npm - @aquera/nile-elements - Versions diffs - 0.1.59-beta-1.1 → 0.1.59 - Mend

@aquera/nile-elements 0.1.59-beta-1.1 → 0.1.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/README.md +2 -6
package/demo/index.html +33 -150
package/dist/index.js +4 -5
package/dist/internal/form.cjs.js +1 -1
package/dist/internal/form.cjs.js.map +1 -1
package/dist/internal/form.esm.js +1 -1
package/dist/nile-option/nile-option.cjs.js +1 -1
package/dist/nile-option/nile-option.cjs.js.map +1 -1
package/dist/nile-option/nile-option.css.cjs.js +1 -1
package/dist/nile-option/nile-option.css.cjs.js.map +1 -1
package/dist/nile-option/nile-option.css.esm.js +1 -1
package/dist/nile-option/nile-option.esm.js +2 -2
package/dist/nile-virtual-select/renderer.cjs.js +1 -1
package/dist/nile-virtual-select/renderer.cjs.js.map +1 -1
package/dist/nile-virtual-select/renderer.esm.js +0 -1
package/dist/src/internal/form.js +2 -2
package/dist/src/internal/form.js.map +1 -1
package/dist/src/nile-option/nile-option.css.js +1 -1
package/dist/src/nile-option/nile-option.css.js.map +1 -1
package/dist/src/nile-option/nile-option.d.ts +0 -3
package/dist/src/nile-option/nile-option.js +0 -14
package/dist/src/nile-option/nile-option.js.map +1 -1
package/dist/src/nile-virtual-select/renderer.js +0 -1
package/dist/src/nile-virtual-select/renderer.js.map +1 -1
package/dist/tsconfig.tsbuildinfo +1 -1
package/package.json +1 -1
package/src/internal/form.ts +2 -2
package/src/nile-option/nile-option.css.ts +1 -1
package/src/nile-option/nile-option.ts +0 -12
package/src/nile-virtual-select/renderer.ts +0 -1
package/vscode-html-custom-data.json +1 -6

package/README.md CHANGED Viewed

@@ -79,8 +79,8 @@ To run a local development server that serves the basic demo located in `demo/in
 In this section, you can find the updates for each release of `nile-elements`. It's a good practice to maintain detailed release notes to help users and developers understand what changes have been made from one version to another and how these changes might affect their projects.
-#### Version 0.1.59-beta-1.0
-- Nile Virtual Select: Defect fixes
+#### Version 0.1.59
+- Nile Select: Virtual scroll feature added [UIF-734]
 #### Version 0.1.58
 - Nile Table: Column resize feature added [UIF-889]
@@ -103,10 +103,6 @@ In this section, you can find the updates for each release of `nile-elements`. I
 #### Version 0.1.53
 - Nile Code Editor: Tab Completion, Custom Icon Support, and Suggestion Styling [UIF-887]
-#### Version 0.1.52-beta-1.2
-- Nile virtual Select: Virtual select feature added
-- Dependency Nile 0.3.71-beta-1.2
 #### Version 0.1.51
 - Icon Addition: column-add icon is added [UIF-874]

package/demo/index.html CHANGED Viewed

@@ -1,156 +1,39 @@
 <!DOCTYPE html>
 <html lang="en-GB">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="stylesheet" href="variables_v2.css" id="stylesheet" />
-    <link rel="stylesheet" href="index.css" />
-    <script type="module" src="index.js"></script>
-  </head>
-  <style>
-    .component-viewer {
-      margin: 200px;
-    }
-  </style>
-  <body>
-    <div class="component-viewer">
-      <div>Virtual Select - Basic String</div>
-      <nile-select
-        class="virtual-scroll-string"
-        placeholder="Please Select"
-        searchEnabled="true"
-        enableVirtualScroll="true"
-      >
-      </nile-select>
-      <br />
-      <div>Virtual Select - Basic Object</div>
-      <nile-select
-        class="virtual-scroll"
-        placeholder="Please Select"
-        searchEnabled="true"
-        enableVirtualScroll="true"
-      >
-      </nile-select>
-      <br />
-      <nile-select
-        multiple
-        class="virtual-scroll-multiple"
-        placeholder="Please Select"
-        searchEnabled="true"
-        enableVirtualScroll="true"
-      >
-      </nile-select>
-      <br />
-      <nile-divider></nile-divider>
-      <br />
-      <div>Virtual Select - Enhanced (renderItemConfig)</div>
-      <nile-select
-        class="virtual-scroll-enhanced"
-        placeholder="Please Select"
-        searchEnabled="true"
-        enableVirtualScroll="true"
-      >
-      </nile-select>
-      <br />
-      <nile-select
-        multiple
-        class="virtual-scroll-enhanced-multiple"
-        placeholder="Please Select"
-        searchEnabled="true"
-        enableVirtualScroll="true"
-      >
-      </nile-select>
-      <br />
-      <nile-divider></nile-divider>
-      <br />
-      <div>Virtual Select - Complex Data Structure</div>
-      <nile-select
-        class="virtual-scroll-complex"
-        placeholder="Please Select"
-        searchEnabled="true"
-        enableVirtualScroll="true"
-      >
-      </nile-select>
+<head>
+  <meta charset="utf-8" />
+  <link rel="stylesheet" href="variables_v2.css" id="stylesheet" />
+  <link rel="stylesheet" href="index.css" />
+  <script type="module" src="index.js"></script>
+</head>
+<style>
+  .flex-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 30px;
+    padding: 0;
+    margin: 0;
+    border: 1px solid silver;
+    height: 900px;
+  }
+  nile-button {
+    flex: 0 0 auto;
+    height: 38px;
+  }
+</style>
+<body>
+    <div style="padding: 30px;">
+        <nile-progress-bar value="80"></nile-progress-bar>
     </div>
-    <script>
-      // Basic Array of String example
-      const optionsString = Array.from({ length: 1000 }, (_, i) => `Option ${i + 1}`);
-      const basicString = document.querySelector('nile-select.virtual-scroll-string');
-      basicString.data = optionsString;
-      // Basic data structure
-      const options = Array.from({ length: 1000 }, (_, i) => ({
-        value: `option-${i + 1}`,
-        label: `Option ${i + 1}`,
-      }));
-      // Enhanced data structure with more fields
-      const enhancedOptions = Array.from({ length: 1000 }, (_, i) => ({
-        id: i + 1,
-        firstName: `User${i + 1}`,
-        lastName: `Name${i + 1}`,
-        email: `user${i + 1}@example.com`,
-        department: `Dept${Math.floor(i / 100) + 1}`,
-        displayName: `User${i + 1} Name${i + 1}`,
-        value: `user-${i + 1}`
-      }));
-      // Complex data structure
-      const complexOptions = Array.from({ length: 1000 }, (_, i) => ({
-        code: `CODE-${String(i + 1).padStart(3, '0')}`,
-        name: `Product ${i + 1}`,
-        category: `Category ${Math.floor(i / 50) + 1}`,
-        description: `This is a detailed description for product ${i + 1}`,
-        price: Math.floor(Math.random() * 1000) + 100,
-        value: `product-${i + 1}`
-      }));
-      // Basic example
-      const e = document.querySelector('nile-select.virtual-scroll');
-      e.data = options;
-      const me = document.querySelector('nile-select.virtual-scroll-multiple');
-      me.renderItemConfig = {
-        getDisplayText: (item) => item.label
-      };
-      me.data = options;
-      me.value = ['option-2', 'option-4'];
-      // Enhanced examples using renderItemConfig (new way)
-      const enhanced = document.querySelector('nile-select.virtual-scroll-enhanced');
-      enhanced.renderItemConfig = {
-        getDisplayText: (item) => `${item.firstName} ${item.lastName}`,
-        getValue: (item) => item.value,
-        getSearchText: (item) => `${item.firstName} ${item.lastName} ${item.email} ${item.department}`
-      };
-      enhanced.data = enhancedOptions;
-      const enhancedMultiple = document.querySelector('nile-select.virtual-scroll-enhanced-multiple');
-      enhancedMultiple.renderItemConfig = {
-        getDisplayText: (item) => `${item.firstName} ${item.lastName}`,
-        getValue: (item) => item.value,
-        getSearchText: (item) => `${item.firstName} ${item.lastName} ${item.email} ${item.department}`
-      };
-      enhancedMultiple.data = enhancedOptions;
-      enhancedMultiple.value = ['user-2', 'user-4', 'user-6'];
+    <div style="padding: 30px;">
+        <nile-circular-progressbar content="text"></nile-circular-progressbar>
+<nile-circular-progressbar value="80" size="60"></nile-circular-progressbar>
+<nile-circular-progressbar></nile-circular-progressbar>
+<nile-circular-progressbar value="30" content=" "></nile-circular-progressbar>
+    </div>
+</body>
-      // Complex example with different display, value, and search text
-      const complex = document.querySelector('nile-select.virtual-scroll-complex');
-      complex.renderItemConfig = {
-        getDisplayText: (item) => `${item.name} (${item.code}) - $${item.price}`,
-        getValue: (item) => item.value,
-        getSearchText: (item) => `${item.name} ${item.category} ${item.description}`
-      };
-      complex.data = complexOptions;
-    </script>
-  </body>
 </html>

package/dist/index.js CHANGED Viewed

@@ -110,7 +110,7 @@ const Te=1,Oe=2,ye=3,de=4,he=e=>(...t)=>({_$litDirective$:e,values:t});let Ae=cl
     .nds-icon--push {
       margin-right: 12px;
     }
-  `,e([ge({type:String,reflect:!0})],we.prototype,"set",void 0),e([ge({type:String,reflect:!0})],we.prototype,"name",void 0),e([ge({type:String,reflect:!0})],we.prototype,"description",void 0),e([ge({type:String,reflect:!0})],we.prototype,"method",void 0),e([ge({type:String})],we.prototype,"customSvgPath",void 0),e([ge({type:String,reflect:!0})],we.prototype,"size",void 0),e([je()],we.prototype,"_svg",void 0),e([ge({type:String})],we.prototype,"title",void 0),e([ge({reflect:!0})],we.prototype,"color",void 0),e([ge({type:Boolean})],we.prototype,"push",void 0),e([ge({reflect:!0})],we.prototype,"frame",void 0),we=e([ae("nile-icon")],we);const me=new WeakMap,Ue=new WeakMap,Ce=new WeakSet,be=new WeakMap;class fe{constructor(e,t){(this.host=e).addController(this),this.options={form:e=>{if(e.hasAttribute("form")&&""!==e.getAttribute("form")){const t=e.getRootNode(),M=e.getAttribute("form");if(M)return t.getElementById(M)}return e.closest("form")},name:e=>e.name,value:e=>e.value,defaultValue:e=>e.defaultValue,disabled:e=>e.disabled??!1,reportValidity:e=>"function"!=typeof e.reportValidity||e.reportValidity(),setValue:(e,t)=>e.value=t,assumeInteractionOn:["nile-input"],...t},this.handleFormData=this.handleFormData.bind(this),this.handleFormSubmit=this.handleFormSubmit.bind(this),this.handleFormReset=this.handleFormReset.bind(this),this.reportFormValidity=this.reportFormValidity.bind(this),this.handleInteraction=this.handleInteraction.bind(this)}hostConnected(){const e=this.options?.form(this.host);e&&this.attachForm(e),be.set(this.host,[]),this.options?.assumeInteractionOn.forEach((e=>{this.host.addEventListener(e,this.handleInteraction)}))}hostDisconnected(){this.detachForm(),be.delete(this.host),this.options.assumeInteractionOn.forEach((e=>{this.host.removeEventListener(e,this.handleInteraction)}))}hostUpdated(){const e=this.options.form(this.host);e||this.detachForm(),e&&this.form!==e&&(this.detachForm(),this.attachForm(e)),this.host.hasUpdated&&this.setValidity(this.host.validity.valid)}attachForm(e){e?(this.form=e,me.has(this.form)?me.get(this.form).add(this.host):me.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),Ue.has(this.form)||(Ue.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity())):this.form=void 0}detachForm(){this.form&&(me.get(this.form)?.delete(this.host),this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),Ue.has(this.form)&&(this.form.reportValidity=Ue.get(this.form),Ue.delete(this.form))),this.form=void 0}handleFormData(e){const t=this.options.disabled(this.host),M=this.options.name(this.host),i=this.options.value(this.host),N="nile-button"===this.host.tagName.toLowerCase();!t&&!N&&"string"==typeof M&&M.length>0&&void 0!==i&&(Array.isArray(i)?i.forEach((t=>{e.formData.append(M,t.toString())})):e.formData.append(M,i.toString()))}handleFormSubmit(e){const t=this.options.disabled(this.host),M=this.options.reportValidity;this.form&&!this.form.noValidate&&me.get(this.form)?.forEach((e=>{this.setUserInteracted(e,!0)})),!this.form||this.form.noValidate||t||M(this.host)||(e.preventDefault(),e.stopImmediatePropagation())}handleFormReset(){this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),be.set(this.host,[])}handleInteraction(e){const t=be.get(this.host);t.includes(e.type)||t.push(e.type),t.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0)}reportFormValidity(){if(this.form&&!this.form.noValidate){const e=this.form.querySelectorAll("*");for(const t of e)if("function"==typeof t.reportValidity&&!t.reportValidity())return!1}return!0}setUserInteracted(e,t){t?Ce.add(e):Ce.delete(e),e.requestUpdate()}doAction(e,t){if(this.form){const M=document.createElement("button");M.type=e,M.style.position="absolute",M.style.width="0",M.style.height="0",M.style.clipPath="inset(50%)",M.style.overflow="hidden",M.style.whiteSpace="nowrap",t&&(M.name=t.name,M.value=t.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach((e=>{t.hasAttribute(e)&&M.setAttribute(e,t.getAttribute(e))}))),this.form.append(M),M.click(),M.remove()}}getForm(){return this.form??null}reset(e){this.doAction("reset",e)}submit(e){this.doAction("submit",e)}setValidity(e){const t=this.host,M=Boolean(Ce.has(t)),i=Boolean(t.required);t.toggleAttribute("data-required",i),t.toggleAttribute("data-optional",!i),t.toggleAttribute("data-invalid",!e),t.toggleAttribute("data-valid",e),t.toggleAttribute("data-user-invalid",!e&&M),t.toggleAttribute("data-user-valid",e&&M)}updateValidity(){const e=this.host;this.setValidity(e.validity.valid)}emitInvalidEvent(e){const t=new CustomEvent("nile-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});e||t.preventDefault(),this.host.dispatchEvent(t)||e?.preventDefault()}}const Ye=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1});Object.freeze({...Ye,valid:!1,valueMissing:!0}),Object.freeze({...Ye,valid:!1,customError:!0});let ve=class{constructor(e,...t){this.slotNames=[],(this.host=e).addController(this),this.slotNames=t,this.handleSlotChange=this.handleSlotChange.bind(this)}hasDefaultSlot(){return[...this.host.childNodes].some((e=>{if(e.nodeType===e.TEXT_NODE&&""!==e.textContent.trim())return!0;if(e.nodeType===e.ELEMENT_NODE){const t=e;if("nile-visually-hidden"===t.tagName.toLowerCase())return!1;if(!t.hasAttribute("slot"))return!0}return!1}))}hasNamedSlot(e){return null!==this.host.querySelector(`:scope > [slot="${e}"]`)}test(e){return"[default]"===e?this.hasDefaultSlot():this.hasNamedSlot(e)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}handleSlotChange(e){const t=e.target;(this.slotNames.includes("[default]")&&!t.name||t.name&&this.slotNames.includes(t.name))&&this.host.requestUpdate()}};
+  `,e([ge({type:String,reflect:!0})],we.prototype,"set",void 0),e([ge({type:String,reflect:!0})],we.prototype,"name",void 0),e([ge({type:String,reflect:!0})],we.prototype,"description",void 0),e([ge({type:String,reflect:!0})],we.prototype,"method",void 0),e([ge({type:String})],we.prototype,"customSvgPath",void 0),e([ge({type:String,reflect:!0})],we.prototype,"size",void 0),e([je()],we.prototype,"_svg",void 0),e([ge({type:String})],we.prototype,"title",void 0),e([ge({reflect:!0})],we.prototype,"color",void 0),e([ge({type:Boolean})],we.prototype,"push",void 0),e([ge({reflect:!0})],we.prototype,"frame",void 0),we=e([ae("nile-icon")],we);const me=new WeakMap,Ue=new WeakMap,Ce=new WeakSet,be=new WeakMap;class fe{constructor(e,t){(this.host=e).addController(this),this.options={form:e=>{if(e.hasAttribute("form")&&""!==e.getAttribute("form")){const t=e.getRootNode(),M=e.getAttribute("form");if(M)return t.getElementById(M)}return e.closest("form")},name:e=>e.name,value:e=>e.value,defaultValue:e=>e.defaultValue,disabled:e=>e.disabled??!1,reportValidity:e=>"function"!=typeof e.reportValidity||e.reportValidity(),setValue:(e,t)=>e.value=t,assumeInteractionOn:["nile-input"],...t},this.handleFormData=this.handleFormData.bind(this),this.handleFormSubmit=this.handleFormSubmit.bind(this),this.handleFormReset=this.handleFormReset.bind(this),this.reportFormValidity=this.reportFormValidity.bind(this),this.handleInteraction=this.handleInteraction.bind(this)}hostConnected(){const e=this.options.form(this.host);e&&this.attachForm(e),be.set(this.host,[]),this.options.assumeInteractionOn.forEach((e=>{this.host.addEventListener(e,this.handleInteraction)}))}hostDisconnected(){this.detachForm(),be.delete(this.host),this.options.assumeInteractionOn.forEach((e=>{this.host.removeEventListener(e,this.handleInteraction)}))}hostUpdated(){const e=this.options.form(this.host);e||this.detachForm(),e&&this.form!==e&&(this.detachForm(),this.attachForm(e)),this.host.hasUpdated&&this.setValidity(this.host.validity.valid)}attachForm(e){e?(this.form=e,me.has(this.form)?me.get(this.form).add(this.host):me.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),Ue.has(this.form)||(Ue.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity())):this.form=void 0}detachForm(){this.form&&(me.get(this.form)?.delete(this.host),this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),Ue.has(this.form)&&(this.form.reportValidity=Ue.get(this.form),Ue.delete(this.form))),this.form=void 0}handleFormData(e){const t=this.options.disabled(this.host),M=this.options.name(this.host),i=this.options.value(this.host),N="nile-button"===this.host.tagName.toLowerCase();!t&&!N&&"string"==typeof M&&M.length>0&&void 0!==i&&(Array.isArray(i)?i.forEach((t=>{e.formData.append(M,t.toString())})):e.formData.append(M,i.toString()))}handleFormSubmit(e){const t=this.options.disabled(this.host),M=this.options.reportValidity;this.form&&!this.form.noValidate&&me.get(this.form)?.forEach((e=>{this.setUserInteracted(e,!0)})),!this.form||this.form.noValidate||t||M(this.host)||(e.preventDefault(),e.stopImmediatePropagation())}handleFormReset(){this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),be.set(this.host,[])}handleInteraction(e){const t=be.get(this.host);t.includes(e.type)||t.push(e.type),t.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0)}reportFormValidity(){if(this.form&&!this.form.noValidate){const e=this.form.querySelectorAll("*");for(const t of e)if("function"==typeof t.reportValidity&&!t.reportValidity())return!1}return!0}setUserInteracted(e,t){t?Ce.add(e):Ce.delete(e),e.requestUpdate()}doAction(e,t){if(this.form){const M=document.createElement("button");M.type=e,M.style.position="absolute",M.style.width="0",M.style.height="0",M.style.clipPath="inset(50%)",M.style.overflow="hidden",M.style.whiteSpace="nowrap",t&&(M.name=t.name,M.value=t.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach((e=>{t.hasAttribute(e)&&M.setAttribute(e,t.getAttribute(e))}))),this.form.append(M),M.click(),M.remove()}}getForm(){return this.form??null}reset(e){this.doAction("reset",e)}submit(e){this.doAction("submit",e)}setValidity(e){const t=this.host,M=Boolean(Ce.has(t)),i=Boolean(t.required);t.toggleAttribute("data-required",i),t.toggleAttribute("data-optional",!i),t.toggleAttribute("data-invalid",!e),t.toggleAttribute("data-valid",e),t.toggleAttribute("data-user-invalid",!e&&M),t.toggleAttribute("data-user-valid",e&&M)}updateValidity(){const e=this.host;this.setValidity(e.validity.valid)}emitInvalidEvent(e){const t=new CustomEvent("nile-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});e||t.preventDefault(),this.host.dispatchEvent(t)||e?.preventDefault()}}const Ye=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1});Object.freeze({...Ye,valid:!1,valueMissing:!0}),Object.freeze({...Ye,valid:!1,customError:!0});let ve=class{constructor(e,...t){this.slotNames=[],(this.host=e).addController(this),this.slotNames=t,this.handleSlotChange=this.handleSlotChange.bind(this)}hasDefaultSlot(){return[...this.host.childNodes].some((e=>{if(e.nodeType===e.TEXT_NODE&&""!==e.textContent.trim())return!0;if(e.nodeType===e.ELEMENT_NODE){const t=e;if("nile-visually-hidden"===t.tagName.toLowerCase())return!1;if(!t.hasAttribute("slot"))return!0}return!1}))}hasNamedSlot(e){return null!==this.host.querySelector(`:scope > [slot="${e}"]`)}test(e){return"[default]"===e?this.hasDefaultSlot():this.hasNamedSlot(e)}hostConnected(){this.host.shadowRoot.addEventListener("slotchange",this.handleSlotChange)}hostDisconnected(){this.host.shadowRoot.removeEventListener("slotchange",this.handleSlotChange)}handleSlotChange(e){const t=e.target;(this.slotNames.includes("[default]")&&!t.name||t.name&&this.slotNames.includes(t.name))&&this.host.requestUpdate()}};
 /**
  * @license
  * Copyright 2018 Google LLC
@@ -4342,7 +4342,6 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
       <nile-option
         value=${r}
         .selected=${l}
-        .multiple=${i}
         .disabled=${a}
         .showCheckbox=${i}
       >
@@ -4861,7 +4860,7 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
   }
   .option--single-select {
-    padding: 8px 12px;
+    padding: 9px 12px;
   }
   .option--hover:not(.option--current):not(.option--disabled) {
@@ -4930,7 +4929,7 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
       outline-offset: -1px;
     }
   }
-`;let uN=class extends Pe{constructor(){super(...arguments),this.current=!1,this.hasHover=!1,this.hidden=!1,this.isMultipleSelect=!1,this.value="",this.showCheckbox=!1,this.disabled=!1,this.multiple=!1,this.selected=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false");const e=this.closest("nile-select")||this.closest("nile-virtual-select");if(e&&e.hasAttribute("multiple")){let t=e.getAttribute("multiple");"false"!==t&&(""===t&&(t="true"),this.isMultipleSelect=Boolean(t))}this.multiple&&(this.isMultipleSelect=!0)}updated(e){e.has("showCheckbox")&&(this.isMultipleSelect=this.showCheckbox)}handleDefaultSlotChange(){const e=this.getTextLabel();void 0!==this.cachedTextLabel?e!==this.cachedTextLabel&&(this.cachedTextLabel=e,this.emit("slotchange")):this.cachedTextLabel=e}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleMultipleChange(){this.isMultipleSelect=this.multiple}handleValueChange(){"string"!=typeof this.value&&(this.value=String(this.value))}getTextLabel(){const e=this.querySelector("label");return e?e.textContent?.trim()??"":(this.textContent??"").trim()}render(){return R`
+`;let uN=class extends Pe{constructor(){super(...arguments),this.current=!1,this.hasHover=!1,this.hidden=!1,this.isMultipleSelect=!1,this.value="",this.showCheckbox=!1,this.disabled=!1,this.selected=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false");const e=this.closest("nile-select")||this.closest("nile-virtual-select");if(e&&e.hasAttribute("multiple")){let t=e.getAttribute("multiple");"false"!==t&&(""===t&&(t="true"),this.isMultipleSelect=Boolean(t))}}updated(e){e.has("showCheckbox")&&(this.isMultipleSelect=this.showCheckbox)}handleDefaultSlotChange(){const e=this.getTextLabel();void 0!==this.cachedTextLabel?e!==this.cachedTextLabel&&(this.cachedTextLabel=e,this.emit("slotchange")):this.cachedTextLabel=e}handleMouseEnter(){this.hasHover=!0}handleMouseLeave(){this.hasHover=!1}handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false")}handleSelectedChange(){this.setAttribute("aria-selected",this.selected?"true":"false")}handleValueChange(){"string"!=typeof this.value&&(this.value=String(this.value))}getTextLabel(){const e=this.querySelector("label");return e?e.textContent?.trim()??"":(this.textContent??"").trim()}render(){return R`
       ${this.hidden?"":R` <div
             part="base"
             class=${Le({option:!0,"option--single-select":!this.isMultipleSelect,"option--current":this.selected&&!this.isMultipleSelect,"option--disabled":this.disabled,"option--selected":this.selected&&!this.isMultipleSelect,"option--hover":this.hasHover})}
@@ -4948,7 +4947,7 @@ class Hi{constructor(e){this._element=null;const t=e??window;this._node=t,e&&(th
             ></slot>
             <slot part="suffix" name="suffix" class="option__suffix"></slot>
           </div>`}
-    `}};uN.styles=lN,e([ze(".option__label")],uN.prototype,"defaultSlot",void 0),e([je()],uN.prototype,"current",void 0),e([je()],uN.prototype,"hasHover",void 0),e([je()],uN.prototype,"hidden",void 0),e([je()],uN.prototype,"isMultipleSelect",void 0),e([ge({reflect:!0})],uN.prototype,"value",void 0),e([ge({type:Boolean})],uN.prototype,"showCheckbox",void 0),e([ge({type:Boolean,reflect:!0})],uN.prototype,"disabled",void 0),e([ge({type:Boolean,reflect:!0})],uN.prototype,"multiple",void 0),e([ge({type:Boolean,reflect:!0})],uN.prototype,"selected",void 0),e([Ve("disabled")],uN.prototype,"handleDisabledChange",null),e([Ve("selected")],uN.prototype,"handleSelectedChange",null),e([Ve("multiple")],uN.prototype,"handleMultipleChange",null),e([Ve("value")],uN.prototype,"handleValueChange",null),uN=e([ae("nile-option")],uN);const gN=s`
+    `}};uN.styles=lN,e([ze(".option__label")],uN.prototype,"defaultSlot",void 0),e([je()],uN.prototype,"current",void 0),e([je()],uN.prototype,"hasHover",void 0),e([je()],uN.prototype,"hidden",void 0),e([je()],uN.prototype,"isMultipleSelect",void 0),e([ge({reflect:!0})],uN.prototype,"value",void 0),e([ge({type:Boolean})],uN.prototype,"showCheckbox",void 0),e([ge({type:Boolean,reflect:!0})],uN.prototype,"disabled",void 0),e([ge({type:Boolean,reflect:!0})],uN.prototype,"selected",void 0),e([Ve("disabled")],uN.prototype,"handleDisabledChange",null),e([Ve("selected")],uN.prototype,"handleSelectedChange",null),e([Ve("value")],uN.prototype,"handleValueChange",null),uN=e([ae("nile-option")],uN);const gN=s`
   :host {
     box-sizing: border-box;
   }

package/dist/internal/form.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register([],function(_export,_context){"use strict";var t,i,s,h,e,o;function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}function _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var _n=0,F=function F(){};return{s:F,n:function n(){return _n>=r.length?{done:!0}:{done:!1,value:r[_n++]};},e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t["return"]||t["return"]();}finally{if(u)throw o;}}};}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e;}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}return{setters:[],execute:function execute(){t=new WeakMap(),i=new WeakMap(),s=new WeakSet(),h=new WeakMap();_export("F",e=/*#__PURE__*/function(){function e(t,i){_classCallCheck(this,e);(this.host=t).addController(this),this.options=_objectSpread({form:function form(t){if(t.hasAttribute("form")&&""!==t.getAttribute("form")){var _i=t.getRootNode(),_s=t.getAttribute("form");if(_s)return _i.getElementById(_s);}return t.closest("form");},name:function name(t){return t.name;},value:function value(t){return t.value;},defaultValue:function defaultValue(t){return t.defaultValue;},disabled:function disabled(t){var _t$disabled;return(_t$disabled=t.disabled)!==null&&_t$disabled!==void 0?_t$disabled:!1;},reportValidity:function reportValidity(t){return"function"!=typeof t.reportValidity||t.reportValidity();},setValue:function setValue(t,i){return t.value=i;},assumeInteractionOn:["nile-input"]},i),this.handleFormData=this.handleFormData.bind(this),this.handleFormSubmit=this.handleFormSubmit.bind(this),this.handleFormReset=this.handleFormReset.bind(this),this.reportFormValidity=this.reportFormValidity.bind(this),this.handleInteraction=this.handleInteraction.bind(this);}return _createClass(e,[{key:"hostConnected",value:function hostConnected(){var _this$options,_this$options2,_this=this;var t=(_this$options=this.options)===null||_this$options===void 0?void 0:_this$options.form(this.host);t&&this.attachForm(t),h.set(this.host,[]),(_this$options2=this.options)===null||_this$options2===void 0?void 0:_this$options2.assumeInteractionOn.forEach(function(t){_this.host.addEventListener(t,_this.handleInteraction);});}},{key:"hostDisconnected",value:function hostDisconnected(){var _this2=this;this.detachForm(),h["delete"](this.host),this.options.assumeInteractionOn.forEach(function(t){_this2.host.removeEventListener(t,_this2.handleInteraction);});}},{key:"hostUpdated",value:function hostUpdated(){var t=this.options.form(this.host);t||this.detachForm(),t&&this.form!==t&&(this.detachForm(),this.attachForm(t)),this.host.hasUpdated&&this.setValidity(this.host.validity.valid);}},{key:"attachForm",value:function attachForm(s){var _this3=this;s?(this.form=s,t.has(this.form)?t.get(this.form).add(this.host):t.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),i.has(this.form)||(i.set(this.form,this.form.reportValidity),this.form.reportValidity=function(){return _this3.reportFormValidity();})):this.form=void 0;}},{key:"detachForm",value:function detachForm(){var _t$get;this.form&&((_t$get=t.get(this.form))!==null&&_t$get!==void 0&&_t$get["delete"](this.host),this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),i.has(this.form)&&(this.form.reportValidity=i.get(this.form),i["delete"](this.form))),this.form=void 0;}},{key:"handleFormData",value:function handleFormData(t){var i=this.options.disabled(this.host),s=this.options.name(this.host),h=this.options.value(this.host),_e="nile-button"===this.host.tagName.toLowerCase();!i&&!_e&&"string"==typeof s&&s.length>0&&void 0!==h&&(Array.isArray(h)?h.forEach(function(i){t.formData.append(s,i.toString());}):t.formData.append(s,h.toString()));}},{key:"handleFormSubmit",value:function handleFormSubmit(i){var _t$get2,_this4=this;var s=this.options.disabled(this.host),h=this.options.reportValidity;this.form&&!this.form.noValidate&&(_t$get2=t.get(this.form))!==null&&_t$get2!==void 0&&_t$get2.forEach(function(t){_this4.setUserInteracted(t,!0);}),!this.form||this.form.noValidate||s||h(this.host)||(i.preventDefault(),i.stopImmediatePropagation());}},{key:"handleFormReset",value:function handleFormReset(){this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),h.set(this.host,[]);}},{key:"handleInteraction",value:function handleInteraction(t){var i=h.get(this.host);i.includes(t.type)||i.push(t.type),i.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0);}},{key:"reportFormValidity",value:function reportFormValidity(){if(this.form&&!this.form.noValidate){var _t=this.form.querySelectorAll("*");var _iterator=_createForOfIteratorHelper(_t),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _i2=_step.value;if("function"==typeof _i2.reportValidity&&!_i2.reportValidity())return!1;}}catch(err){_iterator.e(err);}finally{_iterator.f();}}return!0;}},{key:"setUserInteracted",value:function setUserInteracted(t,i){i?s.add(t):s["delete"](t),t.requestUpdate();}},{key:"doAction",value:function doAction(t,i){if(this.form){var _s2=document.createElement("button");_s2.type=t,_s2.style.position="absolute",_s2.style.width="0",_s2.style.height="0",_s2.style.clipPath="inset(50%)",_s2.style.overflow="hidden",_s2.style.whiteSpace="nowrap",i&&(_s2.name=i.name,_s2.value=i.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach(function(t){i.hasAttribute(t)&&_s2.setAttribute(t,i.getAttribute(t));})),this.form.append(_s2),_s2.click(),_s2.remove();}}},{key:"getForm",value:function getForm(){var _this$form;return(_this$form=this.form)!==null&&_this$form!==void 0?_this$form:null;}},{key:"reset",value:function reset(t){this.doAction("reset",t);}},{key:"submit",value:function submit(t){this.doAction("submit",t);}},{key:"setValidity",value:function setValidity(t){var i=this.host,h=Boolean(s.has(i)),_e2=Boolean(i.required);i.toggleAttribute("data-required",_e2),i.toggleAttribute("data-optional",!_e2),i.toggleAttribute("data-invalid",!t),i.toggleAttribute("data-valid",t),i.toggleAttribute("data-user-invalid",!t&&h),i.toggleAttribute("data-user-valid",t&&h);}},{key:"updateValidity",value:function updateValidity(){var t=this.host;this.setValidity(t.validity.valid);}},{key:"emitInvalidEvent",value:function emitInvalidEvent(t){var i=new CustomEvent("nile-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});t||i.preventDefault(),this.host.dispatchEvent(i)||(t===null||t===void 0?void 0:t.preventDefault());}}]);}());_export("v",o=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1}));Object.freeze(_objectSpread(_objectSpread({},o),{},{valid:!1,valueMissing:!0})),Object.freeze(_objectSpread(_objectSpread({},o),{},{valid:!1,customError:!0}));}};});
+System.register([],function(_export,_context){"use strict";var t,i,s,h,e,o;function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}function _createForOfIteratorHelper(r,e){var t="undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(!t){if(Array.isArray(r)||(t=_unsupportedIterableToArray(r))||e&&r&&"number"==typeof r.length){t&&(r=t);var _n=0,F=function F(){};return{s:F,n:function n(){return _n>=r.length?{done:!0}:{done:!1,value:r[_n++]};},e:function e(r){throw r;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var o,a=!0,u=!1;return{s:function s(){t=t.call(r);},n:function n(){var r=t.next();return a=r.done,r;},e:function e(r){u=!0,o=r;},f:function f(){try{a||null==t["return"]||t["return"]();}finally{if(u)throw o;}}};}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable;})),t.push.apply(t,o);}return t;}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach(function(r){_defineProperty(e,r,t[r]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r));});}return e;}function _defineProperty(e,r,t){return(r=_toPropertyKey(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e;}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}return{setters:[],execute:function execute(){t=new WeakMap(),i=new WeakMap(),s=new WeakSet(),h=new WeakMap();_export("F",e=/*#__PURE__*/function(){function e(t,i){_classCallCheck(this,e);(this.host=t).addController(this),this.options=_objectSpread({form:function form(t){if(t.hasAttribute("form")&&""!==t.getAttribute("form")){var _i=t.getRootNode(),_s=t.getAttribute("form");if(_s)return _i.getElementById(_s);}return t.closest("form");},name:function name(t){return t.name;},value:function value(t){return t.value;},defaultValue:function defaultValue(t){return t.defaultValue;},disabled:function disabled(t){var _t$disabled;return(_t$disabled=t.disabled)!==null&&_t$disabled!==void 0?_t$disabled:!1;},reportValidity:function reportValidity(t){return"function"!=typeof t.reportValidity||t.reportValidity();},setValue:function setValue(t,i){return t.value=i;},assumeInteractionOn:["nile-input"]},i),this.handleFormData=this.handleFormData.bind(this),this.handleFormSubmit=this.handleFormSubmit.bind(this),this.handleFormReset=this.handleFormReset.bind(this),this.reportFormValidity=this.reportFormValidity.bind(this),this.handleInteraction=this.handleInteraction.bind(this);}return _createClass(e,[{key:"hostConnected",value:function hostConnected(){var _this=this;var t=this.options.form(this.host);t&&this.attachForm(t),h.set(this.host,[]),this.options.assumeInteractionOn.forEach(function(t){_this.host.addEventListener(t,_this.handleInteraction);});}},{key:"hostDisconnected",value:function hostDisconnected(){var _this2=this;this.detachForm(),h["delete"](this.host),this.options.assumeInteractionOn.forEach(function(t){_this2.host.removeEventListener(t,_this2.handleInteraction);});}},{key:"hostUpdated",value:function hostUpdated(){var t=this.options.form(this.host);t||this.detachForm(),t&&this.form!==t&&(this.detachForm(),this.attachForm(t)),this.host.hasUpdated&&this.setValidity(this.host.validity.valid);}},{key:"attachForm",value:function attachForm(s){var _this3=this;s?(this.form=s,t.has(this.form)?t.get(this.form).add(this.host):t.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),i.has(this.form)||(i.set(this.form,this.form.reportValidity),this.form.reportValidity=function(){return _this3.reportFormValidity();})):this.form=void 0;}},{key:"detachForm",value:function detachForm(){var _t$get;this.form&&((_t$get=t.get(this.form))!==null&&_t$get!==void 0&&_t$get["delete"](this.host),this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),i.has(this.form)&&(this.form.reportValidity=i.get(this.form),i["delete"](this.form))),this.form=void 0;}},{key:"handleFormData",value:function handleFormData(t){var i=this.options.disabled(this.host),s=this.options.name(this.host),h=this.options.value(this.host),_e="nile-button"===this.host.tagName.toLowerCase();!i&&!_e&&"string"==typeof s&&s.length>0&&void 0!==h&&(Array.isArray(h)?h.forEach(function(i){t.formData.append(s,i.toString());}):t.formData.append(s,h.toString()));}},{key:"handleFormSubmit",value:function handleFormSubmit(i){var _t$get2,_this4=this;var s=this.options.disabled(this.host),h=this.options.reportValidity;this.form&&!this.form.noValidate&&(_t$get2=t.get(this.form))!==null&&_t$get2!==void 0&&_t$get2.forEach(function(t){_this4.setUserInteracted(t,!0);}),!this.form||this.form.noValidate||s||h(this.host)||(i.preventDefault(),i.stopImmediatePropagation());}},{key:"handleFormReset",value:function handleFormReset(){this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),h.set(this.host,[]);}},{key:"handleInteraction",value:function handleInteraction(t){var i=h.get(this.host);i.includes(t.type)||i.push(t.type),i.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0);}},{key:"reportFormValidity",value:function reportFormValidity(){if(this.form&&!this.form.noValidate){var _t=this.form.querySelectorAll("*");var _iterator=_createForOfIteratorHelper(_t),_step;try{for(_iterator.s();!(_step=_iterator.n()).done;){var _i2=_step.value;if("function"==typeof _i2.reportValidity&&!_i2.reportValidity())return!1;}}catch(err){_iterator.e(err);}finally{_iterator.f();}}return!0;}},{key:"setUserInteracted",value:function setUserInteracted(t,i){i?s.add(t):s["delete"](t),t.requestUpdate();}},{key:"doAction",value:function doAction(t,i){if(this.form){var _s2=document.createElement("button");_s2.type=t,_s2.style.position="absolute",_s2.style.width="0",_s2.style.height="0",_s2.style.clipPath="inset(50%)",_s2.style.overflow="hidden",_s2.style.whiteSpace="nowrap",i&&(_s2.name=i.name,_s2.value=i.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach(function(t){i.hasAttribute(t)&&_s2.setAttribute(t,i.getAttribute(t));})),this.form.append(_s2),_s2.click(),_s2.remove();}}},{key:"getForm",value:function getForm(){var _this$form;return(_this$form=this.form)!==null&&_this$form!==void 0?_this$form:null;}},{key:"reset",value:function reset(t){this.doAction("reset",t);}},{key:"submit",value:function submit(t){this.doAction("submit",t);}},{key:"setValidity",value:function setValidity(t){var i=this.host,h=Boolean(s.has(i)),_e2=Boolean(i.required);i.toggleAttribute("data-required",_e2),i.toggleAttribute("data-optional",!_e2),i.toggleAttribute("data-invalid",!t),i.toggleAttribute("data-valid",t),i.toggleAttribute("data-user-invalid",!t&&h),i.toggleAttribute("data-user-valid",t&&h);}},{key:"updateValidity",value:function updateValidity(){var t=this.host;this.setValidity(t.validity.valid);}},{key:"emitInvalidEvent",value:function emitInvalidEvent(t){var i=new CustomEvent("nile-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});t||i.preventDefault(),this.host.dispatchEvent(i)||(t===null||t===void 0?void 0:t.preventDefault());}}]);}());_export("v",o=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1}));Object.freeze(_objectSpread(_objectSpread({},o),{},{valid:!1,valueMissing:!0})),Object.freeze(_objectSpread(_objectSpread({},o),{},{valid:!1,customError:!0}));}};});
 //# sourceMappingURL=form.cjs.js.map

package/dist/internal/form.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form.cjs.js","sources":["../../../src/internal/form.ts"],"sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport type { NileFormControl } from '../internal/nile-element';\nimport type { NileButton } from '../nile-button';\n\n//\n// We store a WeakMap of forms + controls so we can keep references to all Nile controls within a given form. As\n// elements connect and disconnect to/from the DOM, their containing form is used as the key and the form control is\n// added and removed from the form's set, respectively.\n//\nexport const formCollections: WeakMap<HTMLFormElement, Set<NileFormControl>> = new WeakMap();\n\n//\n// We store a WeakMap of reportValidity() overloads so we can override it when form controls connect to the DOM and\n// restore the original behavior when they disconnect.\n//\nconst reportValidityOverloads: WeakMap<HTMLFormElement, () => boolean> = new WeakMap();\n\n//\n// We store a Set of controls that users have interacted with. This allows us to determine the interaction state\n// without littering the DOM with additional data attributes.\n//\nconst userInteractedControls: WeakSet<NileFormControl> = new WeakSet();\n\n//\n// We store a WeakMap of interactions for each form control so we can track when all conditions are met for validation.\n//\nconst interactions = new WeakMap<NileFormControl, string[]>();\n\nexport interface FormControlControllerOptions {\n /** A function that returns the form containing the form control. /\n form: (input: NileFormControl) => HTMLFormElement \| null;\n /* A function that returns the form control's name, which will be submitted with the form data. /\n name: (input: NileFormControl) => string;\n /* A function that returns the form control's current value. /\n value: (input: NileFormControl) => unknown \| unknown[];\n /* A function that returns the form control's default value. /\n defaultValue: (input: NileFormControl) => unknown \| unknown[];\n /* A function that returns the form control's current disabled state. If disabled, the value won't be submitted. /\n disabled: (input: NileFormControl) => boolean;\n /\n A function that maps to the form control's reportValidity() function. When the control is invalid, this will\n * prevent submission and trigger the browser's constraint violation warning.\n /\n reportValidity: (input: NileFormControl) => boolean;\n /* A function that sets the form control's value /\n setValue: (input: NileFormControl, value: unknown) => void;\n /\n An array of event names to listen to. When all events in the list are emitted, the control will receive validity\n * states such as user-valid and user-invalid.user interacted validity states. /\n assumeInteractionOn: string[];\n}\n\n/* A reactive controller to allow form controls to participate in form submission, validation, etc. /\nexport class FormControlController implements ReactiveController {\n host: NileFormControl & ReactiveControllerHost;\n form?: HTMLFormElement \| null;\n options: FormControlControllerOptions;\n\n constructor(host: ReactiveControllerHost & NileFormControl, options?: Partial<FormControlControllerOptions>) {\n (this.host = host).addController(this);\n this.options = {\n form: input => {\n // If there's a form attribute, use it to find the target form by id\n if (input.hasAttribute('form') && input.getAttribute('form') !== '') {\n const root = input.getRootNode() as Document \| ShadowRoot;\n const formId = input.getAttribute('form');\n\n if (formId) {\n return root.getElementById(formId) as HTMLFormElement;\n }\n }\n\n return input.closest('form');\n },\n name: input => input.name,\n value: input => input.value,\n defaultValue: input => input.defaultValue,\n disabled: input => input.disabled ?? false,\n reportValidity: input => (typeof input.reportValidity === 'function' ? input.reportValidity() : true),\n setValue: (input, value: string) => (input.value = value),\n assumeInteractionOn: ['nile-input'],\n ...options\n };\n this.handleFormData = this.handleFormData.bind(this);\n this.handleFormSubmit = this.handleFormSubmit.bind(this);\n this.handleFormReset = this.handleFormReset.bind(this);\n this.reportFormValidity = this.reportFormValidity.bind(this);\n this.handleInteraction = this.handleInteraction.bind(this);\n }\n\n hostConnected() {\n const form = this.options?.form(this.host);\n\n if (form) {\n this.attachForm(form);\n }\n\n // Listen for interactions\n interactions.set(this.host, []);\n this.options?.assumeInteractionOn.forEach(event => {\n this.host.addEventListener(event, this.handleInteraction);\n });\n }\n\n hostDisconnected() {\n this.detachForm();\n\n // Clean up interactions\n interactions.delete(this.host);\n this.options.assumeInteractionOn.forEach(event => {\n this.host.removeEventListener(event, this.handleInteraction);\n });\n }\n\n hostUpdated() {\n const form = this.options.form(this.host);\n\n // Detach if the form no longer exists\n if (!form) {\n this.detachForm();\n }\n\n // If the form has changed, reattach it\n if (form && this.form !== form) {\n this.detachForm();\n this.attachForm(form);\n }\n\n if (this.host.hasUpdated) {\n this.setValidity(this.host.validity.valid);\n }\n }\n\n private attachForm(form?: HTMLFormElement) {\n if (form) {\n this.form = form;\n\n // Add this element to the form's collection\n if (formCollections.has(this.form)) {\n formCollections.get(this.form)!.add(this.host);\n } else {\n formCollections.set(this.form, new Set<NileFormControl>([this.host]));\n }\n\n this.form.addEventListener('formdata', this.handleFormData);\n this.form.addEventListener('submit', this.handleFormSubmit);\n this.form.addEventListener('reset', this.handleFormReset);\n\n // Overload the form's reportValidity() method so it looks at nile form controls\n if (!reportValidityOverloads.has(this.form)) {\n reportValidityOverloads.set(this.form, this.form.reportValidity);\n this.form.reportValidity = () => this.reportFormValidity();\n }\n } else {\n this.form = undefined;\n }\n }\n\n private detachForm() {\n if (this.form) {\n // Remove this element from the form's collection\n formCollections.get(this.form)?.delete(this.host);\n\n this.form.removeEventListener('formdata', this.handleFormData);\n this.form.removeEventListener('submit', this.handleFormSubmit);\n this.form.removeEventListener('reset', this.handleFormReset);\n\n // Remove the overload and restore the original method\n if (reportValidityOverloads.has(this.form)) {\n this.form.reportValidity = reportValidityOverloads.get(this.form)!;\n reportValidityOverloads.delete(this.form);\n }\n }\n\n this.form = undefined;\n }\n\n private handleFormData(event: FormDataEvent) {\n const disabled = this.options.disabled(this.host);\n const name = this.options.name(this.host);\n const value = this.options.value(this.host);\n\n // For buttons, we only submit the value if they were the submitter. This is currently done in doAction() by\n // injecting the name/value on a temporary button, so we can just skip them here.\n const isButton = this.host.tagName.toLowerCase() === 'nile-button';\n\n if (!disabled && !isButton && typeof name === 'string' && name.length > 0 && typeof value !== 'undefined') {\n if (Array.isArray(value)) {\n (value as unknown[]).forEach(val => {\n event.formData.append(name, (val as string \| number \| boolean).toString());\n });\n } else {\n event.formData.append(name, (value as string \| number \| boolean).toString());\n }\n }\n }\n\n private handleFormSubmit(event: Event) {\n const disabled = this.options.disabled(this.host);\n const reportValidity = this.options.reportValidity;\n\n // Update the interacted state for all controls when the form is submitted\n if (this.form && !this.form.noValidate) {\n formCollections.get(this.form)?.forEach(control => {\n this.setUserInteracted(control, true);\n });\n }\n\n if (this.form && !this.form.noValidate && !disabled && !reportValidity(this.host)) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n }\n\n private handleFormReset() {\n this.options.setValue(this.host, this.options.defaultValue(this.host));\n this.setUserInteracted(this.host, false);\n interactions.set(this.host, []);\n }\n\n private handleInteraction(event: Event) {\n const emittedEvents = interactions.get(this.host)!;\n\n if (!emittedEvents.includes(event.type)) {\n emittedEvents.push(event.type);\n }\n\n // Mark it as user-interacted as soon as all associated events have been emitted\n if (emittedEvents.length === this.options.assumeInteractionOn.length) {\n this.setUserInteracted(this.host, true);\n }\n }\n\n private reportFormValidity() {\n //\n // Nile form controls work hard to act like regular form controls. They support the Constraint Validation API\n // and its associated methods such as setCustomValidity() and reportValidity(). However, the HTMLFormElement also\n // has a reportValidity() method that will trigger validation on all child controls. Since we're not yet using\n // ElementInternals, we need to overload this method so it looks for any element with the reportValidity() method.\n //\n // We preserve the original method in a WeakMap, but we don't call it from the overload because that would trigger\n // validations in an unexpected order. When the element disconnects, we revert to the original behavior. This won't\n // be necessary once we can use ElementInternals.\n //\n // Note that we're also honoring the form's novalidate attribute.\n //\n if (this.form && !this.form.noValidate) {\n // This seems sloppy, but checking all elements will cover native inputs, Nile inputs, and other custom\n // elements that support the constraint validation API.\n const elements = this.form.querySelectorAll<HTMLInputElement>('');\n\n for (const element of elements) {\n if (typeof element.reportValidity === 'function') {\n if (!element.reportValidity()) {\n return false;\n }\n }\n }\n }\n\n return true;\n }\n\n private setUserInteracted(el: NileFormControl, hasInteracted: boolean) {\n if (hasInteracted) {\n userInteractedControls.add(el);\n } else {\n userInteractedControls.delete(el);\n }\n\n el.requestUpdate();\n }\n\n private doAction(type: 'submit' \| 'reset', submitter?: HTMLInputElement \| NileButton) {\n if (this.form) {\n const button = document.createElement('button');\n button.type = type;\n button.style.position = 'absolute';\n button.style.width = '0';\n button.style.height = '0';\n button.style.clipPath = 'inset(50%)';\n button.style.overflow = 'hidden';\n button.style.whiteSpace = 'nowrap';\n\n // Pass name, value, and form attributes through to the temporary button\n if (submitter) {\n button.name = submitter.name;\n button.value = submitter.value;\n\n ['formaction', 'formenctype', 'formmethod', 'formnovalidate', 'formtarget'].forEach(attr => {\n if (submitter.hasAttribute(attr)) {\n button.setAttribute(attr, submitter.getAttribute(attr)!);\n }\n });\n }\n\n this.form.append(button);\n button.click();\n button.remove();\n }\n }\n\n /** Returns the associated `<form>` element, if one exists. /\n getForm() {\n return this.form ?? null;\n }\n\n /* Resets the form, restoring all the control to their default value /\n reset(submitter?: HTMLInputElement \| NileButton) {\n this.doAction('reset', submitter);\n }\n\n /* Submits the form, triggering validation and form data injection. /\n submit(submitter?: HTMLInputElement \| NileButton) {\n // Calling form.submit() bypasses the submit event and constraint validation. To prevent this, we can inject a\n // native submit button into the form, \"click\" it, then remove it to simulate a standard form submission.\n this.doAction('submit', submitter);\n }\n\n /\n Synchronously sets the form control's validity. Call this when you know the future validity but need to update\n * the host element immediately, i.e. before Lit updates the component in the next update.\n /\n setValidity(isValid: boolean) {\n const host = this.host;\n const hasInteracted = Boolean(userInteractedControls.has(host));\n const required = Boolean(host.required);\n\n //\n // We're mapping the following \"states\" to data attributes. In the future, we can use ElementInternals.states to\n // create a similar mapping, but instead of [data-invalid] it will look like :--invalid.\n //\n //\n host.toggleAttribute('data-required', required);\n host.toggleAttribute('data-optional', !required);\n host.toggleAttribute('data-invalid', !isValid);\n host.toggleAttribute('data-valid', isValid);\n host.toggleAttribute('data-user-invalid', !isValid && hasInteracted);\n host.toggleAttribute('data-user-valid', isValid && hasInteracted);\n }\n\n /\n Updates the form control's validity based on the current value of `host.validity.valid`. Call this when anything\n * that affects constraint validation changes so the component receives the correct validity states.\n /\n updateValidity() {\n const host = this.host;\n this.setValidity(host.validity.valid);\n }\n\n /\n Dispatches a non-bubbling, cancelable custom event of type `nile-invalid`.\n * If the `nile-invalid` event will be cancelled then the original `invalid`\n * event (which may have been passed as argument) will also be cancelled.\n * If no original `invalid` event has been passed then the `nile-invalid`\n * event will be cancelled before being dispatched.\n /\n emitInvalidEvent(originalInvalidEvent?: Event) {\n const slInvalidEvent = new CustomEvent<Record<PropertyKey, never>>('nile-invalid', {\n bubbles: false,\n composed: false,\n cancelable: true,\n detail: {}\n });\n\n if (!originalInvalidEvent) {\n slInvalidEvent.preventDefault();\n }\n\n if (!this.host.dispatchEvent(slInvalidEvent)) {\n originalInvalidEvent?.preventDefault();\n }\n }\n}\n\n/\n * Predefined common validity states.\n * All of them are read-only.\n */\n\n// A validity state object that represents `valid`\nexport const validValidityState: ValidityState = Object.freeze({\n badInput: false,\n customError: false,\n patternMismatch: false,\n rangeOverflow: false,\n rangeUnderflow: false,\n stepMismatch: false,\n tooLong: false,\n tooShort: false,\n typeMismatch: false,\n valid: true,\n valueMissing: false\n});\n\n// A validity state object that represents `value missing`\nexport const valueMissingValidityState: ValidityState = Object.freeze({\n ...validValidityState,\n valid: false,\n valueMissing: true\n});\n\n// A validity state object that represents a custom error\nexport const customErrorValidityState: ValidityState = Object.freeze({\n ...validValidityState,\n valid: false,\n customError: true\n});\n"],"names":["formCollections","WeakMap","reportValidityOverloads","userInteractedControls","WeakSet","interactions","FormControlController","e","host","options","this","addController","_objectSpread","form","input","hasAttribute","getAttribute","root","getRootNode","formId","getElementById","closest","name","value","defaultValue","disabled","reportValidity","setValue","assumeInteractionOn","handleFormData","bind","handleFormSubmit","handleFormReset","reportFormValidity","handleInteraction","_createClass","key","hostConnected","_this$options","_this$options2","_this","attachForm","set","forEach","event","addEventListener","hostDisconnected","detachForm","removeEventListener","hostUpdated","hasUpdated","setValidity","validity","valid","has","get","add","Set","undefined","isButton","tagName","toLowerCase","length","Array","isArray","val","formData","append","toString","noValidate","control","setUserInteracted","preventDefault","stopImmediatePropagation","emittedEvents","includes","type","push","elements","querySelectorAll","_iterator","_createForOfIteratorHelper","s","_step","n","done","element","err","f","el","hasInteracted","delete","requestUpdate","doAction","submitter","button","document","createElement","style","position","width","height","clipPath","overflow","whiteSpace","attr","setAttribute","click","remove","getForm","_this$form","reset","submit","isValid","Boolean","required","toggleAttribute","updateValidity","emitInvalidEvent","originalInvalidEvent","slInvalidEvent","CustomEvent","bubbles","composed","cancelable","detail","dispatchEvent","_export","validValidityState","Object","freeze","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"],"mappings":"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"}
1	+ {"version":3,"file":"form.cjs.js","sources":["../../../src/internal/form.ts"],"sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport type { NileFormControl } from '../internal/nile-element';\nimport type { NileButton } from '../nile-button';\n\n//\n// We store a WeakMap of forms + controls so we can keep references to all Nile controls within a given form. As\n// elements connect and disconnect to/from the DOM, their containing form is used as the key and the form control is\n// added and removed from the form's set, respectively.\n//\nexport const formCollections: WeakMap<HTMLFormElement, Set<NileFormControl>> = new WeakMap();\n\n//\n// We store a WeakMap of reportValidity() overloads so we can override it when form controls connect to the DOM and\n// restore the original behavior when they disconnect.\n//\nconst reportValidityOverloads: WeakMap<HTMLFormElement, () => boolean> = new WeakMap();\n\n//\n// We store a Set of controls that users have interacted with. This allows us to determine the interaction state\n// without littering the DOM with additional data attributes.\n//\nconst userInteractedControls: WeakSet<NileFormControl> = new WeakSet();\n\n//\n// We store a WeakMap of interactions for each form control so we can track when all conditions are met for validation.\n//\nconst interactions = new WeakMap<NileFormControl, string[]>();\n\nexport interface FormControlControllerOptions {\n /** A function that returns the form containing the form control. /\n form: (input: NileFormControl) => HTMLFormElement \| null;\n /* A function that returns the form control's name, which will be submitted with the form data. /\n name: (input: NileFormControl) => string;\n /* A function that returns the form control's current value. /\n value: (input: NileFormControl) => unknown \| unknown[];\n /* A function that returns the form control's default value. /\n defaultValue: (input: NileFormControl) => unknown \| unknown[];\n /* A function that returns the form control's current disabled state. If disabled, the value won't be submitted. /\n disabled: (input: NileFormControl) => boolean;\n /\n A function that maps to the form control's reportValidity() function. When the control is invalid, this will\n * prevent submission and trigger the browser's constraint violation warning.\n /\n reportValidity: (input: NileFormControl) => boolean;\n /* A function that sets the form control's value /\n setValue: (input: NileFormControl, value: unknown) => void;\n /\n An array of event names to listen to. When all events in the list are emitted, the control will receive validity\n * states such as user-valid and user-invalid.user interacted validity states. /\n assumeInteractionOn: string[];\n}\n\n/* A reactive controller to allow form controls to participate in form submission, validation, etc. /\nexport class FormControlController implements ReactiveController {\n host: NileFormControl & ReactiveControllerHost;\n form?: HTMLFormElement \| null;\n options: FormControlControllerOptions;\n\n constructor(host: ReactiveControllerHost & NileFormControl, options?: Partial<FormControlControllerOptions>) {\n (this.host = host).addController(this);\n this.options = {\n form: input => {\n // If there's a form attribute, use it to find the target form by id\n if (input.hasAttribute('form') && input.getAttribute('form') !== '') {\n const root = input.getRootNode() as Document \| ShadowRoot;\n const formId = input.getAttribute('form');\n\n if (formId) {\n return root.getElementById(formId) as HTMLFormElement;\n }\n }\n\n return input.closest('form');\n },\n name: input => input.name,\n value: input => input.value,\n defaultValue: input => input.defaultValue,\n disabled: input => input.disabled ?? false,\n reportValidity: input => (typeof input.reportValidity === 'function' ? input.reportValidity() : true),\n setValue: (input, value: string) => (input.value = value),\n assumeInteractionOn: ['nile-input'],\n ...options\n };\n this.handleFormData = this.handleFormData.bind(this);\n this.handleFormSubmit = this.handleFormSubmit.bind(this);\n this.handleFormReset = this.handleFormReset.bind(this);\n this.reportFormValidity = this.reportFormValidity.bind(this);\n this.handleInteraction = this.handleInteraction.bind(this);\n }\n\n hostConnected() {\n const form = this.options.form(this.host);\n\n if (form) {\n this.attachForm(form);\n }\n\n // Listen for interactions\n interactions.set(this.host, []);\n this.options.assumeInteractionOn.forEach(event => {\n this.host.addEventListener(event, this.handleInteraction);\n });\n }\n\n hostDisconnected() {\n this.detachForm();\n\n // Clean up interactions\n interactions.delete(this.host);\n this.options.assumeInteractionOn.forEach(event => {\n this.host.removeEventListener(event, this.handleInteraction);\n });\n }\n\n hostUpdated() {\n const form = this.options.form(this.host);\n\n // Detach if the form no longer exists\n if (!form) {\n this.detachForm();\n }\n\n // If the form has changed, reattach it\n if (form && this.form !== form) {\n this.detachForm();\n this.attachForm(form);\n }\n\n if (this.host.hasUpdated) {\n this.setValidity(this.host.validity.valid);\n }\n }\n\n private attachForm(form?: HTMLFormElement) {\n if (form) {\n this.form = form;\n\n // Add this element to the form's collection\n if (formCollections.has(this.form)) {\n formCollections.get(this.form)!.add(this.host);\n } else {\n formCollections.set(this.form, new Set<NileFormControl>([this.host]));\n }\n\n this.form.addEventListener('formdata', this.handleFormData);\n this.form.addEventListener('submit', this.handleFormSubmit);\n this.form.addEventListener('reset', this.handleFormReset);\n\n // Overload the form's reportValidity() method so it looks at nile form controls\n if (!reportValidityOverloads.has(this.form)) {\n reportValidityOverloads.set(this.form, this.form.reportValidity);\n this.form.reportValidity = () => this.reportFormValidity();\n }\n } else {\n this.form = undefined;\n }\n }\n\n private detachForm() {\n if (this.form) {\n // Remove this element from the form's collection\n formCollections.get(this.form)?.delete(this.host);\n\n this.form.removeEventListener('formdata', this.handleFormData);\n this.form.removeEventListener('submit', this.handleFormSubmit);\n this.form.removeEventListener('reset', this.handleFormReset);\n\n // Remove the overload and restore the original method\n if (reportValidityOverloads.has(this.form)) {\n this.form.reportValidity = reportValidityOverloads.get(this.form)!;\n reportValidityOverloads.delete(this.form);\n }\n }\n\n this.form = undefined;\n }\n\n private handleFormData(event: FormDataEvent) {\n const disabled = this.options.disabled(this.host);\n const name = this.options.name(this.host);\n const value = this.options.value(this.host);\n\n // For buttons, we only submit the value if they were the submitter. This is currently done in doAction() by\n // injecting the name/value on a temporary button, so we can just skip them here.\n const isButton = this.host.tagName.toLowerCase() === 'nile-button';\n\n if (!disabled && !isButton && typeof name === 'string' && name.length > 0 && typeof value !== 'undefined') {\n if (Array.isArray(value)) {\n (value as unknown[]).forEach(val => {\n event.formData.append(name, (val as string \| number \| boolean).toString());\n });\n } else {\n event.formData.append(name, (value as string \| number \| boolean).toString());\n }\n }\n }\n\n private handleFormSubmit(event: Event) {\n const disabled = this.options.disabled(this.host);\n const reportValidity = this.options.reportValidity;\n\n // Update the interacted state for all controls when the form is submitted\n if (this.form && !this.form.noValidate) {\n formCollections.get(this.form)?.forEach(control => {\n this.setUserInteracted(control, true);\n });\n }\n\n if (this.form && !this.form.noValidate && !disabled && !reportValidity(this.host)) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n }\n\n private handleFormReset() {\n this.options.setValue(this.host, this.options.defaultValue(this.host));\n this.setUserInteracted(this.host, false);\n interactions.set(this.host, []);\n }\n\n private handleInteraction(event: Event) {\n const emittedEvents = interactions.get(this.host)!;\n\n if (!emittedEvents.includes(event.type)) {\n emittedEvents.push(event.type);\n }\n\n // Mark it as user-interacted as soon as all associated events have been emitted\n if (emittedEvents.length === this.options.assumeInteractionOn.length) {\n this.setUserInteracted(this.host, true);\n }\n }\n\n private reportFormValidity() {\n //\n // Nile form controls work hard to act like regular form controls. They support the Constraint Validation API\n // and its associated methods such as setCustomValidity() and reportValidity(). However, the HTMLFormElement also\n // has a reportValidity() method that will trigger validation on all child controls. Since we're not yet using\n // ElementInternals, we need to overload this method so it looks for any element with the reportValidity() method.\n //\n // We preserve the original method in a WeakMap, but we don't call it from the overload because that would trigger\n // validations in an unexpected order. When the element disconnects, we revert to the original behavior. This won't\n // be necessary once we can use ElementInternals.\n //\n // Note that we're also honoring the form's novalidate attribute.\n //\n if (this.form && !this.form.noValidate) {\n // This seems sloppy, but checking all elements will cover native inputs, Nile inputs, and other custom\n // elements that support the constraint validation API.\n const elements = this.form.querySelectorAll<HTMLInputElement>('');\n\n for (const element of elements) {\n if (typeof element.reportValidity === 'function') {\n if (!element.reportValidity()) {\n return false;\n }\n }\n }\n }\n\n return true;\n }\n\n private setUserInteracted(el: NileFormControl, hasInteracted: boolean) {\n if (hasInteracted) {\n userInteractedControls.add(el);\n } else {\n userInteractedControls.delete(el);\n }\n\n el.requestUpdate();\n }\n\n private doAction(type: 'submit' \| 'reset', submitter?: HTMLInputElement \| NileButton) {\n if (this.form) {\n const button = document.createElement('button');\n button.type = type;\n button.style.position = 'absolute';\n button.style.width = '0';\n button.style.height = '0';\n button.style.clipPath = 'inset(50%)';\n button.style.overflow = 'hidden';\n button.style.whiteSpace = 'nowrap';\n\n // Pass name, value, and form attributes through to the temporary button\n if (submitter) {\n button.name = submitter.name;\n button.value = submitter.value;\n\n ['formaction', 'formenctype', 'formmethod', 'formnovalidate', 'formtarget'].forEach(attr => {\n if (submitter.hasAttribute(attr)) {\n button.setAttribute(attr, submitter.getAttribute(attr)!);\n }\n });\n }\n\n this.form.append(button);\n button.click();\n button.remove();\n }\n }\n\n /** Returns the associated `<form>` element, if one exists. /\n getForm() {\n return this.form ?? null;\n }\n\n /* Resets the form, restoring all the control to their default value /\n reset(submitter?: HTMLInputElement \| NileButton) {\n this.doAction('reset', submitter);\n }\n\n /* Submits the form, triggering validation and form data injection. /\n submit(submitter?: HTMLInputElement \| NileButton) {\n // Calling form.submit() bypasses the submit event and constraint validation. To prevent this, we can inject a\n // native submit button into the form, \"click\" it, then remove it to simulate a standard form submission.\n this.doAction('submit', submitter);\n }\n\n /\n Synchronously sets the form control's validity. Call this when you know the future validity but need to update\n * the host element immediately, i.e. before Lit updates the component in the next update.\n /\n setValidity(isValid: boolean) {\n const host = this.host;\n const hasInteracted = Boolean(userInteractedControls.has(host));\n const required = Boolean(host.required);\n\n //\n // We're mapping the following \"states\" to data attributes. In the future, we can use ElementInternals.states to\n // create a similar mapping, but instead of [data-invalid] it will look like :--invalid.\n //\n //\n host.toggleAttribute('data-required', required);\n host.toggleAttribute('data-optional', !required);\n host.toggleAttribute('data-invalid', !isValid);\n host.toggleAttribute('data-valid', isValid);\n host.toggleAttribute('data-user-invalid', !isValid && hasInteracted);\n host.toggleAttribute('data-user-valid', isValid && hasInteracted);\n }\n\n /\n Updates the form control's validity based on the current value of `host.validity.valid`. Call this when anything\n * that affects constraint validation changes so the component receives the correct validity states.\n /\n updateValidity() {\n const host = this.host;\n this.setValidity(host.validity.valid);\n }\n\n /\n Dispatches a non-bubbling, cancelable custom event of type `nile-invalid`.\n * If the `nile-invalid` event will be cancelled then the original `invalid`\n * event (which may have been passed as argument) will also be cancelled.\n * If no original `invalid` event has been passed then the `nile-invalid`\n * event will be cancelled before being dispatched.\n /\n emitInvalidEvent(originalInvalidEvent?: Event) {\n const slInvalidEvent = new CustomEvent<Record<PropertyKey, never>>('nile-invalid', {\n bubbles: false,\n composed: false,\n cancelable: true,\n detail: {}\n });\n\n if (!originalInvalidEvent) {\n slInvalidEvent.preventDefault();\n }\n\n if (!this.host.dispatchEvent(slInvalidEvent)) {\n originalInvalidEvent?.preventDefault();\n }\n }\n}\n\n/\n * Predefined common validity states.\n * All of them are read-only.\n */\n\n// A validity state object that represents `valid`\nexport const validValidityState: ValidityState = Object.freeze({\n badInput: false,\n customError: false,\n patternMismatch: false,\n rangeOverflow: false,\n rangeUnderflow: false,\n stepMismatch: false,\n tooLong: false,\n tooShort: false,\n typeMismatch: false,\n valid: true,\n valueMissing: false\n});\n\n// A validity state object that represents `value missing`\nexport const valueMissingValidityState: ValidityState = Object.freeze({\n ...validValidityState,\n valid: false,\n valueMissing: true\n});\n\n// A validity state object that represents a custom error\nexport const customErrorValidityState: ValidityState = Object.freeze({\n ...validValidityState,\n valid: false,\n customError: true\n});\n"],"names":["formCollections","WeakMap","reportValidityOverloads","userInteractedControls","WeakSet","interactions","FormControlController","e","host","options","this","addController","_objectSpread","form","input","hasAttribute","getAttribute","root","getRootNode","formId","getElementById","closest","name","value","defaultValue","disabled","reportValidity","setValue","assumeInteractionOn","handleFormData","bind","handleFormSubmit","handleFormReset","reportFormValidity","handleInteraction","_createClass","key","hostConnected","_this","attachForm","set","forEach","event","addEventListener","hostDisconnected","detachForm","removeEventListener","hostUpdated","hasUpdated","setValidity","validity","valid","has","get","add","Set","undefined","isButton","tagName","toLowerCase","length","Array","isArray","val","formData","append","toString","noValidate","control","setUserInteracted","preventDefault","stopImmediatePropagation","emittedEvents","includes","type","push","elements","querySelectorAll","_iterator","_createForOfIteratorHelper","s","_step","n","done","element","err","f","el","hasInteracted","delete","requestUpdate","doAction","submitter","button","document","createElement","style","position","width","height","clipPath","overflow","whiteSpace","attr","setAttribute","click","remove","getForm","_this$form","reset","submit","isValid","Boolean","required","toggleAttribute","updateValidity","emitInvalidEvent","originalInvalidEvent","slInvalidEvent","CustomEvent","bubbles","composed","cancelable","detail","dispatchEvent","_export","validValidityState","Object","freeze","badInput","customError","patternMismatch","rangeOverflow","rangeUnderflow","stepMismatch","tooLong","tooShort","typeMismatch","valueMissing"],"mappings":"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"}

package/dist/internal/form.esm.js CHANGED Viewed

	@@ -1 +1 @@
1	- const t=new WeakMap,i=new WeakMap,s=new WeakSet,h=new WeakMap;class e{constructor(t,i){(this.host=t).addController(this),this.options={form:t=>{if(t.hasAttribute("form")&&""!==t.getAttribute("form")){const i=t.getRootNode(),s=t.getAttribute("form");if(s)return i.getElementById(s)}return t.closest("form")},name:t=>t.name,value:t=>t.value,defaultValue:t=>t.defaultValue,disabled:t=>t.disabled??!1,reportValidity:t=>"function"!=typeof t.reportValidity\|\|t.reportValidity(),setValue:(t,i)=>t.value=i,assumeInteractionOn:["nile-input"],...i},this.handleFormData=this.handleFormData.bind(this),this.handleFormSubmit=this.handleFormSubmit.bind(this),this.handleFormReset=this.handleFormReset.bind(this),this.reportFormValidity=this.reportFormValidity.bind(this),this.handleInteraction=this.handleInteraction.bind(this)}hostConnected(){const t=this.options?.form(this.host);t&&this.attachForm(t),h.set(this.host,[]),this.options?.assumeInteractionOn.forEach((t=>{this.host.addEventListener(t,this.handleInteraction)}))}hostDisconnected(){this.detachForm(),h.delete(this.host),this.options.assumeInteractionOn.forEach((t=>{this.host.removeEventListener(t,this.handleInteraction)}))}hostUpdated(){const t=this.options.form(this.host);t\|\|this.detachForm(),t&&this.form!==t&&(this.detachForm(),this.attachForm(t)),this.host.hasUpdated&&this.setValidity(this.host.validity.valid)}attachForm(s){s?(this.form=s,t.has(this.form)?t.get(this.form).add(this.host):t.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),i.has(this.form)\|\|(i.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity())):this.form=void 0}detachForm(){this.form&&(t.get(this.form)?.delete(this.host),this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),i.has(this.form)&&(this.form.reportValidity=i.get(this.form),i.delete(this.form))),this.form=void 0}handleFormData(t){const i=this.options.disabled(this.host),s=this.options.name(this.host),h=this.options.value(this.host),e="nile-button"===this.host.tagName.toLowerCase();!i&&!e&&"string"==typeof s&&s.length>0&&void 0!==h&&(Array.isArray(h)?h.forEach((i=>{t.formData.append(s,i.toString())})):t.formData.append(s,h.toString()))}handleFormSubmit(i){const s=this.options.disabled(this.host),h=this.options.reportValidity;this.form&&!this.form.noValidate&&t.get(this.form)?.forEach((t=>{this.setUserInteracted(t,!0)})),!this.form\|\|this.form.noValidate\|\|s\|\|h(this.host)\|\|(i.preventDefault(),i.stopImmediatePropagation())}handleFormReset(){this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),h.set(this.host,[])}handleInteraction(t){const i=h.get(this.host);i.includes(t.type)\|\|i.push(t.type),i.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0)}reportFormValidity(){if(this.form&&!this.form.noValidate){const t=this.form.querySelectorAll("*");for(const i of t)if("function"==typeof i.reportValidity&&!i.reportValidity())return!1}return!0}setUserInteracted(t,i){i?s.add(t):s.delete(t),t.requestUpdate()}doAction(t,i){if(this.form){const s=document.createElement("button");s.type=t,s.style.position="absolute",s.style.width="0",s.style.height="0",s.style.clipPath="inset(50%)",s.style.overflow="hidden",s.style.whiteSpace="nowrap",i&&(s.name=i.name,s.value=i.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach((t=>{i.hasAttribute(t)&&s.setAttribute(t,i.getAttribute(t))}))),this.form.append(s),s.click(),s.remove()}}getForm(){return this.form??null}reset(t){this.doAction("reset",t)}submit(t){this.doAction("submit",t)}setValidity(t){const i=this.host,h=Boolean(s.has(i)),e=Boolean(i.required);i.toggleAttribute("data-required",e),i.toggleAttribute("data-optional",!e),i.toggleAttribute("data-invalid",!t),i.toggleAttribute("data-valid",t),i.toggleAttribute("data-user-invalid",!t&&h),i.toggleAttribute("data-user-valid",t&&h)}updateValidity(){const t=this.host;this.setValidity(t.validity.valid)}emitInvalidEvent(t){const i=new CustomEvent("nile-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});t\|\|i.preventDefault(),this.host.dispatchEvent(i)\|\|t?.preventDefault()}}const o=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1});Object.freeze({...o,valid:!1,valueMissing:!0}),Object.freeze({...o,valid:!1,customError:!0});export{e as F,o as v};
1	+ const t=new WeakMap,i=new WeakMap,s=new WeakSet,h=new WeakMap;class e{constructor(t,i){(this.host=t).addController(this),this.options={form:t=>{if(t.hasAttribute("form")&&""!==t.getAttribute("form")){const i=t.getRootNode(),s=t.getAttribute("form");if(s)return i.getElementById(s)}return t.closest("form")},name:t=>t.name,value:t=>t.value,defaultValue:t=>t.defaultValue,disabled:t=>t.disabled??!1,reportValidity:t=>"function"!=typeof t.reportValidity\|\|t.reportValidity(),setValue:(t,i)=>t.value=i,assumeInteractionOn:["nile-input"],...i},this.handleFormData=this.handleFormData.bind(this),this.handleFormSubmit=this.handleFormSubmit.bind(this),this.handleFormReset=this.handleFormReset.bind(this),this.reportFormValidity=this.reportFormValidity.bind(this),this.handleInteraction=this.handleInteraction.bind(this)}hostConnected(){const t=this.options.form(this.host);t&&this.attachForm(t),h.set(this.host,[]),this.options.assumeInteractionOn.forEach((t=>{this.host.addEventListener(t,this.handleInteraction)}))}hostDisconnected(){this.detachForm(),h.delete(this.host),this.options.assumeInteractionOn.forEach((t=>{this.host.removeEventListener(t,this.handleInteraction)}))}hostUpdated(){const t=this.options.form(this.host);t\|\|this.detachForm(),t&&this.form!==t&&(this.detachForm(),this.attachForm(t)),this.host.hasUpdated&&this.setValidity(this.host.validity.valid)}attachForm(s){s?(this.form=s,t.has(this.form)?t.get(this.form).add(this.host):t.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),i.has(this.form)\|\|(i.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity())):this.form=void 0}detachForm(){this.form&&(t.get(this.form)?.delete(this.host),this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),i.has(this.form)&&(this.form.reportValidity=i.get(this.form),i.delete(this.form))),this.form=void 0}handleFormData(t){const i=this.options.disabled(this.host),s=this.options.name(this.host),h=this.options.value(this.host),e="nile-button"===this.host.tagName.toLowerCase();!i&&!e&&"string"==typeof s&&s.length>0&&void 0!==h&&(Array.isArray(h)?h.forEach((i=>{t.formData.append(s,i.toString())})):t.formData.append(s,h.toString()))}handleFormSubmit(i){const s=this.options.disabled(this.host),h=this.options.reportValidity;this.form&&!this.form.noValidate&&t.get(this.form)?.forEach((t=>{this.setUserInteracted(t,!0)})),!this.form\|\|this.form.noValidate\|\|s\|\|h(this.host)\|\|(i.preventDefault(),i.stopImmediatePropagation())}handleFormReset(){this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1),h.set(this.host,[])}handleInteraction(t){const i=h.get(this.host);i.includes(t.type)\|\|i.push(t.type),i.length===this.options.assumeInteractionOn.length&&this.setUserInteracted(this.host,!0)}reportFormValidity(){if(this.form&&!this.form.noValidate){const t=this.form.querySelectorAll("*");for(const i of t)if("function"==typeof i.reportValidity&&!i.reportValidity())return!1}return!0}setUserInteracted(t,i){i?s.add(t):s.delete(t),t.requestUpdate()}doAction(t,i){if(this.form){const s=document.createElement("button");s.type=t,s.style.position="absolute",s.style.width="0",s.style.height="0",s.style.clipPath="inset(50%)",s.style.overflow="hidden",s.style.whiteSpace="nowrap",i&&(s.name=i.name,s.value=i.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach((t=>{i.hasAttribute(t)&&s.setAttribute(t,i.getAttribute(t))}))),this.form.append(s),s.click(),s.remove()}}getForm(){return this.form??null}reset(t){this.doAction("reset",t)}submit(t){this.doAction("submit",t)}setValidity(t){const i=this.host,h=Boolean(s.has(i)),e=Boolean(i.required);i.toggleAttribute("data-required",e),i.toggleAttribute("data-optional",!e),i.toggleAttribute("data-invalid",!t),i.toggleAttribute("data-valid",t),i.toggleAttribute("data-user-invalid",!t&&h),i.toggleAttribute("data-user-valid",t&&h)}updateValidity(){const t=this.host;this.setValidity(t.validity.valid)}emitInvalidEvent(t){const i=new CustomEvent("nile-invalid",{bubbles:!1,composed:!1,cancelable:!0,detail:{}});t\|\|i.preventDefault(),this.host.dispatchEvent(i)\|\|t?.preventDefault()}}const o=Object.freeze({badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valid:!0,valueMissing:!1});Object.freeze({...o,valid:!1,valueMissing:!0}),Object.freeze({...o,valid:!1,customError:!0});export{e as F,o as v};