npm - @actabldesign/bellhop-core - Versions diffs - 0.3.0 → 0.3.1 - Mend

@actabldesign/bellhop-core 0.3.0 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (748) hide show

package/components/bh-input-autocomplete.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,H as e,c as i,h as o,d as s,t as a}from"./p-YZi6LqIt.js";import{d as h}from"./p-DP_ptcHu.js";import{d as r}from"./p-B7i48CAz.js";import{d as n}from"./p-Bk-ipvH3.js";import{d as l}from"./p-cD3vmu49.js";import{d as p}from"./p-Be20AcNb.js";import{d as c}from"./p-B2KPN863.js";import{d as u}from"./p-BbPrWlsw.js";import{d}from"./p-CVSRqFZ0.js";import{T as b,s as m,d as f}from"./p-Bf_iTZDv.js";import{c as v,r as g}from"./p-BJXjqxlX.js";import{c as x,t as w,a as I}from"./p-CqAYzGVs.js";import{g as y}from"./p-CLrVoF3x.js";import{c as T}from"./p-Dmpif9C-.js";import{a as k,b as C,M as D}from"./p-DlPm3fIV.js";import{B as H,r as A}from"./p-BNVOtH-1.js";import{K as _}from"./p-zdFuIabL.js";import{A as B}from"./p-BoVgy_Ao.js";const E=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhInput=i(this,"bhInput"),this.bhChange=i(this,"bhChange"),this.bhFocus=i(this,"bhFocus"),this.bhBlur=i(this,"bhBlur"),this.bhHelpClick=i(this,"bhHelpClick")}get el(){return this}static LAYOUT={DEGRADED_MAX_OPTIONS:5,MIN_TAGS_CONTAINER_WIDTH:80,TAG_CHAR_WIDTH:8,TAG_BASE_PADDING:36,MAX_TAG_WIDTH:150,SEARCH_ICON_WIDTH:40,CLEAR_BUTTON_WIDTH:32,INPUT_MIN_WIDTH:60,CONTAINER_PADDING:24,TAG_SPACING:8,COUNTER_WIDTH:40,DEFAULT_CONTAINER_WIDTH:450};logger=v("bh-input-autocomplete");destroy$=x();blurSubscription;i18nUnsubscribe;menuId=y("bh-ac-menu");listboxId=this.menuId+"-listbox";_errorHandler;get handleComponentError(){return this._errorHandler\|\|(this._errorHandler=T({componentName:"bh-input-autocomplete",logger:this.logger})),this._errorHandler}state;error=!1;required=!1;disabled=!1;showHelpIcon=!1;showLeadingIcon=!0;showLabel=!0;showHintText=!0;label="";placeholder="";hintText="This is a hint text to help user.";leadingIcon="search";helpIconTooltip="Help";value="";width="450px";size="md";options=[];maxOptions=10;multiSelect=!1;minSearchLength=3;selectedItems=[];showDropdown=!1;autocompleteMenuEl;menuAnchor=new b;focusedOptionIndex=-1;isFocused=!1;isHovered=!1;isTagClickOpen=!1;filteringDegraded=!1;_i18nVersion=0;bhInput;bhChange;bhFocus;bhBlur;bhHelpClick;componentDidCatch(t){this.handleComponentError(t)}get safeWidth(){if(!this.width)return"";const t=k(this.width,50);return t.valid?t.value:(g("bh-input-autocomplete",Error("Invalid width: "+t.errors.map((t=>t.message)).join(", "))),"450px")}handleValueChange(t){t&&t.length>=this.minSearchLength&&(this.showDropdown=!0)}get filteredOptions(){let e=[];if(this.isTagClickOpen&&this.multiSelect)e=this.selectedItems;else if(!this.showDropdown\|\|this.value&&0!==this.value.length){if(this.value&&this.value.length>=this.minSearchLength){const i=this.value.toLowerCase();try{this.options.length>1e3?(this.filteringDegraded\|\|(this.filteringDegraded=!0,this.logger.info("Using optimized prefix filtering for large dataset",{optionsCount:this.options.length})),e=this.options.filter((t=>t.label.toLowerCase().startsWith(i))).slice(0,Math.min(this.maxOptions,t.LAYOUT.DEGRADED_MAX_OPTIONS))):(e=this.options.filter((t=>t.label.toLowerCase().includes(i))).slice(0,this.maxOptions),this.filteringDegraded=!1)}catch(t){g("bh-input-autocomplete",t),e=this.options.slice(0,this.maxOptions)}}}else e=this.options.slice(0,this.maxOptions);return e.map((t=>({...t,selected:this.multiSelect&&this.selectedItems.some((e=>e.id===t.id))})))}get shouldShowClearButton(){return!this.disabled&&(this.multiSelect&&this.selectedItems.length>0\|\|!this.multiSelect&&!!(this.value&&this.value.length>0))}get visibleTags(){if(!this.multiSelect\|\|0===this.selectedItems.length)return{tags:[],remaining:0};const{LAYOUT:e}=t,i=Number.parseFloat(this.width.replace("px",""))\|\|e.DEFAULT_CONTAINER_WIDTH,o=Math.max(i-((this.showLeadingIcon?e.SEARCH_ICON_WIDTH:0)+(this.shouldShowClearButton?e.CLEAR_BUTTON_WIDTH:0)+e.INPUT_MIN_WIDTH+e.CONTAINER_PADDING),e.MIN_TAGS_CONTAINER_WIDTH);let s=0;const a=[],h=this.selectedItems.toReversed();for(let t=0;t<h.length;t++){const i=h[t],r=Math.min(i.label.length*e.TAG_CHAR_WIDTH+e.TAG_BASE_PADDING,e.MAX_TAG_WIDTH);if(!(s+r+(h.length-(t+1)>0?e.COUNTER_WIDTH:0)<=o))break;a.push(i),s+=r+e.TAG_SPACING}const r=a.toReversed();return{tags:r,remaining:this.selectedItems.length-r.length}}get activeDescendantId(){if(this.showDropdown&&this.focusedOptionIndex>=0&&this.focusedOptionIndex<this.filteredOptions.length)return`${this.menuId}-option-${this.focusedOptionIndex}`}handleInputChange=t=>{const e=C(t.target.value,D);this.value=e.value,e.valid\|\|g("bh-input-autocomplete",Error(e.errors.map((t=>t.message)).join(", "))),this.bhInput.emit(this.value),this.isTagClickOpen=!1,this.value.length>=this.minSearchLength?this.focusedOptionIndex=-1:this.showDropdown=!1};handleInputFocus=()=>{this.isFocused=!0,this.bhFocus.emit(),this.value&&this.value.length>=this.minSearchLength&&this.filteredOptions.length>0&&(this.showDropdown=!0)};getInputTextState(){return"placeholder"===this.state?"default":"focused"===this.state?"focus":this.state}handleInputBlur=()=>{this.blurSubscription&&(this.blurSubscription.unsubscribe(),this.blurSubscription=void 0),this.destroy$&&(this.blurSubscription=w(B.BLUR_DELAY,this.destroy$)?.subscribe((()=>{this.isFocused=!1,this.showDropdown=!1,this.focusedOptionIndex=-1,this.isTagClickOpen=!1,this.bhBlur.emit(),this.blurSubscription=void 0})))};componentWillLoad(){this.i18nUnsubscribe=H.onLocaleChange((()=>{this._i18nVersion++}))}componentDidRender(){this.menuAnchor.sync(this.showDropdown,this.autocompleteMenuEl,this.el,{offset:4})}disconnectedCallback(){this.menuAnchor.destroy(),I(this.destroy$),this.blurSubscription&&(this.blurSubscription.unsubscribe(),this.blurSubscription=void 0),this.i18nUnsubscribe?.()}handleOptionSelect=t=>{const e=t.detail;if(!e.disabled)if(this.multiSelect){const t=this.selectedItems.some((t=>t.id===e.id))?this.selectedItems.filter((t=>t.id!==e.id)):[...this.selectedItems,e];this.selectedItems=t,this.bhChange.emit(t),this.value="",this.bhInput.emit(""),this.isTagClickOpen=!1,this.showDropdown=!1}else this.value=e.label,this.bhChange.emit(e),this.bhInput.emit(e.label),this.showDropdown=!1};handleTagRemove=t=>{const e=this.selectedItems.filter((e=>e.id!==t.id));this.selectedItems=e,this.bhChange.emit(e)};handleTagClick=t=>{t.target.closest(".tag-dismiss")\|\|(t.preventDefault(),t.stopPropagation(),this.disabled\|\|(this.isTagClickOpen=!0,this.showDropdown=!0,this.isFocused=!0))};handleClearAll=()=>{this.multiSelect&&(this.selectedItems=[],this.bhChange.emit([])),this.value="",this.bhInput.emit("")};handleKeyDown=t=>{if(this.showDropdown&&0!==this.filteredOptions.length)switch(t.key){case _.ARROW_DOWN:t.preventDefault(),this.focusedOptionIndex=this.focusedOptionIndex<this.filteredOptions.length-1?this.focusedOptionIndex+1:0;break;case _.ARROW_UP:t.preventDefault(),this.focusedOptionIndex=this.focusedOptionIndex>0?this.focusedOptionIndex-1:this.filteredOptions.length-1;break;case _.ENTER:t.preventDefault(),this.focusedOptionIndex>=0&&this.focusedOptionIndex<this.filteredOptions.length&&this.handleOptionSelect({detail:this.filteredOptions[this.focusedOptionIndex]});break;case _.ESCAPE:t.preventDefault(),this.showDropdown=!1,this.focusedOptionIndex=-1}};handleItemHover=t=>{this.focusedOptionIndex=t.detail};render(){const{tags:t,remaining:e}=this.visibleTags;return o(s,{key:"0f9850f06815fc6c90f1a9520b84e9549668b71a"},o("div",{key:"851f05c4be75e2e14ce430e25feac0951a9d8db3",class:"input-autocomplete-wrapper",onKeyDown:this.handleKeyDown,part:"wrapper",style:{width:this.safeWidth}},this.multiSelect?o("div",{class:"input-wrapper",part:"input-wrapper"},o("bh-label",{disabled:this.disabled,helpIconTooltip:A("bh-input-autocomplete","helpIconTooltip",this.helpIconTooltip,"Help"),label:this.showLabel?this.label:"",onBhHelpClick:()=>this.bhHelpClick.emit(),required:this.required,showHelpIcon:this.showHelpIcon},o("div",{class:{"input-field":!0,["input-field-"+this.size]:!0,"autocomplete-multi-input":!0,"input-error":this.error,"input-disabled":this.disabled,"input-focused":this.isFocused,"input-hover":this.isHovered},onMouseEnter:()=>!this.isFocused&&(this.isHovered=!0),onMouseLeave:()=>this.isHovered=!1,part:"input-field"},o("div",{class:"input-content-flow"},this.showLeadingIcon&&o("span",{class:"material-symbols-outlined leading-icon"},this.leadingIcon),t.map((t=>o("div",{class:"tag-wrapper",key:t.id,onClick:this.handleTagClick,onMouseDown:t=>t.preventDefault()},o("bh-tag",{disabled:this.disabled,dismissible:!this.disabled,label:t.label,maxWidth:150,onBhClose:()=>this.handleTagRemove(t),size:"sm",variant:"text-only"})))),e>0&&o("div",{class:"overflow-tag",onClick:this.handleTagClick,onMouseDown:t=>t.preventDefault()},o("bh-tag",{disabled:this.disabled,dismissible:!1,label:"+"+e,size:"sm",variant:"text-only"})),o("input",{"aria-activedescendant":this.activeDescendantId,"aria-autocomplete":"list","aria-controls":this.listboxId,"aria-expanded":this.showDropdown?"true":"false","aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,class:"inline-input",disabled:this.disabled,onBlur:this.handleInputBlur,onFocus:this.handleInputFocus,onInput:this.handleInputChange,placeholder:0===t.length?this.placeholder:"",role:"combobox",type:"text",value:this.value}),this.shouldShowClearButton&&o("bh-button-icon",{disabled:this.disabled,hierarchy:"tertiary",iconName:"close",onBhClick:this.handleClearAll,size:"xs"})))),this.showHintText&&this.hintText&&o("div",{class:{"hint-text":!0,"hint-error":this.error,"hint-hidden":this.showDropdown}},this.hintText)):o("bh-input-text",{disabled:this.disabled,error:this.error,helpIconTooltip:A("bh-input-autocomplete","helpIconTooltip",this.helpIconTooltip,"Help"),hintText:this.hintText,label:this.label,leadingIcon:this.leadingIcon,onBhBlur:this.handleInputBlur,onBhFocus:this.handleInputFocus,onBhHelpClick:()=>this.bhHelpClick.emit(),onBhInput:t=>{this.value=t.detail,this.bhInput.emit(this.value),this.isTagClickOpen=!1,this.showDropdown=this.value.length>=this.minSearchLength},placeholder:this.placeholder,required:this.required,showHelpIcon:this.showHelpIcon,showHintText:this.showHintText,showLabel:this.showLabel,showLeadingIcon:this.showLeadingIcon,size:this.size,state:this.getInputTextState(),value:this.value,width:"100%"}),o("div",{key:"07d68f7c9bd66cf8ba3a13e9aa8e683753012795","aria-atomic":"true","aria-live":"polite",class:"sr-only",role:"status"},this.showDropdown&&this.filteredOptions.length>0?`${this.filteredOptions.length} result${1===this.filteredOptions.length?"":"s"} available`:""),o("bh-autocomplete-menu",{key:"88e1a14561a8467d3ffcbd04abc24f382412a59b",listboxId:this.listboxId,menuId:this.menuId,menuItems:this.filteredOptions,multiSelect:this.multiSelect,onBhItemClick:this.handleOptionSelect,onBhItemHover:this.handleItemHover,popover:m?"manual":void 0,ref:t=>this.autocompleteMenuEl=t,searchQuery:this.value,selectedIndex:this.focusedOptionIndex,visible:this.showDropdown})))}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-input-autocomplete-bg:var(--color-bg-primary);--bh-input-autocomplete-border-color:var(--color-border-primary);--bh-input-autocomplete-border-color-hover:var(--color-border-secondary);--bh-input-autocomplete-border-color-focus:var(--color-border-interactive);--bh-input-autocomplete-border-color-error:var(--color-border-error);--bh-input-autocomplete-focus-shadow:var(--color-brand-100);--bh-input-autocomplete-error-focus-shadow:var(--color-error-100);--bh-input-autocomplete-bg-disabled:var(--color-bg-secondary);--bh-input-autocomplete-text-color:var(--color-text-primary);--bh-input-autocomplete-text-color-disabled:var(--color-text-disabled);--bh-input-autocomplete-hint-color:var(--color-text-secondary);--bh-input-autocomplete-hint-error-color:var(--color-text-error);--bh-input-autocomplete-leading-icon-color:var(--color-text-secondary);--bh-input-autocomplete-font-family:var(--font-inter);--bh-input-autocomplete-font-size:var(--text-md-size);--bh-input-autocomplete-line-height:var(--text-md-line);--bh-input-autocomplete-hint-font-size:var(--text-sm-size);--bh-input-autocomplete-hint-line-height:var(--text-sm-line);--bh-input-autocomplete-border-radius:var(--radius-md);--bh-input-autocomplete-padding:var(--spacing-sm);--bh-input-autocomplete-padding-horizontal:var(--spacing-md);--bh-input-autocomplete-gap:var(--spacing-sm);--bh-input-autocomplete-gap-content:var(--spacing-xs)}}@layer bh-base{.input-autocomplete-wrapper{position:relative}.input-wrapper{display:flex;flex-direction:column;gap:var(--bh-input-autocomplete-gap)}.input-field{display:flex;align-items:center;min-height:44px;padding:var(--bh-input-autocomplete-padding) var(--bh-input-autocomplete-padding-horizontal);background:var(--bh-input-autocomplete-bg);border:1px solid var(--bh-input-autocomplete-border-color);border-radius:var(--bh-input-autocomplete-border-radius);transition:border-color var(--animation-duration-fast) ease, box-shadow var(--animation-duration-fast) ease}.input-content-flow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bh-input-autocomplete-gap-content);width:100%}.leading-icon{font-size:var(--icon-size-md);color:var(--bh-input-autocomplete-leading-icon-color);flex-shrink:0}.overflow-tag,.tag-wrapper{cursor:pointer}.inline-input{flex:1;min-width:60px;border:none;outline:none;background:transparent;font-family:var(--bh-input-autocomplete-font-family);font-size:var(--bh-input-autocomplete-font-size);line-height:var(--bh-input-autocomplete-line-height);color:var(--bh-input-autocomplete-text-color)}.hint-text{font-family:var(--bh-input-autocomplete-font-family);font-size:var(--bh-input-autocomplete-hint-font-size);line-height:var(--bh-input-autocomplete-hint-line-height);color:var(--bh-input-autocomplete-hint-color);transition:opacity var(--animation-duration-fast) ease}.hint-text.hint-hidden{opacity:0}}@layer bh-utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}}@layer bh-states{.input-field.input-hover{border-color:var(--bh-input-autocomplete-border-color-hover)}.input-field.input-focused{border-color:var(--bh-input-autocomplete-border-color-focus);box-shadow:0 0 0 4px var(--bh-input-autocomplete-focus-shadow)}.input-field.input-error{border-color:var(--bh-input-autocomplete-border-color-error)}.input-field.input-error.input-focused{box-shadow:0 0 0 4px var(--bh-input-autocomplete-error-focus-shadow)}.input-field.input-disabled{background:var(--bh-input-autocomplete-bg-disabled);cursor:not-allowed}.inline-input::placeholder{color:var(--bh-input-autocomplete-leading-icon-color)}.inline-input:disabled{cursor:not-allowed;color:var(--bh-input-autocomplete-text-color-disabled)}.hint-text.hint-error{color:var(--bh-input-autocomplete-hint-error-color)}}"}},[513,"bh-input-autocomplete",{state:[1],error:[4],required:[4],disabled:[4],showHelpIcon:[4,"show-help-icon"],showLeadingIcon:[4,"show-leading-icon"],showLabel:[4,"show-label"],showHintText:[4,"show-hint-text"],label:[1],placeholder:[1],hintText:[1,"hint-text"],leadingIcon:[1,"leading-icon"],helpIconTooltip:[1,"help-icon-tooltip"],value:[1025],width:[1],size:[1],options:[16],maxOptions:[2,"max-options"],multiSelect:[4,"multi-select"],minSearchLength:[2,"min-search-length"],selectedItems:[1040],showDropdown:[32],focusedOptionIndex:[32],isFocused:[32],isHovered:[32],isTagClickOpen:[32],filteringDegraded:[32],_i18nVersion:[32]},void 0,{value:[{handleValueChange:0}]}]),z=E,N=function(){"undefined"!=typeof customElements&&["bh-input-autocomplete","bh-autocomplete-menu","bh-avatar","bh-badge-dot","bh-button-icon","bh-input-text","bh-label","bh-loader-spinner","bh-tag","bh-tooltip"].forEach((t=>{switch(t){case"bh-input-autocomplete":customElements.get(a(t))\|\|customElements.define(a(t),E);break;case"bh-autocomplete-menu":customElements.get(a(t))\|\|h();break;case"bh-avatar":customElements.get(a(t))\|\|r();break;case"bh-badge-dot":customElements.get(a(t))\|\|n();break;case"bh-button-icon":customElements.get(a(t))\|\|l();break;case"bh-input-text":customElements.get(a(t))\|\|p();break;case"bh-label":customElements.get(a(t))\|\|c();break;case"bh-loader-spinner":customElements.get(a(t))\|\|u();break;case"bh-tag":customElements.get(a(t))\|\|d();break;case"bh-tooltip":customElements.get(a(t))\|\|f()}}))};export{z as BhInputAutocomplete,N as defineCustomElement}
1	+ import{p as t,H as e,c as i,h as o,d as s,t as a}from"./p-YZi6LqIt.js";import{d as h}from"./p-DP_ptcHu.js";import{d as r}from"./p-DJlRFgcj.js";import{d as n}from"./p-Be6mIKzo.js";import{d as l}from"./p-CClVva-u.js";import{d as p}from"./p-S-miu3h6.js";import{d as c}from"./p-C7fkgBQS.js";import{d as u}from"./p-BbPrWlsw.js";import{d}from"./p-DjpXtbw8.js";import{T as b,s as m,d as f}from"./p-D6aw0IK6.js";import{c as g,r as v}from"./p-BJXjqxlX.js";import{c as x,t as w,a as I}from"./p-CqAYzGVs.js";import{g as y}from"./p-CLrVoF3x.js";import{c as T}from"./p-Dmpif9C-.js";import{a as k,b as C,M as D}from"./p-DlPm3fIV.js";import{B as H,r as E}from"./p-BNVOtH-1.js";import{K as _}from"./p-zdFuIabL.js";import{A}from"./p-BoVgy_Ao.js";const B=t(class t extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhInput=i(this,"bhInput"),this.bhChange=i(this,"bhChange"),this.bhFocus=i(this,"bhFocus"),this.bhBlur=i(this,"bhBlur"),this.bhHelpClick=i(this,"bhHelpClick")}get el(){return this}static LAYOUT={DEGRADED_MAX_OPTIONS:5,MIN_TAGS_CONTAINER_WIDTH:80,TAG_CHAR_WIDTH:8,TAG_BASE_PADDING:36,MAX_TAG_WIDTH:150,SEARCH_ICON_WIDTH:40,CLEAR_BUTTON_WIDTH:32,INPUT_MIN_WIDTH:60,CONTAINER_PADDING:24,TAG_SPACING:8,COUNTER_WIDTH:40,DEFAULT_CONTAINER_WIDTH:450};logger=g("bh-input-autocomplete");destroy$=x();blurSubscription;i18nUnsubscribe;menuId=y("bh-ac-menu");listboxId=this.menuId+"-listbox";_errorHandler;get handleComponentError(){return this._errorHandler\|\|(this._errorHandler=T({componentName:"bh-input-autocomplete",logger:this.logger})),this._errorHandler}state;error=!1;required=!1;disabled=!1;showHelpIcon=!1;showLeadingIcon=!0;showLabel=!0;showHintText=!0;label="";placeholder="";hintText="This is a hint text to help user.";leadingIcon="search";helpIconTooltip="Help";value="";width="450px";size="md";options=[];maxOptions=10;multiSelect=!1;minSearchLength=3;selectedItems=[];showDropdown=!1;autocompleteMenuEl;menuAnchor=new b;focusedOptionIndex=-1;isFocused=!1;isHovered=!1;isTagClickOpen=!1;filteringDegraded=!1;_i18nVersion=0;bhInput;bhChange;bhFocus;bhBlur;bhHelpClick;componentDidCatch(t){this.handleComponentError(t)}get safeWidth(){if(!this.width)return"";const t=k(this.width,50);return t.valid?t.value:(v("bh-input-autocomplete",Error("Invalid width: "+t.errors.map((t=>t.message)).join(", "))),"450px")}handleValueChange(t){t&&t.length>=this.minSearchLength&&(this.showDropdown=!0)}get filteredOptions(){let e=[];if(this.isTagClickOpen&&this.multiSelect)e=this.selectedItems;else if(!this.showDropdown\|\|this.value&&0!==this.value.length){if(this.value&&this.value.length>=this.minSearchLength){const i=this.value.toLowerCase();try{this.options.length>1e3?(this.filteringDegraded\|\|(this.filteringDegraded=!0,this.logger.info("Using optimized prefix filtering for large dataset",{optionsCount:this.options.length})),e=this.options.filter((t=>t.label.toLowerCase().startsWith(i))).slice(0,Math.min(this.maxOptions,t.LAYOUT.DEGRADED_MAX_OPTIONS))):(e=this.options.filter((t=>t.label.toLowerCase().includes(i))).slice(0,this.maxOptions),this.filteringDegraded=!1)}catch(t){v("bh-input-autocomplete",t),e=this.options.slice(0,this.maxOptions)}}}else e=this.options.slice(0,this.maxOptions);return e.map((t=>({...t,selected:this.multiSelect&&this.selectedItems.some((e=>e.id===t.id))})))}get shouldShowClearButton(){return!this.disabled&&(this.multiSelect&&this.selectedItems.length>0\|\|!this.multiSelect&&!!(this.value&&this.value.length>0))}get visibleTags(){if(!this.multiSelect\|\|0===this.selectedItems.length)return{tags:[],remaining:0};const{LAYOUT:e}=t,i=Number.parseFloat(this.width.replace("px",""))\|\|e.DEFAULT_CONTAINER_WIDTH,o=Math.max(i-((this.showLeadingIcon?e.SEARCH_ICON_WIDTH:0)+(this.shouldShowClearButton?e.CLEAR_BUTTON_WIDTH:0)+e.INPUT_MIN_WIDTH+e.CONTAINER_PADDING),e.MIN_TAGS_CONTAINER_WIDTH);let s=0;const a=[],h=this.selectedItems.toReversed();for(let t=0;t<h.length;t++){const i=h[t],r=Math.min(i.label.length*e.TAG_CHAR_WIDTH+e.TAG_BASE_PADDING,e.MAX_TAG_WIDTH);if(!(s+r+(h.length-(t+1)>0?e.COUNTER_WIDTH:0)<=o))break;a.push(i),s+=r+e.TAG_SPACING}const r=a.toReversed();return{tags:r,remaining:this.selectedItems.length-r.length}}get activeDescendantId(){if(this.showDropdown&&this.focusedOptionIndex>=0&&this.focusedOptionIndex<this.filteredOptions.length)return`${this.menuId}-option-${this.focusedOptionIndex}`}handleInputChange=t=>{const e=C(t.target.value,D);this.value=e.value,e.valid\|\|v("bh-input-autocomplete",Error(e.errors.map((t=>t.message)).join(", "))),this.bhInput.emit(this.value),this.isTagClickOpen=!1,this.value.length>=this.minSearchLength?this.focusedOptionIndex=-1:this.showDropdown=!1};handleInputFocus=()=>{this.isFocused=!0,this.bhFocus.emit(),this.value&&this.value.length>=this.minSearchLength&&this.filteredOptions.length>0&&(this.showDropdown=!0)};getInputTextState(){return"placeholder"===this.state?"default":"focused"===this.state?"focus":this.state}handleInputBlur=()=>{this.blurSubscription&&(this.blurSubscription.unsubscribe(),this.blurSubscription=void 0),this.destroy$&&(this.blurSubscription=w(A.BLUR_DELAY,this.destroy$)?.subscribe((()=>{this.isFocused=!1,this.showDropdown=!1,this.focusedOptionIndex=-1,this.isTagClickOpen=!1,this.bhBlur.emit(),this.blurSubscription=void 0})))};componentWillLoad(){this.i18nUnsubscribe=H.onLocaleChange((()=>{this._i18nVersion++}))}componentDidRender(){this.menuAnchor.sync(this.showDropdown,this.autocompleteMenuEl,this.el,{offset:4})}disconnectedCallback(){this.menuAnchor.destroy(),I(this.destroy$),this.blurSubscription&&(this.blurSubscription.unsubscribe(),this.blurSubscription=void 0),this.i18nUnsubscribe?.()}handleOptionSelect=t=>{const e=t.detail;if(!e.disabled)if(this.multiSelect){const t=this.selectedItems.some((t=>t.id===e.id))?this.selectedItems.filter((t=>t.id!==e.id)):[...this.selectedItems,e];this.selectedItems=t,this.bhChange.emit(t),this.value="",this.bhInput.emit(""),this.isTagClickOpen=!1,this.showDropdown=!1}else this.value=e.label,this.bhChange.emit(e),this.bhInput.emit(e.label),this.showDropdown=!1};handleTagRemove=t=>{const e=this.selectedItems.filter((e=>e.id!==t.id));this.selectedItems=e,this.bhChange.emit(e)};handleTagClick=t=>{t.target.closest(".tag-dismiss")\|\|(t.preventDefault(),t.stopPropagation(),this.disabled\|\|(this.isTagClickOpen=!0,this.showDropdown=!0,this.isFocused=!0))};handleClearAll=()=>{this.multiSelect&&(this.selectedItems=[],this.bhChange.emit([])),this.value="",this.bhInput.emit("")};handleKeyDown=t=>{if(this.showDropdown&&0!==this.filteredOptions.length)switch(t.key){case _.ARROW_DOWN:t.preventDefault(),this.focusedOptionIndex=this.focusedOptionIndex<this.filteredOptions.length-1?this.focusedOptionIndex+1:0;break;case _.ARROW_UP:t.preventDefault(),this.focusedOptionIndex=this.focusedOptionIndex>0?this.focusedOptionIndex-1:this.filteredOptions.length-1;break;case _.ENTER:t.preventDefault(),this.focusedOptionIndex>=0&&this.focusedOptionIndex<this.filteredOptions.length&&this.handleOptionSelect({detail:this.filteredOptions[this.focusedOptionIndex]});break;case _.ESCAPE:t.preventDefault(),this.showDropdown=!1,this.focusedOptionIndex=-1}};handleItemHover=t=>{this.focusedOptionIndex=t.detail};render(){const{tags:t,remaining:e}=this.visibleTags;return o(s,{key:"f082ab628b77d4a8e8b17a3e86532f5e40ed4ca9"},o("div",{key:"087b23a67b7cb2c142e3cfc6e390cceb693f1d8d",class:"input-autocomplete-wrapper",onKeyDown:this.handleKeyDown,part:"wrapper",style:{width:this.safeWidth}},this.multiSelect?o("div",{class:"input-wrapper",part:"input-wrapper"},o("bh-label",{disabled:this.disabled,helpIconTooltip:E("bh-input-autocomplete","helpIconTooltip",this.helpIconTooltip,"Help"),label:this.showLabel?this.label:"",onBhHelpClick:()=>this.bhHelpClick.emit(),required:this.required,showHelpIcon:this.showHelpIcon},o("div",{class:{"input-field":!0,["input-field-"+this.size]:!0,"autocomplete-multi-input":!0,"input-error":this.error,"input-disabled":this.disabled,"input-focused":this.isFocused,"input-hover":this.isHovered},onMouseEnter:()=>!this.isFocused&&(this.isHovered=!0),onMouseLeave:()=>this.isHovered=!1,part:"input-field"},o("div",{class:"input-content-flow"},this.showLeadingIcon&&o("span",{class:"material-symbols-outlined leading-icon"},this.leadingIcon),t.map((t=>o("div",{class:"tag-wrapper",key:t.id,onClick:this.handleTagClick,onMouseDown:t=>t.preventDefault()},o("bh-tag",{disabled:this.disabled,dismissible:!this.disabled,label:t.label,maxWidth:150,onBhClose:()=>this.handleTagRemove(t),size:"sm",variant:"text-only"})))),e>0&&o("div",{class:"overflow-tag",onClick:this.handleTagClick,onMouseDown:t=>t.preventDefault()},o("bh-tag",{disabled:this.disabled,dismissible:!1,label:"+"+e,size:"sm",variant:"text-only"})),o("input",{"aria-activedescendant":this.activeDescendantId,"aria-autocomplete":"list","aria-controls":this.listboxId,"aria-expanded":this.showDropdown?"true":"false","aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,class:"inline-input",disabled:this.disabled,onBlur:this.handleInputBlur,onFocus:this.handleInputFocus,onInput:this.handleInputChange,placeholder:0===t.length?this.placeholder:"",role:"combobox",type:"text",value:this.value}),this.shouldShowClearButton&&o("bh-button-icon",{disabled:this.disabled,hierarchy:"tertiary",iconName:"close",onBhClick:this.handleClearAll,size:"xs"})))),this.showHintText&&this.hintText&&o("div",{class:{"hint-text":!0,"hint-error":this.error,"hint-hidden":this.showDropdown}},this.hintText)):o("bh-input-text",{disabled:this.disabled,error:this.error,helpIconTooltip:E("bh-input-autocomplete","helpIconTooltip",this.helpIconTooltip,"Help"),hintText:this.hintText,label:this.label,leadingIcon:this.leadingIcon,onBhBlur:this.handleInputBlur,onBhFocus:this.handleInputFocus,onBhHelpClick:()=>this.bhHelpClick.emit(),onBhInput:t=>{this.value=t.detail,this.bhInput.emit(this.value),this.isTagClickOpen=!1,this.showDropdown=this.value.length>=this.minSearchLength},placeholder:this.placeholder,required:this.required,showHelpIcon:this.showHelpIcon,showHintText:this.showHintText,showLabel:this.showLabel,showLeadingIcon:this.showLeadingIcon,size:this.size,state:this.getInputTextState(),value:this.value,width:"100%"}),o("div",{key:"8fd462436dee004f672d2a2eb7c5685be421113c","aria-atomic":"true","aria-live":"polite",class:"sr-only",role:"status"},this.showDropdown&&this.filteredOptions.length>0?`${this.filteredOptions.length} result${1===this.filteredOptions.length?"":"s"} available`:""),o("bh-autocomplete-menu",{key:"9b7adf1092069ae8f67989ee5fbc421880c5a003",listboxId:this.listboxId,menuId:this.menuId,menuItems:this.filteredOptions,multiSelect:this.multiSelect,onBhItemClick:this.handleOptionSelect,onBhItemHover:this.handleItemHover,popover:m?"manual":void 0,ref:t=>this.autocompleteMenuEl=t,searchQuery:this.value,selectedIndex:this.focusedOptionIndex,visible:this.showDropdown})))}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-input-autocomplete-bg:var(--color-bg-primary);--bh-input-autocomplete-border-color:var(--color-border-primary);--bh-input-autocomplete-border-color-hover:var(--color-border-secondary);--bh-input-autocomplete-border-color-focus:var(--color-border-interactive);--bh-input-autocomplete-border-color-error:var(--color-border-error);--bh-input-autocomplete-focus-shadow:var(--color-brand-100);--bh-input-autocomplete-error-focus-shadow:var(--color-error-100);--bh-input-autocomplete-bg-disabled:var(--color-bg-secondary);--bh-input-autocomplete-text-color:var(--color-text-primary);--bh-input-autocomplete-text-color-disabled:var(--color-text-disabled);--bh-input-autocomplete-hint-color:var(--color-text-secondary);--bh-input-autocomplete-hint-error-color:var(--color-text-error);--bh-input-autocomplete-leading-icon-color:var(--color-text-secondary);--bh-input-autocomplete-font-family:var(--font-inter);--bh-input-autocomplete-font-size:var(--text-md-size);--bh-input-autocomplete-line-height:var(--text-md-line);--bh-input-autocomplete-hint-font-size:var(--text-sm-size);--bh-input-autocomplete-hint-line-height:var(--text-sm-line);--bh-input-autocomplete-border-radius:var(--radius-md);--bh-input-autocomplete-padding:var(--spacing-sm);--bh-input-autocomplete-padding-horizontal:var(--spacing-md);--bh-input-autocomplete-gap:var(--spacing-sm);--bh-input-autocomplete-gap-content:var(--spacing-xs)}}@layer bh-base{.input-autocomplete-wrapper{position:relative}.input-wrapper{display:flex;flex-direction:column;gap:var(--bh-input-autocomplete-gap)}.input-field{display:flex;align-items:center;min-height:44px;padding:var(--bh-input-autocomplete-padding) var(--bh-input-autocomplete-padding-horizontal);background:var(--bh-input-autocomplete-bg);border:1px solid var(--bh-input-autocomplete-border-color);border-radius:var(--bh-input-autocomplete-border-radius);transition:border-color var(--animation-duration-fast) ease, box-shadow var(--animation-duration-fast) ease}.input-content-flow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bh-input-autocomplete-gap-content);width:100%}.leading-icon{font-size:var(--icon-size-md);color:var(--bh-input-autocomplete-leading-icon-color);flex-shrink:0}.overflow-tag,.tag-wrapper{cursor:pointer}.inline-input{flex:1;min-width:60px;border:none;outline:none;background:transparent;font-family:var(--bh-input-autocomplete-font-family);font-size:var(--bh-input-autocomplete-font-size);line-height:var(--bh-input-autocomplete-line-height);color:var(--bh-input-autocomplete-text-color)}.hint-text{font-family:var(--bh-input-autocomplete-font-family);font-size:var(--bh-input-autocomplete-hint-font-size);line-height:var(--bh-input-autocomplete-hint-line-height);color:var(--bh-input-autocomplete-hint-color);transition:opacity var(--animation-duration-fast) ease}.hint-text.hint-hidden{opacity:0}}@layer bh-utilities{.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}}@layer bh-states{.input-field.input-hover{border-color:var(--bh-input-autocomplete-border-color-hover)}.input-field.input-focused{border-color:var(--bh-input-autocomplete-border-color-focus);box-shadow:0 0 0 4px var(--bh-input-autocomplete-focus-shadow)}.input-field.input-error{border-color:var(--bh-input-autocomplete-border-color-error)}.input-field.input-error.input-focused{box-shadow:0 0 0 4px var(--bh-input-autocomplete-error-focus-shadow)}.input-field.input-disabled{background:var(--bh-input-autocomplete-bg-disabled);cursor:not-allowed}.inline-input::placeholder{color:var(--bh-input-autocomplete-leading-icon-color)}.inline-input:disabled{cursor:not-allowed;color:var(--bh-input-autocomplete-text-color-disabled)}.hint-text.hint-error{color:var(--bh-input-autocomplete-hint-error-color)}}"}},[513,"bh-input-autocomplete",{state:[1],error:[4],required:[4],disabled:[4],showHelpIcon:[4,"show-help-icon"],showLeadingIcon:[4,"show-leading-icon"],showLabel:[4,"show-label"],showHintText:[4,"show-hint-text"],label:[1],placeholder:[1],hintText:[1,"hint-text"],leadingIcon:[1,"leading-icon"],helpIconTooltip:[1,"help-icon-tooltip"],value:[1025],width:[1],size:[1],options:[16],maxOptions:[2,"max-options"],multiSelect:[4,"multi-select"],minSearchLength:[2,"min-search-length"],selectedItems:[1040],showDropdown:[32],focusedOptionIndex:[32],isFocused:[32],isHovered:[32],isTagClickOpen:[32],filteringDegraded:[32],_i18nVersion:[32]},void 0,{value:[{handleValueChange:0}]}]),z=B,j=function(){"undefined"!=typeof customElements&&["bh-input-autocomplete","bh-autocomplete-menu","bh-avatar","bh-badge-dot","bh-button-icon","bh-input-text","bh-label","bh-loader-spinner","bh-tag","bh-tooltip"].forEach((t=>{switch(t){case"bh-input-autocomplete":customElements.get(a(t))\|\|customElements.define(a(t),B);break;case"bh-autocomplete-menu":customElements.get(a(t))\|\|h();break;case"bh-avatar":customElements.get(a(t))\|\|r();break;case"bh-badge-dot":customElements.get(a(t))\|\|n();break;case"bh-button-icon":customElements.get(a(t))\|\|l();break;case"bh-input-text":customElements.get(a(t))\|\|p();break;case"bh-label":customElements.get(a(t))\|\|c();break;case"bh-loader-spinner":customElements.get(a(t))\|\|u();break;case"bh-tag":customElements.get(a(t))\|\|d();break;case"bh-tooltip":customElements.get(a(t))\|\|f()}}))};export{z as BhInputAutocomplete,j as defineCustomElement}

package/components/bh-input-number.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,H as i,c as e,h as r,d as o,t as s}from"./p-YZi6LqIt.js";import{d as n}from"./p-cD3vmu49.js";import{d as a}from"./p-B2KPN863.js";import{d as h}from"./p-BbPrWlsw.js";import{d as l}from"./p-Bf_iTZDv.js";import{c as u,r as c,m as d,M as p}from"./p-BJXjqxlX.js";import{a as b,c as m}from"./p-DlPm3fIV.js";import{B as f,r as v}from"./p-BNVOtH-1.js";import{u as g,a as x}from"./p-L4Y2hq_b.js";import{b as y}from"./p-BqJRACkO.js";import{K as w}from"./p-zdFuIabL.js";const k=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhInput=e(this,"bhInput"),this.bhChange=e(this,"bhChange"),this.bhFocus=e(this,"bhFocus"),this.bhBlur=e(this,"bhBlur"),this.bhHelpClick=e(this,"bhHelpClick"),this.bhValidityChange=e(this,"bhValidityChange"),this.internals=this.attachInternals()}get el(){return this}internals;logger=u("bh-input-number");inputEl;i18nUnsubscribe;_i18nVersion=0;error=!1;required=!1;disabled=!1;readOnly=!1;size="md";showHelpIcon=!1;showLeadingIcon=!1;showLabel=!0;showHintText=!0;label="";placeholder="";hintText="";leadingIcon="tag";helpIconTooltip="Help";value=null;min=null;max=null;step=1;prefixText="";suffixText="";width="";name="";defaultValue=null;validationMessage="";ariaDescribedBy;ariaErrorMessage;internalState="placeholder";isHovered=!1;isFocused=!1;internalValue=null;hasValidationError=!1;isDirty=!1;isTouched=!1;bhInput;bhChange;bhFocus;bhBlur;bhHelpClick;bhValidityChange;get safeWidth(){if(!this.width)return"";const t=b(this.width,50);return t.valid?t.value:(c("bh-input-number",Error("Invalid width: "+t.errors.map((t=>t.message)).join(", "))),"")}get safeStep(){const t=m(this.step,{min:.001,max:1e6});return t.valid\|\|c("bh-input-number",Error("Invalid step: "+t.errors.map((t=>t.message)).join(", "))),t.value}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:Error(t+"")),d.increment(p.COMPONENT_ERROR,{component:"bh-input-number",error_type:t instanceof Error?t.name:"unknown"}),c("bh-input-number",t)}get isControlled(){return null!=this.value}get currentValue(){return this.isControlled?this.value:this.internalValue}watchValue(t){this.hasValidationError=this.isOutOfBounds(t),this.updateInternalState(t)}componentWillLoad(){null!=this.value&&(this.internalValue=this.value),this.hasValidationError=this.isOutOfBounds(this.currentValue),this.updateInternalState(this.currentValue),this.i18nUnsubscribe=f.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.syncNumberFormValue(),g(this.internals,this.inputEl,this.validationMessage),this.inputEl&&this.inputEl.addEventListener("invalid",this.handleValidityChange)}disconnectedCallback(){this.inputEl&&this.inputEl.removeEventListener("invalid",this.handleValidityChange),this.i18nUnsubscribe?.()}formResetCallback(){this.value=this.defaultValue,this.internalValue=this.defaultValue,this.isDirty=!1,this.isTouched=!1,this.inputEl&&(this.inputEl.value=null===this.defaultValue?"":this.defaultValue+""),this.hasValidationError=this.isOutOfBounds(this.defaultValue),this.updateInternalState(this.defaultValue),this.syncNumberFormValue(),g(this.internals,this.inputEl)}syncNumberFormValue(){x({internals:this.internals,name:this.name,value:this.currentValue})}isOutOfBounds(t){return null!==t&&(null!==this.min&&t<this.min\|\|null!==this.max&&t>this.max)}updateInternalState(t){null!=t?this.internalState="filled":this.isFocused\|\|this.isHovered\|\|(this.internalState="placeholder")}validateValue(t){return null!==this.min&&t<this.min?this.min:null!==this.max&&t>this.max?this.max:t}updateValue(t,i=!1,e=!0){let r;r=null===t?null:i?t:this.validateValue(t),this.internalValue=r,this.value=r,this.hasValidationError=this.isOutOfBounds(r),this.isDirty\|\|(this.isDirty=!0),this.syncNumberFormValue(),g(this.internals,this.inputEl,this.validationMessage),e&&this.bhInput.emit(r)}handleInputChange=t=>{if(this.readOnly)return;const i=t.target.value,e=""===i?null:Number.parseFloat(i);null===e\|\|isNaN(e)?""===i&&this.updateValue(null,!0):this.updateValue(e,!0),this.bhChange.emit(this.currentValue)};handleKeyDown=t=>{this.readOnly\|\|y(t)\|\|(t.key===w.ARROW_UP?(t.preventDefault(),this.increment()):t.key===w.ARROW_DOWN&&(t.preventDefault(),this.decrement()))};handleValidityChange=()=>{this.inputEl&&this.bhValidityChange.emit(this.inputEl.validity)};increment=()=>{this.readOnly\|\|this.disabled\|\|(this.updateValue((this.currentValue??0)+this.safeStep),this.bhChange.emit(this.currentValue),this.el.dispatchEvent(new globalThis.Event("input",{bubbles:!0,composed:!0})),this.el.dispatchEvent(new globalThis.Event("change",{bubbles:!0,composed:!0})))};decrement=()=>{this.readOnly\|\|this.disabled\|\|(this.updateValue((this.currentValue??0)-this.safeStep),this.bhChange.emit(this.currentValue),this.el.dispatchEvent(new globalThis.Event("input",{bubbles:!0,composed:!0})),this.el.dispatchEvent(new globalThis.Event("change",{bubbles:!0,composed:!0})))};handleInputFocus=()=>{this.isFocused=!0,this.isTouched=!0,this.internalState="focused",this.bhFocus.emit()};handleInputBlur=()=>{this.isFocused=!1,this.updateInternalState(this.currentValue),this.bhBlur.emit()};handleMouseEnter=()=>{this.isFocused\|\|(this.isHovered=!0,this.internalState="hover")};handleMouseLeave=()=>{this.isHovered=!1,this.isFocused\|\|this.updateInternalState(this.currentValue)};handleHelpIconClick=()=>{this.bhHelpClick.emit()};getValidationErrorMessage(){return this.hasValidationError&&null!==this.currentValue?null!==this.min&&null!==this.max?`Enter a number between ${this.min} and ${this.max}.`:null!==this.min&&this.currentValue<this.min?"Value must be at least "+this.min:null!==this.max&&this.currentValue>this.max?"Value must be no more than "+this.max:"":""}render(){const t=this.error\|\|this.hasValidationError,i=t&&this.hasValidationError?this.getValidationErrorMessage():this.hintText,e={"input-field":!0,["input-field-"+this.size]:!0,"input-hover":"hover"===this.internalState\|\|this.isHovered,"input-focused":"focused"===this.internalState\|\|this.isFocused,"input-error":t,"input-disabled":this.disabled,"input-icon-leading":this.showLeadingIcon},s=null!=this.currentValue?"text-filled":"text-placeholder",n=this.disabled\|\|this.readOnly\|\|null!==this.min&&null!==this.currentValue&&this.currentValue<=this.min,a=this.disabled\|\|this.readOnly\|\|null!==this.max&&null!==this.currentValue&&this.currentValue>=this.max;return r(o,{key:"a9c8a1e4c4857ef6e80381ffb140a66b2d9b8078"},r("div",{key:"94a88015b05f46477732674a823756cc500057fc",class:"input-wrapper",part:"wrapper",style:this.safeWidth?{width:this.safeWidth}:{}},r("bh-label",{key:"47f0194dbf667009af1028c925655bf3e93e13f1",disabled:this.disabled,helpIconTooltip:v("bh-input-number","helpIconTooltip",this.helpIconTooltip,"Help"),label:this.showLabel?this.label:"",onBhHelpClick:this.handleHelpIconClick,required:this.required,showHelpIcon:this.showHelpIcon},r("div",{key:"237959a23dcfc4748f343727000257fd8dace423",class:e,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container"},r("div",{key:"97c458f25b44fe97c83a93380a579c8e6c709b90",class:"input-content",part:"content"},this.showLeadingIcon&&r("span",{key:"d245e6528f02c5b614e5e52314c9c7eb007410f6","aria-hidden":"true",class:"material-symbols-outlined leading-icon",part:"leading-icon"},this.leadingIcon),this.prefixText&&r("span",{key:"a506f93bb55aec94415bd6b69d200ec3247aeccf",class:"prefix-text",part:"prefix"},this.prefixText),r("input",{key:"b787796559a3ca3d2dd9ad92f7b09b010c728bb7","aria-describedby":[this.showHintText&&i?"hint-text":"",this.ariaDescribedBy].filter(Boolean).join(" ")\|\|void 0,"aria-errormessage":this.ariaErrorMessage,"aria-invalid":t?"true":"false","aria-label":this.label,"aria-readonly":this.readOnly+"","aria-required":this.required+"","aria-valuemax":this.max??void 0,"aria-valuemin":this.min??void 0,"aria-valuenow":this.currentValue??void 0,class:"input-element "+s,"data-dirty":this.isDirty+"","data-touched":this.isTouched+"",disabled:this.disabled,max:this.max??void 0,min:this.min??void 0,name:this.name,onBlur:this.handleInputBlur,onFocus:this.handleInputFocus,onInput:this.handleInputChange,onKeyDown:this.handleKeyDown,part:"input",placeholder:this.placeholder,readOnly:this.readOnly,ref:t=>this.inputEl=t,required:this.required,step:this.safeStep,type:"number",value:this.currentValue??""}),this.suffixText&&r("span",{key:"196cbd89103f58a0071d89f3d412a70ce26bea67",class:"suffix-text",part:"suffix"},this.suffixText),r("div",{key:"7f2a25944f67efdd509455f2b7aa59606d551283",class:"input-stepper","input-stepper":!0,part:"stepper"},r("bh-button-icon",{key:"97f6b812646d0118920508810c0c8e1f0f023ae3",ariaLabel:"Decrease value",disabled:n,hierarchy:"tertiary",iconName:"remove",onClick:this.decrement,size:"xs"}),r("bh-button-icon",{key:"d2dd7842a49d6666b333d16dabfac0c17bd51dac",ariaLabel:"Increase value",disabled:a,hierarchy:"tertiary",iconName:"add",onClick:this.increment,size:"xs"}))))),this.showHintText&&i&&r("div",{key:"ba800cb8081a83054740041c434e7bac2c1cc356",class:{"hint-text":!0,"hint-error":t},id:"hint-text",part:"hint"},i)))}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValue: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; @layer bh-tokens { :host { display: block; font-family: var(--font-inter); --bh-input-bg: var(--color-bg-primary); --bh-input-bg-disabled: var(--color-bg-secondary); --bh-input-bg-hover: var(--color-bg-primary); --bh-input-color: var(--color-text-primary); --bh-input-color-placeholder: var(--color-text-tertiary); --bh-input-color-disabled: var(--color-text-disabled); --bh-input-border-color: var(--color-border-primary); --bh-input-border-color-hover: var(--color-border-interactive); --bh-input-border-color-focus: var(--color-border-interactive); --bh-input-border-color-error: var(--color-border-error); --bh-input-border-color-success: var(--color-border-success); --bh-input-border-radius: var(--radius-md); --bh-input-icon-color: var(--color-text-tertiary); --bh-input-icon-color-focus: var(--color-text-interactive); --bh-input-icon-color-error: var(--color-text-error); --bh-input-hint-color: var(--color-text-secondary); --bh-input-hint-error-color: var(--color-text-error); --bh-input-label-color: var(--color-text-primary); --bh-input-label-required-color: var(--color-text-error); --bh-input-height-sm: 32px; --bh-input-height-md: 40px; --bh-input-height-lg: 40px; --bh-input-padding-x: var(--spacing-md); --bh-input-padding-y: var(--spacing-sm); --bh-input-gap: var(--spacing-sm); --bh-input-font-size: var(--text-sm-size); --bh-input-font-size-label: var(--text-sm-size); --bh-input-font-size-hint: var(--text-xs-size); --bh-input-line-height: var(--line-height-normal); --bh-input-focus-ring-color: var(--color-border-interactive); --bh-input-focus-ring-width: 1px; } } @layer bh-base {} @layer bh-variants {} @layer bh-states { :host([disabled]) { pointer-events: none; opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; font-family: var(--font-inter); --bh-input-bg: var(--color-bg-primary); --bh-input-bg-disabled: var(--color-bg-secondary); --bh-input-color: var(--color-text-primary); --bh-input-color-placeholder: var(--color-text-tertiary); --bh-input-border-color: var(--color-border-primary); --bh-input-border-color-hover: var(--color-border-interactive); --bh-input-border-color-focus: var(--color-border-interactive); --bh-input-border-color-error: var(--color-border-error); --bh-input-border-radius: var(--radius-md); --bh-input-icon-color: var(--color-text-tertiary); --bh-input-icon-color-focus: var(--color-text-interactive); --bh-input-hint-color: var(--color-text-secondary); --bh-input-hint-error-color: var(--color-text-error); } } @layer bh-base { .input-wrapper { display: flex; flex-direction: column; gap: var(--spacing-sm); width: 100%; max-width: 100%; } .input-field { display: flex; align-items: center; gap: var(--spacing-md); padding: var(--spacing-xs); height: var(--bh-input-height-md); width: 100%; background: var(--bh-input-bg); border: 1px solid var(--bh-input-border-color); border-radius: var(--bh-input-border-radius); transition: border-color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out; cursor: text; box-shadow: 0 0 0 0px transparent; overflow: hidden; position: relative; box-sizing: border-box; } .input-content { display: flex; align-items: center; gap: var(--spacing-md); flex: 1; height: 100%; min-width: 0; max-width: 100%; } .input-stepper { display: flex; align-items: center; gap: var(--spacing-xs); flex-shrink: 0; } .input-stepper bh-button-icon { display: flex; } .leading-icon { font-size: var(--text-xl-size); color: var(--bh-input-icon-color); user-select: none; flex-shrink: 0; cursor: default; pointer-events: auto; transition: color var(--animation-duration-normal) ease-in-out; } .input-element { flex: 1; height: 100%; border: none; outline: none; background: transparent; font-family: inherit; font-weight: var(--weight-regular); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--bh-input-color); min-width: 60px; padding-left: var(--spacing-xs); box-shadow: none; } .input-element::-webkit-outer-spin-button, .input-element::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .input-element[type=number] { appearance: textfield; } .text-placeholder { color: var(--bh-input-color-placeholder); } .text-filled { color: var(--bh-input-color); } .hint-text { font-family: inherit; font-weight: var(--weight-regular); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--bh-input-hint-color); } .prefix-text, .suffix-text { font-family: inherit; font-weight: var(--weight-regular); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--bh-input-hint-color); user-select: none; flex-shrink: 0; } } @layer bh-variants { .input-field.input-icon-leading { padding: var(--spacing-md) var(--spacing-xl); } .input-field-sm { height: var(--bh-input-height-sm); } .input-field-lg { height: var(--bh-input-height-lg); } } @layer bh-states { .input-field.input-hover { border-color: var(--bh-input-border-color-hover); } .input-field.input-focused { border-color: var(--bh-input-border-color-focus); box-shadow: 0 0 0 1px var(--bh-input-border-color-focus); } .input-field.input-focused .leading-icon { color: var(--bh-input-icon-color-focus); } .input-field.input-disabled { opacity: 0.5; cursor: not-allowed; background: var(--bh-input-bg-disabled); } .input-field.input-error { border-color: var(--bh-input-border-color-error); } .input-field.input-error.input-hover { border-color: var(--bh-input-border-color-error); } .input-field.input-error.input-focused { border-color: var(--bh-input-border-color-focus); } .input-element:focus { outline: none; border: none; box-shadow: none; } .input-element::placeholder { color: var(--bh-input-color-placeholder); } .input-element:disabled { cursor: not-allowed; opacity: 0.5; } .hint-text.hint-error { color: var(--bh-input-hint-error-color); } } @layer bh-utilities { .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; font-size: var(--icon-size-lg); } @media (max-width: 768px) { .input-wrapper { width: 100%; } } }'}},[577,"bh-input-number",{error:[4],required:[4],disabled:[4],readOnly:[4,"read-only"],size:[1],showHelpIcon:[4,"show-help-icon"],showLeadingIcon:[4,"show-leading-icon"],showLabel:[4,"show-label"],showHintText:[4,"show-hint-text"],label:[1],placeholder:[1],hintText:[1,"hint-text"],leadingIcon:[1,"leading-icon"],helpIconTooltip:[1,"help-icon-tooltip"],value:[1026],min:[2],max:[2],step:[2],prefixText:[1,"prefix-text"],suffixText:[1,"suffix-text"],width:[1],name:[1],defaultValue:[2,"default-value"],validationMessage:[1,"validation-message"],ariaDescribedBy:[1,"aria-described-by"],ariaErrorMessage:[1,"aria-error-message"],_i18nVersion:[32],internalState:[32],isHovered:[32],isFocused:[32],internalValue:[32],hasValidationError:[32],isDirty:[32],isTouched:[32]},void 0,{value:[{watchValue:0}]}]),I=k,z=function(){"undefined"!=typeof customElements&&["bh-input-number","bh-button-icon","bh-label","bh-loader-spinner","bh-tooltip"].forEach((t=>{switch(t){case"bh-input-number":customElements.get(s(t))\|\|customElements.define(s(t),k);break;case"bh-button-icon":customElements.get(s(t))\|\|n();break;case"bh-label":customElements.get(s(t))\|\|a();break;case"bh-loader-spinner":customElements.get(s(t))\|\|h();break;case"bh-tooltip":customElements.get(s(t))\|\|l()}}))};export{I as BhInputNumber,z as defineCustomElement}
1	+ import{p as t,H as i,c as e,h as r,d as o,t as s}from"./p-YZi6LqIt.js";import{d as n}from"./p-CClVva-u.js";import{d as a}from"./p-C7fkgBQS.js";import{d as h}from"./p-BbPrWlsw.js";import{d as l}from"./p-D6aw0IK6.js";import{c as u,r as c,m as d,M as p}from"./p-BJXjqxlX.js";import{a as b,c as f}from"./p-DlPm3fIV.js";import{B as m,r as v}from"./p-BNVOtH-1.js";import{u as g,a as x}from"./p-L4Y2hq_b.js";import{b as y}from"./p-BqJRACkO.js";import{K as w}from"./p-zdFuIabL.js";const k=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhInput=e(this,"bhInput"),this.bhChange=e(this,"bhChange"),this.bhFocus=e(this,"bhFocus"),this.bhBlur=e(this,"bhBlur"),this.bhHelpClick=e(this,"bhHelpClick"),this.bhValidityChange=e(this,"bhValidityChange"),this.internals=this.attachInternals()}get el(){return this}internals;logger=u("bh-input-number");inputEl;i18nUnsubscribe;_i18nVersion=0;error=!1;required=!1;disabled=!1;readOnly=!1;size="md";showHelpIcon=!1;showLeadingIcon=!1;showLabel=!0;showHintText=!0;label="";placeholder="";hintText="";leadingIcon="tag";helpIconTooltip="Help";value=null;min=null;max=null;step=1;prefixText="";suffixText="";width="";name="";defaultValue=null;validationMessage="";ariaDescribedBy;ariaErrorMessage;internalState="placeholder";isHovered=!1;isFocused=!1;internalValue=null;hasValidationError=!1;isDirty=!1;isTouched=!1;bhInput;bhChange;bhFocus;bhBlur;bhHelpClick;bhValidityChange;get safeWidth(){if(!this.width)return"";const t=b(this.width,50);return t.valid?t.value:(c("bh-input-number",Error("Invalid width: "+t.errors.map((t=>t.message)).join(", "))),"")}get safeStep(){const t=f(this.step,{min:.001,max:1e6});return t.valid\|\|c("bh-input-number",Error("Invalid step: "+t.errors.map((t=>t.message)).join(", "))),t.value}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:Error(t+"")),d.increment(p.COMPONENT_ERROR,{component:"bh-input-number",error_type:t instanceof Error?t.name:"unknown"}),c("bh-input-number",t)}get isControlled(){return null!=this.value}get currentValue(){return this.isControlled?this.value:this.internalValue}watchValue(t){this.hasValidationError=this.isOutOfBounds(t),this.updateInternalState(t)}componentWillLoad(){null!=this.value&&(this.internalValue=this.value),this.hasValidationError=this.isOutOfBounds(this.currentValue),this.updateInternalState(this.currentValue),this.i18nUnsubscribe=m.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.syncNumberFormValue(),g(this.internals,this.inputEl,this.validationMessage),this.inputEl&&this.inputEl.addEventListener("invalid",this.handleValidityChange)}disconnectedCallback(){this.inputEl&&this.inputEl.removeEventListener("invalid",this.handleValidityChange),this.i18nUnsubscribe?.()}formResetCallback(){this.value=this.defaultValue,this.internalValue=this.defaultValue,this.isDirty=!1,this.isTouched=!1,this.inputEl&&(this.inputEl.value=null===this.defaultValue?"":this.defaultValue+""),this.hasValidationError=this.isOutOfBounds(this.defaultValue),this.updateInternalState(this.defaultValue),this.syncNumberFormValue(),g(this.internals,this.inputEl)}syncNumberFormValue(){x({internals:this.internals,name:this.name,value:this.currentValue})}isOutOfBounds(t){return null!==t&&(null!==this.min&&t<this.min\|\|null!==this.max&&t>this.max)}updateInternalState(t){null!=t?this.internalState="filled":this.isFocused\|\|this.isHovered\|\|(this.internalState="placeholder")}validateValue(t){return null!==this.min&&t<this.min?this.min:null!==this.max&&t>this.max?this.max:t}updateValue(t,i=!1,e=!0){let r;r=null===t?null:i?t:this.validateValue(t),this.internalValue=r,this.value=r,this.hasValidationError=this.isOutOfBounds(r),this.isDirty\|\|(this.isDirty=!0),this.syncNumberFormValue(),g(this.internals,this.inputEl,this.validationMessage),e&&this.bhInput.emit(r)}handleInputChange=t=>{if(this.readOnly)return;const i=t.target.value,e=""===i?null:Number.parseFloat(i);null===e\|\|isNaN(e)?""===i&&this.updateValue(null,!0):this.updateValue(e,!0),this.bhChange.emit(this.currentValue)};handleKeyDown=t=>{this.readOnly\|\|y(t)\|\|(t.key===w.ARROW_UP?(t.preventDefault(),this.increment()):t.key===w.ARROW_DOWN&&(t.preventDefault(),this.decrement()))};handleValidityChange=()=>{this.inputEl&&this.bhValidityChange.emit(this.inputEl.validity)};increment=()=>{this.readOnly\|\|this.disabled\|\|(this.updateValue((this.currentValue??0)+this.safeStep),this.bhChange.emit(this.currentValue),this.el.dispatchEvent(new globalThis.Event("input",{bubbles:!0,composed:!0})),this.el.dispatchEvent(new globalThis.Event("change",{bubbles:!0,composed:!0})))};decrement=()=>{this.readOnly\|\|this.disabled\|\|(this.updateValue((this.currentValue??0)-this.safeStep),this.bhChange.emit(this.currentValue),this.el.dispatchEvent(new globalThis.Event("input",{bubbles:!0,composed:!0})),this.el.dispatchEvent(new globalThis.Event("change",{bubbles:!0,composed:!0})))};handleInputFocus=()=>{this.isFocused=!0,this.isTouched=!0,this.internalState="focused",this.bhFocus.emit()};handleInputBlur=()=>{this.isFocused=!1,this.updateInternalState(this.currentValue),this.bhBlur.emit()};handleMouseEnter=()=>{this.isFocused\|\|(this.isHovered=!0,this.internalState="hover")};handleMouseLeave=()=>{this.isHovered=!1,this.isFocused\|\|this.updateInternalState(this.currentValue)};handleHelpIconClick=()=>{this.bhHelpClick.emit()};getValidationErrorMessage(){return this.hasValidationError&&null!==this.currentValue?null!==this.min&&null!==this.max?`Enter a number between ${this.min} and ${this.max}.`:null!==this.min&&this.currentValue<this.min?"Value must be at least "+this.min:null!==this.max&&this.currentValue>this.max?"Value must be no more than "+this.max:"":""}render(){const t=this.error\|\|this.hasValidationError,i=t&&this.hasValidationError?this.getValidationErrorMessage():this.hintText,e={"input-field":!0,["input-field-"+this.size]:!0,"input-hover":"hover"===this.internalState\|\|this.isHovered,"input-focused":"focused"===this.internalState\|\|this.isFocused,"input-error":t,"input-disabled":this.disabled,"input-icon-leading":this.showLeadingIcon},s=null!=this.currentValue?"text-filled":"text-placeholder",n=this.disabled\|\|this.readOnly\|\|null!==this.min&&null!==this.currentValue&&this.currentValue<=this.min,a=this.disabled\|\|this.readOnly\|\|null!==this.max&&null!==this.currentValue&&this.currentValue>=this.max;return r(o,{key:"5f99208f3327da4bde3a44c5e49c95d59091f22c"},r("div",{key:"137991cc58efe12da439b10be030fec07491524d",class:"input-wrapper",part:"wrapper",style:this.safeWidth?{width:this.safeWidth}:{}},r("bh-label",{key:"81067e703c9c8e540ff9bbb2880ac06f1edf1372",disabled:this.disabled,helpIconTooltip:v("bh-input-number","helpIconTooltip",this.helpIconTooltip,"Help"),label:this.showLabel?this.label:"",onBhHelpClick:this.handleHelpIconClick,required:this.required,showHelpIcon:this.showHelpIcon},r("div",{key:"72dbfc1d68502661f8e6271ff426fe76606c666c",class:e,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container"},r("div",{key:"81f5cfd09ffd9e1696cee9404875a68a14f74a97",class:"input-content",part:"content"},this.showLeadingIcon&&r("span",{key:"0f1be5d3707848f22eeafbb0eead6ac1b94f2c7d","aria-hidden":"true",class:"material-symbols-outlined leading-icon",part:"leading-icon"},this.leadingIcon),this.prefixText&&r("span",{key:"a5b4a79faa9fc90df6df079bde072dc290c19073",class:"prefix-text",part:"prefix"},this.prefixText),r("input",{key:"1103b038cbf0740a78ad50c5ec6f69d14781ca39","aria-describedby":[this.showHintText&&i?"hint-text":"",this.ariaDescribedBy].filter(Boolean).join(" ")\|\|void 0,"aria-errormessage":this.ariaErrorMessage,"aria-invalid":t?"true":"false","aria-label":this.label,"aria-readonly":this.readOnly+"","aria-required":this.required+"","aria-valuemax":this.max??void 0,"aria-valuemin":this.min??void 0,"aria-valuenow":this.currentValue??void 0,class:"input-element "+s,"data-dirty":this.isDirty+"","data-touched":this.isTouched+"",disabled:this.disabled,max:this.max??void 0,min:this.min??void 0,name:this.name,onBlur:this.handleInputBlur,onFocus:this.handleInputFocus,onInput:this.handleInputChange,onKeyDown:this.handleKeyDown,part:"input",placeholder:this.placeholder,readOnly:this.readOnly,ref:t=>this.inputEl=t,required:this.required,step:this.safeStep,type:"number",value:this.currentValue??""}),this.suffixText&&r("span",{key:"001665f0d80c960eb00efe73bb36e85506613356",class:"suffix-text",part:"suffix"},this.suffixText),r("div",{key:"99ca52cc1470853d2586632f05ac321826c3e0b5",class:"input-stepper","input-stepper":!0,part:"stepper"},r("bh-button-icon",{key:"07ae1aab738d0d6be26d32932af159b239aafb17",ariaLabel:"Decrease value",disabled:n,hierarchy:"tertiary",iconName:"remove",onClick:this.decrement,size:"xs"}),r("bh-button-icon",{key:"8215b1139439c8532b4f092bd89754b6d26b00e7",ariaLabel:"Increase value",disabled:a,hierarchy:"tertiary",iconName:"add",onClick:this.increment,size:"xs"}))))),this.showHintText&&i&&r("div",{key:"48c97f7e2511218d76d82d99ac27c90118dee244",class:{"hint-text":!0,"hint-error":t},id:"hint-text",part:"hint"},i)))}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValue: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; @layer bh-tokens { :host { display: block; font-family: var(--font-inter); --bh-input-bg: var(--color-bg-primary); --bh-input-bg-disabled: var(--color-bg-secondary); --bh-input-bg-hover: var(--color-bg-primary); --bh-input-color: var(--color-text-primary); --bh-input-color-placeholder: var(--color-text-tertiary); --bh-input-color-disabled: var(--color-text-disabled); --bh-input-border-color: var(--color-border-primary); --bh-input-border-color-hover: var(--color-border-interactive); --bh-input-border-color-focus: var(--color-border-interactive); --bh-input-border-color-error: var(--color-border-error); --bh-input-border-color-success: var(--color-border-success); --bh-input-border-radius: var(--radius-md); --bh-input-icon-color: var(--color-text-tertiary); --bh-input-icon-color-focus: var(--color-text-interactive); --bh-input-icon-color-error: var(--color-text-error); --bh-input-hint-color: var(--color-text-secondary); --bh-input-hint-error-color: var(--color-text-error); --bh-input-label-color: var(--color-text-primary); --bh-input-label-required-color: var(--color-text-error); --bh-input-height-sm: 32px; --bh-input-height-md: 40px; --bh-input-height-lg: 40px; --bh-input-padding-x: var(--spacing-md); --bh-input-padding-y: var(--spacing-sm); --bh-input-gap: var(--spacing-sm); --bh-input-font-size: var(--text-sm-size); --bh-input-font-size-label: var(--text-sm-size); --bh-input-font-size-hint: var(--text-xs-size); --bh-input-line-height: var(--line-height-normal); --bh-input-focus-ring-color: var(--color-border-interactive); --bh-input-focus-ring-width: 1px; } } @layer bh-base {} @layer bh-variants {} @layer bh-states { :host([disabled]) { pointer-events: none; opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; font-family: var(--font-inter); --bh-input-bg: var(--color-bg-primary); --bh-input-bg-disabled: var(--color-bg-secondary); --bh-input-color: var(--color-text-primary); --bh-input-color-placeholder: var(--color-text-tertiary); --bh-input-border-color: var(--color-border-primary); --bh-input-border-color-hover: var(--color-border-interactive); --bh-input-border-color-focus: var(--color-border-interactive); --bh-input-border-color-error: var(--color-border-error); --bh-input-border-radius: var(--radius-md); --bh-input-icon-color: var(--color-text-tertiary); --bh-input-icon-color-focus: var(--color-text-interactive); --bh-input-hint-color: var(--color-text-secondary); --bh-input-hint-error-color: var(--color-text-error); } } @layer bh-base { .input-wrapper { display: flex; flex-direction: column; gap: var(--spacing-sm); width: 100%; max-width: 100%; } .input-field { display: flex; align-items: center; gap: var(--spacing-md); padding: var(--spacing-xs); height: var(--bh-input-height-md); width: 100%; background: var(--bh-input-bg); border: 1px solid var(--bh-input-border-color); border-radius: var(--bh-input-border-radius); transition: border-color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out; cursor: text; box-shadow: 0 0 0 0px transparent; overflow: hidden; position: relative; box-sizing: border-box; } .input-content { display: flex; align-items: center; gap: var(--spacing-md); flex: 1; height: 100%; min-width: 0; max-width: 100%; } .input-stepper { display: flex; align-items: center; gap: var(--spacing-xs); flex-shrink: 0; } .input-stepper bh-button-icon { display: flex; } .leading-icon { font-size: var(--text-xl-size); color: var(--bh-input-icon-color); user-select: none; flex-shrink: 0; cursor: default; pointer-events: auto; transition: color var(--animation-duration-normal) ease-in-out; } .input-element { flex: 1; height: 100%; border: none; outline: none; background: transparent; font-family: inherit; font-weight: var(--weight-regular); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--bh-input-color); min-width: 60px; padding-left: var(--spacing-xs); box-shadow: none; } .input-element::-webkit-outer-spin-button, .input-element::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .input-element[type=number] { appearance: textfield; } .text-placeholder { color: var(--bh-input-color-placeholder); } .text-filled { color: var(--bh-input-color); } .hint-text { font-family: inherit; font-weight: var(--weight-regular); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--bh-input-hint-color); } .prefix-text, .suffix-text { font-family: inherit; font-weight: var(--weight-regular); font-size: var(--text-sm-size); line-height: var(--line-height-normal); color: var(--bh-input-hint-color); user-select: none; flex-shrink: 0; } } @layer bh-variants { .input-field.input-icon-leading { padding: var(--spacing-md) var(--spacing-xl); } .input-field-sm { height: var(--bh-input-height-sm); } .input-field-lg { height: var(--bh-input-height-lg); } } @layer bh-states { .input-field.input-hover { border-color: var(--bh-input-border-color-hover); } .input-field.input-focused { border-color: var(--bh-input-border-color-focus); box-shadow: 0 0 0 1px var(--bh-input-border-color-focus); } .input-field.input-focused .leading-icon { color: var(--bh-input-icon-color-focus); } .input-field.input-disabled { opacity: 0.5; cursor: not-allowed; background: var(--bh-input-bg-disabled); } .input-field.input-error { border-color: var(--bh-input-border-color-error); } .input-field.input-error.input-hover { border-color: var(--bh-input-border-color-error); } .input-field.input-error.input-focused { border-color: var(--bh-input-border-color-focus); } .input-element:focus { outline: none; border: none; box-shadow: none; } .input-element::placeholder { color: var(--bh-input-color-placeholder); } .input-element:disabled { cursor: not-allowed; opacity: 0.5; } .hint-text.hint-error { color: var(--bh-input-hint-error-color); } } @layer bh-utilities { .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; font-size: var(--icon-size-lg); } @media (max-width: 768px) { .input-wrapper { width: 100%; } } }'}},[577,"bh-input-number",{error:[4],required:[4],disabled:[4],readOnly:[4,"read-only"],size:[1],showHelpIcon:[4,"show-help-icon"],showLeadingIcon:[4,"show-leading-icon"],showLabel:[4,"show-label"],showHintText:[4,"show-hint-text"],label:[1],placeholder:[1],hintText:[1,"hint-text"],leadingIcon:[1,"leading-icon"],helpIconTooltip:[1,"help-icon-tooltip"],value:[1026],min:[2],max:[2],step:[2],prefixText:[1,"prefix-text"],suffixText:[1,"suffix-text"],width:[1],name:[1],defaultValue:[2,"default-value"],validationMessage:[1,"validation-message"],ariaDescribedBy:[1,"aria-described-by"],ariaErrorMessage:[1,"aria-error-message"],_i18nVersion:[32],internalState:[32],isHovered:[32],isFocused:[32],internalValue:[32],hasValidationError:[32],isDirty:[32],isTouched:[32]},void 0,{value:[{watchValue:0}]}]),I=k,V=function(){"undefined"!=typeof customElements&&["bh-input-number","bh-button-icon","bh-label","bh-loader-spinner","bh-tooltip"].forEach((t=>{switch(t){case"bh-input-number":customElements.get(s(t))\|\|customElements.define(s(t),k);break;case"bh-button-icon":customElements.get(s(t))\|\|n();break;case"bh-label":customElements.get(s(t))\|\|a();break;case"bh-loader-spinner":customElements.get(s(t))\|\|h();break;case"bh-tooltip":customElements.get(s(t))\|\|l()}}))};export{I as BhInputNumber,V as defineCustomElement}

package/components/bh-input-password.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as i,H as t,c as e,h as o,d as r,t as n}from"./p-YZi6LqIt.js";import{d as a}from"./p-B2KPN863.js";import{d as s}from"./p-Bf_iTZDv.js";import{c as h,m as l,M as c,r as d}from"./p-BJXjqxlX.js";import{c as p}from"./p-YdVz1TeW.js";import{B as b,r as u}from"./p-BNVOtH-1.js";import{a as f,u as m}from"./p-L4Y2hq_b.js";import{b as g,M as v}from"./p-DlPm3fIV.js";const y=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bhInput=e(this,"bhInput"),this.bhChange=e(this,"bhChange"),this.bhFocus=e(this,"bhFocus"),this.bhBlur=e(this,"bhBlur"),this.bhHelpClick=e(this,"bhHelpClick"),this.bhVisibilityToggle=e(this,"bhVisibilityToggle"),this.bhValidityChange=e(this,"bhValidityChange"),this.internals=this.attachInternals()}internals;logger=h("bh-input-password");focusState=p();inputEl;i18nUnsubscribe;_i18nVersion=0;label="";placeholder="";hintText="";showLabel=!0;showHintText=!0;showHelpIcon=!1;showLeadingIcon=!0;error=!1;disabled=!1;required=!1;readOnly=!1;size="md";helpIconTooltip="Password requirements";leadingIcon="lock";value="";name="";defaultValue="";validationMessage="";autocomplete="current-password";ariaDescribedBy;ariaErrorMessage;focusVersion=0;showPassword=!1;isDirty=!1;isTouched=!1;bhInput;bhChange;bhFocus;bhBlur;bhHelpClick;bhVisibilityToggle;bhValidityChange;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=b.onLocaleChange((()=>{this._i18nVersion++}))}componentDidCatch(i){this.logger.error("Component error caught",i instanceof Error?i:Error(i+"")),l.increment(c.COMPONENT_ERROR,{component:"bh-input-password",error_type:i instanceof Error?i.name:"unknown"}),d("bh-input-password",i)}componentDidLoad(){f(this),m(this.internals,this.inputEl,this.validationMessage),this.inputEl&&this.inputEl.addEventListener("invalid",this.handleValidityChange)}disconnectedCallback(){this.inputEl&&this.inputEl.removeEventListener("invalid",this.handleValidityChange),this.i18nUnsubscribe?.()}formResetCallback(){this.value=this.defaultValue,this.isDirty=!1,this.isTouched=!1,this.showPassword=!1,this.inputEl&&(this.inputEl.value=this.defaultValue),f(this),m(this.internals,this.inputEl)}handleInput=i=>{const t=g(i.target.value,v);this.value=t.value,t.valid\|\|d("bh-input-password",Error(t.errors.map((i=>i.message)).join(", "))),this.isDirty\|\|(this.isDirty=!0),this.bhInput.emit(this.value),f(this),m(this.internals,this.inputEl,this.validationMessage)};handleChange=()=>{this.bhChange.emit(this.value)};handleFocus=i=>{this.isTouched=!0,this.focusState.handleFocus(i,(()=>this.bhFocus.emit()))};handleBlur=i=>{this.focusState.handleBlur(i,(()=>this.bhBlur.emit()))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleKeyDown=()=>{};handleValidityChange=()=>{this.inputEl&&this.bhValidityChange.emit(this.inputEl.validity)};togglePasswordVisibility=()=>{this.disabled\|\|(this.showPassword=!this.showPassword,this.bhVisibilityToggle.emit(this.showPassword))};handleHelpClick=()=>{this.bhHelpClick.emit()};render(){const i={"input-container":!0,["input-container-"+this.size]:!0,"input-container-focused":this.focusState.isFocused,"input-container-hover":this.focusState.isHovered&&!this.focusState.isFocused,"input-container-error":this.error,"input-container-disabled":this.disabled,"input-container-with-leading":this.showLeadingIcon};return o(r,{key:"af51eb8f1eafae0a72f5bae8ddf399bd5f5a9276"},o("div",{key:"5e3ed1bceb6bdb8d6ee0930c1503567ad758276f",class:"input-wrapper",part:"wrapper"},o("bh-label",{key:"10188b17c3d4b9bff42109e32bf4bfe3ccd550e6",disabled:this.disabled,helpIconTooltip:u("bh-input-password","helpIconTooltip",this.helpIconTooltip,"Password requirements"),label:this.showLabel?this.label:"",onBhHelpClick:this.handleHelpClick,required:this.required,showHelpIcon:this.showHelpIcon},o("div",{key:"5239de4682a1372a28db4002d63cef7b71f6758e",class:i,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container"},o("div",{key:"1bf40743d62321eb51e87efcc6ca004c751b5df6",class:"input-content"},this.showLeadingIcon&&o("span",{key:"e5040678f003c4b31fb81b7a60b2030e8c475eea","aria-hidden":"true",class:"material-symbols-outlined leading-icon",part:"prefix"},this.leadingIcon),o("input",{key:"f850a80046158db8955c3112d4390e0207b582b7","aria-describedby":[this.showHintText&&this.hintText?"hint-text":"",this.ariaDescribedBy].filter(Boolean).join(" ")\|\|void 0,"aria-errormessage":this.ariaErrorMessage,"aria-invalid":this.error?"true":"false","aria-label":this.label,"aria-readonly":this.readOnly+"","aria-required":this.required+"",autocomplete:this.autocomplete,class:"input-element","data-dirty":this.isDirty+"","data-touched":this.isTouched+"",disabled:this.disabled,name:this.name,onBlur:this.handleBlur,onChange:this.handleChange,onFocus:this.handleFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,part:"input",placeholder:this.placeholder,readOnly:this.readOnly,ref:i=>this.inputEl=i,required:this.required,type:this.showPassword?"text":"password",value:this.value})),o("button",{key:"d406d379f42489ef6f3d44297675d0540483a573","aria-label":this.showPassword?u("bh-input-password","hidePasswordAriaLabel",void 0,"Hide password"):u("bh-input-password","showPasswordAriaLabel",void 0,"Show password"),"aria-pressed":this.showPassword?"true":"false",class:"material-symbols-outlined visibility-toggle",disabled:this.disabled,onClick:this.togglePasswordVisibility,part:"suffix",type:"button"},this.showPassword?"visibility_off":"visibility"))),this.showHintText&&this.hintText&&o("div",{key:"d3b7f7fbed0f6ee4527f391c22af845816a53ba5",class:{"hint-text":!0,"hint-error":this.error},id:"hint-text"},this.hintText)))}static get formAssociated(){return!0}static get style(){return'@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-input-bg:var(--color-bg-primary);--bh-input-bg-disabled:var(--color-bg-disabled);--bh-input-color:var(--color-text-primary);--bh-input-color-placeholder:var(--color-neutral-400);--bh-input-border-color:var(--color-border-primary);--bh-input-border-color-hover:var(--color-border-interactive);--bh-input-border-color-focus:var(--color-border-interactive);--bh-input-border-color-error:var(--color-border-error);--bh-input-icon-color:var(--color-text-tertiary);--bh-input-icon-color-focus:var(--color-text-interactive);--bh-input-hint-color:var(--color-text-secondary);--bh-input-hint-error-color:var(--color-text-error);--bh-input-border-radius:var(--radius-md)}}@layer bh-base{.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.input-container{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);height:var(--bh-input-height-md);width:100%;background:var(--bh-input-bg);border:1px solid var(--bh-input-border-color);border-radius:var(--bh-input-border-radius);transition:border-color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out;cursor:text;box-sizing:border-box}.input-content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;height:100%;min-width:0}.input-element{flex:1;height:100%;border:none;outline:none;background:transparent;font-family:inherit;font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--line-height-normal);color:var(--bh-input-color);min-width:60px;padding:0}.leading-icon{font-size:var(--text-xl-size);color:var(--bh-input-icon-color);user-select:none;flex-shrink:0;cursor:default;transition:color var(--animation-duration-normal) ease-in-out}.visibility-toggle{font-size:var(--text-xl-size);color:var(--bh-input-icon-color);cursor:pointer;user-select:none;flex-shrink:0;transition:color var(--animation-duration-normal) ease-in-out;background:none;border:none;padding:0;appearance:none}.hint-text{font-family:inherit;font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--line-height-normal);color:var(--bh-input-hint-color)}}@layer bh-variants{.input-container-sm{height:var(--bh-input-height-sm)}.input-container-lg{height:var(--bh-input-height-lg)}}@layer bh-states{.input-container.input-container-hover{border-color:var(--bh-input-border-color-hover)}.input-container.input-container-focused{border-color:var(--bh-input-border-color-focus);box-shadow:0 0 0 1px var(--bh-input-border-color-focus)}.input-container.input-container-focused .leading-icon{color:var(--bh-input-icon-color-focus)}.input-container.input-container-disabled{opacity:0.5;cursor:not-allowed;background:var(--bh-input-bg-disabled)}.input-container.input-container-disabled .visibility-toggle{cursor:not-allowed;pointer-events:none}.input-container.input-container-error{border-color:var(--bh-input-border-color-error)}.input-container.input-container-error.input-container-hover{border-color:var(--bh-input-border-color-error)}.input-container.input-container-error.input-container-focused{border-color:var(--bh-input-border-color-focus)}.input-element:focus{outline:none;border:none;box-shadow:none}.input-element::placeholder{color:var(--bh-input-color-placeholder)}.input-element:disabled{cursor:not-allowed}.visibility-toggle:hover{color:var(--bh-input-hint-color)}.hint-text.hint-error{color:var(--bh-input-hint-error-color)}}@layer bh-utilities{.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-size:var(--icon-size-md)}}'}},[577,"bh-input-password",{label:[1],placeholder:[1],hintText:[1,"hint-text"],showLabel:[4,"show-label"],showHintText:[4,"show-hint-text"],showHelpIcon:[4,"show-help-icon"],showLeadingIcon:[4,"show-leading-icon"],error:[4],disabled:[4],required:[4],readOnly:[4,"read-only"],size:[1],helpIconTooltip:[1,"help-icon-tooltip"],leadingIcon:[1,"leading-icon"],value:[1025],name:[1],defaultValue:[1,"default-value"],validationMessage:[1,"validation-message"],autocomplete:[1],ariaDescribedBy:[1,"aria-described-by"],ariaErrorMessage:[1,"aria-error-message"],_i18nVersion:[32],focusVersion:[32],showPassword:[32],isDirty:[32],isTouched:[32]}]),w=y,x=function(){"undefined"!=typeof customElements&&["bh-input-password","bh-label","bh-tooltip"].forEach((i=>{switch(i){case"bh-input-password":customElements.get(n(i))\|\|customElements.define(n(i),y);break;case"bh-label":customElements.get(n(i))\|\|a();break;case"bh-tooltip":customElements.get(n(i))\|\|s()}}))};export{w as BhInputPassword,x as defineCustomElement}
1	+ import{p as i,H as t,c as e,h as o,d as r,t as n}from"./p-YZi6LqIt.js";import{d as a}from"./p-C7fkgBQS.js";import{d as s}from"./p-D6aw0IK6.js";import{c as h,m as l,M as c,r as d}from"./p-BJXjqxlX.js";import{c as p}from"./p-YdVz1TeW.js";import{B as b,r as u}from"./p-BNVOtH-1.js";import{a as m,u as f}from"./p-L4Y2hq_b.js";import{b as g,M as v}from"./p-DlPm3fIV.js";const y=i(class extends t{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.bhInput=e(this,"bhInput"),this.bhChange=e(this,"bhChange"),this.bhFocus=e(this,"bhFocus"),this.bhBlur=e(this,"bhBlur"),this.bhHelpClick=e(this,"bhHelpClick"),this.bhVisibilityToggle=e(this,"bhVisibilityToggle"),this.bhValidityChange=e(this,"bhValidityChange"),this.internals=this.attachInternals()}internals;logger=h("bh-input-password");focusState=p();inputEl;i18nUnsubscribe;_i18nVersion=0;label="";placeholder="";hintText="";showLabel=!0;showHintText=!0;showHelpIcon=!1;showLeadingIcon=!0;error=!1;disabled=!1;required=!1;readOnly=!1;size="md";helpIconTooltip="Password requirements";leadingIcon="lock";value="";name="";defaultValue="";validationMessage="";autocomplete="current-password";ariaDescribedBy;ariaErrorMessage;focusVersion=0;showPassword=!1;isDirty=!1;isTouched=!1;bhInput;bhChange;bhFocus;bhBlur;bhHelpClick;bhVisibilityToggle;bhValidityChange;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=b.onLocaleChange((()=>{this._i18nVersion++}))}componentDidCatch(i){this.logger.error("Component error caught",i instanceof Error?i:Error(i+"")),l.increment(c.COMPONENT_ERROR,{component:"bh-input-password",error_type:i instanceof Error?i.name:"unknown"}),d("bh-input-password",i)}componentDidLoad(){m(this),f(this.internals,this.inputEl,this.validationMessage),this.inputEl&&this.inputEl.addEventListener("invalid",this.handleValidityChange)}disconnectedCallback(){this.inputEl&&this.inputEl.removeEventListener("invalid",this.handleValidityChange),this.i18nUnsubscribe?.()}formResetCallback(){this.value=this.defaultValue,this.isDirty=!1,this.isTouched=!1,this.showPassword=!1,this.inputEl&&(this.inputEl.value=this.defaultValue),m(this),f(this.internals,this.inputEl)}handleInput=i=>{const t=g(i.target.value,v);this.value=t.value,t.valid\|\|d("bh-input-password",Error(t.errors.map((i=>i.message)).join(", "))),this.isDirty\|\|(this.isDirty=!0),this.bhInput.emit(this.value),m(this),f(this.internals,this.inputEl,this.validationMessage)};handleChange=()=>{this.bhChange.emit(this.value)};handleFocus=i=>{this.isTouched=!0,this.focusState.handleFocus(i,(()=>this.bhFocus.emit()))};handleBlur=i=>{this.focusState.handleBlur(i,(()=>this.bhBlur.emit()))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleKeyDown=()=>{};handleValidityChange=()=>{this.inputEl&&this.bhValidityChange.emit(this.inputEl.validity)};togglePasswordVisibility=()=>{this.disabled\|\|(this.showPassword=!this.showPassword,this.bhVisibilityToggle.emit(this.showPassword))};handleHelpClick=()=>{this.bhHelpClick.emit()};render(){const i={"input-container":!0,["input-container-"+this.size]:!0,"input-container-focused":this.focusState.isFocused,"input-container-hover":this.focusState.isHovered&&!this.focusState.isFocused,"input-container-error":this.error,"input-container-disabled":this.disabled,"input-container-with-leading":this.showLeadingIcon};return o(r,{key:"e66cfe316166a2bb638bf12541e240c690a4ceb0"},o("div",{key:"1f08043e3e4d9fa0261cbea2e4b43afead3bd2b4",class:"input-wrapper",part:"wrapper"},o("bh-label",{key:"456b7a8823c8eec77bd7b9c85e0bccfde8ac6e49",disabled:this.disabled,helpIconTooltip:u("bh-input-password","helpIconTooltip",this.helpIconTooltip,"Password requirements"),label:this.showLabel?this.label:"",onBhHelpClick:this.handleHelpClick,required:this.required,showHelpIcon:this.showHelpIcon},o("div",{key:"3c9c983773f850d4599c7e9ec2c8628b39b58751",class:i,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container"},o("div",{key:"7aa7196b587ef16537c9a7baadf6bfb3a5e45886",class:"input-content"},this.showLeadingIcon&&o("span",{key:"e05f88c7f4b3217d6a5dc9596d6fc3b3b6ddda86","aria-hidden":"true",class:"material-symbols-outlined leading-icon",part:"prefix"},this.leadingIcon),o("input",{key:"a1f94981145494c89ec4977fc3986886201d7bdb","aria-describedby":[this.showHintText&&this.hintText?"hint-text":"",this.ariaDescribedBy].filter(Boolean).join(" ")\|\|void 0,"aria-errormessage":this.ariaErrorMessage,"aria-invalid":this.error?"true":"false","aria-label":this.label,"aria-readonly":this.readOnly+"","aria-required":this.required+"",autocomplete:this.autocomplete,class:"input-element","data-dirty":this.isDirty+"","data-touched":this.isTouched+"",disabled:this.disabled,name:this.name,onBlur:this.handleBlur,onChange:this.handleChange,onFocus:this.handleFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,part:"input",placeholder:this.placeholder,readOnly:this.readOnly,ref:i=>this.inputEl=i,required:this.required,type:this.showPassword?"text":"password",value:this.value})),o("button",{key:"a60a6bcbcf4e4711fa5d2827e02d56837473dd63","aria-label":this.showPassword?u("bh-input-password","hidePasswordAriaLabel",void 0,"Hide password"):u("bh-input-password","showPasswordAriaLabel",void 0,"Show password"),"aria-pressed":this.showPassword?"true":"false",class:"material-symbols-outlined visibility-toggle",disabled:this.disabled,onClick:this.togglePasswordVisibility,part:"suffix",type:"button"},this.showPassword?"visibility_off":"visibility"))),this.showHintText&&this.hintText&&o("div",{key:"bf55a8e45957b7faa8d476e5d41eb48f53d4b641",class:{"hint-text":!0,"hint-error":this.error},id:"hint-text"},this.hintText)))}static get formAssociated(){return!0}static get style(){return'@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-input-bg:var(--color-bg-primary);--bh-input-bg-disabled:var(--color-bg-disabled);--bh-input-color:var(--color-text-primary);--bh-input-color-placeholder:var(--color-neutral-400);--bh-input-border-color:var(--color-border-primary);--bh-input-border-color-hover:var(--color-border-interactive);--bh-input-border-color-focus:var(--color-border-interactive);--bh-input-border-color-error:var(--color-border-error);--bh-input-icon-color:var(--color-text-tertiary);--bh-input-icon-color-focus:var(--color-text-interactive);--bh-input-hint-color:var(--color-text-secondary);--bh-input-hint-error-color:var(--color-text-error);--bh-input-border-radius:var(--radius-md)}}@layer bh-base{.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.input-container{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);height:var(--bh-input-height-md);width:100%;background:var(--bh-input-bg);border:1px solid var(--bh-input-border-color);border-radius:var(--bh-input-border-radius);transition:border-color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out;cursor:text;box-sizing:border-box}.input-content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;height:100%;min-width:0}.input-element{flex:1;height:100%;border:none;outline:none;background:transparent;font-family:inherit;font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--line-height-normal);color:var(--bh-input-color);min-width:60px;padding:0}.leading-icon{font-size:var(--text-xl-size);color:var(--bh-input-icon-color);user-select:none;flex-shrink:0;cursor:default;transition:color var(--animation-duration-normal) ease-in-out}.visibility-toggle{font-size:var(--text-xl-size);color:var(--bh-input-icon-color);cursor:pointer;user-select:none;flex-shrink:0;transition:color var(--animation-duration-normal) ease-in-out;background:none;border:none;padding:0;appearance:none}.hint-text{font-family:inherit;font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--line-height-normal);color:var(--bh-input-hint-color)}}@layer bh-variants{.input-container-sm{height:var(--bh-input-height-sm)}.input-container-lg{height:var(--bh-input-height-lg)}}@layer bh-states{.input-container.input-container-hover{border-color:var(--bh-input-border-color-hover)}.input-container.input-container-focused{border-color:var(--bh-input-border-color-focus);box-shadow:0 0 0 1px var(--bh-input-border-color-focus)}.input-container.input-container-focused .leading-icon{color:var(--bh-input-icon-color-focus)}.input-container.input-container-disabled{opacity:0.5;cursor:not-allowed;background:var(--bh-input-bg-disabled)}.input-container.input-container-disabled .visibility-toggle{cursor:not-allowed;pointer-events:none}.input-container.input-container-error{border-color:var(--bh-input-border-color-error)}.input-container.input-container-error.input-container-hover{border-color:var(--bh-input-border-color-error)}.input-container.input-container-error.input-container-focused{border-color:var(--bh-input-border-color-focus)}.input-element:focus{outline:none;border:none;box-shadow:none}.input-element::placeholder{color:var(--bh-input-color-placeholder)}.input-element:disabled{cursor:not-allowed}.visibility-toggle:hover{color:var(--bh-input-hint-color)}.hint-text.hint-error{color:var(--bh-input-hint-error-color)}}@layer bh-utilities{.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-size:var(--icon-size-md)}}'}},[577,"bh-input-password",{label:[1],placeholder:[1],hintText:[1,"hint-text"],showLabel:[4,"show-label"],showHintText:[4,"show-hint-text"],showHelpIcon:[4,"show-help-icon"],showLeadingIcon:[4,"show-leading-icon"],error:[4],disabled:[4],required:[4],readOnly:[4,"read-only"],size:[1],helpIconTooltip:[1,"help-icon-tooltip"],leadingIcon:[1,"leading-icon"],value:[1025],name:[1],defaultValue:[1,"default-value"],validationMessage:[1,"validation-message"],autocomplete:[1],ariaDescribedBy:[1,"aria-described-by"],ariaErrorMessage:[1,"aria-error-message"],_i18nVersion:[32],focusVersion:[32],showPassword:[32],isDirty:[32],isTouched:[32]}]),w=y,x=function(){"undefined"!=typeof customElements&&["bh-input-password","bh-label","bh-tooltip"].forEach((i=>{switch(i){case"bh-input-password":customElements.get(n(i))\|\|customElements.define(n(i),y);break;case"bh-label":customElements.get(n(i))\|\|a();break;case"bh-tooltip":customElements.get(n(i))\|\|s()}}))};export{w as BhInputPassword,x as defineCustomElement}

package/components/bh-input-text.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{B as o,d as s}from"./p-~~Be20AcNb~~.js";const p=o,r=s;export{p as BhInputText,r as defineCustomElement}
1	+ import{B as o,d as s}from"./p-S-miu3h6.js";const m=o,p=s;export{m as BhInputText,p as defineCustomElement}

package/components/bh-input-verification.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as i,H as t,c as r,h as e,d as a,t as s}from"./p-YZi6LqIt.js";import{d as o}from"./p-B2KPN863.js";import{d as n}from"./p-Bf_iTZDv.js";import{c as h,m as c,M as l,r as p}from"./p-BJXjqxlX.js";import{c as d}from"./p-YdVz1TeW.js";import{B as f,r as u}from"./p-BNVOtH-1.js";import{a as v,v as b}from"./p-L4Y2hq_b.js";import{K as g}from"./p-zdFuIabL.js";import{a as m}from"./p-DlPm3fIV.js";const y=i(class extends t{constructor(i){super(),!1!==i&&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.bhValidityChange=r(this,"bhValidityChange"),this.internals=this.attachInternals()}get el(){return this}internals;logger=h("bh-input-verification");inputsCache=null;size="md";digits=4;label="";showLabel=!0;hintText="This is a hint text to help user.";showHintText=!0;error=!1;disabled=!1;required=!1;showSeparator=!0;placeholder="";width="";value="";name="";defaultValue="";validationMessage="";values=[];bhInput;bhChange;bhFocus;bhBlur;bhValidityChange;focusState=d();i18nUnsubscribe;focusVersion=0;_i18nVersion=0;componentDidCatch(i){this.logger.error("Component error caught",i instanceof Error?i:Error(i+"")),c.increment(l.COMPONENT_ERROR,{component:"bh-input-verification",error_type:i instanceof Error?i.name:"unknown"}),p("bh-input-verification",i)}watchValue(i){if(i===this.values.join(""))return;const t=i.split("").concat(Array(this.digits).fill("")).slice(0,this.digits);this.values=t}watchDigits(){this.values=Array(this.digits).fill(""),this.inputsCache=null}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=f.onLocaleChange((()=>{this._i18nVersion++})),this.values=this.value?this.value.split("").concat(Array(this.digits).fill("")).slice(0,this.digits):Array(this.digits).fill("")}componentDidLoad(){this.populateInputsCache(),this.disabled\|\|this.inputsCache?.[0]?.focus(),v(this),this.updateValidity()}connectedCallback(){this.el.shadowRoot?.querySelector("input")&&this.populateInputsCache()}disconnectedCallback(){this.inputsCache=null,this.i18nUnsubscribe?.()}formResetCallback(){const i=this.defaultValue?this.defaultValue.split("").concat(Array(this.digits).fill("")).slice(0,this.digits):Array(this.digits).fill("");this.values=i,this.value=i.join(""),v(this),this.updateValidity()}updateValidity(){const i=this.values.every((i=>""!==i));b(this.internals,this.required,i,this.validationMessage\|\|"Please enter the complete verification code."),this.emitValidityChange()}emitValidityChange(){if(this.internals.validity)return void this.bhValidityChange.emit(this.internals.validity);const i=this.values.every((i=>""!==i));this.bhValidityChange.emit({valid:!this.required\|\|i,valueMissing:this.required&&!i,customError:!1,badInput:!1,typeMismatch:!1,tooLong:!1,tooShort:!1,rangeUnderflow:!1,rangeOverflow:!1,stepMismatch:!1})}populateInputsCache(){this.inputsCache=this.el.shadowRoot?.querySelectorAll("input")??null}getInput(i){return this.inputsCache\|\|this.populateInputsCache(),this.inputsCache?.[i]??void 0}updateValues(i){this.values=i;const t=i.join("");this.value=t,this.bhInput.emit(t),v(this),this.updateValidity(),i.every((i=>""!==i))&&this.bhChange.emit(t)}handleInputChange(i,t){const r=t.target.value.replace(/\D/g,"").slice(-1),e=[...this.values];e[i]=r,this.updateValues(e),r&&i<this.digits-1&&this.getInput(i+1)?.focus()}handleKeyDown(i,t){if(t.key===g.BACKSPACE){t.preventDefault();const r=[...this.values];this.values[i]?(r[i]="",this.updateValues(r)):i>0&&(r[i-1]="",this.updateValues(r),this.getInput(i-1)?.focus())}else if(t.key===g.ARROW_LEFT&&i>0)t.preventDefault(),this.getInput(i-1)?.focus();else if(t.key===g.ARROW_RIGHT&&i<this.digits-1)t.preventDefault(),this.getInput(i+1)?.focus();else if(t.key>="0"&&t.key<="9"){t.preventDefault();const r=[...this.values];r[i]=t.key,this.updateValues(r),i<this.digits-1&&this.getInput(i+1)?.focus()}}handlePaste(i){i.preventDefault();const t=(i.clipboardData?.getData("text")\|\|"").replace(/\D/g,"").slice(0,this.digits);if(t){const i=t.split("").concat(Array(this.digits).fill("")).slice(0,this.digits);this.updateValues(i);const r=i.findIndex((i=>""===i)),e=-1===r?this.digits-1:Math.min(r,this.digits-1);this.getInput(e)?.focus()}}handleInputFocus=i=>{const t=i.target;"function"==typeof t.select&&t.select(),this.focusState.handleFocus(i,(i=>this.bhFocus.emit(i)))};handleInputBlur=i=>{this.focusState.handleBlur(i,(i=>this.bhBlur.emit(i)))};renderInputs(){const i=[];for(let t=0;t<this.digits;t++)6===this.digits&&3===t&&this.showSeparator&&i.push(e("span",{class:{separator:!0,["size-"+this.size]:!0},key:"separator"},"-")),i.push(e("input",{"aria-invalid":this.error?"true":void 0,"aria-label":`Digit ${t+1} of ${this.digits}`,class:{"verification-input":!0,["size-"+this.size]:!0,error:this.error},disabled:this.disabled,inputmode:"numeric",key:t,maxLength:1,onBlur:i=>this.handleInputBlur(i),onFocus:i=>this.handleInputFocus(i),onInput:i=>this.handleInputChange(t,i),onKeyDown:i=>this.handleKeyDown(t,i),onPaste:i=>this.handlePaste(i),part:"input",pattern:"[0-9]",placeholder:this.placeholder&&t<this.placeholder.length?this.placeholder[t]:"",type:"text",value:this.values[t]\|\|""}));return i}get safeWidth(){if(!this.width)return"";const i=m(this.width,50);return i.valid?i.value:(p("bh-input-verification",Error("Invalid width: "+i.errors.map((i=>i.message)).join(", "))),"")}render(){return e(a,{key:"96ad8e36b354da103484940f795c1b839e4f2fae"},e("div",{key:"a5e749f6b2d1580b5198330177882fcd0b8afd23",class:"input-verification-wrapper","data-focused":this.focusState.isFocused+"",part:"wrapper",style:this.safeWidth?{width:this.safeWidth}:{}},e("bh-label",{key:"3ce3c8fdb5dca023d1ff7e71e1347113fc2a620f",disabled:this.disabled,label:this.showLabel?this.label:"",required:this.required},e("div",{key:"fa27737fb1ed9f882c9d1e3429deba480e48c575","aria-label":this.label,class:"input-verification-container",part:"container",role:"group"},this.renderInputs())),this.showHintText&&this.hintText&&e("div",{key:"aa7718216f79283fe482b900bfe9ba1d4cbb697d",class:{"hint-text":!0,error:this.error},part:"hint"},u("bh-input-verification","hintText",this.hintText,"This is a hint text to help user."))))}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValue:0}],digits:[{watchDigits:0}]}}static get style(){return'@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block}}@layer bh-base{.input-verification-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:fit-content}.input-verification-container{display:flex;align-items:center;gap:var(--spacing-sm)}}@layer bh-tokens{:host{--bh-input-verification-bg:var(--color-bg-primary);--bh-input-verification-border-color:var(--color-border-primary);--bh-input-verification-border-radius:var(--radius-xl);--bh-input-verification-color:var(--color-text-primary);--bh-input-verification-font-family:var(--font-inter);--bh-input-verification-font-weight:var(--weight-medium);--bh-input-verification-font-size-sm:var(--sp-12);--bh-input-verification-font-size-lg:3.75rem;--bh-input-verification-separator-font-size:var( --display-xs-size );--bh-input-verification-separator-font-size-lg:var( --display-sm-size );}}@layer bh-base{.verification-input{width:var(--sp-16);height:var(--sp-16);padding:0;border:1px solid var(--bh-input-verification-border-color);border-radius:var(--bh-input-verification-border-radius);background-color:var(--bh-input-verification-bg);font-family:var(--bh-input-verification-font-family);font-size:var(--bh-input-verification-font-size-sm);font-weight:var(--bh-input-verification-font-weight);line-height:1;color:var(--bh-input-verification-color);transition:border-color var(--animation-duration-fast) ease, box-shadow var(--animation-duration-fast) ease;outline:none;box-sizing:border-box}.separator{font-family:var(--bh-input-verification-font-family);font-size:var(--bh-input-verification-separator-font-size);font-weight:var(--weight-medium);color:var(--color-text-disabled);margin:0 var(--spacing-xs);line-height:1}.hint-text{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}}@layer bh-variants{.verification-input.size-sm{width:var(--sp-16);height:var(--sp-16);font-size:var(--bh-input-verification-font-size-sm);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-md)}.verification-input.size-md{width:var(--sp-20);height:var(--sp-20);font-size:var(--bh-input-verification-font-size-sm);border-radius:var(--radius-lg);padding:var(--spacing-2xl) var(--spacing-3xl)}.verification-input.size-lg{width:var(--sp-24);height:var(--sp-24);font-size:var(--bh-input-verification-font-size-lg);border-radius:var(--radius-lg);padding:var(--spacing-3xl) var(--spacing-4xl)}.separator.size-sm{font-size:var(--bh-input-verification-separator-font-size)}.separator.size-md{font-size:var(--bh-input-verification-separator-font-size)}.separator.size-lg{font-size:var(--bh-input-verification-separator-font-size-lg)}}@layer bh-states{.verification-input:hover:not(:disabled){border-color:var(--color-border-primary)}.verification-input:focus{border-color:var(--color-border-interactive);box-shadow:0 0 0 4px var(--color-bg-secondary)}.verification-input.error{border-color:var(--color-border-error)}.verification-input.error:focus{border-color:var(--color-border-error);box-shadow:0 0 0 4px var(--color-bg-secondary)}.verification-input:disabled{background-color:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-disabled);cursor:not-allowed}.verification-input::placeholder{color:var(--color-text-disabled);opacity:1;font-size:inherit;font-weight:var(--weight-regular)}.hint-text.error{color:var(--color-text-error)}}'}},[577,"bh-input-verification",{size:[1],digits:[2],label:[1],showLabel:[4,"show-label"],hintText:[1,"hint-text"],showHintText:[4,"show-hint-text"],error:[4],disabled:[4],required:[4],showSeparator:[4,"show-separator"],placeholder:[1],width:[1],value:[1025],name:[1],defaultValue:[1,"default-value"],validationMessage:[1,"validation-message"],values:[32],focusVersion:[32],_i18nVersion:[32]},void 0,{value:[{watchValue:0}],digits:[{watchDigits:0}]}]),w=y,x=function(){"undefined"!=typeof customElements&&["bh-input-verification","bh-label","bh-tooltip"].forEach((i=>{switch(i){case"bh-input-verification":customElements.get(s(i))\|\|customElements.define(s(i),y);break;case"bh-label":customElements.get(s(i))\|\|o();break;case"bh-tooltip":customElements.get(s(i))\|\|n()}}))};export{w as BhInputVerification,x as defineCustomElement}
1	+ import{p as i,H as t,c as r,h as e,d as a,t as s}from"./p-YZi6LqIt.js";import{d as o}from"./p-C7fkgBQS.js";import{d as n}from"./p-D6aw0IK6.js";import{c as h,m as c,M as l,r as p}from"./p-BJXjqxlX.js";import{c as d}from"./p-YdVz1TeW.js";import{B as u,r as f}from"./p-BNVOtH-1.js";import{a as v,v as b}from"./p-L4Y2hq_b.js";import{K as g}from"./p-zdFuIabL.js";import{a as m}from"./p-DlPm3fIV.js";const y=i(class extends t{constructor(i){super(),!1!==i&&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.bhValidityChange=r(this,"bhValidityChange"),this.internals=this.attachInternals()}get el(){return this}internals;logger=h("bh-input-verification");inputsCache=null;size="md";digits=4;label="";showLabel=!0;hintText="This is a hint text to help user.";showHintText=!0;error=!1;disabled=!1;required=!1;showSeparator=!0;placeholder="";width="";value="";name="";defaultValue="";validationMessage="";values=[];bhInput;bhChange;bhFocus;bhBlur;bhValidityChange;focusState=d();i18nUnsubscribe;focusVersion=0;_i18nVersion=0;componentDidCatch(i){this.logger.error("Component error caught",i instanceof Error?i:Error(i+"")),c.increment(l.COMPONENT_ERROR,{component:"bh-input-verification",error_type:i instanceof Error?i.name:"unknown"}),p("bh-input-verification",i)}watchValue(i){if(i===this.values.join(""))return;const t=i.split("").concat(Array(this.digits).fill("")).slice(0,this.digits);this.values=t}watchDigits(){this.values=Array(this.digits).fill(""),this.inputsCache=null}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=u.onLocaleChange((()=>{this._i18nVersion++})),this.values=this.value?this.value.split("").concat(Array(this.digits).fill("")).slice(0,this.digits):Array(this.digits).fill("")}componentDidLoad(){this.populateInputsCache(),this.disabled\|\|this.inputsCache?.[0]?.focus(),v(this),this.updateValidity()}connectedCallback(){this.el.shadowRoot?.querySelector("input")&&this.populateInputsCache()}disconnectedCallback(){this.inputsCache=null,this.i18nUnsubscribe?.()}formResetCallback(){const i=this.defaultValue?this.defaultValue.split("").concat(Array(this.digits).fill("")).slice(0,this.digits):Array(this.digits).fill("");this.values=i,this.value=i.join(""),v(this),this.updateValidity()}updateValidity(){const i=this.values.every((i=>""!==i));b(this.internals,this.required,i,this.validationMessage\|\|"Please enter the complete verification code."),this.emitValidityChange()}emitValidityChange(){if(this.internals.validity)return void this.bhValidityChange.emit(this.internals.validity);const i=this.values.every((i=>""!==i));this.bhValidityChange.emit({valid:!this.required\|\|i,valueMissing:this.required&&!i,customError:!1,badInput:!1,typeMismatch:!1,tooLong:!1,tooShort:!1,rangeUnderflow:!1,rangeOverflow:!1,stepMismatch:!1})}populateInputsCache(){this.inputsCache=this.el.shadowRoot?.querySelectorAll("input")??null}getInput(i){return this.inputsCache\|\|this.populateInputsCache(),this.inputsCache?.[i]??void 0}updateValues(i){this.values=i;const t=i.join("");this.value=t,this.bhInput.emit(t),v(this),this.updateValidity(),i.every((i=>""!==i))&&this.bhChange.emit(t)}handleInputChange(i,t){const r=t.target.value.replace(/\D/g,"").slice(-1),e=[...this.values];e[i]=r,this.updateValues(e),r&&i<this.digits-1&&this.getInput(i+1)?.focus()}handleKeyDown(i,t){if(t.key===g.BACKSPACE){t.preventDefault();const r=[...this.values];this.values[i]?(r[i]="",this.updateValues(r)):i>0&&(r[i-1]="",this.updateValues(r),this.getInput(i-1)?.focus())}else if(t.key===g.ARROW_LEFT&&i>0)t.preventDefault(),this.getInput(i-1)?.focus();else if(t.key===g.ARROW_RIGHT&&i<this.digits-1)t.preventDefault(),this.getInput(i+1)?.focus();else if(t.key>="0"&&t.key<="9"){t.preventDefault();const r=[...this.values];r[i]=t.key,this.updateValues(r),i<this.digits-1&&this.getInput(i+1)?.focus()}}handlePaste(i){i.preventDefault();const t=(i.clipboardData?.getData("text")\|\|"").replace(/\D/g,"").slice(0,this.digits);if(t){const i=t.split("").concat(Array(this.digits).fill("")).slice(0,this.digits);this.updateValues(i);const r=i.findIndex((i=>""===i)),e=-1===r?this.digits-1:Math.min(r,this.digits-1);this.getInput(e)?.focus()}}handleInputFocus=i=>{const t=i.target;"function"==typeof t.select&&t.select(),this.focusState.handleFocus(i,(i=>this.bhFocus.emit(i)))};handleInputBlur=i=>{this.focusState.handleBlur(i,(i=>this.bhBlur.emit(i)))};renderInputs(){const i=[];for(let t=0;t<this.digits;t++)6===this.digits&&3===t&&this.showSeparator&&i.push(e("span",{class:{separator:!0,["size-"+this.size]:!0},key:"separator"},"-")),i.push(e("input",{"aria-invalid":this.error?"true":void 0,"aria-label":`Digit ${t+1} of ${this.digits}`,class:{"verification-input":!0,["size-"+this.size]:!0,error:this.error},disabled:this.disabled,inputmode:"numeric",key:t,maxLength:1,onBlur:i=>this.handleInputBlur(i),onFocus:i=>this.handleInputFocus(i),onInput:i=>this.handleInputChange(t,i),onKeyDown:i=>this.handleKeyDown(t,i),onPaste:i=>this.handlePaste(i),part:"input",pattern:"[0-9]",placeholder:this.placeholder&&t<this.placeholder.length?this.placeholder[t]:"",type:"text",value:this.values[t]\|\|""}));return i}get safeWidth(){if(!this.width)return"";const i=m(this.width,50);return i.valid?i.value:(p("bh-input-verification",Error("Invalid width: "+i.errors.map((i=>i.message)).join(", "))),"")}render(){return e(a,{key:"511ee54d643c20b01ec50fc5ec60d780874f8e94"},e("div",{key:"9ebee96e914322316563b5c32a622cbac7e581c3",class:"input-verification-wrapper","data-focused":this.focusState.isFocused+"",part:"wrapper",style:this.safeWidth?{width:this.safeWidth}:{}},e("bh-label",{key:"c128de362fd332a76ac5d99b6a563fbfbeec8d69",disabled:this.disabled,label:this.showLabel?this.label:"",required:this.required},e("div",{key:"db42e6b23ec6189668701fbcc5d29ff2786fa7d8","aria-label":this.label,class:"input-verification-container",part:"container",role:"group"},this.renderInputs())),this.showHintText&&this.hintText&&e("div",{key:"2a3734117f34c8ba7c393dae1180c1a08f99929a",class:{"hint-text":!0,error:this.error},part:"hint"},f("bh-input-verification","hintText",this.hintText,"This is a hint text to help user."))))}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValue:0}],digits:[{watchDigits:0}]}}static get style(){return'@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block}}@layer bh-base{.input-verification-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:fit-content}.input-verification-container{display:flex;align-items:center;gap:var(--spacing-sm)}}@layer bh-tokens{:host{--bh-input-verification-bg:var(--color-bg-primary);--bh-input-verification-border-color:var(--color-border-primary);--bh-input-verification-border-radius:var(--radius-xl);--bh-input-verification-color:var(--color-text-primary);--bh-input-verification-font-family:var(--font-inter);--bh-input-verification-font-weight:var(--weight-medium);--bh-input-verification-font-size-sm:var(--sp-12);--bh-input-verification-font-size-lg:3.75rem;--bh-input-verification-separator-font-size:var( --display-xs-size );--bh-input-verification-separator-font-size-lg:var( --display-sm-size );}}@layer bh-base{.verification-input{width:var(--sp-16);height:var(--sp-16);padding:0;border:1px solid var(--bh-input-verification-border-color);border-radius:var(--bh-input-verification-border-radius);background-color:var(--bh-input-verification-bg);font-family:var(--bh-input-verification-font-family);font-size:var(--bh-input-verification-font-size-sm);font-weight:var(--bh-input-verification-font-weight);line-height:1;color:var(--bh-input-verification-color);transition:border-color var(--animation-duration-fast) ease, box-shadow var(--animation-duration-fast) ease;outline:none;box-sizing:border-box}.separator{font-family:var(--bh-input-verification-font-family);font-size:var(--bh-input-verification-separator-font-size);font-weight:var(--weight-medium);color:var(--color-text-disabled);margin:0 var(--spacing-xs);line-height:1}.hint-text{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}}@layer bh-variants{.verification-input.size-sm{width:var(--sp-16);height:var(--sp-16);font-size:var(--bh-input-verification-font-size-sm);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-md)}.verification-input.size-md{width:var(--sp-20);height:var(--sp-20);font-size:var(--bh-input-verification-font-size-sm);border-radius:var(--radius-lg);padding:var(--spacing-2xl) var(--spacing-3xl)}.verification-input.size-lg{width:var(--sp-24);height:var(--sp-24);font-size:var(--bh-input-verification-font-size-lg);border-radius:var(--radius-lg);padding:var(--spacing-3xl) var(--spacing-4xl)}.separator.size-sm{font-size:var(--bh-input-verification-separator-font-size)}.separator.size-md{font-size:var(--bh-input-verification-separator-font-size)}.separator.size-lg{font-size:var(--bh-input-verification-separator-font-size-lg)}}@layer bh-states{.verification-input:hover:not(:disabled){border-color:var(--color-border-primary)}.verification-input:focus{border-color:var(--color-border-interactive);box-shadow:0 0 0 4px var(--color-bg-secondary)}.verification-input.error{border-color:var(--color-border-error)}.verification-input.error:focus{border-color:var(--color-border-error);box-shadow:0 0 0 4px var(--color-bg-secondary)}.verification-input:disabled{background-color:var(--color-bg-secondary);border-color:var(--color-border-primary);color:var(--color-text-disabled);cursor:not-allowed}.verification-input::placeholder{color:var(--color-text-disabled);opacity:1;font-size:inherit;font-weight:var(--weight-regular)}.hint-text.error{color:var(--color-text-error)}}'}},[577,"bh-input-verification",{size:[1],digits:[2],label:[1],showLabel:[4,"show-label"],hintText:[1,"hint-text"],showHintText:[4,"show-hint-text"],error:[4],disabled:[4],required:[4],showSeparator:[4,"show-separator"],placeholder:[1],width:[1],value:[1025],name:[1],defaultValue:[1,"default-value"],validationMessage:[1,"validation-message"],values:[32],focusVersion:[32],_i18nVersion:[32]},void 0,{value:[{watchValue:0}],digits:[{watchDigits:0}]}]),w=y,x=function(){"undefined"!=typeof customElements&&["bh-input-verification","bh-label","bh-tooltip"].forEach((i=>{switch(i){case"bh-input-verification":customElements.get(s(i))\|\|customElements.define(s(i),y);break;case"bh-label":customElements.get(s(i))\|\|o();break;case"bh-tooltip":customElements.get(s(i))\|\|n()}}))};export{w as BhInputVerification,x as defineCustomElement}

package/components/bh-kbd.d.ts ADDED Viewed

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

package/components/bh-kbd.js ADDED Viewed

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

package/components/bh-label.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{B as o,d as s}from"./p-~~B2KPN863~~.js";const p=o,r=s;export{p as BhLabel,r as defineCustomElement}
1	+ import{B as o,d as s}from"./p-C7fkgBQS.js";const p=o,r=s;export{p as BhLabel,r as defineCustomElement}

package/components/bh-line-chart.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as r,H as e,c as o,h as t,d as s,t as i}from"./p-YZi6LqIt.js";import{g as a}from"./p-DBw2LsqR.js";import{d as l}from"./p-C6UC_xxP.js";import{c as n,m as c,M as h,r as d}from"./p-BJXjqxlX.js";import{B as b,r as m}from"./p-BNVOtH-1.js";const u=40,g=50,p=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.bhPointClick=o(this,"bhPointClick"),this.bhPointHover=o(this,"bhPointHover"),this.bhPointLeave=o(this,"bhPointLeave"),this.bhTooltipOpen=o(this,"bhTooltipOpen"),this.bhTooltipClose=o(this,"bhTooltipClose"),this.bhError=o(this,"bhError")}get el(){return this}logger=n("bh-line-chart");i18nUnsubscribe;_i18nVersion=0;data={series:[{name:"Your rating",values:[60,62,63,65,70,72,71,68,70,72,75,80]},{name:"Industry Average",values:[38,40,41,42,42,41,40,44,46,46,48,52]}],categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]};xAxis={};yAxis={label:"Security rating"};width=541;height=369;animated=!0;showGrid=!0;showLegend=!0;showDots=!1;curveType="smooth";ariaLabel="Line chart";bhPointClick;bhPointHover;bhPointLeave;bhTooltipOpen;bhTooltipClose;bhError;tooltipVisible=!1;tooltipX=0;tooltipY=0;tooltipHeader="";tooltipItems=[];hoveredIndex=null;componentWillLoad(){this.i18nUnsubscribe=b.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:Error(r+"")),c.increment(h.COMPONENT_ERROR,{component:"bh-line-chart"}),d("bh-line-chart",r),this.bhError.emit({error:r})}get plotWidth(){return this.width-g-20}get plotHeight(){return this.height-u-40}getYRange(){if(void 0!==this.yAxis.min&&void 0!==this.yAxis.max){const r=this.yAxis.min,e=this.yAxis.max;return{min:r,max:e===r?e+1:e}}let r=1/0,e=-1/0;for(const o of this.data.series)for(const t of o.values)Number.isFinite(t)&&(r=Math.min(r,t),e=Math.max(e,t));Number.isFinite(r)\|\|(r=0,e=100);const o=this.yAxis.min??10Math.floor(r/10),t=this.yAxis.max??10Math.ceil(e/10);return{min:o,max:t===o?t+1:t}}normalizePoints(r){const{min:e,max:o}=this.getYRange(),t=o-e;return r.map(((o,s)=>({x:g+s/Math.max(r.length-1,1)this.plotWidth,y:u+this.plotHeight-(o-e)/tthis.plotHeight})))}generatePath(r){if(r.length<2)return"";if("linear"===this.curveType)return r.map(((r,e)=>`${0===e?"M":"L"} ${r.x} ${r.y}`)).join(" ");let e=`M ${r[0].x} ${r[0].y}`;for(let o=1;o<r.length;o++){const t=r[o-1],s=r[o],i=.5;e+=` C ${t.x+(s.x-t.x)i} ${t.y}, ${s.x-(s.x-t.x)i} ${s.y}, ${s.x} ${s.y}`}return e}getSeriesColor(r,e){return r.color\|\|a(e)}getYTicks(){const{min:r,max:e}=this.getYRange(),o=Math.max(this.yAxis.tickCount??5,1),t=(e-r)/o;return Array.from({length:o+1},((e,o)=>Math.round(r+to)))}handleColumnHover=(r,e)=>{this.hoveredIndex=e,this.tooltipVisible=!0,this.tooltipX=r.clientX,this.tooltipY=r.clientY,this.tooltipHeader=this.data.categories?.[e]\|\|"Point "+(e+1);const o=this.data.series.map(((r,o)=>({color:this.getSeriesColor(r,o),label:r.name,value:(r.values[e]??0)+""})));this.tooltipItems=o;for(const o of this.data.series)this.bhPointHover.emit({seriesName:o.name,value:o.values[e]??0,category:this.data.categories?.[e],index:e,event:r});this.bhTooltipOpen.emit({header:this.tooltipHeader,items:o,x:this.tooltipX,y:this.tooltipY})};handleColumnMove=r=>{this.tooltipVisible&&(this.tooltipX=r.clientX,this.tooltipY=r.clientY)};handleColumnClick=(r,e)=>{for(const o of this.data.series)this.bhPointClick.emit({seriesName:o.name,value:o.values[e]??0,category:this.data.categories?.[e],index:e,event:r})};handleColumnLeave=(r,e)=>{this.hoveredIndex=null,this.tooltipVisible=!1;for(const o of this.data.series)this.bhPointLeave.emit({seriesName:o.name,category:this.data.categories?.[e],index:e,event:r});this.bhTooltipClose.emit()};renderGrid(){if(!this.showGrid)return null;const r=this.getYTicks(),{min:e,max:o}=this.getYRange(),s=o-e;return t("g",{class:"line-chart-grid"},r.map((r=>{const o=u+this.plotHeight-(r-e)/sthis.plotHeight;return t("line",{class:"grid-line",key:"grid-"+r,x1:g,x2:this.width-20,y1:o,y2:o})})))}renderAxes(){const r=this.getYTicks(),{min:e,max:o}=this.getYRange(),s=o-e,i=this.data.series[0]?.values.length??0;return t("g",{class:"line-chart-axes"},r.map((r=>t("text",{class:"axis-label y-axis-label","dominant-baseline":"middle",key:"ytick-"+r,"text-anchor":"end",x:42,y:u+this.plotHeight-(r-e)/sthis.plotHeight},r))),this.yAxis.label&&t("text",{class:"axis-title y-axis-title","text-anchor":"middle",transform:`rotate(-90, 14, ${u+this.plotHeight/2})`,x:14,y:u+this.plotHeight/2},this.yAxis.label),this.data.categories?.map(((r,e)=>t("text",{class:"axis-label x-axis-label","dominant-baseline":"hanging",key:"xcat-"+e,"text-anchor":"middle",x:g+e/Math.max(i-1,1)this.plotWidth,y:u+this.plotHeight+12},r))),this.xAxis.label&&t("text",{class:"axis-title x-axis-title","text-anchor":"middle",x:g+this.plotWidth/2,y:this.height-4},this.xAxis.label))}renderSeries(){return t("g",{class:"line-chart-series"},this.data.series.map(((r,e)=>{const o=this.normalizePoints(r.values),s=this.generatePath(o),i=this.getSeriesColor(r,e);return t("g",{class:"series-group",key:r.name},t("path",{class:{"series-line":!0,"series-line-animated":this.animated},d:s,fill:"none",stroke:i,"stroke-width":"2",style:{animationDelay:this.animated?.2e+"s":"0s"}}),o.map(((e,o)=>t("circle",{class:{"data-point":!0,"data-point-visible":this.showDots\|\|this.hoveredIndex===o},cx:e.x,cy:e.y,fill:i,key:`${r.name}-${o}`,r:4,stroke:"var(--color-bg-primary, white)","stroke-width":2}))))})))}renderHoverColumns(){const r=this.data.series[0]?.values.length??0;if(0===r)return null;const e=this.plotWidth/Math.max(r-1,1);return t("g",{class:"line-chart-hover-columns"},Array.from({length:r},((o,s)=>t("rect",{class:{"hover-column":!0,"hover-column-active":this.hoveredIndex===s},fill:"transparent",height:this.plotHeight,key:"hover-"+s,onClick:r=>this.handleColumnClick(r,s),onMouseEnter:r=>this.handleColumnHover(r,s),onMouseLeave:r=>this.handleColumnLeave(r,s),onMouseMove:this.handleColumnMove,width:e,x:g+s/Math.max(r-1,1)this.plotWidth-e/2,y:u}))))}renderLegend(){return this.showLegend&&0!==this.data.series.length?t("div",{class:"line-chart-legend",part:"legend"},this.data.series.map(((r,e)=>t("div",{class:"legend-item",key:r.name},t("span",{class:"legend-dot",style:{backgroundColor:this.getSeriesColor(r,e)}}),t("span",{class:"legend-label"},r.name))))):null}render(){return t(s,{key:"339f71fb621eb75b37da50f016b3146de28926b5"},t("div",{key:"e26559ed20d32438c518c4c8d9b81b76af7395f9",class:{"line-chart":!0,"line-chart-animated":this.animated},part:"container"},this.renderLegend(),t("svg",{key:"b8c709af761d3e0a7cfe6b46c74f95d35ccca868","aria-label":m("bh-line-chart","ariaLabel",this.ariaLabel,"Line chart"),class:"line-chart-svg",height:this.height,role:"img",viewBox:`0 0 ${this.width} ${this.height}`,width:this.width},this.renderGrid(),this.renderAxes(),this.renderSeries(),this.renderHoverColumns())),t("bh-chart-tooltip",{key:"ad577abb4627a6081e464ac47c76433302a99ae3","aria-hidden":this.tooltipVisible?void 0:"true",header:this.tooltipHeader,items:this.tooltipItems,visible:this.tooltipVisible,x:this.tooltipX,y:this.tooltipY}))}static get style(){return' @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-reset, bh-tokens, bh-base, bh-utilities; @layer bh-tokens { :root { --color-white: hsl(0, 0%, 100%); --color-black: hsl(0, 0%, 0%); --color-transparent: hsla(0, 0%, 100%, 0); --color-neutral-25: hsl(210, 20%, 99%); --color-neutral-50: hsl(225, 40%, 98%); --color-neutral-100: hsl(225, 40%, 96%); --color-neutral-200: hsl(223, 32%, 91%); --color-neutral-300: hsl(223, 29%, 84%); --color-neutral-400: hsl(224, 23%, 65%); --color-neutral-500: hsl(226, 16%, 47%); --color-neutral-600: hsl(225, 22%, 37%); --color-neutral-700: hsl(224, 25%, 27%); --color-neutral-800: hsl(226, 25%, 20%); --color-neutral-900: hsl(227, 31%, 11%); --color-neutral-950: hsl(228, 38%, 5%); --color-brand-25: hsl(220, 82%, 98%); --color-brand-50: hsl(226, 100%, 97%); --color-brand-100: hsl(223, 88%, 94%); --color-brand-200: hsl(226, 71%, 86%); --color-brand-300: hsl(227, 75%, 78%); --color-brand-400: hsl(228, 73%, 67%); --color-brand-500: hsl(230, 69%, 59%); --color-brand-600: hsl(230, 69%, 48%); --color-brand-700: hsl(230, 69%, 41%); --color-brand-800: hsl(230, 69%, 31%); --color-brand-900: hsl(230, 68%, 21%); --color-brand-950: hsl(229, 70%, 8%); --color-error-25: hsl(6, 100%, 99%); --color-error-50: hsl(6, 100%, 98%); --color-error-100: hsl(10, 100%, 93%); --color-error-200: hsl(8, 100%, 88%); --color-error-300: hsl(8, 100%, 79%); --color-error-400: hsl(10, 94%, 65%); --color-error-500: hsl(16, 100%, 48%); --color-error-600: hsl(12, 100%, 44%); --color-error-700: hsl(11, 100%, 37%); --color-error-800: hsl(10, 100%, 30%); --color-error-900: hsl(14, 100%, 25%); --color-error-950: hsl(7, 100%, 14%); --color-warning-25: hsl(47, 92%, 98%); --color-warning-50: hsl(47, 100%, 96%); --color-warning-100: hsl(48, 93%, 89%); --color-warning-200: hsl(48, 95%, 78%); --color-warning-300: hsl(46, 96%, 65%); --color-warning-400: hsl(40, 95%, 60%); --color-warning-500: hsl(33, 92%, 58%); --color-warning-600: hsl(26, 71%, 51%); --color-warning-700: hsl(21, 72%, 41%); --color-warning-800: hsl(21, 75%, 33%); --color-warning-900: hsl(21, 71%, 27%); --color-warning-950: hsl(21, 84%, 14%); --color-success-25: hsl(144, 78%, 98%); --color-success-50: hsl(138, 76%, 97%); --color-success-100: hsl(141, 78%, 93%); --color-success-200: hsl(140, 76%, 85%); --color-success-300: hsl(142, 75%, 73%); --color-success-400: hsl(143, 68%, 55%); --color-success-500: hsl(136, 57%, 49%); --color-success-600: hsl(134, 58%, 41%); --color-success-700: hsl(139, 61%, 31%); --color-success-800: hsl(143, 63%, 24%); --color-success-900: hsl(142, 54%, 19%); --color-success-950: hsl(143, 67%, 11%); --font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --text-xl-size: 1.25rem; --text-lg-size: 1.125rem; --text-md-size: 1rem; --text-sm-size: 0.875rem; --text-xs-size: 0.75rem; --text-xl-line: 1.875rem; --text-lg-line: 1.75rem; --text-md-line: 1.5rem; --text-sm-line: 1.25rem; --text-xs-line: 1.125rem; --spacing-none: 0rem; --spacing-xxs: 0.125rem; --spacing-xs: 0.25rem; --spacing-sm: 0.375rem; --spacing-md: 0.5rem; --spacing-lg: 0.75rem; --spacing-xl: 1rem; --spacing-2xl: 1.25rem; --spacing-3xl: 1.5rem; --spacing-4xl: 2rem; --spacing-5xl: 2.5rem; --spacing-6xl: 3rem; --radius-none: 0rem; --radius-xxs: 0.125rem; --radius-xs: 0.25rem; --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.625rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.25rem; --radius-4xl: 1.5rem; --radius-full: 9999px; --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05); --shadow-sm: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06); --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06); --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03); --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs)); --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --color-bg-primary: var(--color-white); --color-bg-secondary: var(--color-neutral-50); --color-bg-tertiary: var(--color-neutral-100); --color-bg-quaternary: var(--color-neutral-200); --color-bg-inverse: var(--color-neutral-900); --color-bg-interactive: var(--color-brand-600); --color-bg-interactive-hover: var(--color-brand-700); --color-bg-interactive-active: var(--color-brand-800); --color-bg-destructive: var(--color-error-600); --color-bg-destructive-hover: var(--color-error-700); --color-bg-destructive-active: var(--color-error-800); --color-bg-success: var(--color-success-700); --color-bg-success-hover: var(--color-success-800); --color-bg-warning: var(--color-warning-500); --color-bg-disabled: var(--color-neutral-200); --color-text-primary: var(--color-neutral-900); --color-text-secondary: var(--color-neutral-600); --color-text-tertiary: var(--color-neutral-500); --color-text-inverse: var(--color-white); --color-text-interactive: var(--color-brand-600); --color-text-interactive-hover: var(--color-brand-700); --color-text-error: var(--color-error-600); --color-text-success: var(--color-success-700); --color-text-warning: var(--color-warning-700); --color-text-disabled: var(--color-neutral-400); --color-border-primary: var(--color-neutral-300); --color-border-secondary: var(--color-neutral-200); --color-border-interactive: var(--color-brand-500); --color-border-error: var(--color-error-500); --color-border-success: var(--color-success-500); --color-border-disabled: var(--color-neutral-200); --color-surface-overlay: rgba(0, 0, 0, 0.5); --color-surface-elevated: var(--color-white); } } @layer bh-reset { , ::before, *::after { box-sizing: border-box; } } @layer bh-base { .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; --bh-line-chart-grid-color: var( --bh-chart-grid-color, var(--color-neutral-200, hsl(227deg 25% 89%)) ); --bh-line-chart-axis-color: var( --bh-chart-axis-color, var(--color-neutral-300, hsl(224deg 24% 78%)) ); --bh-line-chart-label-color: var( --bh-chart-label-color, var(--color-neutral-600, hsl(226deg 24% 38%)) ); --bh-line-chart-label-size: var(--text-xs-size, 0.75rem); --bh-line-chart-title-size: var(--text-sm-size, 0.875rem); } } @layer bh-base { .line-chart { display: flex; flex-direction: column; font-family: var(--font-inter, system-ui, sans-serif); } .line-chart-svg { overflow: visible; } .grid-line { stroke: var(--bh-line-chart-grid-color); stroke-width: 1; opacity: 0.5; } .axis-label { fill: var(--bh-line-chart-label-color); font-size: var(--bh-line-chart-label-size); font-family: var(--font-inter, system-ui, sans-serif); user-select: none; } .axis-title { fill: var(--bh-line-chart-label-color); font-size: var(--bh-line-chart-title-size); font-family: var(--font-inter, system-ui, sans-serif); font-weight: var(--weight-medium, 500); user-select: none; } .series-line { stroke-linecap: round; stroke-linejoin: round; } .data-point { opacity: 0; transition: opacity var(--animation-duration-fast) ease; pointer-events: none; } .data-point-visible { opacity: 1; } .hover-column { cursor: pointer; } .line-chart-legend { display: flex; justify-content: flex-end; gap: var(--spacing-lg, 12px); padding-bottom: var(--spacing-xs, 4px); } .legend-item { display: flex; align-items: center; gap: var(--spacing-xs, 4px); font-size: var(--text-xs-size, 0.75rem); color: var(--bh-line-chart-label-color); } .legend-dot { width: 8px; height: 8px; border-radius: var(--radius-full, 9999px); flex-shrink: 0; } } @layer bh-variants { .series-line-animated { stroke-dasharray: 2000; stroke-dashoffset: 2000; animation: lineChartDraw 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards; } } @layer bh-states { .hover-column-active { fill: color-mix(in srgb, var(--color-bg-tertiary, hsl(224, 25%, 95%)) 30%, transparent); } .series-line:hover { stroke-width: 3; } } @layer bh-utilities { @keyframes lineChartDraw { to { stroke-dashoffset: 0; } } @media (prefers-reduced-motion: reduce) { .series-line-animated { animation: none; stroke-dasharray: none; stroke-dashoffset: 0; } .data-point { transition: none; } } }'}},[513,"bh-line-chart",{data:[16],xAxis:[16],yAxis:[16],width:[2],height:[2],animated:[4],showGrid:[4,"show-grid"],showLegend:[4,"show-legend"],showDots:[4,"show-dots"],curveType:[1,"curve-type"],ariaLabel:[1,"aria-label"],_i18nVersion:[32],tooltipVisible:[32],tooltipX:[32],tooltipY:[32],tooltipHeader:[32],tooltipItems:[32],hoveredIndex:[32]}]),x=p,v=function(){"undefined"!=typeof customElements&&["bh-line-chart","bh-chart-tooltip"].forEach((r=>{switch(r){case"bh-line-chart":customElements.get(i(r))\|\|customElements.define(i(r),p);break;case"bh-chart-tooltip":customElements.get(i(r))\|\|l()}}))};export{x as BhLineChart,v as defineCustomElement}
1	+ import{p as r,H as e,c as o,h as t,d as s,t as i}from"./p-YZi6LqIt.js";import{g as a}from"./p-DBw2LsqR.js";import{d as l}from"./p-DblmzWu8.js";import{c as n,m as c,M as h,r as d}from"./p-BJXjqxlX.js";import{B as b,r as m}from"./p-BNVOtH-1.js";const u=40,g=50,p=r(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.bhPointClick=o(this,"bhPointClick"),this.bhPointHover=o(this,"bhPointHover"),this.bhPointLeave=o(this,"bhPointLeave"),this.bhTooltipOpen=o(this,"bhTooltipOpen"),this.bhTooltipClose=o(this,"bhTooltipClose"),this.bhError=o(this,"bhError")}get el(){return this}logger=n("bh-line-chart");i18nUnsubscribe;_i18nVersion=0;data={series:[{name:"Your rating",values:[60,62,63,65,70,72,71,68,70,72,75,80]},{name:"Industry Average",values:[38,40,41,42,42,41,40,44,46,46,48,52]}],categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]};xAxis={};yAxis={label:"Security rating"};width=541;height=369;animated=!0;showGrid=!0;showLegend=!0;showDots=!1;curveType="smooth";ariaLabel="Line chart";bhPointClick;bhPointHover;bhPointLeave;bhTooltipOpen;bhTooltipClose;bhError;tooltipVisible=!1;tooltipX=0;tooltipY=0;tooltipHeader="";tooltipItems=[];hoveredIndex=null;componentWillLoad(){this.i18nUnsubscribe=b.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:Error(r+"")),c.increment(h.COMPONENT_ERROR,{component:"bh-line-chart"}),d("bh-line-chart",r),this.bhError.emit({error:r})}get plotWidth(){return this.width-g-20}get plotHeight(){return this.height-u-40}getYRange(){if(void 0!==this.yAxis.min&&void 0!==this.yAxis.max){const r=this.yAxis.min,e=this.yAxis.max;return{min:r,max:e===r?e+1:e}}let r=1/0,e=-1/0;for(const o of this.data.series)for(const t of o.values)Number.isFinite(t)&&(r=Math.min(r,t),e=Math.max(e,t));Number.isFinite(r)\|\|(r=0,e=100);const o=this.yAxis.min??10Math.floor(r/10),t=this.yAxis.max??10Math.ceil(e/10);return{min:o,max:t===o?t+1:t}}normalizePoints(r){const{min:e,max:o}=this.getYRange(),t=o-e;return r.map(((o,s)=>({x:g+s/Math.max(r.length-1,1)this.plotWidth,y:u+this.plotHeight-(o-e)/tthis.plotHeight})))}generatePath(r){if(r.length<2)return"";if("linear"===this.curveType)return r.map(((r,e)=>`${0===e?"M":"L"} ${r.x} ${r.y}`)).join(" ");let e=`M ${r[0].x} ${r[0].y}`;for(let o=1;o<r.length;o++){const t=r[o-1],s=r[o],i=.5;e+=` C ${t.x+(s.x-t.x)i} ${t.y}, ${s.x-(s.x-t.x)i} ${s.y}, ${s.x} ${s.y}`}return e}getSeriesColor(r,e){return r.color\|\|a(e)}getYTicks(){const{min:r,max:e}=this.getYRange(),o=Math.max(this.yAxis.tickCount??5,1),t=(e-r)/o;return Array.from({length:o+1},((e,o)=>Math.round(r+to)))}handleColumnHover=(r,e)=>{this.hoveredIndex=e,this.tooltipVisible=!0,this.tooltipX=r.clientX,this.tooltipY=r.clientY,this.tooltipHeader=this.data.categories?.[e]\|\|"Point "+(e+1);const o=this.data.series.map(((r,o)=>({color:this.getSeriesColor(r,o),label:r.name,value:(r.values[e]??0)+""})));this.tooltipItems=o;for(const o of this.data.series)this.bhPointHover.emit({seriesName:o.name,value:o.values[e]??0,category:this.data.categories?.[e],index:e,event:r});this.bhTooltipOpen.emit({header:this.tooltipHeader,items:o,x:this.tooltipX,y:this.tooltipY})};handleColumnMove=r=>{this.tooltipVisible&&(this.tooltipX=r.clientX,this.tooltipY=r.clientY)};handleColumnClick=(r,e)=>{for(const o of this.data.series)this.bhPointClick.emit({seriesName:o.name,value:o.values[e]??0,category:this.data.categories?.[e],index:e,event:r})};handleColumnLeave=(r,e)=>{this.hoveredIndex=null,this.tooltipVisible=!1;for(const o of this.data.series)this.bhPointLeave.emit({seriesName:o.name,category:this.data.categories?.[e],index:e,event:r});this.bhTooltipClose.emit()};renderGrid(){if(!this.showGrid)return null;const r=this.getYTicks(),{min:e,max:o}=this.getYRange(),s=o-e;return t("g",{class:"line-chart-grid"},r.map((r=>{const o=u+this.plotHeight-(r-e)/sthis.plotHeight;return t("line",{class:"grid-line",key:"grid-"+r,x1:g,x2:this.width-20,y1:o,y2:o})})))}renderAxes(){const r=this.getYTicks(),{min:e,max:o}=this.getYRange(),s=o-e,i=this.data.series[0]?.values.length??0;return t("g",{class:"line-chart-axes"},r.map((r=>t("text",{class:"axis-label y-axis-label","dominant-baseline":"middle",key:"ytick-"+r,"text-anchor":"end",x:42,y:u+this.plotHeight-(r-e)/sthis.plotHeight},r))),this.yAxis.label&&t("text",{class:"axis-title y-axis-title","text-anchor":"middle",transform:`rotate(-90, 14, ${u+this.plotHeight/2})`,x:14,y:u+this.plotHeight/2},this.yAxis.label),this.data.categories?.map(((r,e)=>t("text",{class:"axis-label x-axis-label","dominant-baseline":"hanging",key:"xcat-"+e,"text-anchor":"middle",x:g+e/Math.max(i-1,1)this.plotWidth,y:u+this.plotHeight+12},r))),this.xAxis.label&&t("text",{class:"axis-title x-axis-title","text-anchor":"middle",x:g+this.plotWidth/2,y:this.height-4},this.xAxis.label))}renderSeries(){return t("g",{class:"line-chart-series"},this.data.series.map(((r,e)=>{const o=this.normalizePoints(r.values),s=this.generatePath(o),i=this.getSeriesColor(r,e);return t("g",{class:"series-group",key:r.name},t("path",{class:{"series-line":!0,"series-line-animated":this.animated},d:s,fill:"none",stroke:i,"stroke-width":"2",style:{animationDelay:this.animated?.2e+"s":"0s"}}),o.map(((e,o)=>t("circle",{class:{"data-point":!0,"data-point-visible":this.showDots\|\|this.hoveredIndex===o},cx:e.x,cy:e.y,fill:i,key:`${r.name}-${o}`,r:4,stroke:"var(--color-bg-primary, white)","stroke-width":2}))))})))}renderHoverColumns(){const r=this.data.series[0]?.values.length??0;if(0===r)return null;const e=this.plotWidth/Math.max(r-1,1);return t("g",{class:"line-chart-hover-columns"},Array.from({length:r},((o,s)=>t("rect",{class:{"hover-column":!0,"hover-column-active":this.hoveredIndex===s},fill:"transparent",height:this.plotHeight,key:"hover-"+s,onClick:r=>this.handleColumnClick(r,s),onMouseEnter:r=>this.handleColumnHover(r,s),onMouseLeave:r=>this.handleColumnLeave(r,s),onMouseMove:this.handleColumnMove,width:e,x:g+s/Math.max(r-1,1)this.plotWidth-e/2,y:u}))))}renderLegend(){return this.showLegend&&0!==this.data.series.length?t("div",{class:"line-chart-legend",part:"legend"},this.data.series.map(((r,e)=>t("div",{class:"legend-item",key:r.name},t("span",{class:"legend-dot",style:{backgroundColor:this.getSeriesColor(r,e)}}),t("span",{class:"legend-label"},r.name))))):null}render(){return t(s,{key:"3df2eff8c7b872a3899d816019cea6df2ccfc286"},t("div",{key:"377eaed61df5041bbbf731952d0f547143d68755",class:{"line-chart":!0,"line-chart-animated":this.animated},part:"container"},this.renderLegend(),t("svg",{key:"581e67c536caae9a770867edd6db96b6439ece0e","aria-label":m("bh-line-chart","ariaLabel",this.ariaLabel,"Line chart"),class:"line-chart-svg",height:this.height,role:"img",viewBox:`0 0 ${this.width} ${this.height}`,width:this.width},this.renderGrid(),this.renderAxes(),this.renderSeries(),this.renderHoverColumns())),t("bh-chart-tooltip",{key:"923fc6f0be04dcd9f22ae4fa4aa0a9ac5f680909","aria-hidden":this.tooltipVisible?void 0:"true",header:this.tooltipHeader,items:this.tooltipItems,visible:this.tooltipVisible,x:this.tooltipX,y:this.tooltipY}))}static get style(){return' @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-reset, bh-tokens, bh-base, bh-utilities; @layer bh-tokens { :root { --color-white: hsl(0, 0%, 100%); --color-black: hsl(0, 0%, 0%); --color-transparent: hsla(0, 0%, 100%, 0); --color-neutral-25: hsl(210, 20%, 99%); --color-neutral-50: hsl(225, 40%, 98%); --color-neutral-100: hsl(225, 40%, 96%); --color-neutral-200: hsl(223, 32%, 91%); --color-neutral-300: hsl(223, 29%, 84%); --color-neutral-400: hsl(224, 23%, 65%); --color-neutral-500: hsl(226, 16%, 47%); --color-neutral-600: hsl(225, 22%, 37%); --color-neutral-700: hsl(224, 25%, 27%); --color-neutral-800: hsl(226, 25%, 20%); --color-neutral-900: hsl(227, 31%, 11%); --color-neutral-950: hsl(228, 38%, 5%); --color-brand-25: hsl(220, 82%, 98%); --color-brand-50: hsl(226, 100%, 97%); --color-brand-100: hsl(223, 88%, 94%); --color-brand-200: hsl(226, 71%, 86%); --color-brand-300: hsl(227, 75%, 78%); --color-brand-400: hsl(228, 73%, 67%); --color-brand-500: hsl(230, 69%, 59%); --color-brand-600: hsl(230, 69%, 48%); --color-brand-700: hsl(230, 69%, 41%); --color-brand-800: hsl(230, 69%, 31%); --color-brand-900: hsl(230, 68%, 21%); --color-brand-950: hsl(229, 70%, 8%); --color-error-25: hsl(6, 100%, 99%); --color-error-50: hsl(6, 100%, 98%); --color-error-100: hsl(10, 100%, 93%); --color-error-200: hsl(8, 100%, 88%); --color-error-300: hsl(8, 100%, 79%); --color-error-400: hsl(10, 94%, 65%); --color-error-500: hsl(16, 100%, 48%); --color-error-600: hsl(12, 100%, 44%); --color-error-700: hsl(11, 100%, 37%); --color-error-800: hsl(10, 100%, 30%); --color-error-900: hsl(14, 100%, 25%); --color-error-950: hsl(7, 100%, 14%); --color-warning-25: hsl(47, 92%, 98%); --color-warning-50: hsl(47, 100%, 96%); --color-warning-100: hsl(48, 93%, 89%); --color-warning-200: hsl(48, 95%, 78%); --color-warning-300: hsl(46, 96%, 65%); --color-warning-400: hsl(40, 95%, 60%); --color-warning-500: hsl(33, 92%, 58%); --color-warning-600: hsl(26, 71%, 51%); --color-warning-700: hsl(21, 72%, 41%); --color-warning-800: hsl(21, 75%, 33%); --color-warning-900: hsl(21, 71%, 27%); --color-warning-950: hsl(21, 84%, 14%); --color-success-25: hsl(144, 78%, 98%); --color-success-50: hsl(138, 76%, 97%); --color-success-100: hsl(141, 78%, 93%); --color-success-200: hsl(140, 76%, 85%); --color-success-300: hsl(142, 75%, 73%); --color-success-400: hsl(143, 68%, 55%); --color-success-500: hsl(136, 57%, 49%); --color-success-600: hsl(134, 58%, 41%); --color-success-700: hsl(139, 61%, 31%); --color-success-800: hsl(143, 63%, 24%); --color-success-900: hsl(142, 54%, 19%); --color-success-950: hsl(143, 67%, 11%); --font-inter: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600; --weight-bold: 700; --text-xl-size: 1.25rem; --text-lg-size: 1.125rem; --text-md-size: 1rem; --text-sm-size: 0.875rem; --text-xs-size: 0.75rem; --text-xl-line: 1.875rem; --text-lg-line: 1.75rem; --text-md-line: 1.5rem; --text-sm-line: 1.25rem; --text-xs-line: 1.125rem; --spacing-none: 0rem; --spacing-xxs: 0.125rem; --spacing-xs: 0.25rem; --spacing-sm: 0.375rem; --spacing-md: 0.5rem; --spacing-lg: 0.75rem; --spacing-xl: 1rem; --spacing-2xl: 1.25rem; --spacing-3xl: 1.5rem; --spacing-4xl: 2rem; --spacing-5xl: 2.5rem; --spacing-6xl: 3rem; --radius-none: 0rem; --radius-xxs: 0.125rem; --radius-xs: 0.25rem; --radius-sm: 0.375rem; --radius-md: 0.5rem; --radius-lg: 0.625rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --radius-3xl: 1.25rem; --radius-4xl: 1.5rem; --radius-full: 9999px; --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05); --shadow-sm: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06); --shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06); --shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03); --shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, 0.08), 0px 8px 8px -4px rgba(16, 24, 40, 0.03); --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs)); --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs)); --color-bg-primary: var(--color-white); --color-bg-secondary: var(--color-neutral-50); --color-bg-tertiary: var(--color-neutral-100); --color-bg-quaternary: var(--color-neutral-200); --color-bg-inverse: var(--color-neutral-900); --color-bg-interactive: var(--color-brand-600); --color-bg-interactive-hover: var(--color-brand-700); --color-bg-interactive-active: var(--color-brand-800); --color-bg-destructive: var(--color-error-600); --color-bg-destructive-hover: var(--color-error-700); --color-bg-destructive-active: var(--color-error-800); --color-bg-success: var(--color-success-700); --color-bg-success-hover: var(--color-success-800); --color-bg-warning: var(--color-warning-500); --color-bg-disabled: var(--color-neutral-200); --color-text-primary: var(--color-neutral-900); --color-text-secondary: var(--color-neutral-600); --color-text-tertiary: var(--color-neutral-500); --color-text-inverse: var(--color-white); --color-text-interactive: var(--color-brand-600); --color-text-interactive-hover: var(--color-brand-700); --color-text-error: var(--color-error-600); --color-text-success: var(--color-success-700); --color-text-warning: var(--color-warning-700); --color-text-disabled: var(--color-neutral-400); --color-border-primary: var(--color-neutral-300); --color-border-secondary: var(--color-neutral-200); --color-border-interactive: var(--color-brand-500); --color-border-error: var(--color-error-500); --color-border-success: var(--color-success-500); --color-border-disabled: var(--color-neutral-200); --color-surface-overlay: rgba(0, 0, 0, 0.5); --color-surface-elevated: var(--color-white); } } @layer bh-reset { , ::before, *::after { box-sizing: border-box; } } @layer bh-base { .material-symbols-outlined { font-family: "Material Symbols Outlined"; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; --bh-line-chart-grid-color: var( --bh-chart-grid-color, var(--color-neutral-200, hsl(227deg 25% 89%)) ); --bh-line-chart-axis-color: var( --bh-chart-axis-color, var(--color-neutral-300, hsl(224deg 24% 78%)) ); --bh-line-chart-label-color: var( --bh-chart-label-color, var(--color-neutral-600, hsl(226deg 24% 38%)) ); --bh-line-chart-label-size: var(--text-xs-size, 0.75rem); --bh-line-chart-title-size: var(--text-sm-size, 0.875rem); } } @layer bh-base { .line-chart { display: flex; flex-direction: column; font-family: var(--font-inter, system-ui, sans-serif); } .line-chart-svg { overflow: visible; } .grid-line { stroke: var(--bh-line-chart-grid-color); stroke-width: 1; opacity: 0.5; } .axis-label { fill: var(--bh-line-chart-label-color); font-size: var(--bh-line-chart-label-size); font-family: var(--font-inter, system-ui, sans-serif); user-select: none; } .axis-title { fill: var(--bh-line-chart-label-color); font-size: var(--bh-line-chart-title-size); font-family: var(--font-inter, system-ui, sans-serif); font-weight: var(--weight-medium, 500); user-select: none; } .series-line { stroke-linecap: round; stroke-linejoin: round; } .data-point { opacity: 0; transition: opacity var(--animation-duration-fast) ease; pointer-events: none; } .data-point-visible { opacity: 1; } .hover-column { cursor: pointer; } .line-chart-legend { display: flex; justify-content: flex-end; gap: var(--spacing-lg, 12px); padding-bottom: var(--spacing-xs, 4px); } .legend-item { display: flex; align-items: center; gap: var(--spacing-xs, 4px); font-size: var(--text-xs-size, 0.75rem); color: var(--bh-line-chart-label-color); } .legend-dot { width: 8px; height: 8px; border-radius: var(--radius-full, 9999px); flex-shrink: 0; } } @layer bh-variants { .series-line-animated { stroke-dasharray: 2000; stroke-dashoffset: 2000; animation: lineChartDraw 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards; } } @layer bh-states { .hover-column-active { fill: color-mix(in srgb, var(--color-bg-tertiary, hsl(224, 25%, 95%)) 30%, transparent); } .series-line:hover { stroke-width: 3; } } @layer bh-utilities { @keyframes lineChartDraw { to { stroke-dashoffset: 0; } } @media (prefers-reduced-motion: reduce) { .series-line-animated { animation: none; stroke-dasharray: none; stroke-dashoffset: 0; } .data-point { transition: none; } } }'}},[513,"bh-line-chart",{data:[16],xAxis:[16],yAxis:[16],width:[2],height:[2],animated:[4],showGrid:[4,"show-grid"],showLegend:[4,"show-legend"],showDots:[4,"show-dots"],curveType:[1,"curve-type"],ariaLabel:[1,"aria-label"],_i18nVersion:[32],tooltipVisible:[32],tooltipX:[32],tooltipY:[32],tooltipHeader:[32],tooltipItems:[32],hoveredIndex:[32]}]),x=p,v=function(){"undefined"!=typeof customElements&&["bh-line-chart","bh-chart-tooltip"].forEach((r=>{switch(r){case"bh-line-chart":customElements.get(i(r))\|\|customElements.define(i(r),p);break;case"bh-chart-tooltip":customElements.get(i(r))\|\|l()}}))};export{x as BhLineChart,v as defineCustomElement}

package/components/bh-logo-box.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{B as o,d as r}from"./p-~~Xa6gUVGr~~.js";const s=o~~,a=r~~;export{s as BhLogoBox,a as defineCustomElement}
1	+ import{B as s,d as o}from"./p-DjUfsCJJ.js";const p=s,r=o;export{p as BhLogoBox,r as defineCustomElement}

package/components/bh-menu-item.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{a,b as o}from"./p-~~arW9uaFJ~~.js";const r=a,s=o;export{r as BhMenuItem,s as defineCustomElement}
1	+ import{a as o,b as s}from"./p-hhv9O2Qq.js";const a=o,p=s;export{a as BhMenuItem,p as defineCustomElement}

package/components/bh-menu.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{B as a,d as o}from"./p-~~arW9uaFJ~~.js";const r=a,s=o;export{r as BhMenu,s as defineCustomElement}
1	+ import{B as o,d as s}from"./p-hhv9O2Qq.js";const p=o,r=s;export{p as BhMenu,r as defineCustomElement}

package/components/bh-modal-actions.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as t,H as a,c as o,h as i,d as e,t as n}from"./p-YZi6LqIt.js";import{d as r}from"./p-~~oaisznHL~~.js";import{d as s}from"./p-BbPrWlsw.js";import{c,m as l,M as d,r as b}from"./p-BJXjqxlX.js";import{B as h,r as m}from"./p-BNVOtH-1.js";const v="bh-modal-actions",p=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhAction=o(this,"bhAction")}logger=c(v);i18nUnsubscribe;_i18nVersion=0;variant="fill";destructive=!1;primaryLabel="Confirm";secondaryLabel="Cancel";divider=!1;bhAction;componentDidCatch(t){const a=t instanceof Error?t:Error(t+"");this.logger.error("Component error caught",a),l.increment(d.COMPONENT_ERROR,{component:v,error_type:a.name}),b(v,t)}componentWillLoad(){this.i18nUnsubscribe=h.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}handlePrimaryAction=()=>{this.bhAction.emit({action:"primary"})};handleSecondaryAction=()=>{this.bhAction.emit({action:"secondary"})};renderButtons(){const t="right-aligned"===this.variant,a=m("bh-modal-actions","primaryLabel",this.primaryLabel,"Confirm"),o=m("bh-modal-actions","secondaryLabel",this.secondaryLabel,"Cancel"),e=i("bh-button",{hierarchy:"primary",icon:"none",label:a,onBhClick:this.handlePrimaryAction,size:"md",variant:this.destructive?"destructive":"default"}),n=i("bh-button",{hierarchy:"secondary",icon:"none",label:o,onBhClick:this.handleSecondaryAction,size:"md"});return t?i("div",{class:"modal-actions-content modal-actions-content--right"},i("div",{class:"actions-left"},i("slot",{name:"left-content"})),i("div",{class:"actions-right"},n,e)):i("div",{class:"modal-actions-content modal-actions-content--fill"},n,e)}render(){return i(e,{key:"~~7a8d1b5a942a0f920697af2b8aa2b48026a7abc9~~"},i("div",{key:"~~a3622571f152b7917062f520f265da626b5a348f~~",class:"modal-actions",part:"actions"},this.divider&&i("div",{key:"~~c9ef2312fa1237f31660b97d8c005eea94809f2a~~",class:"divider",part:"divider"}),this.renderButtons()))}static get style(){return"@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; width: 100%; --bh-modal-actions-bg: var(--color-bg-primary); --bh-modal-actions-border-color: var(--color-border-secondary); --bh-modal-actions-padding-top: var(--spacing-2xl); --bh-modal-actions-padding-x: var(--spacing-3xl); --bh-modal-actions-padding-bottom: var(--spacing-3xl); --bh-modal-actions-gap: var(--spacing-lg); --bh-modal-actions-destructive-bg: var(--color-bg-destructive); --bh-modal-actions-destructive-bg-hover: var(--color-bg-destructive-hover); --bh-modal-actions-destructive-bg-active: var( --color-bg-destructive-active ); --bh-modal-actions-destructive-color: var(--color-text-inverse); --bh-modal-actions-destructive-focus-ring: var(--color-bg-destructive); } } @layer bh-base { .modal-actions { display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-none); padding-top: var(--bh-modal-actions-padding-top); width: 100%; } .divider { height: 1px; width: 100%; flex-shrink: 0; background-color: var(--bh-modal-actions-border-color); margin-bottom: var(--bh-modal-actions-padding-top); } .modal-actions-content { display: flex; gap: var(--bh-modal-actions-gap); padding: 0 var(--bh-modal-actions-padding-x); padding-bottom: var(--bh-modal-actions-padding-bottom); width: 100%; box-sizing: border-box; } .actions-left { display: flex; gap: var(--bh-modal-actions-gap); align-items: center; } .actions-right { display: flex; gap: var(--bh-modal-actions-gap); align-items: center; justify-content: flex-end; } .btn-destructive { display: flex; align-items: center; justify-content: center; gap: var(--spacing-xxs); height: var(--bh-button-height-md); padding: 0 var(--spacing-lg); background-color: var(--bh-modal-actions-destructive-bg); color: var(--bh-modal-actions-destructive-color); border: none; border-radius: var(--radius-md); font-family: var(--font-inter); font-weight: var(--weight-semibold); font-size: var(--text-sm-size); line-height: var(--line-height-normal); letter-spacing: 0px; cursor: pointer; overflow: hidden; transition: background-color var(--animation-duration-fast) ease; } } @layer bh-variants { .modal-actions-content--fill { flex-direction: row; align-items: stretch; } .modal-actions-content--fill bh-button { flex: 1; display: block; width: 100%; } .modal-actions-content--fill bh-button::part(button) { width: 100%; } .modal-actions-content--fill .btn-destructive { flex: 1; } .modal-actions-content--right { flex-direction: row; align-items: center; justify-content: space-between; } @media (max-width: 480px) { .modal-actions-content--fill { flex-direction: column-reverse; align-items: stretch; } .modal-actions-content--fill bh-button, .modal-actions-content--fill .btn-destructive { flex: none; width: 100%; } } } @layer bh-states { .btn-destructive:hover { background-color: var(--bh-modal-actions-destructive-bg-hover); } .btn-destructive:focus-visible { outline: 2px solid var(--bh-modal-actions-destructive-focus-ring); outline-offset: 2px; } .btn-destructive:active { background-color: var(--bh-modal-actions-destructive-bg-active); } }"}},[769,"bh-modal-actions",{variant:[1],destructive:[4],primaryLabel:[1,"primary-label"],secondaryLabel:[1,"secondary-label"],divider:[4],_i18nVersion:[32]}]),g=p,f=function(){"undefined"!=typeof customElements&&["bh-modal-actions","bh-button","bh-loader-spinner"].forEach((t=>{switch(t){case"bh-modal-actions":customElements.get(n(t))\|\|customElements.define(n(t),p);break;case"bh-button":customElements.get(n(t))\|\|r();break;case"bh-loader-spinner":customElements.get(n(t))\|\|s()}}))};export{g as BhModalActions,f as defineCustomElement}
1	+ import{p as t,H as a,c as o,h as i,d as e,t as n}from"./p-YZi6LqIt.js";import{d as r}from"./p-BI2Y2Le4.js";import{d as s}from"./p-BbPrWlsw.js";import{c,m as d,M as l,r as b}from"./p-BJXjqxlX.js";import{B as h,r as m}from"./p-BNVOtH-1.js";const v="bh-modal-actions",p=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhAction=o(this,"bhAction")}logger=c(v);i18nUnsubscribe;_i18nVersion=0;variant="fill";destructive=!1;primaryLabel="Confirm";secondaryLabel="Cancel";divider=!1;bhAction;componentDidCatch(t){const a=t instanceof Error?t:Error(t+"");this.logger.error("Component error caught",a),d.increment(l.COMPONENT_ERROR,{component:v,error_type:a.name}),b(v,t)}componentWillLoad(){this.i18nUnsubscribe=h.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}handlePrimaryAction=()=>{this.bhAction.emit({action:"primary"})};handleSecondaryAction=()=>{this.bhAction.emit({action:"secondary"})};renderButtons(){const t="right-aligned"===this.variant,a=m("bh-modal-actions","primaryLabel",this.primaryLabel,"Confirm"),o=m("bh-modal-actions","secondaryLabel",this.secondaryLabel,"Cancel"),e=i("bh-button",{hierarchy:"primary",icon:"none",label:a,onBhClick:this.handlePrimaryAction,size:"md",variant:this.destructive?"destructive":"default"}),n=i("bh-button",{hierarchy:"secondary",icon:"none",label:o,onBhClick:this.handleSecondaryAction,size:"md"});return t?i("div",{class:"modal-actions-content modal-actions-content--right"},i("div",{class:"actions-left"},i("slot",{name:"left-content"})),i("div",{class:"actions-right"},n,e)):i("div",{class:"modal-actions-content modal-actions-content--fill"},n,e)}render(){return i(e,{key:"94f7dcfad4b06525117314126aae6bbea053bc52"},i("div",{key:"fc70502939c3bcfc5a3ee77f5e9ec269d7490b78",class:"modal-actions",part:"actions"},this.divider&&i("div",{key:"ebb4a1bb6d6512d109060fbc4b8d642d9e1bf0e3",class:"divider",part:"divider"}),this.renderButtons()))}static get style(){return"@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens { :host { display: block; width: 100%; --bh-modal-actions-bg: var(--color-bg-primary); --bh-modal-actions-border-color: var(--color-border-secondary); --bh-modal-actions-padding-top: var(--spacing-2xl); --bh-modal-actions-padding-x: var(--spacing-3xl); --bh-modal-actions-padding-bottom: var(--spacing-3xl); --bh-modal-actions-gap: var(--spacing-lg); --bh-modal-actions-destructive-bg: var(--color-bg-destructive); --bh-modal-actions-destructive-bg-hover: var(--color-bg-destructive-hover); --bh-modal-actions-destructive-bg-active: var( --color-bg-destructive-active ); --bh-modal-actions-destructive-color: var(--color-text-inverse); --bh-modal-actions-destructive-focus-ring: var(--color-bg-destructive); } } @layer bh-base { .modal-actions { display: flex; flex-direction: column; align-items: flex-start; gap: var(--spacing-none); padding-top: var(--bh-modal-actions-padding-top); width: 100%; } .divider { height: 1px; width: 100%; flex-shrink: 0; background-color: var(--bh-modal-actions-border-color); margin-bottom: var(--bh-modal-actions-padding-top); } .modal-actions-content { display: flex; gap: var(--bh-modal-actions-gap); padding: 0 var(--bh-modal-actions-padding-x); padding-bottom: var(--bh-modal-actions-padding-bottom); width: 100%; box-sizing: border-box; } .actions-left { display: flex; gap: var(--bh-modal-actions-gap); align-items: center; } .actions-right { display: flex; gap: var(--bh-modal-actions-gap); align-items: center; justify-content: flex-end; } .btn-destructive { display: flex; align-items: center; justify-content: center; gap: var(--spacing-xxs); height: var(--bh-button-height-md); padding: 0 var(--spacing-lg); background-color: var(--bh-modal-actions-destructive-bg); color: var(--bh-modal-actions-destructive-color); border: none; border-radius: var(--radius-md); font-family: var(--font-inter); font-weight: var(--weight-semibold); font-size: var(--text-sm-size); line-height: var(--line-height-normal); letter-spacing: 0px; cursor: pointer; overflow: hidden; transition: background-color var(--animation-duration-fast) ease; } } @layer bh-variants { .modal-actions-content--fill { flex-direction: row; align-items: stretch; } .modal-actions-content--fill bh-button { flex: 1; display: block; width: 100%; } .modal-actions-content--fill bh-button::part(button) { width: 100%; } .modal-actions-content--fill .btn-destructive { flex: 1; } .modal-actions-content--right { flex-direction: row; align-items: center; justify-content: space-between; } @media (max-width: 480px) { .modal-actions-content--fill { flex-direction: column-reverse; align-items: stretch; } .modal-actions-content--fill bh-button, .modal-actions-content--fill .btn-destructive { flex: none; width: 100%; } } } @layer bh-states { .btn-destructive:hover { background-color: var(--bh-modal-actions-destructive-bg-hover); } .btn-destructive:focus-visible { outline: 2px solid var(--bh-modal-actions-destructive-focus-ring); outline-offset: 2px; } .btn-destructive:active { background-color: var(--bh-modal-actions-destructive-bg-active); } }"}},[769,"bh-modal-actions",{variant:[1],destructive:[4],primaryLabel:[1,"primary-label"],secondaryLabel:[1,"secondary-label"],divider:[4],_i18nVersion:[32]}]),g=p,u=function(){"undefined"!=typeof customElements&&["bh-modal-actions","bh-button","bh-loader-spinner"].forEach((t=>{switch(t){case"bh-modal-actions":customElements.get(n(t))\|\|customElements.define(n(t),p);break;case"bh-button":customElements.get(n(t))\|\|r();break;case"bh-loader-spinner":customElements.get(n(t))\|\|s()}}))};export{g as BhModalActions,u as defineCustomElement}

package/components/bh-modal-header.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as t,c as o,h as a,d as r,t as i}from"./p-YZi6LqIt.js";import{d}from"./p-~~cD3vmu49~~.js";import{d as n}from"./p-~~BVwh7Zds~~.js";import{d as l}from"./p-~~GjWzFf-V~~.js";import{d as s}from"./p-BbPrWlsw.js";import{c,m as h,M as m,r as b}from"./p-BJXjqxlX.js";import{B as p,r as f}from"./p-BNVOtH-1.js";const g="bh-modal-header",v=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhClose=o(this,"bhClose")}logger=c(g);i18nUnsubscribe;_i18nVersion=0;modalTitle;description;icon;iconColor="success";showIcon=!0;showCloseButton=!0;variant="left-aligned";paddingBottom=!0;divider=!1;bhClose;componentDidCatch(e){const t=e instanceof Error?e:Error(e+"");this.logger.error("Component error caught",t),h.increment(m.COMPONENT_ERROR,{component:g,error_type:t.name}),b(g,e)}componentWillLoad(){this.i18nUnsubscribe=p.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}handleClose=()=>{this.bhClose.emit()};render(){const e="horizontal-left-aligned"===this.variant,t="center-aligned"===this.variant;return a(r,{key:"~~ceb366bc3b38b5dfde6e892f2a0879156c741215~~"},a("div",{key:"~~f120d9e8f3f6270dcce8b2797b75d05298fdaa9b~~",class:{"modal-header":!0,"modal-header--center":t,"modal-header--horizontal":e},part:"header"},a("div",{key:"~~61d5ddda1b8647bc4ebde1c102272c100de03ef4~~",class:{"modal-header-content":!0,"modal-header-content--center":t,"modal-header-content--horizontal":e}},this.showIcon&&this.icon&&a("bh-featured-icon",{key:"~~7e8b455c8642dcba81955d86fe2e4117e41ab507~~",color:this.iconColor,icon:this.icon,iconStyle:"outlined",size:"md"}),a("div",{key:"~~dfc98fab392c4f7ec5f3ac34e5131a5c80bd82d8~~",class:{"modal-text-content":!0,"modal-text-content--center":t,"modal-text-content--horizontal":e}},a("h3",{key:"~~b2b9f260fa0b93218213ea25b0c1e31548cd53e5~~",class:"modal-title"},this.modalTitle),this.description&&a("p",{key:"~~80abf53a4e8ae1c04f068605b4fd59c7581ede84~~",class:"modal-description"},this.description))),this.showCloseButton&&a("div",{key:"~~16280d61a2a3aecfcdd85e1b357ee598684ae320~~",class:"close-button"},a("bh-close-button",{key:"~~8d7186ab6504433e196d6969eb06bad4872f4c06~~",ariaLabel:f("bh-modal-header","closeAriaLabel",void 0,"Close modal"),onClick:this.handleClose}))),this.paddingBottom&&a("div",{key:"~~18d936e118b1b2e1937cf34299857635232d9b84~~",class:"padding-bottom"}),this.divider&&a("div",{key:"~~f7c50ffc0b8c21cf81ab4fa5a4dadf0c27b005b5~~",class:"divider"}))}static get style(){return"@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-none);width:100%;--bh-modal-header-bg:var(--color-bg-primary);--bh-modal-header-border-color:var(--color-border-secondary);--bh-modal-header-padding:var(--spacing-3xl);--bh-modal-header-gap:var(--spacing-xl);--bh-modal-header-gap-xs:var(--spacing-xs);--bh-modal-header-title-color:var(--color-text-primary);--bh-modal-header-description-color:var(--color-text-secondary);--bh-modal-header-close-button-top:var(--spacing-lg);--bh-modal-header-close-button-right:var(--spacing-lg)}}@layer bh-base{.modal-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-none);width:100%;position:relative}.modal-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bh-modal-header-gap);padding:var(--bh-modal-header-padding);padding-bottom:var(--spacing-none);width:100%}.modal-text-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bh-modal-header-gap-xs);width:100%;flex:1;min-width:0}.modal-title{margin:0;font-family:var(--font-inter);font-weight:var(--weight-semibold);font-size:var(--text-lg-size);line-height:var(--text-lg-line);letter-spacing:0px;color:var(--bh-modal-header-title-color);width:100%}.modal-description{margin:0;font-family:var(--font-inter);font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--text-sm-line);letter-spacing:0px;color:var(--bh-modal-header-description-color);width:100%}.close-button{position:absolute;top:var(--bh-modal-header-close-button-top);right:var(--bh-modal-header-close-button-right)}.padding-bottom{height:var(--sp-5);width:100%;flex-shrink:0}.divider{height:1px;width:100%;flex-shrink:0;background-color:var(--bh-modal-header-border-color)}}@layer bh-variants{.modal-header--center{align-items:center}.modal-header--horizontal{flex-direction:row;align-items:flex-start}.modal-header-content--center{align-items:center}.modal-header-content--horizontal{flex-direction:row;align-items:flex-start}.modal-text-content--center{align-items:center;text-align:center}.modal-text-content--horizontal{flex:1;min-width:1px;min-height:1px}}"}},[513,"bh-modal-header",{modalTitle:[1,"modal-title"],description:[1],icon:[1],iconColor:[1,"icon-color"],showIcon:[4,"show-icon"],showCloseButton:[4,"show-close-button"],variant:[1],paddingBottom:[4,"padding-bottom"],divider:[4],_i18nVersion:[32]}]),x=v,u=function(){"undefined"!=typeof customElements&&["bh-modal-header","bh-button-icon","bh-close-button","bh-featured-icon","bh-loader-spinner"].forEach((e=>{switch(e){case"bh-modal-header":customElements.get(i(e))\|\|customElements.define(i(e),v);break;case"bh-button-icon":customElements.get(i(e))\|\|d();break;case"bh-close-button":customElements.get(i(e))\|\|n();break;case"bh-featured-icon":customElements.get(i(e))\|\|l();break;case"bh-loader-spinner":customElements.get(i(e))\|\|s()}}))};export{x as BhModalHeader,u as defineCustomElement}
1	+ import{p as e,H as t,c as a,h as o,d as r,t as i}from"./p-YZi6LqIt.js";import{d}from"./p-CClVva-u.js";import{d as n}from"./p-2SnKTVal.js";import{d as l}from"./p-Dzlsnb7d.js";import{d as s}from"./p-BbPrWlsw.js";import{c,m as h,M as m,r as b}from"./p-BJXjqxlX.js";import{B as f,r as p}from"./p-BNVOtH-1.js";const g="bh-modal-header",v=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhClose=a(this,"bhClose")}logger=c(g);i18nUnsubscribe;_i18nVersion=0;modalTitle;description;icon;iconColor="success";showIcon=!0;showCloseButton=!0;variant="left-aligned";paddingBottom=!0;divider=!1;bhClose;componentDidCatch(e){const t=e instanceof Error?e:Error(e+"");this.logger.error("Component error caught",t),h.increment(m.COMPONENT_ERROR,{component:g,error_type:t.name}),b(g,e)}componentWillLoad(){this.i18nUnsubscribe=f.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}handleClose=()=>{this.bhClose.emit()};render(){const e="horizontal-left-aligned"===this.variant,t="center-aligned"===this.variant;return o(r,{key:"ad67a19797daa4794d03d92a79376ce58d1eb32d"},o("div",{key:"edc3786b536a94b686171aee0ced7681c571aad6",class:{"modal-header":!0,"modal-header--center":t,"modal-header--horizontal":e},part:"header"},o("div",{key:"975f872ce5ad7fc092b158b7ad81d1fa5abcb419",class:{"modal-header-content":!0,"modal-header-content--center":t,"modal-header-content--horizontal":e}},this.showIcon&&this.icon&&o("bh-featured-icon",{key:"90cd147b9fe455a74c8e30289f18d9f1fcf38b76",color:this.iconColor,icon:this.icon,iconStyle:"outlined",size:"md"}),o("div",{key:"95e85e400ec908ea63b0e5a718b05c4e3a93f05e",class:{"modal-text-content":!0,"modal-text-content--center":t,"modal-text-content--horizontal":e}},o("h3",{key:"3fe9e2672eba70b07f619f15e6df27349d56e273",class:"modal-title"},this.modalTitle),this.description&&o("p",{key:"d966ee3597668ff3714f9b8fd6fd2da541dbec03",class:"modal-description"},this.description))),this.showCloseButton&&o("div",{key:"9e8bbab0a090b7623c309b9873a5d15e01d2372a",class:"close-button"},o("bh-close-button",{key:"a6fd75b934605610445b1da005df36667fb34655",ariaLabel:p("bh-modal-header","closeAriaLabel",void 0,"Close modal"),onClick:this.handleClose}))),this.paddingBottom&&o("div",{key:"a93b6bf7df3f3a987640e035af088f17bef3086f",class:"padding-bottom"}),this.divider&&o("div",{key:"011105a18382f9b6fa6fd409e8d7d336cafc62d8",class:"divider"}))}static get style(){return"@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-none);width:100%;--bh-modal-header-bg:var(--color-bg-primary);--bh-modal-header-border-color:var(--color-border-secondary);--bh-modal-header-padding:var(--spacing-3xl);--bh-modal-header-gap:var(--spacing-xl);--bh-modal-header-gap-xs:var(--spacing-xs);--bh-modal-header-title-color:var(--color-text-primary);--bh-modal-header-description-color:var(--color-text-secondary);--bh-modal-header-close-button-top:var(--spacing-lg);--bh-modal-header-close-button-right:var(--spacing-lg)}}@layer bh-base{.modal-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-none);width:100%;position:relative}.modal-header-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bh-modal-header-gap);padding:var(--bh-modal-header-padding);padding-bottom:var(--spacing-none);width:100%}.modal-text-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bh-modal-header-gap-xs);width:100%;flex:1;min-width:0}.modal-title{margin:0;font-family:var(--font-inter);font-weight:var(--weight-semibold);font-size:var(--text-lg-size);line-height:var(--text-lg-line);letter-spacing:0px;color:var(--bh-modal-header-title-color);width:100%}.modal-description{margin:0;font-family:var(--font-inter);font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--text-sm-line);letter-spacing:0px;color:var(--bh-modal-header-description-color);width:100%}.close-button{position:absolute;top:var(--bh-modal-header-close-button-top);right:var(--bh-modal-header-close-button-right)}.padding-bottom{height:var(--sp-5);width:100%;flex-shrink:0}.divider{height:1px;width:100%;flex-shrink:0;background-color:var(--bh-modal-header-border-color)}}@layer bh-variants{.modal-header--center{align-items:center}.modal-header--horizontal{flex-direction:row;align-items:flex-start}.modal-header-content--center{align-items:center}.modal-header-content--horizontal{flex-direction:row;align-items:flex-start}.modal-text-content--center{align-items:center;text-align:center}.modal-text-content--horizontal{flex:1;min-width:1px;min-height:1px}}"}},[513,"bh-modal-header",{modalTitle:[1,"modal-title"],description:[1],icon:[1],iconColor:[1,"icon-color"],showIcon:[4,"show-icon"],showCloseButton:[4,"show-close-button"],variant:[1],paddingBottom:[4,"padding-bottom"],divider:[4],_i18nVersion:[32]}]),x=v,u=function(){"undefined"!=typeof customElements&&["bh-modal-header","bh-button-icon","bh-close-button","bh-featured-icon","bh-loader-spinner"].forEach((e=>{switch(e){case"bh-modal-header":customElements.get(i(e))\|\|customElements.define(i(e),v);break;case"bh-button-icon":customElements.get(i(e))\|\|d();break;case"bh-close-button":customElements.get(i(e))\|\|n();break;case"bh-featured-icon":customElements.get(i(e))\|\|l();break;case"bh-loader-spinner":customElements.get(i(e))\|\|s()}}))};export{x as BhModalHeader,u as defineCustomElement}

package/components/bh-month-picker-content.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{B as o,d as s}from"./p-~~BFL2Pm_E~~.js";const m=o~~,p=s~~;export{m as BhMonthPickerContent,p as defineCustomElement}
1	+ import{B as s,d as o}from"./p-CssmbrSc.js";const r=s,m=o;export{r as BhMonthPickerContent,m as defineCustomElement}

package/components/bh-month-picker.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{p as e,H as t,c as i,h as s,d as o,t as n}from"./p-YZi6LqIt.js";import{d as h}from"./p-~~oaisznHL~~.js";import{d as a}from"./p-~~cD3vmu49~~.js";import{d as r}from"./p-~~Be20AcNb~~.js";import{d as c}from"./p-~~B2KPN863~~.js";import{d as l}from"./p-BbPrWlsw.js";import{d}from"./p-~~BFL2Pm_E~~.js";import{d as p}from"./p-~~DBAPExTG~~.js";import{T as b,s as m,d as u}from"./p-~~Bf_iTZDv~~.js";import{c as k,m as f,M as g,r as y}from"./p-BJXjqxlX.js";import{c as v,t as w,a as x}from"./p-CqAYzGVs.js";import{c as C}from"./p-YdVz1TeW.js";import{P as B}from"./p-Sdr_qqWO.js";import{B as E,r as j}from"./p-BNVOtH-1.js";import{A as M}from"./p-BoVgy_Ao.js";const 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")}logger=k("bh-month-picker");destroy$=v();stateManager;closeTimerId=null;variant="dropdown-outlined";minYear=1998;maxYear=2060;disabled=!1;disabledMonths=[];label="Select Month";placeholder="Choose month and year";inputWidth="200px";showLabel=!0;showFooter=!0;value;isMenuClosing=!1;get el(){return this}isMenuOpen=!1;menuContainerEl;menuAnchor=new b;bhChange;bhFocus;bhBlur;bhOpen;bhClose;focusState=C();i18nUnsubscribe;focusVersion=0;_i18nVersion=0;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),f.increment(g.COMPONENT_ERROR,{component:"bh-month-picker",error_type:e instanceof Error?e.name:"unknown"}),y("bh-month-picker",e)}handleValueChange(e){this.stateManager&&this.stateManager.setValue(e??null)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.stateManager=new B({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=E.onLocaleChange((()=>{this._i18nVersion++}))}getDisplayValue(){const e=this.stateManager?.committedValue;return e?`${(""+(e.month+1)).padStart(2,"0")}/${e.year}`:""}getButtonLabel(){return this.getDisplayValue()\|\|this.placeholder}handleTriggerClick=()=>{this.disabled\|\|(this.stateManager.isOpen?this.closeMenu():this.stateManager.open())};handleInputFocus=()=>{this.disabled\|\|this.stateManager.isOpen\|\|this.stateManager.open()};handleFocus=e=>{this.focusState.handleFocus(e,(e=>this.bhFocus.emit(e)))};handleBlur=e=>{this.focusState.handleBlur(e,(e=>this.bhBlur.emit(e)))};handleMonthYearSelect=e=>{e.stopPropagation();const t=e.detail;t&&(this.showFooter?this.stateManager.setTempValue(t):(this.stateManager.setValue(t),this.bhChange.emit(t),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$?w(M.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}),M.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),x(this.destroy$),this.i18nUnsubscribe?.()}handleBackdropClick=()=>{this.handleMenuCancel()};render(){return s(o,{key:"~~45ab4ca8e6c4b4388fe9f5b3637a48d47e2a8abb~~"},s("div",{key:"~~bcae7b82c027a99f5813b5d50387593016a7c3d5~~",class:"month-picker-container","data-focused":this.focusState.isFocused+"",onFocusin:this.handleFocus,onFocusout:this.handleBlur,part:"container"},"dropdown-outlined"===this.variant&&s("div",{key:"~~7be63ef8f808a70c15908c7adf41ceedc7f4d5a5~~",class:"month-picker-trigger",onClick:this.handleTriggerClick},s("bh-button",{key:"~~e00534b8f6a02f85f28d4e3f0e8e709b5a60b1e4~~",disabled:this.disabled,hierarchy:"secondary",icon:"trailing",iconName:"expand_more",label:this.getButtonLabel(),size:"sm"})),"dropdown-ghost"===this.variant&&s("div",{key:"~~498b247c64c399543bad0ad6e27b5c144dd13d26~~",class:"month-picker-trigger",onClick:this.handleTriggerClick},s("bh-button",{key:"~~7d3d03b2723b3e883cd75b446006b3d5369d9687~~",disabled:this.disabled,hierarchy:"tertiary",icon:"trailing",iconName:"expand_more",label:this.getButtonLabel(),size:"sm"})),"input"===this.variant&&s("div",{key:"~~18fd25447c67c2283fa222f1e03b46f705e23701~~",class:"month-picker-trigger input-field-container"},s("bh-input-text",{key:"~~51c346b4df02351f0f304928eb2bd011972e943e~~",disabled:this.disabled,label:j("bh-month-picker","defaultLabel",this.label,"Select Month"),onFocus:this.handleInputFocus,placeholder:j("bh-month-picker","defaultPlaceholder",this.placeholder,"Choose month and year"),showHelpIcon:!1,showHintText:!1,showLabel:this.showLabel,showTrailingIcon:!0,trailingIcon:"calendar_month",value:this.getDisplayValue(),width:this.inputWidth}),s("div",{key:"~~551ce58ad4f1b33d1545f77a6a6545e775691100~~",class:"calendar-icon-overlay",onClick:this.handleTriggerClick})),s("div",{key:"~~79cc7b4934c7f27e4be6d1cc5549e8a76e36a29b~~",class:{"month-picker-menu-container":!0,"is-open":this.isMenuOpen&&!m},part:"menu",popover:m?"manual":void 0,ref:e=>this.menuContainerEl=e},s("bh-picker-menu",{key:"~~27d0d8edf8cf494af988c440a4f61119b7bffb66~~",disabled:this.disabled,disabledMonths:this.disabledMonths,maxYear:this.maxYear,minYear:this.minYear,onBhAction:this.handleMenuAction,onBhChange:this.handleMonthYearSelect,showFooter:this.showFooter,value:this.stateManager?.tempValue\|\|this.stateManager?.committedValue\|\|void 0,visible:this.isMenuOpen}))),(this.isMenuOpen\|\|this.isMenuClosing)&&s("div",{key:"~~e6829565c0a553a624ba6bd8b0e0d433215b66bc~~",class:"month-picker-backdrop",onClick:this.handleBackdropClick}))}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return"@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block;position:relative;--bh-month-picker-icon-overlay-width:var(--bh-button-height-md);--bh-month-picker-dropdown-z-index:var(--bh-z-index-dropdown);--bh-month-picker-dropdown-offset:var(--spacing-xs);--bh-month-picker-backdrop-z-index:var(--bh-z-index-raised)}}@layer bh-base{.month-picker-container{position:relative;display:inline-block}.month-picker-trigger{cursor:pointer}.month-picker-trigger.input-field-container{position:relative}.calendar-icon-overlay{position:absolute;top:0;right:0;width:var(--bh-month-picker-icon-overlay-width);height:100%;cursor:pointer;z-index:1}.month-picker-menu-container{}.month-picker-menu-container:popover-open{display:block;inset:auto;margin:0;border:none;padding:0;background:transparent;overflow:visible}.month-picker-menu-container{position:absolute;top:100%;left:0;z-index:var(--bh-month-picker-dropdown-z-index);margin-top:var(--bh-month-picker-dropdown-offset);display:none;}.month-picker-menu-container.is-open{display:block}.month-picker-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--bh-month-picker-backdrop-z-index);background:transparent}}"}},[513,"bh-month-picker",{variant:[1],minYear:[2,"min-year"],maxYear:[2,"max-year"],disabled:[4],disabledMonths:[16],label:[1],placeholder:[1],inputWidth:[1,"input-width"],showLabel:[4,"show-label"],showFooter:[4,"show-footer"],value:[16],isMenuClosing:[32],isMenuOpen:[32],focusVersion:[32],_i18nVersion:[32]},void 0,{value:[{handleValueChange:0}]}]),V=z,F=function(){"undefined"!=typeof customElements&&["bh-month-picker","bh-button","bh-button-icon","bh-input-text","bh-label","bh-loader-spinner","bh-month-picker-content","bh-picker-menu","bh-tooltip"].forEach((e=>{switch(e){case"bh-month-picker":customElements.get(n(e))\|\|customElements.define(n(e),z);break;case"bh-button":customElements.get(n(e))\|\|h();break;case"bh-button-icon":customElements.get(n(e))\|\|a();break;case"bh-input-text":customElements.get(n(e))\|\|r();break;case"bh-label":customElements.get(n(e))\|\|c();break;case"bh-loader-spinner":customElements.get(n(e))\|\|l();break;case"bh-month-picker-content":customElements.get(n(e))\|\|d();break;case"bh-picker-menu":customElements.get(n(e))\|\|p();break;case"bh-tooltip":customElements.get(n(e))\|\|u()}}))};export{V as BhMonthPicker,F as defineCustomElement}
1	+ import{p as e,H as t,c as i,h as s,d as o,t as n}from"./p-YZi6LqIt.js";import{d as h}from"./p-BI2Y2Le4.js";import{d as a}from"./p-CClVva-u.js";import{d as r}from"./p-S-miu3h6.js";import{d as c}from"./p-C7fkgBQS.js";import{d as l}from"./p-BbPrWlsw.js";import{d}from"./p-CssmbrSc.js";import{d as p}from"./p-CvwyG_Kj.js";import{T as b,s as m,d as u}from"./p-D6aw0IK6.js";import{c as k,m as f,M as g,r as y}from"./p-BJXjqxlX.js";import{c as v,t as w,a as C}from"./p-CqAYzGVs.js";import{c as x}from"./p-YdVz1TeW.js";import{P as j}from"./p-Sdr_qqWO.js";import{B as M,r as E}from"./p-BNVOtH-1.js";import{A as B}from"./p-BoVgy_Ao.js";const 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")}logger=k("bh-month-picker");destroy$=v();stateManager;closeTimerId=null;variant="dropdown-outlined";minYear=1998;maxYear=2060;disabled=!1;disabledMonths=[];label="Select Month";placeholder="Choose month and year";inputWidth="200px";showLabel=!0;showFooter=!0;value;isMenuClosing=!1;get el(){return this}isMenuOpen=!1;menuContainerEl;menuAnchor=new b;bhChange;bhFocus;bhBlur;bhOpen;bhClose;focusState=x();i18nUnsubscribe;focusVersion=0;_i18nVersion=0;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),f.increment(g.COMPONENT_ERROR,{component:"bh-month-picker",error_type:e instanceof Error?e.name:"unknown"}),y("bh-month-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.bhOpen.emit()},onClose:()=>{this.isMenuOpen=!1,this.bhClose.emit()},onApply:e=>{this.bhChange.emit(e)}}),this.value&&this.stateManager.setValue(this.value),this.i18nUnsubscribe=M.onLocaleChange((()=>{this._i18nVersion++}))}getDisplayValue(){const e=this.stateManager?.committedValue;return e?`${(""+(e.month+1)).padStart(2,"0")}/${e.year}`:""}getButtonLabel(){return this.getDisplayValue()\|\|this.placeholder}handleTriggerClick=()=>{this.disabled\|\|(this.stateManager.isOpen?this.closeMenu():this.stateManager.open())};handleInputFocus=()=>{this.disabled\|\|this.stateManager.isOpen\|\|this.stateManager.open()};handleFocus=e=>{this.focusState.handleFocus(e,(e=>this.bhFocus.emit(e)))};handleBlur=e=>{this.focusState.handleBlur(e,(e=>this.bhBlur.emit(e)))};handleMonthYearSelect=e=>{e.stopPropagation();const t=e.detail;t&&(this.showFooter?this.stateManager.setTempValue(t):(this.stateManager.setValue(t),this.bhChange.emit(t),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$?w(B.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}),B.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),C(this.destroy$),this.i18nUnsubscribe?.()}handleBackdropClick=()=>{this.handleMenuCancel()};render(){return s(o,{key:"bdcd6963b9514c723c8bcc14fa62981d568c0c05"},s("div",{key:"34e893e1dd2fe4831b8cc29d6b7efac6acc61fe2",class:"month-picker-container","data-focused":this.focusState.isFocused+"",onFocusin:this.handleFocus,onFocusout:this.handleBlur,part:"container"},"dropdown-outlined"===this.variant&&s("div",{key:"27c939700779f958b6afa92b603591d2be690051",class:"month-picker-trigger",onClick:this.handleTriggerClick},s("bh-button",{key:"7f15615410f4332fa4752ec110061b1ca1df721b",disabled:this.disabled,hierarchy:"secondary",icon:"trailing",iconName:"expand_more",label:this.getButtonLabel(),size:"sm"})),"dropdown-ghost"===this.variant&&s("div",{key:"b9489b1134353d6de389a3bac3c255997f3d05cc",class:"month-picker-trigger",onClick:this.handleTriggerClick},s("bh-button",{key:"dac579856e1f7379646c1d641d500243b72453fb",disabled:this.disabled,hierarchy:"tertiary",icon:"trailing",iconName:"expand_more",label:this.getButtonLabel(),size:"sm"})),"input"===this.variant&&s("div",{key:"da74a4dac0c40734187d7f48a80542c7cf7f4469",class:"month-picker-trigger input-field-container"},s("bh-input-text",{key:"2a19248c66030e7112970168e8a7bd5c26d758da",disabled:this.disabled,label:E("bh-month-picker","defaultLabel",this.label,"Select Month"),onFocus:this.handleInputFocus,placeholder:E("bh-month-picker","defaultPlaceholder",this.placeholder,"Choose month and year"),showHelpIcon:!1,showHintText:!1,showLabel:this.showLabel,showTrailingIcon:!0,trailingIcon:"calendar_month",value:this.getDisplayValue(),width:this.inputWidth}),s("div",{key:"822ed86e38fd689c632d199070cf89f5b21567c7",class:"calendar-icon-overlay",onClick:this.handleTriggerClick})),s("div",{key:"4e431f0ff46099de841b9d68aa112011ecd16f19",class:{"month-picker-menu-container":!0,"is-open":this.isMenuOpen&&!m},part:"menu",popover:m?"manual":void 0,ref:e=>this.menuContainerEl=e},s("bh-picker-menu",{key:"a0ae54586ed7fb014d096abf5bc8587eac6ca8d2",disabled:this.disabled,disabledMonths:this.disabledMonths,maxYear:this.maxYear,minYear:this.minYear,onBhAction:this.handleMenuAction,onBhChange:this.handleMonthYearSelect,showFooter:this.showFooter,value:this.stateManager?.tempValue\|\|this.stateManager?.committedValue\|\|void 0,visible:this.isMenuOpen}))),(this.isMenuOpen\|\|this.isMenuClosing)&&s("div",{key:"b1a24a44a00c644f9f541f4a03d66a0c9439c8e0",class:"month-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:inline-block;position:relative;--bh-month-picker-icon-overlay-width:var(--bh-button-height-md);--bh-month-picker-dropdown-z-index:var(--bh-z-index-dropdown);--bh-month-picker-dropdown-offset:var(--spacing-xs);--bh-month-picker-backdrop-z-index:var(--bh-z-index-raised)}}@layer bh-base{.month-picker-container{position:relative;display:inline-block}.month-picker-trigger{cursor:pointer}.month-picker-trigger.input-field-container{position:relative}.calendar-icon-overlay{position:absolute;top:0;right:0;width:var(--bh-month-picker-icon-overlay-width);height:100%;cursor:pointer;z-index:1}.month-picker-menu-container{}.month-picker-menu-container:popover-open{display:block;inset:auto;margin:0;border:none;padding:0;background:transparent;overflow:visible}.month-picker-menu-container{position:absolute;top:100%;left:0;z-index:var(--bh-month-picker-dropdown-z-index);margin-top:var(--bh-month-picker-dropdown-offset);display:none;}.month-picker-menu-container.is-open{display:block}.month-picker-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--bh-month-picker-backdrop-z-index);background:transparent}}"}},[513,"bh-month-picker",{variant:[1],minYear:[2,"min-year"],maxYear:[2,"max-year"],disabled:[4],disabledMonths:[16],label:[1],placeholder:[1],inputWidth:[1,"input-width"],showLabel:[4,"show-label"],showFooter:[4,"show-footer"],value:[16],isMenuClosing:[32],isMenuOpen:[32],focusVersion:[32],_i18nVersion:[32]},void 0,{value:[{handleValueChange:0}]}]),V=z,Y=function(){"undefined"!=typeof customElements&&["bh-month-picker","bh-button","bh-button-icon","bh-input-text","bh-label","bh-loader-spinner","bh-month-picker-content","bh-picker-menu","bh-tooltip"].forEach((e=>{switch(e){case"bh-month-picker":customElements.get(n(e))\|\|customElements.define(n(e),z);break;case"bh-button":customElements.get(n(e))\|\|h();break;case"bh-button-icon":customElements.get(n(e))\|\|a();break;case"bh-input-text":customElements.get(n(e))\|\|r();break;case"bh-label":customElements.get(n(e))\|\|c();break;case"bh-loader-spinner":customElements.get(n(e))\|\|l();break;case"bh-month-picker-content":customElements.get(n(e))\|\|d();break;case"bh-picker-menu":customElements.get(n(e))\|\|p();break;case"bh-tooltip":customElements.get(n(e))\|\|u()}}))};export{V as BhMonthPicker,Y as defineCustomElement}