@actabldesign/bellhop-core 0.3.0 → 0.3.1

package/components/bh-date-picker-content.js

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

package/components/bh-date-picker.js

@@ -1 +1 @@
-import{p as e,H as t,c as i,h as s,d as a,t as o}from"./p-YZi6LqIt.js";import{d as r}from"./p-oaisznHL.js";import{d as n}from"./p-cD3vmu49.js";import{d as h}from"./p-D_0aDuRr.js";import{d}from"./p-Be20AcNb.js";import{d as c}from"./p-B2KPN863.js";import{d as l}from"./p-BbPrWlsw.js";import{d as p}from"./p-BFL2Pm_E.js";import{d as b}from"./p-DBAPExTG.js";import{T as u,s as m,d as k}from"./p-Bf_iTZDv.js";import{P as f}from"./p-Sdr_qqWO.js";import{c as g,t as y,a as v}from"./p-CqAYzGVs.js";import{c as w,m as x,M as C,r as D}from"./p-BJXjqxlX.js";import{c as M}from"./p-YdVz1TeW.js";import{B,r as E}from"./p-BNVOtH-1.js";import{i as j,a as L}from"./p-BqJRACkO.js";import{A as T}from"./p-BoVgy_Ao.js";const Y=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],A=1900,O=2200,z=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhChange=i(this,"bhChange"),this.bhFocus=i(this,"bhFocus"),this.bhBlur=i(this,"bhBlur"),this.bhOpen=i(this,"bhOpen"),this.bhClose=i(this,"bhClose")}destroy$=g();logger=w("bh-date-picker");stateManager;closeTimerId=null;get el(){return this}variant="input";minYear=1998;maxYear=2060;disabled=!1;disabledDates=[];label="Select Date";placeholder="Choose date";inputWidth="200px";showLabel=!0;showFooter=!1;showOtherMonthDays=!0;value;menuStyles={};openUpward=!1;openToLeft=!1;isMenuClosing=!1;isMenuOpen=!1;menuContainerEl;menuAnchor=new u;get safeMinYear(){return!Number.isFinite(this.minYear)||this.minYear<A?(this.logger.warn("minYear out of bounds, using default",{provided:this.minYear,using:A}),A):this.minYear>O?(this.logger.warn("minYear exceeds maximum, using max",{provided:this.minYear,using:O}),O):this.minYear}get safeMaxYear(){if(!Number.isFinite(this.maxYear)||this.maxYear>O)return this.logger.warn("maxYear out of bounds, using default",{provided:this.maxYear,using:O}),O;if(this.maxYear<A)return this.logger.warn("maxYear below minimum, using min",{provided:this.maxYear,using:A}),A;const e=this.safeMinYear;return this.maxYear<e?e:this.maxYear}bhChange;bhFocus;bhBlur;bhOpen;bhClose;focusState=M();i18nUnsubscribe;focusVersion=0;_i18nVersion=0;handleInputFocus=()=>{this.disabled||this.stateManager?.isOpen||this.handleTriggerClick()};componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),x.increment(C.COMPONENT_ERROR,{component:"bh-date-picker"}),D("bh-date-picker",e)}handleValueChange(e){this.stateManager&&this.stateManager.setValue(e??null)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.stateManager=new f({onOpen:()=>{this.isMenuOpen=!0,this.bhOpen.emit()},onClose:()=>{this.isMenuOpen=!1,this.bhClose.emit()},onApply:e=>{this.bhChange.emit(e)}}),this.value&&this.stateManager.setValue(this.value),this.i18nUnsubscribe=B.onLocaleChange((()=>{this._i18nVersion++}))}getDisplayValue(){const e=this.stateManager?.committedValue;return e?`${Y[e.month]} ${e.day}, ${e.year}`:""}getButtonLabel(){return this.getDisplayValue()||this.placeholder}handleTriggerClick=()=>{if(!this.disabled)if(this.stateManager.isOpen)this.closeMenu();else{const e=this.el.getBoundingClientRect(),t=window.innerHeight-e.bottom,i=window.innerWidth-e.left;this.openUpward=t<360&&e.top>360,this.openToLeft=i<300,this.stateManager.open()}};handleFocus=e=>{this.focusState.handleFocus(e,(e=>this.bhFocus.emit(e)))};handleBlur=e=>{this.focusState.handleBlur(e,(e=>this.bhBlur.emit(e)))};handleKeyDown=e=>{j(e)&&this.stateManager.isOpen&&(e.preventDefault(),this.closeMenu()),!this.disabled&&L(e)&&(e.preventDefault(),this.handleTriggerClick())};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleDateSelect=e=>{e.stopPropagation();const t=e.detail;this.showFooter&&t?this.stateManager.setTempValue(t):t&&(this.stateManager.setValue(t),this.bhChange.emit(t),this.showFooter||this.closeMenu())};handleMenuAction=e=>{"apply"===e.detail.action?this.handleMenuApply():"cancel"===e.detail.action?this.handleMenuCancel():this.handleToday()};handleMenuCancel=()=>{this.stateManager.cancel(),this.closeMenu()};handleMenuApply=()=>{this.stateManager.apply(),this.closeMenu()};handleToday=()=>{const e=new Date,t={year:e.getFullYear(),month:e.getMonth(),day:e.getDate()};this.showFooter?this.stateManager.setTempValue(t):(this.stateManager.setValue(t),this.bhChange.emit(t),this.closeMenu())};closeMenu(){this.isMenuClosing=!0,null!==this.closeTimerId&&(clearTimeout(this.closeTimerId),this.closeTimerId=null);const e=this.destroy$?y(T.MENU_CLOSE,this.destroy$):null;e?e.subscribe((()=>{this.stateManager.close(),this.isMenuClosing=!1,this.closeTimerId=null})):this.closeTimerId=setTimeout((()=>{this.stateManager.close(),this.isMenuClosing=!1,this.closeTimerId=null}),T.MENU_CLOSE)}componentDidRender(){this.menuAnchor.sync(this.isMenuOpen,this.menuContainerEl,this.el,{upward:this.openUpward,toLeft:this.openToLeft})}disconnectedCallback(){this.menuAnchor.destroy(),null!==this.closeTimerId&&(clearTimeout(this.closeTimerId),this.closeTimerId=null),v(this.destroy$),this.i18nUnsubscribe?.()}handleBackdropClick=()=>{this.handleMenuCancel()};render(){const e={"date-picker-container":!0,"date-picker-focused":this.focusState.isFocused,"date-picker-hovered":this.focusState.isHovered};return s(a,{key:"bdc89e36e319b09fe8b3e6138689f24a20506ce5"},s("div",{key:"b33f847689a5c1f170db7fb73ce1d597402c773d","aria-disabled":this.disabled?"true":void 0,"aria-expanded":this.isMenuOpen+"","aria-haspopup":"dialog","aria-label":E("bh-date-picker","defaultLabel",this.label,"Select Date"),class:e,"data-focused":this.focusState.isFocused+"","data-hovered":this.focusState.isHovered+"",onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container",role:"combobox",tabindex:this.disabled?-1:0},"dropdown-outlined"===this.variant&&s("div",{key:"186e0039f11670234bc642e3d037839a13370e27",class:"date-picker-trigger",onClick:this.handleTriggerClick,part:"trigger"},s("bh-button",{key:"ead8b633f7a0650409b320fc52647433e27e6424",disabled:this.disabled,hierarchy:"secondary",icon:"trailing",iconName:"expand_more",label:this.getButtonLabel(),size:"sm"})),"dropdown-ghost"===this.variant&&s("div",{key:"6b11aebace35b7ce5a1266825016e88c7ae8a63d",class:"date-picker-trigger",onClick:this.handleTriggerClick,part:"trigger"},s("bh-button",{key:"74ab8d177aa2b519c607385e82efa64196ea5aa6",disabled:this.disabled,hierarchy:"tertiary",icon:"trailing",iconName:"expand_more",label:this.getButtonLabel(),size:"sm"})),"input"===this.variant&&s("div",{key:"9beb49a326305ee6299024465ed7a9fceef168cb",class:"date-picker-trigger input-field-container",part:"trigger"},s("bh-input-text",{key:"4bd03000215aeab5c198f1dc810e4511918dd728",disabled:this.disabled,label:E("bh-date-picker","defaultLabel",this.label,"Select Date"),onFocus:this.handleInputFocus,placeholder:E("bh-date-picker","defaultPlaceholder",this.placeholder,"Choose date"),readOnly:!0,showHelpIcon:!1,showHintText:!1,showLabel:this.showLabel,showTrailingIcon:!0,trailingIcon:"calendar_today",value:this.getDisplayValue(),width:this.inputWidth}),s("div",{key:"012261804aa24a96a61887920913338fc93fde36",class:"calendar-icon-overlay",onClick:this.handleTriggerClick})),s("div",{key:"dc383f16e5c4bee5081148da454e7f6aaab27840",class:{"date-picker-menu-container":!0,"is-open":this.isMenuOpen&&!m,"open-upward":this.openUpward,"open-left":this.openToLeft},part:"menu",popover:m?"manual":void 0,ref:e=>this.menuContainerEl=e},s("bh-picker-menu",{key:"8065433414c804f7f95f8c9257a20d103b0c0b74",disableApply:this.showFooter&&null===this.stateManager?.tempValue,onBhAction:this.handleMenuAction,showFooter:this.showFooter,showTodayButton:this.showFooter,visible:this.isMenuOpen},s("bh-date-picker-content",{key:"50087791b84167d67105062b293368b3e7699347",disabled:this.disabled,disabledDates:this.disabledDates,maxYear:this.safeMaxYear,minYear:this.safeMinYear,onBhChange:this.handleDateSelect,showOtherMonthDays:this.showOtherMonthDays,value:this.stateManager?.tempValue??this.stateManager?.committedValue??void 0})))),(this.isMenuOpen||this.isMenuClosing)&&s("div",{key:"571aedbc8f942e4ea9332d97c870689fd26d8c0b",class:"date-picker-backdrop",onClick:this.handleBackdropClick}))}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return"@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;position:relative;--bh-date-picker-bg:var(--color-bg-primary);--bh-date-picker-border-color:var(--color-border-primary);--bh-date-picker-border-radius:var(--radius-md);--bh-date-picker-dropdown-shadow:var(--shadow-popup);--bh-date-picker-z-index:var(--bh-z-index-dropdown)}}@layer bh-base{.date-picker-container{width:100%}.date-picker-trigger{cursor:pointer}.date-picker-trigger.input-field-container{position:relative}.calendar-icon-overlay{position:absolute;top:0;right:0;width:var(--bh-button-height-md);height:100%;cursor:pointer;z-index:1}.date-picker-menu-container{position:fixed;z-index:var(--bh-z-index-dropdown);display:none;margin-top:var(--bh-date-picker-dropdown-offset, var(--spacing-md))}.date-picker-menu-container.open-upward{margin-top:0;margin-bottom:var(--bh-date-picker-dropdown-offset, var(--spacing-md))}.date-picker-menu-container{}.date-picker-menu-container:popover-open{display:block;inset:auto;margin:0;border:none;padding:0;background:transparent;overflow:visible}.date-picker-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--bh-z-index-raised);background:transparent}}@layer bh-states{.date-picker-menu-container.is-open{display:block}}"}},[513,"bh-date-picker",{variant:[1],minYear:[2,"min-year"],maxYear:[2,"max-year"],disabled:[4],disabledDates:[16],label:[1],placeholder:[1],inputWidth:[1,"input-width"],showLabel:[4,"show-label"],showFooter:[4,"show-footer"],showOtherMonthDays:[4,"show-other-month-days"],value:[16],menuStyles:[32],openUpward:[32],openToLeft:[32],isMenuClosing:[32],isMenuOpen:[32],focusVersion:[32],_i18nVersion:[32]},void 0,{value:[{handleValueChange:0}]}]),V=z,F=function(){"undefined"!=typeof customElements&&["bh-date-picker","bh-button","bh-button-icon","bh-date-picker-content","bh-input-text","bh-label","bh-loader-spinner","bh-month-picker-content","bh-picker-menu","bh-tooltip"].forEach((e=>{switch(e){case"bh-date-picker":customElements.get(o(e))||customElements.define(o(e),z);break;case"bh-button":customElements.get(o(e))||r();break;case"bh-button-icon":customElements.get(o(e))||n();break;case"bh-date-picker-content":customElements.get(o(e))||h();break;case"bh-input-text":customElements.get(o(e))||d();break;case"bh-label":customElements.get(o(e))||c();break;case"bh-loader-spinner":customElements.get(o(e))||l();break;case"bh-month-picker-content":customElements.get(o(e))||p();break;case"bh-picker-menu":customElements.get(o(e))||b();break;case"bh-tooltip":customElements.get(o(e))||k()}}))};export{V as BhDatePicker,F as defineCustomElement}
+import{p as e,H as t,c as i,h as s,d as a,t as o}from"./p-YZi6LqIt.js";import{d as r}from"./p-BI2Y2Le4.js";import{d as n}from"./p-CClVva-u.js";import{d as h}from"./p-BF5hfv7s.js";import{d}from"./p-S-miu3h6.js";import{d as c}from"./p-C7fkgBQS.js";import{d as l}from"./p-BbPrWlsw.js";import{d as p}from"./p-CssmbrSc.js";import{d as b}from"./p-CvwyG_Kj.js";import{T as u,s as m,d as f}from"./p-D6aw0IK6.js";import{P as k}from"./p-Sdr_qqWO.js";import{c as g,t as y,a as v}from"./p-CqAYzGVs.js";import{c as w,m as x,M as C,r as M}from"./p-BJXjqxlX.js";import{c as j}from"./p-YdVz1TeW.js";import{B,r as D}from"./p-BNVOtH-1.js";import{i as E,a as Y}from"./p-BqJRACkO.js";import{A as L}from"./p-BoVgy_Ao.js";const O=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],T=1900,V=2200,A=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhChange=i(this,"bhChange"),this.bhFocus=i(this,"bhFocus"),this.bhBlur=i(this,"bhBlur"),this.bhOpen=i(this,"bhOpen"),this.bhClose=i(this,"bhClose")}destroy$=g();logger=w("bh-date-picker");stateManager;closeTimerId=null;get el(){return this}variant="input";minYear=1998;maxYear=2060;disabled=!1;disabledDates=[];label="Select Date";placeholder="Choose date";inputWidth="200px";showLabel=!0;showFooter=!1;showOtherMonthDays=!0;value;menuStyles={};openUpward=!1;openToLeft=!1;isMenuClosing=!1;isMenuOpen=!1;menuContainerEl;menuAnchor=new u;get safeMinYear(){return!Number.isFinite(this.minYear)||this.minYear<T?(this.logger.warn("minYear out of bounds, using default",{provided:this.minYear,using:T}),T):this.minYear>V?(this.logger.warn("minYear exceeds maximum, using max",{provided:this.minYear,using:V}),V):this.minYear}get safeMaxYear(){if(!Number.isFinite(this.maxYear)||this.maxYear>V)return this.logger.warn("maxYear out of bounds, using default",{provided:this.maxYear,using:V}),V;if(this.maxYear<T)return this.logger.warn("maxYear below minimum, using min",{provided:this.maxYear,using:T}),T;const e=this.safeMinYear;return this.maxYear<e?e:this.maxYear}bhChange;bhFocus;bhBlur;bhOpen;bhClose;focusState=j();i18nUnsubscribe;focusVersion=0;_i18nVersion=0;handleInputFocus=()=>{this.disabled||this.stateManager?.isOpen||this.handleTriggerClick()};componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),x.increment(C.COMPONENT_ERROR,{component:"bh-date-picker"}),M("bh-date-picker",e)}handleValueChange(e){this.stateManager&&this.stateManager.setValue(e??null)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.stateManager=new k({onOpen:()=>{this.isMenuOpen=!0,this.bhOpen.emit()},onClose:()=>{this.isMenuOpen=!1,this.bhClose.emit()},onApply:e=>{this.bhChange.emit(e)}}),this.value&&this.stateManager.setValue(this.value),this.i18nUnsubscribe=B.onLocaleChange((()=>{this._i18nVersion++}))}getDisplayValue(){const e=this.stateManager?.committedValue;return e?`${O[e.month]} ${e.day}, ${e.year}`:""}getButtonLabel(){return this.getDisplayValue()||this.placeholder}handleTriggerClick=()=>{if(!this.disabled)if(this.stateManager.isOpen)this.closeMenu();else{const e=this.el.getBoundingClientRect(),t=window.innerHeight-e.bottom,i=window.innerWidth-e.left;this.openUpward=t<360&&e.top>360,this.openToLeft=i<300,this.stateManager.open()}};handleFocus=e=>{this.focusState.handleFocus(e,(e=>this.bhFocus.emit(e)))};handleBlur=e=>{this.focusState.handleBlur(e,(e=>this.bhBlur.emit(e)))};handleKeyDown=e=>{E(e)&&this.stateManager.isOpen&&(e.preventDefault(),this.closeMenu()),!this.disabled&&Y(e)&&(e.preventDefault(),this.handleTriggerClick())};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleDateSelect=e=>{e.stopPropagation();const t=e.detail;this.showFooter&&t?this.stateManager.setTempValue(t):t&&(this.stateManager.setValue(t),this.bhChange.emit(t),this.showFooter||this.closeMenu())};handleMenuAction=e=>{"apply"===e.detail.action?this.handleMenuApply():"cancel"===e.detail.action?this.handleMenuCancel():this.handleToday()};handleMenuCancel=()=>{this.stateManager.cancel(),this.closeMenu()};handleMenuApply=()=>{this.stateManager.apply(),this.closeMenu()};handleToday=()=>{const e=new Date,t={year:e.getFullYear(),month:e.getMonth(),day:e.getDate()};this.showFooter?this.stateManager.setTempValue(t):(this.stateManager.setValue(t),this.bhChange.emit(t),this.closeMenu())};closeMenu(){this.isMenuClosing=!0,null!==this.closeTimerId&&(clearTimeout(this.closeTimerId),this.closeTimerId=null);const e=this.destroy$?y(L.MENU_CLOSE,this.destroy$):null;e?e.subscribe((()=>{this.stateManager.close(),this.isMenuClosing=!1,this.closeTimerId=null})):this.closeTimerId=setTimeout((()=>{this.stateManager.close(),this.isMenuClosing=!1,this.closeTimerId=null}),L.MENU_CLOSE)}componentDidRender(){this.menuAnchor.sync(this.isMenuOpen,this.menuContainerEl,this.el,{upward:this.openUpward,toLeft:this.openToLeft})}disconnectedCallback(){this.menuAnchor.destroy(),null!==this.closeTimerId&&(clearTimeout(this.closeTimerId),this.closeTimerId=null),v(this.destroy$),this.i18nUnsubscribe?.()}handleBackdropClick=()=>{this.handleMenuCancel()};render(){const e={"date-picker-container":!0,"date-picker-focused":this.focusState.isFocused,"date-picker-hovered":this.focusState.isHovered};return s(a,{key:"bf6800637be57d8d768455e54e7519c5994e263d"},s("div",{key:"e00ca9870ba40f24884ffe2650c5b50d05f5d556","aria-disabled":this.disabled?"true":void 0,"aria-expanded":this.isMenuOpen+"","aria-haspopup":"dialog","aria-label":D("bh-date-picker","defaultLabel",this.label,"Select Date"),class:e,"data-focused":this.focusState.isFocused+"","data-hovered":this.focusState.isHovered+"",onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container",role:"combobox",tabindex:this.disabled?-1:0},"dropdown-outlined"===this.variant&&s("div",{key:"cf711db0fae3aab3a54db332a6f5a4b9686adad4",class:"date-picker-trigger",onClick:this.handleTriggerClick,part:"trigger"},s("bh-button",{key:"5464fc3c642a2445490836a167da7b9d15369a65",disabled:this.disabled,hierarchy:"secondary",icon:"trailing",iconName:"expand_more",label:this.getButtonLabel(),size:"sm"})),"dropdown-ghost"===this.variant&&s("div",{key:"2729ffe68fef8fd465abcc4ee5122e24d7ca38a5",class:"date-picker-trigger",onClick:this.handleTriggerClick,part:"trigger"},s("bh-button",{key:"a3359a23887d20a507cabc6a94b30e7de955c211",disabled:this.disabled,hierarchy:"tertiary",icon:"trailing",iconName:"expand_more",label:this.getButtonLabel(),size:"sm"})),"input"===this.variant&&s("div",{key:"7655c11d161eeaa2ba73682b351ef1a1350a50a4",class:"date-picker-trigger input-field-container",part:"trigger"},s("bh-input-text",{key:"d79d3bb225210eeb896be266bd9dd37b5373e35a",disabled:this.disabled,label:D("bh-date-picker","defaultLabel",this.label,"Select Date"),onFocus:this.handleInputFocus,placeholder:D("bh-date-picker","defaultPlaceholder",this.placeholder,"Choose date"),readOnly:!0,showHelpIcon:!1,showHintText:!1,showLabel:this.showLabel,showTrailingIcon:!0,trailingIcon:"calendar_today",value:this.getDisplayValue(),width:this.inputWidth}),s("div",{key:"696764ec1a46a39d2e47f5ee2e4873ec831d2809",class:"calendar-icon-overlay",onClick:this.handleTriggerClick})),s("div",{key:"42689fe957cd9bcded85261f0b3b08ed2cfbb8e7",class:{"date-picker-menu-container":!0,"is-open":this.isMenuOpen&&!m,"open-upward":this.openUpward,"open-left":this.openToLeft},part:"menu",popover:m?"manual":void 0,ref:e=>this.menuContainerEl=e},s("bh-picker-menu",{key:"e7abddb8c80316349b31f734cb53cc636df8d9c5",disableApply:this.showFooter&&null===this.stateManager?.tempValue,onBhAction:this.handleMenuAction,showFooter:this.showFooter,showTodayButton:this.showFooter,visible:this.isMenuOpen},s("bh-date-picker-content",{key:"d42c94db8ebb27d762d8eba0267a6bc1f6294b87",disabled:this.disabled,disabledDates:this.disabledDates,maxYear:this.safeMaxYear,minYear:this.safeMinYear,onBhChange:this.handleDateSelect,showOtherMonthDays:this.showOtherMonthDays,value:this.stateManager?.tempValue??this.stateManager?.committedValue??void 0})))),(this.isMenuOpen||this.isMenuClosing)&&s("div",{key:"a021aa4337b3d5b224dc0a078389d098aa836faa",class:"date-picker-backdrop",onClick:this.handleBackdropClick}))}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return"@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;position:relative;--bh-date-picker-bg:var(--color-bg-primary);--bh-date-picker-border-color:var(--color-border-primary);--bh-date-picker-border-radius:var(--radius-md);--bh-date-picker-dropdown-shadow:var(--shadow-popup);--bh-date-picker-z-index:var(--bh-z-index-dropdown)}}@layer bh-base{.date-picker-container{width:100%}.date-picker-trigger{cursor:pointer}.date-picker-trigger.input-field-container{position:relative}.calendar-icon-overlay{position:absolute;top:0;right:0;width:var(--bh-button-height-md);height:100%;cursor:pointer;z-index:1}.date-picker-menu-container{position:fixed;z-index:var(--bh-z-index-dropdown);display:none;margin-top:var(--bh-date-picker-dropdown-offset, var(--spacing-md))}.date-picker-menu-container.open-upward{margin-top:0;margin-bottom:var(--bh-date-picker-dropdown-offset, var(--spacing-md))}.date-picker-menu-container{}.date-picker-menu-container:popover-open{display:block;inset:auto;margin:0;border:none;padding:0;background:transparent;overflow:visible}.date-picker-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--bh-z-index-raised);background:transparent}}@layer bh-states{.date-picker-menu-container.is-open{display:block}}"}},[513,"bh-date-picker",{variant:[1],minYear:[2,"min-year"],maxYear:[2,"max-year"],disabled:[4],disabledDates:[16],label:[1],placeholder:[1],inputWidth:[1,"input-width"],showLabel:[4,"show-label"],showFooter:[4,"show-footer"],showOtherMonthDays:[4,"show-other-month-days"],value:[16],menuStyles:[32],openUpward:[32],openToLeft:[32],isMenuClosing:[32],isMenuOpen:[32],focusVersion:[32],_i18nVersion:[32]},void 0,{value:[{handleValueChange:0}]}]),S=A,z=function(){"undefined"!=typeof customElements&&["bh-date-picker","bh-button","bh-button-icon","bh-date-picker-content","bh-input-text","bh-label","bh-loader-spinner","bh-month-picker-content","bh-picker-menu","bh-tooltip"].forEach((e=>{switch(e){case"bh-date-picker":customElements.get(o(e))||customElements.define(o(e),A);break;case"bh-button":customElements.get(o(e))||r();break;case"bh-button-icon":customElements.get(o(e))||n();break;case"bh-date-picker-content":customElements.get(o(e))||h();break;case"bh-input-text":customElements.get(o(e))||d();break;case"bh-label":customElements.get(o(e))||c();break;case"bh-loader-spinner":customElements.get(o(e))||l();break;case"bh-month-picker-content":customElements.get(o(e))||p();break;case"bh-picker-menu":customElements.get(o(e))||b();break;case"bh-tooltip":customElements.get(o(e))||f()}}))};export{S as BhDatePicker,z as defineCustomElement}

package/components/bh-date-range-picker-content.js

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

package/components/bh-date-range-picker.js

@@ -1 +1 @@
-import{p as e,H as r,c as o,h as a,d as t,t as s}from"./p-YZi6LqIt.js";import{d as i}from"./p-oaisznHL.js";import{d as n}from"./p-cD3vmu49.js";import{d as l}from"./p-D_0aDuRr.js";import{d as c}from"./p--a7Uv1ky.js";import{d as h}from"./p-Be20AcNb.js";import{d}from"./p-B2KPN863.js";import{d as p}from"./p-BbPrWlsw.js";import{d as b}from"./p-BFL2Pm_E.js";import{d as u}from"./p-DBAPExTG.js";import{T as m,s as g,d as x}from"./p-Bf_iTZDv.js";import{c as f,m as v,M as k,r as w}from"./p-BJXjqxlX.js";import{c as y,t as C,a as z}from"./p-CqAYzGVs.js";import{c as D}from"./p-YdVz1TeW.js";import{P as E}from"./p-Sdr_qqWO.js";import{B as M,r as j}from"./p-BNVOtH-1.js";import{A as L}from"./p-BoVgy_Ao.js";const B=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],A=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhChange=o(this,"bhChange"),this.bhFocus=o(this,"bhFocus"),this.bhBlur=o(this,"bhBlur"),this.bhOpen=o(this,"bhOpen"),this.bhClose=o(this,"bhClose")}logger=f("bh-date-range-picker");destroy$=y();stateManager;closeTimerId=null;variant="input";minYear=1998;maxYear=2060;disabled=!1;disabledDates=[];startLabel="Start Date";endLabel="End Date";startPlaceholder="Choose start date";endPlaceholder="Choose end date";inputWidth="200px";showLabel=!0;showFooter=!0;showOtherMonthDays=!1;value;isMenuClosing=!1;get el(){return this}isMenuOpen=!1;menuContainerEl;menuAnchor=new m;tempSelection=null;bhChange;bhFocus;bhBlur;bhOpen;bhClose;focusState=D();i18nUnsubscribe;focusVersion=0;_i18nVersion=0;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),v.increment(k.COMPONENT_ERROR,{component:"bh-date-range-picker",error_type:e instanceof Error?e.name:"unknown"}),w("bh-date-range-picker",e)}handleValueChange(e){this.stateManager&&this.stateManager.setValue(e??null)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.stateManager=new E({onOpen:()=>{this.isMenuOpen=!0,this.tempSelection=this.stateManager.committedValue,this.bhOpen.emit()},onClose:()=>{this.isMenuOpen=!1,this.tempSelection=null,this.bhClose.emit()},onApply:e=>{this.bhChange.emit(e)}}),this.value&&this.stateManager.setValue(this.value),this.i18nUnsubscribe=M.onLocaleChange((()=>{this._i18nVersion++}))}formatDate(e){return e?`${B[e.month]} ${e.day}, ${e.year}`:""}getButtonLabel(){const e=this.stateManager?.committedValue;if(!e||!e.startDate)return"Select date range";const r=this.formatDate(e.startDate),o=e.endDate?this.formatDate(e.endDate):"";return o?`${r} - ${o}`:r}handleTriggerClick=()=>{this.disabled||(this.stateManager.isOpen?this.closeMenu():this.stateManager.open())};handleFocus=e=>{this.focusState.handleFocus(e,(e=>this.bhFocus.emit(e)))};handleBlur=e=>{this.focusState.handleBlur(e,(e=>this.bhBlur.emit(e)))};handleContentDateRangeSelect=e=>{e.stopPropagation();const r=e.detail;this.showFooter&&r?(this.stateManager.setTempValue(r),this.tempSelection=r):r&&(this.stateManager.setValue(r),this.tempSelection=r,r.startDate&&r.endDate&&(this.bhChange.emit(r),this.closeMenu()))};handleMenuAction=e=>{"apply"===e.detail.action?this.handleMenuApply():this.handleMenuCancel()};handleMenuCancel=()=>{this.stateManager.cancel(),this.closeMenu()};handleMenuApply=()=>{this.stateManager.apply(),this.closeMenu()};closeMenu(){this.isMenuClosing=!0,null!==this.closeTimerId&&(clearTimeout(this.closeTimerId),this.closeTimerId=null);const e=this.destroy$?C(L.MENU_CLOSE,this.destroy$):null;e?e.subscribe((()=>{this.stateManager.close(),this.isMenuClosing=!1,this.closeTimerId=null})):this.closeTimerId=setTimeout((()=>{this.stateManager.close(),this.isMenuClosing=!1,this.closeTimerId=null}),L.MENU_CLOSE)}componentDidRender(){this.menuAnchor.sync(this.isMenuOpen,this.menuContainerEl,this.el)}disconnectedCallback(){this.menuAnchor.destroy(),null!==this.closeTimerId&&(clearTimeout(this.closeTimerId),this.closeTimerId=null),z(this.destroy$),this.i18nUnsubscribe?.()}handleBackdropClick=()=>{this.handleMenuCancel()};render(){return a(t,{key:"852e6aeadf2758607d6f435c1f45ff6513da64d0"},a("div",{key:"bbabdc5e3439677a85da1de7a13aac5d4c0625d2","aria-disabled":this.disabled?"true":void 0,"aria-expanded":this.isMenuOpen+"","aria-haspopup":"dialog","aria-label":this.getButtonLabel(),class:"date-range-picker-container","data-focused":this.focusState.isFocused+"",onFocusin:this.handleFocus,onFocusout:this.handleBlur,part:"container"},"dropdown-outlined"===this.variant&&a("div",{key:"cfef2847909f1c8d88a94d1cb6f0c024dc923619",class:"date-range-picker-trigger",onClick:this.handleTriggerClick},a("bh-button",{key:"c9895e820423ce35e0b80f1c5668d39e81c942a2",disabled:this.disabled,hierarchy:"secondary",icon:"trailing",iconName:"expand_more",label:this.getButtonLabel(),size:"sm"})),"dropdown-ghost"===this.variant&&a("div",{key:"1fe2d0b07fe4ca8555fc403f09989f02cce7beb0",class:"date-range-picker-trigger",onClick:this.handleTriggerClick},a("bh-button",{key:"f7f4b964e417b73aafe9f66bbca26beb7f1ba277",disabled:this.disabled,hierarchy:"tertiary",icon:"trailing",iconName:"expand_more",label:this.getButtonLabel(),size:"sm"})),"input"===this.variant&&a("div",{key:"73d31bd026f15ee44332937b444ee2e3781ce290",class:"date-range-picker-trigger"},a("div",{key:"5cb1067e4de2ad6620fd2e57ef32790c96a5f48d",class:"date-range-inputs",onClick:this.handleTriggerClick},a("bh-input-text",{key:"a41905a3bb68cc4de7c7b59ec6903c95d47e57f5",disabled:this.disabled,label:j("bh-date-range-picker","startLabel",this.startLabel,"Start Date"),placeholder:j("bh-date-range-picker","startPlaceholder",this.startPlaceholder,"Choose start date"),readOnly:!0,showHelpIcon:!1,showHintText:!1,showLabel:this.showLabel,showTrailingIcon:!0,trailingIcon:"calendar_today",value:this.formatDate(this.stateManager?.committedValue?.startDate||null),width:this.inputWidth}),a("bh-input-text",{key:"d3f8e4bb61849e475549af23651ae808943ccb54",disabled:this.disabled,label:j("bh-date-range-picker","endLabel",this.endLabel,"End Date"),placeholder:j("bh-date-range-picker","endPlaceholder",this.endPlaceholder,"Choose end date"),readOnly:!0,showHelpIcon:!1,showHintText:!1,showLabel:this.showLabel,showTrailingIcon:!0,trailingIcon:"calendar_today",value:this.formatDate(this.stateManager?.committedValue?.endDate||null),width:this.inputWidth}))),a("div",{key:"cc0dc8847b6ddd1fd80906bd2ba1d523fec2824e",class:{"date-range-picker-menu-container":!0,"is-open":this.isMenuOpen&&!g},part:"menu",popover:g?"manual":void 0,ref:e=>this.menuContainerEl=e},a("bh-picker-menu",{key:"15d26c32502879b8387bdb5e667a8b42261c24a2",disableApply:this.showFooter&&!(this.tempSelection?.startDate&&this.tempSelection?.endDate),onBhAction:this.handleMenuAction,showFooter:this.showFooter,visible:this.isMenuOpen},a("bh-date-range-picker-content",{key:"567201f3170229fa4f9b30746a4316bd9b1ccb65",disabled:this.disabled,disabledDates:this.disabledDates,maxYear:this.maxYear,minYear:this.minYear,onBhChange:this.handleContentDateRangeSelect,showOtherMonthDays:this.showOtherMonthDays,value:this.tempSelection??this.stateManager?.committedValue??void 0})))),(this.isMenuOpen||this.isMenuClosing)&&a("div",{key:"081ad2c1b95563cf2e5294e1cb6c81f7f18e758d",class:"date-range-picker-backdrop",onClick:this.handleBackdropClick}))}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return'  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: inline-block;     position: relative;          --bh-date-range-picker-input-gap: var(--spacing-md);     --bh-date-range-picker-dropdown-z-index: var(--bh-z-index-dropdown);     --bh-date-range-picker-dropdown-offset: var(--spacing-md);     --bh-date-range-picker-backdrop-z-index: var(--bh-z-index-raised);   } } @layer bh-base {   .date-range-picker-container {     position: relative;     display: inline-block;   }   .date-range-picker-trigger {     cursor: pointer;   }   .date-range-inputs {     display: flex;     gap: var(--bh-date-range-picker-input-gap);   }   .date-range-picker-menu-container {        }   .date-range-picker-menu-container:popover-open {     display: block;     inset: auto;     margin: 0;     border: none;     padding: 0;     background: transparent;     overflow: visible;   }   .date-range-picker-menu-container {     position: absolute;     top: 100%;     left: 0;     z-index: var(--bh-date-range-picker-dropdown-z-index);     margin-top: var(--bh-date-range-picker-dropdown-offset);     display: none;         }   .date-range-picker-menu-container bh-picker-menu::part(menu) {     width: auto;   }   .date-range-picker-menu-container.is-open {     display: block;   }   .date-range-picker-backdrop {     position: fixed;     top: 0;     left: 0;     right: 0;     bottom: 0;     z-index: var(--bh-date-range-picker-backdrop-z-index);     background: transparent;   } }'}},[513,"bh-date-range-picker",{variant:[1],minYear:[2,"min-year"],maxYear:[2,"max-year"],disabled:[4],disabledDates:[16],startLabel:[1,"start-label"],endLabel:[1,"end-label"],startPlaceholder:[1,"start-placeholder"],endPlaceholder:[1,"end-placeholder"],inputWidth:[1,"input-width"],showLabel:[4,"show-label"],showFooter:[4,"show-footer"],showOtherMonthDays:[4,"show-other-month-days"],value:[16],isMenuClosing:[32],isMenuOpen:[32],tempSelection:[32],focusVersion:[32],_i18nVersion:[32]},void 0,{value:[{handleValueChange:0}]}]),O=A,S=function(){"undefined"!=typeof customElements&&["bh-date-range-picker","bh-button","bh-button-icon","bh-date-picker-content","bh-date-range-picker-content","bh-input-text","bh-label","bh-loader-spinner","bh-month-picker-content","bh-picker-menu","bh-tooltip"].forEach((e=>{switch(e){case"bh-date-range-picker":customElements.get(s(e))||customElements.define(s(e),A);break;case"bh-button":customElements.get(s(e))||i();break;case"bh-button-icon":customElements.get(s(e))||n();break;case"bh-date-picker-content":customElements.get(s(e))||l();break;case"bh-date-range-picker-content":customElements.get(s(e))||c();break;case"bh-input-text":customElements.get(s(e))||h();break;case"bh-label":customElements.get(s(e))||d();break;case"bh-loader-spinner":customElements.get(s(e))||p();break;case"bh-month-picker-content":customElements.get(s(e))||b();break;case"bh-picker-menu":customElements.get(s(e))||u();break;case"bh-tooltip":customElements.get(s(e))||x()}}))};export{O as BhDateRangePicker,S as defineCustomElement}
+import{p as e,H as r,c as o,h as a,d as t,t as s}from"./p-YZi6LqIt.js";import{d as i}from"./p-BI2Y2Le4.js";import{d as n}from"./p-CClVva-u.js";import{d as l}from"./p-BF5hfv7s.js";import{d as c}from"./p-CK_Py1Yi.js";import{d as h}from"./p-S-miu3h6.js";import{d}from"./p-C7fkgBQS.js";import{d as p}from"./p-BbPrWlsw.js";import{d as b}from"./p-CssmbrSc.js";import{d as u}from"./p-CvwyG_Kj.js";import{T as m,s as g,d as x}from"./p-D6aw0IK6.js";import{c as v,m as k,M as f,r as w}from"./p-BJXjqxlX.js";import{c as y,t as C,a as M}from"./p-CqAYzGVs.js";import{c as z}from"./p-YdVz1TeW.js";import{P as j}from"./p-Sdr_qqWO.js";import{B as E,r as D}from"./p-BNVOtH-1.js";import{A as L}from"./p-BoVgy_Ao.js";const S=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],B=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhChange=o(this,"bhChange"),this.bhFocus=o(this,"bhFocus"),this.bhBlur=o(this,"bhBlur"),this.bhOpen=o(this,"bhOpen"),this.bhClose=o(this,"bhClose")}logger=v("bh-date-range-picker");destroy$=y();stateManager;closeTimerId=null;variant="input";minYear=1998;maxYear=2060;disabled=!1;disabledDates=[];startLabel="Start Date";endLabel="End Date";startPlaceholder="Choose start date";endPlaceholder="Choose end date";inputWidth="200px";showLabel=!0;showFooter=!0;showOtherMonthDays=!1;value;isMenuClosing=!1;get el(){return this}isMenuOpen=!1;menuContainerEl;menuAnchor=new m;tempSelection=null;bhChange;bhFocus;bhBlur;bhOpen;bhClose;focusState=z();i18nUnsubscribe;focusVersion=0;_i18nVersion=0;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),k.increment(f.COMPONENT_ERROR,{component:"bh-date-range-picker",error_type:e instanceof Error?e.name:"unknown"}),w("bh-date-range-picker",e)}handleValueChange(e){this.stateManager&&this.stateManager.setValue(e??null)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.stateManager=new j({onOpen:()=>{this.isMenuOpen=!0,this.tempSelection=this.stateManager.committedValue,this.bhOpen.emit()},onClose:()=>{this.isMenuOpen=!1,this.tempSelection=null,this.bhClose.emit()},onApply:e=>{this.bhChange.emit(e)}}),this.value&&this.stateManager.setValue(this.value),this.i18nUnsubscribe=E.onLocaleChange((()=>{this._i18nVersion++}))}formatDate(e){return e?`${S[e.month]} ${e.day}, ${e.year}`:""}getButtonLabel(){const e=this.stateManager?.committedValue;if(!e||!e.startDate)return"Select date range";const r=this.formatDate(e.startDate),o=e.endDate?this.formatDate(e.endDate):"";return o?`${r} - ${o}`:r}handleTriggerClick=()=>{this.disabled||(this.stateManager.isOpen?this.closeMenu():this.stateManager.open())};handleFocus=e=>{this.focusState.handleFocus(e,(e=>this.bhFocus.emit(e)))};handleBlur=e=>{this.focusState.handleBlur(e,(e=>this.bhBlur.emit(e)))};handleContentDateRangeSelect=e=>{e.stopPropagation();const r=e.detail;this.showFooter&&r?(this.stateManager.setTempValue(r),this.tempSelection=r):r&&(this.stateManager.setValue(r),this.tempSelection=r,r.startDate&&r.endDate&&(this.bhChange.emit(r),this.closeMenu()))};handleMenuAction=e=>{"apply"===e.detail.action?this.handleMenuApply():this.handleMenuCancel()};handleMenuCancel=()=>{this.stateManager.cancel(),this.closeMenu()};handleMenuApply=()=>{this.stateManager.apply(),this.closeMenu()};closeMenu(){this.isMenuClosing=!0,null!==this.closeTimerId&&(clearTimeout(this.closeTimerId),this.closeTimerId=null);const e=this.destroy$?C(L.MENU_CLOSE,this.destroy$):null;e?e.subscribe((()=>{this.stateManager.close(),this.isMenuClosing=!1,this.closeTimerId=null})):this.closeTimerId=setTimeout((()=>{this.stateManager.close(),this.isMenuClosing=!1,this.closeTimerId=null}),L.MENU_CLOSE)}componentDidRender(){this.menuAnchor.sync(this.isMenuOpen,this.menuContainerEl,this.el)}disconnectedCallback(){this.menuAnchor.destroy(),null!==this.closeTimerId&&(clearTimeout(this.closeTimerId),this.closeTimerId=null),M(this.destroy$),this.i18nUnsubscribe?.()}handleBackdropClick=()=>{this.handleMenuCancel()};render(){return a(t,{key:"300df3192b097c2d311a86e9254457c5147ab6b2"},a("div",{key:"065b138629ea9974dee471bcda5828c6a9a4a4bb","aria-disabled":this.disabled?"true":void 0,"aria-expanded":this.isMenuOpen+"","aria-haspopup":"dialog","aria-label":this.getButtonLabel(),class:"date-range-picker-container","data-focused":this.focusState.isFocused+"",onFocusin:this.handleFocus,onFocusout:this.handleBlur,part:"container"},"dropdown-outlined"===this.variant&&a("div",{key:"54370cecc8cf2769781605d7665b924c75b879ce",class:"date-range-picker-trigger",onClick:this.handleTriggerClick},a("bh-button",{key:"2a0ffdb12e550b49eb3ba4471adcdd139c382c2e",disabled:this.disabled,hierarchy:"secondary",icon:"trailing",iconName:"expand_more",label:this.getButtonLabel(),size:"sm"})),"dropdown-ghost"===this.variant&&a("div",{key:"13a8900ad6e73d68e7692288c3bdf20b213f852b",class:"date-range-picker-trigger",onClick:this.handleTriggerClick},a("bh-button",{key:"e162cb491095f50e29e39d245626cf1fc9ea7605",disabled:this.disabled,hierarchy:"tertiary",icon:"trailing",iconName:"expand_more",label:this.getButtonLabel(),size:"sm"})),"input"===this.variant&&a("div",{key:"e190b754ee9166b7ec4a265c13d44226fb9afd2d",class:"date-range-picker-trigger"},a("div",{key:"8ad7b6c63d94f40cbc91215dbc22d93832950f61",class:"date-range-inputs",onClick:this.handleTriggerClick},a("bh-input-text",{key:"e32c3b25d5b50a6d5c718c9991786f604f751471",disabled:this.disabled,label:D("bh-date-range-picker","startLabel",this.startLabel,"Start Date"),placeholder:D("bh-date-range-picker","startPlaceholder",this.startPlaceholder,"Choose start date"),readOnly:!0,showHelpIcon:!1,showHintText:!1,showLabel:this.showLabel,showTrailingIcon:!0,trailingIcon:"calendar_today",value:this.formatDate(this.stateManager?.committedValue?.startDate||null),width:this.inputWidth}),a("bh-input-text",{key:"46dc8de41db3c4bf83b1a75ec8c7bef73d76b4e2",disabled:this.disabled,label:D("bh-date-range-picker","endLabel",this.endLabel,"End Date"),placeholder:D("bh-date-range-picker","endPlaceholder",this.endPlaceholder,"Choose end date"),readOnly:!0,showHelpIcon:!1,showHintText:!1,showLabel:this.showLabel,showTrailingIcon:!0,trailingIcon:"calendar_today",value:this.formatDate(this.stateManager?.committedValue?.endDate||null),width:this.inputWidth}))),a("div",{key:"2e8cc3c220928a396034fd65d6d178d524691ad1",class:{"date-range-picker-menu-container":!0,"is-open":this.isMenuOpen&&!g},part:"menu",popover:g?"manual":void 0,ref:e=>this.menuContainerEl=e},a("bh-picker-menu",{key:"bad9a6ccd2d992d55aaf840f6577059a31bdc6c4",disableApply:this.showFooter&&!(this.tempSelection?.startDate&&this.tempSelection?.endDate),onBhAction:this.handleMenuAction,showFooter:this.showFooter,visible:this.isMenuOpen},a("bh-date-range-picker-content",{key:"b3d032daf9f96aac4bbc5b8fe1e2db1b0471c243",disabled:this.disabled,disabledDates:this.disabledDates,maxYear:this.maxYear,minYear:this.minYear,onBhChange:this.handleContentDateRangeSelect,showOtherMonthDays:this.showOtherMonthDays,value:this.tempSelection??this.stateManager?.committedValue??void 0})))),(this.isMenuOpen||this.isMenuClosing)&&a("div",{key:"64e045d33992875e0cab607c3cab50da6e43856f",class:"date-range-picker-backdrop",onClick:this.handleBackdropClick}))}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return'  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: inline-block;     position: relative;          --bh-date-range-picker-input-gap: var(--spacing-md);     --bh-date-range-picker-dropdown-z-index: var(--bh-z-index-dropdown);     --bh-date-range-picker-dropdown-offset: var(--spacing-md);     --bh-date-range-picker-backdrop-z-index: var(--bh-z-index-raised);   } } @layer bh-base {   .date-range-picker-container {     position: relative;     display: inline-block;   }   .date-range-picker-trigger {     cursor: pointer;   }   .date-range-inputs {     display: flex;     gap: var(--bh-date-range-picker-input-gap);   }   .date-range-picker-menu-container {        }   .date-range-picker-menu-container:popover-open {     display: block;     inset: auto;     margin: 0;     border: none;     padding: 0;     background: transparent;     overflow: visible;   }   .date-range-picker-menu-container {     position: absolute;     top: 100%;     left: 0;     z-index: var(--bh-date-range-picker-dropdown-z-index);     margin-top: var(--bh-date-range-picker-dropdown-offset);     display: none;         }   .date-range-picker-menu-container bh-picker-menu::part(menu) {     width: auto;   }   .date-range-picker-menu-container.is-open {     display: block;   }   .date-range-picker-backdrop {     position: fixed;     top: 0;     left: 0;     right: 0;     bottom: 0;     z-index: var(--bh-date-range-picker-backdrop-z-index);     background: transparent;   } }'}},[513,"bh-date-range-picker",{variant:[1],minYear:[2,"min-year"],maxYear:[2,"max-year"],disabled:[4],disabledDates:[16],startLabel:[1,"start-label"],endLabel:[1,"end-label"],startPlaceholder:[1,"start-placeholder"],endPlaceholder:[1,"end-placeholder"],inputWidth:[1,"input-width"],showLabel:[4,"show-label"],showFooter:[4,"show-footer"],showOtherMonthDays:[4,"show-other-month-days"],value:[16],isMenuClosing:[32],isMenuOpen:[32],tempSelection:[32],focusVersion:[32],_i18nVersion:[32]},void 0,{value:[{handleValueChange:0}]}]),O=B,I=function(){"undefined"!=typeof customElements&&["bh-date-range-picker","bh-button","bh-button-icon","bh-date-picker-content","bh-date-range-picker-content","bh-input-text","bh-label","bh-loader-spinner","bh-month-picker-content","bh-picker-menu","bh-tooltip"].forEach((e=>{switch(e){case"bh-date-range-picker":customElements.get(s(e))||customElements.define(s(e),B);break;case"bh-button":customElements.get(s(e))||i();break;case"bh-button-icon":customElements.get(s(e))||n();break;case"bh-date-picker-content":customElements.get(s(e))||l();break;case"bh-date-range-picker-content":customElements.get(s(e))||c();break;case"bh-input-text":customElements.get(s(e))||h();break;case"bh-label":customElements.get(s(e))||d();break;case"bh-loader-spinner":customElements.get(s(e))||p();break;case"bh-month-picker-content":customElements.get(s(e))||b();break;case"bh-picker-menu":customElements.get(s(e))||u();break;case"bh-tooltip":customElements.get(s(e))||x()}}))};export{O as BhDateRangePicker,I as defineCustomElement}

package/components/bh-divider.js

@@ -1 +1 @@
-import{p as i,H as r,h as e,t as d,d as o}from"./p-YZi6LqIt.js";import{c as a,m as t,M as n,r as s}from"./p-BJXjqxlX.js";const c="bh-divider",h=i(class extends r{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}logger=a(c);orientation="horizontal";spacing="none";componentDidLoad(){this.logger.debug("loaded")}componentDidCatch(i){this.logger.error("Component error caught",i instanceof Error?i:Error(i+"")),t.increment(n.COMPONENT_ERROR,{component:c,error_type:i instanceof Error?i.name:"unknown"}),s(c,i)}render(){return e(o,{key:"dd57ce1e17ad8ee98d58824627dbeb4f7866f07e","aria-orientation":this.orientation,class:{divider:!0,["divider-"+this.orientation]:!0,["divider-spacing-"+this.spacing]:"none"!==this.spacing},role:"separator"})}static get style(){return"@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-divider-color:var(--color-border-secondary);--bh-divider-width:1px}}@layer bh-base{:host(.divider-horizontal){width:100%;height:var(--bh-divider-width);background-color:var(--bh-divider-color)}:host(.divider-vertical){display:inline-block;width:var(--bh-divider-width);height:100%;align-self:stretch;background-color:var(--bh-divider-color)}}@layer bh-variants{:host(.divider-horizontal.divider-spacing-sm){margin-block:var(--spacing-sm)}:host(.divider-horizontal.divider-spacing-md){margin-block:var(--spacing-md)}:host(.divider-horizontal.divider-spacing-lg){margin-block:var(--spacing-lg)}:host(.divider-vertical.divider-spacing-sm){margin-inline:var(--spacing-sm)}:host(.divider-vertical.divider-spacing-md){margin-inline:var(--spacing-md)}:host(.divider-vertical.divider-spacing-lg){margin-inline:var(--spacing-lg)}}"}},[513,"bh-divider",{orientation:[1],spacing:[1]}]),l=h,v=function(){"undefined"!=typeof customElements&&["bh-divider"].forEach((i=>{"bh-divider"===i&&(customElements.get(d(i))||customElements.define(d(i),h))}))};export{l as BhDivider,v as defineCustomElement}
+import{p as i,H as r,h as e,t as o,d as a}from"./p-YZi6LqIt.js";import{c as t,m as d,M as n,r as s}from"./p-BJXjqxlX.js";const c="bh-divider",h=i(class extends r{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}logger=t(c);orientation="horizontal";spacing="none";componentDidLoad(){this.logger.debug("loaded")}componentDidCatch(i){this.logger.error("Component error caught",i instanceof Error?i:Error(i+"")),d.increment(n.COMPONENT_ERROR,{component:c,error_type:i instanceof Error?i.name:"unknown"}),s(c,i)}render(){return e(a,{key:"1bf1c6b73adbc8720bcb06c2fe04a1c2b118093e","aria-orientation":this.orientation,class:{divider:!0,["divider-"+this.orientation]:!0,["divider-spacing-"+this.spacing]:"none"!==this.spacing},role:"separator"})}static get style(){return"@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-divider-color:var(--color-border-secondary);--bh-divider-width:1px}}@layer bh-base{:host(.divider-horizontal){width:100%;height:var(--bh-divider-width);background-color:var(--bh-divider-color)}:host(.divider-vertical){display:inline-block;width:var(--bh-divider-width);height:100%;align-self:stretch;background-color:var(--bh-divider-color)}}@layer bh-variants{:host(.divider-horizontal.divider-spacing-sm){margin-block:var(--spacing-sm)}:host(.divider-horizontal.divider-spacing-md){margin-block:var(--spacing-md)}:host(.divider-horizontal.divider-spacing-lg){margin-block:var(--spacing-lg)}:host(.divider-vertical.divider-spacing-sm){margin-inline:var(--spacing-sm)}:host(.divider-vertical.divider-spacing-md){margin-inline:var(--spacing-md)}:host(.divider-vertical.divider-spacing-lg){margin-inline:var(--spacing-lg)}}"}},[513,"bh-divider",{orientation:[1],spacing:[1]}]),l=h,v=function(){"undefined"!=typeof customElements&&["bh-divider"].forEach((i=>{"bh-divider"===i&&(customElements.get(o(i))||customElements.define(o(i),h))}))};export{l as BhDivider,v as defineCustomElement}

package/components/bh-dropdown-menu.js

@@ -1 +1 @@
-import{p as e,H as s,c as t,h as n,t as o}from"./p-YZi6LqIt.js";import{d as m}from"./p-B7i48CAz.js";import{b as i,d as a}from"./p-arW9uaFJ.js";const h=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhItemClick=t(this,"bhItemClick")}menuItems=[];visible=!0;header;showIcons=!0;scrollable=!1;bhItemClick;componentWillLoad(){console.warn("[bellhop] bh-dropdown-menu is deprecated. Use bh-menu instead.")}handleItemClick=e=>{e.stopPropagation(),e.detail.item&&this.bhItemClick.emit(e.detail.item)};render(){return n("bh-menu",{key:"b7f281949853ec6c941d217d94b8591a9f080f0a",animated:!0,header:this.header,menuItems:this.menuItems,onBhItemClick:this.handleItemClick,orientation:"vertical",scrollable:this.scrollable,showIcons:this.showIcons,visible:this.visible})}static get style(){return'@charset "UTF-8";'}},[513,"bh-dropdown-menu",{menuItems:[1,"menu-items"],visible:[4],header:[1],showIcons:[4,"show-icons"],scrollable:[4]}]),c=h,r=function(){"undefined"!=typeof customElements&&["bh-dropdown-menu","bh-avatar","bh-menu","bh-menu-item"].forEach((e=>{switch(e){case"bh-dropdown-menu":customElements.get(o(e))||customElements.define(o(e),h);break;case"bh-avatar":customElements.get(o(e))||m();break;case"bh-menu":customElements.get(o(e))||a();break;case"bh-menu-item":customElements.get(o(e))||i()}}))};export{c as BhDropdownMenu,r as defineCustomElement}
+import{p as e,H as s,c as t,h as n,t as o}from"./p-YZi6LqIt.js";import{d as m}from"./p-DJlRFgcj.js";import{b as i,d as a}from"./p-hhv9O2Qq.js";const h=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhItemClick=t(this,"bhItemClick")}menuItems=[];visible=!0;header;showIcons=!0;scrollable=!1;bhItemClick;componentWillLoad(){console.warn("[bellhop] bh-dropdown-menu is deprecated. Use bh-menu instead.")}handleItemClick=e=>{e.stopPropagation(),e.detail.item&&this.bhItemClick.emit(e.detail.item)};render(){return n("bh-menu",{key:"97a005e59e4f13047cbeb348e375dc7f8e9e9ada",animated:!0,header:this.header,menuItems:this.menuItems,onBhItemClick:this.handleItemClick,orientation:"vertical",scrollable:this.scrollable,showIcons:this.showIcons,visible:this.visible})}static get style(){return'@charset "UTF-8";'}},[513,"bh-dropdown-menu",{menuItems:[1,"menu-items"],visible:[4],header:[1],showIcons:[4,"show-icons"],scrollable:[4]}]),c=h,r=function(){"undefined"!=typeof customElements&&["bh-dropdown-menu","bh-avatar","bh-menu","bh-menu-item"].forEach((e=>{switch(e){case"bh-dropdown-menu":customElements.get(o(e))||customElements.define(o(e),h);break;case"bh-avatar":customElements.get(o(e))||m();break;case"bh-menu":customElements.get(o(e))||a();break;case"bh-menu-item":customElements.get(o(e))||i()}}))};export{c as BhDropdownMenu,r as defineCustomElement}

package/components/bh-dropdown.js

@@ -1 +1 @@
-import{B as o,d as s}from"./p-Cy98fCjm.js";const m=o,p=s;export{m as BhDropdown,p as defineCustomElement}
+import{B as o,d as s}from"./p-CJUnjRCe.js";const p=o,r=s;export{p as BhDropdown,r as defineCustomElement}

package/components/bh-emoji-picker.js

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

package/components/bh-empty-state.js

@@ -1 +1 @@
-import{B as o,d as s}from"./p-DjJP-dIm.js";const m=o,p=s;export{m as BhEmptyState,p as defineCustomElement}
+import{B as o,d as s}from"./p-CWdw6bHR.js";const p=o,r=s;export{p as BhEmptyState,r as defineCustomElement}

package/components/bh-fab.js

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

package/components/bh-featured-icon.js

@@ -1 +1 @@
-import{B as o,d as s}from"./p-GjWzFf-V.js";const p=o,r=s;export{p as BhFeaturedIcon,r as defineCustomElement}
+import{B as s,d as o}from"./p-Dzlsnb7d.js";const p=s,r=o;export{p as BhFeaturedIcon,r as defineCustomElement}

package/components/bh-feed-item.js

@@ -1 +1 @@
-import{p as e,H as t,c as a,h as i,d as r,t as s}from"./p-YZi6LqIt.js";import{a as o}from"./p-BqJRACkO.js";import{d}from"./p-B7i48CAz.js";import{d as n}from"./p-Bk-ipvH3.js";import{c,m,M as f,r as h}from"./p-BJXjqxlX.js";const l="bh-feed-item",b=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhClick=a(this,"bhClick")}logger=c(l);author="";timestamp="";content="";size="md";showConnector=!1;showDot=!1;showSubtext=!0;supportingContent="none";bhClick;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),m.increment(f.COMPONENT_ERROR,{component:l,error_type:e instanceof Error?e.name:"unknown"}),h(l,e)}getInitials(){return this.author.split(" ").map((e=>e.charAt(0))).join("").toUpperCase().slice(0,2)}handleClick=()=>{this.bhClick.emit()};handleKeyDown=e=>{o(e)&&(e.preventDefault(),this.bhClick.emit())};render(){const e="none"!==this.supportingContent;return i(r,{key:"b90caf4c75fef1ab615bda094016c1fd5ba29812"},i("div",{key:"a535bafddd713398036ac9da7716ac6107dbe108","aria-label":this.author?"Feed item from "+this.author:"Feed item",class:{"feed-item":!0,["feed-item-"+this.size]:!0},onClick:this.handleClick,onKeyDown:this.handleKeyDown,part:"container",role:"article",tabindex:0},i("div",{key:"1976f6ace3606b2ff37e0c9cdd929e4da5d70e50",class:{"feed-item-avatar-col":!0,"feed-item-avatar-col-connector":this.showConnector},part:"avatar-column"},i("div",{key:"9c2f426c1e013160b469c39cf56fd1ee6db764dc",class:"feed-item-avatar",part:"avatar"},i("slot",{key:"2f7ebfb7a3bc6a0a7610d3fd5cb83b98d36e6f03",name:"avatar"},this.author&&i("bh-avatar",{key:"1770b66c67b2bad16d123ad11d2dc27266467e98",size:"sm"===this.size?"sm":"md",text:this.getInitials(),variant:"text"}))),this.showConnector&&i("div",{key:"812785ca1fb16f8ee63a75b0c75e72844a70180c",class:"feed-item-connector",part:"connector"})),i("div",{key:"443b65ef58166c54bc89be79ae2bb30781c3b60b",class:{"feed-item-content":!0,"feed-item-content-with-connector":this.showConnector&&e,"feed-item-content-no-supporting":!e},part:"content"},i("div",{key:"9e2e11e476998b8f719282a4b2caef8a55c26d58",class:"feed-item-header",part:"header"},i("div",{key:"4736041fbc695e7bad409a845dbfb9477a0f4e30",class:"feed-item-meta",part:"meta"},this.author&&i("span",{key:"e1c05f59089e587acf500565080d5e5cc4f196d8",class:"feed-item-author",part:"author"},this.author),this.showSubtext&&this.timestamp&&i("span",{key:"0fca6bc4d89e9db4591d4b16bcb525a95f7bbe48",class:"feed-item-timestamp",part:"timestamp"},this.timestamp)),i("div",{key:"10ea3a4cc6e75c3c858b5b5b038f77aa0ead9449",class:"feed-item-text",part:"text"},i("slot",{key:"9edc74ad9faa11e688c7be833641233b890aa390"},this.content))),e&&i("div",{key:"4cbec6bb4b7c90f0b96a256976c4369f15ef2221",class:"feed-item-supporting feed-item-supporting-"+this.supportingContent,part:"supporting"},i("slot",{key:"cf86277a6fcf15912ea70caf7911b9b904504d87",name:"supporting"}))),this.showDot&&i("div",{key:"4bfe5337e93e2d169b8386f402a242ad84b1d8f2",class:"feed-item-dot",part:"dot"},i("bh-badge-dot",{key:"1e475fc106766b70cb1cf83ec763fe16a10ba7d0",color:"success",size:this.size}))))}static get style(){return"@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-feed-item-author-color:var(--color-text-secondary);--bh-feed-item-timestamp-color:var(--color-text-tertiary);--bh-feed-item-text-color:var(--color-text-tertiary);--bh-feed-item-connector-color:var(--color-border-secondary);--bh-feed-item-connector-width:2px;--bh-feed-item-bubble-border:var(--color-border-secondary);--bh-feed-item-bubble-shadow:var(--shadow-xs)}}@layer bh-base{.feed-item{display:flex;align-items:flex-start;gap:var(--spacing-lg);position:relative;width:100%}.feed-item-avatar-col{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.feed-item-avatar-col-connector{align-self:stretch;padding-bottom:var(--spacing-xs)}.feed-item-avatar{flex-shrink:0}.feed-item-connector{flex:1;width:var(--bh-feed-item-connector-width);min-height:1px;background:var(--bh-feed-item-connector-color);border-radius:var(--spacing-xxs)}.feed-item-content{display:flex;flex-direction:column;flex:1;min-width:0;min-height:1px;gap:var(--spacing-lg)}.feed-item-content-with-connector{padding-bottom:var(--spacing-4xl)}.feed-item-content-no-supporting{gap:0}.feed-item-header{display:flex;flex-direction:column;gap:0;width:100%}.feed-item-meta{display:flex;align-items:center;gap:var(--spacing-md);width:100%}.feed-item-author{font-size:var(--text-sm-size);font-weight:var(--weight-medium);line-height:var(--line-height-normal);color:var(--bh-feed-item-author-color);flex-shrink:0}.feed-item-timestamp{font-size:var(--text-xs-size);font-weight:var(--weight-regular);line-height:var(--text-xs-line);color:var(--bh-feed-item-timestamp-color);flex-shrink:0}.feed-item-text{font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--bh-feed-item-text-color);width:100%;word-wrap:break-word}.feed-item-supporting{width:100%}.feed-item-dot{flex-shrink:0;display:flex;align-items:flex-start;padding-top:var(--spacing-xs)}}@layer bh-variants{.feed-item-sm .feed-item-avatar ::slotted(*){width:var(--bh-avatar-size-sm);height:var(--bh-avatar-size-sm)}.feed-item-md .feed-item-avatar ::slotted(*){width:var(--bh-avatar-size-md);height:var(--bh-avatar-size-md)}.feed-item-supporting-text ::slotted(*){border:1px solid var(--bh-feed-item-bubble-border);border-radius:0 var(--spacing-md) var(--spacing-md) var(--spacing-md);padding:var(--spacing-lg);box-shadow:var(--bh-feed-item-bubble-shadow);font-size:var(--text-sm-size);line-height:var(--line-height-normal);color:var(--color-text-secondary)}.feed-item-supporting-file ::slotted(*){display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border-secondary);border-radius:var(--radius-md);background:var(--color-bg-primary)}.feed-item-supporting-labels ::slotted(*){display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}}@layer bh-states{.feed-item{cursor:pointer}}"}},[769,"bh-feed-item",{author:[1],timestamp:[1],content:[1],size:[513],showConnector:[4,"show-connector"],showDot:[4,"show-dot"],showSubtext:[4,"show-subtext"],supportingContent:[1,"supporting-content"]}]),p=b,g=function(){"undefined"!=typeof customElements&&["bh-feed-item","bh-avatar","bh-badge-dot"].forEach((e=>{switch(e){case"bh-feed-item":customElements.get(s(e))||customElements.define(s(e),b);break;case"bh-avatar":customElements.get(s(e))||d();break;case"bh-badge-dot":customElements.get(s(e))||n()}}))};export{p as BhFeedItem,g as defineCustomElement}
+import{B as o,d as s}from"./p-B8HxD-vO.js";const p=o,r=s;export{p as BhFeedItem,r as defineCustomElement}

package/components/bh-gauge-chart.js

@@ -1 +1 @@
-import{p as r,H as e,c as a,h as o,d as t,t as s}from"./p-YZi6LqIt.js";import{c as l,m as c,M as i,r as n}from"./p-BJXjqxlX.js";import{B as h,r as g}from"./p-BNVOtH-1.js";const u=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.bhGaugeClick=a(this,"bhGaugeClick"),this.bhError=a(this,"bhError")}logger=l("bh-gauge-chart");i18nUnsubscribe;_i18nVersion=0;data={value:240,max:300};size=200;strokeWidth=16;animated=!0;chartTitle="";description="";color="var(--bh-gauge-chart-fill-color)";trackColor="var(--bh-gauge-chart-track-color)";startAngle=135;endAngle=405;ariaLabel="Gauge chart";bhGaugeClick;bhError;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:Error(r+"")),c.increment(i.COMPONENT_ERROR,{component:"bh-gauge-chart"}),n("bh-gauge-chart",r),this.bhError.emit({error:r})}componentWillLoad(){this.i18nUnsubscribe=h.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}getPercentage(){const{value:r,max:e}=this.data;return!Number.isFinite(r)||!Number.isFinite(e)||e<=0||r<0?(this.logger.warn("Invalid gauge data",{value:r,max:e}),0):Math.min(r/e,1)}getComputedAriaLabel(){const r=Math.round(100*this.getPercentage()),e=this.data.label||this.data.value+"";return`${g("bh-gauge-chart","ariaLabel",this.ariaLabel,"Gauge chart")}: ${e}, ${r}% of ${this.data.max}`}handleClick=r=>{this.bhGaugeClick.emit({value:this.data.value,percentage:Math.round(100*this.getPercentage()),event:r})};createArc(r,e,a,o,t){const s=o*Math.PI/180,l=t*Math.PI/180;return`M ${r+a*Math.cos(s)} ${e+a*Math.sin(s)} A ${a} ${a} 0 ${t-o>180?1:0} 1 ${r+a*Math.cos(l)} ${e+a*Math.sin(l)}`}render(){const r=this.getPercentage(),e=this.size/2,a=e-this.strokeWidth/2,s=this.startAngle+(this.endAngle-this.startAngle)*r,l=this.data.label||this.data.value+"",c=this.createArc(e,e,a,this.startAngle,this.endAngle),i=r>0?this.createArc(e,e,a,this.startAngle,s):"";return o(t,{key:"fcf2f2c00bdd3f020c38a69927c28178bde3339d"},o("div",{key:"1d6679e08f04a982e17c0ce2142957f00937e82a","aria-label":this.getComputedAriaLabel(),"aria-valuemax":this.data.max,"aria-valuemin":0,"aria-valuenow":this.data.value,class:{"gauge-chart-container":!0,"gauge-chart-animated":this.animated},onClick:this.handleClick,part:"container",role:"meter"},o("div",{key:"26349aadff8e05e4c07da378e584d5ce4c03d1e0",class:"gauge-svg-wrapper",style:{width:this.size+"px",height:this.size+"px"}},o("svg",{key:"eeb94ad2127141d0ae7118a84068e77cd537d4ff",class:"gauge-svg",height:this.size,viewBox:`0 0 ${this.size} ${this.size}`,width:this.size},o("path",{key:"196f43a3b8e3fea83ab4ccddbb19018541744041",class:"gauge-track",d:c,fill:"none",stroke:this.trackColor,"stroke-linecap":"round","stroke-width":this.strokeWidth}),i&&o("path",{key:"e72e3168ad0efd4db34a3433dff99e0c560c3aa2",class:"gauge-fill",d:i,fill:"none",stroke:this.color,"stroke-linecap":"round","stroke-width":this.strokeWidth})),o("div",{key:"1bfe7abd7c55c40d5845f62807e56a9ff3798724",class:"gauge-center-text",part:"center-text"},o("span",{key:"e0f253bec25ae3a53bac8a352bc090c14e807609",class:"gauge-value"},l))),this.chartTitle&&o("div",{key:"8c284d9ea7afd45c820c2e6d478e2143c3bb2846",class:"gauge-title",part:"title"},this.chartTitle),this.description&&o("div",{key:"9aaaeebd64475490be5167b62bf1817b74b3f4ba",class:"gauge-description",part:"description"},this.description)))}static get style(){return'  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: inline-block;     --bh-gauge-chart-fill-color: var(       --bh-chart-color-1,       var(--color-brand-600, hsl(230deg 69% 48%))     );     --bh-gauge-chart-track-color: var(--color-neutral-100, hsl(224deg 25% 89%));     --bh-gauge-chart-text-color: var(--color-text-primary, hsl(233deg 33% 10%));     --bh-gauge-chart-title-color: var(       --color-text-primary,       hsl(233deg 33% 10%)     );     --bh-gauge-chart-desc-color: var(       --color-text-secondary,       hsl(226deg 24% 48%)     );     --bh-gauge-chart-value-size: var(--text-3xl-size, 1.875rem);     --bh-gauge-chart-title-size: var(--text-md-size, 1rem);     --bh-gauge-chart-desc-size: var(--text-sm-size, 0.875rem);   } } @layer bh-base {   .gauge-chart-container {     display: flex;     flex-direction: column;     align-items: center;     gap: var(--spacing-md, 8px);     cursor: pointer;     font-family: var(--font-inter, system-ui, sans-serif);   }   .gauge-svg-wrapper {     position: relative;     display: inline-block;   }   .gauge-svg {     display: block;     overflow: visible;   }   .gauge-track {     opacity: 0.3;   }   .gauge-fill {     transition: stroke-dashoffset 0.8s cubic-bezier(0.4, 0, 0.2, 1);   }   .gauge-center-text {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     text-align: center;     pointer-events: none;   }   .gauge-value {     font-size: var(--bh-gauge-chart-value-size);     font-weight: var(--weight-bold, 700);     color: var(--bh-gauge-chart-text-color);     line-height: 1;   }   .gauge-title {     font-size: var(--bh-gauge-chart-title-size);     font-weight: var(--weight-semibold, 600);     color: var(--bh-gauge-chart-title-color);     text-align: center;     line-height: var(--line-height-tight, 1.25);   }   .gauge-description {     font-size: var(--bh-gauge-chart-desc-size);     color: var(--bh-gauge-chart-desc-color);     text-align: center;     line-height: var(--line-height-normal, 1.5);     max-width: 280px;   } } @layer bh-variants {   .gauge-chart-animated .gauge-fill {     animation: gaugeFill 1s cubic-bezier(0.4, 0, 0.2, 1) both;   } } @layer bh-states {   .gauge-chart-container:hover .gauge-fill {     filter: brightness(1.05);   } } @layer bh-utilities {   @keyframes gaugeFill {     from {       stroke-dashoffset: var(--gauge-circumference, 0);     }     to {       stroke-dashoffset: var(--gauge-offset, 0);     }   }   @media (prefers-reduced-motion: reduce) {     .gauge-chart-animated .gauge-fill {       animation: none;     }     .gauge-fill {       transition: none;     }   } }'}},[513,"bh-gauge-chart",{data:[16],size:[2],strokeWidth:[2,"stroke-width"],animated:[4],chartTitle:[1,"chart-title"],description:[1],color:[1],trackColor:[1,"track-color"],startAngle:[2,"start-angle"],endAngle:[2,"end-angle"],ariaLabel:[1,"aria-label"],_i18nVersion:[32]}]),d=u,b=function(){"undefined"!=typeof customElements&&["bh-gauge-chart"].forEach((r=>{"bh-gauge-chart"===r&&(customElements.get(s(r))||customElements.define(s(r),u))}))};export{d as BhGaugeChart,b as defineCustomElement}
+import{p as r,H as e,c as a,h as o,d as t,t as s}from"./p-YZi6LqIt.js";import{c as l,m as c,M as i,r as n}from"./p-BJXjqxlX.js";import{B as h,r as g}from"./p-BNVOtH-1.js";const u=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.bhGaugeClick=a(this,"bhGaugeClick"),this.bhError=a(this,"bhError")}logger=l("bh-gauge-chart");i18nUnsubscribe;_i18nVersion=0;data={value:240,max:300};size=200;strokeWidth=16;animated=!0;chartTitle="";description="";color="var(--bh-gauge-chart-fill-color)";trackColor="var(--bh-gauge-chart-track-color)";startAngle=135;endAngle=405;ariaLabel="Gauge chart";bhGaugeClick;bhError;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:Error(r+"")),c.increment(i.COMPONENT_ERROR,{component:"bh-gauge-chart"}),n("bh-gauge-chart",r),this.bhError.emit({error:r})}componentWillLoad(){this.i18nUnsubscribe=h.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}getPercentage(){const{value:r,max:e}=this.data;return!Number.isFinite(r)||!Number.isFinite(e)||e<=0||r<0?(this.logger.warn("Invalid gauge data",{value:r,max:e}),0):Math.min(r/e,1)}getComputedAriaLabel(){const r=Math.round(100*this.getPercentage()),e=this.data.label||this.data.value+"";return`${g("bh-gauge-chart","ariaLabel",this.ariaLabel,"Gauge chart")}: ${e}, ${r}% of ${this.data.max}`}handleClick=r=>{this.bhGaugeClick.emit({value:this.data.value,percentage:Math.round(100*this.getPercentage()),event:r})};createArc(r,e,a,o,t){const s=o*Math.PI/180,l=t*Math.PI/180;return`M ${r+a*Math.cos(s)} ${e+a*Math.sin(s)} A ${a} ${a} 0 ${t-o>180?1:0} 1 ${r+a*Math.cos(l)} ${e+a*Math.sin(l)}`}render(){const r=this.getPercentage(),e=this.size/2,a=e-this.strokeWidth/2,s=this.startAngle+(this.endAngle-this.startAngle)*r,l=this.data.label||this.data.value+"",c=this.createArc(e,e,a,this.startAngle,this.endAngle),i=r>0?this.createArc(e,e,a,this.startAngle,s):"";return o(t,{key:"08cac2c567cfbf6189396c13ed63b0c0cecf4966"},o("div",{key:"39648c460dfe98461eddfa96147adc74f5d8bbf2","aria-label":this.getComputedAriaLabel(),"aria-valuemax":this.data.max,"aria-valuemin":0,"aria-valuenow":this.data.value,class:{"gauge-chart-container":!0,"gauge-chart-animated":this.animated},onClick:this.handleClick,part:"container",role:"meter"},o("div",{key:"14831d7460d19f814cae15b9527149d270a0d880",class:"gauge-svg-wrapper",style:{width:this.size+"px",height:this.size+"px"}},o("svg",{key:"d33792f43acc78b65df4a4c5a2c986b6f95e45c4",class:"gauge-svg",height:this.size,viewBox:`0 0 ${this.size} ${this.size}`,width:this.size},o("path",{key:"5a847a1002d4c683aec3622f24a7ee72896a2b72",class:"gauge-track",d:c,fill:"none",stroke:this.trackColor,"stroke-linecap":"round","stroke-width":this.strokeWidth}),i&&o("path",{key:"4e0ff2fd972877df2bfa6a4180efbbca9dec87b9",class:"gauge-fill",d:i,fill:"none",stroke:this.color,"stroke-linecap":"round","stroke-width":this.strokeWidth})),o("div",{key:"d20b04ba88da9acc2e3c20c7d571be848f17894a",class:"gauge-center-text",part:"center-text"},o("span",{key:"d9aa3e7755a275dd807e4e4d17cb8311bb9490d0",class:"gauge-value"},l))),this.chartTitle&&o("div",{key:"c67aabbd140ea3171bbc8acd6ccfb953bc87d5ff",class:"gauge-title",part:"title"},this.chartTitle),this.description&&o("div",{key:"3cecfe813eaac69f80a950633396c56d575a661a",class:"gauge-description",part:"description"},this.description)))}static get style(){return'  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: inline-block;     --bh-gauge-chart-fill-color: var(       --bh-chart-color-1,       var(--color-brand-600, hsl(230deg 69% 48%))     );     --bh-gauge-chart-track-color: var(--color-neutral-100, hsl(224deg 25% 89%));     --bh-gauge-chart-text-color: var(--color-text-primary, hsl(233deg 33% 10%));     --bh-gauge-chart-title-color: var(       --color-text-primary,       hsl(233deg 33% 10%)     );     --bh-gauge-chart-desc-color: var(       --color-text-secondary,       hsl(226deg 24% 48%)     );     --bh-gauge-chart-value-size: var(--text-3xl-size, 1.875rem);     --bh-gauge-chart-title-size: var(--text-md-size, 1rem);     --bh-gauge-chart-desc-size: var(--text-sm-size, 0.875rem);   } } @layer bh-base {   .gauge-chart-container {     display: flex;     flex-direction: column;     align-items: center;     gap: var(--spacing-md, 8px);     cursor: pointer;     font-family: var(--font-inter, system-ui, sans-serif);   }   .gauge-svg-wrapper {     position: relative;     display: inline-block;   }   .gauge-svg {     display: block;     overflow: visible;   }   .gauge-track {     opacity: 0.3;   }   .gauge-fill {     transition: stroke-dashoffset 0.8s cubic-bezier(0.4, 0, 0.2, 1);   }   .gauge-center-text {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     text-align: center;     pointer-events: none;   }   .gauge-value {     font-size: var(--bh-gauge-chart-value-size);     font-weight: var(--weight-bold, 700);     color: var(--bh-gauge-chart-text-color);     line-height: 1;   }   .gauge-title {     font-size: var(--bh-gauge-chart-title-size);     font-weight: var(--weight-semibold, 600);     color: var(--bh-gauge-chart-title-color);     text-align: center;     line-height: var(--line-height-tight, 1.25);   }   .gauge-description {     font-size: var(--bh-gauge-chart-desc-size);     color: var(--bh-gauge-chart-desc-color);     text-align: center;     line-height: var(--line-height-normal, 1.5);     max-width: 280px;   } } @layer bh-variants {   .gauge-chart-animated .gauge-fill {     animation: gaugeFill 1s cubic-bezier(0.4, 0, 0.2, 1) both;   } } @layer bh-states {   .gauge-chart-container:hover .gauge-fill {     filter: brightness(1.05);   } } @layer bh-utilities {   @keyframes gaugeFill {     from {       stroke-dashoffset: var(--gauge-circumference, 0);     }     to {       stroke-dashoffset: var(--gauge-offset, 0);     }   }   @media (prefers-reduced-motion: reduce) {     .gauge-chart-animated .gauge-fill {       animation: none;     }     .gauge-fill {       transition: none;     }   } }'}},[513,"bh-gauge-chart",{data:[16],size:[2],strokeWidth:[2,"stroke-width"],animated:[4],chartTitle:[1,"chart-title"],description:[1],color:[1],trackColor:[1,"track-color"],startAngle:[2,"start-angle"],endAngle:[2,"end-angle"],ariaLabel:[1,"aria-label"],_i18nVersion:[32]}]),d=u,b=function(){"undefined"!=typeof customElements&&["bh-gauge-chart"].forEach((r=>{"bh-gauge-chart"===r&&(customElements.get(s(r))||customElements.define(s(r),u))}))};export{d as BhGaugeChart,b as defineCustomElement}

package/components/bh-guided-checklist.js

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as a,d as i,t as r}from"./p-YZi6LqIt.js";import{d as o}from"./p-1SkDR91n.js";import{d as c}from"./p-oaisznHL.js";import{d as l}from"./p-cD3vmu49.js";import{d as n}from"./p-DWoyQVnq.js";import{d as h}from"./p-BVwh7Zds.js";import{d}from"./p-DIMoIy0w.js";import{d as b}from"./p-BbPrWlsw.js";import{d as p}from"./p-CdwBDbHF.js";import{d as f}from"./p-_OoSsNzu.js";import{c as g}from"./p-BJXjqxlX.js";import{c as m}from"./p-Dmpif9C-.js";const k="bh-guided-checklist",u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhOpen=s(this,"bhOpen"),this.bhClose=s(this,"bhClose"),this.bhTaskStart=s(this,"bhTaskStart")}logger=g(k);_errorHandler;get handleComponentError(){return this._errorHandler||(this._errorHandler=m({componentName:k,logger:this.logger})),this._errorHandler}config;taskGroups=[];open=!1;fabIcon="rocket_launch";overlay=!1;bhOpen;bhClose;bhTaskStart;componentDidCatch(e){this.handleComponentError(e)}handleGroupToggle(e){e.stopPropagation()}get parsedConfig(){if(this.config){if("string"==typeof this.config)try{return JSON.parse(this.config)}catch{return}return this.config}}get parsedTaskGroups(){if("string"==typeof this.taskGroups)try{return JSON.parse(this.taskGroups)}catch{return[]}return this.taskGroups||[]}handleTriggerClick=()=>{this.open=!this.open,this.open?this.bhOpen.emit():this.bhClose.emit()};handleClose=()=>{this.open&&(this.open=!1,this.bhClose.emit())};handlePanelClose=e=>{e.stopPropagation(),this.handleClose()};render(){const e=this.parsedConfig,t=this.parsedTaskGroups;return a(i,{key:"451ef1547207acdf126672c4d109549bafe7564e"},a("div",{key:"12c3edffe25242655d8ce8dc52de1ba4c07aeaa6",class:"checklist-trigger",onClick:this.handleTriggerClick},a("slot",{key:"01a6e60a1f1d3a63056c6155b08dce1e7a65588b",name:"trigger"},a("bh-fab",{key:"14cedb0464ea71b6a5e270986007c84a2c6d3cbd",ariaLabel:this.open?"Close guided checklist":"Open guided checklist",iconName:this.fabIcon,size:"lg"}))),a("bh-side-panel",{key:"9363b7cf7d2e341d5a41ac9c1b0c8fa3cc2593df",closeOnEsc:!0,onBhClose:this.handlePanelClose,overlay:this.overlay,panelTitle:e?.title??"Guided Checklist",placement:"bottom-right",style:{"--bh-panel-floating-margin":"24px 24px 88px 24px"},variant:"floating",visible:this.open,width:"lg"},a("div",{key:"a392758c11584364528a4e7ca506bc0e1834c1c3",class:"checklist-header",slot:"header"},a("div",{key:"7e0edac25d02848ea8adcaf84827b959d79207c2",class:"checklist-header-top"},e?.logoSrc&&a("img",{key:"9dde74fe3d0b7a440a5a469e3ab47fedfc7c7488",alt:e.logoAlt??"",class:"checklist-logo",src:e.logoSrc}),a("bh-close-button",{key:"a254886b2ec7544c649f161164d0473c615c3326",ariaLabel:"Close",onClick:this.handleClose})),e&&a("div",{key:"60e57c86124aa9c3b2ab92fa9babb07bf7d612c7",class:"checklist-header-text"},a("h3",{key:"1ffa1a9f9a37ff8f001f0b305ce3ec443ef57201",class:"checklist-title"},e.title),e.description&&a("p",{key:"a8cd35a5e61127fe13b574b9c3d10f89a967959c",class:"checklist-description"},e.description))),a("div",{key:"1fd34d34b9de8219baddf18ef40e40926cf8b26a",class:"checklist-body"},t.map((e=>a("bh-checklist-task-group",{group:e,key:e.id}))))))}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-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-checklist-title-color:var(--color-text-primary);--bh-checklist-description-color:var(--color-text-secondary)}}@layer bh-base{.checklist-trigger{position:fixed;bottom:var(--spacing-3xl);right:var(--spacing-3xl);z-index:var(--bh-z-index-popover);display:inline-flex;cursor:pointer}.checklist-header{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-4xl) var(--spacing-4xl) 0}.checklist-header-top{display:flex;align-items:flex-start;justify-content:space-between}.checklist-logo{width:56px;height:56px;object-fit:contain}.checklist-header-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.checklist-title{margin:0;font-size:var(--text-lg-size);font-weight:var(--weight-semibold);line-height:var(--text-lg-line);color:var(--bh-checklist-title-color)}.checklist-description{margin:0;font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line-height);color:var(--bh-checklist-description-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checklist-body{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-4xl) var(--spacing-4xl);overflow-y:auto}.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}}@layer bh-utilities{.checklist-body{scrollbar-width:thin;scrollbar-color:var(--color-border-secondary) transparent}.checklist-body::-webkit-scrollbar{width:4px}.checklist-body::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-xs)}.checklist-body::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:var(--radius-xs)}.checklist-body::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}}'}},[769,"bh-guided-checklist",{config:[1],taskGroups:[1,"task-groups"],open:[1540],fabIcon:[1,"fab-icon"],overlay:[4]},[[0,"bhToggle","handleGroupToggle"]]]),y=u,v=function(){"undefined"!=typeof customElements&&["bh-guided-checklist","bh-badge","bh-button","bh-button-icon","bh-checklist-task-group","bh-close-button","bh-fab","bh-loader-spinner","bh-progress-ring","bh-side-panel"].forEach((e=>{switch(e){case"bh-guided-checklist":customElements.get(r(e))||customElements.define(r(e),u);break;case"bh-badge":customElements.get(r(e))||o();break;case"bh-button":customElements.get(r(e))||c();break;case"bh-button-icon":customElements.get(r(e))||l();break;case"bh-checklist-task-group":customElements.get(r(e))||n();break;case"bh-close-button":customElements.get(r(e))||h();break;case"bh-fab":customElements.get(r(e))||d();break;case"bh-loader-spinner":customElements.get(r(e))||b();break;case"bh-progress-ring":customElements.get(r(e))||p();break;case"bh-side-panel":customElements.get(r(e))||f()}}))};export{y as BhGuidedChecklist,v as defineCustomElement}
+import{p as e,H as t,c as s,h as a,d as i,t as r}from"./p-YZi6LqIt.js";import{d as o}from"./p-DUm7JrA0.js";import{d as c}from"./p-BI2Y2Le4.js";import{d as l}from"./p-CClVva-u.js";import{d as n}from"./p-DG90uKhz.js";import{d as h}from"./p-2SnKTVal.js";import{d}from"./p-W2SGLZN7.js";import{d as b}from"./p-BbPrWlsw.js";import{d as p}from"./p-B9--bog4.js";import{d as g}from"./p-_OoSsNzu.js";import{c as f}from"./p-BJXjqxlX.js";import{c as m}from"./p-Dmpif9C-.js";const k="bh-guided-checklist",u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhOpen=s(this,"bhOpen"),this.bhClose=s(this,"bhClose"),this.bhTaskStart=s(this,"bhTaskStart")}logger=f(k);_errorHandler;get handleComponentError(){return this._errorHandler||(this._errorHandler=m({componentName:k,logger:this.logger})),this._errorHandler}config;taskGroups=[];open=!1;fabIcon="rocket_launch";overlay=!1;bhOpen;bhClose;bhTaskStart;componentDidCatch(e){this.handleComponentError(e)}handleGroupToggle(e){e.stopPropagation()}get parsedConfig(){if(this.config){if("string"==typeof this.config)try{return JSON.parse(this.config)}catch{return}return this.config}}get parsedTaskGroups(){if("string"==typeof this.taskGroups)try{return JSON.parse(this.taskGroups)}catch{return[]}return this.taskGroups||[]}handleTriggerClick=()=>{this.open=!this.open,this.open?this.bhOpen.emit():this.bhClose.emit()};handleClose=()=>{this.open&&(this.open=!1,this.bhClose.emit())};handlePanelClose=e=>{e.stopPropagation(),this.handleClose()};render(){const e=this.parsedConfig,t=this.parsedTaskGroups;return a(i,{key:"b3e42363800c16ed240c69510ecbb72340a05b38"},a("div",{key:"895ebe00610726e090d8cfa385a5abe7742bbaab",class:"checklist-trigger",onClick:this.handleTriggerClick},a("slot",{key:"c0bcc3d02febc501e179de50ec265c5586af90aa",name:"trigger"},a("bh-fab",{key:"9d594b3a47b99508d4c8227852f14b9515a8a1c8",ariaLabel:this.open?"Close guided checklist":"Open guided checklist",iconName:this.fabIcon,size:"lg"}))),a("bh-side-panel",{key:"9f00737562b322e554ebc8ce41c746fa741329d2",closeOnEsc:!0,onBhClose:this.handlePanelClose,overlay:this.overlay,panelTitle:e?.title??"Guided Checklist",placement:"bottom-right",style:{"--bh-panel-floating-margin":"24px 24px 88px 24px"},variant:"floating",visible:this.open,width:"lg"},a("div",{key:"6305494cb28b5a01292058364d3ef94de45f036f",class:"checklist-header",slot:"header"},a("div",{key:"3a71ae78a97b041ce8dd7d4593f37e94932f4a11",class:"checklist-header-top"},e?.logoSrc&&a("img",{key:"0d48bf2f7114de0cd92b1cc4469d854fad216c70",alt:e.logoAlt??"",class:"checklist-logo",src:e.logoSrc}),a("bh-close-button",{key:"592944ee008cfbaea86a5d6adf428295b72f42ea",ariaLabel:"Close",onClick:this.handleClose})),e&&a("div",{key:"c1ca068e102ec9ef4c4ea02a542072c6db3abfad",class:"checklist-header-text"},a("h3",{key:"a2ff9d492f0cc465569cacf019d6f5cda628dc8b",class:"checklist-title"},e.title),e.description&&a("p",{key:"033d665a5ec70724f632c22359678fcea96c7b7a",class:"checklist-description"},e.description))),a("div",{key:"e2cfdcdede5b85a24a1ed32d3eee0b8cc413ad8a",class:"checklist-body"},t.map((e=>a("bh-checklist-task-group",{group:e,key:e.id}))))))}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-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-checklist-title-color:var(--color-text-primary);--bh-checklist-description-color:var(--color-text-secondary)}}@layer bh-base{.checklist-trigger{position:fixed;bottom:var(--spacing-3xl);right:var(--spacing-3xl);z-index:var(--bh-z-index-popover);display:inline-flex;cursor:pointer}.checklist-header{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-4xl) var(--spacing-4xl) 0}.checklist-header-top{display:flex;align-items:flex-start;justify-content:space-between}.checklist-logo{width:56px;height:56px;object-fit:contain}.checklist-header-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.checklist-title{margin:0;font-size:var(--text-lg-size);font-weight:var(--weight-semibold);line-height:var(--text-lg-line);color:var(--bh-checklist-title-color)}.checklist-description{margin:0;font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line-height);color:var(--bh-checklist-description-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checklist-body{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-4xl) var(--spacing-4xl);overflow-y:auto}.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}}@layer bh-utilities{.checklist-body{scrollbar-width:thin;scrollbar-color:var(--color-border-secondary) transparent}.checklist-body::-webkit-scrollbar{width:4px}.checklist-body::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-xs)}.checklist-body::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:var(--radius-xs)}.checklist-body::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}}'}},[769,"bh-guided-checklist",{config:[1],taskGroups:[1,"task-groups"],open:[1540],fabIcon:[1,"fab-icon"],overlay:[4]},[[0,"bhToggle","handleGroupToggle"]]]),y=u,v=function(){"undefined"!=typeof customElements&&["bh-guided-checklist","bh-badge","bh-button","bh-button-icon","bh-checklist-task-group","bh-close-button","bh-fab","bh-loader-spinner","bh-progress-ring","bh-side-panel"].forEach((e=>{switch(e){case"bh-guided-checklist":customElements.get(r(e))||customElements.define(r(e),u);break;case"bh-badge":customElements.get(r(e))||o();break;case"bh-button":customElements.get(r(e))||c();break;case"bh-button-icon":customElements.get(r(e))||l();break;case"bh-checklist-task-group":customElements.get(r(e))||n();break;case"bh-close-button":customElements.get(r(e))||h();break;case"bh-fab":customElements.get(r(e))||d();break;case"bh-loader-spinner":customElements.get(r(e))||b();break;case"bh-progress-ring":customElements.get(r(e))||p();break;case"bh-side-panel":customElements.get(r(e))||g()}}))};export{y as BhGuidedChecklist,v as defineCustomElement}

package/components/bh-html-editor-bubble-menu.js

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

package/components/bh-html-editor-toolbar.js

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

package/components/bh-html-editor.js

@@ -1 +1 @@
-import{p as e,H as t,c as r,h as o,d as i,t as s}from"./p-YZi6LqIt.js";import{s as a,c as h}from"./p-vsM-NcS2.js";import{d}from"./p-BUoq_1rz.js";import{d as n}from"./p-CC_DXFwx.js";import{d as l}from"./p-B2KPN863.js";import{d as b}from"./p-Bf_iTZDv.js";import{c,m as u,M as m,r as f}from"./p-BJXjqxlX.js";import{a as p,u as v}from"./p-L4Y2hq_b.js";const y=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhInput=r(this,"bhInput"),this.bhChange=r(this,"bhChange"),this.bhFocus=r(this,"bhFocus"),this.bhBlur=r(this,"bhBlur"),this.bhSelectionChange=r(this,"bhSelectionChange"),this.bhReady=r(this,"bhReady"),this.bhError=r(this,"bhError"),this.internals=this.attachInternals()}logger=c("bh-html-editor");editor=null;contentEl;changeDebounceTimer;visibilityObserver;isRevertingContent=!1;get el(){return this}internals;value="";placeholder="";disabled=!1;readOnly=!1;required=!1;name="";defaultValue="";label="";helperText="";error=!1;errorText="";maxLength;toolbarPosition="top";showBubbleMenu=!0;allowedTags;isFocused=!1;isHovered=!1;selectionFrom=0;selectionTo=0;selectionEmpty=!0;editorReady=!1;bhInput;bhChange;bhFocus;bhBlur;bhSelectionChange;bhReady;bhError;handleValueChange(e){if(!this.editor)return;const t=a(e,this.allowedTags);t!==a(this.editor.getHTML(),this.allowedTags)&&this.editor.commands.setContent(t,!1)}handleDisabledChange(e){this.editor?.setEditable(!(e||this.readOnly))}handleReadOnlyChange(e){this.editor?.setEditable(!(this.disabled||e))}async getEditor(){return this.editor}async getHtml(){return this.editor?a(this.editor.getHTML(),this.allowedTags):""}async getText(){return this.editor?this.editor.getText():""}async setContent(e){if(!this.editor)return;const t=a(e,this.allowedTags);this.editor.commands.setContent(t,!1),this.value=t,p(this)}async focusEditor(){this.editor?.commands.focus()}async clear(){this.editor&&(this.editor.commands.clearContent(),this.value="",p(this))}componentDidLoad(){this.initEditorWhenVisible(),p(this)}disconnectedCallback(){this.changeDebounceTimer&&(clearTimeout(this.changeDebounceTimer),this.changeDebounceTimer=void 0),this.visibilityObserver?.disconnect(),this.visibilityObserver=void 0,this.editor?.destroy(),this.editor=null,this.contentEl=void 0}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),u.increment(m.COMPONENT_ERROR,{component:"bh-html-editor",error_type:e instanceof Error?e.name:"unknown"}),f("bh-html-editor",e),this.bhError.emit({error:e})}formResetCallback(){this.value=this.defaultValue,this.defaultValue?this.editor?.commands.setContent(this.defaultValue):this.editor?.commands.clearContent(),p(this),v(this.internals,void 0)}initEditorWhenVisible(){this.editor||this.contentEl||(this.isElementVisible()||"undefined"==typeof IntersectionObserver?this.initEditor():(this.visibilityObserver?.disconnect(),this.visibilityObserver=new IntersectionObserver((e=>{e.some((e=>e.isIntersecting))&&(this.visibilityObserver?.disconnect(),this.visibilityObserver=void 0,this.initEditor())})),this.visibilityObserver.observe(this.el)))}isElementVisible(){const e=this.el.getBoundingClientRect();return e.width>0&&e.height>0}initEditor(){if(!this.editor&&!this.contentEl){this.contentEl=document.createElement("div"),this.contentEl.className="bh-html-editor-content",this.contentEl.setAttribute("part","content"),this.el.appendChild(this.contentEl);try{this.editor=h({element:this.contentEl,content:this.value,placeholder:this.placeholder,editable:!(this.disabled||this.readOnly),onUpdate:(e,t)=>{if(this.isRevertingContent)return;const r=this.value;if(void 0!==this.maxLength&&t.length>this.maxLength){if(this.editor&&e!==r){this.isRevertingContent=!0;try{this.editor.commands.setContent(r,!1)}finally{this.isRevertingContent=!1}}}else this.value=e,this.bhInput.emit({value:e,text:t}),p(this)},onFocus:()=>{this.isFocused=!0,this.bhFocus.emit()},onBlur:e=>{this.isFocused=!1;const t=a(e,this.allowedTags);this.value=t,p(this),this.bhBlur.emit({value:t}),this.bhChange.emit(t)},onSelectionUpdate:(e,t,r)=>{this.selectionFrom=e,this.selectionTo=t,this.selectionEmpty=r,this.bhSelectionChange.emit({from:e,to:t,empty:r})},onCreate:e=>{this.editorReady=!0,this.bhReady.emit({editor:e})}})}catch(e){this.logger.error("Failed to initialize editor",e instanceof Error?e:Error(e+"")),this.bhError.emit({error:e})}}}handleMouseEnter=()=>{this.isFocused||(this.isHovered=!0)};handleMouseLeave=()=>{this.isHovered=!1};render(){const e={"editor-container":!0,"editor-container-focused":this.isFocused,"editor-container-hover":this.isHovered&&!this.isFocused,"editor-container-error":this.error,"editor-container-disabled":this.disabled,"editor-container-readonly":this.readOnly,["toolbar-"+this.toolbarPosition]:!0},t=this.error&&this.errorText,r=!t&&this.helperText;return o(i,{key:"8d37fae240ebd063f5746f3882621e236ac9c40d","aria-disabled":this.disabled?"true":void 0},o("div",{key:"f1a1a9c25c5c488bf7f6a9797f107ea6455d7027",class:"html-editor-wrapper",part:"container"},this.label&&o("bh-label",{key:"c9fb79496f1ce25875b17da95a27052a91f0b50e",disabled:this.disabled,label:this.label,required:this.required}),o("div",{key:"9289bbd421e07bf82c7a770e7d2f91f8a4370ee6",class:e,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},this.editorReady&&this.editor&&!this.readOnly&&o("bh-html-editor-toolbar",{key:"d0eea495e1e9dc106740a41a0374333e75a67807",class:"editor-toolbar",disabled:this.disabled,editor:this.editor}),o("div",{key:"23612a2a643e7d2afb7287a9620ab1191934b90b",class:"editor-content-wrapper"},o("slot",{key:"116adf4402d28c85f2164308dbbaa869c97b15f4"})),this.showBubbleMenu&&this.editorReady&&this.editor&&!this.readOnly&&!this.disabled&&!this.selectionEmpty&&o("bh-html-editor-bubble-menu",{key:"d3d7eb2452f0cb16924fb281c7f5d7513fae3fdb",editor:this.editor,targetEl:this.contentEl})),r&&o("div",{key:"7daa4506417c3e856450df8030b48df73d968655",class:"helper-text",part:"helper-text"},this.helperText),t&&o("div",{key:"9325abb828f5576c26cad38283d7de9008a04161",class:"error-text",part:"error-text"},this.errorText)))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}],disabled:[{handleDisabledChange:0}],readOnly:[{handleReadOnlyChange: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-editor-bg:var(--color-bg-primary);--bh-editor-bg-disabled:var(--color-bg-secondary);--bh-editor-border-color:var(--color-border-primary);--bh-editor-border-color-hover:var(--color-border-interactive);--bh-editor-border-color-focus:var(--color-border-interactive);--bh-editor-border-color-error:var(--color-border-error);--bh-editor-border-radius:var(--radius-md);--bh-editor-helper-color:var(--color-text-secondary);--bh-editor-error-color:var(--color-text-error);--bh-editor-toolbar-bg:var(--color-bg-secondary);--bh-editor-toolbar-border:var(--color-border-secondary)}}@layer bh-base{.html-editor-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.editor-container{position:relative;display:flex;flex-direction:column;background:var(--bh-editor-bg);border:1px solid var(--bh-editor-border-color);border-radius:var(--bh-editor-border-radius);box-shadow:var(--shadow-input);transition:border-color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out;overflow:hidden}.editor-container.toolbar-bottom{flex-direction:column-reverse}.editor-toolbar{flex-shrink:0}.editor-content-wrapper{flex:1;min-height:120px;overflow-y:auto}.helper-text,.error-text{font-family:var(--font-inter);font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--line-height-normal)}.helper-text{color:var(--bh-editor-helper-color)}.error-text{color:var(--bh-editor-error-color)}}@layer bh-states{.editor-container:hover:not(.editor-container-disabled):not(.editor-container-focused){border-color:var(--bh-editor-border-color-hover)}.editor-container-focused{border-color:var(--bh-editor-border-color-focus);box-shadow:0 0 0 1px var(--bh-editor-border-color-focus)}.editor-container-error{border-color:var(--bh-editor-border-color-error)}.editor-container-error:hover:not(.editor-container-focused){border-color:var(--bh-editor-border-color-error)}.editor-container-error.editor-container-focused{border-color:var(--bh-editor-border-color-focus);box-shadow:0 0 0 1px var(--bh-editor-border-color-focus)}.editor-container-disabled{opacity:0.5;cursor:not-allowed;background:var(--bh-editor-bg-disabled)}.editor-container-readonly{background:var(--bh-editor-bg-disabled)}}"}},[833,"bh-html-editor",{value:[1025],placeholder:[1],disabled:[4],readOnly:[4,"read-only"],required:[4],name:[1],defaultValue:[1,"default-value"],label:[1],helperText:[1,"helper-text"],error:[4],errorText:[1,"error-text"],maxLength:[2,"max-length"],toolbarPosition:[1,"toolbar-position"],showBubbleMenu:[4,"show-bubble-menu"],allowedTags:[16],isFocused:[32],isHovered:[32],selectionFrom:[32],selectionTo:[32],selectionEmpty:[32],editorReady:[32],getEditor:[64],getHtml:[64],getText:[64],setContent:[64],focusEditor:[64],clear:[64]},void 0,{value:[{handleValueChange:0}],disabled:[{handleDisabledChange:0}],readOnly:[{handleReadOnlyChange:0}]}]),g=y,x=function(){"undefined"!=typeof customElements&&["bh-html-editor","bh-html-editor-bubble-menu","bh-html-editor-toolbar","bh-label","bh-tooltip"].forEach((e=>{switch(e){case"bh-html-editor":customElements.get(s(e))||customElements.define(s(e),y);break;case"bh-html-editor-bubble-menu":customElements.get(s(e))||d();break;case"bh-html-editor-toolbar":customElements.get(s(e))||n();break;case"bh-label":customElements.get(s(e))||l();break;case"bh-tooltip":customElements.get(s(e))||b()}}))};export{g as BhHtmlEditor,x as defineCustomElement}
+import{p as e,H as t,c as r,h as o,d as i,t as s}from"./p-YZi6LqIt.js";import{s as a,c as h}from"./p-vsM-NcS2.js";import{d}from"./p-B7La6Iwp.js";import{d as n}from"./p-DSDbfC31.js";import{d as l}from"./p-C7fkgBQS.js";import{d as b}from"./p-D6aw0IK6.js";import{c,m as u,M as m,r as f}from"./p-BJXjqxlX.js";import{a as p,u as v}from"./p-L4Y2hq_b.js";const y=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhInput=r(this,"bhInput"),this.bhChange=r(this,"bhChange"),this.bhFocus=r(this,"bhFocus"),this.bhBlur=r(this,"bhBlur"),this.bhSelectionChange=r(this,"bhSelectionChange"),this.bhReady=r(this,"bhReady"),this.bhError=r(this,"bhError"),this.internals=this.attachInternals()}logger=c("bh-html-editor");editor=null;contentEl;changeDebounceTimer;visibilityObserver;isRevertingContent=!1;get el(){return this}internals;value="";placeholder="";disabled=!1;readOnly=!1;required=!1;name="";defaultValue="";label="";helperText="";error=!1;errorText="";maxLength;toolbarPosition="top";showBubbleMenu=!0;allowedTags;isFocused=!1;isHovered=!1;selectionFrom=0;selectionTo=0;selectionEmpty=!0;editorReady=!1;bhInput;bhChange;bhFocus;bhBlur;bhSelectionChange;bhReady;bhError;handleValueChange(e){if(!this.editor)return;const t=a(e,this.allowedTags);t!==a(this.editor.getHTML(),this.allowedTags)&&this.editor.commands.setContent(t,!1)}handleDisabledChange(e){this.editor?.setEditable(!(e||this.readOnly))}handleReadOnlyChange(e){this.editor?.setEditable(!(this.disabled||e))}async getEditor(){return this.editor}async getHtml(){return this.editor?a(this.editor.getHTML(),this.allowedTags):""}async getText(){return this.editor?this.editor.getText():""}async setContent(e){if(!this.editor)return;const t=a(e,this.allowedTags);this.editor.commands.setContent(t,!1),this.value=t,p(this)}async focusEditor(){this.editor?.commands.focus()}async clear(){this.editor&&(this.editor.commands.clearContent(),this.value="",p(this))}componentDidLoad(){this.initEditorWhenVisible(),p(this)}disconnectedCallback(){this.changeDebounceTimer&&(clearTimeout(this.changeDebounceTimer),this.changeDebounceTimer=void 0),this.visibilityObserver?.disconnect(),this.visibilityObserver=void 0,this.editor?.destroy(),this.editor=null,this.contentEl=void 0}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),u.increment(m.COMPONENT_ERROR,{component:"bh-html-editor",error_type:e instanceof Error?e.name:"unknown"}),f("bh-html-editor",e),this.bhError.emit({error:e})}formResetCallback(){this.value=this.defaultValue,this.defaultValue?this.editor?.commands.setContent(this.defaultValue):this.editor?.commands.clearContent(),p(this),v(this.internals,void 0)}initEditorWhenVisible(){this.editor||this.contentEl||(this.isElementVisible()||"undefined"==typeof IntersectionObserver?this.initEditor():(this.visibilityObserver?.disconnect(),this.visibilityObserver=new IntersectionObserver((e=>{e.some((e=>e.isIntersecting))&&(this.visibilityObserver?.disconnect(),this.visibilityObserver=void 0,this.initEditor())})),this.visibilityObserver.observe(this.el)))}isElementVisible(){const e=this.el.getBoundingClientRect();return e.width>0&&e.height>0}initEditor(){if(!this.editor&&!this.contentEl){this.contentEl=document.createElement("div"),this.contentEl.className="bh-html-editor-content",this.contentEl.setAttribute("part","content"),this.el.appendChild(this.contentEl);try{this.editor=h({element:this.contentEl,content:this.value,placeholder:this.placeholder,editable:!(this.disabled||this.readOnly),onUpdate:(e,t)=>{if(this.isRevertingContent)return;const r=this.value;if(void 0!==this.maxLength&&t.length>this.maxLength){if(this.editor&&e!==r){this.isRevertingContent=!0;try{this.editor.commands.setContent(r,!1)}finally{this.isRevertingContent=!1}}}else this.value=e,this.bhInput.emit({value:e,text:t}),p(this)},onFocus:()=>{this.isFocused=!0,this.bhFocus.emit()},onBlur:e=>{this.isFocused=!1;const t=a(e,this.allowedTags);this.value=t,p(this),this.bhBlur.emit({value:t}),this.bhChange.emit(t)},onSelectionUpdate:(e,t,r)=>{this.selectionFrom=e,this.selectionTo=t,this.selectionEmpty=r,this.bhSelectionChange.emit({from:e,to:t,empty:r})},onCreate:e=>{this.editorReady=!0,this.bhReady.emit({editor:e})}})}catch(e){this.logger.error("Failed to initialize editor",e instanceof Error?e:Error(e+"")),this.bhError.emit({error:e})}}}handleMouseEnter=()=>{this.isFocused||(this.isHovered=!0)};handleMouseLeave=()=>{this.isHovered=!1};render(){const e={"editor-container":!0,"editor-container-focused":this.isFocused,"editor-container-hover":this.isHovered&&!this.isFocused,"editor-container-error":this.error,"editor-container-disabled":this.disabled,"editor-container-readonly":this.readOnly,["toolbar-"+this.toolbarPosition]:!0},t=this.error&&this.errorText,r=!t&&this.helperText;return o(i,{key:"cc7db6bcb3ee54ec8b51300253add1f2103cafca","aria-disabled":this.disabled?"true":void 0},o("div",{key:"e7d7fecf6995ff129e0a83d9d49bb302631b1163",class:"html-editor-wrapper",part:"container"},this.label&&o("bh-label",{key:"55aac8bafb2a71aa1a3590923f84eb7e76f53ee6",disabled:this.disabled,label:this.label,required:this.required}),o("div",{key:"9203a40a1add1f8f6515b686ecc3e1a01a331ef6",class:e,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave},this.editorReady&&this.editor&&!this.readOnly&&o("bh-html-editor-toolbar",{key:"1750fdf1da50c78f877b772e68ad53899d5b7822",class:"editor-toolbar",disabled:this.disabled,editor:this.editor}),o("div",{key:"f7b06a770c0b3bc3074532403ee1a73df56eedde",class:"editor-content-wrapper"},o("slot",{key:"a59754874577f86b587c25c507fd4de9b0ec2087"})),this.showBubbleMenu&&this.editorReady&&this.editor&&!this.readOnly&&!this.disabled&&!this.selectionEmpty&&o("bh-html-editor-bubble-menu",{key:"094de6ecd4366bbdef7187a1b880e38ff0d80a0c",editor:this.editor,targetEl:this.contentEl})),r&&o("div",{key:"b79c99aa7b817ba342b1409c94dedf74b65d2c4a",class:"helper-text",part:"helper-text"},this.helperText),t&&o("div",{key:"ec419bc000bc26d956f163b30705b8f8c88f2bcf",class:"error-text",part:"error-text"},this.errorText)))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}],disabled:[{handleDisabledChange:0}],readOnly:[{handleReadOnlyChange: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-editor-bg:var(--color-bg-primary);--bh-editor-bg-disabled:var(--color-bg-secondary);--bh-editor-border-color:var(--color-border-primary);--bh-editor-border-color-hover:var(--color-border-interactive);--bh-editor-border-color-focus:var(--color-border-interactive);--bh-editor-border-color-error:var(--color-border-error);--bh-editor-border-radius:var(--radius-md);--bh-editor-helper-color:var(--color-text-secondary);--bh-editor-error-color:var(--color-text-error);--bh-editor-toolbar-bg:var(--color-bg-secondary);--bh-editor-toolbar-border:var(--color-border-secondary)}}@layer bh-base{.html-editor-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.editor-container{position:relative;display:flex;flex-direction:column;background:var(--bh-editor-bg);border:1px solid var(--bh-editor-border-color);border-radius:var(--bh-editor-border-radius);box-shadow:var(--shadow-input);transition:border-color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out;overflow:hidden}.editor-container.toolbar-bottom{flex-direction:column-reverse}.editor-toolbar{flex-shrink:0}.editor-content-wrapper{flex:1;min-height:120px;overflow-y:auto}.helper-text,.error-text{font-family:var(--font-inter);font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--line-height-normal)}.helper-text{color:var(--bh-editor-helper-color)}.error-text{color:var(--bh-editor-error-color)}}@layer bh-states{.editor-container:hover:not(.editor-container-disabled):not(.editor-container-focused){border-color:var(--bh-editor-border-color-hover)}.editor-container-focused{border-color:var(--bh-editor-border-color-focus);box-shadow:0 0 0 1px var(--bh-editor-border-color-focus)}.editor-container-error{border-color:var(--bh-editor-border-color-error)}.editor-container-error:hover:not(.editor-container-focused){border-color:var(--bh-editor-border-color-error)}.editor-container-error.editor-container-focused{border-color:var(--bh-editor-border-color-focus);box-shadow:0 0 0 1px var(--bh-editor-border-color-focus)}.editor-container-disabled{opacity:0.5;cursor:not-allowed;background:var(--bh-editor-bg-disabled)}.editor-container-readonly{background:var(--bh-editor-bg-disabled)}}"}},[833,"bh-html-editor",{value:[1025],placeholder:[1],disabled:[4],readOnly:[4,"read-only"],required:[4],name:[1],defaultValue:[1,"default-value"],label:[1],helperText:[1,"helper-text"],error:[4],errorText:[1,"error-text"],maxLength:[2,"max-length"],toolbarPosition:[1,"toolbar-position"],showBubbleMenu:[4,"show-bubble-menu"],allowedTags:[16],isFocused:[32],isHovered:[32],selectionFrom:[32],selectionTo:[32],selectionEmpty:[32],editorReady:[32],getEditor:[64],getHtml:[64],getText:[64],setContent:[64],focusEditor:[64],clear:[64]},void 0,{value:[{handleValueChange:0}],disabled:[{handleDisabledChange:0}],readOnly:[{handleReadOnlyChange:0}]}]),g=y,x=function(){"undefined"!=typeof customElements&&["bh-html-editor","bh-html-editor-bubble-menu","bh-html-editor-toolbar","bh-label","bh-tooltip"].forEach((e=>{switch(e){case"bh-html-editor":customElements.get(s(e))||customElements.define(s(e),y);break;case"bh-html-editor-bubble-menu":customElements.get(s(e))||d();break;case"bh-html-editor-toolbar":customElements.get(s(e))||n();break;case"bh-label":customElements.get(s(e))||l();break;case"bh-tooltip":customElements.get(s(e))||b()}}))};export{g as BhHtmlEditor,x as defineCustomElement}

package/components/bh-illustrations.js

@@ -1 +1 @@
-import{p as t,H as i,c as l,h as s,d as r,t as a}from"./p-YZi6LqIt.js";import{c as e,m as n,M as o,r as h}from"./p-BJXjqxlX.js";const u=new Map([["sm",{width:120,height:120}],["md",{width:160,height:160}],["lg",{width:200,height:200}],["xl",{width:280,height:280}],["2xl",{width:360,height:360}],["3xl",{width:480,height:480}],["4xl",{width:600,height:600}]]),c={width:200,height:200},b=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhError=l(this,"bhError")}logger=e("bh-illustrations");size="lg";illustrationTitle;description;illustrationSrc="";svgPath="/illustrations/Search-not-found.svg";alt="Illustration";bhError;getIllustrationSrc(){return this.illustrationSrc||this.svgPath}componentWillLoad(){"/illustrations/Search-not-found.svg"===this.svgPath||this.illustrationSrc||console.warn('[bh-illustrations] The "svgPath" prop is deprecated. Use "illustrationSrc" instead.')}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:Error(t+"")),n.increment(o.COMPONENT_ERROR,{component:"bh-illustrations",error_type:t instanceof Error?t.name:"unknown"}),h("bh-illustrations",t),this.bhError.emit({error:t})}getSvgDimensions(){return u.get(this.size)??c}render(){const t=this.getSvgDimensions(),i=this.illustrationTitle||this.description,l={width:t.width+"px",height:t.height+"px"};return s(r,{key:"ce8971d8005e0e56cb3b4e926ac314ce01a52609"},s("div",{key:"1161c55d15bac44619e2cd8f066f271efe446d85",class:"illustration illustration-"+this.size,part:"container"},s("div",{key:"7532f98ddaf2d3de2d461b99a9feeee9f3237113",class:"illustration-wrapper",part:"wrapper"},s("div",{key:"bf90b79032e54716eaf893fd975a932d577ac591",class:"illustration-svg-container",style:l},s("img",{key:"384fb24e213a259da4514182ad11bb1487ea83e3",alt:this.alt,class:"illustration-image",src:this.getIllustrationSrc(),style:l})),i&&s("div",{key:"1a95af3e824761f5ebfecf819a6a50ed226034c8",class:"illustration-content"},this.illustrationTitle&&s("h3",{key:"2b2bffc6b3c9677f16e6b895653f2de62018637e",class:"illustration-title"},this.illustrationTitle),this.description&&s("p",{key:"0b095662fa03462de6df87ac8d18d8e1fef504be",class:"illustration-description"},this.description)))))}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: inline-flex;   } } @layer bh-tokens {   :host {          --bh-illustrations-wrapper-gap: var(--spacing-3xl);     --bh-illustrations-title-margin: 0 0 var(--spacing-md) 0;     --bh-illustrations-title-font-family: var(--font-inter);     --bh-illustrations-title-font-size: var(--text-lg-size);     --bh-illustrations-title-font-weight: var(--weight-semibold);     --bh-illustrations-title-line-height: var(--line-height-normal);     --bh-illustrations-title-color: var(--color-text-primary);     --bh-illustrations-description-font-family: var(--font-inter);     --bh-illustrations-description-font-size: var(--text-md-size);     --bh-illustrations-description-font-weight: var(--weight-regular);     --bh-illustrations-description-line-height: var(--line-height-normal);     --bh-illustrations-description-color: var(--color-text-secondary);   } } @layer bh-base {   .illustration {     display: inline-flex;     align-items: center;     justify-content: center;     position: relative;   }   .illustration-wrapper {     display: flex;     flex-direction: column;     align-items: center;     gap: var(--bh-illustrations-wrapper-gap);   }   .illustration-svg-container {     display: flex;     align-items: center;     justify-content: center;     position: relative;   }   .illustration-image {     width: 100%;     height: 100%;     object-fit: contain;   }   .illustration-content {     text-align: center;     max-width: var(--bh-illustrations-max-width);   }   .illustration-title {     font-family: var(--bh-illustrations-title-font-family);     font-size: var(--bh-illustrations-title-font-size);     font-weight: var(--bh-illustrations-title-font-weight);     line-height: var(--bh-illustrations-title-line-height);     color: var(--bh-illustrations-title-color);     margin: var(--bh-illustrations-title-margin);   }   .illustration-description {     font-family: var(--bh-illustrations-description-font-family);     font-size: var(--bh-illustrations-description-font-size);     font-weight: var(--bh-illustrations-description-font-weight);     line-height: var(--bh-illustrations-description-line-height);     color: var(--bh-illustrations-description-color);     margin: 0;   } } @layer bh-variants {   .illustration-sm .illustration-svg-container {     width: var(--bh-illustrations-size-xs);     height: var(--bh-illustrations-size-xs);   }   .illustration-md .illustration-svg-container {     width: var(--bh-illustrations-size-sm);     height: var(--bh-illustrations-size-sm);   }   .illustration-lg .illustration-svg-container {     width: var(--bh-illustrations-size-md);     height: var(--bh-illustrations-size-md);   }   .illustration-xl .illustration-svg-container {     width: var(--bh-illustrations-size-lg);     height: var(--bh-illustrations-size-lg);   }   .illustration-2xl .illustration-svg-container {     width: var(--bh-illustrations-size-xl);     height: var(--bh-illustrations-size-xl);   }   .illustration-3xl .illustration-svg-container {     width: var(--bh-illustrations-size-2xl);     height: var(--bh-illustrations-size-2xl);   }   .illustration-4xl .illustration-svg-container {     width: var(--bh-illustrations-size-3xl);     height: var(--bh-illustrations-size-3xl);   } } @layer bh-utilities {   @media (max-width: 768px) {     .illustration-4xl .illustration-svg-container {       width: var(--bh-illustrations-size-4xl);       height: var(--bh-illustrations-size-4xl);     }     .illustration-3xl .illustration-svg-container {       width: var(--bh-illustrations-size-3xl);       height: var(--bh-illustrations-size-3xl);     }     .illustration-content {       max-width: var(--bh-illustrations-size-3xl);     }   }   @media (max-width: 480px) {     .illustration-4xl .illustration-svg-container,     .illustration-3xl .illustration-svg-container {       width: var(--bh-illustrations-size-2xl);       height: var(--bh-illustrations-size-2xl);     }     .illustration-2xl .illustration-svg-container {       width: var(--bh-illustrations-size-xl);       height: var(--bh-illustrations-size-xl);     }   } }"}},[513,"bh-illustrations",{size:[1],illustrationTitle:[1,"illustration-title"],description:[1],illustrationSrc:[1,"illustration-src"],svgPath:[1,"svg-path"],alt:[1]}]),d=b,g=function(){"undefined"!=typeof customElements&&["bh-illustrations"].forEach((t=>{"bh-illustrations"===t&&(customElements.get(a(t))||customElements.define(a(t),b))}))};export{d as BhIllustrations,g as defineCustomElement}
+import{p as t,H as i,c as l,h as s,d as r,t as a}from"./p-YZi6LqIt.js";import{c as e,m as n,M as o,r as h}from"./p-BJXjqxlX.js";const u=new Map([["sm",{width:120,height:120}],["md",{width:160,height:160}],["lg",{width:200,height:200}],["xl",{width:280,height:280}],["2xl",{width:360,height:360}],["3xl",{width:480,height:480}],["4xl",{width:600,height:600}]]),c={width:200,height:200},b=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhError=l(this,"bhError")}logger=e("bh-illustrations");size="lg";illustrationTitle;description;illustrationSrc="";svgPath="/illustrations/Search-not-found.svg";alt="Illustration";bhError;getIllustrationSrc(){return this.illustrationSrc||this.svgPath}componentWillLoad(){"/illustrations/Search-not-found.svg"===this.svgPath||this.illustrationSrc||console.warn('[bh-illustrations] The "svgPath" prop is deprecated. Use "illustrationSrc" instead.')}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:Error(t+"")),n.increment(o.COMPONENT_ERROR,{component:"bh-illustrations",error_type:t instanceof Error?t.name:"unknown"}),h("bh-illustrations",t),this.bhError.emit({error:t})}getSvgDimensions(){return u.get(this.size)??c}render(){const t=this.getSvgDimensions(),i=this.illustrationTitle||this.description,l={width:t.width+"px",height:t.height+"px"};return s(r,{key:"01e0c2071c7edcedf2a6deacbf85173f9eb89a8a"},s("div",{key:"b677d414e5d6b2891d84180168596d2f0a1426d9",class:"illustration illustration-"+this.size,part:"container"},s("div",{key:"94fef0ba1d774bd5bfeff5a5a1aeae6fdedd3e50",class:"illustration-wrapper",part:"wrapper"},s("div",{key:"26e9469392a6617fee99e591424014f28be8a412",class:"illustration-svg-container",style:l},s("img",{key:"785ad9d7341c422b3d7de5fbcb716250d962ca45",alt:this.alt,class:"illustration-image",src:this.getIllustrationSrc(),style:l})),i&&s("div",{key:"b8e52fc58798fac04869c5939640a48b6b4ef894",class:"illustration-content"},this.illustrationTitle&&s("h3",{key:"89fc03034fa853566cd44e75485e28bf87343148",class:"illustration-title"},this.illustrationTitle),this.description&&s("p",{key:"c835428e2e347e4b8f34bc3bc2ee9ec0e5f96500",class:"illustration-description"},this.description)))))}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: inline-flex;   } } @layer bh-tokens {   :host {          --bh-illustrations-wrapper-gap: var(--spacing-3xl);     --bh-illustrations-title-margin: 0 0 var(--spacing-md) 0;     --bh-illustrations-title-font-family: var(--font-inter);     --bh-illustrations-title-font-size: var(--text-lg-size);     --bh-illustrations-title-font-weight: var(--weight-semibold);     --bh-illustrations-title-line-height: var(--line-height-normal);     --bh-illustrations-title-color: var(--color-text-primary);     --bh-illustrations-description-font-family: var(--font-inter);     --bh-illustrations-description-font-size: var(--text-md-size);     --bh-illustrations-description-font-weight: var(--weight-regular);     --bh-illustrations-description-line-height: var(--line-height-normal);     --bh-illustrations-description-color: var(--color-text-secondary);   } } @layer bh-base {   .illustration {     display: inline-flex;     align-items: center;     justify-content: center;     position: relative;   }   .illustration-wrapper {     display: flex;     flex-direction: column;     align-items: center;     gap: var(--bh-illustrations-wrapper-gap);   }   .illustration-svg-container {     display: flex;     align-items: center;     justify-content: center;     position: relative;   }   .illustration-image {     width: 100%;     height: 100%;     object-fit: contain;   }   .illustration-content {     text-align: center;     max-width: var(--bh-illustrations-max-width);   }   .illustration-title {     font-family: var(--bh-illustrations-title-font-family);     font-size: var(--bh-illustrations-title-font-size);     font-weight: var(--bh-illustrations-title-font-weight);     line-height: var(--bh-illustrations-title-line-height);     color: var(--bh-illustrations-title-color);     margin: var(--bh-illustrations-title-margin);   }   .illustration-description {     font-family: var(--bh-illustrations-description-font-family);     font-size: var(--bh-illustrations-description-font-size);     font-weight: var(--bh-illustrations-description-font-weight);     line-height: var(--bh-illustrations-description-line-height);     color: var(--bh-illustrations-description-color);     margin: 0;   } } @layer bh-variants {   .illustration-sm .illustration-svg-container {     width: var(--bh-illustrations-size-xs);     height: var(--bh-illustrations-size-xs);   }   .illustration-md .illustration-svg-container {     width: var(--bh-illustrations-size-sm);     height: var(--bh-illustrations-size-sm);   }   .illustration-lg .illustration-svg-container {     width: var(--bh-illustrations-size-md);     height: var(--bh-illustrations-size-md);   }   .illustration-xl .illustration-svg-container {     width: var(--bh-illustrations-size-lg);     height: var(--bh-illustrations-size-lg);   }   .illustration-2xl .illustration-svg-container {     width: var(--bh-illustrations-size-xl);     height: var(--bh-illustrations-size-xl);   }   .illustration-3xl .illustration-svg-container {     width: var(--bh-illustrations-size-2xl);     height: var(--bh-illustrations-size-2xl);   }   .illustration-4xl .illustration-svg-container {     width: var(--bh-illustrations-size-3xl);     height: var(--bh-illustrations-size-3xl);   } } @layer bh-utilities {   @media (max-width: 768px) {     .illustration-4xl .illustration-svg-container {       width: var(--bh-illustrations-size-4xl);       height: var(--bh-illustrations-size-4xl);     }     .illustration-3xl .illustration-svg-container {       width: var(--bh-illustrations-size-3xl);       height: var(--bh-illustrations-size-3xl);     }     .illustration-content {       max-width: var(--bh-illustrations-size-3xl);     }   }   @media (max-width: 480px) {     .illustration-4xl .illustration-svg-container,     .illustration-3xl .illustration-svg-container {       width: var(--bh-illustrations-size-2xl);       height: var(--bh-illustrations-size-2xl);     }     .illustration-2xl .illustration-svg-container {       width: var(--bh-illustrations-size-xl);       height: var(--bh-illustrations-size-xl);     }   } }"}},[513,"bh-illustrations",{size:[1],illustrationTitle:[1,"illustration-title"],description:[1],illustrationSrc:[1,"illustration-src"],svgPath:[1,"svg-path"],alt:[1]}]),d=b,g=function(){"undefined"!=typeof customElements&&["bh-illustrations"].forEach((t=>{"bh-illustrations"===t&&(customElements.get(a(t))||customElements.define(a(t),b))}))};export{d as BhIllustrations,g as defineCustomElement}

package/components/bh-inline-cta.js

@@ -1 +1 @@
-import{p as i,H as e,c as a,h as t,d as n,t as l}from"./p-YZi6LqIt.js";import{d as s}from"./p-cD3vmu49.js";import{d as c}from"./p-BVwh7Zds.js";import{d as r}from"./p-BbPrWlsw.js";import{c as o,m as d,M as h,r as m}from"./p-BJXjqxlX.js";import{B as b,r as p}from"./p-BNVOtH-1.js";const g="bh-inline-cta",f=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bhClose=a(this,"bhClose"),this.bhAction=a(this,"bhAction")}logger=o(g);i18nUnsubscribe;_i18nVersion=0;heading="";description="";type="actions";layout="horizontal";imageSrc="";imageAlt="";emailLabel="";showDismiss=!1;dismissAriaLabel="Dismiss";bhClose;bhAction;componentDidCatch(i){this.logger.error("Component error caught",i instanceof Error?i:Error(i+"")),d.increment(h.COMPONENT_ERROR,{component:g,error_type:i instanceof Error?i.name:"unknown"}),m(g,i)}componentWillLoad(){this.i18nUnsubscribe=b.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}handleDismiss=()=>{this.bhClose.emit()};handleActionClick=i=>{i.stopPropagation(),this.bhAction.emit({action:"primary"})};renderMedia(){return t("div",{class:"inline-cta-media",part:"media"},this.imageSrc?t("img",{alt:this.imageAlt,class:"inline-cta-image",part:"image",src:this.imageSrc}):t("slot",{name:"media"}))}renderEmailSection(){return t("div",{class:"inline-cta-email-section",part:"email-section"},this.emailLabel&&t("span",{class:"inline-cta-email-label"},this.emailLabel),t("div",{class:"inline-cta-email-input"},t("slot",{name:"email"})))}render(){const i="image"===this.type,e="email-field"===this.type;return t(n,{key:"0ecf6d0198dcb06a775596ac3a84012b554cd99f"},t("div",{key:"042d60a5538087b0b74efc24b67c237bd9702409","aria-label":this.heading||"Call to action",class:{"inline-cta":!0,"inline-cta-dismissable":this.showDismiss,["inline-cta-"+this.layout]:!0,["inline-cta-type-"+this.type]:!0,"inline-cta-with-media":i&&!!this.imageSrc},part:"container",role:"region"},i&&this.renderMedia(),t("div",{key:"77717d1781068a3cf30ef4ce32d23e7101dd9caa",class:"inline-cta-content",part:"content"},t("div",{key:"1ae1e297c30a140f45c48bb0327766a1cbe526f2",class:"inline-cta-text",part:"text"},this.heading&&t("h3",{key:"0727909efae46c0c3d6c785d070fb7680e8acd2c",class:"inline-cta-heading",part:"heading"},this.heading),this.description&&t("p",{key:"fff0a3a916f6957fe7b54306eccabd6417610757",class:"inline-cta-description",part:"description"},this.description)),e&&this.renderEmailSection(),t("div",{key:"09b678401ae1166ae8654f4f813e181193fbd456",class:"inline-cta-body",part:"body"},t("slot",{key:"535f34901eac23bb7615e7d948b79376a7c71ad3"})),t("div",{key:"5a1135d5fd845bf88d3a184bcf88e02912abff94",class:"inline-cta-actions",onClick:this.handleActionClick,part:"actions"},t("slot",{key:"206a2b02b19bd4bc4ab6352f9ec174e7537188a2",name:"actions"}))),this.showDismiss&&t("div",{key:"775f6f3e2df63a1619366432a99ef8d4ee17e039",class:"inline-cta-dismiss",part:"dismiss"},t("bh-close-button",{key:"6a1896643d85f1b1223c37999360428d2e6d9df6",ariaLabel:p(g,"dismissAriaLabel",this.dismissAriaLabel,"Dismiss"),onClick:this.handleDismiss}))))}static get style(){return'@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-inline-cta-bg:var(--color-bg-primary);--bh-inline-cta-border-color:var(--color-border-secondary);--bh-inline-cta-border-radius:var(--radius-xl);--bh-inline-cta-shadow:var(--shadow-xs);--bh-inline-cta-heading-color:var(--color-text-primary);--bh-inline-cta-description-color:var(--color-text-tertiary);--bh-inline-cta-email-label-color:var(--color-text-secondary)}}@layer bh-base{.inline-cta{display:flex;background:var(--bh-inline-cta-bg);border:1px solid var(--bh-inline-cta-border-color);border-radius:var(--bh-inline-cta-border-radius);box-shadow:var(--bh-inline-cta-shadow);overflow:clip;position:relative}.inline-cta-dismiss{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg)}.inline-cta-content{display:flex;flex-direction:column;gap:var(--spacing-2xl);flex:1;min-width:0}.inline-cta-text{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.inline-cta-heading{font-size:var(--text-lg-size);font-weight:var(--weight-semibold);line-height:var(--text-lg-line);color:var(--bh-inline-cta-heading-color);margin:0}.inline-cta-description{font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--bh-inline-cta-description-color);margin:0}.inline-cta-body{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.inline-cta-body:empty{display:none}.inline-cta-actions{display:flex;gap:var(--spacing-lg);align-items:flex-start}.inline-cta-media{flex-shrink:0;overflow:clip}.inline-cta-image{display:block;width:100%;height:100%;object-fit:cover}.inline-cta-email-section{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.inline-cta-email-label{font-size:var(--text-sm-size);font-weight:var(--weight-medium);line-height:var(--line-height-normal);color:var(--bh-inline-cta-email-label-color)}.inline-cta-email-input{display:flex;gap:var(--spacing-md);align-items:flex-start;width:100%}.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}}@layer bh-variants{.inline-cta-horizontal{flex-direction:row;align-items:stretch}.inline-cta-horizontal .inline-cta-media{width:240px;align-self:stretch}.inline-cta-horizontal .inline-cta-content{padding:var(--spacing-3xl)}.inline-cta-vertical{flex-direction:column}.inline-cta-vertical .inline-cta-media{width:100%;height:200px}.inline-cta-vertical .inline-cta-content{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-2xl)}.inline-cta-vertical .inline-cta-actions{flex-direction:column;width:100%}.inline-cta-vertical .inline-cta-actions ::slotted(*){width:100%}.inline-cta-type-email-field.inline-cta-vertical .inline-cta-email-input{flex-direction:column}.inline-cta-type-email-field.inline-cta-vertical .inline-cta-email-input ::slotted(*){width:100%}.inline-cta-type-change-plan .inline-cta-body{gap:var(--spacing-xl)}.inline-cta-type-upgrade-plan .inline-cta-body{gap:var(--spacing-md)}.inline-cta-type-receipt .inline-cta-body{gap:var(--spacing-lg)}}@layer bh-states{.inline-cta-dismissable .inline-cta-content{padding-right:calc(var(--spacing-lg) + 40px)}}'}},[769,"bh-inline-cta",{heading:[1],description:[1],type:[513],layout:[513],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],emailLabel:[1,"email-label"],showDismiss:[4,"show-dismiss"],dismissAriaLabel:[1,"dismiss-aria-label"],_i18nVersion:[32]}]),v=f,y=function(){"undefined"!=typeof customElements&&["bh-inline-cta","bh-button-icon","bh-close-button","bh-loader-spinner"].forEach((i=>{switch(i){case"bh-inline-cta":customElements.get(l(i))||customElements.define(l(i),f);break;case"bh-button-icon":customElements.get(l(i))||s();break;case"bh-close-button":customElements.get(l(i))||c();break;case"bh-loader-spinner":customElements.get(l(i))||r()}}))};export{v as BhInlineCta,y as defineCustomElement}
+import{p as i,H as e,c as a,h as t,d as n,t as l}from"./p-YZi6LqIt.js";import{d as s}from"./p-CClVva-u.js";import{d as c}from"./p-2SnKTVal.js";import{d as r}from"./p-BbPrWlsw.js";import{c as o,m as d,M as h,r as m}from"./p-BJXjqxlX.js";import{B as b,r as p}from"./p-BNVOtH-1.js";const g="bh-inline-cta",f=i(class extends e{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bhClose=a(this,"bhClose"),this.bhAction=a(this,"bhAction")}logger=o(g);i18nUnsubscribe;_i18nVersion=0;heading="";description="";type="actions";layout="horizontal";imageSrc="";imageAlt="";emailLabel="";showDismiss=!1;dismissAriaLabel="Dismiss";bhClose;bhAction;componentDidCatch(i){this.logger.error("Component error caught",i instanceof Error?i:Error(i+"")),d.increment(h.COMPONENT_ERROR,{component:g,error_type:i instanceof Error?i.name:"unknown"}),m(g,i)}componentWillLoad(){this.i18nUnsubscribe=b.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}handleDismiss=()=>{this.bhClose.emit()};handleActionClick=i=>{i.stopPropagation(),this.bhAction.emit({action:"primary"})};renderMedia(){return t("div",{class:"inline-cta-media",part:"media"},this.imageSrc?t("img",{alt:this.imageAlt,class:"inline-cta-image",part:"image",src:this.imageSrc}):t("slot",{name:"media"}))}renderEmailSection(){return t("div",{class:"inline-cta-email-section",part:"email-section"},this.emailLabel&&t("span",{class:"inline-cta-email-label"},this.emailLabel),t("div",{class:"inline-cta-email-input"},t("slot",{name:"email"})))}render(){const i="image"===this.type,e="email-field"===this.type;return t(n,{key:"544d60ca10d116650fba25c8406024dba2fbe460"},t("div",{key:"9a070345dcba5a5b586735cb989e7d9a4d36a481","aria-label":this.heading||"Call to action",class:{"inline-cta":!0,"inline-cta-dismissable":this.showDismiss,["inline-cta-"+this.layout]:!0,["inline-cta-type-"+this.type]:!0,"inline-cta-with-media":i&&!!this.imageSrc},part:"container",role:"region"},i&&this.renderMedia(),t("div",{key:"9e37b22932ea2d71e806cb8662ea83ef5ddfed24",class:"inline-cta-content",part:"content"},t("div",{key:"003bb25e9dcd46c52f8ff93582eb5af5c7fd26cb",class:"inline-cta-text",part:"text"},this.heading&&t("h3",{key:"d3e4a78ec40e6d7e3cf1842900ee237379ac2c42",class:"inline-cta-heading",part:"heading"},this.heading),this.description&&t("p",{key:"7e81e165c140e47b31dc5db9758a0e31d607fd24",class:"inline-cta-description",part:"description"},this.description)),e&&this.renderEmailSection(),t("div",{key:"97fdb147b914df3c67b7b355fd611b892046f273",class:"inline-cta-body",part:"body"},t("slot",{key:"6b14c6c9cb9502db7fd3ac1f52af50758f715d62"})),t("div",{key:"decece4f213edf5c5788357338f06e64fd2ba5e9",class:"inline-cta-actions",onClick:this.handleActionClick,part:"actions"},t("slot",{key:"0c0a5d8dca2495f9cecd1fbabe6da7019ebd61f4",name:"actions"}))),this.showDismiss&&t("div",{key:"a655f1ba46a0529f7cd2111704cd90a26dc41054",class:"inline-cta-dismiss",part:"dismiss"},t("bh-close-button",{key:"ec49303e55319c01e45b8aa718d6c7963a8ae595",ariaLabel:p(g,"dismissAriaLabel",this.dismissAriaLabel,"Dismiss"),onClick:this.handleDismiss}))))}static get style(){return'@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-inline-cta-bg:var(--color-bg-primary);--bh-inline-cta-border-color:var(--color-border-secondary);--bh-inline-cta-border-radius:var(--radius-xl);--bh-inline-cta-shadow:var(--shadow-xs);--bh-inline-cta-heading-color:var(--color-text-primary);--bh-inline-cta-description-color:var(--color-text-tertiary);--bh-inline-cta-email-label-color:var(--color-text-secondary)}}@layer bh-base{.inline-cta{display:flex;background:var(--bh-inline-cta-bg);border:1px solid var(--bh-inline-cta-border-color);border-radius:var(--bh-inline-cta-border-radius);box-shadow:var(--bh-inline-cta-shadow);overflow:clip;position:relative}.inline-cta-dismiss{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg)}.inline-cta-content{display:flex;flex-direction:column;gap:var(--spacing-2xl);flex:1;min-width:0}.inline-cta-text{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.inline-cta-heading{font-size:var(--text-lg-size);font-weight:var(--weight-semibold);line-height:var(--text-lg-line);color:var(--bh-inline-cta-heading-color);margin:0}.inline-cta-description{font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--bh-inline-cta-description-color);margin:0}.inline-cta-body{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.inline-cta-body:empty{display:none}.inline-cta-actions{display:flex;gap:var(--spacing-lg);align-items:flex-start}.inline-cta-media{flex-shrink:0;overflow:clip}.inline-cta-image{display:block;width:100%;height:100%;object-fit:cover}.inline-cta-email-section{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.inline-cta-email-label{font-size:var(--text-sm-size);font-weight:var(--weight-medium);line-height:var(--line-height-normal);color:var(--bh-inline-cta-email-label-color)}.inline-cta-email-input{display:flex;gap:var(--spacing-md);align-items:flex-start;width:100%}.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}}@layer bh-variants{.inline-cta-horizontal{flex-direction:row;align-items:stretch}.inline-cta-horizontal .inline-cta-media{width:240px;align-self:stretch}.inline-cta-horizontal .inline-cta-content{padding:var(--spacing-3xl)}.inline-cta-vertical{flex-direction:column}.inline-cta-vertical .inline-cta-media{width:100%;height:200px}.inline-cta-vertical .inline-cta-content{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-2xl)}.inline-cta-vertical .inline-cta-actions{flex-direction:column;width:100%}.inline-cta-vertical .inline-cta-actions ::slotted(*){width:100%}.inline-cta-type-email-field.inline-cta-vertical .inline-cta-email-input{flex-direction:column}.inline-cta-type-email-field.inline-cta-vertical .inline-cta-email-input ::slotted(*){width:100%}.inline-cta-type-change-plan .inline-cta-body{gap:var(--spacing-xl)}.inline-cta-type-upgrade-plan .inline-cta-body{gap:var(--spacing-md)}.inline-cta-type-receipt .inline-cta-body{gap:var(--spacing-lg)}}@layer bh-states{.inline-cta-dismissable .inline-cta-content{padding-right:calc(var(--spacing-lg) + 40px)}}'}},[769,"bh-inline-cta",{heading:[1],description:[1],type:[513],layout:[513],imageSrc:[1,"image-src"],imageAlt:[1,"image-alt"],emailLabel:[1,"email-label"],showDismiss:[4,"show-dismiss"],dismissAriaLabel:[1,"dismiss-aria-label"],_i18nVersion:[32]}]),v=f,y=function(){"undefined"!=typeof customElements&&["bh-inline-cta","bh-button-icon","bh-close-button","bh-loader-spinner"].forEach((i=>{switch(i){case"bh-inline-cta":customElements.get(l(i))||customElements.define(l(i),f);break;case"bh-button-icon":customElements.get(l(i))||s();break;case"bh-close-button":customElements.get(l(i))||c();break;case"bh-loader-spinner":customElements.get(l(i))||r()}}))};export{v as BhInlineCta,y as defineCustomElement}