semantic-forms 5.3.1 → 5.3.3

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## 5.3.3
+
+- Fixed a bug where radio and checkbox inputs would be moved to the end of the parent `<dl>`.
+- Updated dependencies.
+
+## 5.3.2
+
+- Fixed various layout spacings.
+
 ## 5.3.1
 
 - Fixed broken exports.

package/dist/semantic-forms.cjs

@@ -24,16 +24,15 @@ const getOS=()=>{const userAgent=window.navigator.userAgent;const platform=windo
 // ignore input if it has previously been formatted
 if(input.classList.contains("semanticform")||!input.id)return;const type=input.getAttribute("type");if(!lookups.nodeName.includes(input.nodeName)&&!lookups.inputType.includes(type))return;
 // recursively find <dl> element
-let dl=input.parentNode;while(dl&&dl.nodeName!=="DL")dl=dl.parentNode;if(!dl)return;if(!dl.classList.contains("floatLabelForm"))dl.classList.add("floatLabelForm");const label=input.parentNode.parentNode.id&&(type==="checkbox"||type==="radio")?document.querySelector("label[data-for="+input.parentNode.parentNode.id.replace(/\./g,"\\.")+"]"):document.querySelector("label[for="+input.id.replace(/\./g,"\\.")+"]");if(!label)console.error(`semantic-forms: Found an input (${input.id||input.getAttribute("name")}) without a properly associated label. Make sure there is a label for it and the label has a matching "for" attribute.`);input.classList.add("semanticform");
+let dl=input.parentNode;while(dl&&dl.nodeName!=="DL")dl=dl.parentNode;if(!dl)return;if(!dl.classList.contains("floatLabelForm"))dl.classList.add("floatLabelForm");const label=input.parentNode.parentNode.id&&(type==="checkbox"||type==="radio")?document.querySelector("label[data-for="+input.parentNode.parentNode.id.replace(/\./g,"\\.")+"]"):document.querySelector("label[for="+input.id.replace(/\./g,"\\.")+"]");if(!label)console.error(`semantic-forms: Found an input (${input.id||input.getAttribute("name")}) without a properly associated label. Make sure there is a label for it and the label has a matching "for" attribute.`);input.classList.add("semanticform");const isWrapped=input.closest("dd").parentElement.nodeName==="DIV";
 // #region create labels
-const newLabel=document.createElement("label");newLabel.className="floatLabelFormAnimatedLabel";if(type==="checkbox"||type==="radio"){
-// recursively find <dd> element
-let dd=input.parentNode;while(dd&&dd.nodeName!=="DD")dd=dd.parentNode;if(!dd){console.error(`semantic-forms: Found an input (${input.id||input.getAttribute("name")}) that is not inside a <dd> element.`);return}if(dd.firstChild.nodeName!=="LABEL"){if(type==="checkbox"&&input.parentNode.nodeName==="DD"){newLabel.setAttribute("for",input.id);input.parentNode.classList.add("singleCheckbox");newLabel.className="";label.setAttribute("hidden","hidden");insertAfter(newLabel,input)}if(type==="radio"&&input.parentNode.nodeName==="DD"){newLabel.setAttribute("for",input.id);input.parentNode.classList.add("singleRadio");newLabel.className="";label.setAttribute("hidden","hidden");insertAfter(newLabel,input)}newLabel.innerHTML=label.innerHTML;if(label.hasAttribute("title")&&label.getAttribute("data-show-help-icon")!==null&&!label.querySelector("span.help")){const text=label.getAttribute("title");label.innerHTML+=` <span title="${text}" class="help">${icons.helpIcon}</span>`;newLabel.innerHTML+=` <span title="${text}" class="help">${icons.helpIcon}</span>`}if(dd.querySelector(":required")&&label.getAttribute("data-no-asterisk")===null&&!label.querySelector("span.required")){const text=label.getAttribute("data-asterisk-text")||"This field is required.";label.innerHTML+=` <span title="${text}" class="required">*</span>`;newLabel.innerHTML+=` <span title="${text}" class="required">*</span>`}if(!dd.querySelector("label"))dd.append(newLabel)}
-// removes old div that a radio or checkbox may have been added to
-if(dd.parentElement.nodeName==="DIV")dd.parentElement.remove();const div=document.createElement("div");div.append(label.closest("dt"),dd);dl.append(div)}else{newLabel.setAttribute("for",input.id);newLabel.innerHTML=label.innerHTML;if(input.hasAttribute("title")&&label.getAttribute("data-show-help-icon")!==null&&!label.querySelector("span.help")){const text=input.getAttribute("title");newLabel.innerHTML+=` <span title="${text}" class="help">${icons.helpIcon}</span>`}if(input.hasAttribute("required")&&label.getAttribute("data-no-asterisk")===null&&!label.querySelector("span.required")){const text=label.getAttribute("data-asterisk-text")||"This field is required.";newLabel.innerHTML+=` <span title="${text}" class="required">*</span>`}label.setAttribute("hidden","hidden");insertAfter(newLabel,input)}
+const newLabel=document.createElement("label");newLabel.className="floatLabelFormAnimatedLabel";if(type==="checkbox"||type==="radio"){const div=isWrapped?input.closest("dd").parentElement:document.createElement("div");const dt=label.closest("dt");const dd=input.closest("dd");if(!dt||!dd){console.error(`semantic-forms: Found an input (${input.id||input.getAttribute("name")}) that is not inside a <dd> element.`);return}if(dd.firstChild.nodeName!=="LABEL"){if(type==="checkbox"&&input.parentNode.nodeName==="DD"){newLabel.setAttribute("for",input.id);input.parentNode.classList.add("singleCheckbox");newLabel.className="";label.setAttribute("hidden","hidden");insertAfter(newLabel,input)}if(type==="radio"&&input.parentNode.nodeName==="DD"){newLabel.setAttribute("for",input.id);input.parentNode.classList.add("singleRadio");newLabel.className="";label.setAttribute("hidden","hidden");insertAfter(newLabel,input)}newLabel.innerHTML=label.innerHTML;if(label.hasAttribute("title")&&label.getAttribute("data-show-help-icon")!==null&&!label.querySelector("span.help")){const text=label.getAttribute("title");label.innerHTML+=` <span title="${text}" class="help">${icons.helpIcon}</span>`;newLabel.innerHTML+=` <span title="${text}" class="help">${icons.helpIcon}</span>`}if(dd.querySelector(":required")&&label.getAttribute("data-no-asterisk")===null&&!label.querySelector("span.required")){const text=label.getAttribute("data-asterisk-text")||"This field is required.";label.innerHTML+=` <span title="${text}" class="required">*</span>`;newLabel.innerHTML+=` <span title="${text}" class="required">*</span>`}if(!dd.querySelector("label"))dd.append(newLabel)}
+// if the user did not wrap the input in a div, do it for them
+if(!isWrapped){div.append(dt,dd);
+// determine visibility of newly created <div>
+if(dt.style.display==="none"&&dd.style.display==="none")div.style.display="none"}dl.append(div)}else{newLabel.setAttribute("for",input.id);newLabel.innerHTML=label.innerHTML;if(input.hasAttribute("title")&&label.getAttribute("data-show-help-icon")!==null&&!label.querySelector("span.help")){const text=input.getAttribute("title");newLabel.innerHTML+=` <span title="${text}" class="help">${icons.helpIcon}</span>`}if(input.hasAttribute("required")&&label.getAttribute("data-no-asterisk")===null&&!label.querySelector("span.required")){const text=label.getAttribute("data-asterisk-text")||"This field is required.";newLabel.innerHTML+=` <span title="${text}" class="required">*</span>`}label.setAttribute("hidden","hidden");insertAfter(newLabel,input)}
 // #endregion
 // #region standard inputs
-const isWrapped=input.closest("dd").parentElement.nodeName==="DIV";
 // check for auto-grow attribute on textareas
 if(input.getAttribute("data-auto-grow")!==null){
 // progressively enhance inputs into textareas
@@ -50,9 +49,9 @@ if(/colspan-/.test(dd.className)){const match=dd.className.match(/colspan-([0-9]
 // this may be removed once fully supported in Firefox and Safari: https://caniuse.com/wf-field-sizing
 if(input.getAttribute("data-max-content")!==null)if(!("fieldSizing"in document.createElement("input").style)){const adjustWidth=()=>{const value=input.value!==""?input.value:input.placeholder;const width=value.length*8+40;input.style.width=width+"px";input.style.maxWidth="100%"};adjustWidth();input.addEventListener("input",adjustWidth)}
 // if the user did not wrap the input in a div, do it for them
-if(!isWrapped){div.append(dt,dd);dl.append(div);
+if(!isWrapped){div.append(dt,dd);
 // determine visibility of newly created <div>
-if(dt.style.display==="none"&&dd.style.display==="none")div.style.display="none"}}
+if(dt.style.display==="none"&&dd.style.display==="none")div.style.display="none"}dl.append(div)}
 // #endregion
 // handle file input clear btn, cannot be handled with CSS
 if(type==="file"){const clearBtn=input.parentElement.querySelector(".clear");input.addEventListener("input",event=>{clearBtn.style.display=event.target.files.length?"flex":"none"});clearBtn.addEventListener("click",()=>{clearBtn.style.display="none"})}
@@ -93,7 +92,7 @@ const shiftClearBtn=()=>{const clearBtn=input.parentElement?.querySelector("butt
 // handle undo/redo
 if((event.ctrlKey||event.metaKey)&&event.key==="z"&&!event.shiftKey){
 // undo clearing a field
-if(lastFocusedInput)if(lastFocusedInput?.parentNode?.querySelector("button.clear").id===`semanticFormsClearButton_${lastClearFieldPressed}`||lastFocusedInput?.parentNode?.querySelector("button.clear").name===`semanticFormsClearButton_${lastClearFieldPressed}`)if(lastFocusedInput.previousValue){console.log("update redo value",lastFocusedInput.value);lastFocusedInput.redoValue=lastFocusedInput.value;lastFocusedInput.value=lastFocusedInput.previousValue}}else if(event.ctrlKey&&event.key==="y"||event.metaKey&&event.shiftKey&&event.key==="z")
+if(lastFocusedInput)if(lastFocusedInput?.parentNode?.querySelector("button.clear").id===`semanticFormsClearButton_${lastClearFieldPressed}`||lastFocusedInput?.parentNode?.querySelector("button.clear").name===`semanticFormsClearButton_${lastClearFieldPressed}`)if(lastFocusedInput.previousValue){lastFocusedInput.redoValue=lastFocusedInput.value;lastFocusedInput.value=lastFocusedInput.previousValue}}else if(event.ctrlKey&&event.key==="y"||event.metaKey&&event.shiftKey&&event.key==="z")
 // redo clearing a field
 if(lastFocusedInput)if(lastFocusedInput?.parentNode?.querySelector("button.clear").id===`semanticFormsClearButton_${lastClearFieldPressed}`||lastFocusedInput?.parentNode?.querySelector("button.clear").name===`semanticFormsClearButton_${lastClearFieldPressed}`)if(lastFocusedInput.redoValue){lastFocusedInput.previousValue=lastFocusedInput.value;lastFocusedInput.value=lastFocusedInput.redoValue}};module.exports={enhanceInput,handleUndoRedo}
 /***/},

package/dist/semantic-forms.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"semantic-forms.cjs","mappings":"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","sources":["webpack://semanticForms/webpack/universalModuleDefinition","webpack://semanticForms/./lib/helpers.js","webpack://semanticForms/./lib/inputEnhancements.js","webpack://semanticForms/./lib/keyboardShortcuts.js","webpack://semanticForms/./semanticForms.js","webpack://semanticForms/webpack/bootstrap","webpack://semanticForms/webpack/startup"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"semanticForms\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"semanticForms\"] = factory();\n\telse\n\t\troot[\"semanticForms\"] = factory();\n})(this, () => {\nreturn ","/**\n * Uses the navigator to best determine the clients operating system.\n * @returns Operating system string (`mac`, `windows`, `linux`)\n */\nconst getOS = () => {\n  const userAgent = window.navigator.userAgent\n  const platform = window.navigator.platform\n  let os = null\n\n  if (platform.includes('Win')) {\n    os = 'windows'\n  } else if (platform.includes('Mac') || /iPhone|iPad|iPod/.test(userAgent)) {\n    os = 'mac'\n  } else if (platform.includes('Linux') || /Android/.test(userAgent)) {\n    os = 'linux'\n  }\n  return os\n}\n\n/**\n * Places an element immediately after another element\n * @param {Object} newNode element being placed after the reference node\n * @param {*} referenceNode element to be used as reference for new node\n */\nconst insertAfter = (newNode, referenceNode) => {\n  if (referenceNode.nextSibling) referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling)\n  else referenceNode.parentNode.appendChild(newNode)\n}\n\nmodule.exports = { getOS, insertAfter }\n","const { insertAfter } = require('./helpers.js')\n\nconst icons = {\n  passwordShow: '<svg fill=\"none\" height=\"256\" viewBox=\"0 0 24 24\" width=\"256\" xmlns=\"http://www.w3.org/2000/svg\"><g stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"m1 12s4-8 11-8 11 8 11 8\"/><path d=\"m1 12s4 8 11 8 11-8 11-8\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/></g></svg>',\n  passwordHide: '<svg fill=\"none\" height=\"256\" viewBox=\"0 0 24 24\" width=\"256\" xmlns=\"http://www.w3.org/2000/svg\"><g stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"m2 2 20 20\"/><path d=\"m6.71277 6.7226c-3.04798 2.07267-4.71277 5.2774-4.71277 5.2774s3.63636 7 10 7c2.0503 0 3.8174-.7266 5.2711-1.7116m-6.2711-12.23018c.3254-.03809.6588-.05822 1-.05822 6.3636 0 10 7 10 7s-.6918 1.3317-2 2.8335\"/><path d=\"m14 14.2362c-.5308.475-1.2316.7639-2 .7639-1.6569 0-3-1.3431-3-3 0-.8237.33193-1.5698.86932-2.11192\"/></g></svg>',\n  helpIcon: '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" version=\"1.1\" style=\"overflow:visible;\"><rect width=\"16\" height=\"16\" fill=\"none\"/><path fill=\"currentColor\" d=\"M8,10.5c-0.552,0-1,0.448-1,1c0,0.552,0.448,1,1,1c0.552,0,1-0.448,1-1C9,10.948,8.552,10.5,8,10.5z M8,0 C3.582,0,0,3.582,0,8c0,4.418,3.582,8,8,8s8-3.582,8-8C16,3.582,12.418,0,8,0z M12.243,12.243C11.109,13.376,9.603,14,8,14 s-3.109-0.624-4.243-1.757C2.624,11.109,2,9.603,2,8s0.624-3.109,1.757-4.243C4.891,2.624,6.397,2,8,2s3.109,0.624,4.243,1.757 C13.376,4.891,14,6.397,14,8C14,9.603,13.376,11.109,12.243,12.243z M7.927,3.755c-2.248,0-2.76,1.695-2.802,2.906h1.571 c0.028-0.256,0.101-1.418,1.221-1.418c0.672,0,1.206,0.406,1.206,1.175c0,0.695-0.724,1.155-1.303,1.711 C7.241,8.685,7.168,9.325,7.168,9.824V10c0.146,0,1.615,0,1.615,0V9.824c0-1.256,1.967-1.594,1.967-3.541 C10.75,5.059,9.874,3.755,7.927,3.755z\"/></svg>'\n}\n\nconst lookups = {\n  nodeName: ['TEXTAREA', 'SELECT'],\n  inputType: ['checkbox', 'color', 'date', 'datetime-local', 'email', 'file', 'image', 'month', 'number', 'password', 'radio', 'range', 'search', 'tel', 'text', 'time', 'url', 'week']\n}\n\nlet lastFocusedInput\nlet lastClearFieldPressed\n\nconst enhanceInput = (input, form) => {\n  // ignore input if it has previously been formatted\n  if (input.classList.contains('semanticform') || !input.id) return\n\n  const type = input.getAttribute('type')\n  if (!lookups.nodeName.includes(input.nodeName) && !lookups.inputType.includes(type)) return\n\n  // recursively find <dl> element\n  let dl = input.parentNode\n  while (dl && dl.nodeName !== 'DL') dl = dl.parentNode\n  if (!dl) return\n  if (!dl.classList.contains('floatLabelForm')) dl.classList.add('floatLabelForm')\n\n  const label = input.parentNode.parentNode.id && (type === 'checkbox' || type === 'radio')\n    ? document.querySelector('label[data-for=' + input.parentNode.parentNode.id.replace(/\\./g, '\\\\.') + ']')\n    : document.querySelector('label[for=' + input.id.replace(/\\./g, '\\\\.') + ']')\n\n  if (!label) {\n    console.error(`semantic-forms: Found an input (${input.id || input.getAttribute('name')}) without a properly associated label. Make sure there is a label for it and the label has a matching \"for\" attribute.`)\n  }\n\n  input.classList.add('semanticform')\n\n  // #region create labels\n\n  const newLabel = document.createElement('label')\n  newLabel.className = 'floatLabelFormAnimatedLabel'\n\n  if (type === 'checkbox' || type === 'radio') {\n    // recursively find <dd> element\n    let dd = input.parentNode\n    while (dd && dd.nodeName !== 'DD') dd = dd.parentNode\n\n    if (!dd) {\n      console.error(`semantic-forms: Found an input (${input.id || input.getAttribute('name')}) that is not inside a <dd> element.`)\n      return\n    }\n\n    if (dd.firstChild.nodeName !== 'LABEL') {\n      if (type === 'checkbox' && input.parentNode.nodeName === 'DD') {\n        newLabel.setAttribute('for', input.id)\n        input.parentNode.classList.add('singleCheckbox')\n        newLabel.className = ''\n        label.setAttribute('hidden', 'hidden')\n        insertAfter(newLabel, input)\n      }\n\n      if (type === 'radio' && input.parentNode.nodeName === 'DD') {\n        newLabel.setAttribute('for', input.id)\n        input.parentNode.classList.add('singleRadio')\n        newLabel.className = ''\n        label.setAttribute('hidden', 'hidden')\n        insertAfter(newLabel, input)\n      }\n\n      newLabel.innerHTML = label.innerHTML\n\n      if (label.hasAttribute('title') && label.getAttribute('data-show-help-icon') !== null && !label.querySelector('span.help')) {\n        const text = label.getAttribute('title')\n        label.innerHTML += ` <span title=\"${text}\" class=\"help\">${icons.helpIcon}</span>`\n        newLabel.innerHTML += ` <span title=\"${text}\" class=\"help\">${icons.helpIcon}</span>`\n      }\n\n      if (dd.querySelector(':required') && label.getAttribute('data-no-asterisk') === null && !label.querySelector('span.required')) {\n        const text = label.getAttribute('data-asterisk-text') || 'This field is required.'\n        label.innerHTML += ` <span title=\"${text}\" class=\"required\">*</span>`\n        newLabel.innerHTML += ` <span title=\"${text}\" class=\"required\">*</span>`\n      }\n\n      if (!dd.querySelector('label')) dd.append(newLabel)\n    }\n\n    // removes old div that a radio or checkbox may have been added to\n    if (dd.parentElement.nodeName === 'DIV') dd.parentElement.remove()\n\n    const div = document.createElement('div')\n    div.append(label.closest('dt'), dd)\n    dl.append(div)\n  } else {\n    newLabel.setAttribute('for', input.id)\n    newLabel.innerHTML = label.innerHTML\n\n    if (input.hasAttribute('title') && label.getAttribute('data-show-help-icon') !== null && !label.querySelector('span.help')) {\n      const text = input.getAttribute('title')\n      newLabel.innerHTML += ` <span title=\"${text}\" class=\"help\">${icons.helpIcon}</span>`\n    }\n\n    if (input.hasAttribute('required') && label.getAttribute('data-no-asterisk') === null && !label.querySelector('span.required')) {\n      const text = label.getAttribute('data-asterisk-text') || 'This field is required.'\n      newLabel.innerHTML += ` <span title=\"${text}\" class=\"required\">*</span>`\n    }\n\n    label.setAttribute('hidden', 'hidden')\n\n    insertAfter(newLabel, input)\n  }\n  // #endregion\n\n  // #region standard inputs\n\n  const isWrapped = input.closest('dd').parentElement.nodeName === 'DIV'\n\n  // check for auto-grow attribute on textareas\n  if (input.getAttribute('data-auto-grow') !== null) {\n    // progressively enhance inputs into textareas\n    if (input.nodeName === 'INPUT' && input.type === 'text') {\n      const newInput = document.createElement('textarea')\n      newInput.id = input.id\n      newInput.class = input.class\n      newInput.innerText = input.value\n      newInput.setAttribute('data-auto-grow', '')\n      input.replaceWith(newInput)\n      input = newInput\n    }\n\n    if (input.nodeName === 'TEXTAREA') {\n      // when pressing enter while this input is focused, we want to submit\n      input.addEventListener('keypress', (e) => {\n        if (e.key !== 'Enter' || (e.key === 'Enter' && e.shiftKey)) return\n        e.preventDefault()\n        form.requestSubmit()\n      })\n    }\n  }\n\n  if (type !== 'checkbox' && type !== 'radio') {\n    if (!input.getAttribute('placeholder')) input.setAttribute('placeholder', ' ')\n\n    const div = isWrapped ? input.closest('dd').parentElement : document.createElement('div')\n    const dt = label.closest('dt')\n    const dd = input.closest('dd')\n\n    if (!dt || !dd) {\n      console.error(`semantic-forms: Found an input (${input.id || input.getAttribute('name')}) that does not have a corresponding ${!dt ? '<dt>' : '<dd>'} element.`)\n      return\n    }\n\n    // input clear button\n    if (input.nodeName !== 'SELECT' && type !== 'range') {\n      const clearBtn = document.createElement('button')\n      clearBtn.type = 'button'\n      clearBtn.title = input.getAttribute('data-clear-field-text') || 'Clear field'\n      clearBtn.ariaLabel = input.getAttribute('data-clear-field-text') || 'Clear field'\n      clearBtn.tabIndex = -1\n      clearBtn.innerHTML = '<svg viewBox=\"0 0 16 16\" width=\"18\" height=\"18\"><path d=\"M 1 1 L 15 15 M 1 15 L 15 1\" fill=\"none\" stroke-width=\"2\" stroke=\"currentColor\" />'\n      clearBtn.classList.add('clear')\n      clearBtn.id = `semanticFormsClearButton_${input.id}`\n      clearBtn.addEventListener('click', () => {\n        input.previousValue = input.value\n        input.value = ''\n        input.focus()\n        lastClearFieldPressed = input.id\n\n        // used for any other updates required by various inputs\n        input.dispatchEvent(new Event('input', { bubbles: true }))\n      })\n      insertAfter(clearBtn, dd.querySelector('label'))\n    }\n\n    input.addEventListener('focus', event => {\n      if (event.target.nodeName === 'INPUT') lastFocusedInput = event.target\n    })\n\n    // check for colspan- utility class on dd, and move to div\n    if (/colspan-/.test(dd.className)) {\n      const match = dd.className.match(/colspan-([0-9]|full)/)[0]\n      dd.classList.remove(match)\n      div.classList.add(match)\n    }\n\n    // check for max-content attribute\n    // this may be removed once fully supported in Firefox and Safari: https://caniuse.com/wf-field-sizing\n    if (input.getAttribute('data-max-content') !== null) {\n      if (!('fieldSizing' in document.createElement('input').style)) {\n        const adjustWidth = () => {\n          const value = input.value !== '' ? input.value : input.placeholder\n          const width = value.length * 8 + 40\n          input.style.width = width + 'px'\n          input.style.maxWidth = '100%'\n        }\n        adjustWidth()\n        input.addEventListener('input', adjustWidth)\n      }\n    }\n\n    // if the user did not wrap the input in a div, do it for them\n    if (!isWrapped) {\n      div.append(dt, dd)\n      dl.append(div)\n\n      // determine visibility of newly created <div>\n      if (dt.style.display === 'none' && dd.style.display === 'none') div.style.display = 'none'\n    }\n  }\n  // #endregion\n\n  // handle file input clear btn, cannot be handled with CSS\n  if (type === 'file') {\n    const clearBtn = input.parentElement.querySelector('.clear')\n    input.addEventListener('input', event => {\n      clearBtn.style.display = event.target.files.length ? 'flex' : 'none'\n    })\n    clearBtn.addEventListener('click', () => {\n      clearBtn.style.display = 'none'\n    })\n  }\n\n  // handle range inputs with a class to display the value\n  // TODO: should this be a data attribute instead?\n  if (type === 'range' && input.classList.contains('displayValue')) {\n    const label = input.parentNode.parentNode.querySelector('dd label')\n    label.innerHTML += `<span class=\"seperator\">: </span><output>${input.value}</output>`\n    input.addEventListener('input', event => {\n      const output = event.target.parentNode.parentNode.querySelector('output')\n      output.innerHTML = event.target.value\n    })\n  }\n\n  // show password button\n  if (type === 'password' && input.getAttribute('data-no-reveal') === null) {\n    const showBtn = document.createElement('button')\n    showBtn.type = 'button'\n    showBtn.title = input.getAttribute('data-show-password-text') || 'Show password'\n    showBtn.ariaLabel = input.getAttribute('data-show-password-text') || 'Show password'\n    showBtn.tabIndex = -1\n    showBtn.innerHTML = icons.passwordShow\n    showBtn.classList.add('show')\n    showBtn.id = `semanticFormsShowButton_${input.id}`\n    const dd = input.closest('dd')\n    if (!dd) {\n      console.error(`semantic-forms: Found an input (${input.id || input.getAttribute('name')}) that is not inside a <dd> element.`)\n      return\n    }\n    showBtn.addEventListener('click', () => {\n      if (input.type === 'password') {\n        showBtn.innerHTML = icons.passwordHide\n        showBtn.title = input.getAttribute('data-hide-password-text') || 'Hide password'\n        showBtn.ariaLabel = input.getAttribute('data-hide-password-text') || 'Hide password'\n        input.type = 'text'\n      } else {\n        showBtn.innerHTML = icons.passwordShow\n        showBtn.title = input.getAttribute('data-show-password-text') || 'Show password'\n        showBtn.ariaLabel = input.getAttribute('data-show-password-text') || 'Show password'\n        input.type = 'password'\n      }\n      input.focus()\n    })\n    insertAfter(showBtn, dd.querySelector('label'))\n  }\n\n  // add listener to shift clear button when scrollbar present\n  if (input.nodeName === 'TEXTAREA') {\n    if (input.getAttribute('data-disable-autosize') === null) {\n      // add auto-sizing\n      input.style.setProperty('resize', 'none')\n      input.style.setProperty('min-height', '0')\n      input.style.setProperty('max-height', 'none')\n      input.style.setProperty('height', 'auto')\n\n      const handleInput = () => {\n        // reset rows attribute to get accurate scrollHeight\n        let maxRows = input.getAttribute('data-max-rows')\n\n        if (maxRows) {\n          if (isNaN(maxRows) || Number(maxRows) <= 0) {\n            console.warn(`An invalid value was passed to the \"data-max-rows\" attribute. This value will be ignored.\\n\\nProvided value: ${input.getAttribute('data-max-rows')}`)\n            maxRows = null\n          }\n        }\n\n        const minRows = input.getAttribute('data-max-rows') && Number(input.getAttribute('data-max-rows')) < 5 ? input.getAttribute('data-max-rows') : '5'\n        input.setAttribute('rows', minRows)\n\n        // get the computed values object reference\n        const style = window.getComputedStyle(input)\n\n        // force content-box for size accurate line-height calculation, remove scrollbars, lock width (subtract inline padding and inline border widths), and remove inline padding and borders to keep width consistent (for text wrapping accuracy)\n        const inlinePadding = parseFloat(style['padding-left']) + parseFloat(style['padding-right'])\n        const inlineBorderWidth = parseFloat(style['border-left-width']) + parseFloat(style['border-right-width'])\n        input.style.setProperty('overflow', 'hidden', 'important')\n        input.style.setProperty('width', (parseFloat(style.width) - inlinePadding - inlineBorderWidth) + 'px')\n        input.style.setProperty('box-sizing', 'content-box')\n        input.style.setProperty('padding-inline', '0')\n        input.style.setProperty('border-width', '0')\n\n        // get the base line height, and top / bottom padding\n        const blockPadding = parseFloat(style['padding-top']) + parseFloat(style['padding-bottom'])\n        const lineHeight = style['line-height'] === 'normal'\n          ? parseFloat(style.height) // if line-height is not explicitly set, use the computed height value (ignore padding due to content-box)\n          : parseFloat(style['line-height']) // otherwise (line-height is explicitly set), use the computed line-height value\n\n        // get the scroll height (rounding to be safe to ensure cross browser consistency)\n        const scrollHeight = Math.round(input.scrollHeight)\n\n        // undo overflow, width, border-width, box-sizing & inline padding overrides\n        input.style.removeProperty('width')\n        input.style.removeProperty('box-sizing')\n        input.style.removeProperty('padding-inline')\n        input.style.removeProperty('border-width')\n        input.style.removeProperty('overflow')\n\n        // subtract blockPadding from scrollHeight and divide that by our lineHeight to get the row count, round to nearest integer as it will always be within ~.1 of the correct whole number\n        const rows = Math.round((scrollHeight - blockPadding) / lineHeight)\n\n        // set the calculated rows attribute (limited by rowLimit)\n        if (maxRows) {\n          input.setAttribute('rows', '' + Math.min(rows, Number(maxRows)))\n        } else {\n          input.setAttribute('rows', '' + rows)\n        }\n      }\n\n      input.addEventListener('input', handleInput)\n\n      // trigger the event to set the initial rows value\n      input.dispatchEvent(new Event('input', { bubbles: true }))\n    }\n\n    // progressively enhance textarea for Firefox and Safari\n    // this may be removed once fully supported in Firefox and Safari: https://caniuse.com/wf-field-sizing\n    if (input.getAttribute('data-auto-grow') !== null) {\n      if (!('fieldSizing' in document.createElement('input').style)) {\n        const adjustHeight = () => {\n          if (input.value.length) {\n            const borderWidth = parseInt(window.getComputedStyle(input).getPropertyValue('border-width'))\n            input.style.height = (input.scrollHeight + (borderWidth * 2)) + 'px'\n          } else {\n            input.style.height = window.getComputedStyle(form).getPropertyValue('--semanticFormsInputHeight')\n          }\n        }\n\n        // set initial height to semantic-forms CSS variable\n        input.style.height = window.getComputedStyle(form).getPropertyValue('--semanticFormsInputHeight')\n        input.addEventListener('input', adjustHeight)\n      }\n    }\n\n    // shifts the clear button to the right if a scrollbar is present\n    const shiftClearBtn = () => {\n      const clearBtn = input.parentElement?.querySelector('button.clear')\n      if (clearBtn) clearBtn.style.marginRight = input.clientHeight < input.scrollHeight ? '15px' : ''\n    }\n    input.addEventListener('input', shiftClearBtn)\n    input.addEventListener('mouseup', shiftClearBtn)\n    shiftClearBtn()\n  }\n}\n\nconst handleUndoRedo = (event) => {\n  // handle undo/redo\n  if ((event.ctrlKey || event.metaKey) && event.key === 'z' && !event.shiftKey) {\n    // undo clearing a field\n    if (lastFocusedInput) {\n      if (lastFocusedInput?.parentNode?.querySelector('button.clear').id === `semanticFormsClearButton_${lastClearFieldPressed}` || lastFocusedInput?.parentNode?.querySelector('button.clear').name === `semanticFormsClearButton_${lastClearFieldPressed}`) {\n        if (lastFocusedInput.previousValue) {\n          console.log('update redo value', lastFocusedInput.value)\n          lastFocusedInput.redoValue = lastFocusedInput.value\n          lastFocusedInput.value = lastFocusedInput.previousValue\n        }\n      }\n    }\n  } else {\n    if ((event.ctrlKey && event.key === 'y') || (event.metaKey && event.shiftKey && event.key === 'z')) {\n      // redo clearing a field\n      if (lastFocusedInput) {\n        if (lastFocusedInput?.parentNode?.querySelector('button.clear').id === `semanticFormsClearButton_${lastClearFieldPressed}` || lastFocusedInput?.parentNode?.querySelector('button.clear').name === `semanticFormsClearButton_${lastClearFieldPressed}`) {\n          if (lastFocusedInput.redoValue) {\n            lastFocusedInput.previousValue = lastFocusedInput.value\n            lastFocusedInput.value = lastFocusedInput.redoValue\n          }\n        }\n      }\n    }\n  }\n}\n\nmodule.exports = { enhanceInput, handleUndoRedo }\n","const { getOS, insertAfter } = require('./helpers.js')\n\nconst specialCharMap = {\n  Minus: '-',\n  Equal: '=',\n  BracketLeft: '[',\n  BracketRight: ']',\n  Backslash: '\\\\',\n  Semicolon: ';',\n  Quote: '\\'',\n  Comma: ',',\n  Period: '.',\n  Slash: '/',\n  Backquote: '`'\n}\nconst shiftSpecialCharMap = {\n  1: '!',\n  2: '@',\n  3: '#',\n  4: '$',\n  5: '%',\n  6: '^',\n  7: '&',\n  8: '*',\n  9: '(',\n  0: ')',\n  Minus: '_',\n  Equal: '+',\n  BracketLeft: '{',\n  BracketRight: '}',\n  Backslash: '|',\n  Semicolon: ':',\n  Quote: '\"',\n  Comma: '<',\n  Period: '>',\n  Slash: '?',\n  Backquote: '~'\n}\n\n// handles keyboard shortcut events\nconst shortcutListener = (e, shortcuts) => {\n  // search for matching shortcut from cached shortcut configs\n  const shortcut = shortcuts.find(shortcut => {\n    let matchesKey = false\n    if (e.altKey && !e.shiftKey) {\n      // mac adjusts the key value if altKey is pressed\n      matchesKey = 'Key' + shortcut.key.toUpperCase() === e.code ||\n        'Digit' + shortcut.key.toUpperCase() === e.code ||\n        shortcut.key === e.key ||\n        specialCharMap[e.code] === shortcut.key\n    } else if (e.shiftKey) {\n      // check shift special character map\n      const code = e.code.replace(/Key|Digit/, '')\n      matchesKey = (shiftSpecialCharMap[code] || shiftSpecialCharMap[e.key]) &&\n        (shiftSpecialCharMap[code] === shortcut.key || shiftSpecialCharMap[e.key] === shortcut.key)\n    } else {\n      matchesKey = shortcut.key.toUpperCase() === e.key.toUpperCase()\n    }\n    if (!matchesKey) return false\n\n    let matchesModifier\n    if (shortcut.modifier) {\n      if (shortcut.modifier === shortcut.defaultModifier) matchesModifier = shortcut.os === 'windows' || shortcut.os === 'linux' ? e.ctrlKey : e.metaKey\n      if (shortcut.modifier === 'meta') matchesModifier = e.metaKey\n      if (shortcut.modifier === 'alt') matchesModifier = e.altKey\n      if (shortcut.modifier === 'ctrl') matchesModifier = e.ctrlKey\n    }\n    return matchesModifier\n  })\n\n  if (shortcut) {\n    e.preventDefault()\n    shortcut.input.focus()\n  }\n}\n\nconst createKeyboardShortcut = (input, shortcuts) => {\n  const os = getOS()\n  // this is the custom keyword for meta on linux/mac, ctrl on windows\n  const defaultModifier = 'metactrl'\n\n  // get focus key value\n  let focusKey = input.getAttribute('data-focus-key')\n  if (focusKey.length > 1) {\n    console.error(`Provided focus key \"${focusKey}\" is more than one character. Using first character only.`)\n    focusKey = focusKey.toString()[0]\n  }\n\n  // get focus modifier value\n  let modifierSymbol\n  let modifierKey = defaultModifier\n  const modifierAttr = {\n    default: input.getAttribute('data-focus-modifier') || defaultModifier,\n    linux: input.getAttribute('data-focus-modifier-linux'),\n    mac: input.getAttribute('data-focus-modifier-mac'),\n    windows: input.getAttribute('data-focus-modifier-win')\n  }\n  if (os && modifierAttr[os]) {\n    // a specific modifier key has been set by the user\n    modifierKey = modifierAttr[os]\n  } else {\n    modifierKey = modifierAttr.default\n  }\n\n  // validate passed in modifier\n  const recognizedModifiers = ['ctrl', 'alt', 'opt', 'meta', 'cmd', defaultModifier]\n  if (!recognizedModifiers.includes(modifierKey)) {\n    console.error(`Received an unrecognized modifier, \"${modifierKey},\" defaulting to \"${defaultModifier}.\"`, input)\n    modifierKey = defaultModifier\n  }\n\n  // retrieve modifier symbol\n  if (['alt', 'opt'].includes(modifierKey)) {\n    modifierSymbol = os === 'mac' ? '⌥' : '⎇'\n  } else if (['meta', 'win', 'cmd'].includes(modifierKey) || (modifierKey === defaultModifier && os === 'mac')) {\n    if (os === 'mac') {\n      modifierSymbol = '⌘'\n    } else if (os === 'linux') {\n      modifierSymbol = '◆'\n    } else {\n      modifierSymbol = '⊞'\n    }\n  } else if (modifierKey === 'ctrl' || (modifierKey === defaultModifier && (os === 'windows' || os === 'linux'))) {\n    if (os === 'mac') {\n      modifierSymbol = '⌃'\n    } else {\n      modifierSymbol = 'Ctrl'\n    }\n  }\n\n  // add the shortcut to the cached array, if not a duplicate\n  if (shortcuts.some(shortcut => shortcut.key === focusKey && shortcut.modifier === modifierKey)) {\n    console.error(`Duplicate keyboard shortcut \"${modifierKey} + ${focusKey}\" detected. Only the first input will be focusable using this keyboard shortcut.`, input)\n  }\n\n  // set the shortcut indicator/title\n  if (input.nodeName === 'TEXTAREA' || input.type === 'text' || input.type === 'number') {\n    // create focus indicator for valid inputs\n    const indicator = document.createElement('span')\n    indicator.classList.add('focus-key')\n    indicator.innerHTML = `<kbd>${modifierSymbol} ${focusKey.toUpperCase()}</kbd>`\n\n    const label = input.nextSibling\n    insertAfter(indicator, label)\n  } else {\n    // update the input title\n    if (input.getAttribute('title')) {\n      input.setAttribute('title', input.getAttribute('title') + ` (${modifierSymbol} + ${focusKey})`)\n    } else {\n      input.setAttribute('title', `Focus with ${modifierSymbol} + ${focusKey}`)\n    }\n  }\n\n  return {\n    key: focusKey,\n    modifier: modifierKey,\n    input,\n    os,\n    defaultModifier\n  }\n}\n\nmodule.exports = {\n  shortcutListener,\n  createKeyboardShortcut\n}\n","const { createKeyboardShortcut, shortcutListener } = require('./lib/keyboardShortcuts.js')\nconst { enhanceInput, handleUndoRedo } = require('./lib/inputEnhancements.js')\n\nconst semanticForms = () => {\n  // do some feature detection so none of the JS executes if the browser is too old\n  if (typeof document.getElementsByClassName !== 'function' || typeof document.querySelector !== 'function' || !document.body.classList || !window.MutationObserver) {\n    console.warn('semantic-forms was loaded into an unsupported browser and will not execute.')\n    return\n  }\n\n  // custom keyboard shortcut listener\n  const keyboardShortcuts = []\n  document.addEventListener('keydown', (e) => shortcutListener(e, keyboardShortcuts))\n\n  // progressively enhance form elements that have the semanticForms class\n  const forms = document.querySelectorAll('form.semanticForms:not(.semanticFormsActive), table.semanticForms:not(.semanticFormsActive)')\n\n  for (const form of forms) {\n    form.classList.add('semanticFormsActive')\n    if (form.classList.contains('lowFlow')) continue\n\n    // update each input in the semantic form\n    const inputs = Array.from(form.querySelectorAll('input, textarea, select'))\n    for (const input of inputs) {\n      enhanceInput(input, form)\n\n      // handle keyboard shortcuts\n      if (input.getAttribute('data-focus-key') !== null) {\n        const shortcut = createKeyboardShortcut(input, keyboardShortcuts)\n        keyboardShortcuts.push(shortcut)\n      }\n    }\n  }\n\n  // prevents multiple listeners\n  document.removeEventListener('keydown', handleUndoRedo)\n  document.addEventListener('keydown', handleUndoRedo)\n\n  // monitor changes to the DOM and enhance new semanticForms forms that get added\n  if (!window.semanticFormsObserver) {\n    window.semanticFormsObserver = new window.MutationObserver(mutations => {\n      let stop = false\n      for (const mutation of mutations) {\n        for (const node of mutation.addedNodes) {\n          if (node.nodeName === 'FORM' || node?.querySelector?.('form')) {\n            semanticForms()\n            stop = true\n          }\n        }\n        if (stop) break\n      }\n    })\n    window.semanticFormsObserver.observe(document.body, { attributes: false, childList: true, characterData: false, subtree: true })\n  }\n\n  semanticForms.reinitialize = form => {\n    form.classList.remove('semanticFormsActive')\n    semanticForms()\n  }\n}\n\nmodule.exports = semanticForms\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(\"./semanticForms.js\");\n"],"names":["root","factory","exports","module","define","amd","this","getOS","userAgent","window","navigator","platform","os","includes","test","insertAfter","newNode","referenceNode","nextSibling","parentNode","insertBefore","appendChild","icons","passwordShow","passwordHide","helpIcon","lookups","nodeName","inputType","lastFocusedInput","lastClearFieldPressed","enhanceInput","input","form","classList","contains","id","type","getAttribute","dl","add","label","document","querySelector","replace","console","error","newLabel","createElement","className","dd","firstChild","setAttribute","innerHTML","hasAttribute","text","append","parentElement","remove","div","closest","isWrapped","newInput","class","innerText","value","replaceWith","addEventListener","e","key","shiftKey","preventDefault","requestSubmit","dt","clearBtn","title","ariaLabel","tabIndex","previousValue","focus","dispatchEvent","Event","bubbles","event","target","match","style","adjustWidth","placeholder","width","length","maxWidth","display","files","output","showBtn","setProperty","handleInput","maxRows","isNaN","Number","warn","minRows","getComputedStyle","inlinePadding","parseFloat","inlineBorderWidth","blockPadding","lineHeight","height","scrollHeight","Math","round","removeProperty","rows","min","adjustHeight","borderWidth","parseInt","getPropertyValue","shiftClearBtn","marginRight","clientHeight","handleUndoRedo","ctrlKey","metaKey","name","log","redoValue","specialCharMap","Minus","Equal","BracketLeft","BracketRight","Backslash","Semicolon","Quote","Comma","Period","Slash","Backquote","shiftSpecialCharMap","shortcutListener","shortcuts","shortcut","find","matchesKey","altKey","toUpperCase","code","matchesModifier","modifier","defaultModifier","createKeyboardShortcut","focusKey","toString","modifierSymbol","modifierKey","modifierAttr","default","linux","mac","windows","recognizedModifiers","some","indicator","semanticForms","getElementsByClassName","body","MutationObserver","keyboardShortcuts","forms","querySelectorAll","inputs","Array","from","push","removeEventListener","semanticFormsObserver","mutations","stop","mutation","node","addedNodes","observe","attributes","childList","characterData","subtree","reinitialize","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","__webpack_exports__"],"sourceRoot":""}
+{"version":3,"file":"semantic-forms.cjs","mappings":"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","sources":["webpack://semanticForms/webpack/universalModuleDefinition","webpack://semanticForms/./lib/helpers.js","webpack://semanticForms/./lib/inputEnhancements.js","webpack://semanticForms/./lib/keyboardShortcuts.js","webpack://semanticForms/./semanticForms.js","webpack://semanticForms/webpack/bootstrap","webpack://semanticForms/webpack/startup"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"semanticForms\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"semanticForms\"] = factory();\n\telse\n\t\troot[\"semanticForms\"] = factory();\n})(this, () => {\nreturn ","/**\n * Uses the navigator to best determine the clients operating system.\n * @returns Operating system string (`mac`, `windows`, `linux`)\n */\nconst getOS = () => {\n  const userAgent = window.navigator.userAgent\n  const platform = window.navigator.platform\n  let os = null\n\n  if (platform.includes('Win')) {\n    os = 'windows'\n  } else if (platform.includes('Mac') || /iPhone|iPad|iPod/.test(userAgent)) {\n    os = 'mac'\n  } else if (platform.includes('Linux') || /Android/.test(userAgent)) {\n    os = 'linux'\n  }\n  return os\n}\n\n/**\n * Places an element immediately after another element\n * @param {Object} newNode element being placed after the reference node\n * @param {*} referenceNode element to be used as reference for new node\n */\nconst insertAfter = (newNode, referenceNode) => {\n  if (referenceNode.nextSibling) referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling)\n  else referenceNode.parentNode.appendChild(newNode)\n}\n\nmodule.exports = { getOS, insertAfter }\n","const { insertAfter } = require('./helpers.js')\n\nconst icons = {\n  passwordShow: '<svg fill=\"none\" height=\"256\" viewBox=\"0 0 24 24\" width=\"256\" xmlns=\"http://www.w3.org/2000/svg\"><g stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"m1 12s4-8 11-8 11 8 11 8\"/><path d=\"m1 12s4 8 11 8 11-8 11-8\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/></g></svg>',\n  passwordHide: '<svg fill=\"none\" height=\"256\" viewBox=\"0 0 24 24\" width=\"256\" xmlns=\"http://www.w3.org/2000/svg\"><g stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"m2 2 20 20\"/><path d=\"m6.71277 6.7226c-3.04798 2.07267-4.71277 5.2774-4.71277 5.2774s3.63636 7 10 7c2.0503 0 3.8174-.7266 5.2711-1.7116m-6.2711-12.23018c.3254-.03809.6588-.05822 1-.05822 6.3636 0 10 7 10 7s-.6918 1.3317-2 2.8335\"/><path d=\"m14 14.2362c-.5308.475-1.2316.7639-2 .7639-1.6569 0-3-1.3431-3-3 0-.8237.33193-1.5698.86932-2.11192\"/></g></svg>',\n  helpIcon: '<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" version=\"1.1\" style=\"overflow:visible;\"><rect width=\"16\" height=\"16\" fill=\"none\"/><path fill=\"currentColor\" d=\"M8,10.5c-0.552,0-1,0.448-1,1c0,0.552,0.448,1,1,1c0.552,0,1-0.448,1-1C9,10.948,8.552,10.5,8,10.5z M8,0 C3.582,0,0,3.582,0,8c0,4.418,3.582,8,8,8s8-3.582,8-8C16,3.582,12.418,0,8,0z M12.243,12.243C11.109,13.376,9.603,14,8,14 s-3.109-0.624-4.243-1.757C2.624,11.109,2,9.603,2,8s0.624-3.109,1.757-4.243C4.891,2.624,6.397,2,8,2s3.109,0.624,4.243,1.757 C13.376,4.891,14,6.397,14,8C14,9.603,13.376,11.109,12.243,12.243z M7.927,3.755c-2.248,0-2.76,1.695-2.802,2.906h1.571 c0.028-0.256,0.101-1.418,1.221-1.418c0.672,0,1.206,0.406,1.206,1.175c0,0.695-0.724,1.155-1.303,1.711 C7.241,8.685,7.168,9.325,7.168,9.824V10c0.146,0,1.615,0,1.615,0V9.824c0-1.256,1.967-1.594,1.967-3.541 C10.75,5.059,9.874,3.755,7.927,3.755z\"/></svg>'\n}\n\nconst lookups = {\n  nodeName: ['TEXTAREA', 'SELECT'],\n  inputType: ['checkbox', 'color', 'date', 'datetime-local', 'email', 'file', 'image', 'month', 'number', 'password', 'radio', 'range', 'search', 'tel', 'text', 'time', 'url', 'week']\n}\n\nlet lastFocusedInput\nlet lastClearFieldPressed\n\nconst enhanceInput = (input, form) => {\n  // ignore input if it has previously been formatted\n  if (input.classList.contains('semanticform') || !input.id) return\n\n  const type = input.getAttribute('type')\n  if (!lookups.nodeName.includes(input.nodeName) && !lookups.inputType.includes(type)) return\n\n  // recursively find <dl> element\n  let dl = input.parentNode\n  while (dl && dl.nodeName !== 'DL') dl = dl.parentNode\n  if (!dl) return\n  if (!dl.classList.contains('floatLabelForm')) dl.classList.add('floatLabelForm')\n\n  const label = input.parentNode.parentNode.id && (type === 'checkbox' || type === 'radio')\n    ? document.querySelector('label[data-for=' + input.parentNode.parentNode.id.replace(/\\./g, '\\\\.') + ']')\n    : document.querySelector('label[for=' + input.id.replace(/\\./g, '\\\\.') + ']')\n\n  if (!label) {\n    console.error(`semantic-forms: Found an input (${input.id || input.getAttribute('name')}) without a properly associated label. Make sure there is a label for it and the label has a matching \"for\" attribute.`)\n  }\n\n  input.classList.add('semanticform')\n\n  const isWrapped = input.closest('dd').parentElement.nodeName === 'DIV'\n\n  // #region create labels\n\n  const newLabel = document.createElement('label')\n  newLabel.className = 'floatLabelFormAnimatedLabel'\n\n  if (type === 'checkbox' || type === 'radio') {\n    const div = isWrapped ? input.closest('dd').parentElement : document.createElement('div')\n    const dt = label.closest('dt')\n    const dd = input.closest('dd')\n\n    if (!dt || !dd) {\n      console.error(`semantic-forms: Found an input (${input.id || input.getAttribute('name')}) that is not inside a <dd> element.`)\n      return\n    }\n\n    if (dd.firstChild.nodeName !== 'LABEL') {\n      if (type === 'checkbox' && input.parentNode.nodeName === 'DD') {\n        newLabel.setAttribute('for', input.id)\n        input.parentNode.classList.add('singleCheckbox')\n        newLabel.className = ''\n        label.setAttribute('hidden', 'hidden')\n        insertAfter(newLabel, input)\n      }\n\n      if (type === 'radio' && input.parentNode.nodeName === 'DD') {\n        newLabel.setAttribute('for', input.id)\n        input.parentNode.classList.add('singleRadio')\n        newLabel.className = ''\n        label.setAttribute('hidden', 'hidden')\n        insertAfter(newLabel, input)\n      }\n\n      newLabel.innerHTML = label.innerHTML\n\n      if (label.hasAttribute('title') && label.getAttribute('data-show-help-icon') !== null && !label.querySelector('span.help')) {\n        const text = label.getAttribute('title')\n        label.innerHTML += ` <span title=\"${text}\" class=\"help\">${icons.helpIcon}</span>`\n        newLabel.innerHTML += ` <span title=\"${text}\" class=\"help\">${icons.helpIcon}</span>`\n      }\n\n      if (dd.querySelector(':required') && label.getAttribute('data-no-asterisk') === null && !label.querySelector('span.required')) {\n        const text = label.getAttribute('data-asterisk-text') || 'This field is required.'\n        label.innerHTML += ` <span title=\"${text}\" class=\"required\">*</span>`\n        newLabel.innerHTML += ` <span title=\"${text}\" class=\"required\">*</span>`\n      }\n\n      if (!dd.querySelector('label')) dd.append(newLabel)\n    }\n\n    // if the user did not wrap the input in a div, do it for them\n    if (!isWrapped) {\n      div.append(dt, dd)\n\n      // determine visibility of newly created <div>\n      if (dt.style.display === 'none' && dd.style.display === 'none') div.style.display = 'none'\n    }\n    dl.append(div)\n  } else {\n    newLabel.setAttribute('for', input.id)\n    newLabel.innerHTML = label.innerHTML\n\n    if (input.hasAttribute('title') && label.getAttribute('data-show-help-icon') !== null && !label.querySelector('span.help')) {\n      const text = input.getAttribute('title')\n      newLabel.innerHTML += ` <span title=\"${text}\" class=\"help\">${icons.helpIcon}</span>`\n    }\n\n    if (input.hasAttribute('required') && label.getAttribute('data-no-asterisk') === null && !label.querySelector('span.required')) {\n      const text = label.getAttribute('data-asterisk-text') || 'This field is required.'\n      newLabel.innerHTML += ` <span title=\"${text}\" class=\"required\">*</span>`\n    }\n\n    label.setAttribute('hidden', 'hidden')\n\n    insertAfter(newLabel, input)\n  }\n  // #endregion\n\n  // #region standard inputs\n\n  // check for auto-grow attribute on textareas\n  if (input.getAttribute('data-auto-grow') !== null) {\n    // progressively enhance inputs into textareas\n    if (input.nodeName === 'INPUT' && input.type === 'text') {\n      const newInput = document.createElement('textarea')\n      newInput.id = input.id\n      newInput.class = input.class\n      newInput.innerText = input.value\n      newInput.setAttribute('data-auto-grow', '')\n      input.replaceWith(newInput)\n      input = newInput\n    }\n\n    if (input.nodeName === 'TEXTAREA') {\n      // when pressing enter while this input is focused, we want to submit\n      input.addEventListener('keypress', (e) => {\n        if (e.key !== 'Enter' || (e.key === 'Enter' && e.shiftKey)) return\n        e.preventDefault()\n        form.requestSubmit()\n      })\n    }\n  }\n\n  if (type !== 'checkbox' && type !== 'radio') {\n    if (!input.getAttribute('placeholder')) input.setAttribute('placeholder', ' ')\n\n    const div = isWrapped ? input.closest('dd').parentElement : document.createElement('div')\n    const dt = label.closest('dt')\n    const dd = input.closest('dd')\n\n    if (!dt || !dd) {\n      console.error(`semantic-forms: Found an input (${input.id || input.getAttribute('name')}) that does not have a corresponding ${!dt ? '<dt>' : '<dd>'} element.`)\n      return\n    }\n\n    // input clear button\n    if (input.nodeName !== 'SELECT' && type !== 'range') {\n      const clearBtn = document.createElement('button')\n      clearBtn.type = 'button'\n      clearBtn.title = input.getAttribute('data-clear-field-text') || 'Clear field'\n      clearBtn.ariaLabel = input.getAttribute('data-clear-field-text') || 'Clear field'\n      clearBtn.tabIndex = -1\n      clearBtn.innerHTML = '<svg viewBox=\"0 0 16 16\" width=\"18\" height=\"18\"><path d=\"M 1 1 L 15 15 M 1 15 L 15 1\" fill=\"none\" stroke-width=\"2\" stroke=\"currentColor\" />'\n      clearBtn.classList.add('clear')\n      clearBtn.id = `semanticFormsClearButton_${input.id}`\n      clearBtn.addEventListener('click', () => {\n        input.previousValue = input.value\n        input.value = ''\n        input.focus()\n        lastClearFieldPressed = input.id\n\n        // used for any other updates required by various inputs\n        input.dispatchEvent(new Event('input', { bubbles: true }))\n      })\n      insertAfter(clearBtn, dd.querySelector('label'))\n    }\n\n    input.addEventListener('focus', event => {\n      if (event.target.nodeName === 'INPUT') lastFocusedInput = event.target\n    })\n\n    // check for colspan- utility class on dd, and move to div\n    if (/colspan-/.test(dd.className)) {\n      const match = dd.className.match(/colspan-([0-9]|full)/)[0]\n      dd.classList.remove(match)\n      div.classList.add(match)\n    }\n\n    // check for max-content attribute\n    // this may be removed once fully supported in Firefox and Safari: https://caniuse.com/wf-field-sizing\n    if (input.getAttribute('data-max-content') !== null) {\n      if (!('fieldSizing' in document.createElement('input').style)) {\n        const adjustWidth = () => {\n          const value = input.value !== '' ? input.value : input.placeholder\n          const width = value.length * 8 + 40\n          input.style.width = width + 'px'\n          input.style.maxWidth = '100%'\n        }\n        adjustWidth()\n        input.addEventListener('input', adjustWidth)\n      }\n    }\n\n    // if the user did not wrap the input in a div, do it for them\n    if (!isWrapped) {\n      div.append(dt, dd)\n\n      // determine visibility of newly created <div>\n      if (dt.style.display === 'none' && dd.style.display === 'none') div.style.display = 'none'\n    }\n\n    dl.append(div)\n  }\n  // #endregion\n\n  // handle file input clear btn, cannot be handled with CSS\n  if (type === 'file') {\n    const clearBtn = input.parentElement.querySelector('.clear')\n    input.addEventListener('input', event => {\n      clearBtn.style.display = event.target.files.length ? 'flex' : 'none'\n    })\n    clearBtn.addEventListener('click', () => {\n      clearBtn.style.display = 'none'\n    })\n  }\n\n  // handle range inputs with a class to display the value\n  // TODO: should this be a data attribute instead?\n  if (type === 'range' && input.classList.contains('displayValue')) {\n    const label = input.parentNode.parentNode.querySelector('dd label')\n    label.innerHTML += `<span class=\"seperator\">: </span><output>${input.value}</output>`\n    input.addEventListener('input', event => {\n      const output = event.target.parentNode.parentNode.querySelector('output')\n      output.innerHTML = event.target.value\n    })\n  }\n\n  // show password button\n  if (type === 'password' && input.getAttribute('data-no-reveal') === null) {\n    const showBtn = document.createElement('button')\n    showBtn.type = 'button'\n    showBtn.title = input.getAttribute('data-show-password-text') || 'Show password'\n    showBtn.ariaLabel = input.getAttribute('data-show-password-text') || 'Show password'\n    showBtn.tabIndex = -1\n    showBtn.innerHTML = icons.passwordShow\n    showBtn.classList.add('show')\n    showBtn.id = `semanticFormsShowButton_${input.id}`\n    const dd = input.closest('dd')\n    if (!dd) {\n      console.error(`semantic-forms: Found an input (${input.id || input.getAttribute('name')}) that is not inside a <dd> element.`)\n      return\n    }\n    showBtn.addEventListener('click', () => {\n      if (input.type === 'password') {\n        showBtn.innerHTML = icons.passwordHide\n        showBtn.title = input.getAttribute('data-hide-password-text') || 'Hide password'\n        showBtn.ariaLabel = input.getAttribute('data-hide-password-text') || 'Hide password'\n        input.type = 'text'\n      } else {\n        showBtn.innerHTML = icons.passwordShow\n        showBtn.title = input.getAttribute('data-show-password-text') || 'Show password'\n        showBtn.ariaLabel = input.getAttribute('data-show-password-text') || 'Show password'\n        input.type = 'password'\n      }\n      input.focus()\n    })\n    insertAfter(showBtn, dd.querySelector('label'))\n  }\n\n  // add listener to shift clear button when scrollbar present\n  if (input.nodeName === 'TEXTAREA') {\n    if (input.getAttribute('data-disable-autosize') === null) {\n      // add auto-sizing\n      input.style.setProperty('resize', 'none')\n      input.style.setProperty('min-height', '0')\n      input.style.setProperty('max-height', 'none')\n      input.style.setProperty('height', 'auto')\n\n      const handleInput = () => {\n        // reset rows attribute to get accurate scrollHeight\n        let maxRows = input.getAttribute('data-max-rows')\n\n        if (maxRows) {\n          if (isNaN(maxRows) || Number(maxRows) <= 0) {\n            console.warn(`An invalid value was passed to the \"data-max-rows\" attribute. This value will be ignored.\\n\\nProvided value: ${input.getAttribute('data-max-rows')}`)\n            maxRows = null\n          }\n        }\n\n        const minRows = input.getAttribute('data-max-rows') && Number(input.getAttribute('data-max-rows')) < 5 ? input.getAttribute('data-max-rows') : '5'\n        input.setAttribute('rows', minRows)\n\n        // get the computed values object reference\n        const style = window.getComputedStyle(input)\n\n        // force content-box for size accurate line-height calculation, remove scrollbars, lock width (subtract inline padding and inline border widths), and remove inline padding and borders to keep width consistent (for text wrapping accuracy)\n        const inlinePadding = parseFloat(style['padding-left']) + parseFloat(style['padding-right'])\n        const inlineBorderWidth = parseFloat(style['border-left-width']) + parseFloat(style['border-right-width'])\n        input.style.setProperty('overflow', 'hidden', 'important')\n        input.style.setProperty('width', (parseFloat(style.width) - inlinePadding - inlineBorderWidth) + 'px')\n        input.style.setProperty('box-sizing', 'content-box')\n        input.style.setProperty('padding-inline', '0')\n        input.style.setProperty('border-width', '0')\n\n        // get the base line height, and top / bottom padding\n        const blockPadding = parseFloat(style['padding-top']) + parseFloat(style['padding-bottom'])\n        const lineHeight = style['line-height'] === 'normal'\n          ? parseFloat(style.height) // if line-height is not explicitly set, use the computed height value (ignore padding due to content-box)\n          : parseFloat(style['line-height']) // otherwise (line-height is explicitly set), use the computed line-height value\n\n        // get the scroll height (rounding to be safe to ensure cross browser consistency)\n        const scrollHeight = Math.round(input.scrollHeight)\n\n        // undo overflow, width, border-width, box-sizing & inline padding overrides\n        input.style.removeProperty('width')\n        input.style.removeProperty('box-sizing')\n        input.style.removeProperty('padding-inline')\n        input.style.removeProperty('border-width')\n        input.style.removeProperty('overflow')\n\n        // subtract blockPadding from scrollHeight and divide that by our lineHeight to get the row count, round to nearest integer as it will always be within ~.1 of the correct whole number\n        const rows = Math.round((scrollHeight - blockPadding) / lineHeight)\n\n        // set the calculated rows attribute (limited by rowLimit)\n        if (maxRows) {\n          input.setAttribute('rows', '' + Math.min(rows, Number(maxRows)))\n        } else {\n          input.setAttribute('rows', '' + rows)\n        }\n      }\n\n      input.addEventListener('input', handleInput)\n\n      // trigger the event to set the initial rows value\n      input.dispatchEvent(new Event('input', { bubbles: true }))\n    }\n\n    // progressively enhance textarea for Firefox and Safari\n    // this may be removed once fully supported in Firefox and Safari: https://caniuse.com/wf-field-sizing\n    if (input.getAttribute('data-auto-grow') !== null) {\n      if (!('fieldSizing' in document.createElement('input').style)) {\n        const adjustHeight = () => {\n          if (input.value.length) {\n            const borderWidth = parseInt(window.getComputedStyle(input).getPropertyValue('border-width'))\n            input.style.height = (input.scrollHeight + (borderWidth * 2)) + 'px'\n          } else {\n            input.style.height = window.getComputedStyle(form).getPropertyValue('--semanticFormsInputHeight')\n          }\n        }\n\n        // set initial height to semantic-forms CSS variable\n        input.style.height = window.getComputedStyle(form).getPropertyValue('--semanticFormsInputHeight')\n        input.addEventListener('input', adjustHeight)\n      }\n    }\n\n    // shifts the clear button to the right if a scrollbar is present\n    const shiftClearBtn = () => {\n      const clearBtn = input.parentElement?.querySelector('button.clear')\n      if (clearBtn) clearBtn.style.marginRight = input.clientHeight < input.scrollHeight ? '15px' : ''\n    }\n    input.addEventListener('input', shiftClearBtn)\n    input.addEventListener('mouseup', shiftClearBtn)\n    shiftClearBtn()\n  }\n}\n\nconst handleUndoRedo = (event) => {\n  // handle undo/redo\n  if ((event.ctrlKey || event.metaKey) && event.key === 'z' && !event.shiftKey) {\n    // undo clearing a field\n    if (lastFocusedInput) {\n      if (lastFocusedInput?.parentNode?.querySelector('button.clear').id === `semanticFormsClearButton_${lastClearFieldPressed}` || lastFocusedInput?.parentNode?.querySelector('button.clear').name === `semanticFormsClearButton_${lastClearFieldPressed}`) {\n        if (lastFocusedInput.previousValue) {\n          lastFocusedInput.redoValue = lastFocusedInput.value\n          lastFocusedInput.value = lastFocusedInput.previousValue\n        }\n      }\n    }\n  } else {\n    if ((event.ctrlKey && event.key === 'y') || (event.metaKey && event.shiftKey && event.key === 'z')) {\n      // redo clearing a field\n      if (lastFocusedInput) {\n        if (lastFocusedInput?.parentNode?.querySelector('button.clear').id === `semanticFormsClearButton_${lastClearFieldPressed}` || lastFocusedInput?.parentNode?.querySelector('button.clear').name === `semanticFormsClearButton_${lastClearFieldPressed}`) {\n          if (lastFocusedInput.redoValue) {\n            lastFocusedInput.previousValue = lastFocusedInput.value\n            lastFocusedInput.value = lastFocusedInput.redoValue\n          }\n        }\n      }\n    }\n  }\n}\n\nmodule.exports = { enhanceInput, handleUndoRedo }\n","const { getOS, insertAfter } = require('./helpers.js')\n\nconst specialCharMap = {\n  Minus: '-',\n  Equal: '=',\n  BracketLeft: '[',\n  BracketRight: ']',\n  Backslash: '\\\\',\n  Semicolon: ';',\n  Quote: '\\'',\n  Comma: ',',\n  Period: '.',\n  Slash: '/',\n  Backquote: '`'\n}\nconst shiftSpecialCharMap = {\n  1: '!',\n  2: '@',\n  3: '#',\n  4: '$',\n  5: '%',\n  6: '^',\n  7: '&',\n  8: '*',\n  9: '(',\n  0: ')',\n  Minus: '_',\n  Equal: '+',\n  BracketLeft: '{',\n  BracketRight: '}',\n  Backslash: '|',\n  Semicolon: ':',\n  Quote: '\"',\n  Comma: '<',\n  Period: '>',\n  Slash: '?',\n  Backquote: '~'\n}\n\n// handles keyboard shortcut events\nconst shortcutListener = (e, shortcuts) => {\n  // search for matching shortcut from cached shortcut configs\n  const shortcut = shortcuts.find(shortcut => {\n    let matchesKey = false\n    if (e.altKey && !e.shiftKey) {\n      // mac adjusts the key value if altKey is pressed\n      matchesKey = 'Key' + shortcut.key.toUpperCase() === e.code ||\n        'Digit' + shortcut.key.toUpperCase() === e.code ||\n        shortcut.key === e.key ||\n        specialCharMap[e.code] === shortcut.key\n    } else if (e.shiftKey) {\n      // check shift special character map\n      const code = e.code.replace(/Key|Digit/, '')\n      matchesKey = (shiftSpecialCharMap[code] || shiftSpecialCharMap[e.key]) &&\n        (shiftSpecialCharMap[code] === shortcut.key || shiftSpecialCharMap[e.key] === shortcut.key)\n    } else {\n      matchesKey = shortcut.key.toUpperCase() === e.key.toUpperCase()\n    }\n    if (!matchesKey) return false\n\n    let matchesModifier\n    if (shortcut.modifier) {\n      if (shortcut.modifier === shortcut.defaultModifier) matchesModifier = shortcut.os === 'windows' || shortcut.os === 'linux' ? e.ctrlKey : e.metaKey\n      if (shortcut.modifier === 'meta') matchesModifier = e.metaKey\n      if (shortcut.modifier === 'alt') matchesModifier = e.altKey\n      if (shortcut.modifier === 'ctrl') matchesModifier = e.ctrlKey\n    }\n    return matchesModifier\n  })\n\n  if (shortcut) {\n    e.preventDefault()\n    shortcut.input.focus()\n  }\n}\n\nconst createKeyboardShortcut = (input, shortcuts) => {\n  const os = getOS()\n  // this is the custom keyword for meta on linux/mac, ctrl on windows\n  const defaultModifier = 'metactrl'\n\n  // get focus key value\n  let focusKey = input.getAttribute('data-focus-key')\n  if (focusKey.length > 1) {\n    console.error(`Provided focus key \"${focusKey}\" is more than one character. Using first character only.`)\n    focusKey = focusKey.toString()[0]\n  }\n\n  // get focus modifier value\n  let modifierSymbol\n  let modifierKey = defaultModifier\n  const modifierAttr = {\n    default: input.getAttribute('data-focus-modifier') || defaultModifier,\n    linux: input.getAttribute('data-focus-modifier-linux'),\n    mac: input.getAttribute('data-focus-modifier-mac'),\n    windows: input.getAttribute('data-focus-modifier-win')\n  }\n  if (os && modifierAttr[os]) {\n    // a specific modifier key has been set by the user\n    modifierKey = modifierAttr[os]\n  } else {\n    modifierKey = modifierAttr.default\n  }\n\n  // validate passed in modifier\n  const recognizedModifiers = ['ctrl', 'alt', 'opt', 'meta', 'cmd', defaultModifier]\n  if (!recognizedModifiers.includes(modifierKey)) {\n    console.error(`Received an unrecognized modifier, \"${modifierKey},\" defaulting to \"${defaultModifier}.\"`, input)\n    modifierKey = defaultModifier\n  }\n\n  // retrieve modifier symbol\n  if (['alt', 'opt'].includes(modifierKey)) {\n    modifierSymbol = os === 'mac' ? '⌥' : '⎇'\n  } else if (['meta', 'win', 'cmd'].includes(modifierKey) || (modifierKey === defaultModifier && os === 'mac')) {\n    if (os === 'mac') {\n      modifierSymbol = '⌘'\n    } else if (os === 'linux') {\n      modifierSymbol = '◆'\n    } else {\n      modifierSymbol = '⊞'\n    }\n  } else if (modifierKey === 'ctrl' || (modifierKey === defaultModifier && (os === 'windows' || os === 'linux'))) {\n    if (os === 'mac') {\n      modifierSymbol = '⌃'\n    } else {\n      modifierSymbol = 'Ctrl'\n    }\n  }\n\n  // add the shortcut to the cached array, if not a duplicate\n  if (shortcuts.some(shortcut => shortcut.key === focusKey && shortcut.modifier === modifierKey)) {\n    console.error(`Duplicate keyboard shortcut \"${modifierKey} + ${focusKey}\" detected. Only the first input will be focusable using this keyboard shortcut.`, input)\n  }\n\n  // set the shortcut indicator/title\n  if (input.nodeName === 'TEXTAREA' || input.type === 'text' || input.type === 'number') {\n    // create focus indicator for valid inputs\n    const indicator = document.createElement('span')\n    indicator.classList.add('focus-key')\n    indicator.innerHTML = `<kbd>${modifierSymbol} ${focusKey.toUpperCase()}</kbd>`\n\n    const label = input.nextSibling\n    insertAfter(indicator, label)\n  } else {\n    // update the input title\n    if (input.getAttribute('title')) {\n      input.setAttribute('title', input.getAttribute('title') + ` (${modifierSymbol} + ${focusKey})`)\n    } else {\n      input.setAttribute('title', `Focus with ${modifierSymbol} + ${focusKey}`)\n    }\n  }\n\n  return {\n    key: focusKey,\n    modifier: modifierKey,\n    input,\n    os,\n    defaultModifier\n  }\n}\n\nmodule.exports = {\n  shortcutListener,\n  createKeyboardShortcut\n}\n","const { createKeyboardShortcut, shortcutListener } = require('./lib/keyboardShortcuts.js')\nconst { enhanceInput, handleUndoRedo } = require('./lib/inputEnhancements.js')\n\nconst semanticForms = () => {\n  // do some feature detection so none of the JS executes if the browser is too old\n  if (typeof document.getElementsByClassName !== 'function' || typeof document.querySelector !== 'function' || !document.body.classList || !window.MutationObserver) {\n    console.warn('semantic-forms was loaded into an unsupported browser and will not execute.')\n    return\n  }\n\n  // custom keyboard shortcut listener\n  const keyboardShortcuts = []\n  document.addEventListener('keydown', (e) => shortcutListener(e, keyboardShortcuts))\n\n  // progressively enhance form elements that have the semanticForms class\n  const forms = document.querySelectorAll('form.semanticForms:not(.semanticFormsActive), table.semanticForms:not(.semanticFormsActive)')\n\n  for (const form of forms) {\n    form.classList.add('semanticFormsActive')\n    if (form.classList.contains('lowFlow')) continue\n\n    // update each input in the semantic form\n    const inputs = Array.from(form.querySelectorAll('input, textarea, select'))\n    for (const input of inputs) {\n      enhanceInput(input, form)\n\n      // handle keyboard shortcuts\n      if (input.getAttribute('data-focus-key') !== null) {\n        const shortcut = createKeyboardShortcut(input, keyboardShortcuts)\n        keyboardShortcuts.push(shortcut)\n      }\n    }\n  }\n\n  // prevents multiple listeners\n  document.removeEventListener('keydown', handleUndoRedo)\n  document.addEventListener('keydown', handleUndoRedo)\n\n  // monitor changes to the DOM and enhance new semanticForms forms that get added\n  if (!window.semanticFormsObserver) {\n    window.semanticFormsObserver = new window.MutationObserver(mutations => {\n      let stop = false\n      for (const mutation of mutations) {\n        for (const node of mutation.addedNodes) {\n          if (node.nodeName === 'FORM' || node?.querySelector?.('form')) {\n            semanticForms()\n            stop = true\n          }\n        }\n        if (stop) break\n      }\n    })\n    window.semanticFormsObserver.observe(document.body, { attributes: false, childList: true, characterData: false, subtree: true })\n  }\n\n  semanticForms.reinitialize = form => {\n    form.classList.remove('semanticFormsActive')\n    semanticForms()\n  }\n}\n\nmodule.exports = semanticForms\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// startup\n// Load entry module and return exports\n// This entry module is referenced by other modules so it can't be inlined\nvar __webpack_exports__ = __webpack_require__(\"./semanticForms.js\");\n"],"names":["root","factory","exports","module","define","amd","this","getOS","userAgent","window","navigator","platform","os","includes","test","insertAfter","newNode","referenceNode","nextSibling","parentNode","insertBefore","appendChild","icons","passwordShow","passwordHide","helpIcon","lookups","nodeName","inputType","lastFocusedInput","lastClearFieldPressed","enhanceInput","input","form","classList","contains","id","type","getAttribute","dl","add","label","document","querySelector","replace","console","error","isWrapped","closest","parentElement","newLabel","createElement","className","div","dt","dd","firstChild","setAttribute","innerHTML","hasAttribute","text","append","style","display","newInput","class","innerText","value","replaceWith","addEventListener","e","key","shiftKey","preventDefault","requestSubmit","clearBtn","title","ariaLabel","tabIndex","previousValue","focus","dispatchEvent","Event","bubbles","event","target","match","remove","adjustWidth","placeholder","width","length","maxWidth","files","output","showBtn","setProperty","handleInput","maxRows","isNaN","Number","warn","minRows","getComputedStyle","inlinePadding","parseFloat","inlineBorderWidth","blockPadding","lineHeight","height","scrollHeight","Math","round","removeProperty","rows","min","adjustHeight","borderWidth","parseInt","getPropertyValue","shiftClearBtn","marginRight","clientHeight","handleUndoRedo","ctrlKey","metaKey","name","redoValue","specialCharMap","Minus","Equal","BracketLeft","BracketRight","Backslash","Semicolon","Quote","Comma","Period","Slash","Backquote","shiftSpecialCharMap","shortcutListener","shortcuts","shortcut","find","matchesKey","altKey","toUpperCase","code","matchesModifier","modifier","defaultModifier","createKeyboardShortcut","focusKey","toString","modifierSymbol","modifierKey","modifierAttr","default","linux","mac","windows","recognizedModifiers","some","indicator","semanticForms","getElementsByClassName","body","MutationObserver","keyboardShortcuts","forms","querySelectorAll","inputs","Array","from","push","removeEventListener","semanticFormsObserver","mutations","stop","mutation","node","addedNodes","observe","attributes","childList","characterData","subtree","reinitialize","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","__webpack_exports__"],"sourceRoot":""}

package/dist/semantic-forms.css

@@ -105,23 +105,18 @@ table.semanticForms dd > p {
   font-family: var(--semanticFormsFontFamily);
   box-sizing: border-box;
 }
-form.semanticForms menu:has(li > input, li > label, li > button, li > select, li > textarea),
-form.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea),
-form.semanticForms dt:has(> input, > select, > textarea),
-form.semanticForms dd:has(> input, > select, > textarea, > ul, > menu),
-form.semanticForms div:has(dt, dd),
-form.semanticForms dd > p,
-form.semanticForms.light menu:has(li > input, li > label, li > button, li > select, li > textarea),
-form.semanticForms.light dl:has(dt > label, dd > input, dd > select, dd > textarea),
-form.semanticForms.light dt:has(> input, > select, > textarea),
-form.semanticForms.light dd:has(> input, > select, > textarea, > ul, > menu),
-form.semanticForms.light div:has(dt, dd),
+form.semanticForms menu, form.semanticForms dl, form.semanticForms dt, form.semanticForms dd, form.semanticForms div, form.semanticForms dd > p,
+form.semanticForms.light menu,
+form.semanticForms.light dl,
+form.semanticForms.light dt,
+form.semanticForms.light dd,
+form.semanticForms.light div,
 form.semanticForms.light dd > p,
-table.semanticForms menu:has(li > input, li > label, li > button, li > select, li > textarea),
-table.semanticForms dl:has(dt > label, dd > input, dd > select, dd > textarea),
-table.semanticForms dt:has(> input, > select, > textarea),
-table.semanticForms dd:has(> input, > select, > textarea, > ul, > menu),
-table.semanticForms div:has(dt, dd),
+table.semanticForms menu,
+table.semanticForms dl,
+table.semanticForms dt,
+table.semanticForms dd,
+table.semanticForms div,
 table.semanticForms dd > p {
   margin: 0;
   padding: 0;
@@ -295,7 +290,7 @@ table.semanticForms.dark input::-webkit-calendar-picker-indicator {
 .semanticForms select[type=color],
 .semanticForms textarea[type=color] {
   height: var(--semanticFormsInputHeight);
-  min-width: var(--semanticFormsInputMinWidth);
+  min-width: 100%;
   padding: 4px 30px 4px 10px;
 }
 .semanticForms input:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio])[type=file],
@@ -1128,6 +1123,37 @@ form.semanticForms:not(.semanticFormsActive) div:not(:has(dd > ul)):has(dd > inp
   margin-top: -2px;
   padding-left: 10px;
 }
+form.semanticForms.lowFlow div:has(.align-start),
+form.semanticForms:not(.semanticFormsActive) div:has(.align-start) {
+  flex-direction: column;
+  align-items: start;
+}
+form.semanticForms.lowFlow div:has(.align-start) dd,
+form.semanticForms:not(.semanticFormsActive) div:has(.align-start) dd {
+  display: flex;
+  align-items: start;
+}
+form.semanticForms.lowFlow div:has(.align-center),
+form.semanticForms:not(.semanticFormsActive) div:has(.align-center) {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+form.semanticForms.lowFlow div:has(.align-center) dd,
+form.semanticForms:not(.semanticFormsActive) div:has(.align-center) dd {
+  display: flex;
+  align-items: center;
+}
+form.semanticForms.lowFlow div:has(.align-end),
+form.semanticForms:not(.semanticFormsActive) div:has(.align-end) {
+  flex-direction: column;
+  align-items: end;
+}
+form.semanticForms.lowFlow div:has(.align-end) dd,
+form.semanticForms:not(.semanticFormsActive) div:has(.align-end) dd {
+  display: flex;
+  align-items: end;
+}
 form.semanticForms.lowFlow dt,
 form.semanticForms:not(.semanticFormsActive) dt {
   min-width: var(--semanticFormsInputMinWidth); /* this matches the max-width of js-enabled inputs */
@@ -1222,7 +1248,7 @@ form.semanticForms:not(.semanticFormsActive) dd input[type=button]:not(.clear, .
 .semanticForms fieldset fieldset {
   background-color: var(--semanticFormsNestedFieldsetBgColor);
   border: var(--semanticFormsNestedFieldsetBorder);
-  margin-top: 15px;
+  margin: 0;
 }
 .semanticForms fieldset fieldset input:not([type=submit], [type=reset], [type=button], [type=image], [type=checkbox], [type=radio]),
 .semanticForms fieldset fieldset select,
@@ -1238,8 +1264,8 @@ form.semanticForms:not(.semanticFormsActive) dd input[type=button]:not(.clear, .
   display: flex;
   flex-direction: column;
   gap: 5px;
-  padding: 20px 10px 10px 10px;
-  margin-top: 10px;
+  padding: 10px;
+  margin: 0;
   min-height: calc(var(--semanticFormsFontSize) + 20px);
 }
 .semanticForms details::details-content {
@@ -1283,6 +1309,9 @@ form.semanticForms:not(.semanticFormsActive) dd input[type=button]:not(.clear, .
   transform-origin: 0.2rem 50%;
   transition: 250ms transform ease;
 }
+.semanticForms details[open] {
+  padding-top: 30px;
+}
 .semanticForms details[open]::details-content {
   visibility: visible;
   opacity: 1;
@@ -1304,7 +1333,7 @@ form.semanticForms:not(.semanticFormsActive) dd input[type=button]:not(.clear, .
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(var(--semanticFormsInputMinWidth), 1fr));
   gap: 10px;
-  margin-bottom: 10px;
+  margin: 0;
 }
 .semanticForms dl div {
   position: relative;
@@ -1323,6 +1352,9 @@ form.semanticForms:not(.semanticFormsActive) dd input[type=button]:not(.clear, .
   min-width: 150px;
   max-width: max-content;
 }
+.semanticForms dl div:not(:has(ul, ol)):has(dd input[type=radio]:only-of-type, dd input[type=checkbox]:only-of-type) {
+  padding-top: 22px;
+}
 .semanticForms dl div:has(dd > button:only-child, dd > input[type=button]:only-child, dd > input[type=submit]:only-child, dd > input[type=reset]:only-child) dt label {
   display: none;
 }
@@ -1338,6 +1370,7 @@ form.semanticForms:not(.semanticFormsActive) dd input[type=button]:not(.clear, .
   grid-template-columns: 15px 1fr;
   align-items: center;
   padding-left: 11px;
+  gap: 5px 10px;
 }
 .semanticForms dl div dd.singleCheckbox > :not(input[type=checkbox], input[type=radio], label), .semanticForms dl div dd.singleRadio > :not(input[type=checkbox], input[type=radio], label) {
   grid-column: 1/-1;

package/dist/semantic-forms.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../styles/globals.scss","../styles/inputs.scss","../styles/labels.scss","../styles/colspan.scss","../styles/lowFlow.scss","../semanticForms.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;;AAIF;EAnDF;AAAA;AAAA;IAoDI;;;AAIF;AAAA;AAAA;EACE;;AAIF;AAAA;AAAA;EACE;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAYE;EACA;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;;;AAmCJ;EAGM;IAjCJ;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;;;AAgBA;EA1CF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAsBJ;AAAA;EAhDE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;;ACxHF;AAAA;EAEE;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAIJ;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAA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AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAIE;;;;AChQR;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;;AAIF;AAAA;EACE;;AAEA;AAAA;EACE;;AAIA;AAAA;EACE;EACA;EACA;;AAIJ;AAAA;EACE;;AAGA;AAAA;EACE;EACA;EACA;;AAKN;AAAA;EACE;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKA;AAAA;EACE;EACA;;AASF;AAAA;AAAA;EACE;;AAKN;AAAA;EACE;EACA;;AAGA;AAAA;AAAA;EAEE;;AAGE;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;EACE;EACA;EACA;;AAKJ;AAAA;AAAA;EACE;EACA;;AAKJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAIF;AAAA;EACE;EACA;EACA;EACA;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAKN;AAAA;EAEE;;;ACpHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAGA;AAAA;AAAA;EAGE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EAnBF;IAoBI;;EAEA;IACE;IACA;IACA;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAGF;EACE;IACE;;;AAKF;EACE;;AAIJ;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EAEE;EACA;EACA;;AAOJ;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGA;EAEE;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EACE;EACA;EACA;EACA;;AAIJ;EACE;;AAKA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAKJ;EACE;EACA;EACA;;AAKJ;EACE;;AAEA;EACE;;AAKJ;EACE;EACA;;AAEA;EACE;;AAIF;EACE;EACA;;AAIF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;;AASR;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;EACA;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EACE;;AAKE;AAAA;AAAA;EACE;;AAMN;AAAA;EACE","file":"semantic-forms.css"}
+{"version":3,"sourceRoot":"","sources":["../styles/globals.scss","../styles/inputs.scss","../styles/labels.scss","../styles/colspan.scss","../styles/lowFlow.scss","../semanticForms.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EACE;EACA;EACA;;AAIF;EAnDF;AAAA;AAAA;IAoDI;;;AAIF;AAAA;AAAA;EACE;;AAIF;AAAA;AAAA;EACE;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAYE;EACA;EACA;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;;;AAmCJ;EAGM;IAjCJ;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACE;;;AAgBA;EA1CF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAsBJ;AAAA;EAhDE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;;ACpHF;AAAA;EAEE;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAIJ;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AAAA;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;EACE;;AAIF;AAAA;AAAA;AA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AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAIE;;;;AChQR;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;;AAIF;AAAA;EACE;;AAEA;AAAA;EACE;;AAIA;AAAA;EACE;EACA;EACA;;AAIJ;AAAA;EACE;;AAGA;AAAA;EACE;EACA;EACA;;AAKN;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA;;AAIJ;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAIJ;AAAA;EACE;EACA;;AAEA;AAAA;EACE;EACA;;AAIJ;AAAA;EACE;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKA;AAAA;EACE;EACA;;AASF;AAAA;AAAA;EACE;;AAKN;AAAA;EACE;EACA;;AAGA;AAAA;AAAA;EAEE;;AAGE;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;EACE;EACA;EACA;;AAKJ;AAAA;AAAA;EACE;EACA;;AAKJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAIF;AAAA;EACE;EACA;EACA;EACA;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;;AAKN;AAAA;EAEE;;;ACnJA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;;AAGA;AAAA;AAAA;EAGE;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EAnBF;IAoBI;;EAEA;IACE;IACA;IACA;IACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;IACE;;;AAKF;EACE;;AAIJ;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAEA;EAEE;EACA;EACA;;AAKN;EAEE;;AAKA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGA;EAEE;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAIF;EACE;EACA;EACA;EACA;;AAIJ;EACE;;AAKA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAKJ;EACE;EACA;EACA;;AAKJ;EACE;;AAEA;EACE;;AAKJ;EACE;EACA;;AAEA;EACE;;AAIF;EACE;EACA;;AAIF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;;AASR;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;EACA;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;AAAA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EACE;;AAKE;AAAA;AAAA;EACE;;AAMN;AAAA;EACE","file":"semantic-forms.css"}

package/dist/semantic-forms.js

@@ -66,16 +66,15 @@ const getOS=()=>{const userAgent=window.navigator.userAgent;const platform=windo
 // ignore input if it has previously been formatted
 if(input.classList.contains("semanticform")||!input.id)return;const type=input.getAttribute("type");if(!lookups.nodeName.includes(input.nodeName)&&!lookups.inputType.includes(type))return;
 // recursively find <dl> element
-let dl=input.parentNode;while(dl&&dl.nodeName!=="DL")dl=dl.parentNode;if(!dl)return;if(!dl.classList.contains("floatLabelForm"))dl.classList.add("floatLabelForm");const label=input.parentNode.parentNode.id&&(type==="checkbox"||type==="radio")?document.querySelector("label[data-for="+input.parentNode.parentNode.id.replace(/\./g,"\\.")+"]"):document.querySelector("label[for="+input.id.replace(/\./g,"\\.")+"]");if(!label)console.error(`semantic-forms: Found an input (${input.id||input.getAttribute("name")}) without a properly associated label. Make sure there is a label for it and the label has a matching "for" attribute.`);input.classList.add("semanticform");
+let dl=input.parentNode;while(dl&&dl.nodeName!=="DL")dl=dl.parentNode;if(!dl)return;if(!dl.classList.contains("floatLabelForm"))dl.classList.add("floatLabelForm");const label=input.parentNode.parentNode.id&&(type==="checkbox"||type==="radio")?document.querySelector("label[data-for="+input.parentNode.parentNode.id.replace(/\./g,"\\.")+"]"):document.querySelector("label[for="+input.id.replace(/\./g,"\\.")+"]");if(!label)console.error(`semantic-forms: Found an input (${input.id||input.getAttribute("name")}) without a properly associated label. Make sure there is a label for it and the label has a matching "for" attribute.`);input.classList.add("semanticform");const isWrapped=input.closest("dd").parentElement.nodeName==="DIV";
 // #region create labels
-const newLabel=document.createElement("label");newLabel.className="floatLabelFormAnimatedLabel";if(type==="checkbox"||type==="radio"){
-// recursively find <dd> element
-let dd=input.parentNode;while(dd&&dd.nodeName!=="DD")dd=dd.parentNode;if(!dd){console.error(`semantic-forms: Found an input (${input.id||input.getAttribute("name")}) that is not inside a <dd> element.`);return}if(dd.firstChild.nodeName!=="LABEL"){if(type==="checkbox"&&input.parentNode.nodeName==="DD"){newLabel.setAttribute("for",input.id);input.parentNode.classList.add("singleCheckbox");newLabel.className="";label.setAttribute("hidden","hidden");insertAfter(newLabel,input)}if(type==="radio"&&input.parentNode.nodeName==="DD"){newLabel.setAttribute("for",input.id);input.parentNode.classList.add("singleRadio");newLabel.className="";label.setAttribute("hidden","hidden");insertAfter(newLabel,input)}newLabel.innerHTML=label.innerHTML;if(label.hasAttribute("title")&&label.getAttribute("data-show-help-icon")!==null&&!label.querySelector("span.help")){const text=label.getAttribute("title");label.innerHTML+=` <span title="${text}" class="help">${icons.helpIcon}</span>`;newLabel.innerHTML+=` <span title="${text}" class="help">${icons.helpIcon}</span>`}if(dd.querySelector(":required")&&label.getAttribute("data-no-asterisk")===null&&!label.querySelector("span.required")){const text=label.getAttribute("data-asterisk-text")||"This field is required.";label.innerHTML+=` <span title="${text}" class="required">*</span>`;newLabel.innerHTML+=` <span title="${text}" class="required">*</span>`}if(!dd.querySelector("label"))dd.append(newLabel)}
-// removes old div that a radio or checkbox may have been added to
-if(dd.parentElement.nodeName==="DIV")dd.parentElement.remove();const div=document.createElement("div");div.append(label.closest("dt"),dd);dl.append(div)}else{newLabel.setAttribute("for",input.id);newLabel.innerHTML=label.innerHTML;if(input.hasAttribute("title")&&label.getAttribute("data-show-help-icon")!==null&&!label.querySelector("span.help")){const text=input.getAttribute("title");newLabel.innerHTML+=` <span title="${text}" class="help">${icons.helpIcon}</span>`}if(input.hasAttribute("required")&&label.getAttribute("data-no-asterisk")===null&&!label.querySelector("span.required")){const text=label.getAttribute("data-asterisk-text")||"This field is required.";newLabel.innerHTML+=` <span title="${text}" class="required">*</span>`}label.setAttribute("hidden","hidden");insertAfter(newLabel,input)}
+const newLabel=document.createElement("label");newLabel.className="floatLabelFormAnimatedLabel";if(type==="checkbox"||type==="radio"){const div=isWrapped?input.closest("dd").parentElement:document.createElement("div");const dt=label.closest("dt");const dd=input.closest("dd");if(!dt||!dd){console.error(`semantic-forms: Found an input (${input.id||input.getAttribute("name")}) that is not inside a <dd> element.`);return}if(dd.firstChild.nodeName!=="LABEL"){if(type==="checkbox"&&input.parentNode.nodeName==="DD"){newLabel.setAttribute("for",input.id);input.parentNode.classList.add("singleCheckbox");newLabel.className="";label.setAttribute("hidden","hidden");insertAfter(newLabel,input)}if(type==="radio"&&input.parentNode.nodeName==="DD"){newLabel.setAttribute("for",input.id);input.parentNode.classList.add("singleRadio");newLabel.className="";label.setAttribute("hidden","hidden");insertAfter(newLabel,input)}newLabel.innerHTML=label.innerHTML;if(label.hasAttribute("title")&&label.getAttribute("data-show-help-icon")!==null&&!label.querySelector("span.help")){const text=label.getAttribute("title");label.innerHTML+=` <span title="${text}" class="help">${icons.helpIcon}</span>`;newLabel.innerHTML+=` <span title="${text}" class="help">${icons.helpIcon}</span>`}if(dd.querySelector(":required")&&label.getAttribute("data-no-asterisk")===null&&!label.querySelector("span.required")){const text=label.getAttribute("data-asterisk-text")||"This field is required.";label.innerHTML+=` <span title="${text}" class="required">*</span>`;newLabel.innerHTML+=` <span title="${text}" class="required">*</span>`}if(!dd.querySelector("label"))dd.append(newLabel)}
+// if the user did not wrap the input in a div, do it for them
+if(!isWrapped){div.append(dt,dd);
+// determine visibility of newly created <div>
+if(dt.style.display==="none"&&dd.style.display==="none")div.style.display="none"}dl.append(div)}else{newLabel.setAttribute("for",input.id);newLabel.innerHTML=label.innerHTML;if(input.hasAttribute("title")&&label.getAttribute("data-show-help-icon")!==null&&!label.querySelector("span.help")){const text=input.getAttribute("title");newLabel.innerHTML+=` <span title="${text}" class="help">${icons.helpIcon}</span>`}if(input.hasAttribute("required")&&label.getAttribute("data-no-asterisk")===null&&!label.querySelector("span.required")){const text=label.getAttribute("data-asterisk-text")||"This field is required.";newLabel.innerHTML+=` <span title="${text}" class="required">*</span>`}label.setAttribute("hidden","hidden");insertAfter(newLabel,input)}
 // #endregion
 // #region standard inputs
-const isWrapped=input.closest("dd").parentElement.nodeName==="DIV";
 // check for auto-grow attribute on textareas
 if(input.getAttribute("data-auto-grow")!==null){
 // progressively enhance inputs into textareas
@@ -92,9 +91,9 @@ if(/colspan-/.test(dd.className)){const match=dd.className.match(/colspan-([0-9]
 // this may be removed once fully supported in Firefox and Safari: https://caniuse.com/wf-field-sizing
 if(input.getAttribute("data-max-content")!==null)if(!("fieldSizing"in document.createElement("input").style)){const adjustWidth=()=>{const value=input.value!==""?input.value:input.placeholder;const width=value.length*8+40;input.style.width=width+"px";input.style.maxWidth="100%"};adjustWidth();input.addEventListener("input",adjustWidth)}
 // if the user did not wrap the input in a div, do it for them
-if(!isWrapped){div.append(dt,dd);dl.append(div);
+if(!isWrapped){div.append(dt,dd);
 // determine visibility of newly created <div>
-if(dt.style.display==="none"&&dd.style.display==="none")div.style.display="none"}}
+if(dt.style.display==="none"&&dd.style.display==="none")div.style.display="none"}dl.append(div)}
 // #endregion
 // handle file input clear btn, cannot be handled with CSS
 if(type==="file"){const clearBtn=input.parentElement.querySelector(".clear");input.addEventListener("input",event=>{clearBtn.style.display=event.target.files.length?"flex":"none"});clearBtn.addEventListener("click",()=>{clearBtn.style.display="none"})}
@@ -135,7 +134,7 @@ const shiftClearBtn=()=>{const clearBtn=input.parentElement?.querySelector("butt
 // handle undo/redo
 if((event.ctrlKey||event.metaKey)&&event.key==="z"&&!event.shiftKey){
 // undo clearing a field
-if(lastFocusedInput)if(lastFocusedInput?.parentNode?.querySelector("button.clear").id===`semanticFormsClearButton_${lastClearFieldPressed}`||lastFocusedInput?.parentNode?.querySelector("button.clear").name===`semanticFormsClearButton_${lastClearFieldPressed}`)if(lastFocusedInput.previousValue){console.log("update redo value",lastFocusedInput.value);lastFocusedInput.redoValue=lastFocusedInput.value;lastFocusedInput.value=lastFocusedInput.previousValue}}else if(event.ctrlKey&&event.key==="y"||event.metaKey&&event.shiftKey&&event.key==="z")
+if(lastFocusedInput)if(lastFocusedInput?.parentNode?.querySelector("button.clear").id===`semanticFormsClearButton_${lastClearFieldPressed}`||lastFocusedInput?.parentNode?.querySelector("button.clear").name===`semanticFormsClearButton_${lastClearFieldPressed}`)if(lastFocusedInput.previousValue){lastFocusedInput.redoValue=lastFocusedInput.value;lastFocusedInput.value=lastFocusedInput.previousValue}}else if(event.ctrlKey&&event.key==="y"||event.metaKey&&event.shiftKey&&event.key==="z")
 // redo clearing a field
 if(lastFocusedInput)if(lastFocusedInput?.parentNode?.querySelector("button.clear").id===`semanticFormsClearButton_${lastClearFieldPressed}`||lastFocusedInput?.parentNode?.querySelector("button.clear").name===`semanticFormsClearButton_${lastClearFieldPressed}`)if(lastFocusedInput.redoValue){lastFocusedInput.previousValue=lastFocusedInput.value;lastFocusedInput.value=lastFocusedInput.redoValue}};module.exports={enhanceInput,handleUndoRedo}
 /***/}