const _inforSelectSearch={instances:{},container:null,search_index:null,get:(id)=>{return _inforSelectSearch.instances[id]},instanceByContainer:container=>{const id=container.attr('id');return _inforSelectSearch.instances[id]}}
function initInforSelectSearch(){if(typeof __infor_base==='undefined'){console.log('infor-base.js is not included!');return}
$('infor-select-search').each((index,element)=>{const container=$(element);const initiated=container.attr('data-initiated');if(initiated){return!0}
const options=container.find('infor-select-option').detach();container.append(`
        <input data-infor-select-input-display readonly>
        <div data-clear > <i class="fa-solid fa-xmark"></i> </div>
        <input data-infor-select-input-hidden type="hidden">
        <div data-infor-select-options-container>
            <input data-infor-select-input-search placeholder="Zoeken" >
        </div>
    `);const options_container=container.find('[data-infor-select-options-container]');const input_display=container.find('[data-infor-select-input-display]');const input_hidden=container.find('[data-infor-select-input-hidden]');const id=container.attr('id')||randomString(10);const name=container.attr('name');container.removeAttr('name');input_hidden.attr('name',name);const attributes=container.get(0).attributes;$.each(attributes,function(){input_display.attr(this.name,this.value)});while(attributes.length){container.removeAttr(attributes[0].name)}
let selected_value=null;options.each((index,option)=>{option=$(option);const value=option.attr('data-value');const name=option.attr('data-name');const html=option.html();if(option.attr('data-selected')!==undefined){selected_value=value}
options_container.append(`<div data-infor-select-option data-value="${value || ''}" data-name="${name || ''}">${html}</div>`)})
container.attr('data-initiated','true');container.attr('id',id);_inforSelectSearch.instances[id]={container:container,id:id,name:name,input:container.find('[data-infor-select-input-hidden]'),onchange:value=>{},getValue:()=>{const value=container.find('[data-infor-select-input-hidden]').val();const name=container.find(`[data-infor-select-option][data-value="${value}"]`).attr('[data-name]');return{name:name||'',value:value||'',}},setValue:value=>{container.find(`[data-infor-select-option][data-value="${value}"]`).click()},clear_button:()=>{return container.find('[data-clear]')},input_hidden:()=>{return container.find('[data-infor-select-input-hidden]')},input_display:()=>{return container.find('[data-infor-select-input-display]')},input_search:()=>{return container.find('[data-infor-select-input-search]')},options_container:()=>{return container.find('[data-infor-select-options-container]')},options:()=>{return container.find('[data-infor-select-option]')},visible_options:()=>{return container.find('[data-infor-select-option]').not('[data-hide]')},focused_option:()=>{return container.find('[data-infor-select-option][data-focused]')},}
if(selected_value){_inforSelectSearch.instances[id].setValue(selected_value)}})}
$(document).keydown(function(event){const{container,search_index}=_inforSelectSearch;if(!container){return}
const instance=_inforSelectSearch.instanceByContainer(container);const{visible_options,options_container,focused_option}=instance;const{key}=event;if(key!="ArrowUp"&&key!="ArrowDown"&&key!="Enter"){return}
visible_options().removeAttr('data-focused');if(event.key=="Enter"){event.preventDefault();event.stopPropagation();visible_options().eq(_inforSelectSearch.search_index).click();return!1}
if(event.key=='ArrowDown'){if(search_index===null||search_index===(visible_options().length-1)){_inforSelectSearch.search_index=0}else{_inforSelectSearch.search_index+=1}}else if(event.key=='ArrowUp'){if(search_index===null||search_index===0){_inforSelectSearch.search_index=(visible_options().length-1)}else{_inforSelectSearch.search_index+=-1}}
visible_options().eq(_inforSelectSearch.search_index).attr('data-focused',!0);const container_height=options_container().height();const scroll_offset=options_container().scrollTop();const top_offset=focused_option().position().top;const focused_option_height=(focused_option().outerHeight()/2);if(top_offset>container_height){options_container().scrollTop(top_offset-container_height+scroll_offset+focused_option_height+10)}else if(top_offset<0){options_container().scrollTop(scroll_offset-Math.abs(top_offset)-10)}});$(document).on('click','infor-select-search [data-infor-select-input-display]',function(){hideSelectables();const container=findContainerByTag('infor-select-search',this);const instance=_inforSelectSearch.instanceByContainer(container);const{input_search,options_container,options}=instance;options_container().css({display:'block'});input_search().val('').focus();options().removeAttr('data-hide data-focused');_inforSelectSearch.search_index=null;_inforSelectSearch.container=container});$(document).on('click','infor-select-search [data-infor-select-option]',function(){const option=$(this);const container=findContainerByTag('infor-select-search',this);const instance=_inforSelectSearch.instanceByContainer(container);const{input_display,input_hidden,clear_button}=instance;const content=option.attr('data-name');const value=option.attr('data-value');input_display().val(content)
input_hidden().val(value).trigger('change');instance.onchange(value);clear_button().removeAttr('data-active');if(value){clear_button().attr('data-active',!0)}
hideSelectables()});$(document).on('input','infor-select-search [data-infor-select-input-search]',function(event){const input=$(this);const words=input.val().toLowerCase().replaceAll(__infor_base.regex_ignore,'').split(' ');const container=findContainerByTag('infor-select-search',this);const instance=_inforSelectSearch.instanceByContainer(container);const{options}=instance;const{key}=event;if(key=='ArrowUp'||key=='ArrowDown'){return}
options().removeAttr('data-hide');if(!words.length){return}
options().each((index,element)=>{const option=$(element);const text=option.text().toLowerCase().replaceAll(__infor_base.regex_ignore,'');for(const word of words){if(text.includes(word)){continue}
option.attr('data-hide','true')}})
_inforSelectSearch.search_index=null;options().removeAttr('data-focused')});$(document).on('click','infor-select-search [data-clear]',function(){const container=findContainerByTag('infor-select-search',this);const instance=_inforSelectSearch.instanceByContainer(container);const{input_hidden,input_display,clear_button,onchange}=instance;clear_button().removeAttr('data-active');input_display().val('');input_hidden().val('').trigger('change');onchange(null)});const _inforSelectMultiple={instances:{},container:null,search_index:null,get:(id)=>{return _inforSelectMultiple.instances[id]},instanceByContainer:container=>{const id=container.attr('id');return _inforSelectMultiple.instances[id]}}
function initInforSelectMultiple(){if(typeof __infor_base==='undefined'){console.log('infor-base.js is not included!');return}
$('infor-select-multiple').each((index,element)=>{const container=$(element);const initiated=container.attr('data-initiated');if(initiated){return!0}
const options=container.find('infor-select-option').detach();container.append(`
        <input data-infor-select-input-display readonly>
        <div data-clear > <i class="fa-solid fa-xmark"></i> </div>
        <div data-infor-select-options-container>
            <input data-infor-select-input-search placeholder="Zoeken" >
        </div>
    `);const options_container=container.find('[data-infor-select-options-container]');const input_display=container.find('[data-infor-select-input-display]');const id=container.attr('id')||randomString(10);const name=container.attr('name');container.removeAttr('name');const attributes=container.get(0).attributes;$.each(attributes,function(){input_display.attr(this.name,this.value)});while(attributes.length){container.removeAttr(attributes[0].name)}
options.each((index,option)=>{option=$(option);const value=option.attr('data-value');const display_name=option.attr('data-name');const html=option.html();const selected=option.attr('data-selected')!==undefined;option.removeAttr('data-value data-name data-selected');const attributes=option.get(0).attributes
let attributes_string='';for(const attr of attributes){attributes_string+=`${attr.name}="${attr.value}" `}
options_container.append(`
        <label data-infor-select-option>
          <span data-infor-select-indicator ></span>
          ${html}
          <input data-infor-select-checkbox type="checkbox" data-name="${display_name || ''}" name="${name}[]" value="${value}" ${selected ? 'checked' : ''} ${attributes_string} >
        </label>`)})
container.attr('data-initiated','true');container.attr('id',id);_inforSelectMultiple.instances[id]={container:container,id:id,name:name,input:container.find('[data-infor-select-checkbox]'),onchange:value=>{},getValues:()=>{return container.find('[data-infor-select-checkbox]:checked').map(function(){return{name:$(this).attr('data-name'),value:$(this).attr('value')}}).get()},setValues:(values,deselect_remaining=!0)=>{container.find('[data-infor-select-option]').each((index,element)=>{const option=$(element);const input=option.find('[data-infor-select-checkbox]');const checked=input.is(':checked');const select=values.find(value=>value==input.attr('value'));if((select&&!checked)||(!select&&checked&&deselect_remaining)){input.click()}})},refreshIndicators:()=>{const options=container.find('[data-infor-select-option]');options.each((index,element)=>{const option=$(element);const checked=option.find('[data-infor-select-checkbox]').is(':checked');option.attr('data-infor-select-option',(checked?'active':''))});const names=container.find('[data-infor-select-checkbox]:checked').map(function(){return $(this).attr('data-name')}).get();container.find('[data-infor-select-input-display]').val(names.join(', '))},clear_button:()=>{return container.find('[data-clear]')},input_display:()=>{return container.find('[data-infor-select-input-display]')},input_search:()=>{return container.find('[data-infor-select-input-search]')},options_container:()=>{return container.find('[data-infor-select-options-container]')},options:()=>{return container.find('[data-infor-select-option]')},visible_options:()=>{return container.find('[data-infor-select-option]').not('[data-hide]')},focused_option:()=>{return container.find('[data-infor-select-option][data-focused]')},}
_inforSelectMultiple.instances[id].refreshIndicators()})}
$(document).keydown(function(event){const{container,search_index}=_inforSelectMultiple;if(!container){return}
const instance=_inforSelectMultiple.instanceByContainer(container);const{visible_options,options_container,focused_option}=instance;const{key}=event;if(key!="ArrowUp"&&key!="ArrowDown"&&key!="Enter"){return}
if(event.key=="Enter"){event.preventDefault();event.stopPropagation();visible_options().eq(_inforSelectMultiple.search_index).click();return!1}
visible_options().removeAttr('data-focused');if(event.key=='ArrowDown'){if(search_index===null||search_index===(visible_options().length-1)){_inforSelectMultiple.search_index=0}else{_inforSelectMultiple.search_index+=1}}else if(event.key=='ArrowUp'){if(search_index===null||search_index===0){_inforSelectMultiple.search_index=(visible_options().length-1)}else{_inforSelectMultiple.search_index+=-1}}
visible_options().eq(_inforSelectMultiple.search_index).attr('data-focused',!0);const container_height=options_container().height();const scroll_offset=options_container().scrollTop();const top_offset=focused_option().position().top;const focused_option_height=(focused_option().outerHeight()/2);if(top_offset>container_height){options_container().scrollTop(top_offset-container_height+scroll_offset+focused_option_height+10)}else if(top_offset<0){options_container().scrollTop(scroll_offset-Math.abs(top_offset)-10)}});$(document).on('click','infor-select-multiple [data-infor-select-input-display]',function(){hideSelectables();const container=findContainerByTag('infor-select-multiple',this);const instance=_inforSelectMultiple.instanceByContainer(container);const{input_search,options_container,options}=instance;options_container().css({display:'block'});input_search().val('').focus();options().removeAttr('data-hide data-focused');_inforSelectMultiple.search_index=null;_inforSelectMultiple.container=container});$(document).on('change','infor-select-multiple [data-infor-select-checkbox]',function(){const container=findContainerByTag('infor-select-multiple',this);const instance=_inforSelectMultiple.instanceByContainer(container);const{clear_button,refreshIndicators,getValues,onchange}=instance;clear_button().removeAttr('data-active');if(getValues().length){clear_button().attr('data-active',!0)}
refreshIndicators();onchange(getValues())});$(document).on('input','infor-select-multiple [data-infor-select-input-search]',function(event){const input=$(this);const words=input.val().toLowerCase().replaceAll(__infor_base.regex_ignore,'').split(' ');const container=findContainerByTag('infor-select-multiple',this);const instance=_inforSelectMultiple.instanceByContainer(container);const{options}=instance;const{key}=event;if(key=='ArrowUp'||key=='ArrowDown'){return}
options().removeAttr('data-hide');if(!words.length){return}
options().each((index,element)=>{const option=$(element);const text=option.text().toLowerCase().replaceAll(__infor_base.regex_ignore,'');for(const word of words){if(text.includes(word)){continue}
option.attr('data-hide','true')}})
_inforSelectMultiple.search_index=null;options().removeAttr('data-focused')});$(document).on('click','infor-select-multiple [data-clear]',function(){const container=findContainerByTag('infor-select-multiple',this);const instance=_inforSelectMultiple.instanceByContainer(container);const{setValues,clear_button}=instance;clear_button().removeAttr('data-active');setValues([],!0)});$(document).click(function(event){if(!$(event.target).is('[data-infor-select-input-display], [data-infor-select-options-container] *')){hideSelectables()}});function hideSelectables(){_inforSelectSearch.container=null;_inforSelectMultiple.container=null;$('[data-infor-select-options-container]').css({display:''})}
initInforSelectSearch();initInforSelectMultiple()