semantic-forms 5.1.4 → 5.1.6

package/dist/semantic-forms.js

@@ -22,7 +22,9 @@ if(dd.parentElement.nodeName==="DIV")dd.parentElement.remove();const div=documen
 // standard inputs
 if(type!=="checkbox"&&type!=="radio"){if(!input.getAttribute("placeholder"))input.setAttribute("placeholder"," ");const div=document.createElement("div");const dt=label.closest("dt");const dd=input.closest("dd");if(!dt){console.error(`semantic-forms: Found an input (${input.id||input.getAttribute("name")}) that does not have a corresponding <dt> element.`);continue}if(!dd){console.error(`semantic-forms: Found an input (${input.id||input.getAttribute("name")}) that does not have a corresponding <dd> element.`);continue}
 // #region clear button
-if(input.nodeName!=="SELECT"&&type!=="range"){const clearBtn=document.createElement("button");clearBtn.type="button";clearBtn.title=input.getAttribute("data-clear-field-text")||"Clear field";clearBtn.ariaLabel=input.getAttribute("data-clear-field-text")||"Clear field";clearBtn.tabIndex=-1;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" />';clearBtn.classList.add("clear");clearBtn.id=`semanticFormsClearButton_${input.id}`;clearBtn.addEventListener("click",()=>{input.previousValue=input.value;input.value="";input.focus();lastClearFieldPressed=input.id});insertAfter(clearBtn,dd.querySelector("label"))}input.addEventListener("focus",event=>{if(event.target.nodeName==="INPUT")lastFocusedInput=event.target});
+if(input.nodeName!=="SELECT"&&type!=="range"){const clearBtn=document.createElement("button");clearBtn.type="button";clearBtn.title=input.getAttribute("data-clear-field-text")||"Clear field";clearBtn.ariaLabel=input.getAttribute("data-clear-field-text")||"Clear field";clearBtn.tabIndex=-1;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" />';clearBtn.classList.add("clear");clearBtn.id=`semanticFormsClearButton_${input.id}`;clearBtn.addEventListener("click",()=>{input.previousValue=input.value;input.value="";input.focus();lastClearFieldPressed=input.id;
+// used for any other updates required by various inputs
+input.dispatchEvent(new Event("input",{bubbles:true}))});insertAfter(clearBtn,dd.querySelector("label"))}input.addEventListener("focus",event=>{if(event.target.nodeName==="INPUT")lastFocusedInput=event.target});
 // #endregion
 // check for colspan- utility class
 if(/colspan-/.test(dd.className)){const match=dd.className.match(/colspan-([0-9]|full)/)[0];dd.classList.remove(match);div.classList.add(match)}div.append(dt,dd);dl.append(div);
@@ -36,9 +38,29 @@ if(type==="range"&&input.classList.contains("displayValue")){const label=input.p
 if(type==="password"&&input.getAttribute("data-no-reveal")===null){const showBtn=document.createElement("button");showBtn.type="button";showBtn.title=input.getAttribute("data-show-password-text")||"Show password";showBtn.ariaLabel=input.getAttribute("data-show-password-text")||"Show password";showBtn.tabIndex=-1;showBtn.innerHTML=passwordShow;showBtn.classList.add("show");showBtn.id=`semanticFormsShowButton_${input.id}`;const dd=input.closest("dd");if(!dd){console.error(`semantic-forms: Found an input (${input.id||input.getAttribute("name")}) that is not inside a <dd> element.`);continue}showBtn.addEventListener("click",()=>{if(input.type==="password"){showBtn.innerHTML=passwordHide;showBtn.title=input.getAttribute("data-hide-password-text")||"Hide password";showBtn.ariaLabel=input.getAttribute("data-hide-password-text")||"Hide password";input.type="text"}else{showBtn.innerHTML=passwordShow;showBtn.title=input.getAttribute("data-show-password-text")||"Show password";showBtn.ariaLabel=input.getAttribute("data-show-password-text")||"Show password";input.type="password"}input.focus()});insertAfter(showBtn,dd.querySelector("label"))}
 // #endregion
 // add listener to shift clear button when scrollbar present
-for(const textarea of document.querySelectorAll("textarea")){
-// shifts the close button to the right if a scrollbar is present
-const shiftCloseBtn=()=>{const clearBtn=textarea.parentElement?.querySelector("button.clear");if(clearBtn)clearBtn.style.marginRight=textarea.clientHeight<textarea.scrollHeight?"15px":""};textarea.addEventListener("input",shiftCloseBtn);textarea.addEventListener("mouseup",shiftCloseBtn)}}}}
+if(input.nodeName==="TEXTAREA"){if(input.getAttribute("data-disable-autosize")===null){
+// add auto-sizing
+input.style.setProperty("resize","none");input.style.setProperty("min-height","0");input.style.setProperty("max-height","none");input.style.setProperty("height","auto");const handleInput=()=>{
+// reset rows attribute to get accurate scrollHeight
+let maxRows=input.getAttribute("data-max-rows");if(maxRows)if(isNaN(maxRows)||Number(maxRows)<=0){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")}`);maxRows=null}const minRows=input.getAttribute("data-max-rows")&&Number(input.getAttribute("data-max-rows"))<5?input.getAttribute("data-max-rows"):"5";input.setAttribute("rows",minRows);
+// get the computed values object reference
+const style=window.getComputedStyle(input);
+// 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)
+const inlinePadding=parseFloat(style["padding-left"])+parseFloat(style["padding-right"]);const inlineBorderWidth=parseFloat(style["border-left-width"])+parseFloat(style["border-right-width"]);input.style.setProperty("overflow","hidden","important");input.style.setProperty("width",parseFloat(style["width"])-inlinePadding-inlineBorderWidth+"px");input.style.setProperty("box-sizing","content-box");input.style.setProperty("padding-inline","0");input.style.setProperty("border-width","0");
+// get the base line height, and top / bottom padding
+const blockPadding=parseFloat(style["padding-top"])+parseFloat(style["padding-bottom"]);const lineHeight=style["line-height"]==="normal"?parseFloat(style["height"]):parseFloat(style["line-height"]);// otherwise (line-height is explicitly set), use the computed line-height value
+// get the scroll height (rounding to be safe to ensure cross browser consistency)
+const scrollHeight=Math.round(input.scrollHeight);
+// undo overflow, width, border-width, box-sizing & inline padding overrides
+input.style.removeProperty("width");input.style.removeProperty("box-sizing");input.style.removeProperty("padding-inline");input.style.removeProperty("border-width");input.style.removeProperty("overflow");
+// 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
+const rows=Math.round((scrollHeight-blockPadding)/lineHeight);
+// set the calculated rows attribute (limited by rowLimit)
+if(maxRows)input.setAttribute("rows",""+Math.min(rows,Number(maxRows)));else input.setAttribute("rows",""+rows)};input.addEventListener("input",handleInput);
+// trigger the event to set the initial rows value
+input.dispatchEvent(new Event("input",{bubbles:true}))}
+// shifts the clear button to the right if a scrollbar is present
+const shiftClearBtn=()=>{const clearBtn=input.parentElement?.querySelector("button.clear");if(clearBtn)clearBtn.style.marginRight=input.clientHeight<input.scrollHeight?"15px":""};input.addEventListener("input",shiftClearBtn);input.addEventListener("mouseup",shiftClearBtn);shiftClearBtn()}}}}
 /**
    * Places an element immediately after another element
    * @param {Object} newNode element being placed after the reference node

package/dist/semantic-forms.js.map

@@ -1 +1 @@
-{"version":3,"file":"semantic-forms.js","mappings":"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","sources":["webpack://semanticForms/webpack/universalModuleDefinition","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 ","const 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  const 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  const 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  const helpTextIcon = '<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;margin-top:1px;\"><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  const nodeNameLookup = ['TEXTAREA', 'SELECT']\n  const inputTypeLookup = ['checkbox', 'color', 'date', 'datetime-local', 'email', 'file', 'image', 'month', 'number', 'password', 'radio', 'range', 'search', 'tel', 'text', 'time', 'url', 'week']\n\n  // progressively enhance form elements that have the semanticForms class\n  const forms = document.querySelectorAll('form.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      // ignore input if it has previously been formatted\n      if (input.classList.contains('semanticform') || !input.id) continue\n\n      const type = input.getAttribute('type')\n      if (nodeNameLookup.includes(input.nodeName) || inputTypeLookup.includes(type)) {\n        // recursively find <dl> element\n        let dl = input.parentNode\n        while (dl && dl.nodeName !== 'DL') dl = dl.parentNode\n\n        if (!dl) continue\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        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            continue\n          }\n\n          if (dd.firstChild.nodeName !== 'LABEL') {\n            const newLabel = document.createElement('label')\n            newLabel.className = 'floatLabelFormAnimatedLabel'\n\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\">${helpTextIcon}</span>`\n              newLabel.innerHTML += ` <span title=\"${text}\" class=\"help\">${helpTextIcon}</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          const newLabel = document.createElement('label')\n          newLabel.setAttribute('for', input.id)\n          newLabel.className = 'floatLabelFormAnimatedLabel'\n\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\">${helpTextIcon}</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        // standard inputs\n        if (type !== 'checkbox' && type !== 'radio') {\n          if (!input.getAttribute('placeholder')) input.setAttribute('placeholder', ' ')\n\n          const div = document.createElement('div')\n          const dt = label.closest('dt')\n          const dd = input.closest('dd')\n\n          if (!dt) {\n            console.error(`semantic-forms: Found an input (${input.id || input.getAttribute('name')}) that does not have a corresponding <dt> element.`)\n            continue\n          }\n          if (!dd) {\n            console.error(`semantic-forms: Found an input (${input.id || input.getAttribute('name')}) that does not have a corresponding <dd> element.`)\n            continue\n          }\n\n          // #region 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            insertAfter(clearBtn, dd.querySelector('label'))\n          }\n          input.addEventListener('focus', event => {\n            if (event.target.nodeName === 'INPUT') lastFocusedInput = event.target\n          })\n          // #endregion\n\n          // check for colspan- utility class\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          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        // 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        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        // #region 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 = 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            continue\n          }\n          showBtn.addEventListener('click', () => {\n            if (input.type === 'password') {\n              showBtn.innerHTML = 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 = 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        // #endregion\n\n        // add listener to shift clear button when scrollbar present\n        for (const textarea of document.querySelectorAll('textarea')) {\n          // shifts the close button to the right if a scrollbar is present\n          const shiftCloseBtn = () => {\n            const clearBtn = textarea.parentElement?.querySelector('button.clear')\n            if (clearBtn) clearBtn.style.marginRight = textarea.clientHeight < textarea.scrollHeight ? '15px' : ''\n          }\n\n          textarea.addEventListener('input', shiftCloseBtn)\n          textarea.addEventListener('mouseup', shiftCloseBtn)\n        }\n      }\n    }\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   */\n  function insertAfter (newNode, referenceNode) {\n    if (referenceNode.nextSibling) referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling)\n    else referenceNode.parentNode.appendChild(newNode)\n  }\n\n  // handle undo/redo\n  let lastFocusedInput\n  let lastClearFieldPressed\n  document.addEventListener('keydown', event => {\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 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  // 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__(90);\n"],"names":["root","factory","exports","module","define","amd","this","semanticForms","document","getElementsByClassName","querySelector","body","classList","window","MutationObserver","console","warn","passwordShow","passwordHide","helpTextIcon","nodeNameLookup","inputTypeLookup","forms","querySelectorAll","form","add","contains","inputs","Array","from","input","id","type","getAttribute","includes","nodeName","dl","parentNode","label","replace","error","dd","firstChild","newLabel","createElement","className","setAttribute","insertAfter","innerHTML","hasAttribute","text","append","parentElement","remove","div","closest","dt","clearBtn","title","ariaLabel","tabIndex","addEventListener","previousValue","value","focus","lastClearFieldPressed","event","target","lastFocusedInput","test","match","style","display","files","length","output","showBtn","textarea","shiftCloseBtn","marginRight","clientHeight","scrollHeight","newNode","referenceNode","nextSibling","insertBefore","appendChild","ctrlKey","metaKey","key","shiftKey","name","redoValue","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.js","mappings":"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","sources":["webpack://semanticForms/webpack/universalModuleDefinition","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 ","const 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  const 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  const 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  const helpTextIcon = '<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;margin-top:1px;\"><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  const nodeNameLookup = ['TEXTAREA', 'SELECT']\n  const inputTypeLookup = ['checkbox', 'color', 'date', 'datetime-local', 'email', 'file', 'image', 'month', 'number', 'password', 'radio', 'range', 'search', 'tel', 'text', 'time', 'url', 'week']\n\n  // progressively enhance form elements that have the semanticForms class\n  const forms = document.querySelectorAll('form.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      // ignore input if it has previously been formatted\n      if (input.classList.contains('semanticform') || !input.id) continue\n\n      const type = input.getAttribute('type')\n      if (nodeNameLookup.includes(input.nodeName) || inputTypeLookup.includes(type)) {\n        // recursively find <dl> element\n        let dl = input.parentNode\n        while (dl && dl.nodeName !== 'DL') dl = dl.parentNode\n\n        if (!dl) continue\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        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            continue\n          }\n\n          if (dd.firstChild.nodeName !== 'LABEL') {\n            const newLabel = document.createElement('label')\n            newLabel.className = 'floatLabelFormAnimatedLabel'\n\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\">${helpTextIcon}</span>`\n              newLabel.innerHTML += ` <span title=\"${text}\" class=\"help\">${helpTextIcon}</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          const newLabel = document.createElement('label')\n          newLabel.setAttribute('for', input.id)\n          newLabel.className = 'floatLabelFormAnimatedLabel'\n\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\">${helpTextIcon}</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        // standard inputs\n        if (type !== 'checkbox' && type !== 'radio') {\n          if (!input.getAttribute('placeholder')) input.setAttribute('placeholder', ' ')\n\n          const div = document.createElement('div')\n          const dt = label.closest('dt')\n          const dd = input.closest('dd')\n\n          if (!dt) {\n            console.error(`semantic-forms: Found an input (${input.id || input.getAttribute('name')}) that does not have a corresponding <dt> element.`)\n            continue\n          }\n          if (!dd) {\n            console.error(`semantic-forms: Found an input (${input.id || input.getAttribute('name')}) that does not have a corresponding <dd> element.`)\n            continue\n          }\n\n          // #region 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          input.addEventListener('focus', event => {\n            if (event.target.nodeName === 'INPUT') lastFocusedInput = event.target\n          })\n          // #endregion\n\n          // check for colspan- utility class\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          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        // 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        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        // #region 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 = 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            continue\n          }\n          showBtn.addEventListener('click', () => {\n            if (input.type === 'password') {\n              showBtn.innerHTML = 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 = 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        // #endregion\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          // 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    }\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   */\n  function insertAfter (newNode, referenceNode) {\n    if (referenceNode.nextSibling) referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling)\n    else referenceNode.parentNode.appendChild(newNode)\n  }\n\n  // handle undo/redo\n  let lastFocusedInput\n  let lastClearFieldPressed\n  document.addEventListener('keydown', event => {\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 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  // 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__(90);\n"],"names":["root","factory","exports","module","define","amd","this","semanticForms","document","getElementsByClassName","querySelector","body","classList","window","MutationObserver","console","warn","passwordShow","passwordHide","helpTextIcon","nodeNameLookup","inputTypeLookup","forms","querySelectorAll","form","add","contains","inputs","Array","from","input","id","type","getAttribute","includes","nodeName","dl","parentNode","label","replace","error","dd","firstChild","newLabel","createElement","className","setAttribute","insertAfter","innerHTML","hasAttribute","text","append","parentElement","remove","div","closest","dt","clearBtn","title","ariaLabel","tabIndex","addEventListener","previousValue","value","focus","lastClearFieldPressed","dispatchEvent","Event","bubbles","event","target","lastFocusedInput","test","match","style","display","files","length","output","showBtn","setProperty","handleInput","maxRows","isNaN","Number","minRows","getComputedStyle","inlinePadding","parseFloat","inlineBorderWidth","blockPadding","lineHeight","scrollHeight","Math","round","removeProperty","rows","min","shiftClearBtn","marginRight","clientHeight","newNode","referenceNode","nextSibling","insertBefore","appendChild","ctrlKey","metaKey","key","shiftKey","name","redoValue","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.min.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("semanticForms",[],t):"object"==typeof exports?exports.semanticForms=t():e.semanticForms=t()}(this,()=>{return e={90:e=>{const t=()=>{if("function"!=typeof document.getElementsByClassName||"function"!=typeof document.querySelector||!document.body.classList||!window.MutationObserver)return void console.warn("semantic-forms was loaded into an unsupported browser and will not execute.");const e='<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>',r='<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;margin-top:1px;"><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=["TEXTAREA","SELECT"],o=["checkbox","color","date","datetime-local","email","file","image","month","number","password","radio","range","search","tel","text","time","url","week"],a=document.querySelectorAll("form.semanticForms:not(.semanticFormsActive)");for(const t of a){if(t.classList.add("semanticFormsActive"),t.classList.contains("lowFlow"))continue;const a=Array.from(t.querySelectorAll("input, textarea, select"));for(const t of a){if(t.classList.contains("semanticform")||!t.id)continue;const a=t.getAttribute("type");if(n.includes(t.nodeName)||o.includes(a)){let n=t.parentNode;for(;n&&"DL"!==n.nodeName;)n=n.parentNode;if(!n)continue;n.classList.contains("floatLabelForm")||n.classList.add("floatLabelForm");const o=!t.parentNode.parentNode.id||"checkbox"!==a&&"radio"!==a?document.querySelector("label[for="+t.id.replace(/\./g,"\\.")+"]"):document.querySelector("label[data-for="+t.parentNode.parentNode.id.replace(/\./g,"\\.")+"]");if(o||console.error(`semantic-forms: Found an input (${t.id||t.getAttribute("name")}) without a properly associated label. Make sure there is a label for it and the label has a matching "for" attribute.`),t.classList.add("semanticform"),"checkbox"===a||"radio"===a){let e=t.parentNode;for(;e&&"DD"!==e.nodeName;)e=e.parentNode;if(!e){console.error(`semantic-forms: Found an input (${t.id||t.getAttribute("name")}) that is not inside a <dd> element.`);continue}if("LABEL"!==e.firstChild.nodeName){const n=document.createElement("label");if(n.className="floatLabelFormAnimatedLabel","checkbox"===a&&"DD"===t.parentNode.nodeName&&(n.setAttribute("for",t.id),t.parentNode.classList.add("singleCheckbox"),n.className="",o.setAttribute("hidden","hidden"),s(n,t)),"radio"===a&&"DD"===t.parentNode.nodeName&&(n.setAttribute("for",t.id),t.parentNode.classList.add("singleRadio"),n.className="",o.setAttribute("hidden","hidden"),s(n,t)),n.innerHTML=o.innerHTML,o.hasAttribute("title")&&null!==o.getAttribute("data-show-help-icon")&&!o.querySelector("span.help")){const e=o.getAttribute("title");o.innerHTML+=` <span title="${e}" class="help">${r}</span>`,n.innerHTML+=` <span title="${e}" class="help">${r}</span>`}if(e.querySelector(":required")&&null===o.getAttribute("data-no-asterisk")&&!o.querySelector("span.required")){const e=o.getAttribute("data-asterisk-text")||"This field is required.";o.innerHTML+=` <span title="${e}" class="required">*</span>`,n.innerHTML+=` <span title="${e}" class="required">*</span>`}e.querySelector("label")||e.append(n)}"DIV"===e.parentElement.nodeName&&e.parentElement.remove();const i=document.createElement("div");i.append(o.closest("dt"),e),n.append(i)}else{const e=document.createElement("label");if(e.setAttribute("for",t.id),e.className="floatLabelFormAnimatedLabel",e.innerHTML=o.innerHTML,t.hasAttribute("title")&&null!==o.getAttribute("data-show-help-icon")&&!o.querySelector("span.help")){const n=t.getAttribute("title");e.innerHTML+=` <span title="${n}" class="help">${r}</span>`}if(t.hasAttribute("required")&&null===o.getAttribute("data-no-asterisk")&&!o.querySelector("span.required")){const t=o.getAttribute("data-asterisk-text")||"This field is required.";e.innerHTML+=` <span title="${t}" class="required">*</span>`}o.setAttribute("hidden","hidden"),s(e,t)}if("checkbox"!==a&&"radio"!==a){t.getAttribute("placeholder")||t.setAttribute("placeholder"," ");const e=document.createElement("div"),r=o.closest("dt"),d=t.closest("dd");if(!r){console.error(`semantic-forms: Found an input (${t.id||t.getAttribute("name")}) that does not have a corresponding <dt> element.`);continue}if(!d){console.error(`semantic-forms: Found an input (${t.id||t.getAttribute("name")}) that does not have a corresponding <dd> element.`);continue}if("SELECT"!==t.nodeName&&"range"!==a){const e=document.createElement("button");e.type="button",e.title=t.getAttribute("data-clear-field-text")||"Clear field",e.ariaLabel=t.getAttribute("data-clear-field-text")||"Clear field",e.tabIndex=-1,e.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" />',e.classList.add("clear"),e.id=`semanticFormsClearButton_${t.id}`,e.addEventListener("click",()=>{t.previousValue=t.value,t.value="",t.focus(),l=t.id}),s(e,d.querySelector("label"))}if(t.addEventListener("focus",e=>{"INPUT"===e.target.nodeName&&(i=e.target)}),/colspan-/.test(d.className)){const t=d.className.match(/colspan-([0-9]|full)/)[0];d.classList.remove(t),e.classList.add(t)}e.append(r,d),n.append(e),"none"===r.style.display&&"none"===d.style.display&&(e.style.display="none")}if("file"===a){const e=t.parentElement.querySelector(".clear");t.addEventListener("input",t=>{e.style.display=t.target.files.length?"flex":"none"}),e.addEventListener("click",()=>{e.style.display="none"})}if("range"===a&&t.classList.contains("displayValue")&&(t.parentNode.parentNode.querySelector("dd label").innerHTML+=`<span class="seperator">: </span><output>${t.value}</output>`,t.addEventListener("input",e=>{e.target.parentNode.parentNode.querySelector("output").innerHTML=e.target.value})),"password"===a&&null===t.getAttribute("data-no-reveal")){const r=document.createElement("button");r.type="button",r.title=t.getAttribute("data-show-password-text")||"Show password",r.ariaLabel=t.getAttribute("data-show-password-text")||"Show password",r.tabIndex=-1,r.innerHTML=e,r.classList.add("show"),r.id=`semanticFormsShowButton_${t.id}`;const n=t.closest("dd");if(!n){console.error(`semantic-forms: Found an input (${t.id||t.getAttribute("name")}) that is not inside a <dd> element.`);continue}r.addEventListener("click",()=>{"password"===t.type?(r.innerHTML='<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>',r.title=t.getAttribute("data-hide-password-text")||"Hide password",r.ariaLabel=t.getAttribute("data-hide-password-text")||"Hide password",t.type="text"):(r.innerHTML=e,r.title=t.getAttribute("data-show-password-text")||"Show password",r.ariaLabel=t.getAttribute("data-show-password-text")||"Show password",t.type="password"),t.focus()}),s(r,n.querySelector("label"))}for(const e of document.querySelectorAll("textarea")){const t=()=>{const t=e.parentElement?.querySelector("button.clear");t&&(t.style.marginRight=e.clientHeight<e.scrollHeight?"15px":"")};e.addEventListener("input",t),e.addEventListener("mouseup",t)}}}}function s(e,t){t.nextSibling?t.parentNode.insertBefore(e,t.nextSibling):t.parentNode.appendChild(e)}let i,l;document.addEventListener("keydown",e=>{!e.ctrlKey&&!e.metaKey||"z"!==e.key||e.shiftKey?(e.ctrlKey&&"y"===e.key||e.metaKey&&e.shiftKey&&"z"===e.key)&&i&&(i?.parentNode?.querySelector("button.clear").id!==`semanticFormsClearButton_${l}`&&i?.parentNode?.querySelector("button.clear").name!==`semanticFormsClearButton_${l}`||i.redoValue&&(i.previousValue=i.value,i.value=i.redoValue)):i&&(i?.parentNode?.querySelector("button.clear").id!==`semanticFormsClearButton_${l}`&&i?.parentNode?.querySelector("button.clear").name!==`semanticFormsClearButton_${l}`||i.previousValue&&(i.redoValue=i.value,i.value=i.previousValue))}),window.semanticFormsObserver||(window.semanticFormsObserver=new window.MutationObserver(e=>{let r=!1;for(const n of e){for(const e of n.addedNodes)("FORM"===e.nodeName||e?.querySelector?.("form"))&&(t(),r=!0);if(r)break}}),window.semanticFormsObserver.observe(document.body,{attributes:!1,childList:!0,characterData:!1,subtree:!0})),t.reinitialize=e=>{e.classList.remove("semanticFormsActive"),t()}};e.exports=t}},t={},function r(n){var o=t[n];if(void 0!==o)return o.exports;var a=t[n]={exports:{}};return e[n](a,a.exports,r),a.exports}(90);var e,t});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("semanticForms",[],t):"object"==typeof exports?exports.semanticForms=t():e.semanticForms=t()}(this,()=>{return e={90:e=>{const t=()=>{if("function"!=typeof document.getElementsByClassName||"function"!=typeof document.querySelector||!document.body.classList||!window.MutationObserver)return void console.warn("semantic-forms was loaded into an unsupported browser and will not execute.");const e='<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>',r='<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;margin-top:1px;"><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>',o=["TEXTAREA","SELECT"],a=["checkbox","color","date","datetime-local","email","file","image","month","number","password","radio","range","search","tel","text","time","url","week"],n=document.querySelectorAll("form.semanticForms:not(.semanticFormsActive)");for(const t of n){if(t.classList.add("semanticFormsActive"),t.classList.contains("lowFlow"))continue;const n=Array.from(t.querySelectorAll("input, textarea, select"));for(const t of n){if(t.classList.contains("semanticform")||!t.id)continue;const n=t.getAttribute("type");if(o.includes(t.nodeName)||a.includes(n)){let o=t.parentNode;for(;o&&"DL"!==o.nodeName;)o=o.parentNode;if(!o)continue;o.classList.contains("floatLabelForm")||o.classList.add("floatLabelForm");const a=!t.parentNode.parentNode.id||"checkbox"!==n&&"radio"!==n?document.querySelector("label[for="+t.id.replace(/\./g,"\\.")+"]"):document.querySelector("label[data-for="+t.parentNode.parentNode.id.replace(/\./g,"\\.")+"]");if(a||console.error(`semantic-forms: Found an input (${t.id||t.getAttribute("name")}) without a properly associated label. Make sure there is a label for it and the label has a matching "for" attribute.`),t.classList.add("semanticform"),"checkbox"===n||"radio"===n){let e=t.parentNode;for(;e&&"DD"!==e.nodeName;)e=e.parentNode;if(!e){console.error(`semantic-forms: Found an input (${t.id||t.getAttribute("name")}) that is not inside a <dd> element.`);continue}if("LABEL"!==e.firstChild.nodeName){const o=document.createElement("label");if(o.className="floatLabelFormAnimatedLabel","checkbox"===n&&"DD"===t.parentNode.nodeName&&(o.setAttribute("for",t.id),t.parentNode.classList.add("singleCheckbox"),o.className="",a.setAttribute("hidden","hidden"),s(o,t)),"radio"===n&&"DD"===t.parentNode.nodeName&&(o.setAttribute("for",t.id),t.parentNode.classList.add("singleRadio"),o.className="",a.setAttribute("hidden","hidden"),s(o,t)),o.innerHTML=a.innerHTML,a.hasAttribute("title")&&null!==a.getAttribute("data-show-help-icon")&&!a.querySelector("span.help")){const e=a.getAttribute("title");a.innerHTML+=` <span title="${e}" class="help">${r}</span>`,o.innerHTML+=` <span title="${e}" class="help">${r}</span>`}if(e.querySelector(":required")&&null===a.getAttribute("data-no-asterisk")&&!a.querySelector("span.required")){const e=a.getAttribute("data-asterisk-text")||"This field is required.";a.innerHTML+=` <span title="${e}" class="required">*</span>`,o.innerHTML+=` <span title="${e}" class="required">*</span>`}e.querySelector("label")||e.append(o)}"DIV"===e.parentElement.nodeName&&e.parentElement.remove();const i=document.createElement("div");i.append(a.closest("dt"),e),o.append(i)}else{const e=document.createElement("label");if(e.setAttribute("for",t.id),e.className="floatLabelFormAnimatedLabel",e.innerHTML=a.innerHTML,t.hasAttribute("title")&&null!==a.getAttribute("data-show-help-icon")&&!a.querySelector("span.help")){const o=t.getAttribute("title");e.innerHTML+=` <span title="${o}" class="help">${r}</span>`}if(t.hasAttribute("required")&&null===a.getAttribute("data-no-asterisk")&&!a.querySelector("span.required")){const t=a.getAttribute("data-asterisk-text")||"This field is required.";e.innerHTML+=` <span title="${t}" class="required">*</span>`}a.setAttribute("hidden","hidden"),s(e,t)}if("checkbox"!==n&&"radio"!==n){t.getAttribute("placeholder")||t.setAttribute("placeholder"," ");const e=document.createElement("div"),r=a.closest("dt"),d=t.closest("dd");if(!r){console.error(`semantic-forms: Found an input (${t.id||t.getAttribute("name")}) that does not have a corresponding <dt> element.`);continue}if(!d){console.error(`semantic-forms: Found an input (${t.id||t.getAttribute("name")}) that does not have a corresponding <dd> element.`);continue}if("SELECT"!==t.nodeName&&"range"!==n){const e=document.createElement("button");e.type="button",e.title=t.getAttribute("data-clear-field-text")||"Clear field",e.ariaLabel=t.getAttribute("data-clear-field-text")||"Clear field",e.tabIndex=-1,e.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" />',e.classList.add("clear"),e.id=`semanticFormsClearButton_${t.id}`,e.addEventListener("click",()=>{t.previousValue=t.value,t.value="",t.focus(),l=t.id,t.dispatchEvent(new Event("input",{bubbles:!0}))}),s(e,d.querySelector("label"))}if(t.addEventListener("focus",e=>{"INPUT"===e.target.nodeName&&(i=e.target)}),/colspan-/.test(d.className)){const t=d.className.match(/colspan-([0-9]|full)/)[0];d.classList.remove(t),e.classList.add(t)}e.append(r,d),o.append(e),"none"===r.style.display&&"none"===d.style.display&&(e.style.display="none")}if("file"===n){const e=t.parentElement.querySelector(".clear");t.addEventListener("input",t=>{e.style.display=t.target.files.length?"flex":"none"}),e.addEventListener("click",()=>{e.style.display="none"})}if("range"===n&&t.classList.contains("displayValue")&&(t.parentNode.parentNode.querySelector("dd label").innerHTML+=`<span class="seperator">: </span><output>${t.value}</output>`,t.addEventListener("input",e=>{e.target.parentNode.parentNode.querySelector("output").innerHTML=e.target.value})),"password"===n&&null===t.getAttribute("data-no-reveal")){const r=document.createElement("button");r.type="button",r.title=t.getAttribute("data-show-password-text")||"Show password",r.ariaLabel=t.getAttribute("data-show-password-text")||"Show password",r.tabIndex=-1,r.innerHTML=e,r.classList.add("show"),r.id=`semanticFormsShowButton_${t.id}`;const o=t.closest("dd");if(!o){console.error(`semantic-forms: Found an input (${t.id||t.getAttribute("name")}) that is not inside a <dd> element.`);continue}r.addEventListener("click",()=>{"password"===t.type?(r.innerHTML='<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>',r.title=t.getAttribute("data-hide-password-text")||"Hide password",r.ariaLabel=t.getAttribute("data-hide-password-text")||"Hide password",t.type="text"):(r.innerHTML=e,r.title=t.getAttribute("data-show-password-text")||"Show password",r.ariaLabel=t.getAttribute("data-show-password-text")||"Show password",t.type="password"),t.focus()}),s(r,o.querySelector("label"))}if("TEXTAREA"===t.nodeName){if(null===t.getAttribute("data-disable-autosize")){t.style.setProperty("resize","none"),t.style.setProperty("min-height","0"),t.style.setProperty("max-height","none"),t.style.setProperty("height","auto");const e=()=>{let e=t.getAttribute("data-max-rows");e&&(isNaN(e)||Number(e)<=0)&&(console.warn(`An invalid value was passed to the "data-max-rows" attribute. This value will be ignored.\n\nProvided value: ${t.getAttribute("data-max-rows")}`),e=null);const r=t.getAttribute("data-max-rows")&&Number(t.getAttribute("data-max-rows"))<5?t.getAttribute("data-max-rows"):"5";t.setAttribute("rows",r);const o=window.getComputedStyle(t),a=parseFloat(o["padding-left"])+parseFloat(o["padding-right"]),n=parseFloat(o["border-left-width"])+parseFloat(o["border-right-width"]);t.style.setProperty("overflow","hidden","important"),t.style.setProperty("width",parseFloat(o.width)-a-n+"px"),t.style.setProperty("box-sizing","content-box"),t.style.setProperty("padding-inline","0"),t.style.setProperty("border-width","0");const s=parseFloat(o["padding-top"])+parseFloat(o["padding-bottom"]),i="normal"===o["line-height"]?parseFloat(o.height):parseFloat(o["line-height"]),l=Math.round(t.scrollHeight);t.style.removeProperty("width"),t.style.removeProperty("box-sizing"),t.style.removeProperty("padding-inline"),t.style.removeProperty("border-width"),t.style.removeProperty("overflow");const d=Math.round((l-s)/i);e?t.setAttribute("rows",""+Math.min(d,Number(e))):t.setAttribute("rows",""+d)};t.addEventListener("input",e),t.dispatchEvent(new Event("input",{bubbles:!0}))}const e=()=>{const e=t.parentElement?.querySelector("button.clear");e&&(e.style.marginRight=t.clientHeight<t.scrollHeight?"15px":"")};t.addEventListener("input",e),t.addEventListener("mouseup",e),e()}}}}function s(e,t){t.nextSibling?t.parentNode.insertBefore(e,t.nextSibling):t.parentNode.appendChild(e)}let i,l;document.addEventListener("keydown",e=>{!e.ctrlKey&&!e.metaKey||"z"!==e.key||e.shiftKey?(e.ctrlKey&&"y"===e.key||e.metaKey&&e.shiftKey&&"z"===e.key)&&i&&(i?.parentNode?.querySelector("button.clear").id!==`semanticFormsClearButton_${l}`&&i?.parentNode?.querySelector("button.clear").name!==`semanticFormsClearButton_${l}`||i.redoValue&&(i.previousValue=i.value,i.value=i.redoValue)):i&&(i?.parentNode?.querySelector("button.clear").id!==`semanticFormsClearButton_${l}`&&i?.parentNode?.querySelector("button.clear").name!==`semanticFormsClearButton_${l}`||i.previousValue&&(i.redoValue=i.value,i.value=i.previousValue))}),window.semanticFormsObserver||(window.semanticFormsObserver=new window.MutationObserver(e=>{let r=!1;for(const o of e){for(const e of o.addedNodes)("FORM"===e.nodeName||e?.querySelector?.("form"))&&(t(),r=!0);if(r)break}}),window.semanticFormsObserver.observe(document.body,{attributes:!1,childList:!0,characterData:!1,subtree:!0})),t.reinitialize=e=>{e.classList.remove("semanticFormsActive"),t()}};e.exports=t}},t={},function r(o){var a=t[o];if(void 0!==a)return a.exports;var n=t[o]={exports:{}};return e[o](n,n.exports,r),n.exports}(90);var e,t});
 //# sourceMappingURL=semantic-forms.min.js.map

package/dist/semantic-forms.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"semantic-forms.min.js","mappings":"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","sources":["webpack://semanticForms/webpack/universalModuleDefinition","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 ","const 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  const 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  const 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  const helpTextIcon = '<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;margin-top:1px;\"><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  const nodeNameLookup = ['TEXTAREA', 'SELECT']\n  const inputTypeLookup = ['checkbox', 'color', 'date', 'datetime-local', 'email', 'file', 'image', 'month', 'number', 'password', 'radio', 'range', 'search', 'tel', 'text', 'time', 'url', 'week']\n\n  // progressively enhance form elements that have the semanticForms class\n  const forms = document.querySelectorAll('form.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      // ignore input if it has previously been formatted\n      if (input.classList.contains('semanticform') || !input.id) continue\n\n      const type = input.getAttribute('type')\n      if (nodeNameLookup.includes(input.nodeName) || inputTypeLookup.includes(type)) {\n        // recursively find <dl> element\n        let dl = input.parentNode\n        while (dl && dl.nodeName !== 'DL') dl = dl.parentNode\n\n        if (!dl) continue\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        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            continue\n          }\n\n          if (dd.firstChild.nodeName !== 'LABEL') {\n            const newLabel = document.createElement('label')\n            newLabel.className = 'floatLabelFormAnimatedLabel'\n\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\">${helpTextIcon}</span>`\n              newLabel.innerHTML += ` <span title=\"${text}\" class=\"help\">${helpTextIcon}</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          const newLabel = document.createElement('label')\n          newLabel.setAttribute('for', input.id)\n          newLabel.className = 'floatLabelFormAnimatedLabel'\n\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\">${helpTextIcon}</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        // standard inputs\n        if (type !== 'checkbox' && type !== 'radio') {\n          if (!input.getAttribute('placeholder')) input.setAttribute('placeholder', ' ')\n\n          const div = document.createElement('div')\n          const dt = label.closest('dt')\n          const dd = input.closest('dd')\n\n          if (!dt) {\n            console.error(`semantic-forms: Found an input (${input.id || input.getAttribute('name')}) that does not have a corresponding <dt> element.`)\n            continue\n          }\n          if (!dd) {\n            console.error(`semantic-forms: Found an input (${input.id || input.getAttribute('name')}) that does not have a corresponding <dd> element.`)\n            continue\n          }\n\n          // #region 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            insertAfter(clearBtn, dd.querySelector('label'))\n          }\n          input.addEventListener('focus', event => {\n            if (event.target.nodeName === 'INPUT') lastFocusedInput = event.target\n          })\n          // #endregion\n\n          // check for colspan- utility class\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          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        // 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        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        // #region 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 = 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            continue\n          }\n          showBtn.addEventListener('click', () => {\n            if (input.type === 'password') {\n              showBtn.innerHTML = 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 = 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        // #endregion\n\n        // add listener to shift clear button when scrollbar present\n        for (const textarea of document.querySelectorAll('textarea')) {\n          // shifts the close button to the right if a scrollbar is present\n          const shiftCloseBtn = () => {\n            const clearBtn = textarea.parentElement?.querySelector('button.clear')\n            if (clearBtn) clearBtn.style.marginRight = textarea.clientHeight < textarea.scrollHeight ? '15px' : ''\n          }\n\n          textarea.addEventListener('input', shiftCloseBtn)\n          textarea.addEventListener('mouseup', shiftCloseBtn)\n        }\n      }\n    }\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   */\n  function insertAfter (newNode, referenceNode) {\n    if (referenceNode.nextSibling) referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling)\n    else referenceNode.parentNode.appendChild(newNode)\n  }\n\n  // handle undo/redo\n  let lastFocusedInput\n  let lastClearFieldPressed\n  document.addEventListener('keydown', event => {\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 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  // 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__(90);\n"],"names":["root","factory","exports","module","define","amd","this","semanticForms","document","getElementsByClassName","querySelector","body","classList","window","MutationObserver","console","warn","passwordShow","helpTextIcon","nodeNameLookup","inputTypeLookup","forms","querySelectorAll","form","add","contains","inputs","Array","from","input","id","type","getAttribute","includes","nodeName","dl","parentNode","label","replace","error","dd","firstChild","newLabel","createElement","className","setAttribute","insertAfter","innerHTML","hasAttribute","text","append","parentElement","remove","div","closest","dt","clearBtn","title","ariaLabel","tabIndex","addEventListener","previousValue","value","focus","lastClearFieldPressed","event","target","lastFocusedInput","test","match","style","display","files","length","showBtn","textarea","shiftCloseBtn","marginRight","clientHeight","scrollHeight","newNode","referenceNode","nextSibling","insertBefore","appendChild","ctrlKey","metaKey","key","shiftKey","name","redoValue","semanticFormsObserver","mutations","stop","mutation","node","addedNodes","observe","attributes","childList","characterData","subtree","reinitialize","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__"],"sourceRoot":""}
+{"version":3,"file":"semantic-forms.min.js","mappings":"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","sources":["webpack://semanticForms/webpack/universalModuleDefinition","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 ","const 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  const 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  const 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  const helpTextIcon = '<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;margin-top:1px;\"><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  const nodeNameLookup = ['TEXTAREA', 'SELECT']\n  const inputTypeLookup = ['checkbox', 'color', 'date', 'datetime-local', 'email', 'file', 'image', 'month', 'number', 'password', 'radio', 'range', 'search', 'tel', 'text', 'time', 'url', 'week']\n\n  // progressively enhance form elements that have the semanticForms class\n  const forms = document.querySelectorAll('form.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      // ignore input if it has previously been formatted\n      if (input.classList.contains('semanticform') || !input.id) continue\n\n      const type = input.getAttribute('type')\n      if (nodeNameLookup.includes(input.nodeName) || inputTypeLookup.includes(type)) {\n        // recursively find <dl> element\n        let dl = input.parentNode\n        while (dl && dl.nodeName !== 'DL') dl = dl.parentNode\n\n        if (!dl) continue\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        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            continue\n          }\n\n          if (dd.firstChild.nodeName !== 'LABEL') {\n            const newLabel = document.createElement('label')\n            newLabel.className = 'floatLabelFormAnimatedLabel'\n\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\">${helpTextIcon}</span>`\n              newLabel.innerHTML += ` <span title=\"${text}\" class=\"help\">${helpTextIcon}</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          const newLabel = document.createElement('label')\n          newLabel.setAttribute('for', input.id)\n          newLabel.className = 'floatLabelFormAnimatedLabel'\n\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\">${helpTextIcon}</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        // standard inputs\n        if (type !== 'checkbox' && type !== 'radio') {\n          if (!input.getAttribute('placeholder')) input.setAttribute('placeholder', ' ')\n\n          const div = document.createElement('div')\n          const dt = label.closest('dt')\n          const dd = input.closest('dd')\n\n          if (!dt) {\n            console.error(`semantic-forms: Found an input (${input.id || input.getAttribute('name')}) that does not have a corresponding <dt> element.`)\n            continue\n          }\n          if (!dd) {\n            console.error(`semantic-forms: Found an input (${input.id || input.getAttribute('name')}) that does not have a corresponding <dd> element.`)\n            continue\n          }\n\n          // #region 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          input.addEventListener('focus', event => {\n            if (event.target.nodeName === 'INPUT') lastFocusedInput = event.target\n          })\n          // #endregion\n\n          // check for colspan- utility class\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          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        // 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        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        // #region 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 = 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            continue\n          }\n          showBtn.addEventListener('click', () => {\n            if (input.type === 'password') {\n              showBtn.innerHTML = 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 = 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        // #endregion\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          // 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    }\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   */\n  function insertAfter (newNode, referenceNode) {\n    if (referenceNode.nextSibling) referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling)\n    else referenceNode.parentNode.appendChild(newNode)\n  }\n\n  // handle undo/redo\n  let lastFocusedInput\n  let lastClearFieldPressed\n  document.addEventListener('keydown', event => {\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 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  // 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__(90);\n"],"names":["root","factory","exports","module","define","amd","this","semanticForms","document","getElementsByClassName","querySelector","body","classList","window","MutationObserver","console","warn","passwordShow","helpTextIcon","nodeNameLookup","inputTypeLookup","forms","querySelectorAll","form","add","contains","inputs","Array","from","input","id","type","getAttribute","includes","nodeName","dl","parentNode","label","replace","error","dd","firstChild","newLabel","createElement","className","setAttribute","insertAfter","innerHTML","hasAttribute","text","append","parentElement","remove","div","closest","dt","clearBtn","title","ariaLabel","tabIndex","addEventListener","previousValue","value","focus","lastClearFieldPressed","dispatchEvent","Event","bubbles","event","target","lastFocusedInput","test","match","style","display","files","length","showBtn","setProperty","handleInput","maxRows","isNaN","Number","minRows","getComputedStyle","inlinePadding","parseFloat","inlineBorderWidth","blockPadding","lineHeight","scrollHeight","Math","round","removeProperty","rows","min","shiftClearBtn","marginRight","clientHeight","newNode","referenceNode","nextSibling","insertBefore","appendChild","ctrlKey","metaKey","key","shiftKey","name","redoValue","semanticFormsObserver","mutations","stop","mutation","node","addedNodes","observe","attributes","childList","characterData","subtree","reinitialize","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__"],"sourceRoot":""}

package/dist/semantic-forms.min.mjs

@@ -1,2 +1,2 @@
-var e={90:e=>{const t=()=>{if("function"!=typeof document.getElementsByClassName||"function"!=typeof document.querySelector||!document.body.classList||!window.MutationObserver)return void console.warn("semantic-forms was loaded into an unsupported browser and will not execute.");const e='<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>',r='<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;margin-top:1px;"><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>',a=["TEXTAREA","SELECT"],n=["checkbox","color","date","datetime-local","email","file","image","month","number","password","radio","range","search","tel","text","time","url","week"],o=document.querySelectorAll("form.semanticForms:not(.semanticFormsActive)");for(const t of o){if(t.classList.add("semanticFormsActive"),t.classList.contains("lowFlow"))continue;const o=Array.from(t.querySelectorAll("input, textarea, select"));for(const t of o){if(t.classList.contains("semanticform")||!t.id)continue;const o=t.getAttribute("type");if(a.includes(t.nodeName)||n.includes(o)){let a=t.parentNode;for(;a&&"DL"!==a.nodeName;)a=a.parentNode;if(!a)continue;a.classList.contains("floatLabelForm")||a.classList.add("floatLabelForm");const n=!t.parentNode.parentNode.id||"checkbox"!==o&&"radio"!==o?document.querySelector("label[for="+t.id.replace(/\./g,"\\.")+"]"):document.querySelector("label[data-for="+t.parentNode.parentNode.id.replace(/\./g,"\\.")+"]");if(n||console.error(`semantic-forms: Found an input (${t.id||t.getAttribute("name")}) without a properly associated label. Make sure there is a label for it and the label has a matching "for" attribute.`),t.classList.add("semanticform"),"checkbox"===o||"radio"===o){let e=t.parentNode;for(;e&&"DD"!==e.nodeName;)e=e.parentNode;if(!e){console.error(`semantic-forms: Found an input (${t.id||t.getAttribute("name")}) that is not inside a <dd> element.`);continue}if("LABEL"!==e.firstChild.nodeName){const a=document.createElement("label");if(a.className="floatLabelFormAnimatedLabel","checkbox"===o&&"DD"===t.parentNode.nodeName&&(a.setAttribute("for",t.id),t.parentNode.classList.add("singleCheckbox"),a.className="",n.setAttribute("hidden","hidden"),s(a,t)),"radio"===o&&"DD"===t.parentNode.nodeName&&(a.setAttribute("for",t.id),t.parentNode.classList.add("singleRadio"),a.className="",n.setAttribute("hidden","hidden"),s(a,t)),a.innerHTML=n.innerHTML,n.hasAttribute("title")&&null!==n.getAttribute("data-show-help-icon")&&!n.querySelector("span.help")){const e=n.getAttribute("title");n.innerHTML+=` <span title="${e}" class="help">${r}</span>`,a.innerHTML+=` <span title="${e}" class="help">${r}</span>`}if(e.querySelector(":required")&&null===n.getAttribute("data-no-asterisk")&&!n.querySelector("span.required")){const e=n.getAttribute("data-asterisk-text")||"This field is required.";n.innerHTML+=` <span title="${e}" class="required">*</span>`,a.innerHTML+=` <span title="${e}" class="required">*</span>`}e.querySelector("label")||e.append(a)}"DIV"===e.parentElement.nodeName&&e.parentElement.remove();const i=document.createElement("div");i.append(n.closest("dt"),e),a.append(i)}else{const e=document.createElement("label");if(e.setAttribute("for",t.id),e.className="floatLabelFormAnimatedLabel",e.innerHTML=n.innerHTML,t.hasAttribute("title")&&null!==n.getAttribute("data-show-help-icon")&&!n.querySelector("span.help")){const a=t.getAttribute("title");e.innerHTML+=` <span title="${a}" class="help">${r}</span>`}if(t.hasAttribute("required")&&null===n.getAttribute("data-no-asterisk")&&!n.querySelector("span.required")){const t=n.getAttribute("data-asterisk-text")||"This field is required.";e.innerHTML+=` <span title="${t}" class="required">*</span>`}n.setAttribute("hidden","hidden"),s(e,t)}if("checkbox"!==o&&"radio"!==o){t.getAttribute("placeholder")||t.setAttribute("placeholder"," ");const e=document.createElement("div"),r=n.closest("dt"),d=t.closest("dd");if(!r){console.error(`semantic-forms: Found an input (${t.id||t.getAttribute("name")}) that does not have a corresponding <dt> element.`);continue}if(!d){console.error(`semantic-forms: Found an input (${t.id||t.getAttribute("name")}) that does not have a corresponding <dd> element.`);continue}if("SELECT"!==t.nodeName&&"range"!==o){const e=document.createElement("button");e.type="button",e.title=t.getAttribute("data-clear-field-text")||"Clear field",e.ariaLabel=t.getAttribute("data-clear-field-text")||"Clear field",e.tabIndex=-1,e.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" />',e.classList.add("clear"),e.id=`semanticFormsClearButton_${t.id}`,e.addEventListener("click",()=>{t.previousValue=t.value,t.value="",t.focus(),l=t.id}),s(e,d.querySelector("label"))}if(t.addEventListener("focus",e=>{"INPUT"===e.target.nodeName&&(i=e.target)}),/colspan-/.test(d.className)){const t=d.className.match(/colspan-([0-9]|full)/)[0];d.classList.remove(t),e.classList.add(t)}e.append(r,d),a.append(e),"none"===r.style.display&&"none"===d.style.display&&(e.style.display="none")}if("file"===o){const e=t.parentElement.querySelector(".clear");t.addEventListener("input",t=>{e.style.display=t.target.files.length?"flex":"none"}),e.addEventListener("click",()=>{e.style.display="none"})}if("range"===o&&t.classList.contains("displayValue")){t.parentNode.parentNode.querySelector("dd label").innerHTML+=`<span class="seperator">: </span><output>${t.value}</output>`,t.addEventListener("input",e=>{e.target.parentNode.parentNode.querySelector("output").innerHTML=e.target.value})}if("password"===o&&null===t.getAttribute("data-no-reveal")){const r=document.createElement("button");r.type="button",r.title=t.getAttribute("data-show-password-text")||"Show password",r.ariaLabel=t.getAttribute("data-show-password-text")||"Show password",r.tabIndex=-1,r.innerHTML=e,r.classList.add("show"),r.id=`semanticFormsShowButton_${t.id}`;const a=t.closest("dd");if(!a){console.error(`semantic-forms: Found an input (${t.id||t.getAttribute("name")}) that is not inside a <dd> element.`);continue}r.addEventListener("click",()=>{"password"===t.type?(r.innerHTML='<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>',r.title=t.getAttribute("data-hide-password-text")||"Hide password",r.ariaLabel=t.getAttribute("data-hide-password-text")||"Hide password",t.type="text"):(r.innerHTML=e,r.title=t.getAttribute("data-show-password-text")||"Show password",r.ariaLabel=t.getAttribute("data-show-password-text")||"Show password",t.type="password"),t.focus()}),s(r,a.querySelector("label"))}for(const e of document.querySelectorAll("textarea")){const t=()=>{const t=e.parentElement?.querySelector("button.clear");t&&(t.style.marginRight=e.clientHeight<e.scrollHeight?"15px":"")};e.addEventListener("input",t),e.addEventListener("mouseup",t)}}}}function s(e,t){t.nextSibling?t.parentNode.insertBefore(e,t.nextSibling):t.parentNode.appendChild(e)}let i,l;document.addEventListener("keydown",e=>{!e.ctrlKey&&!e.metaKey||"z"!==e.key||e.shiftKey?(e.ctrlKey&&"y"===e.key||e.metaKey&&e.shiftKey&&"z"===e.key)&&i&&(i?.parentNode?.querySelector("button.clear").id!==`semanticFormsClearButton_${l}`&&i?.parentNode?.querySelector("button.clear").name!==`semanticFormsClearButton_${l}`||i.redoValue&&(i.previousValue=i.value,i.value=i.redoValue)):i&&(i?.parentNode?.querySelector("button.clear").id!==`semanticFormsClearButton_${l}`&&i?.parentNode?.querySelector("button.clear").name!==`semanticFormsClearButton_${l}`||i.previousValue&&(i.redoValue=i.value,i.value=i.previousValue))}),window.semanticFormsObserver||(window.semanticFormsObserver=new window.MutationObserver(e=>{let r=!1;for(const a of e){for(const e of a.addedNodes)("FORM"===e.nodeName||e?.querySelector?.("form"))&&(t(),r=!0);if(r)break}}),window.semanticFormsObserver.observe(document.body,{attributes:!1,childList:!0,characterData:!1,subtree:!0})),t.reinitialize=e=>{e.classList.remove("semanticFormsActive"),t()}};e.exports=t}},t={};var r=function r(a){var n=t[a];if(void 0!==n)return n.exports;var o=t[a]={exports:{}};return e[a](o,o.exports,r),o.exports}(90);export{r as default};
+var e={90:e=>{const t=()=>{if("function"!=typeof document.getElementsByClassName||"function"!=typeof document.querySelector||!document.body.classList||!window.MutationObserver)return void console.warn("semantic-forms was loaded into an unsupported browser and will not execute.");const e='<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>',r='<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;margin-top:1px;"><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>',a=["TEXTAREA","SELECT"],o=["checkbox","color","date","datetime-local","email","file","image","month","number","password","radio","range","search","tel","text","time","url","week"],n=document.querySelectorAll("form.semanticForms:not(.semanticFormsActive)");for(const t of n){if(t.classList.add("semanticFormsActive"),t.classList.contains("lowFlow"))continue;const n=Array.from(t.querySelectorAll("input, textarea, select"));for(const t of n){if(t.classList.contains("semanticform")||!t.id)continue;const n=t.getAttribute("type");if(a.includes(t.nodeName)||o.includes(n)){let a=t.parentNode;for(;a&&"DL"!==a.nodeName;)a=a.parentNode;if(!a)continue;a.classList.contains("floatLabelForm")||a.classList.add("floatLabelForm");const o=!t.parentNode.parentNode.id||"checkbox"!==n&&"radio"!==n?document.querySelector("label[for="+t.id.replace(/\./g,"\\.")+"]"):document.querySelector("label[data-for="+t.parentNode.parentNode.id.replace(/\./g,"\\.")+"]");if(o||console.error(`semantic-forms: Found an input (${t.id||t.getAttribute("name")}) without a properly associated label. Make sure there is a label for it and the label has a matching "for" attribute.`),t.classList.add("semanticform"),"checkbox"===n||"radio"===n){let e=t.parentNode;for(;e&&"DD"!==e.nodeName;)e=e.parentNode;if(!e){console.error(`semantic-forms: Found an input (${t.id||t.getAttribute("name")}) that is not inside a <dd> element.`);continue}if("LABEL"!==e.firstChild.nodeName){const a=document.createElement("label");if(a.className="floatLabelFormAnimatedLabel","checkbox"===n&&"DD"===t.parentNode.nodeName&&(a.setAttribute("for",t.id),t.parentNode.classList.add("singleCheckbox"),a.className="",o.setAttribute("hidden","hidden"),s(a,t)),"radio"===n&&"DD"===t.parentNode.nodeName&&(a.setAttribute("for",t.id),t.parentNode.classList.add("singleRadio"),a.className="",o.setAttribute("hidden","hidden"),s(a,t)),a.innerHTML=o.innerHTML,o.hasAttribute("title")&&null!==o.getAttribute("data-show-help-icon")&&!o.querySelector("span.help")){const e=o.getAttribute("title");o.innerHTML+=` <span title="${e}" class="help">${r}</span>`,a.innerHTML+=` <span title="${e}" class="help">${r}</span>`}if(e.querySelector(":required")&&null===o.getAttribute("data-no-asterisk")&&!o.querySelector("span.required")){const e=o.getAttribute("data-asterisk-text")||"This field is required.";o.innerHTML+=` <span title="${e}" class="required">*</span>`,a.innerHTML+=` <span title="${e}" class="required">*</span>`}e.querySelector("label")||e.append(a)}"DIV"===e.parentElement.nodeName&&e.parentElement.remove();const i=document.createElement("div");i.append(o.closest("dt"),e),a.append(i)}else{const e=document.createElement("label");if(e.setAttribute("for",t.id),e.className="floatLabelFormAnimatedLabel",e.innerHTML=o.innerHTML,t.hasAttribute("title")&&null!==o.getAttribute("data-show-help-icon")&&!o.querySelector("span.help")){const a=t.getAttribute("title");e.innerHTML+=` <span title="${a}" class="help">${r}</span>`}if(t.hasAttribute("required")&&null===o.getAttribute("data-no-asterisk")&&!o.querySelector("span.required")){const t=o.getAttribute("data-asterisk-text")||"This field is required.";e.innerHTML+=` <span title="${t}" class="required">*</span>`}o.setAttribute("hidden","hidden"),s(e,t)}if("checkbox"!==n&&"radio"!==n){t.getAttribute("placeholder")||t.setAttribute("placeholder"," ");const e=document.createElement("div"),r=o.closest("dt"),d=t.closest("dd");if(!r){console.error(`semantic-forms: Found an input (${t.id||t.getAttribute("name")}) that does not have a corresponding <dt> element.`);continue}if(!d){console.error(`semantic-forms: Found an input (${t.id||t.getAttribute("name")}) that does not have a corresponding <dd> element.`);continue}if("SELECT"!==t.nodeName&&"range"!==n){const e=document.createElement("button");e.type="button",e.title=t.getAttribute("data-clear-field-text")||"Clear field",e.ariaLabel=t.getAttribute("data-clear-field-text")||"Clear field",e.tabIndex=-1,e.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" />',e.classList.add("clear"),e.id=`semanticFormsClearButton_${t.id}`,e.addEventListener("click",()=>{t.previousValue=t.value,t.value="",t.focus(),l=t.id,t.dispatchEvent(new Event("input",{bubbles:!0}))}),s(e,d.querySelector("label"))}if(t.addEventListener("focus",e=>{"INPUT"===e.target.nodeName&&(i=e.target)}),/colspan-/.test(d.className)){const t=d.className.match(/colspan-([0-9]|full)/)[0];d.classList.remove(t),e.classList.add(t)}e.append(r,d),a.append(e),"none"===r.style.display&&"none"===d.style.display&&(e.style.display="none")}if("file"===n){const e=t.parentElement.querySelector(".clear");t.addEventListener("input",t=>{e.style.display=t.target.files.length?"flex":"none"}),e.addEventListener("click",()=>{e.style.display="none"})}if("range"===n&&t.classList.contains("displayValue")){t.parentNode.parentNode.querySelector("dd label").innerHTML+=`<span class="seperator">: </span><output>${t.value}</output>`,t.addEventListener("input",e=>{e.target.parentNode.parentNode.querySelector("output").innerHTML=e.target.value})}if("password"===n&&null===t.getAttribute("data-no-reveal")){const r=document.createElement("button");r.type="button",r.title=t.getAttribute("data-show-password-text")||"Show password",r.ariaLabel=t.getAttribute("data-show-password-text")||"Show password",r.tabIndex=-1,r.innerHTML=e,r.classList.add("show"),r.id=`semanticFormsShowButton_${t.id}`;const a=t.closest("dd");if(!a){console.error(`semantic-forms: Found an input (${t.id||t.getAttribute("name")}) that is not inside a <dd> element.`);continue}r.addEventListener("click",()=>{"password"===t.type?(r.innerHTML='<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>',r.title=t.getAttribute("data-hide-password-text")||"Hide password",r.ariaLabel=t.getAttribute("data-hide-password-text")||"Hide password",t.type="text"):(r.innerHTML=e,r.title=t.getAttribute("data-show-password-text")||"Show password",r.ariaLabel=t.getAttribute("data-show-password-text")||"Show password",t.type="password"),t.focus()}),s(r,a.querySelector("label"))}if("TEXTAREA"===t.nodeName){if(null===t.getAttribute("data-disable-autosize")){t.style.setProperty("resize","none"),t.style.setProperty("min-height","0"),t.style.setProperty("max-height","none"),t.style.setProperty("height","auto");const e=()=>{let e=t.getAttribute("data-max-rows");e&&(isNaN(e)||Number(e)<=0)&&(console.warn(`An invalid value was passed to the "data-max-rows" attribute. This value will be ignored.\n\nProvided value: ${t.getAttribute("data-max-rows")}`),e=null);const r=t.getAttribute("data-max-rows")&&Number(t.getAttribute("data-max-rows"))<5?t.getAttribute("data-max-rows"):"5";t.setAttribute("rows",r);const a=window.getComputedStyle(t),o=parseFloat(a["padding-left"])+parseFloat(a["padding-right"]),n=parseFloat(a["border-left-width"])+parseFloat(a["border-right-width"]);t.style.setProperty("overflow","hidden","important"),t.style.setProperty("width",parseFloat(a.width)-o-n+"px"),t.style.setProperty("box-sizing","content-box"),t.style.setProperty("padding-inline","0"),t.style.setProperty("border-width","0");const s=parseFloat(a["padding-top"])+parseFloat(a["padding-bottom"]),i="normal"===a["line-height"]?parseFloat(a.height):parseFloat(a["line-height"]),l=Math.round(t.scrollHeight);t.style.removeProperty("width"),t.style.removeProperty("box-sizing"),t.style.removeProperty("padding-inline"),t.style.removeProperty("border-width"),t.style.removeProperty("overflow");const d=Math.round((l-s)/i);e?t.setAttribute("rows",""+Math.min(d,Number(e))):t.setAttribute("rows",""+d)};t.addEventListener("input",e),t.dispatchEvent(new Event("input",{bubbles:!0}))}const e=()=>{const e=t.parentElement?.querySelector("button.clear");e&&(e.style.marginRight=t.clientHeight<t.scrollHeight?"15px":"")};t.addEventListener("input",e),t.addEventListener("mouseup",e),e()}}}}function s(e,t){t.nextSibling?t.parentNode.insertBefore(e,t.nextSibling):t.parentNode.appendChild(e)}let i,l;document.addEventListener("keydown",e=>{!e.ctrlKey&&!e.metaKey||"z"!==e.key||e.shiftKey?(e.ctrlKey&&"y"===e.key||e.metaKey&&e.shiftKey&&"z"===e.key)&&i&&(i?.parentNode?.querySelector("button.clear").id!==`semanticFormsClearButton_${l}`&&i?.parentNode?.querySelector("button.clear").name!==`semanticFormsClearButton_${l}`||i.redoValue&&(i.previousValue=i.value,i.value=i.redoValue)):i&&(i?.parentNode?.querySelector("button.clear").id!==`semanticFormsClearButton_${l}`&&i?.parentNode?.querySelector("button.clear").name!==`semanticFormsClearButton_${l}`||i.previousValue&&(i.redoValue=i.value,i.value=i.previousValue))}),window.semanticFormsObserver||(window.semanticFormsObserver=new window.MutationObserver(e=>{let r=!1;for(const a of e){for(const e of a.addedNodes)("FORM"===e.nodeName||e?.querySelector?.("form"))&&(t(),r=!0);if(r)break}}),window.semanticFormsObserver.observe(document.body,{attributes:!1,childList:!0,characterData:!1,subtree:!0})),t.reinitialize=e=>{e.classList.remove("semanticFormsActive"),t()}};e.exports=t}},t={};var r=function r(a){var o=t[a];if(void 0!==o)return o.exports;var n=t[a]={exports:{}};return e[a](n,n.exports,r),n.exports}(90);export{r as default};
 //# sourceMappingURL=semantic-forms.min.mjs.map