| | |
| | | } |
| | | } |
| | | |
| | | window.prefixInput = function(input, prefix, replace = false) { |
| | | let newId = replace ? prefix : `${prefix}${input.name}`; |
| | | if (input.labels.length > 0) { |
| | | input.labels?.forEach(label => { |
| | | label.htmlFor = newId; |
| | | }); |
| | | window.prefixInput = function(input, prefix, wrapper = null, replace = false, name = false) { |
| | | if (!input) { |
| | | console.warn('prefixInput called with null/undefined input'); |
| | | return; |
| | | } |
| | | const oldId = input.id; |
| | | const newId = replace ? prefix : `${prefix}${input.name}`; |
| | | |
| | | // Search for label within wrapper if provided, otherwise use existing logic |
| | | let label = null; |
| | | |
| | | if (wrapper) { |
| | | // Most reliable: search within wrapper by old ID |
| | | label = wrapper.querySelector(`label[for="${oldId}"]`); |
| | | } else if (input.labels && input.labels.length > 0) { |
| | | // Fallback to input.labels if no wrapper provided |
| | | label = input.labels[0]; |
| | | } else if (input.previousElementSibling?.tagName === 'LABEL') { |
| | | label = input.previousElementSibling; |
| | | } else if (input.nextElementSibling?.tagName === 'LABEL') { |
| | | label = input.nextElementSibling; |
| | | } else { |
| | | if (input.nextElementSibling?.tagName === 'LABEL') { |
| | | input.nextElementSibling.htmlFor = newId; |
| | | }else if (input.previousElementSibling?.tagName === 'LABEL') { |
| | | input.previousElementSibling.htmlFor = newId; |
| | | } else { |
| | | let label = input.parentElement.querySelector(`label[for="${input.id}"]`); |
| | | if (label) { |
| | | label.htmlFor = newId; |
| | | } |
| | | } |
| | | // Final fallback: search up the tree |
| | | label = input.closest('[data-field]')?.querySelector(`label[for="${oldId}"]`); |
| | | } |
| | | |
| | | if (label) { |
| | | label.htmlFor = newId; |
| | | } |
| | | |
| | | input.id = newId; |
| | | if (name) { |
| | | input.name = newId; |
| | | } |
| | | } |
| | | |
| | | /** |
| | |
| | | return ui; |
| | | } |
| | | |
| | | window.sleep = async function (ms = 50) { |
| | | return new Promise(resolve => setTimeout(resolve, ms)); |
| | | }; |
| | | |
| | | class DebouncedActions { |
| | | constructor() { |
| | |
| | | updateMaxScroll(); |
| | | updateScrollProgress(lastY); |
| | | |
| | | |
| | | |
| | | window.decodeHTMLEntities = function(text) { |
| | | if (!window.decodeHelper) { |
| | | window.decodeHelper = document.createElement('textarea'); |
| | | } |
| | | |
| | | window.decodeHelper.innerHTML = text; |
| | | return window.decodeHelper.value; |
| | | } |
| | | |
| | | |
| | | window.focusNextElement = function() { |
| | | //add all elements we want to include in our selection |
| | | var focussableElements = |
| | | 'a:not([disabled]), button:not([disabled]), input[type=text]:not([disabled]), [tabindex]:not([disabled]):not([tabindex="-1"])'; |
| | | if (document.activeElement && document.activeElement.form) { |
| | | var focussable = Array.prototype.filter.call( |
| | | document.activeElement.form.querySelectorAll(focussableElements), |
| | | function (element) { |
| | | //check for visibility while always include the current activeElement |
| | | return ( |
| | | element.offsetWidth > 0 || |
| | | element.offsetHeight > 0 || |
| | | element === document.activeElement |
| | | ); |
| | | } |
| | | ); |
| | | var index = focussable.indexOf(document.activeElement); |
| | | if (index > -1) { |
| | | var nextElement = focussable[index + 1] || focussable[0]; |
| | | nextElement.focus(); |
| | | } |
| | | } |
| | | } |