');\n\t}\n}\n\n/* Useful function for adding the em_ajax flag to a url, regardless of querystring format */\nvar em_ajaxify = function(url){\n\tif ( url.search('em_ajax=0') != -1){\n\t\turl = url.replace('em_ajax=0','em_ajax=1');\n\t}else if( url.search(/\\?/) != -1 ){\n\t\turl = url + \"&em_ajax=1\";\n\t}else{\n\t\turl = url + \"?em_ajax=1\";\n\t}\n\treturn url;\n};","// WP List Tables front-end stuff\nconst setupListTable = function( listTable ) {\n\t// handle checks of multiple items using shift\n\tconst checkboxes = listTable.querySelectorAll( 'tbody .check-column input[type=\"checkbox\"]' );\n\tconst listTableForm = listTable.querySelector('form.em-list-table-form');\n\tlet lastChecked;\n\n\t//Pagination link clicks\n\tlistTable.querySelectorAll('.tablenav-pages a').forEach( el => {\n\t\tel.addEventListener('click', function ( e ) {\n\t\t\te.preventDefault();\n\t\t\t//get page no from url, change page, submit form\n\t\t\tlet match = el.href.match(/#[0-9]+/);\n\t\t\tif ( match != null && match.length > 0 ) {\n\t\t\t\tlet pno = match[0].replace('#', '');\n\t\t\t\tlistTableForm.querySelector('input[name=pno]').val(pno);\n\t\t\t} else {\n\t\t\t\t// new way\n\t\t\t\tlet url = new URL(el.href);\n\t\t\t\tif ( url.searchParams.has('paged') ) {\n\t\t\t\t\tlistTableForm.querySelectorAll('input[name=pno], input[name=paged]').forEach( el => el.value = url.searchParams.get('paged') );\n\t\t\t\t} else {\n\t\t\t\t\tlistTableForm.querySelectorAll('input[name=pno], input[name=paged]').forEach( el => el.value = 1 );\n\t\t\t\t}\n\t\t\t}\n\t\t\tlistTableForm.requestSubmit();\n\t\t\treturn false;\n\t\t});\n\t});\n\t// Pagination - Input page number\n\tlistTable.querySelectorAll('.tablenav-pages input[name=paged]').forEach( function ( input ){\n\t\tinput.addEventListener('change', function (e) {\n\t\t\te.preventDefault();\n\t\t\tlet last = listTableForm.querySelector('.tablenav-pages a.last-page');\n\t\t\tif ( last ) {\n\t\t\t\t// check val isn't more than last page\n\t\t\t\tlet url = new URL(last.href);\n\t\t\t\tif ( url.searchParams.has('paged') ) {\n\t\t\t\t\tlet lastPage = parseInt(url.searchParams.get('paged'));\n\t\t\t\t\tif ( parseInt(input.value) > lastPage ) {\n\t\t\t\t\t\tinput.value = lastPage;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// make sure it's less than current page, we're on last page already\n\t\t\t\tlet lastPage = listTableForm.querySelector('input[name=pno]');\n\t\t\t\tif (lastPage && lastPage.value && parseInt(input.value) > parseInt(lastPage.value)) {\n\t\t\t\t\tinput.value = lastPage.value;\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t\tlistTableForm.querySelectorAll('input[name=pno]').forEach( el => el.value = input.value );\n\t\t\tlistTableForm.requestSubmit();\n\t\t\treturn false;\n\t\t});\n\t});\n\n\t// handle checkboxes\n\tlistTable.addEventListener('click', function(e){\n\t\t// handle selecting all checkboxes\n\t\tif( e.target.matches('.manage-column.column-cb input') ){\n\t\t\tlistTable.querySelectorAll('.check-column input').forEach( function( checkbox ){\n\t\t\t\tcheckbox.checked = e.target.checked;\n\t\t\t\tcheckbox.closest('tr').classList.toggle('selected', e.target.checked);\n\t\t\t\t// enable/disable bulk actions filter\n\t\t\t\tlistTable.querySelector('.tablenav .bulkactions-input').querySelectorAll('input,select,button').forEach( function(el){\n\t\t\t\t\te.target.checked ? el.removeAttribute('disabled') : el.setAttribute('disabled', true);\n\t\t\t\t\te.target.checked ? el.classList.remove('disabled') : el.classList.add('disabled', true);\n\t\t\t\t});\n\t\t\t});\n\t\t} else if ( e.target.matches('tbody .check-column input[type=\"checkbox\"]') ) {\n\t\t\t// handle multiple checks\n\t\t\tlet inBetween = false;\n\t\t\tif ( e.shiftKey ) {\n\t\t\t\tcheckboxes.forEach(checkbox => {\n\t\t\t\t\tif ( checkbox === e.target || checkbox === lastChecked ) {\n\t\t\t\t\t\tinBetween = !inBetween;\n\t\t\t\t\t}\n\t\t\t\t\tif ( inBetween || checkbox === lastChecked ) {\n\t\t\t\t\t\tcheckbox.checked = lastChecked.checked;\n\t\t\t\t\t}\n\t\t\t\t\tcheckbox.closest('tr').classList.toggle('selected', checkbox.checked);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\te.target.closest('tr').classList.toggle('selected', e.target.checked);\n\t\t\t}\n\t\t\t// enable/disable bulk actions filter\n\t\t\tlet somethingSelected = e.target.checked || listTable.querySelectorAll( 'tbody .check-column input[type=\"checkbox\"]:checked' ).length > 0;\n\t\t\tlistTable.querySelector('.tablenav .bulkactions-input').querySelectorAll('input,select,button').forEach( function(el){\n\t\t\t\tsomethingSelected ? el.removeAttribute('disabled') : el.setAttribute('disabled', true);\n\t\t\t\tsomethingSelected ? el.classList.remove('disabled') : el.classList.add('disabled', true);\n\t\t\t});\n\t\t\tlastChecked = e.target;\n\t\t}\n\t});\n\t// disable filter since no checkboxes initially selected\n\tlistTable.querySelectorAll('.tablenav .bulkactions-input').forEach( (el) => {\n\t\tel.querySelectorAll('input,select,button').forEach(function (el) {\n\t\t\tel.setAttribute('disabled', true);\n\t\t\tel.classList.add('disabled', true);\n\t\t})\n\t});\n\n\t// Sorting by headers\n\tlistTable.querySelector('thead').addEventListener('click', function( e ) {\n\t\t// get th element\n\t\tlet th = e.target.tagName.toLowerCase() === 'th' ? e.target : e.target.closest('th');\n\t\tif( th && (th.classList.contains('sorted') || th.classList.contains('sortable')) ) {\n\t\t\te.preventDefault();\n\t\t\t// add args to form and submit it\n\t\t\tlet params = ( new URL( th.querySelector('a').href) ).searchParams;\n\t\t\tif ( params.get('orderby') ) {\n\t\t\t\tlistTableForm.querySelector('input[name=\"orderby\"]').value = params.get('orderby');\n\t\t\t\tlet order = params.get('order') ? params.get('order') : 'asc';\n\t\t\t\tlistTableForm.querySelector('input[name=\"order\"]').value = order;\n\t\t\t\tlistTableForm.requestSubmit();\n\t\t\t}\n\t\t}\n\t});\n\n\t// show/hide filters trigger\n\tlet filterTrigger = listTable.querySelector('button.filters-trigger');\n\tif( filterTrigger ) {\n\t\tfilterTrigger.addEventListener('click', function(e){\n\t\t\te.preventDefault();\n\t\t\tif( filterTrigger.classList.contains('hidden') ) {\n\t\t\t\tlistTable.querySelectorAll('div.actions.filters').forEach( filter => filter.classList.remove('hidden') );\n\t\t\t\tfilterTrigger.classList.remove('hidden');\n\t\t\t\tfilterTrigger.setAttribute('aria-label', filterTrigger.dataset.labelHide);\n\t\t\t\tif( '_tippy' in filterTrigger ){\n\t\t\t\t\tfilterTrigger._tippy.setContent( filterTrigger.dataset.labelHide );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tlistTable.querySelectorAll('div.actions.filters').forEach( filter => filter.classList.add('hidden') );\n\t\t\t\tfilterTrigger.classList.add('hidden');\n\t\t\t\tfilterTrigger.setAttribute('aria-label', filterTrigger.dataset.labelShow);\n\t\t\t\tif( '_tippy' in filterTrigger ){\n\t\t\t\t\tfilterTrigger._tippy.setContent( filterTrigger.dataset.labelShow );\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t\tlistTable.addEventListener('em_resize', function(){\n\t\t\tif( listTable.classList.contains('size-small') ) {\n\t\t\t\tfilterTrigger.classList.remove('hidden'); // force hide click\n\t\t\t\tfilterTrigger.click();\n\t\t\t}\n\t\t});\n\t}\n\n\t// EXPAND/COLLAPSE - RESPONSIVE\n\t// handle expand/collapse in responsive mode when clicking the expand/collapse (all)\n\tlet expandTrigger = listTable.querySelector('button.small-expand-trigger');\n\tif( expandTrigger ) {\n\t\t// detect click and add expand class to table, expanded class to trigger\n\t\texpandTrigger.addEventListener('click', function(e){\n\t\t\te.preventDefault();\n\t\t\tif( expandTrigger.classList.contains('expanded') ) {\n\t\t\t\tlistTable.querySelectorAll('tbody tr.expanded, tbody button.toggle-row.expanded').forEach( el => el.classList.remove('expanded') );\n\t\t\t\tlistTable.classList.remove('expanded');\n\t\t\t\texpandTrigger.classList.remove('expanded');\n\t\t\t} else {\n\t\t\t\tlistTable.querySelectorAll('tbody tr, tbody button.toggle-row').forEach( el => {\n\t\t\t\t\tel.classList.add('expanded');\n\t\t\t\t\tel.classList.remove('collapsed');\n\t\t\t\t});\n\t\t\t\tlistTable.classList.add('expanded');\n\t\t\t\texpandTrigger.classList.add('expanded');\n\t\t\t}\n\t\t});\n\t}\n\t// handle row expand/collapse\n\tlistTable.querySelectorAll('tbody td.column-primary').forEach( function( rowExpandTrigger ){\n\t\t// detect click and add expand class to table, expanded class to trigger\n\t\trowExpandTrigger.addEventListener('click', function(e){\n\t\t\te.preventDefault();\n\t\t\tlet row = rowExpandTrigger.closest('tr');\n\t\t\tif( row.classList.contains('expanded') ) {\n\t\t\t\trow.classList.remove('expanded');\n\t\t\t\trow.classList.add('collapsed');\n\t\t\t\trowExpandTrigger.querySelector('button.toggle-row').classList.remove('expanded');\n\t\t\t} else {\n\t\t\t\trow.classList.add('expanded');\n\t\t\t\trow.classList.remove('collapsed');\n\t\t\t\trowExpandTrigger.querySelector('button.toggle-row').classList.add('expanded');\n\t\t\t}\n\t\t});\n\t});\n\n\t// handle filters when pressing enter, submitting a search\n\tlistTable.querySelectorAll('.tablenav .actions input[type=\"text\"]').forEach( function (input) {\n\t\tinput.addEventListener('keypress', function (e) {\n\t\t\tlet keycode = (e.keyCode ? e.keyCode : e.which);\n\t\t\tif (keycode === 13) {\n\t\t\t\te.preventDefault();\n\t\t\t\tlistTableForm.requestSubmit();\n\t\t\t}\n\t\t});\n\t});\n\n\t// handle size breakpoints\n\tlet breakpoints = {\n\t\t'xsmall' : 465,\n\t\t'small' : 640,\n\t\t'medium' : 930,\n\t\t'large' : false,\n\t}\n\t// submissions\n\tEM_ResizeObserver( breakpoints, [ listTable ] );\n\n\t//Widgets and filter submissions\n\tlistTableForm.addEventListener('submit', function (e) {\n\t\te.preventDefault();\n\t\t//append loading spinner\n\t\tlistTable.classList.add('em-working');\n\t\tlet loadingDiv = document.createElement('div');\n\t\tloadingDiv.id = 'em-loading';\n\t\tlistTable.append(loadingDiv);\n\t\tlistTable.querySelectorAll('.em-list-table-error-notice').forEach( el => el.remove() );\n\t\t//ajax call\n\t\tfetch( EM.ajaxurl, { method: 'POST', body: new FormData(listTableForm) } ).then( function( response ) {\n\t\t\tif ( response.ok ) {\n\t\t\t\treturn response.text();\n\t\t\t} else {\n\t\t\t\tthrow new Error('Network Response ' + response.status);\n\t\t\t}\n\t\t}).then( function( data ) {\n\t\t\tif ( !data ) {\n\t\t\t\tthrow new Error('Empty string received');\n\t\t\t}\n\t\t\tif (!listTable.classList.contains('frontend')) {\n\t\t\t\t// remove modals as they are supplied again on the backend\n\t\t\t\tlistTableForm.querySelectorAll('.em-list-table-trigger').forEach(function ( trigger ) {\n\t\t\t\t\tlet modal = trigger.rel;\n\t\t\t\t\tmodal.remove();\n\t\t\t\t});\n\t\t\t}\n\t\t\t// get new data as DOM object\n\t\t\tlet wrapper = document.createElement('div');\n\t\t\twrapper.innerHTML = data;\n\t\t\tlet newListTable = wrapper.firstElementChild;\n\t\t\t// replace old table with new table\n\t\t\tlistTable.replaceWith( newListTable );\n\t\t\t// fire hook - note that form and data should not be used! This is for backward compatibility with an old jQuery hook being fired. Expect future consequences if you use them, obtain everything from listTable or prevListTable!\n\t\t\tdocument.dispatchEvent( new CustomEvent('em_list_table_filtered', { detail: { prevListTable: listTable, listTable: newListTable, form: newListTable.firstElementChild, data: data } }) );\n\t\t}).catch( function( error ) {\n\t\t\tlet div = document.createElement('div');\n\t\t\tdiv.innerHTML = '
There was an unexpected error retrieving table data with error ' + error.message + ', please try again or contact an administrator.
';\n\t\t\tdiv.setAttribute('class', 'em-warning error em-list-table-error-notice');\n\t\t\tlistTable.querySelector('.table-wrap').before(div);\n\t\t\tloadingDiv.remove();\n\t\t\tlistTable.classList.remove('em-working');\n\t\t});\n\t\treturn false;\n\t});\n\n\t//Settings & Export Modal\n\n\t/**\n\t * Handle trigger of settings and export modals.\n\t */\n\tlistTable.querySelectorAll('.em-list-table-trigger').forEach( trigger => {\n\t\ttrigger.addEventListener('click', function (e) {\n\t\t\te.preventDefault();\n\t\t\tlet modal = document.querySelector( trigger.getAttribute('rel') );\n\t\t\topenModal(modal);\n\t\t});\n\t});\n\n\t/**\n\t * Handle submission of settings forms, by copying over hidden input values such as cols and limit to main form.\n\t */\n\tlistTable.querySelectorAll('.em-list-table-settings form').forEach( form => {\n\t\tform.addEventListener('submit', function (e) {\n\t\t\te.preventDefault();\n\t\t\t//we know we'll deal with cols, so wipe hidden value from main\n\t\t\tlet modal = form.closest('.em-modal');\n\t\t\tlet match = listTableForm.querySelector(\"[name=cols]\");\n\t\t\tmatch.value = '';\n\t\t\tlet tableCols = form.querySelectorAll('.em-list-table-cols-selected .item');\n\t\t\ttableCols.forEach( function (item_match) {\n\t\t\t\tif (!item_match.classList.contains('hidden')) {\n\t\t\t\t\tif (match.value !== '') {\n\t\t\t\t\t\tmatch.value = match.value + ',' + item_match.getAttribute('data-value');\n\t\t\t\t\t} else {\n\t\t\t\t\t\tmatch.value = item_match.getAttribute('data-value');\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t\t// sync row count\n\t\t\tlet limit = form.querySelector('select[name=\"limit\"]');\n\t\t\tif( limit ) {\n\t\t\t\tlistTableForm.querySelector('[name=\"limit\"]').value = limit.value;\n\t\t\t}\n\t\t\t// sync custom inputs\n\t\t\tform.querySelectorAll('[data-setting]').forEach( function( input ) {\n\t\t\t\tlistTableForm.querySelectorAll('[name=\"'+input.name+'\"]').forEach( el => el.remove() );\n\t\t\t\tlet persisted = input.cloneNode(true);\n\t\t\t\tpersisted.classList.add('hidden')\n\t\t\t\tlistTableForm.appendChild( persisted );\n\t\t\t});\n\t\t\tcloseModal(modal);\n\t\t\t// send events out\n\t\t\tmodal.dispatchEvent( new CustomEvent('submitted') );\n\t\t\tlistTable.dispatchEvent( new CustomEvent( 'em_list_table_settings_submitted', {\n\t\t\t\tdetail: {\n\t\t\t\t\tlistTableForm: listTableForm,\n\t\t\t\t\tform: form,\n\t\t\t\t\tmodal: modal\n\t\t\t\t},\n\t\t\t\tbubbles: true\n\t\t\t}) );\n\t\t\t// submit main form\n\t\t\tlistTableForm.requestSubmit();\n\t\t});\n\t});\n\n\t/**\n\t * Handle submission of export forms, by copying over filters and hidden inputs with the data-persist attribute from main list table form.\n\t */\n\tlistTable.querySelectorAll('.em-list-table-export > form').forEach( function( exportForm ) {\n\t\texportForm.addEventListener('submit', function(e) {\n\t\t\tvar formFilters = this.querySelector('.em-list-table-filters');\n\t\t\tif ( formFilters ) {\n\t\t\t\t// get all filter inputs in main list table form and copy over so export inherits all filters to output right results\n\t\t\t\tlet filters = listTableForm.querySelectorAll('.em-list-table-filters [name]');\n\t\t\t\tformFilters.innerHTML = ''; // Empty the filters, none to copy over\n\t\t\t\tif( filters ) {\n\t\t\t\t\tfilters.forEach( function( filter ) {\n\t\t\t\t\t\tformFilters.appendChild( filter.cloneNode(true) );\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tlet peristentData = listTableForm.querySelectorAll('[data-persist]');\n\t\t\t\tif( peristentData ) {\n\t\t\t\t\tperistentData.forEach( function( filter ) {\n\t\t\t\t\t\tformFilters.appendChild( filter.cloneNode(true) );\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t});\n\n\t// sortables\n\tlistTable.querySelectorAll(\".em-list-table-cols-sortable\").forEach( function(sortable) {\n\t\tSortable.create( sortable );\n\t});\n\n\t// add trigger\n\tdocument.dispatchEvent( new CustomEvent('em_list_table_setup', { detail: { listTable: listTable, listTableForm: listTableForm } }) );\n\n\t// add extra listeners that we might want to block such as in bulk actions and row actions\n\n\t/* ----------------- Row/Bulk Action Handlers ----------------- */\n\n\tconst actionMessages = JSON.parse( listTableForm.dataset.actionMessages );\n\tlet isBulkAction = false;\n\n\tlistTable.addEventListener('click', function( e ) {\n\t\tif( e.target.matches('a[data-row_action]') ) {\n\t\t\te.preventDefault();\n\t\t\tlet el = e.target;\n\t\t\tlet tr = el.closest('tr');\n\n\t\t\tif( !isBulkAction ) {\n\t\t\t\tlet confirmation = []\n\t\t\t\t// check if we need to confirm something specific\n\t\t\t\tif ( el.dataset.confirmation && el.dataset.confirmation in actionMessages ) {\n\t\t\t\t\tconfirmation.push( actionMessages[el.dataset.confirmation] );\n\t\t\t\t}\n\t\t\t\t// check context of action and warn then propagate if upstream\n\t\t\t\tif ( el.dataset.row_action in actionMessages ) {\n\t\t\t\t\tconfirmation.push( actionMessages[el.dataset.row_action] );\n\t\t\t\t}\n\n\t\t\t\tif ( confirmation.length > 0 ) {\n\t\t\t\t\tif ( !confirm( confirmation.join(\"\\n\\n\") ) ) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// close dropdown if applicable\n\t\t\tlet dropdown = el.closest('[data-tippy-root], .em-tooltip-ddm-content');\n\t\t\tif ( dropdown ) {\n\t\t\t\tif ( '_tippy' in dropdown ) {\n\t\t\t\t\tdropdown._tippy.hide();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// handle upstream rows, add a loading class to them so they don't get double-tapped, no checks necessary here since we have clicked a single row item\n\t\t\tif( el.dataset.upstream ) {\n\t\t\t\t// block any same upstream_id row so it's loading already pending refresh\n\t\t\t\tlistTable.querySelectorAll('tr[data-id=\"' + tr.dataset.id + '\"]').forEach( tr => tr.classList.add('loading') );\n\t\t\t}\n\n\t\t\t// prep and fetch/refresh\n\t\t\tlet formData = new FormData( listTableForm );\n\t\t\tfor( const [key, value] of Object.entries(el.dataset) ) {\n\t\t\t\tformData.set(key, value);\n\t\t\t}\n\t\t\tformData.set('view', listTable.dataset.view);\n\t\t\tformData.set('action', listTable.dataset.basename + '_row');\n\t\t\tlistTableRowAction( tr, formData );\n\n\t\t\treturn false; // stop propagation\n\t\t}\n\t});\n\n\t// Action links (approve/reject etc.) - circumvent if a warning is required\n\tlistTable.addEventListener( 'click', function( e ) {\n\t\tif( e.target.matches('a[data-row_action]') ) {\n\t\t\te.preventDefault();\n\t\t}\n\t});\n\n\tlistTable.querySelectorAll('button.em-list-table-bulk-action').forEach( function( button ) {\n\t\tbutton.addEventListener('click', function (e) {\n\t\t\te.preventDefault(); // override default\n\t\t\tlet actionSelector = listTableForm.querySelector('select.bulk-action-selector');\n\t\t\tlet action = actionSelector.options[actionSelector.selectedIndex];\n\t\t\t\n\t\t\t// check if we need to confirm\n\t\t\tif ( action.dataset.confirm ) {\n\t\t\t\tif ( !confirm( action.dataset.confirm ) ) {\n\t\t\t\t\tisBulkAction = false; // just in case\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tisBulkAction = true;\n\t\t\t// find all checked items and perform action on them if the action actually exists for that row (e.g. you can't re-approve an approved booking)\n\t\t\tlet rows = listTableForm.querySelectorAll('tbody .check-column input:checked');\n\t\t\trows.forEach( function ( checkbox ) {\n\t\t\t\tlet actionTrigger = checkbox.parentElement.querySelector('[data-row_action=\"' + action.value + '\"]');\n\t\t\t\t// check if sibling has the relevant action\n\t\t\t\tif( actionTrigger ) {\n\t\t\t\t\tlet tr = checkbox.closest('tr');\n\t\t\t\t\tif ( actionTrigger.dataset.upstream ) {\n\t\t\t\t\t\t// check if not already in an upstream process, proceed if not\n\t\t\t\t\t\tif ( !tr.classList.contains('loading') ) { // if loading, already in upstream from another row\n\t\t\t\t\t\t\t// trigger the first booking id row in this table, it'll handle upstream stuff\n\t\t\t\t\t\t\tactionTrigger.click();\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// regular action, just click it\n\t\t\t\t\t\tactionTrigger.click();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t\tisBulkAction = false;\n\t\t});\n\t});\n\n\n\t// add a listener to refresh related booking rows if upstream\n\tlistTable.addEventListener('em_list_table_row_action_complete', function(e){\n\t\tif ( e.detail.upstream ) {\n\t\t\t// find any rows other than the current one and trigger a refresh\n\t\t\tlet currentRow = e.detail.currentRow;\n\t\t\tlet formData = e.detail.formData;\n\t\t\tif( formData.get('row_action') === 'delete' ) {\n\t\t\t\tlet feedback = currentRow.querySelector('.column-primary span.em-icon-trash.em-tooltip');\n\t\t\t\tif ( feedback ) {\n\t\t\t\t\tlistTable.querySelectorAll('tr[data-id=\"' + formData.get('row_id') + '\"]').forEach( function( tr ) {\n\t\t\t\t\t\t// apply to all rows of same booking_id except the one we just updated\n\t\t\t\t\t\tif ( tr !== currentRow ) {\n\t\t\t\t\t\t\tlet td = tr.querySelector('.column-primary');\n\t\t\t\t\t\t\ttd.prepend(feedback.cloneNode(true));\n\t\t\t\t\t\t\tem_setup_tippy(td);\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttr.classList.remove('faded-out');\n\t\t\t\t\t\ttr.classList.remove('loading');\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else if( formData.get('row_action') !== 'refresh' ) {\n\t\t\t\tlet feedback = currentRow.querySelector('.column-primary span.em-icon.em-tooltip').getAttribute('aria-label');\n\t\t\t\tformData.set('row_action', 'refresh'); // this is a special action that just refreshes the row\n\t\t\t\tformData.set('feedback', feedback);\n\t\t\t\tlistTable.querySelectorAll('tr[data-id=\"' + formData.get('row_id') + '\"]').forEach( function( tr ) {\n\t\t\t\t\t// apply to all rows of same booking_id except the one we just updated\n\t\t\t\t\tif( tr !== currentRow ) {\n\t\t\t\t\t\tlistTableRowAction(tr, formData);\n\t\t\t\t\t\t// delete current booking_id and reset isUpstreamAction if we're done\n\t\t\t\t\t\tdelete isUpstreamAction[e.detail.booking_id];\n\t\t\t\t\t\tif (Object.keys(isUpstreamAction).length) {\n\t\t\t\t\t\t\tisUpstreamAction = false;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t});\n\n\t// setup rows with actions if there are any\n\tlistTable.querySelectorAll('td.column-actions a').forEach( (action) => {\n\t\taction.classList.add('em-tooltip');\n\t\taction.setAttribute('aria-label', action.innerText);\n\t});\n}\n\nlet listTableRowAction = function( tr, formData, upstream = false ){\n\tlet listTable = tr.closest('.em-list-table');\n\ttr.classList.add('loading');\n\tformData.set('row_id', tr.dataset.id );\n\tfetch( EM.ajaxurl, { method: 'post', body : formData } ).then( function( response ) {\n\t\treturn response.text();\n\t}).then( function( html ) {\n\t\ttr.classList.add('faded-out');\n\t\tif ( formData.get('row_action') === 'delete' ) {\n\t\t\t// the text provided is the icon, nothing else\n\t\t\ttr.querySelectorAll('th.check-column input[type=\"checkbox\"], .em-list-table-actions').forEach( el => el.remove() );\n\t\t\tlet td = tr.querySelector('.column-primary');\n\t\t\tlet wrapper = document.createElement('div');\n\t\t\twrapper.innerHTML = html;\n\t\t\tlet icon = wrapper.firstElementChild;\n\t\t\tem_setup_tippy(wrapper); // no actions to set up\n\t\t\ttd.prepend(icon);\n\t\t} else {\n\t\t\ttr.innerHTML = html\n\t\t\tsetupListTableExtras(tr);\n\t\t}\n\t\ttr.classList.remove('faded-out');\n\t\ttr.classList.remove('loading');\n\t\tlistTable.dispatchEvent( new CustomEvent('em_list_table_row_action_complete', { detail: { currentRow: tr, formData: formData, upstream: upstream } } ) );\n\t});\n}\n\nconst setupListTableExtras = function( listTable ) {\n\t// setup rows with actions if there are any\n\tlistTable.querySelectorAll('td.column-actions a').forEach( (action) => {\n\t\taction.classList.add('em-tooltip');\n\t\taction.setAttribute('aria-label', action.innerText);\n\t});\n\t// remove tooltips within tooltips in cell tooltips\n\tlistTable.querySelectorAll('td .em-list-table-col-tooltip .em-list-table-col-tooltip').forEach( (subtip) => {\n\t\tsubtip.querySelectorAll('.em-tooltip').forEach( el => el.remove() );\n\t\tsubtip.querySelectorAll('.em-tooltip-content').forEach( el => el.classList.remove('hidden') );\n\t});\n\t// set up tippy, selectize etc.\n\tem_setup_tippy( listTable );\n\tem_setup_selectize( listTable );\n}\n\ndocument.addEventListener('em_list_table_filtered', function(e){\n\tsetupListTable( e.detail.listTable );\n\t// re-setup tippy, selectize etc.\n\tsetupListTableExtras( e.detail.listTable );\n});\n\n// init\ndocument.addEventListener('DOMContentLoaded', function() {\n\t// add back-compat stuff\n\tdocument.querySelectorAll('.em_obj div.tablenav').forEach( function( tablenav ){\n\t\tlet em_obj = tablenav.closest('.em_obj');\n\t\tem_obj.classList.add('em-list-table','legacy', 'frontend');\n\t\tem_obj.querySelector('& > form').classList.add('em-list-table-form');\n\t});\n\t// find tables\n\tdocument.querySelectorAll('.em-list-table').forEach( listTable => setupListTable(listTable) );\n});","// add extra setup to bookings list table\ndocument.addEventListener('em_list_table_setup' , function(e){\n\tlet listTable = e.detail.listTable;\n\tlet listTableForm = e.detail.listTableForm;\n\tif( listTable.classList.contains('em-bookings-table') ) {\n\n\t\t// handle submitting the settings modal form with booking-speficic extras\n\t\tlistTable.addEventListener('em_list_table_settings_submitted', function(e){\n\t\t\tlet form = e.detail.form;\n\t\t\tlet listTableForm = e.detail.listTableForm;\n\t\t\t// get the views ddm and sync it to the table filter\n\t\t\tlet views_select = form.querySelector('select[name=\"view\"]');\n\t\t\tif ( views_select ) {\n\t\t\t\tlet view_radio = listTableForm.querySelector('[name=\"view\"][value=\"' + views_select.value + '\"]');\n\t\t\t\tif( view_radio ) {\n\t\t\t\t\tview_radio.checked = true; // this doesn't trigger an event as we don't want that\n\t\t\t\t}\n\t\t\t\tlet view_option = listTableForm.querySelector('button.em-bookings-table-view-option[data-view]');\n\t\t\t\tif ( view_option ) {\n\t\t\t\t\tview_option.setAttribute('data-view', views_select.value);\n\t\t\t\t\tview_option.innerText = views_select.options[views_select.selectedIndex].innerText;\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\t// setup views dropdown to switch between different booking table views\n\t\tlet views_ddm_options = {\n\t\t\ttheme : 'light-border',\n\t\t\tallowHTML : true,\n\t\t\tinteractive : true,\n\t\t\ttrigger : 'manual',\n\t\t\tplacement : 'bottom',\n\t\t\tzIndex : 1000000,\n\t\t\ttouch: true,\n\t\t};\n\t\tlet tooltip_vars = { theme : 'light-border', appendTo : 'parent', touch : false, };\n\n\t\t// TODO unify this with the search view dropdown JS to remove redundant code\n\t\tlistTable.querySelectorAll('.em-bookings-table-views-trigger').forEach( function( trigger ){\n\t\t\ttooltip_vars.content = trigger.parentElement.getAttribute('aria-label');\n\t\t\tlet views_tooltip = tippy(trigger.parentElement, tooltip_vars);\n\t\t\tlet views_content = trigger.parentElement.querySelector('.em-bookings-table-views-options');\n\t\t\tlet views_content_parent = views_content.parentElement;\n\t\t\tlet tippy_content = document.createElement('div');\n\t\t\tviews_ddm_options.content = tippy_content;\n\t\t\tlet views_ddm = tippy(trigger, views_ddm_options);\n\t\t\tviews_ddm.setProps({\n\t\t\t\tonShow(instance){\n\t\t\t\t\tviews_tooltip.disable();\n\t\t\t\t\ttippy_content.append(views_content);\n\t\t\t\t},\n\t\t\t\tonShown(instance){ // keyboard support\n\t\t\t\t\tviews_content.querySelector('input:checked').focus();\n\t\t\t\t},\n\t\t\t\tonHidden(instance){\n\t\t\t\t\tviews_tooltip.enable();\n\t\t\t\t\tif( views_content.parentElement !== views_content_parent ) {\n\t\t\t\t\t\tviews_content_parent.append(views_content);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t\tlet tippy_listener = function(e){\n\t\t\t\tif( e.type === 'keydown' && !(e.which === 13 || e.which === 40) ) return false;\n\t\t\t\te.preventDefault();\n\t\t\t\te.stopPropagation();\n\t\t\t\ttrigger._tippy.show();\n\t\t\t\tviews_tooltip.hide();\n\t\t\t}\n\t\t\ttrigger.addEventListener('click', tippy_listener);\n\t\t\ttrigger.addEventListener('keydown', tippy_listener);\n\t\t\ttrigger.firstElementChild.addEventListener('focus', function(e){\n\t\t\t\tviews_ddm.hide();\n\t\t\t\tviews_tooltip.enable();\n\t\t\t\tviews_tooltip.show();\n\t\t\t});\n\t\t\ttrigger.firstElementChild.addEventListener('blur', function(){\n\t\t\t\tviews_tooltip.hide();\n\t\t\t});\n\n\t\t\t// TODO Remove this dependence on jQuery. Copied it from the search.js file, but it seems that even a vanilla document.addEventListener('blur') isn't intercepting these blur/focus events.\n\t\t\tlet $ = jQuery;\n\t\t\t$views = $(listTable).find('.em-bookings-table-views');\n\t\t\t$views.on('focus blur', '.em-bookings-table-views-options input', function(){\n\t\t\t\tif( document.activeElement === this ){\n\t\t\t\t\tthis.parentElement.classList.add('focused');\n\t\t\t\t}else{\n\t\t\t\t\tthis.parentElement.classList.remove('focused');\n\t\t\t\t}\n\t\t\t});\n\n\t\t\t$views.on('keydown click', '.em-bookings-table-views-options input', function( e ){\n\t\t\t\t// get relevant vars\n\t\t\t\tif( e.type === 'keydown' && e.which !== 13 ){\n\t\t\t\t\tif ( [37, 38, 39, 40].indexOf(e.which) !== -1 ) {\n\t\t\t\t\t\tif (e.which === 38) {\n\t\t\t\t\t\t\tif (this.parentElement.previousElementSibling) {\n\t\t\t\t\t\t\t\tthis.parentElement.previousElementSibling.focus();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else if (e.which === 40) {\n\t\t\t\t\t\t\tif (this.parentElement.nextElementSibling) {\n\t\t\t\t\t\t\t\tthis.parentElement.nextElementSibling.focus();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t} else if ( e.which === 9 ) {\n\t\t\t\t\t\t// focus out\n\t\t\t\t\t\tviews_ddm.hide();\n\t\t\t\t\t}\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tthis.checked = true;\n\t\t\t\tlet input = $(this);\n\t\t\t\t// mark label selected\n\t\t\t\tinput.closest('fieldset').find('label').removeClass('checked');\n\t\t\t\tinput.parent().addClass('checked');\n\t\t\t\t// get other reference elements we need\n\t\t\t\tlet views_wrapper = $(this).closest('.em-bookings-table-views');\n\t\t\t\tlet view_type = this.value;\n\t\t\t\tlet trigger = views_wrapper.children('.em-bookings-table-views-trigger');\n\t\t\t\tlet trigger_option = trigger.children('.em-search-view-option');\n\t\t\t\t// change view, if different\n\t\t\t\tif( view_type !== trigger_option.attr('data-view') ){\n\t\t\t\t\ttrigger_option.attr('data-view', this.value).text(this.parentElement.innerText);\n\t\t\t\t\t// remove cols value if it's just a switch in view, so we get default cols (if there is one)\n\t\t\t\t\tlistTableForm.querySelector('input[name=\"cols\"][type=\"hidden\"]').value = '';\n\t\t\t\t\t// set the view type and trigger a form submit\n\t\t\t\t\tlistTableForm.requestSubmit();\n\t\t\t\t}\n\t\t\t\tviews_ddm.hide();\n\t\t\t});\n\t\t});\n\t}\n});\n\n// backcompat for em_bookings_filtered jQuery trigger\ndocument.addEventListener('em_list_table_filtered', function( e ){\n\tif( e.detail.listTable.classList.contains('em-bookings-table') && window.jQuery ) {\n\t\tjQuery(document).triggerHandler('em_bookings_filtered', [jQuery(e.detail.data), e.detail.listTable, jQuery(e.detail.form)]); // backwards compatibility\n\t}\n})","function em_setup_datepicker(wrap){\n\twrap = jQuery(wrap);\n\n\t//apply datepickers - jQuery UI (backcompat)\n\tlet dateDivs = wrap.find('.em-date-single, .em-date-range');\n\tif( dateDivs.length > 0 ){\n\t\t//default picker vals\n\t\tvar datepicker_vals = {\n\t\t\tdateFormat: \"yy-mm-dd\",\n\t\t\tchangeMonth: true,\n\t\t\tchangeYear: true,\n\t\t\tfirstDay : EM.firstDay,\n\t\t\tyearRange:'c-100:c+15',\n\t\t\tbeforeShow : function( el, inst ){\n\t\t\t\tem_setup_jquery_ui_wrapper();\n\t\t\t\tinst.dpDiv.appendTo('#em-jquery-ui');\n\t\t\t}\n\t\t};\n\t\tif( EM.dateFormat ) datepicker_vals.dateFormat = EM.dateFormat;\n\t\tif( EM.yearRange ) datepicker_vals.yearRange = EM.yearRange;\n\t\tjQuery(document).triggerHandler('em_datepicker', datepicker_vals);\n\t\t//apply datepickers to elements\n\t\tdateDivs.find('input.em-date-input-loc').each(function(i,dateInput){\n\t\t\t//init the datepicker\n\t\t\tvar dateInput = jQuery(dateInput);\n\t\t\tvar dateValue = dateInput.nextAll('input.em-date-input').first();\n\t\t\tvar dateValue_value = dateValue.val();\n\t\t\tdateInput.datepicker(datepicker_vals);\n\t\t\tdateInput.datepicker('option', 'altField', dateValue);\n\t\t\t//now set the value\n\t\t\tif( dateValue_value ){\n\t\t\t\tvar this_date_formatted = jQuery.datepicker.formatDate( EM.dateFormat, jQuery.datepicker.parseDate('yy-mm-dd', dateValue_value) );\n\t\t\t\tdateInput.val(this_date_formatted);\n\t\t\t\tdateValue.val(dateValue_value);\n\t\t\t}\n\t\t\t//add logic for texts\n\t\t\tdateInput.on('change', function(){\n\t\t\t\tif( jQuery(this).val() == '' ){\n\t\t\t\t\tjQuery(this).nextAll('.em-date-input').first().val('');\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t\t//deal with date ranges\n\t\tdateDivs.filter('.em-date-range').find('input.em-date-input-loc[type=\"text\"]').each(function(i,dateInput){\n\t\t\t//finally, apply start/end logic to this field\n\t\t\tdateInput = jQuery(dateInput);\n\t\t\tif( dateInput.hasClass('em-date-start') ){\n\t\t\t\tdateInput.datepicker('option','onSelect', function( selectedDate ) {\n\t\t\t\t\t//get corresponding end date input, we expect ranges to be contained in .em-date-range with a start/end input element\n\t\t\t\t\tvar startDate = jQuery(this);\n\t\t\t\t\tvar endDate = startDate.parents('.em-date-range').find('.em-date-end').first();\n\t\t\t\t\tvar startValue = startDate.nextAll('input.em-date-input').first().val();\n\t\t\t\t\tvar endValue = endDate.nextAll('input.em-date-input').first().val();\n\t\t\t\t\tstartDate.trigger('em_datepicker_change');\n\t\t\t\t\tif( startValue > endValue && endValue != '' ){\n\t\t\t\t\t\tendDate.datepicker( \"setDate\" , selectedDate );\n\t\t\t\t\t\tendDate.trigger('change').trigger('em_datepicker_change');\n\t\t\t\t\t}\n\t\t\t\t\tendDate.datepicker( \"option\", 'minDate', selectedDate );\n\t\t\t\t});\n\t\t\t}else if( dateInput.hasClass('em-date-end') ){\n\t\t\t\tvar startInput = dateInput.parents('.em-date-range').find('.em-date-start').first();\n\t\t\t\tif( startInput.val() != '' ){\n\t\t\t\t\tdateInput.datepicker('option', 'minDate', startInput.val());\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\n\t// datpicker - new format\n\tlet datePickerDivs = wrap.find('.em-datepicker, .em-datepicker-range');\n\tif( datePickerDivs.length > 0 ){\n\t\t// wrappers and locale\n\t\tlet datepicker_wrapper = jQuery('#em-flatpickr');\n\t\tif( datepicker_wrapper.length === 0 ){\n\t\t\tdatepicker_wrapper = jQuery('
').appendTo('body');\n\t\t}\n\t\t// locale\n\t\tif( 'locale' in EM.datepicker ){\n\t\t\tflatpickr.localize(flatpickr.l10ns[EM.datepicker.locale]);\n\t\t\tflatpickr.l10ns.default.firstDayOfWeek = EM.firstDay;\n\t\t}\n\t\t//default picker vals\n\t\tlet datepicker_options = {\n\t\t\tappendTo : datepicker_wrapper[0],\n\t\t\tdateFormat: \"Y-m-d\",\n\t\t\tdisableMoble : \"true\",\n\t\t\tallowInput : true,\n\t\t\tonChange : [function( selectedDates, dateStr, instance ){\n\t\t\t\tlet wrapper = jQuery(instance.input).closest('.em-datepicker');\n\t\t\t\tlet data_wrapper = wrapper.find('.em-datepicker-data');\n\t\t\t\tlet inputs = data_wrapper.find('input');\n\t\t\t\tlet dateFormat = function(d) {\n\t\t\t\t\tlet month = '' + (d.getMonth() + 1),\n\t\t\t\t\t\tday = '' + d.getDate(),\n\t\t\t\t\t\tyear = d.getFullYear();\n\t\t\t\t\tif (month.length < 2) month = '0' + month;\n\t\t\t\t\tif (day.length < 2) day = '0' + day;\n\t\t\t\t\treturn [year, month, day].join('-');\n\t\t\t\t}\n\t\t\t\tif( selectedDates.length === 0 ){\n\t\t\t\t\tinputs.attr('value', '');\n\t\t\t\t}else{\n\t\t\t\t\tif( instance.config.mode === 'range' && selectedDates[1] !== undefined ) {\n\t\t\t\t\t\t// deal with end date\n\t\t\t\t\t\tinputs[0].setAttribute('value', dateFormat(selectedDates[0]));\n\t\t\t\t\t\tinputs[1].setAttribute('value', dateFormat(selectedDates[1]));\n\t\t\t\t\t}else if( instance.config.mode === 'single' && wrapper.hasClass('em-datepicker-until') ){\n\t\t\t\t\t\tif( instance.input.classList.contains('em-date-input-start') ){\n\t\t\t\t\t\t\tinputs[0].setAttribute('value', dateFormat(selectedDates[0]));\n\t\t\t\t\t\t\t// set min-date of other datepicker\n\t\t\t\t\t\t\tlet fp;\n\t\t\t\t\t\t\tif( wrapper.attr('data-until-id') ){\n\t\t\t\t\t\t\t\tlet fp_input = jQuery('#' + wrapper.attr('data-until-id') + ' .em-date-input-end');\n\t\t\t\t\t\t\t\tfp = fp_input[0]._flatpickr;\n\t\t\t\t\t\t\t}else {\n\t\t\t\t\t\t\t\tfp = wrapper.find('.em-date-input-end')[0]._flatpickr;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif( fp.selectedDates[0] !== undefined && fp.selectedDates[0] < selectedDates[0] ){\n\t\t\t\t\t\t\t\tfp.setDate(selectedDates[0], false);\n\t\t\t\t\t\t\t\tinputs[1].setAttribute('value', dateFormat(fp.selectedDates[0]));\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tfp.set('minDate', selectedDates[0]);\n\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\tinputs[1].setAttribute('value', dateFormat(selectedDates[0]));\n\t\t\t\t\t\t}\n\t\t\t\t\t}else{\n\t\t\t\t\t\tinputs[0].setAttribute('value', dateFormat(selectedDates[0]));\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tinputs.trigger('change');\n\t\t\t\tlet current_date = data_wrapper.attr('date-value');\n\t\t\t\tdata_wrapper.attr('data-value', dateStr);\n\t\t\t\tif( current_date === dateStr ) data_wrapper.trigger('change');\n\t\t\t}],\n\t\t\tonClose : function( selectedDates, dateStr, instance ){\n\t\t\t\t// deal with single date choice and clicking out\n\t\t\t\tif( instance.config.mode === 'range' && selectedDates[1] !== undefined ){\n\t\t\t\t\tif(selectedDates.length === 1){\n\t\t\t\t\t\tinstance.setDate([selectedDates[0],selectedDates[0]], true); // wouldn't have been triggered with a single date selection\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\tlocale : {},\n\t\t};\n\t\tif( EM.datepicker.format !== datepicker_options.dateFormat ){\n\t\t\tdatepicker_options.altFormat = EM.datepicker.format;\n\t\t\tdatepicker_options.altInput = true;\n\t\t}\n\t\tjQuery(document).triggerHandler('em_datepicker_options', datepicker_options);\n\t\t//apply datepickers to elements\n\t\tdatePickerDivs.each( function(i,datePickerDiv) {\n\t\t\t// hide fallback fields, show range or single\n\t\t\tdatePickerDiv = jQuery(datePickerDiv);\n\t\t\tdatePickerDiv.find('.em-datepicker-data').addClass('hidden');\n\t\t\tlet isRange = datePickerDiv.hasClass('em-datepicker-range');\n\t\t\tlet altOptions = {};\n\t\t\tif( datePickerDiv.attr('data-datepicker') ){\n\t\t\t\taltOptions = JSON.parse(datePickerDiv.attr('data-datepicker'));\n\t\t\t\tif( typeof altOptions !== 'object' ){\n\t\t\t\t\taltOptions = {};\n\t\t\t\t}\n\t\t\t}\n\t\t\tlet options = Object.assign({}, datepicker_options, altOptions); // clone, mainly shallow concern for 'mode'\n\t\t\toptions.mode = isRange ? 'range' : 'single';\n\t\t\tif( isRange && 'onClose' in options ){\n\t\t\t\toptions.onClose = [function( selectedDates, dateStr, instance ){\n\t\t\t\t\tif(selectedDates.length === 1){ // deal with single date choice and clicking out\n\t\t\t\t\t\tinstance.setDate([selectedDates[0],selectedDates[0]], true);\n\t\t\t\t\t}\n\t\t\t\t}];\n\t\t\t}\n\t\t\tif( datePickerDiv.attr('data-separator') ) options.locale.rangeSeparator = datePickerDiv.attr('data-separator');\n\t\t\tif( datePickerDiv.attr('data-format') ) options.altFormat = datePickerDiv.attr('data-format');\n\t\t\tlet FPs = datePickerDiv.find('.em-date-input');\n\t\t\tFPs.attr('type', 'text').flatpickr(options);\n\t\t});\n\t\t// add values to elements, done once all datepickers instantiated so we don't get errors with date range els in separate divs\n\t\tdatePickerDivs.each( function(i,datePickerDiv) {\n\t\t\tdatePickerDiv = jQuery(datePickerDiv);\n\t\t\tlet FPs = datePickerDiv.find('.em-date-input');\n\t\t\tlet inputs = datePickerDiv.find('.em-datepicker-data input');\n\t\t\tinputs.attr('type', 'hidden'); // hide so not tabbable\n\t\t\tif( datePickerDiv.hasClass('em-datepicker-until') ){\n\t\t\t\tlet start_fp, end_fp;\n\t\t\t\tif( datePickerDiv.attr('data-until-id') ){\n\t\t\t\t\tend_fp = jQuery('#' + datePickerDiv.attr('data-until-id') + ' .em-date-input-end')[0]._flatpickr;\n\t\t\t\t}else{\n\t\t\t\t\tend_fp = FPs.filter('.em-date-input-end')[0]._flatpickr;\n\t\t\t\t\tif( inputs[1] && inputs[1].value ) {\n\t\t\t\t\t\tend_fp.setDate(inputs[1].value, false, 'Y-m-d');\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif( inputs[0] && inputs[0].value ){\n\t\t\t\t\tstart_fp = FPs.filter('.em-date-input-start')[0]._flatpickr;\n\t\t\t\t\tstart_fp.setDate(inputs[0].value, false, 'Y-m-d');\n\t\t\t\t\tend_fp.set('minDate', inputs[0].value);\n\t\t\t\t}\n\t\t\t}else{\n\t\t\t\tlet dates = [];\n\t\t\t\tinputs.each( function( i, input ){\n\t\t\t\t\tif( input.value ){\n\t\t\t\t\t\tdates.push(input.value);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\tFPs[0]._flatpickr.setDate(dates, false, 'Y-m-d');\n\t\t\t}\n\t\t});\n\t\t// fire trigger\n\t\tjQuery(document).triggerHandler('em_flatpickr_loaded', [wrap]);\n\t}\n}","function em_setup_timepicker(wrap){\n\twrap = jQuery(wrap);\n\tvar timepicker_options = {\n\t\tstep:15\n\t}\n\ttimepicker_options.timeFormat = EM.show24hours == 1 ? 'G:i':'g:i A';\n\tjQuery(document).triggerHandler('em_timepicker_options', timepicker_options);\n\twrap.find(\".em-time-input\").em_timepicker(timepicker_options);\n\n\t// Keep the duration between the two inputs.\n\twrap.find(\".em-time-range input.em-time-start\").each( function(i, el){\n\t\tvar time = jQuery(el);\n\t\ttime.data('oldTime', time.em_timepicker('getSecondsFromMidnight'));\n\t}).on('change', function() {\n\t\tvar start = jQuery(this);\n\t\tvar end = start.nextAll('.em-time-end');\n\t\tif (end.val()) { // Only update when second input has a value.\n\t\t\t// Calculate duration.\n\t\t\tvar oldTime = start.data('oldTime');\n\t\t\tvar duration = (end.em_timepicker('getSecondsFromMidnight') - oldTime) * 1000;\n\t\t\tvar time = start.em_timepicker('getSecondsFromMidnight');\n\t\t\tif( end.em_timepicker('getSecondsFromMidnight') >= oldTime ){\n\t\t\t\t// Calculate and update the time in the second input.\n\t\t\t\tend.em_timepicker('setTime', new Date(start.em_timepicker('getTime').getTime() + duration));\n\t\t\t}\n\t\t\tstart.data('oldTime', time);\n\t\t}\n\t});\n\t// Validate.\n\twrap.find(\".event-form-when .em-time-range input.em-time-end\").on('change', function() {\n\t\tvar end = jQuery(this);\n\t\tvar start = end.prevAll('.em-time-start');\n\t\tvar wrapper = end.closest('.event-form-when');\n\t\tvar start_date = wrapper.find('.em-date-end').val();\n\t\tvar end_date = wrapper.find('.em-date-start').val();\n\t\tif( start.val() ){\n\t\t\tif( start.em_timepicker('getTime') > end.em_timepicker('getTime') && ( end_date.length == 0 || start_date == end_date ) ) { end.addClass(\"error\"); }\n\t\t\telse { end.removeClass(\"error\"); }\n\t\t}\n\t});\n\twrap.find(\".event-form-when .em-date-end\").on('change', function(){\n\t\tjQuery(this).closest('.event-form-when').find('.em-time-end').trigger('change');\n\t});\n\t//Sort out all day checkbox\n\twrap.find('.em-time-range input.em-time-all-day').on('change', function(){\n\t\tvar allday = jQuery(this);\n\t\tif( allday.is(':checked') ){\n\t\t\tallday.closest('.em-time-range').find('.em-time-input').each( function(){\n\t\t\t\tthis.style.setProperty('background-color','#ccc', 'important');\n\t\t\t\tthis.readOnly = true;\n\t\t\t});\n\t\t}else{\n\t\t\tallday.closest('.em-time-range').find('.em-time-input').each( function(){\n\t\t\t\tthis.style.removeProperty('background-color');\n\t\t\t\tthis.readOnly = false;\n\t\t\t});\n\t\t}\n\t}).trigger('change');\n}\n","let em_close_other_selectized = function(){\n\t// find all other selectized items and close them\n\tlet control = this.classList.contains('selectize-control') ? this.closest('.em-selectize.selectize-control') : this;\n\tdocument.querySelectorAll('.em-selectize.dropdown-active').forEach( function( el ){\n\t\tif( el !== control && 'selectize' in el.previousElementSibling) {\n\t\t\tel.previousElementSibling.selectize.close();\n\t\t}\n\t});\n}\n\ndocument.addEventListener('DOMContentLoaded', function(){\n\tSelectize.define('multidropdown', function( options ) {\n\t\tif( !this.$input.hasClass('multidropdown') ) return;\n\t\tlet s = this;\n\t\tlet s_setup = s.setup;\n\t\tlet s_refreshOptions = s.refreshOptions;\n\t\tlet s_open = s.open;\n\t\tlet s_close = s.close;\n\t\tlet placeholder;\n\t\tlet placeholder_text\n\t\tlet placeholder_default;\n\t\tlet placeholder_label;\n\t\tlet counter;\n\t\tlet isClosing = false;\n\t\tthis.changeFunction = function() {\n\t\t\tlet items = s.getValue();\n\t\t\tlet selected_text = this.$input.attr('data-selected-text') ? this.$input.attr('data-selected-text') : '%d Selected';\n\t\t\tcounter.children('span.selected-text').text(selected_text.replace('%d', items.length));\n\t\t\tif( items.length > 0 ) {\n\t\t\t\tcounter.removeClass('hidden');\n\t\t\t\tplaceholder_text.text( placeholder_label );\n\t\t\t\ts.$control_input.attr('placeholder', s.$input.attr('placeholder'));\n\t\t\t} else {\n\t\t\t\tcounter.addClass('hidden');\n\t\t\t\tplaceholder_text.text( placeholder_default );\n\t\t\t}\n\t\t}\n\t\tthis.setup = function() {\n\t\t\ts_setup.apply(s);\n\t\t\ts.isDropdownClosingPlaceholder = false;\n\t\t\t// add section to top of selection to show the dropdown text\n\t\t\tplaceholder = jQuery('
').prependTo(s.$wrapper);\n\t\t\tlet clear_text = this.$input.attr('data-clear-text') ? this.$input.attr('data-clear-text') : 'Clear Selection';\n\t\t\tcounter = jQuery('
X' + clear_text + '';\n\t\t\t\tif( this.$input.hasClass('checkboxes') ){\n\t\t\t\t\thtml += item.text.replace(/^(\\s+)?/i, '$1 ');\n\t\t\t\t}else{\n\t\t\t\t\thtml += item.text;\n\t\t\t\t}\n\t\t\t\thtml += '
';\n\t\t\t\treturn html;\n\t\t\t},\n\t\t\toptgroup : function (item, escape) {\n\t\t\t\tlet html = '