@mhmo91/schmancy 0.10.16 → 0.10.17

package/dist/form-g5c70rac.cjs

@@ -1,42 +0,0 @@
-require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-BOOu6q2n.cjs`),t=require(`./active-host-jH3iloCR.cjs`),n=require(`./state-avic94Ft.cjs`);let r=require(`rxjs`),i=require(`lit/decorators.js`),a=require(`lit`);var o=n.i(`schmancy/form-submit`).memory({status:`idle`,error:null,submitCount:0}),s=e=>e instanceof HTMLElement&&(e.tagName===`BUTTON`||e.tagName===`SCHMANCY-BUTTON`),c=class extends e.c{constructor(...e){super(...e),this.novalidate=!0,this._fields=new Set,this._submitting=!1,this._liveStatus=`idle`,this._liveError=``,this._internals=(()=>{try{return this.attachInternals()}catch{return}})()}static{this.tagName=`schmancy-form`}connectedCallback(){super.connectedCallback(),this.parentElement?.closest(`schmancy-form`)||((0,r.fromEvent)(this,e.r).pipe((0,r.takeUntil)(this.disconnecting)).subscribe(e=>this._fields.add(e.detail)),(0,r.fromEvent)(this,`click`).pipe((0,r.takeUntil)(this.disconnecting)).subscribe(e=>this._maybeRequestSubmit(e)),(0,r.fromEvent)(this,`keydown`).pipe((0,r.takeUntil)(this.disconnecting)).subscribe(e=>{if(e.key!==`Enter`||e.shiftKey)return;let t=e.target;t?.tagName!==`TEXTAREA`&&(t?.isContentEditable||this._maybeRequestSubmit(e))}))}_maybeRequestSubmit(e){if(e.type===`click`){let t=e.composedPath();if(t.find(e=>s(e)&&e.getAttribute(`type`)===`reset`))return e.preventDefault(),void(this.shadowRoot?.querySelector(`form`))?.reset();if(!t.find(e=>s(e)&&e.getAttribute(`type`)===`submit`))return;e.preventDefault()}(this.shadowRoot?.querySelector(`form`))?.requestSubmit()}get _activeFields(){return[...this._fields].filter(e=>e.isConnected)}async _onSubmit(e){if(e.preventDefault(),e.stopPropagation(),this._submitting)return;this._activeFields.filter(e=>e.isValidating).length>0&&(this._broadcastStatus(`submitting`),await new Promise(e=>{let t=()=>{this._activeFields.every(e=>!e.isValidating)?e():requestAnimationFrame(t)};t()})),this._activeFields.forEach(e=>e.markSubmitted());let t=this._activeFields.every(e=>e.checkValidity()),n=o.value;if(!t)return o.set({...n,status:`error`,error:{message:`Validation failed`}}),this._broadcastStatus(`error`,`Validation failed. Please correct the highlighted fields.`),void this._activeFields.find(e=>e.error)?.focus();this._submitting=!0,o.set({...n,status:`submitting`,error:null,submitCount:n.submitCount+1}),this._broadcastStatus(`submitting`);let r=new FormData;for(let e of this._activeFields)for(let[t,n]of e.toFormEntries())r.append(t,n);let i=Object.fromEntries(r),a=this.schema?this.schema.parse(i):i,s=[];this.dispatchEvent(new CustomEvent(`submit`,{detail:{data:a,formData:r,until:e=>s.push(e)}}));try{await Promise.all(s),o.set({...o.value,status:`success`,error:null}),this._broadcastStatus(`success`)}catch(e){let t=e instanceof Error?e.message:String(e);o.set({...o.value,status:`error`,error:{message:t}}),this._broadcastStatus(`error`,t)}finally{this._submitting=!1}}_onReset(e){e.stopPropagation(),this._activeFields.forEach(e=>e.resetForm()),o.set({status:`idle`,error:null,submitCount:0}),this._broadcastStatus(`idle`),this.dispatchEvent(new CustomEvent(`reset`))}_broadcastStatus(e,t){this._liveStatus=e,this._liveError=t??``;let n=this._internals?.states;if(n){for(let e of[`submitting`,`success`,`error`,`idle`])n.delete(e);n.add(e)}e===`submitting`?this.setAttribute(`aria-busy`,`true`):this.removeAttribute(`aria-busy`),this.dispatchEvent(new CustomEvent(`formstate`,{detail:{...o.value},bubbles:!0,composed:!0}))}setFieldError(e,t){let n=this._activeFields.find(t=>t.name===e);return!!n&&(n.setCustomValidity(t),n.markSubmitted(),!0)}setFormError(e,t){o.set({...o.value,status:`error`,error:{message:e,code:t}}),this._broadcastStatus(`error`,e)}clearSubmitted(){this._activeFields.forEach(e=>e.clearSubmitted()),o.set({...o.value,status:`idle`,error:null}),this._broadcastStatus(`idle`)}submit(){let e=this.shadowRoot?.querySelector(`form`);return!!e&&(e.requestSubmit(),!0)}reset(){(this.shadowRoot?.querySelector(`form`))?.reset()}reportValidity(){return this._activeFields.every(e=>e.reportValidity())}checkValidity(){return this._activeFields.every(e=>e.checkValidity())}getFormData(){let e=new FormData;for(let t of this._activeFields)for(let[n,r]of t.toFormEntries())e.append(n,r);return e}render(){return a.html`
-			<schmancy-context .provides=${[o]}>
-				<form
-					?novalidate=${this.novalidate}
-					@submit=${this._onSubmit}
-					@reset=${this._onReset}
-				>
-					<slot></slot>
-				</form>
-				<!--
-					Form-level live region — assistive tech announces server-side
-					form errors (validation summary, network failure, server reject)
-					here. Visually hidden via the .sr-only convention; consumers
-					render their own visible banner from formSubmitState if they
-					want one. Empty content while idle/submitting/success — only
-					error states populate the region. WCAG 4.1.3 (Status Messages).
-				-->
-				<div
-					role="status"
-					aria-live="assertive"
-					aria-atomic="true"
-					class="sr-only"
-				>${this._liveStatus===`error`?this._liveError:``}</div>
-			</schmancy-context>
-		`}};t.a([(0,i.property)({attribute:!1})],c.prototype,`schema`,void 0),t.a([(0,i.property)({type:Boolean})],c.prototype,`novalidate`,void 0),t.a([(0,i.state)()],c.prototype,`_liveStatus`,void 0),t.a([(0,i.state)()],c.prototype,`_liveError`,void 0);var l=c=t.a([(0,i.customElement)(`schmancy-form`)],c),u=class extends e.c{constructor(...e){super(...e),this._bump=0,this._form=null}connectedCallback(){super.connectedCallback(),this._form=this.closest(`schmancy-form`),this._form&&(this._formObserver=new MutationObserver(()=>{this._bump++}),this._formObserver.observe(this._form,{attributes:!0,subtree:!0}),(async()=>{await this._form?.updateComplete;let e=this._form?.shadowRoot?.querySelector(`[role="status"]`);e&&this._formObserver?.observe(e,{childList:!0,characterData:!0,subtree:!0}),this._bump++})())}disconnectedCallback(){this._formObserver?.disconnect(),this._formObserver=void 0,super.disconnectedCallback()}_readFormStatus(){return this._form?this._form.matches(`:state(error)`)?`error`:this._form.matches(`:state(submitting)`)?`submitting`:this._form.matches(`:state(success)`)?`success`:`idle`:`idle`}_readFormMessage(){return(this._form?.shadowRoot?.querySelector(`[role="status"]`))?.textContent?.trim()??``}_readInvalidFields(){if(!this._form)return[];let e=[];for(let t of Array.from(this._form.querySelectorAll(`*`))){if(!(t instanceof HTMLElement))continue;let n=!1;try{n=t.matches(`:state(invalid)`)}catch{continue}if(!n)continue;let r=t;e.push({id:r.id,label:r.label||r.name||`(field)`,message:r.validationMessage||`Invalid value`})}return e}render(){if(this._bump,this._readFormStatus()!==`error`)return a.nothing;let e=this._readFormMessage(),t=this._readInvalidFields(),n=t.length;return a.html`
-			<div role="alert" aria-labelledby="schmancy-form-summary-heading">
-				<h2 id="schmancy-form-summary-heading">${this.heading??(n===0?`There is a problem with this form`:`There ${n===1?`is`:`are`} ${n} problem${n===1?``:`s`} with this form`)}</h2>
-				${e?a.html`<p>${e}</p>`:a.nothing}
-				${n>0?a.html`
-						<ul>
-							${t.map(e=>a.html`
-									<li>
-										<a
-											href="#${e.id}"
-											@click=${t=>this._jumpToField(t,e.id)}
-										>${e.label}: ${e.message}</a>
-									</li>
-								`)}
-						</ul>
-					`:a.nothing}
-			</div>
-		`}_jumpToField(e,t){e.preventDefault(),(this._form?.querySelector(`#${CSS.escape(t)}`))?.focus()}};t.a([(0,i.property)({type:String})],u.prototype,`heading`,void 0),t.a([(0,i.state)()],u.prototype,`_bump`,void 0),u=t.a([(0,i.customElement)(`schmancy-form-summary`)],u),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});