rebill-web-components-sdk 1.10.10-beta.1 → 1.10.10-beta.3

package/dist/rebill-web-components-sdk/{p-c6c8bf05.entry.js → p-6eede717.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as o}from"./p-BTZ7D7jU.js";import{S as i,I as t}from"./p-DPLmRWqO.js";const l=".input-container{display:flex;flex-direction:column}.input-label{font-size:0.875rem;color:var(--rebill-color-text-primary);font-weight:500;margin-bottom:0.375rem}.input-label.disabled{cursor:not-allowed}.input-element{border-radius:var(--input-group-inner-border-radius, 8px);border:1.5px solid var(--rebill-color-border);padding:10px 14px;font-size:0.875rem;color:var(--rebill-color-text-primary);outline:none;transition:border-color 0.2s;background:var(--rebill-color-background);height:38.33px;box-sizing:border-box}.input-element.input-error{border-color:var(--rebill-color-error)}.input-element:disabled{background-color:var(--rebill-color-background);border-color:var(--rebill-color-disabled);color:var(--rebill-color-text-secondary);cursor:not-allowed;opacity:0.7}select.input-element{padding:10px 30px 10px 14px;appearance:none;cursor:pointer}select.input-element:disabled{cursor:not-allowed}.input-element:focus{border-color:var(--rebill-color-primary)}.input-element:disabled:focus{border-color:var(--rebill-color-disabled)}.input-element::placeholder{color:var(--rebill-color-text-secondary-light);font-size:0.875rem;opacity:1}.select-wrapper.disabled .select-icon{color:var(--rebill-color-disabled)}.error-message{color:var(--rebill-color-error);font-size:0.75rem;margin-top:0.375rem}@media screen and (max-width: 768px){.input-element{font-size:1rem}.input-element::placeholder{font-size:1rem}}:host{display:block;width:100%;box-sizing:border-box}.select-wrapper{position:relative;width:100%;box-sizing:border-box}.select-trigger{width:100%;height:38.33px;border-radius:var(--input-group-inner-border-radius, 8px);border:1.5px solid var(--rebill-color-border);padding:10px 14px;padding-right:30px;font-size:0.875rem;font-weight:normal;color:var(--rebill-color-text-primary);outline:none;transition:border-color 0.2s;background:var(--rebill-color-background);cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none;box-sizing:border-box;min-width:0;}.select-trigger:focus{outline:none;border-color:var(--rebill-color-primary);box-shadow:0 0 0 2px var(--rebill-color-primary-light)}.select-trigger:hover:not(.disabled){border-color:var(--rebill-color-primary)}.select-trigger.input-error{border-color:var(--rebill-color-error) !important}.select-trigger.placeholder .select-value{color:var(--rebill-color-text-secondary-light);font-size:0.875rem}.select-wrapper.disabled .select-trigger{background-color:var(--rebill-color-background);color:var(--rebill-color-text-secondary);cursor:not-allowed;opacity:0.7}.select-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-wrapper{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;height:20px;width:20px}.select-icon{color:var(--rebill-color-text-secondary);transition:transform 0.2s ease;transform-origin:50% 50%;display:block}.select-icon.rotated{transform:rotateX(180deg)}.select-wrapper.disabled .select-icon{color:var(--rebill-color-disabled)}.select-trigger.underlined{width:100%;height:38.33px;padding:10px 14px;padding-right:40px;font-size:0.875rem;font-weight:normal;color:var(--rebill-color-text-primary);outline:none;background:var(--rebill-color-background);cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none;min-width:0;border:none}.select-trigger.underlined:focus{border:none;box-shadow:none}.select-dropPosition.open-down{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:var(--rebill-color-background);border:1px solid var(--rebill-color-border);border-radius:0.375rem;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),\n    0 2px 4px -1px rgba(0, 0, 0, 0.06);margin-top:0.25rem;max-height:200px;overflow-y:auto;animation:slideDown 0.15s ease-out;box-sizing:border-box;width:100%}.select-dropPosition.open-up{position:absolute;bottom:100%;left:0;right:0;z-index:1000;background-color:var(--rebill-color-background);border:1px solid var(--rebill-color-border);border-radius:0.375rem;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),\n    0 2px 4px -1px rgba(0, 0, 0, 0.06);margin-bottom:0.25rem;margin-top:0;max-height:200px;overflow-y:auto;animation:slideUp 0.15s ease-out;box-sizing:border-box;width:100%}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.select-option{padding:0.75rem;font-size:0.875rem;color:var(--rebill-color-text-primary);cursor:pointer;border-bottom:1px solid var(--rebill-color-border);transition:background-color 0.15s ease}.select-option:last-child{border-bottom:none}.select-option:hover,.select-option.highlighted{background-color:#f0f9ff}.select-option.selected{background-color:var(--rebill-color-primary);color:white}.select-option.selected:hover,.select-option.selected.highlighted{background-color:var(--rebill-color-primary)}.select-dropdown::-webkit-scrollbar{width:6px}.select-dropdown::-webkit-scrollbar-track{background:transparent}.select-dropdown::-webkit-scrollbar-thumb{background-color:var(--rebill-color-border);border-radius:3px}.select-dropdown::-webkit-scrollbar-thumb:hover{background-color:var(--rebill-color-text-secondary)}.search-container{padding:0.75rem;border-bottom:1px solid var(--rebill-color-border);background-color:var(--rebill-color-background)}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:0.75rem;color:var(--rebill-color-text-secondary);z-index:1;pointer-events:none}.search-input{width:100%;padding:0.5rem 0.75rem 0.5rem 2.5rem;border:1px solid var(--rebill-color-border);border-radius:0.375rem;font-size:0.875rem;color:var(--rebill-color-text-primary);background-color:var(--rebill-color-background);outline:none;transition:border-color 0.2s ease;box-sizing:border-box}.search-input:focus{border-color:var(--rebill-color-primary);box-shadow:0 0 0 2px var(--rebill-color-primary-light)}.search-input::placeholder{color:var(--rebill-color-text-secondary-light);font-size:0.875rem}.clear-search{position:absolute;right:0.75rem;background:none;border:none;cursor:pointer;padding:0.25rem;border-radius:0.25rem;display:flex;align-items:center;justify-content:center;color:var(--rebill-color-text-secondary);transition:background-color 0.2s ease}.clear-search:hover{background-color:var(--rebill-color-background-hover);color:var(--rebill-color-text-primary)}.no-results{padding:0.75rem;text-align:center;color:var(--rebill-color-text-secondary);font-style:italic;border-bottom:1px solid var(--rebill-color-border)}.loading-message{padding:0.75rem;text-align:center;color:var(--rebill-color-text-secondary);display:flex;align-items:center;justify-content:center;gap:0.5rem;border-bottom:1px solid var(--rebill-color-border)}.loading-message .spinner{width:14px;height:14px;border:2px solid rgba(0, 0, 0, 0.1);border-radius:50%;border-top-color:var(--rebill-color-primary, #007bff);animation:spin 1s linear infinite}.spinner{width:16px;height:16px;border:2px solid rgba(0, 0, 0, 0.1);border-radius:50%;border-top-color:var(--rebill-color-primary, #007bff);animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media screen and (max-width: 768px){.select-trigger{font-size:1rem}.select-trigger.placeholder .select-value{font-size:1rem}.select-option{font-size:1rem}.search-input{font-size:1rem}.search-input::placeholder{font-size:1rem}.loading-message{font-size:1rem}.no-results{font-size:1rem}}";const s=class{constructor(o){e(this,o);this.input=r(this,"input")}dropdownRef;triggerRef;searchInputRef;unsubscribeCurrentLocaleStore;label="";options=[];value="";error="";id="";disabled=false;placeholder="Selecciona una opción";variant;arrowIcon="up-down";dropPosition="down";fontSize="14px";backgroundColor="";searchable=false;searchPlaceholder="Search for options...";loading=false;isOpen=false;componentId="";highlightedIndex=-1;searchTerm="";filteredOptions=[];languageUpdateTrigger=0;input;componentWillLoad(){this.filteredOptions=[...this.options];this.componentId=this.id||`select-${Math.random().toString(36).substr(2,9)}`}componentDidLoad(){this.unsubscribeCurrentLocaleStore=i.onChange("currentLocale",(()=>{this.languageUpdateTrigger++}))}disconnectedCallback(){if(this.unsubscribeCurrentLocaleStore){this.unsubscribeCurrentLocaleStore()}}componentWillUpdate(){this.filteredOptions=[...this.options];if(this.searchable){this.filterOptions()}}handleFormChange(e){const r=e.detail;if(r&&this.id in r){const e=r[this.id];if(e!==this.value&&typeof e==="string"){this.value=e;this.input.emit({id:this.id,value:this.value})}}}handleCloseAllSelects(e){if(e.detail!==this.componentId){this.closeDropdown()}}handleDocumentClick(e){if(this.dropdownRef&&this.triggerRef&&!this.dropdownRef.contains(e.target)&&!this.triggerRef.contains(e.target)){this.closeDropdown()}}handleKeyDown(e){if(this.disabled)return;if(this.searchable&&this.searchInputRef&&e.target===this.searchInputRef){return}switch(e.key){case"Enter":case" ":e.preventDefault();if(this.isOpen&&this.highlightedIndex>=0){this.selectOption(this.filteredOptions[this.highlightedIndex])}else{this.toggleDropdown()}break;case"Escape":e.preventDefault();this.closeDropdown();break;case"ArrowDown":e.preventDefault();if(!this.isOpen){this.openDropdown()}else{this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredOptions.length-1)}break;case"ArrowUp":e.preventDefault();if(this.isOpen){this.highlightedIndex=Math.max(this.highlightedIndex-1,0)}break}}toggleDropdown=()=>{if(this.disabled)return;const e=this.isOpen;this.isOpen=!this.isOpen;if(this.isOpen){if(!e){document.dispatchEvent(new CustomEvent("closeAllSelects",{detail:this.componentId}))}this.highlightedIndex=this.filteredOptions.findIndex((e=>e.value===this.value));if(this.highlightedIndex===-1){this.highlightedIndex=0}if(this.searchable){this.focusSearchInput()}}else{this.searchTerm="";this.filterOptions()}};openDropdown=()=>{if(this.disabled)return;document.dispatchEvent(new CustomEvent("closeAllSelects",{detail:this.componentId}));this.isOpen=true;this.highlightedIndex=this.filteredOptions.findIndex((e=>e.value===this.value));if(this.highlightedIndex===-1){this.highlightedIndex=0}if(this.searchable){this.focusSearchInput()}};focusSearchInput=()=>{const e=()=>{if(this.searchInputRef){this.searchInputRef.focus();this.searchInputRef.select()}};e();requestAnimationFrame((()=>{e()}));setTimeout((()=>{e()}),10)};closeDropdown=()=>{this.isOpen=false;this.highlightedIndex=-1;this.searchTerm="";this.filterOptions()};selectOption=e=>{if(this.disabled)return;this.value=e.value;this.closeDropdown();this.input.emit({id:this.id,value:this.value,disabled:this.disabled})};getSelectedOptionLabel=()=>{const e=this.options.find((e=>e.value===this.value));return e?e.label:this.placeholder};getArrowIcon=()=>{if(this.arrowIcon==="up-down")return"chevron-up-down";return"chevron-down"};filterOptions=()=>{if(!this.searchTerm.trim()){this.filteredOptions=[...this.options]}else{this.filteredOptions=this.options.filter((e=>e.label.toLowerCase().includes(this.searchTerm.toLowerCase())))}this.highlightedIndex=-1};handleSearchInput=e=>{const r=e.target;this.searchTerm=r.value;this.filterOptions()};clearSearch=()=>{this.searchTerm="";this.filterOptions()};handleSearchClick=e=>{e.stopPropagation()};render(){const e=this.getSelectedOptionLabel();const r=this.value!=="";return o("div",{key:"32f4999edb4d4da2812560c63946e05c950caee5",class:"input-container"},this.label&&o("label",{key:"70445887d1b5d440b22cf938e56b16cc3f02b0e0",class:`input-label ${this.disabled?"disabled":""}`},this.label),o("div",{key:"7f5ff1a2db4226036f41063d29b20b8f40422e32",class:`select-wrapper ${this.disabled?"disabled":""} ${this.isOpen?"open":""}`},o("div",{key:"062cdd5aecbb1bceaa415aaf2f6296e80541ed37",ref:e=>this.triggerRef=e,class:`input-element select-trigger ${this.error?"input-error":""} ${!r?"placeholder":""} ${this.variant==="underlined"?"underlined":""}`,style:{backgroundColor:this.backgroundColor},onClick:this.toggleDropdown,tabIndex:this.disabled?-1:0,role:"combobox","aria-expanded":this.isOpen.toString(),"aria-haspopup":"listbox","aria-labelledby":this.label?`${this.id}-label`:undefined},o("span",{key:"b92ecf5026213ec910b88d79ba4de80dfd73cf84",class:"select-value",style:{fontSize:this.fontSize},innerHTML:e}),o("div",{key:"b36d9acfbbb2cfbd095528fae43530c27d933fa3",class:"icon-wrapper"},this.loading?o("div",{class:"spinner"}):o("rebill-icon",{name:this.getArrowIcon(),size:"20px",class:`select-icon ${this.isOpen&&this.arrowIcon==="down"?"rotated":""}`}))),this.isOpen&&o("div",{key:"3ff2163c2dfbb2f175a433cc98155eebf22b577f",ref:e=>this.dropdownRef=e,class:`select-dropPosition ${this.dropPosition==="up"?"open-up":"open-down"}`,role:"listbox"},this.searchable&&o("div",{key:"603ff27e7ffcb72ab9a534a9f2a15a710e32ddb1",class:"search-container",onClick:this.handleSearchClick},o("div",{key:"a6f1c006b21d3dfd7f21093a38cf599a71e1f704",class:"search-input-wrapper"},o("rebill-icon",{key:"97dc7561f5a63c44c96cb91f8ed17fa95c002d11",name:"search",size:"16px",class:"search-icon"}),o("input",{key:"f14c4907a47f1d42094ff4f3dd34c3b9ee0bbfd5",ref:e=>this.searchInputRef=e,type:"text",class:"search-input",placeholder:this.searchPlaceholder,value:this.searchTerm,onInput:this.handleSearchInput,onClick:this.handleSearchClick,style:{fontSize:this.fontSize}}),this.searchTerm&&o("button",{key:"343ebb91f0a3fd3653a4b2ddc35f9fb6888cf018",type:"button",class:"clear-search",onClick:e=>{e.stopPropagation();this.clearSearch()},"aria-label":"Clear search"},o("rebill-icon",{key:"64414b770dc61ff142733c04858282c8a2e60bf6",name:"x",size:"16px"})))),this.loading&&this.filteredOptions.length===0?o("div",{class:"loading-message",style:{fontSize:this.fontSize}},o("div",{class:"spinner"}),t.translate("common.loadingOptions")):this.filteredOptions.length>0?this.filteredOptions.map(((e,r)=>o("div",{class:`select-option ${this.value===e.value?"selected":""} ${this.highlightedIndex===r?"highlighted":""}`,style:{fontSize:this.fontSize},onClick:()=>this.selectOption(e),role:"option","aria-selected":this.value===e.value?"true":"false"},o("span",{innerHTML:e.label})))):o("div",{class:"no-results",style:{fontSize:this.fontSize}},"No se encontraron resultados"))),this.error&&o("span",{key:"58eb536511f2474d888f28a475f8f1abe224e306",class:"error-message"},this.error))}};s.style=l;export{s as rebill_input_select};
-//# sourceMappingURL=p-c6c8bf05.entry.js.map
+import{r as e,c as r,h as o}from"./p-BTZ7D7jU.js";import{S as i,I as t}from"./p-DPLmRWqO.js";const l=".input-container{display:flex;flex-direction:column}.input-label{font-size:0.875rem;color:var(--rebill-color-text-primary);font-weight:500;margin-bottom:0.375rem}.input-label.disabled{cursor:not-allowed}.input-element{border-radius:var(--input-group-inner-border-radius, 8px);border:1.5px solid var(--rebill-color-border);padding:10px 14px;font-size:0.875rem;color:var(--rebill-color-text-primary);outline:none;transition:border-color 0.2s;background:var(--rebill-color-background);height:38.33px;box-sizing:border-box}.input-element.input-error{border-color:var(--rebill-color-error)}.input-element:disabled{background-color:var(--rebill-color-background);border-color:var(--rebill-color-disabled);color:var(--rebill-color-text-secondary);cursor:not-allowed;opacity:0.7}select.input-element{padding:10px 30px 10px 14px;appearance:none;cursor:pointer}select.input-element:disabled{cursor:not-allowed}.input-element:focus{border-color:var(--rebill-color-primary)}.input-element:disabled:focus{border-color:var(--rebill-color-disabled)}.input-element::placeholder{color:var(--rebill-color-text-secondary-light);font-size:0.875rem;opacity:1}.select-wrapper.disabled .select-icon{color:var(--rebill-color-disabled)}.error-message{color:var(--rebill-color-error);font-size:0.75rem;margin-top:0.375rem}@media screen and (max-width: 768px){.input-element{font-size:1rem}.input-element::placeholder{font-size:1rem}}:host{display:block;width:100%;box-sizing:border-box}.select-wrapper{position:relative;width:100%;box-sizing:border-box}.select-trigger{width:100%;height:38.33px;border-radius:var(--input-group-inner-border-radius, 8px);border:1.5px solid var(--rebill-color-border);padding:10px 14px;padding-right:30px;font-size:0.875rem;font-weight:normal;color:var(--rebill-color-text-primary);outline:none;transition:border-color 0.2s;background:var(--rebill-color-background);cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none;box-sizing:border-box;min-width:0;}.select-trigger:focus{outline:none;border-color:var(--rebill-color-primary);box-shadow:0 0 0 2px var(--rebill-color-primary-light)}.select-trigger:hover:not(.disabled){border-color:var(--rebill-color-primary)}.select-trigger.input-error{border-color:var(--rebill-color-error) !important}.select-trigger.placeholder .select-value{color:var(--rebill-color-text-secondary-light);font-size:0.875rem}.select-wrapper.disabled .select-trigger{background-color:var(--rebill-color-background);color:var(--rebill-color-text-secondary);cursor:not-allowed;opacity:0.7}.select-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-wrapper{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;height:20px;width:20px}.select-icon{color:var(--rebill-color-text-secondary);transition:transform 0.2s ease;transform-origin:50% 50%;display:block}.select-icon.rotated{transform:rotateX(180deg)}.select-wrapper.disabled .select-icon{color:var(--rebill-color-disabled)}.select-trigger.underlined{width:100%;height:38.33px;padding:10px 14px;padding-right:40px;font-size:0.875rem;font-weight:normal;color:var(--rebill-color-text-primary);outline:none;background:var(--rebill-color-background);cursor:pointer;display:flex;align-items:center;justify-content:space-between;user-select:none;min-width:0;border:none}.select-trigger.underlined:focus{border:none;box-shadow:none}.select-dropPosition.open-down{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:var(--rebill-color-background);border:1px solid var(--rebill-color-border);border-radius:0.375rem;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),\n    0 2px 4px -1px rgba(0, 0, 0, 0.06);margin-top:0.25rem;max-height:200px;overflow-y:auto;animation:slideDown 0.15s ease-out;box-sizing:border-box;width:100%}.select-dropPosition.open-up{position:absolute;bottom:100%;left:0;right:0;z-index:1000;background-color:var(--rebill-color-background);border:1px solid var(--rebill-color-border);border-radius:0.375rem;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),\n    0 2px 4px -1px rgba(0, 0, 0, 0.06);margin-bottom:0.25rem;margin-top:0;max-height:200px;overflow-y:auto;animation:slideUp 0.15s ease-out;box-sizing:border-box;width:100%}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.select-option{padding:0.75rem;font-size:0.875rem;color:var(--rebill-color-text-primary);cursor:pointer;border-bottom:1px solid var(--rebill-color-border);transition:background-color 0.15s ease}.select-option:last-child{border-bottom:none}.select-option:hover,.select-option.highlighted{background-color:#f0f9ff}.select-option.selected{background-color:var(--rebill-color-primary);color:white}.select-option.selected:hover,.select-option.selected.highlighted{background-color:var(--rebill-color-primary)}.select-dropdown::-webkit-scrollbar{width:6px}.select-dropdown::-webkit-scrollbar-track{background:transparent}.select-dropdown::-webkit-scrollbar-thumb{background-color:var(--rebill-color-border);border-radius:3px}.select-dropdown::-webkit-scrollbar-thumb:hover{background-color:var(--rebill-color-text-secondary)}.search-container{padding:0.75rem;border-bottom:1px solid var(--rebill-color-border);background-color:var(--rebill-color-background)}.search-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:0.75rem;color:var(--rebill-color-text-secondary);z-index:1;pointer-events:none}.search-input{width:100%;padding:0.5rem 0.75rem 0.5rem 2.5rem;border:1px solid var(--rebill-color-border);border-radius:0.375rem;font-size:0.875rem;color:var(--rebill-color-text-primary);background-color:var(--rebill-color-background);outline:none;transition:border-color 0.2s ease;box-sizing:border-box}.search-input:focus{border-color:var(--rebill-color-primary);box-shadow:0 0 0 2px var(--rebill-color-primary-light)}.search-input::placeholder{color:var(--rebill-color-text-secondary-light);font-size:0.875rem}.clear-search{position:absolute;right:0.75rem;background:none;border:none;cursor:pointer;padding:0.25rem;border-radius:0.25rem;display:flex;align-items:center;justify-content:center;color:var(--rebill-color-text-secondary);transition:background-color 0.2s ease}.clear-search:hover{background-color:var(--rebill-color-background-hover);color:var(--rebill-color-text-primary)}.no-results{padding:0.75rem;text-align:center;color:var(--rebill-color-text-secondary);font-style:italic;border-bottom:1px solid var(--rebill-color-border)}.loading-message{padding:0.75rem;text-align:center;color:var(--rebill-color-text-secondary);display:flex;align-items:center;justify-content:center;gap:0.5rem;border-bottom:1px solid var(--rebill-color-border)}.loading-message .spinner{width:14px;height:14px;border:2px solid rgba(0, 0, 0, 0.1);border-radius:50%;border-top-color:var(--rebill-color-primary, #007bff);animation:spin 1s linear infinite}.spinner{width:16px;height:16px;border:2px solid rgba(0, 0, 0, 0.1);border-radius:50%;border-top-color:var(--rebill-color-primary, #007bff);animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media screen and (max-width: 768px){.select-trigger{font-size:1rem}.select-trigger.placeholder .select-value{font-size:1rem}.select-option{font-size:1rem}.search-input{font-size:1rem}.search-input::placeholder{font-size:1rem}.loading-message{font-size:1rem}.no-results{font-size:1rem}}";const s=class{constructor(o){e(this,o);this.input=r(this,"input")}dropdownRef;triggerRef;searchInputRef;unsubscribeCurrentLocaleStore;label="";options=[];value="";error="";id="";disabled=false;placeholder="Selecciona una opción";variant;arrowIcon="up-down";dropPosition="down";fontSize="14px";backgroundColor="";searchable=false;searchPlaceholder="Search for options...";loading=false;isOpen=false;componentId="";highlightedIndex=-1;searchTerm="";filteredOptions=[];languageUpdateTrigger=0;input;componentWillLoad(){this.filteredOptions=[...this.options];this.componentId=this.id||`select-${Math.random().toString(36).substr(2,9)}`}componentDidLoad(){this.unsubscribeCurrentLocaleStore=i.onChange("currentLocale",(()=>{this.languageUpdateTrigger++}))}disconnectedCallback(){if(this.unsubscribeCurrentLocaleStore){this.unsubscribeCurrentLocaleStore()}}componentWillUpdate(){this.filteredOptions=[...this.options];if(this.searchable){this.filterOptions()}}handleFormChange(e){const r=e.detail;if(r&&this.id in r){const e=r[this.id];if(e!==this.value&&typeof e==="string"){this.value=e;this.input.emit({id:this.id,value:this.value})}}}handleCloseAllSelects(e){if(e.detail!==this.componentId){this.closeDropdown()}}handleDocumentClick(e){if(this.dropdownRef&&this.triggerRef&&!this.dropdownRef.contains(e.target)&&!this.triggerRef.contains(e.target)){this.closeDropdown()}}handleKeyDown(e){if(this.disabled)return;if(this.searchable&&this.searchInputRef&&e.target===this.searchInputRef){return}switch(e.key){case"Enter":case" ":e.preventDefault();if(this.isOpen&&this.highlightedIndex>=0){this.selectOption(this.filteredOptions[this.highlightedIndex])}else{this.toggleDropdown()}break;case"Escape":e.preventDefault();this.closeDropdown();break;case"ArrowDown":e.preventDefault();if(!this.isOpen){this.openDropdown()}else{this.highlightedIndex=Math.min(this.highlightedIndex+1,this.filteredOptions.length-1)}break;case"ArrowUp":e.preventDefault();if(this.isOpen){this.highlightedIndex=Math.max(this.highlightedIndex-1,0)}break}}toggleDropdown=()=>{if(this.disabled)return;const e=this.isOpen;this.isOpen=!this.isOpen;if(this.isOpen){if(!e){document.dispatchEvent(new CustomEvent("closeAllSelects",{detail:this.componentId}))}this.highlightedIndex=this.filteredOptions.findIndex((e=>e.value===this.value));if(this.highlightedIndex===-1){this.highlightedIndex=0}if(this.searchable){this.focusSearchInput()}}else{this.searchTerm="";this.filterOptions()}};openDropdown=()=>{if(this.disabled)return;document.dispatchEvent(new CustomEvent("closeAllSelects",{detail:this.componentId}));this.isOpen=true;this.highlightedIndex=this.filteredOptions.findIndex((e=>e.value===this.value));if(this.highlightedIndex===-1){this.highlightedIndex=0}if(this.searchable){this.focusSearchInput()}};focusSearchInput=()=>{const e=()=>{if(this.searchInputRef){this.searchInputRef.focus();this.searchInputRef.select()}};e();requestAnimationFrame((()=>{e()}));setTimeout((()=>{e()}),10)};closeDropdown=()=>{this.isOpen=false;this.highlightedIndex=-1;this.searchTerm="";this.filterOptions()};selectOption=e=>{if(this.disabled)return;this.value=e.value;this.closeDropdown();this.input.emit({id:this.id,value:this.value,disabled:this.disabled})};getSelectedOptionLabel=()=>{const e=this.options.find((e=>e.value===this.value));return e?e.label:this.placeholder};getArrowIcon=()=>{if(this.arrowIcon==="up-down")return"chevron-up-down";return"chevron-down"};filterOptions=()=>{if(!this.searchTerm.trim()){this.filteredOptions=[...this.options]}else{this.filteredOptions=this.options.filter((e=>e.label.toLowerCase().includes(this.searchTerm.toLowerCase())))}this.highlightedIndex=-1};handleSearchInput=e=>{const r=e.target;this.searchTerm=r.value;this.filterOptions()};clearSearch=()=>{this.searchTerm="";this.filterOptions()};handleSearchClick=e=>{e.stopPropagation()};render(){const e=this.getSelectedOptionLabel();const r=this.value!=="";return o("div",{key:"0e6f5c3da18fb9dbeb93f45162041b5505097564",class:"input-container"},this.label&&o("label",{key:"9505b104c9e3f3f1a364ed6d2d780bfeb7a69012",class:`input-label ${this.disabled?"disabled":""}`},this.label),o("div",{key:"55243fa12938ade6c83007c446b7b1f616d444aa",class:`select-wrapper ${this.disabled?"disabled":""} ${this.isOpen?"open":""}`},o("div",{key:"2720934fc5005d0e8e4317a79edc4bde4b82a7d8",ref:e=>this.triggerRef=e,class:`input-element select-trigger ${this.error?"input-error":""} ${!r?"placeholder":""} ${this.variant==="underlined"?"underlined":""}`,style:{backgroundColor:this.backgroundColor},onClick:this.toggleDropdown,tabIndex:this.disabled?-1:0,role:"combobox","aria-expanded":this.isOpen.toString(),"aria-haspopup":"listbox","aria-labelledby":this.label?`${this.id}-label`:undefined},o("span",{key:"d8ed0ea9ebe50c4cbd669ad7e13e305300e15dc4",class:"select-value",style:{fontSize:this.fontSize},innerHTML:e}),o("div",{key:"ed8f0cfb60ce0d98439e2349d03b1bda7ef195e8",class:"icon-wrapper"},this.loading?o("div",{class:"spinner"}):o("rebill-icon",{name:this.getArrowIcon(),size:"20px",class:`select-icon ${this.isOpen&&this.arrowIcon==="down"?"rotated":""}`}))),this.isOpen&&o("div",{key:"533d68b163dd306e4ad1430c00fab0e40f3eb1c9",ref:e=>this.dropdownRef=e,class:`select-dropPosition ${this.dropPosition==="up"?"open-up":"open-down"}`,role:"listbox"},this.searchable&&o("div",{key:"1b4735d29d10550a7ad375909b2096d6b57df0be",class:"search-container",onClick:this.handleSearchClick},o("div",{key:"a8fe85af07599b66006e4682436b8c25189a503e",class:"search-input-wrapper"},o("rebill-icon",{key:"738e594819d828b0c6239a1fb86e5aea9b23879f",name:"search",size:"16px",class:"search-icon"}),o("input",{key:"604587d45d3d22f209afef0fc052fbab41fcaae4",ref:e=>this.searchInputRef=e,type:"text",class:"search-input",placeholder:this.searchPlaceholder,value:this.searchTerm,onInput:this.handleSearchInput,onClick:this.handleSearchClick,style:{fontSize:this.fontSize}}),this.searchTerm&&o("button",{key:"6e05c7c4c2c13eb282a15111c20363cca444a577",type:"button",class:"clear-search",onClick:e=>{e.stopPropagation();this.clearSearch()},"aria-label":"Clear search"},o("rebill-icon",{key:"069c433dbbe800c3f25141c17c10c8f62efe4d7b",name:"x",size:"16px"})))),this.loading&&this.filteredOptions.length===0?o("div",{class:"loading-message",style:{fontSize:this.fontSize}},o("div",{class:"spinner"}),t.translate("common.loadingOptions")):this.filteredOptions.length>0?this.filteredOptions.map(((e,r)=>o("div",{class:`select-option ${this.value===e.value?"selected":""} ${this.highlightedIndex===r?"highlighted":""}`,style:{fontSize:this.fontSize},onClick:()=>this.selectOption(e),role:"option","aria-selected":this.value===e.value?"true":"false"},o("span",{innerHTML:e.label})))):o("div",{class:"no-results",style:{fontSize:this.fontSize}},"No se encontraron resultados"))),this.error&&o("span",{key:"c989c9ff8ee1ddb81013ccb0718e963a1ee6bf6f",class:"error-message"},this.error))}};s.style=l;export{s as rebill_input_select};
+//# sourceMappingURL=p-6eede717.entry.js.map