@mhmo91/schmancy 0.10.37 → 0.10.39

package/dist/form.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-BHfQg3Tj.cjs`);require(`./mixins-DxHpyMHA.cjs`),require(`./autocomplete-DEZk6wBD.cjs`);const t=require(`./input-chip-B-XWh4aE.cjs`),n=require(`./checkbox-BCLkhp5G.cjs`),r=require(`./chips-C9dS1WKn.cjs`),i=require(`./date-range-BV6HuvLw.cjs`),a=require(`./form-CwPHcQYB.cjs`),o=require(`./input-BrDiIT60.cjs`);require(`./input.cjs`);const s=require(`./radio-group-B-ORNtvR.cjs`),c=require(`./range.cjs`),l=require(`./select-B9uj_u-s.cjs`),u=require(`./switch.cjs`);require(`./textarea-qr7oL8oU.cjs`);let d=require(`lit/decorators.js`),f=require(`lit`);var p=class extends e.t{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 f.nothing;let e=this._readFormMessage(),t=this._readInvalidFields(),n=t.length;return f.html`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-C41uPa6l.cjs`);require(`./mixins-fIpzhVMd.cjs`),require(`./autocomplete-DMmxsvUe.cjs`);const t=require(`./input-chip-ChAgRCXZ.cjs`),n=require(`./checkbox-C4zeib84.cjs`),r=require(`./chips-wfJ7YtWv.cjs`),i=require(`./date-range-BHSzlwSL.cjs`),a=require(`./form-4GKROq2P.cjs`),o=require(`./input-Z-3N5JMv.cjs`);require(`./input.cjs`);const s=require(`./radio-group-BEtvCSS1.cjs`),c=require(`./range.cjs`),l=require(`./select-BWpV2iv-.cjs`),u=require(`./switch.cjs`);require(`./textarea-Brgi-vD2.cjs`);let d=require(`lit/decorators.js`),f=require(`lit`);var p=class extends e.t{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 f.nothing;let e=this.readFormMessage(),t=this.readInvalidFields(),n=t.length;return f.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?f.html`<p>${e}</p>`:f.nothing}
@@ -8,11 +8,11 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./ch
 									<li>
 										<a
 											href="#${e.id}"
-											@click=${t=>this._jumpToField(t,e.id)}
+											@click=${t=>this.jumpToField(t,e.id)}
 										>${e.label}: ${e.message}</a>
 									</li>
 								`)}
 						</ul>
 					`:f.nothing}
 			</div>
-		`}_jumpToField(e,t){e.preventDefault(),(this._form?.querySelector(`#${CSS.escape(t)}`))?.focus()}};e.u([(0,d.property)({type:String})],p.prototype,`heading`,void 0),e.u([(0,d.state)()],p.prototype,`_bump`,void 0),p=e.u([(0,d.customElement)(`schmancy-form-summary`)],p),Object.defineProperty(exports,`RadioButton`,{enumerable:!0,get:function(){return s.t}}),Object.defineProperty(exports,`RadioGroup`,{enumerable:!0,get:function(){return s.n}}),Object.defineProperty(exports,`SchmancyAssistChip`,{enumerable:!0,get:function(){return r.r}}),Object.defineProperty(exports,`SchmancyCheckbox`,{enumerable:!0,get:function(){return n.t}}),exports.SchmancyChip=r.n,exports.SchmancyFilterChip=r.n,Object.defineProperty(exports,`SchmancyDateRange`,{enumerable:!0,get:function(){return i.t}}),exports.SchmancyForm=a.t,Object.defineProperty(exports,`SchmancyFormSummary`,{enumerable:!0,get:function(){return p}}),exports.SchmancyInput=o.n,Object.defineProperty(exports,`SchmancyInputChip`,{enumerable:!0,get:function(){return t.t}}),Object.defineProperty(exports,`SchmancyInputCompat`,{enumerable:!0,get:function(){return o.t}}),Object.defineProperty(exports,`SchmancyRange`,{enumerable:!0,get:function(){return c.SchmancyRange}}),Object.defineProperty(exports,`SchmancySelect`,{enumerable:!0,get:function(){return l.t}}),Object.defineProperty(exports,`SchmancySuggestionChip`,{enumerable:!0,get:function(){return r.t}}),Object.defineProperty(exports,`SchmancySwitch`,{enumerable:!0,get:function(){return u.SchmancySwitch}}),exports.formSubmitState=a.n,exports.validateInitialDateRange=i.n;
+		`}jumpToField(e,t){e.preventDefault(),(this.form?.querySelector(`#${CSS.escape(t)}`))?.focus()}};e.u([(0,d.property)({type:String})],p.prototype,`heading`,void 0),e.u([(0,d.state)()],p.prototype,`bump`,void 0),p=e.u([(0,d.customElement)(`schmancy-form-summary`)],p),Object.defineProperty(exports,`RadioButton`,{enumerable:!0,get:function(){return s.t}}),Object.defineProperty(exports,`RadioGroup`,{enumerable:!0,get:function(){return s.n}}),Object.defineProperty(exports,`SchmancyAssistChip`,{enumerable:!0,get:function(){return r.r}}),Object.defineProperty(exports,`SchmancyCheckbox`,{enumerable:!0,get:function(){return n.t}}),exports.SchmancyChip=r.n,exports.SchmancyFilterChip=r.n,Object.defineProperty(exports,`SchmancyDateRange`,{enumerable:!0,get:function(){return i.t}}),exports.SchmancyForm=a.t,Object.defineProperty(exports,`SchmancyFormSummary`,{enumerable:!0,get:function(){return p}}),exports.SchmancyInput=o.n,Object.defineProperty(exports,`SchmancyInputChip`,{enumerable:!0,get:function(){return t.t}}),Object.defineProperty(exports,`SchmancyInputCompat`,{enumerable:!0,get:function(){return o.t}}),Object.defineProperty(exports,`SchmancyRange`,{enumerable:!0,get:function(){return c.SchmancyRange}}),Object.defineProperty(exports,`SchmancySelect`,{enumerable:!0,get:function(){return l.t}}),Object.defineProperty(exports,`SchmancySuggestionChip`,{enumerable:!0,get:function(){return r.t}}),Object.defineProperty(exports,`SchmancySwitch`,{enumerable:!0,get:function(){return u.SchmancySwitch}}),exports.formSubmitState=a.n,exports.validateInitialDateRange=i.n;

package/dist/form.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.cjs","names":[],"sources":["../src/form/form-summary.ts"],"sourcesContent":["/**\n * `<schmancy-form-summary>` — top-of-form error summary with anchor links to\n * each invalid field. Linear / GOV.UK / GitHub pattern.\n *\n * Drop one inside any `<schmancy-form>`; on submit-failure or when\n * `<schmancy-form>.setFormError(...)` is called, the summary renders a\n * `role=\"alert\"` banner with the form-level error message and a list of\n * links pointing at each invalid field's `id`.\n *\n * Hidden when the form is idle, submitting, or successful — only `error`\n * populates it.\n *\n * @element schmancy-form-summary\n */\n\nimport { html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { SchmancyElement } from '../../mixins'\nimport type SchmancyForm from './form'\n\n@customElement('schmancy-form-summary')\nexport class SchmancyFormSummary extends SchmancyElement {\n\t/**\n\t * Optional heading text. Defaults to a count-based summary\n\t * (\"1 problem with this form\" / \"3 problems with this form\").\n\t */\n\t@property({ type: String }) heading?: string\n\n\t/**\n\t * Render bumper — incremented to force a re-render when the form's state\n\t * changes (the actual content is computed from the DOM in render()).\n\t */\n\t@state() private _bump: number = 0\n\n\tprivate _form: SchmancyForm | null = null\n\tprivate _formObserver?: MutationObserver\n\n\toverride connectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis._form = this.closest('schmancy-form') as SchmancyForm | null\n\t\tif (!this._form) {\n\t\t\tconsole.error('[schmancy-form-summary] must be a descendant of <schmancy-form>')\n\t\t\treturn\n\t\t}\n\t\tconst bump = () => { this._bump++ }\n\t\tthis._formObserver = new MutationObserver(bump)\n\t\t// Form host attribute changes (aria-busy, :state class reflections,\n\t\t// descendant attribute changes for fields' aria-invalid). subtree:true\n\t\t// catches attribute mutations on every descendant including light-DOM\n\t\t// fields and the form's own host.\n\t\tthis._formObserver.observe(this._form, {\n\t\t\tattributes: true,\n\t\t\tsubtree: true,\n\t\t})\n\t\t// Defer live-region observation until the form has rendered its\n\t\t// shadow tree.\n\t\tconst attachLiveRegionObserver = async (): Promise<void> => {\n\t\t\tawait this._form?.updateComplete\n\t\t\tconst liveRegion = this._form?.shadowRoot?.querySelector('[role=\"status\"]')\n\t\t\tif (liveRegion) {\n\t\t\t\tthis._formObserver?.observe(liveRegion, {\n\t\t\t\t\tchildList: true,\n\t\t\t\t\tcharacterData: true,\n\t\t\t\t\tsubtree: true,\n\t\t\t\t})\n\t\t\t}\n\t\t\t// Force a render so the initial state is reflected.\n\t\t\tthis._bump++\n\t\t}\n\t\tvoid attachLiveRegionObserver()\n\t}\n\n\toverride disconnectedCallback(): void {\n\t\tthis._formObserver?.disconnect()\n\t\tthis._formObserver = undefined\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate _readFormStatus(): 'idle' | 'submitting' | 'success' | 'error' {\n\t\tif (!this._form) return 'idle'\n\t\tif (this._form.matches(':state(error)')) return 'error'\n\t\tif (this._form.matches(':state(submitting)')) return 'submitting'\n\t\tif (this._form.matches(':state(success)')) return 'success'\n\t\treturn 'idle'\n\t}\n\n\tprivate _readFormMessage(): string {\n\t\tconst liveRegion = this._form?.shadowRoot?.querySelector('[role=\"status\"]')\n\t\treturn liveRegion?.textContent?.trim() ?? ''\n\t}\n\n\tprivate _readInvalidFields(): Array<{ id: string; label: string; message: string }> {\n\t\tif (!this._form) return []\n\t\tconst result: Array<{ id: string; label: string; message: string }> = []\n\t\tfor (const el of Array.from(this._form.querySelectorAll('*'))) {\n\t\t\tif (!(el instanceof HTMLElement)) continue\n\t\t\tlet isInvalid = false\n\t\t\ttry {\n\t\t\t\tisInvalid = el.matches(':state(invalid)')\n\t\t\t} catch {\n\t\t\t\tcontinue\n\t\t\t}\n\t\t\tif (!isInvalid) continue\n\t\t\tconst f = el as HTMLElement & {\n\t\t\t\tlabel?: string\n\t\t\t\tname?: string\n\t\t\t\tvalidationMessage?: string\n\t\t\t}\n\t\t\tresult.push({\n\t\t\t\tid: f.id,\n\t\t\t\tlabel: f.label || f.name || '(field)',\n\t\t\t\tmessage: f.validationMessage || 'Invalid value',\n\t\t\t})\n\t\t}\n\t\treturn result\n\t}\n\n\trender() {\n\t\t// Read everything fresh from the DOM each render — no @state cache, no\n\t\t// re-render loops. The MutationObserver bumps `_bump` to trigger this\n\t\t// render; `_bump` itself is never read here.\n\t\tvoid this._bump\n\n\t\tconst status = this._readFormStatus()\n\t\tif (status !== 'error') return nothing\n\n\t\tconst formMessage = this._readFormMessage()\n\t\tconst invalid = this._readInvalidFields()\n\t\tconst count = invalid.length\n\t\tconst heading =\n\t\t\tthis.heading ??\n\t\t\t(count === 0\n\t\t\t\t? 'There is a problem with this form'\n\t\t\t\t: `There ${count === 1 ? 'is' : 'are'} ${count} problem${count === 1 ? '' : 's'} with this form`)\n\n\t\treturn html`\n\t\t\t<div role=\"alert\" aria-labelledby=\"schmancy-form-summary-heading\">\n\t\t\t\t<h2 id=\"schmancy-form-summary-heading\">${heading}</h2>\n\t\t\t\t${formMessage ? html`<p>${formMessage}</p>` : nothing}\n\t\t\t\t${count > 0\n\t\t\t\t\t? html`\n\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t${invalid.map(\n\t\t\t\t\t\t\t\tf => html`\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\thref=\"#${f.id}\"\n\t\t\t\t\t\t\t\t\t\t\t@click=${(e: MouseEvent) => this._jumpToField(e, f.id)}\n\t\t\t\t\t\t\t\t\t\t>${f.label}: ${f.message}</a>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t`\n\t\t\t\t\t: nothing}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tprivate _jumpToField(e: MouseEvent, fieldId: string): void {\n\t\te.preventDefault()\n\t\tconst target = this._form?.querySelector(`#${CSS.escape(fieldId)}`) as HTMLElement | null\n\t\ttarget?.focus()\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-form-summary': SchmancyFormSummary\n\t}\n}\n"],"mappings":"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"}
+{"version":3,"file":"form.cjs","names":[],"sources":["../src/form/form-summary.ts"],"sourcesContent":["/**\n * `<schmancy-form-summary>` — top-of-form error summary with anchor links to\n * each invalid field. Linear / GOV.UK / GitHub pattern.\n *\n * Drop one inside any `<schmancy-form>`; on submit-failure or when\n * `<schmancy-form>.setFormError(...)` is called, the summary renders a\n * `role=\"alert\"` banner with the form-level error message and a list of\n * links pointing at each invalid field's `id`.\n *\n * Hidden when the form is idle, submitting, or successful — only `error`\n * populates it.\n *\n * @element schmancy-form-summary\n */\n\nimport { html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { SchmancyElement } from '../../mixins'\nimport type SchmancyForm from './form'\n\n@customElement('schmancy-form-summary')\nexport class SchmancyFormSummary extends SchmancyElement {\n\t/**\n\t * Optional heading text. Defaults to a count-based summary\n\t * (\"1 problem with this form\" / \"3 problems with this form\").\n\t */\n\t@property({ type: String }) heading?: string\n\n\t/**\n\t * Render bumper — incremented to force a re-render when the form's state\n\t * changes (the actual content is computed from the DOM in render()).\n\t */\n\t@state() private bump: number = 0\n\n\tprivate form: SchmancyForm | null = null\n\tprivate formObserver?: MutationObserver\n\n\toverride connectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.form = this.closest('schmancy-form') as SchmancyForm | null\n\t\tif (!this.form) {\n\t\t\tconsole.error('[schmancy-form-summary] must be a descendant of <schmancy-form>')\n\t\t\treturn\n\t\t}\n\t\tconst bump = () => { this.bump++ }\n\t\tthis.formObserver = new MutationObserver(bump)\n\t\t// Form host attribute changes (aria-busy, :state class reflections,\n\t\t// descendant attribute changes for fields' aria-invalid). subtree:true\n\t\t// catches attribute mutations on every descendant including light-DOM\n\t\t// fields and the form's own host.\n\t\tthis.formObserver.observe(this.form, {\n\t\t\tattributes: true,\n\t\t\tsubtree: true,\n\t\t})\n\t\t// Defer live-region observation until the form has rendered its\n\t\t// shadow tree.\n\t\tconst attachLiveRegionObserver = async (): Promise<void> => {\n\t\t\tawait this.form?.updateComplete\n\t\t\tconst liveRegion = this.form?.shadowRoot?.querySelector('[role=\"status\"]')\n\t\t\tif (liveRegion) {\n\t\t\t\tthis.formObserver?.observe(liveRegion, {\n\t\t\t\t\tchildList: true,\n\t\t\t\t\tcharacterData: true,\n\t\t\t\t\tsubtree: true,\n\t\t\t\t})\n\t\t\t}\n\t\t\t// Force a render so the initial state is reflected.\n\t\t\tthis.bump++\n\t\t}\n\t\tvoid attachLiveRegionObserver()\n\t}\n\n\toverride disconnectedCallback(): void {\n\t\tthis.formObserver?.disconnect()\n\t\tthis.formObserver = undefined\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate readFormStatus(): 'idle' | 'submitting' | 'success' | 'error' {\n\t\tif (!this.form) return 'idle'\n\t\tif (this.form.matches(':state(error)')) return 'error'\n\t\tif (this.form.matches(':state(submitting)')) return 'submitting'\n\t\tif (this.form.matches(':state(success)')) return 'success'\n\t\treturn 'idle'\n\t}\n\n\tprivate readFormMessage(): string {\n\t\tconst liveRegion = this.form?.shadowRoot?.querySelector('[role=\"status\"]')\n\t\treturn liveRegion?.textContent?.trim() ?? ''\n\t}\n\n\tprivate readInvalidFields(): Array<{ id: string; label: string; message: string }> {\n\t\tif (!this.form) return []\n\t\tconst result: Array<{ id: string; label: string; message: string }> = []\n\t\tfor (const el of Array.from(this.form.querySelectorAll('*'))) {\n\t\t\tif (!(el instanceof HTMLElement)) continue\n\t\t\tlet isInvalid = false\n\t\t\ttry {\n\t\t\t\tisInvalid = el.matches(':state(invalid)')\n\t\t\t} catch {\n\t\t\t\tcontinue\n\t\t\t}\n\t\t\tif (!isInvalid) continue\n\t\t\tconst f = el as HTMLElement & {\n\t\t\t\tlabel?: string\n\t\t\t\tname?: string\n\t\t\t\tvalidationMessage?: string\n\t\t\t}\n\t\t\tresult.push({\n\t\t\t\tid: f.id,\n\t\t\t\tlabel: f.label || f.name || '(field)',\n\t\t\t\tmessage: f.validationMessage || 'Invalid value',\n\t\t\t})\n\t\t}\n\t\treturn result\n\t}\n\n\trender() {\n\t\t// Read everything fresh from the DOM each render — no @state cache, no\n\t\t// re-render loops. The MutationObserver bumps `bump` to trigger this\n\t\t// render; `bump` itself is never read here.\n\t\tvoid this.bump\n\n\t\tconst status = this.readFormStatus()\n\t\tif (status !== 'error') return nothing\n\n\t\tconst formMessage = this.readFormMessage()\n\t\tconst invalid = this.readInvalidFields()\n\t\tconst count = invalid.length\n\t\tconst heading =\n\t\t\tthis.heading ??\n\t\t\t(count === 0\n\t\t\t\t? 'There is a problem with this form'\n\t\t\t\t: `There ${count === 1 ? 'is' : 'are'} ${count} problem${count === 1 ? '' : 's'} with this form`)\n\n\t\treturn html`\n\t\t\t<div role=\"alert\" aria-labelledby=\"schmancy-form-summary-heading\">\n\t\t\t\t<h2 id=\"schmancy-form-summary-heading\">${heading}</h2>\n\t\t\t\t${formMessage ? html`<p>${formMessage}</p>` : nothing}\n\t\t\t\t${count > 0\n\t\t\t\t\t? html`\n\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t${invalid.map(\n\t\t\t\t\t\t\t\tf => html`\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\thref=\"#${f.id}\"\n\t\t\t\t\t\t\t\t\t\t\t@click=${(e: MouseEvent) => this.jumpToField(e, f.id)}\n\t\t\t\t\t\t\t\t\t\t>${f.label}: ${f.message}</a>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t`\n\t\t\t\t\t: nothing}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tprivate jumpToField(e: MouseEvent, fieldId: string): void {\n\t\te.preventDefault()\n\t\tconst target = this.form?.querySelector(`#${CSS.escape(fieldId)}`) as HTMLElement | null\n\t\ttarget?.focus()\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-form-summary': SchmancyFormSummary\n\t}\n}\n"],"mappings":"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"}

package/dist/form.js

@@ -1,53 +1,53 @@
-import { t as e, u as t } from "./SchmancyElement-CDT2q1lA.js";
-import "./mixins-De1zjyhy.js";
-import "./autocomplete-DIScyo8Q.js";
-import { t as n } from "./input-chip-BlWhOruv.js";
-import { t as r } from "./checkbox-B1wiM3Dv.js";
-import { n as i, r as a, t as o } from "./chips-vWmwqQed.js";
-import { n as s, t as c } from "./date-range-D3ge1b4c.js";
-import { n as l, t as u } from "./form-DA0hUu2h.js";
-import { n as d, t as f } from "./input-B_4g2ulO.js";
+import { t as e, u as t } from "./SchmancyElement-BNnyBOwk.js";
+import "./mixins-DGBI7YPO.js";
+import "./autocomplete-DWiEqlQf.js";
+import { t as n } from "./input-chip-BOrcKH-H.js";
+import { t as r } from "./checkbox-Ce0DlAdW.js";
+import { n as i, r as a, t as o } from "./chips-BoZSpSh_.js";
+import { n as s, t as c } from "./date-range-DJrdpzev.js";
+import { n as l, t as u } from "./form-DxaV_Ose.js";
+import { n as d, t as f } from "./input-BCCHz6tB.js";
 import "./input.js";
-import { n as p, t as m } from "./radio-group-DxX0iJBo.js";
+import { n as p, t as m } from "./radio-group-AHLvrN8O.js";
 import { SchmancyRange as h } from "./range.js";
-import { t as g } from "./select-C7gkA-ab.js";
+import { t as g } from "./select-Cawz88lG.js";
 import { SchmancySwitch as _ } from "./switch.js";
-import "./textarea-BvqENhTW.js";
+import "./textarea-MPyrMi-S.js";
 import { customElement as v, property as y, state as b } from "lit/decorators.js";
 import { html as x, nothing as S } from "lit";
 var C = class extends e {
 	constructor(...e) {
-		super(...e), this._bump = 0, this._form = null;
+		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, {
+		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, {
+			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++;
+			}), this.bump++;
 		})());
 	}
 	disconnectedCallback() {
-		this._formObserver?.disconnect(), this._formObserver = void 0, super.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";
+	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() ?? "";
+	readFormMessage() {
+		return (this.form?.shadowRoot?.querySelector("[role=\"status\"]"))?.textContent?.trim() ?? "";
 	}
-	_readInvalidFields() {
-		if (!this._form) return [];
+	readInvalidFields() {
+		if (!this.form) return [];
 		let e = [];
-		for (let t of Array.from(this._form.querySelectorAll("*"))) {
+		for (let t of Array.from(this.form.querySelectorAll("*"))) {
 			if (!(t instanceof HTMLElement)) continue;
 			let n = !1;
 			try {
@@ -66,8 +66,8 @@ var C = class extends e {
 		return e;
 	}
 	render() {
-		if (this._bump, this._readFormStatus() !== "error") return S;
-		let e = this._readFormMessage(), t = this._readInvalidFields(), n = t.length;
+		if (this.bump, this.readFormStatus() !== "error") return S;
+		let e = this.readFormMessage(), t = this.readInvalidFields(), n = t.length;
 		return x`
 			<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>
@@ -78,7 +78,7 @@ var C = class extends e {
 									<li>
 										<a
 											href="#${e.id}"
-											@click=${(t) => this._jumpToField(t, e.id)}
+											@click=${(t) => this.jumpToField(t, e.id)}
 										>${e.label}: ${e.message}</a>
 									</li>
 								`)}
@@ -87,9 +87,9 @@ var C = class extends e {
 			</div>
 		`;
 	}
-	_jumpToField(e, t) {
-		e.preventDefault(), (this._form?.querySelector(`#${CSS.escape(t)}`))?.focus();
+	jumpToField(e, t) {
+		e.preventDefault(), (this.form?.querySelector(`#${CSS.escape(t)}`))?.focus();
 	}
 };
-t([y({ type: String })], C.prototype, "heading", void 0), t([b()], C.prototype, "_bump", void 0), C = t([v("schmancy-form-summary")], C);
+t([y({ type: String })], C.prototype, "heading", void 0), t([b()], C.prototype, "bump", void 0), C = t([v("schmancy-form-summary")], C);
 export { m as RadioButton, p as RadioGroup, a as SchmancyAssistChip, r as SchmancyCheckbox, i as SchmancyChip, i as SchmancyFilterChip, c as SchmancyDateRange, u as SchmancyForm, C as SchmancyFormSummary, d as SchmancyInput, n as SchmancyInputChip, f as SchmancyInputCompat, h as SchmancyRange, g as SchmancySelect, o as SchmancySuggestionChip, _ as SchmancySwitch, l as formSubmitState, s as validateInitialDateRange };

package/dist/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","names":[],"sources":["../src/form/form-summary.ts"],"sourcesContent":["/**\n * `<schmancy-form-summary>` — top-of-form error summary with anchor links to\n * each invalid field. Linear / GOV.UK / GitHub pattern.\n *\n * Drop one inside any `<schmancy-form>`; on submit-failure or when\n * `<schmancy-form>.setFormError(...)` is called, the summary renders a\n * `role=\"alert\"` banner with the form-level error message and a list of\n * links pointing at each invalid field's `id`.\n *\n * Hidden when the form is idle, submitting, or successful — only `error`\n * populates it.\n *\n * @element schmancy-form-summary\n */\n\nimport { html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { SchmancyElement } from '../../mixins'\nimport type SchmancyForm from './form'\n\n@customElement('schmancy-form-summary')\nexport class SchmancyFormSummary extends SchmancyElement {\n\t/**\n\t * Optional heading text. Defaults to a count-based summary\n\t * (\"1 problem with this form\" / \"3 problems with this form\").\n\t */\n\t@property({ type: String }) heading?: string\n\n\t/**\n\t * Render bumper — incremented to force a re-render when the form's state\n\t * changes (the actual content is computed from the DOM in render()).\n\t */\n\t@state() private _bump: number = 0\n\n\tprivate _form: SchmancyForm | null = null\n\tprivate _formObserver?: MutationObserver\n\n\toverride connectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis._form = this.closest('schmancy-form') as SchmancyForm | null\n\t\tif (!this._form) {\n\t\t\tconsole.error('[schmancy-form-summary] must be a descendant of <schmancy-form>')\n\t\t\treturn\n\t\t}\n\t\tconst bump = () => { this._bump++ }\n\t\tthis._formObserver = new MutationObserver(bump)\n\t\t// Form host attribute changes (aria-busy, :state class reflections,\n\t\t// descendant attribute changes for fields' aria-invalid). subtree:true\n\t\t// catches attribute mutations on every descendant including light-DOM\n\t\t// fields and the form's own host.\n\t\tthis._formObserver.observe(this._form, {\n\t\t\tattributes: true,\n\t\t\tsubtree: true,\n\t\t})\n\t\t// Defer live-region observation until the form has rendered its\n\t\t// shadow tree.\n\t\tconst attachLiveRegionObserver = async (): Promise<void> => {\n\t\t\tawait this._form?.updateComplete\n\t\t\tconst liveRegion = this._form?.shadowRoot?.querySelector('[role=\"status\"]')\n\t\t\tif (liveRegion) {\n\t\t\t\tthis._formObserver?.observe(liveRegion, {\n\t\t\t\t\tchildList: true,\n\t\t\t\t\tcharacterData: true,\n\t\t\t\t\tsubtree: true,\n\t\t\t\t})\n\t\t\t}\n\t\t\t// Force a render so the initial state is reflected.\n\t\t\tthis._bump++\n\t\t}\n\t\tvoid attachLiveRegionObserver()\n\t}\n\n\toverride disconnectedCallback(): void {\n\t\tthis._formObserver?.disconnect()\n\t\tthis._formObserver = undefined\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate _readFormStatus(): 'idle' | 'submitting' | 'success' | 'error' {\n\t\tif (!this._form) return 'idle'\n\t\tif (this._form.matches(':state(error)')) return 'error'\n\t\tif (this._form.matches(':state(submitting)')) return 'submitting'\n\t\tif (this._form.matches(':state(success)')) return 'success'\n\t\treturn 'idle'\n\t}\n\n\tprivate _readFormMessage(): string {\n\t\tconst liveRegion = this._form?.shadowRoot?.querySelector('[role=\"status\"]')\n\t\treturn liveRegion?.textContent?.trim() ?? ''\n\t}\n\n\tprivate _readInvalidFields(): Array<{ id: string; label: string; message: string }> {\n\t\tif (!this._form) return []\n\t\tconst result: Array<{ id: string; label: string; message: string }> = []\n\t\tfor (const el of Array.from(this._form.querySelectorAll('*'))) {\n\t\t\tif (!(el instanceof HTMLElement)) continue\n\t\t\tlet isInvalid = false\n\t\t\ttry {\n\t\t\t\tisInvalid = el.matches(':state(invalid)')\n\t\t\t} catch {\n\t\t\t\tcontinue\n\t\t\t}\n\t\t\tif (!isInvalid) continue\n\t\t\tconst f = el as HTMLElement & {\n\t\t\t\tlabel?: string\n\t\t\t\tname?: string\n\t\t\t\tvalidationMessage?: string\n\t\t\t}\n\t\t\tresult.push({\n\t\t\t\tid: f.id,\n\t\t\t\tlabel: f.label || f.name || '(field)',\n\t\t\t\tmessage: f.validationMessage || 'Invalid value',\n\t\t\t})\n\t\t}\n\t\treturn result\n\t}\n\n\trender() {\n\t\t// Read everything fresh from the DOM each render — no @state cache, no\n\t\t// re-render loops. The MutationObserver bumps `_bump` to trigger this\n\t\t// render; `_bump` itself is never read here.\n\t\tvoid this._bump\n\n\t\tconst status = this._readFormStatus()\n\t\tif (status !== 'error') return nothing\n\n\t\tconst formMessage = this._readFormMessage()\n\t\tconst invalid = this._readInvalidFields()\n\t\tconst count = invalid.length\n\t\tconst heading =\n\t\t\tthis.heading ??\n\t\t\t(count === 0\n\t\t\t\t? 'There is a problem with this form'\n\t\t\t\t: `There ${count === 1 ? 'is' : 'are'} ${count} problem${count === 1 ? '' : 's'} with this form`)\n\n\t\treturn html`\n\t\t\t<div role=\"alert\" aria-labelledby=\"schmancy-form-summary-heading\">\n\t\t\t\t<h2 id=\"schmancy-form-summary-heading\">${heading}</h2>\n\t\t\t\t${formMessage ? html`<p>${formMessage}</p>` : nothing}\n\t\t\t\t${count > 0\n\t\t\t\t\t? html`\n\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t${invalid.map(\n\t\t\t\t\t\t\t\tf => html`\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\thref=\"#${f.id}\"\n\t\t\t\t\t\t\t\t\t\t\t@click=${(e: MouseEvent) => this._jumpToField(e, f.id)}\n\t\t\t\t\t\t\t\t\t\t>${f.label}: ${f.message}</a>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t`\n\t\t\t\t\t: nothing}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tprivate _jumpToField(e: MouseEvent, fieldId: string): void {\n\t\te.preventDefault()\n\t\tconst target = this._form?.querySelector(`#${CSS.escape(fieldId)}`) as HTMLElement | null\n\t\ttarget?.focus()\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-form-summary': SchmancyFormSummary\n\t}\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAqBO,IAAA,IAAA,cAAkC,EAAA;CAAA,YAAA,GAAA,GAAA;EAAA,MAAA,GAAA,CAAA,GAAA,KAAA,QAWP,GAAA,KAAA,QAEI;CAAA;CAGrC,oBAAA;EACC,MAAM,kBAAA,GACN,KAAK,QAAQ,KAAK,QAAQ,eAAA,GACrB,KAAK,UAKV,KAAK,gBAAgB,IAAI,uBADnB;GAAe,KAAK;EAAA,CAAA,GAM1B,KAAK,cAAc,QAAQ,KAAK,OAAO;GACtC,YAAA,CAAY;GACZ,SAAA,CAAS;EAAA,CAAA,IAIuB,YAAA;GAAA,MAC1B,KAAK,OAAO;GAClB,IAAM,IAAa,KAAK,OAAO,YAAY,cAAc,mBAAA;GACrD,KACH,KAAK,eAAe,QAAQ,GAAY;IACvC,WAAA,CAAW;IACX,eAAA,CAAe;IACf,SAAA,CAAS;GAAA,CAAA,GAIX,KAAK;EAAA,GAEN;CACD;CAEA,uBAAA;EACC,KAAK,eAAe,WAAA,GACpB,KAAK,gBAAA,KAAgB,GACrB,MAAM,qBAAA;CACP;CAEA,kBAAA;EACC,OAAK,KAAK,QACN,KAAK,MAAM,QAAQ,eAAA,IAAyB,UAC5C,KAAK,MAAM,QAAQ,oBAAA,IAA8B,eACjD,KAAK,MAAM,QAAQ,iBAAA,IAA2B,YAC3C,SAJiB;CAKzB;CAEA,mBAAA;EAEC,QADmB,KAAK,OAAO,YAAY,cAAc,mBAAA,IACtC,aAAa,KAAA,KAAU;CAC3C;CAEA,qBAAA;EACC,IAAA,CAAK,KAAK,OAAO,OAAO,CAAA;EACxB,IAAM,IAAgE,CAAA;EACtE,KAAK,IAAM,KAAM,MAAM,KAAK,KAAK,MAAM,iBAAiB,GAAA,CAAA,GAAO;GAC9D,IAAA,EAAM,aAAc,cAAc;GAClC,IAAI,IAAA,CAAY;GAChB,IAAA;IACC,IAAY,EAAG,QAAQ,iBAAA;GACxB,QAAA;IACC;GACD;GACA,IAAA,CAAK,GAAW;GAChB,IAAM,IAAI;GAKV,EAAO,KAAK;IACX,IAAI,EAAE;IACN,OAAO,EAAE,SAAS,EAAE,QAAQ;IAC5B,SAAS,EAAE,qBAAqB;GAAA,CAAA;EAElC;EACA,OAAO;CACR;CAEA,SAAA;EAOC,IAHA,KAAU,OAEK,KAAK,gBAAA,MACL,SAAS,OAAO;EAE/B,IAAM,IAAc,KAAK,iBAAA,GACnB,IAAU,KAAK,mBAAA,GACf,IAAQ,EAAQ;EAOtB,OAAO,CAAI;;6CALV,KAAK,YACJ,MAAU,IACR,sCACA,SAAS,MAAU,IAAI,OAAO,MAAA,GAAS,EAAA,UAAgB,MAAU,IAAI,KAAK,IAAA,kBAAA;MAK1E,IAAc,CAAI,MAAM,EAAA,QAAoB,EAAA;MAC5C,IAAQ,IACP,CAAI;;SAEF,EAAQ,KACT,MAAK,CAAI;;;oBAGG,EAAE,GAAA;qBACD,MAAkB,KAAK,aAAa,GAAG,EAAE,EAAA,EAAA;aACjD,EAAE,MAAA,IAAU,EAAE,QAAA;;;;SAMpB,EAAA;;;CAGN;CAEA,aAAqB,GAAe,GAAA;EACnC,EAAE,eAAA,IACa,KAAK,OAAO,cAAc,IAAI,IAAI,OAAO,CAAA,GAAA,IAChD,MAAA;CACT;AAAA;AAAA,EAAA,CAzIC,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,WAAA,KAAA,CAAA,GAAA,EAAA,CAMzB,EAAA,CAAA,GAAM,EAAA,WAAA,SAAA,KAAA,CAAA,GAAA,IAAA,EAAA,CAZP,EAAc,uBAAA,CAAA,GAAuB,CAAA;AAAA,SAAA,KAAA,aAAA,KAAA,YAAA,KAAA,oBAAA,KAAA,kBAAA,KAAA,cAAA,KAAA,oBAAA,KAAA,mBAAA,KAAA,cAAA,KAAA,qBAAA,KAAA,eAAA,KAAA,mBAAA,KAAA,qBAAA,KAAA,eAAA,KAAA,gBAAA,KAAA,wBAAA,KAAA,gBAAA,KAAA,iBAAA,KAAA"}
+{"version":3,"file":"form.js","names":[],"sources":["../src/form/form-summary.ts"],"sourcesContent":["/**\n * `<schmancy-form-summary>` — top-of-form error summary with anchor links to\n * each invalid field. Linear / GOV.UK / GitHub pattern.\n *\n * Drop one inside any `<schmancy-form>`; on submit-failure or when\n * `<schmancy-form>.setFormError(...)` is called, the summary renders a\n * `role=\"alert\"` banner with the form-level error message and a list of\n * links pointing at each invalid field's `id`.\n *\n * Hidden when the form is idle, submitting, or successful — only `error`\n * populates it.\n *\n * @element schmancy-form-summary\n */\n\nimport { html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { SchmancyElement } from '../../mixins'\nimport type SchmancyForm from './form'\n\n@customElement('schmancy-form-summary')\nexport class SchmancyFormSummary extends SchmancyElement {\n\t/**\n\t * Optional heading text. Defaults to a count-based summary\n\t * (\"1 problem with this form\" / \"3 problems with this form\").\n\t */\n\t@property({ type: String }) heading?: string\n\n\t/**\n\t * Render bumper — incremented to force a re-render when the form's state\n\t * changes (the actual content is computed from the DOM in render()).\n\t */\n\t@state() private bump: number = 0\n\n\tprivate form: SchmancyForm | null = null\n\tprivate formObserver?: MutationObserver\n\n\toverride connectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.form = this.closest('schmancy-form') as SchmancyForm | null\n\t\tif (!this.form) {\n\t\t\tconsole.error('[schmancy-form-summary] must be a descendant of <schmancy-form>')\n\t\t\treturn\n\t\t}\n\t\tconst bump = () => { this.bump++ }\n\t\tthis.formObserver = new MutationObserver(bump)\n\t\t// Form host attribute changes (aria-busy, :state class reflections,\n\t\t// descendant attribute changes for fields' aria-invalid). subtree:true\n\t\t// catches attribute mutations on every descendant including light-DOM\n\t\t// fields and the form's own host.\n\t\tthis.formObserver.observe(this.form, {\n\t\t\tattributes: true,\n\t\t\tsubtree: true,\n\t\t})\n\t\t// Defer live-region observation until the form has rendered its\n\t\t// shadow tree.\n\t\tconst attachLiveRegionObserver = async (): Promise<void> => {\n\t\t\tawait this.form?.updateComplete\n\t\t\tconst liveRegion = this.form?.shadowRoot?.querySelector('[role=\"status\"]')\n\t\t\tif (liveRegion) {\n\t\t\t\tthis.formObserver?.observe(liveRegion, {\n\t\t\t\t\tchildList: true,\n\t\t\t\t\tcharacterData: true,\n\t\t\t\t\tsubtree: true,\n\t\t\t\t})\n\t\t\t}\n\t\t\t// Force a render so the initial state is reflected.\n\t\t\tthis.bump++\n\t\t}\n\t\tvoid attachLiveRegionObserver()\n\t}\n\n\toverride disconnectedCallback(): void {\n\t\tthis.formObserver?.disconnect()\n\t\tthis.formObserver = undefined\n\t\tsuper.disconnectedCallback()\n\t}\n\n\tprivate readFormStatus(): 'idle' | 'submitting' | 'success' | 'error' {\n\t\tif (!this.form) return 'idle'\n\t\tif (this.form.matches(':state(error)')) return 'error'\n\t\tif (this.form.matches(':state(submitting)')) return 'submitting'\n\t\tif (this.form.matches(':state(success)')) return 'success'\n\t\treturn 'idle'\n\t}\n\n\tprivate readFormMessage(): string {\n\t\tconst liveRegion = this.form?.shadowRoot?.querySelector('[role=\"status\"]')\n\t\treturn liveRegion?.textContent?.trim() ?? ''\n\t}\n\n\tprivate readInvalidFields(): Array<{ id: string; label: string; message: string }> {\n\t\tif (!this.form) return []\n\t\tconst result: Array<{ id: string; label: string; message: string }> = []\n\t\tfor (const el of Array.from(this.form.querySelectorAll('*'))) {\n\t\t\tif (!(el instanceof HTMLElement)) continue\n\t\t\tlet isInvalid = false\n\t\t\ttry {\n\t\t\t\tisInvalid = el.matches(':state(invalid)')\n\t\t\t} catch {\n\t\t\t\tcontinue\n\t\t\t}\n\t\t\tif (!isInvalid) continue\n\t\t\tconst f = el as HTMLElement & {\n\t\t\t\tlabel?: string\n\t\t\t\tname?: string\n\t\t\t\tvalidationMessage?: string\n\t\t\t}\n\t\t\tresult.push({\n\t\t\t\tid: f.id,\n\t\t\t\tlabel: f.label || f.name || '(field)',\n\t\t\t\tmessage: f.validationMessage || 'Invalid value',\n\t\t\t})\n\t\t}\n\t\treturn result\n\t}\n\n\trender() {\n\t\t// Read everything fresh from the DOM each render — no @state cache, no\n\t\t// re-render loops. The MutationObserver bumps `bump` to trigger this\n\t\t// render; `bump` itself is never read here.\n\t\tvoid this.bump\n\n\t\tconst status = this.readFormStatus()\n\t\tif (status !== 'error') return nothing\n\n\t\tconst formMessage = this.readFormMessage()\n\t\tconst invalid = this.readInvalidFields()\n\t\tconst count = invalid.length\n\t\tconst heading =\n\t\t\tthis.heading ??\n\t\t\t(count === 0\n\t\t\t\t? 'There is a problem with this form'\n\t\t\t\t: `There ${count === 1 ? 'is' : 'are'} ${count} problem${count === 1 ? '' : 's'} with this form`)\n\n\t\treturn html`\n\t\t\t<div role=\"alert\" aria-labelledby=\"schmancy-form-summary-heading\">\n\t\t\t\t<h2 id=\"schmancy-form-summary-heading\">${heading}</h2>\n\t\t\t\t${formMessage ? html`<p>${formMessage}</p>` : nothing}\n\t\t\t\t${count > 0\n\t\t\t\t\t? html`\n\t\t\t\t\t\t<ul>\n\t\t\t\t\t\t\t${invalid.map(\n\t\t\t\t\t\t\t\tf => html`\n\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\thref=\"#${f.id}\"\n\t\t\t\t\t\t\t\t\t\t\t@click=${(e: MouseEvent) => this.jumpToField(e, f.id)}\n\t\t\t\t\t\t\t\t\t\t>${f.label}: ${f.message}</a>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t`\n\t\t\t\t\t: nothing}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tprivate jumpToField(e: MouseEvent, fieldId: string): void {\n\t\te.preventDefault()\n\t\tconst target = this.form?.querySelector(`#${CSS.escape(fieldId)}`) as HTMLElement | null\n\t\ttarget?.focus()\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-form-summary': SchmancyFormSummary\n\t}\n}\n"],"mappings":"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"}

package/dist/gravity-6pL6CfIr.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"gravity-6pL6CfIr.cjs","names":[],"sources":["../src/directives/gravity.ts"],"sourcesContent":["import { directive, type ElementPart, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { from, EMPTY } from 'rxjs'\nimport { take, catchError, tap } from 'rxjs/operators'\nimport { SPRING_SMOOTH, SPRING_BOUNCY } from '../utils/animation'\nimport { reducedMotion$ } from './reduced-motion'\n\nexport interface GravityOptions {\n\t/** Mass: 0.5 (light/bouncy) to 2.0 (heavy/damped). Default: 1.0 */\n\tmass?: number\n\t/** Fall distance in pixels (default: 30) */\n\tdistance?: number\n\t/** Delay before falling in ms (default: 0) */\n\tdelay?: number\n\t/** Stagger delay per item for lists — multiply by index (default: 0) */\n\tstagger?: number\n}\n\n/**\n * Gravity directive — elements fall into place and settle with mass-based bounce.\n *\n * Only animates ONCE on first render. Re-renders do not re-trigger.\n * Disconnecting and reconnecting re-triggers the animation.\n *\n * @example\n * ```html\n * <schmancy-card ${gravity()}>content</schmancy-card>\n *\n * ${repeat(items, item => item.id, (item, i) => html`\n *   <div ${gravity({ stagger: 50 * i, mass: 0.8 })}>...</div>\n * `)}\n * ```\n */\nclass GravityDirective extends AsyncDirective {\n\tprivate element!: HTMLElement\n\tprivate animation?: Animation\n\tprivate hasAnimated = false\n\tprivate options?: GravityOptions\n\n\trender(_options?: GravityOptions) {\n\t\treturn undefined\n\t}\n\n\toverride update(part: ElementPart, [options]: [GravityOptions?]) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('gravity directive must be used on an element')\n\t\t}\n\n\t\tthis.element = part.element as HTMLElement\n\t\tthis.options = options\n\n\t\tif (this.hasAnimated) return undefined\n\t\tif (reducedMotion$.value) {\n\t\t\tthis.hasAnimated = true\n\t\t\treturn undefined\n\t\t}\n\n\t\tconst mass = Math.max(0.3, Math.min(3.0, options?.mass ?? 1.0))\n\t\tconst distance = options?.distance ?? 30\n\t\tconst delay = (options?.delay ?? 0) + (options?.stagger ?? 0)\n\n\t\tthis.animate(mass, distance, delay)\n\t\tthis.hasAnimated = true\n\n\t\treturn undefined\n\t}\n\n\toverride reconnected() {\n\t\tthis.hasAnimated = false\n\t\tif (this.options && !reducedMotion$.value) {\n\t\t\tconst mass = Math.max(0.3, Math.min(3.0, this.options.mass ?? 1.0))\n\t\t\tconst distance = this.options.distance ?? 30\n\t\t\tconst delay = (this.options.delay ?? 0) + (this.options.stagger ?? 0)\n\t\t\tthis.animate(mass, distance, delay)\n\t\t\tthis.hasAnimated = true\n\t\t}\n\t}\n\n\tprivate animate(mass: number, distance: number, delay: number) {\n\t\tconst preset = mass < 0.7 ? SPRING_BOUNCY : SPRING_SMOOTH\n\t\tconst duration = preset.duration * (1 / Math.sqrt(mass))\n\t\tconst fallDistance = distance * (1 / mass)\n\n\t\tthis.animation?.cancel()\n\n\t\tthis.element.style.willChange = 'transform, opacity'\n\t\tthis.animation = this.element.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 0, transform: `translateY(-${fallDistance}px)` },\n\t\t\t\t{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration,\n\t\t\t\tdelay,\n\t\t\t\teasing: preset.easingFallback,\n\t\t\t\tfill: 'backwards',\n\t\t\t},\n\t\t)\n\n\t\t// RxJS cleanup instead of raw .then()\n\t\tfrom(this.animation.finished).pipe(\n\t\t\ttake(1),\n\t\t\ttap(() => {\n\t\t\t\tthis.element.style.willChange = ''\n\t\t\t\tthis.animation = undefined\n\t\t\t}),\n\t\t\tcatchError(() => EMPTY), // Animation cancelled — no cleanup needed\n\t\t).subscribe()\n\t}\n\n\toverride disconnected() {\n\t\tthis.animation?.cancel()\n\t\tthis.animation = undefined\n\t}\n}\n\nexport const gravity = directive(GravityDirective)\n"],"mappings":"2OAiCA,IAAM,EAAN,cAA+B,EAAA,cAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,CAAA,EAAA,KAAA,YAAA,CAGR,CAAA,CAGtB,OAAO,EAAA,CAEP,CAEA,OAAgB,EAAA,CAAoB,GAAA,CACnC,GAAI,EAAK,OAAS,EAAA,SAAS,QAC1B,MAAU,MAAM,8CAAA,EAMjB,GAHA,KAAK,QAAU,EAAK,QACpB,KAAK,QAAU,EAEX,KAAK,YAAa,OACtB,GAAI,EAAA,EAAe,MAElB,OAAA,KADA,KAAK,YAAA,CAAc,GAIpB,IAAM,EAAO,KAAK,IAAI,GAAK,KAAK,IAAI,EAAK,GAAS,MAAQ,CAAA,CAAA,EACpD,EAAW,GAAS,UAAY,GAChC,GAAS,GAAS,OAAS,IAAM,GAAS,SAAW,GAE3D,KAAK,QAAQ,EAAM,EAAU,CAAA,EAC7B,KAAK,YAAA,CAAc,CAGpB,CAEA,aAAA,CAEC,GADA,KAAK,YAAA,CAAc,EACf,KAAK,SAAA,CAAY,EAAA,EAAe,MAAO,CAC1C,IAAM,EAAO,KAAK,IAAI,GAAK,KAAK,IAAI,EAAK,KAAK,QAAQ,MAAQ,CAAA,CAAA,EACxD,EAAW,KAAK,QAAQ,UAAY,GACpC,GAAS,KAAK,QAAQ,OAAS,IAAM,KAAK,QAAQ,SAAW,GACnE,KAAK,QAAQ,EAAM,EAAU,CAAA,EAC7B,KAAK,YAAA,CAAc,CACpB,CACD,CAEA,QAAgB,EAAc,EAAkB,EAAA,CAC/C,IAAM,EAAS,EAAO,GAAM,EAAA,EAAgB,EAAA,EACtC,EAAW,EAAO,UAAY,EAAI,KAAK,KAAK,CAAA,GAC5C,EAA2B,EAAI,EAAhB,EAErB,KAAK,WAAW,OAAA,EAEhB,KAAK,QAAQ,MAAM,WAAa,qBAChC,KAAK,UAAY,KAAK,QAAQ,QAC7B,CACC,CAAE,QAAS,EAAG,UAAW,eAAe,EAAA,IAAA,EACxC,CAAE,QAAS,EAAG,UAAW,eAAA,CAAA,EAE1B,CACC,SAAA,EACA,MAAA,EACA,OAAQ,EAAO,eACf,KAAM,WAAA,CAAA,GAKR,EAAA,EAAA,MAAK,KAAK,UAAU,QAAA,EAAU,MAAA,EAAA,EAAA,MACxB,CAAA,GAAC,EAAA,EAAA,SAAA,CAEL,KAAK,QAAQ,MAAM,WAAa,GAChC,KAAK,UAAA,IAAY,EAAA,CAAA,GACjB,EAAA,EAAA,gBACgB,EAAA,KAAA,CAAA,EAChB,UAAA,CACH,CAEA,cAAA,CACC,KAAK,WAAW,OAAA,EAChB,KAAK,UAAA,IAAY,EAClB,CAAA,EAGY,GAAA,EAAA,EAAA,WAAoB,CAAA,EAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"gravity-6pL6CfIr.cjs","names":[],"sources":["../src/directives/gravity.ts"],"sourcesContent":["import { directive, type ElementPart, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { from, EMPTY } from 'rxjs'\nimport { take, catchError, tap } from 'rxjs/operators'\nimport { SPRING_SMOOTH, SPRING_BOUNCY } from '../utils/animation'\nimport { reducedMotion$ } from './reduced-motion'\n\nexport interface GravityOptions {\n\t/** Mass: 0.5 (light/bouncy) to 2.0 (heavy/damped). Default: 1.0 */\n\tmass?: number\n\t/** Fall distance in pixels (default: 30) */\n\tdistance?: number\n\t/** Delay before falling in ms (default: 0) */\n\tdelay?: number\n\t/** Stagger delay per item for lists — multiply by index (default: 0) */\n\tstagger?: number\n}\n\n/**\n * Gravity directive — elements fall into place and settle with mass-based bounce.\n *\n * Only animates ONCE on first render. Re-renders do not re-trigger.\n * Disconnecting and reconnecting re-triggers the animation.\n *\n * @example\n * ```html\n * <schmancy-card ${gravity()}>content</schmancy-card>\n *\n * ${repeat(items, item => item.id, (item, i) => html`\n *   <div ${gravity({ stagger: 50 * i, mass: 0.8 })}>...</div>\n * `)}\n * ```\n */\nclass GravityDirective extends AsyncDirective {\n\tprivate element!: HTMLElement\n\tprivate animation?: Animation\n\tprivate hasAnimated = false\n\tprivate options?: GravityOptions\n\n\trender(options?: GravityOptions) {\n\t\tvoid options\n\t\treturn undefined\n\t}\n\n\toverride update(part: ElementPart, [options]: [GravityOptions?]) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('gravity directive must be used on an element')\n\t\t}\n\n\t\tthis.element = part.element as HTMLElement\n\t\tthis.options = options\n\n\t\tif (this.hasAnimated) return undefined\n\t\tif (reducedMotion$.value) {\n\t\t\tthis.hasAnimated = true\n\t\t\treturn undefined\n\t\t}\n\n\t\tconst mass = Math.max(0.3, Math.min(3.0, options?.mass ?? 1.0))\n\t\tconst distance = options?.distance ?? 30\n\t\tconst delay = (options?.delay ?? 0) + (options?.stagger ?? 0)\n\n\t\tthis.animate(mass, distance, delay)\n\t\tthis.hasAnimated = true\n\n\t\treturn undefined\n\t}\n\n\toverride reconnected() {\n\t\tthis.hasAnimated = false\n\t\tif (this.options && !reducedMotion$.value) {\n\t\t\tconst mass = Math.max(0.3, Math.min(3.0, this.options.mass ?? 1.0))\n\t\t\tconst distance = this.options.distance ?? 30\n\t\t\tconst delay = (this.options.delay ?? 0) + (this.options.stagger ?? 0)\n\t\t\tthis.animate(mass, distance, delay)\n\t\t\tthis.hasAnimated = true\n\t\t}\n\t}\n\n\tprivate animate(mass: number, distance: number, delay: number) {\n\t\tconst preset = mass < 0.7 ? SPRING_BOUNCY : SPRING_SMOOTH\n\t\tconst duration = preset.duration * (1 / Math.sqrt(mass))\n\t\tconst fallDistance = distance * (1 / mass)\n\n\t\tthis.animation?.cancel()\n\n\t\tthis.element.style.willChange = 'transform, opacity'\n\t\tthis.animation = this.element.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 0, transform: `translateY(-${fallDistance}px)` },\n\t\t\t\t{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration,\n\t\t\t\tdelay,\n\t\t\t\teasing: preset.easingFallback,\n\t\t\t\tfill: 'backwards',\n\t\t\t},\n\t\t)\n\n\t\t// RxJS cleanup instead of raw .then()\n\t\tfrom(this.animation.finished).pipe(\n\t\t\ttake(1),\n\t\t\ttap(() => {\n\t\t\t\tthis.element.style.willChange = ''\n\t\t\t\tthis.animation = undefined\n\t\t\t}),\n\t\t\tcatchError(() => EMPTY), // Animation cancelled — no cleanup needed\n\t\t).subscribe()\n\t}\n\n\toverride disconnected() {\n\t\tthis.animation?.cancel()\n\t\tthis.animation = undefined\n\t}\n}\n\nexport const gravity = directive(GravityDirective)\n"],"mappings":"2OAiCA,IAAM,EAAN,cAA+B,EAAA,cAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,CAAA,EAAA,KAAA,YAAA,CAGR,CAAA,CAGtB,OAAO,EAAA,CAGP,CAEA,OAAgB,EAAA,CAAoB,GAAA,CACnC,GAAI,EAAK,OAAS,EAAA,SAAS,QAC1B,MAAU,MAAM,8CAAA,EAMjB,GAHA,KAAK,QAAU,EAAK,QACpB,KAAK,QAAU,EAEX,KAAK,YAAa,OACtB,GAAI,EAAA,EAAe,MAElB,OAAA,KADA,KAAK,YAAA,CAAc,GAIpB,IAAM,EAAO,KAAK,IAAI,GAAK,KAAK,IAAI,EAAK,GAAS,MAAQ,CAAA,CAAA,EACpD,EAAW,GAAS,UAAY,GAChC,GAAS,GAAS,OAAS,IAAM,GAAS,SAAW,GAE3D,KAAK,QAAQ,EAAM,EAAU,CAAA,EAC7B,KAAK,YAAA,CAAc,CAGpB,CAEA,aAAA,CAEC,GADA,KAAK,YAAA,CAAc,EACf,KAAK,SAAA,CAAY,EAAA,EAAe,MAAO,CAC1C,IAAM,EAAO,KAAK,IAAI,GAAK,KAAK,IAAI,EAAK,KAAK,QAAQ,MAAQ,CAAA,CAAA,EACxD,EAAW,KAAK,QAAQ,UAAY,GACpC,GAAS,KAAK,QAAQ,OAAS,IAAM,KAAK,QAAQ,SAAW,GACnE,KAAK,QAAQ,EAAM,EAAU,CAAA,EAC7B,KAAK,YAAA,CAAc,CACpB,CACD,CAEA,QAAgB,EAAc,EAAkB,EAAA,CAC/C,IAAM,EAAS,EAAO,GAAM,EAAA,EAAgB,EAAA,EACtC,EAAW,EAAO,UAAY,EAAI,KAAK,KAAK,CAAA,GAC5C,EAA2B,EAAI,EAAhB,EAErB,KAAK,WAAW,OAAA,EAEhB,KAAK,QAAQ,MAAM,WAAa,qBAChC,KAAK,UAAY,KAAK,QAAQ,QAC7B,CACC,CAAE,QAAS,EAAG,UAAW,eAAe,EAAA,IAAA,EACxC,CAAE,QAAS,EAAG,UAAW,eAAA,CAAA,EAE1B,CACC,SAAA,EACA,MAAA,EACA,OAAQ,EAAO,eACf,KAAM,WAAA,CAAA,GAKR,EAAA,EAAA,MAAK,KAAK,UAAU,QAAA,EAAU,MAAA,EAAA,EAAA,MACxB,CAAA,GAAC,EAAA,EAAA,SAAA,CAEL,KAAK,QAAQ,MAAM,WAAa,GAChC,KAAK,UAAA,IAAY,EAAA,CAAA,GACjB,EAAA,EAAA,gBACgB,EAAA,KAAA,CAAA,EAChB,UAAA,CACH,CAEA,cAAA,CACC,KAAK,WAAW,OAAA,EAChB,KAAK,UAAA,IAAY,EAClB,CAAA,EAGY,GAAA,EAAA,EAAA,WAAoB,CAAA,EAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,CAAA,CAAA,CAAA"}

package/dist/gravity-sVK3zGBF.js.map

@@ -1 +1 @@
-{"version":3,"file":"gravity-sVK3zGBF.js","names":[],"sources":["../src/directives/gravity.ts"],"sourcesContent":["import { directive, type ElementPart, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { from, EMPTY } from 'rxjs'\nimport { take, catchError, tap } from 'rxjs/operators'\nimport { SPRING_SMOOTH, SPRING_BOUNCY } from '../utils/animation'\nimport { reducedMotion$ } from './reduced-motion'\n\nexport interface GravityOptions {\n\t/** Mass: 0.5 (light/bouncy) to 2.0 (heavy/damped). Default: 1.0 */\n\tmass?: number\n\t/** Fall distance in pixels (default: 30) */\n\tdistance?: number\n\t/** Delay before falling in ms (default: 0) */\n\tdelay?: number\n\t/** Stagger delay per item for lists — multiply by index (default: 0) */\n\tstagger?: number\n}\n\n/**\n * Gravity directive — elements fall into place and settle with mass-based bounce.\n *\n * Only animates ONCE on first render. Re-renders do not re-trigger.\n * Disconnecting and reconnecting re-triggers the animation.\n *\n * @example\n * ```html\n * <schmancy-card ${gravity()}>content</schmancy-card>\n *\n * ${repeat(items, item => item.id, (item, i) => html`\n *   <div ${gravity({ stagger: 50 * i, mass: 0.8 })}>...</div>\n * `)}\n * ```\n */\nclass GravityDirective extends AsyncDirective {\n\tprivate element!: HTMLElement\n\tprivate animation?: Animation\n\tprivate hasAnimated = false\n\tprivate options?: GravityOptions\n\n\trender(_options?: GravityOptions) {\n\t\treturn undefined\n\t}\n\n\toverride update(part: ElementPart, [options]: [GravityOptions?]) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('gravity directive must be used on an element')\n\t\t}\n\n\t\tthis.element = part.element as HTMLElement\n\t\tthis.options = options\n\n\t\tif (this.hasAnimated) return undefined\n\t\tif (reducedMotion$.value) {\n\t\t\tthis.hasAnimated = true\n\t\t\treturn undefined\n\t\t}\n\n\t\tconst mass = Math.max(0.3, Math.min(3.0, options?.mass ?? 1.0))\n\t\tconst distance = options?.distance ?? 30\n\t\tconst delay = (options?.delay ?? 0) + (options?.stagger ?? 0)\n\n\t\tthis.animate(mass, distance, delay)\n\t\tthis.hasAnimated = true\n\n\t\treturn undefined\n\t}\n\n\toverride reconnected() {\n\t\tthis.hasAnimated = false\n\t\tif (this.options && !reducedMotion$.value) {\n\t\t\tconst mass = Math.max(0.3, Math.min(3.0, this.options.mass ?? 1.0))\n\t\t\tconst distance = this.options.distance ?? 30\n\t\t\tconst delay = (this.options.delay ?? 0) + (this.options.stagger ?? 0)\n\t\t\tthis.animate(mass, distance, delay)\n\t\t\tthis.hasAnimated = true\n\t\t}\n\t}\n\n\tprivate animate(mass: number, distance: number, delay: number) {\n\t\tconst preset = mass < 0.7 ? SPRING_BOUNCY : SPRING_SMOOTH\n\t\tconst duration = preset.duration * (1 / Math.sqrt(mass))\n\t\tconst fallDistance = distance * (1 / mass)\n\n\t\tthis.animation?.cancel()\n\n\t\tthis.element.style.willChange = 'transform, opacity'\n\t\tthis.animation = this.element.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 0, transform: `translateY(-${fallDistance}px)` },\n\t\t\t\t{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration,\n\t\t\t\tdelay,\n\t\t\t\teasing: preset.easingFallback,\n\t\t\t\tfill: 'backwards',\n\t\t\t},\n\t\t)\n\n\t\t// RxJS cleanup instead of raw .then()\n\t\tfrom(this.animation.finished).pipe(\n\t\t\ttake(1),\n\t\t\ttap(() => {\n\t\t\t\tthis.element.style.willChange = ''\n\t\t\t\tthis.animation = undefined\n\t\t\t}),\n\t\t\tcatchError(() => EMPTY), // Animation cancelled — no cleanup needed\n\t\t).subscribe()\n\t}\n\n\toverride disconnected() {\n\t\tthis.animation?.cancel()\n\t\tthis.animation = undefined\n\t}\n}\n\nexport const gravity = directive(GravityDirective)\n"],"mappings":";;;;;;AAiCA,IAmFa,IAAU,EAnFvB,cAA+B,EAAA;CAAA,YAAA,GAAA,GAAA;EAAA,MAAA,GAAA,CAAA,GAAA,KAAA,cAAA,CAGR;CAAA;CAGtB,OAAO,GAAA,CAEP;CAEA,OAAgB,GAAA,CAAoB,IAAA;EACnC,IAAI,EAAK,SAAS,EAAS,SAC1B,MAAU,MAAM,8CAAA;EAMjB,IAHA,KAAK,UAAU,EAAK,SACpB,KAAK,UAAU,GAEX,KAAK,aAAa;EACtB,IAAI,EAAe,OAElB,OAAA,MADA,KAAK,cAAA,CAAc;EAIpB,IAAM,IAAO,KAAK,IAAI,IAAK,KAAK,IAAI,GAAK,GAAS,QAAQ,CAAA,CAAA,GACpD,IAAW,GAAS,YAAY,IAChC,KAAS,GAAS,SAAS,MAAM,GAAS,WAAW;EAE3D,KAAK,QAAQ,GAAM,GAAU,CAAA,GAC7B,KAAK,cAAA,CAAc;CAGpB;CAEA,cAAA;EAEC,IADA,KAAK,cAAA,CAAc,GACf,KAAK,WAAA,CAAY,EAAe,OAAO;GAC1C,IAAM,IAAO,KAAK,IAAI,IAAK,KAAK,IAAI,GAAK,KAAK,QAAQ,QAAQ,CAAA,CAAA,GACxD,IAAW,KAAK,QAAQ,YAAY,IACpC,KAAS,KAAK,QAAQ,SAAS,MAAM,KAAK,QAAQ,WAAW;GACnE,KAAK,QAAQ,GAAM,GAAU,CAAA,GAC7B,KAAK,cAAA,CAAc;EACpB;CACD;CAEA,QAAgB,GAAc,GAAkB,GAAA;EAC/C,IAAM,IAAS,IAAO,KAAM,IAAgB,GACtC,IAAW,EAAO,YAAY,IAAI,KAAK,KAAK,CAAA,IAC5C,IAA2B,IAAI,IAAhB;EAErB,KAAK,WAAW,OAAA,GAEhB,KAAK,QAAQ,MAAM,aAAa,sBAChC,KAAK,YAAY,KAAK,QAAQ,QAC7B,CACC;GAAE,SAAS;GAAG,WAAW,eAAe,EAAA;EAAA,GACxC;GAAE,SAAS;GAAG,WAAW;EAAA,CAAA,GAE1B;GACC,UAAA;GACA,OAAA;GACA,QAAQ,EAAO;GACf,MAAM;EAAA,CAAA,GAKR,EAAK,KAAK,UAAU,QAAA,EAAU,KAC7B,EAAK,CAAA,GACL,QAAA;GACC,KAAK,QAAQ,MAAM,aAAa,IAChC,KAAK,YAAA,KAAY;EAAA,CAAA,GAElB,QAAiB,CAAA,CAAA,EAChB,UAAA;CACH;CAEA,eAAA;EACC,KAAK,WAAW,OAAA,GAChB,KAAK,YAAA,KAAY;CAClB;AAAA,CAAA;AAAA,SAAA,KAAA"}
+{"version":3,"file":"gravity-sVK3zGBF.js","names":[],"sources":["../src/directives/gravity.ts"],"sourcesContent":["import { directive, type ElementPart, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { from, EMPTY } from 'rxjs'\nimport { take, catchError, tap } from 'rxjs/operators'\nimport { SPRING_SMOOTH, SPRING_BOUNCY } from '../utils/animation'\nimport { reducedMotion$ } from './reduced-motion'\n\nexport interface GravityOptions {\n\t/** Mass: 0.5 (light/bouncy) to 2.0 (heavy/damped). Default: 1.0 */\n\tmass?: number\n\t/** Fall distance in pixels (default: 30) */\n\tdistance?: number\n\t/** Delay before falling in ms (default: 0) */\n\tdelay?: number\n\t/** Stagger delay per item for lists — multiply by index (default: 0) */\n\tstagger?: number\n}\n\n/**\n * Gravity directive — elements fall into place and settle with mass-based bounce.\n *\n * Only animates ONCE on first render. Re-renders do not re-trigger.\n * Disconnecting and reconnecting re-triggers the animation.\n *\n * @example\n * ```html\n * <schmancy-card ${gravity()}>content</schmancy-card>\n *\n * ${repeat(items, item => item.id, (item, i) => html`\n *   <div ${gravity({ stagger: 50 * i, mass: 0.8 })}>...</div>\n * `)}\n * ```\n */\nclass GravityDirective extends AsyncDirective {\n\tprivate element!: HTMLElement\n\tprivate animation?: Animation\n\tprivate hasAnimated = false\n\tprivate options?: GravityOptions\n\n\trender(options?: GravityOptions) {\n\t\tvoid options\n\t\treturn undefined\n\t}\n\n\toverride update(part: ElementPart, [options]: [GravityOptions?]) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('gravity directive must be used on an element')\n\t\t}\n\n\t\tthis.element = part.element as HTMLElement\n\t\tthis.options = options\n\n\t\tif (this.hasAnimated) return undefined\n\t\tif (reducedMotion$.value) {\n\t\t\tthis.hasAnimated = true\n\t\t\treturn undefined\n\t\t}\n\n\t\tconst mass = Math.max(0.3, Math.min(3.0, options?.mass ?? 1.0))\n\t\tconst distance = options?.distance ?? 30\n\t\tconst delay = (options?.delay ?? 0) + (options?.stagger ?? 0)\n\n\t\tthis.animate(mass, distance, delay)\n\t\tthis.hasAnimated = true\n\n\t\treturn undefined\n\t}\n\n\toverride reconnected() {\n\t\tthis.hasAnimated = false\n\t\tif (this.options && !reducedMotion$.value) {\n\t\t\tconst mass = Math.max(0.3, Math.min(3.0, this.options.mass ?? 1.0))\n\t\t\tconst distance = this.options.distance ?? 30\n\t\t\tconst delay = (this.options.delay ?? 0) + (this.options.stagger ?? 0)\n\t\t\tthis.animate(mass, distance, delay)\n\t\t\tthis.hasAnimated = true\n\t\t}\n\t}\n\n\tprivate animate(mass: number, distance: number, delay: number) {\n\t\tconst preset = mass < 0.7 ? SPRING_BOUNCY : SPRING_SMOOTH\n\t\tconst duration = preset.duration * (1 / Math.sqrt(mass))\n\t\tconst fallDistance = distance * (1 / mass)\n\n\t\tthis.animation?.cancel()\n\n\t\tthis.element.style.willChange = 'transform, opacity'\n\t\tthis.animation = this.element.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 0, transform: `translateY(-${fallDistance}px)` },\n\t\t\t\t{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration,\n\t\t\t\tdelay,\n\t\t\t\teasing: preset.easingFallback,\n\t\t\t\tfill: 'backwards',\n\t\t\t},\n\t\t)\n\n\t\t// RxJS cleanup instead of raw .then()\n\t\tfrom(this.animation.finished).pipe(\n\t\t\ttake(1),\n\t\t\ttap(() => {\n\t\t\t\tthis.element.style.willChange = ''\n\t\t\t\tthis.animation = undefined\n\t\t\t}),\n\t\t\tcatchError(() => EMPTY), // Animation cancelled — no cleanup needed\n\t\t).subscribe()\n\t}\n\n\toverride disconnected() {\n\t\tthis.animation?.cancel()\n\t\tthis.animation = undefined\n\t}\n}\n\nexport const gravity = directive(GravityDirective)\n"],"mappings":";;;;;;AAiCA,IAoFa,IAAU,EApFvB,cAA+B,EAAA;CAAA,YAAA,GAAA,GAAA;EAAA,MAAA,GAAA,CAAA,GAAA,KAAA,cAAA,CAGR;CAAA;CAGtB,OAAO,GAAA,CAGP;CAEA,OAAgB,GAAA,CAAoB,IAAA;EACnC,IAAI,EAAK,SAAS,EAAS,SAC1B,MAAU,MAAM,8CAAA;EAMjB,IAHA,KAAK,UAAU,EAAK,SACpB,KAAK,UAAU,GAEX,KAAK,aAAa;EACtB,IAAI,EAAe,OAElB,OAAA,MADA,KAAK,cAAA,CAAc;EAIpB,IAAM,IAAO,KAAK,IAAI,IAAK,KAAK,IAAI,GAAK,GAAS,QAAQ,CAAA,CAAA,GACpD,IAAW,GAAS,YAAY,IAChC,KAAS,GAAS,SAAS,MAAM,GAAS,WAAW;EAE3D,KAAK,QAAQ,GAAM,GAAU,CAAA,GAC7B,KAAK,cAAA,CAAc;CAGpB;CAEA,cAAA;EAEC,IADA,KAAK,cAAA,CAAc,GACf,KAAK,WAAA,CAAY,EAAe,OAAO;GAC1C,IAAM,IAAO,KAAK,IAAI,IAAK,KAAK,IAAI,GAAK,KAAK,QAAQ,QAAQ,CAAA,CAAA,GACxD,IAAW,KAAK,QAAQ,YAAY,IACpC,KAAS,KAAK,QAAQ,SAAS,MAAM,KAAK,QAAQ,WAAW;GACnE,KAAK,QAAQ,GAAM,GAAU,CAAA,GAC7B,KAAK,cAAA,CAAc;EACpB;CACD;CAEA,QAAgB,GAAc,GAAkB,GAAA;EAC/C,IAAM,IAAS,IAAO,KAAM,IAAgB,GACtC,IAAW,EAAO,YAAY,IAAI,KAAK,KAAK,CAAA,IAC5C,IAA2B,IAAI,IAAhB;EAErB,KAAK,WAAW,OAAA,GAEhB,KAAK,QAAQ,MAAM,aAAa,sBAChC,KAAK,YAAY,KAAK,QAAQ,QAC7B,CACC;GAAE,SAAS;GAAG,WAAW,eAAe,EAAA;EAAA,GACxC;GAAE,SAAS;GAAG,WAAW;EAAA,CAAA,GAE1B;GACC,UAAA;GACA,OAAA;GACA,QAAQ,EAAO;GACf,MAAM;EAAA,CAAA,GAKR,EAAK,KAAK,UAAU,QAAA,EAAU,KAC7B,EAAK,CAAA,GACL,QAAA;GACC,KAAK,QAAQ,MAAM,aAAa,IAChC,KAAK,YAAA,KAAY;EAAA,CAAA,GAElB,QAAiB,CAAA,CAAA,EAChB,UAAA;CACH;CAEA,eAAA;EACC,KAAK,WAAW,OAAA,GAChB,KAAK,YAAA,KAAY;CAClB;AAAA,CAAA;AAAA,SAAA,KAAA"}

package/dist/handover/agent-runtime-followups.md

@@ -203,7 +203,7 @@ The manifest already has everything needed; the package is just the JSON-RPC wra
 
 **Problem.** `handover/agent-runtime-v1.md` had `<PENDING>` placeholders that we manually replaced with `0.9.13` after the first publish. Future handover docs will have the same issue.
 
-**Fix.** A build step that substitutes `0.10.37` in `handover/**/*.md` against `package.json`'s `version` field on every build. `dist/handover/**/*.md` gets the rendered version; the source stays templated.
+**Fix.** A build step that substitutes `0.10.39` in `handover/**/*.md` against `package.json`'s `version` field on every build. `dist/handover/**/*.md` gets the rendered version; the source stays templated.
 
 **Effort:** ~30 min (one sed step or a tiny script).
 

package/dist/handover/agent-runtime-v1.md

@@ -7,8 +7,8 @@
 ## The URLs you asked for
 
 ```
-https://esm.sh/@mhmo91/schmancy/agent@0.10.37
-https://esm.sh/@mhmo91/schmancy/agent/manifest@0.10.37
+https://esm.sh/@mhmo91/schmancy/agent@0.10.39
+https://esm.sh/@mhmo91/schmancy/agent/manifest@0.10.39
 ```
 
 `0.9.13` is the first release containing `/agent`; every subsequent publish serves the same subpath. `npm view @mhmo91/schmancy version` always returns the current pin if you want to float forward.
@@ -20,7 +20,7 @@ One script tag. No bundler, no bare specifiers, no npm install.
 ```html
 <!doctype html>
 <script type="module">
-  import { $dialog, theme } from 'https://esm.sh/@mhmo91/schmancy/agent@0.10.37';
+  import { $dialog, theme } from 'https://esm.sh/@mhmo91/schmancy/agent@0.10.39';
 </script>
 <schmancy-theme root scheme="dark">
   <schmancy-surface type="solid" fill="all">

package/dist/{icons-C6UfxmHZ.js → icons-CJ2mXcBi.js}

@@ -1,10 +1,10 @@
-import { t as e, u as t } from "./SchmancyElement-CDT2q1lA.js";
-import "./mixins-De1zjyhy.js";
+import { t as e, u as t } from "./SchmancyElement-BNnyBOwk.js";
+import "./mixins-DGBI7YPO.js";
 import { customElement as n, state as r } from "lit/decorators.js";
 import { css as i, html as a, nothing as o, svg as s } from "lit";
 var c = class extends e {
 	constructor(...e) {
-		super(...e), this._name = "";
+		super(...e), this.name = "";
 	}
 	static {
 		this.styles = [i`
@@ -28,19 +28,19 @@ var c = class extends e {
 	`];
 	}
 	connectedCallback() {
-		super.connectedCallback(), this._name = this.textContent?.trim() ?? "", this._observer = new MutationObserver(() => {
-			this._name = this.textContent?.trim() ?? "";
-		}), this._observer.observe(this, {
+		super.connectedCallback(), this.name = this.textContent?.trim() ?? "", this.observer = new MutationObserver(() => {
+			this.name = this.textContent?.trim() ?? "";
+		}), this.observer.observe(this, {
 			childList: !0,
 			characterData: !0,
 			subtree: !0
 		}), this.setAttribute("aria-hidden", "true"), this.setAttribute("translate", "no");
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this._observer?.disconnect();
+		super.disconnectedCallback(), this.observer?.disconnect();
 	}
 	render() {
-		let e = window.__siIcons?.[this._name];
+		let e = window.__siIcons?.[this.name];
 		return a`
 			<slot style="display:none"></slot>
 			${e ? a`<svg viewBox="0 -960 960 960" xmlns="http://www.w3.org/2000/svg">
@@ -49,4 +49,4 @@ var c = class extends e {
 		`;
 	}
 };
-t([r()], c.prototype, "_name", void 0), c = t([n("schmancy-icon")], c);
+t([r()], c.prototype, "name", void 0), c = t([n("schmancy-icon")], c);

package/dist/icons-CJ2mXcBi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons-CJ2mXcBi.js","names":[],"sources":["../src/icons/icon.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html, nothing, svg } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\ndeclare global {\n  interface Window {\n    // eslint-disable-next-line no-underscore-dangle -- public runtime contract: global populated by the external schmancy-icons Vite plugin; renaming breaks consumers\n    __siIcons?: Record<string, string>\n  }\n}\n\n/**\n * @element schmancy-icon\n * Renders a Material Symbol inline as SVG — path data comes from\n * window.__siIcons populated by the schmancy-icons Vite plugin.\n *\n * Size: set font-size on the host via Tailwind (e.g. class=\"text-2xl\").\n * Color: inherits currentColor.\n * Active fill: use the \"-fill\" variant name: \"home-fill\".\n *\n * Usage:\n *   <schmancy-icon>home</schmancy-icon>\n *   <schmancy-icon class=\"text-lg text-primary-default\">delete</schmancy-icon>\n *   <schmancy-icon>${active ? 'home-fill' : 'home'}</schmancy-icon>\n */\n@customElement('schmancy-icon')\nexport default class SchmancyIcon extends SchmancyElement {\n\tstatic styles = [css`\n\t\t:host {\n\t\t\tdisplay: inline-flex;\n\t\t\tplace-items: center;\n\t\t\tplace-content: center;\n\t\t\tfont-size: 24px;\n\t\t\twidth: 1em;\n\t\t\theight: 1em;\n\t\t\tflex-shrink: 0;\n\t\t\tcolor: inherit;\n\t\t}\n\n\t\tsvg {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tfill: currentColor;\n\t\t\toverflow: visible;\n\t\t}\n\t`]\n\n\t@state() private name = ''\n\n\tprivate observer?: MutationObserver\n\n\toverride connectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.name = this.textContent?.trim() ?? ''\n\t\tthis.observer = new MutationObserver(() => {\n\t\t\tthis.name = this.textContent?.trim() ?? ''\n\t\t})\n\t\tthis.observer.observe(this, { childList: true, characterData: true, subtree: true })\n\t\tthis.setAttribute('aria-hidden', 'true')\n\t\tthis.setAttribute('translate', 'no')\n\t}\n\n\toverride disconnectedCallback(): void {\n\t\tsuper.disconnectedCallback()\n\t\tthis.observer?.disconnect()\n\t}\n\n\tprotected override render(): unknown {\n\t\t// eslint-disable-next-line no-underscore-dangle -- public runtime contract: see Window.__siIcons declaration above\n\t\tconst path = window.__siIcons?.[this.name]\n\t\treturn html`\n\t\t\t<slot style=\"display:none\"></slot>\n\t\t\t${path\n\t\t\t\t? html`<svg viewBox=\"0 -960 960 960\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t${svg`<path d=\"${path}\"/>`}\n\t\t\t\t\t</svg>`\n\t\t\t\t: nothing}\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-icon': SchmancyIcon\n\t}\n}\n"],"mappings":";;;;AA0Be,IAAA,IAAA,cAA2B,EAAA;CAAA,YAAA,GAAA,GAAA;EAAA,MAAA,GAAA,CAAA,GAAA,KAAA,OAqBjB;CAAA;CAAA;EAAA,KAAA,SApBR,CAAC,CAAG;;;;;;;;;;;;;;;;;;;;CAwBpB,oBAAA;EACC,MAAM,kBAAA,GACN,KAAK,OAAO,KAAK,aAAa,KAAA,KAAU,IACxC,KAAK,WAAW,IAAI,uBAAA;GACnB,KAAK,OAAO,KAAK,aAAa,KAAA,KAAU;EAAA,CAAA,GAEzC,KAAK,SAAS,QAAQ,MAAM;GAAE,WAAA,CAAW;GAAM,eAAA,CAAe;GAAM,SAAA,CAAS;EAAA,CAAA,GAC7E,KAAK,aAAa,eAAe,MAAA,GACjC,KAAK,aAAa,aAAa,IAAA;CAChC;CAEA,uBAAA;EACC,MAAM,qBAAA,GACN,KAAK,UAAU,WAAA;CAChB;CAEA,SAAA;EAEC,IAAM,IAAO,OAAO,YAAY,KAAK;EACrC,OAAO,CAAI;;KAER,IACC,CAAI;QACF,CAAG,YAAY,EAAA,KAAA;eAEjB,EAAA;;CAEL;AAAA;AAAA,EAAA,CA/BC,EAAA,CAAA,GAAM,EAAA,WAAA,QAAA,KAAA,CAAA,GAAA,IAAA,EAAA,CAtBP,EAAc,eAAA,CAAA,GAAe,CAAA"}

package/dist/icons-sZ-LybA9.cjs

@@ -0,0 +1,24 @@
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-C41uPa6l.cjs`);require(`./mixins-fIpzhVMd.cjs`);let t=require(`lit/decorators.js`),n=require(`lit`);var r=class extends e.t{constructor(...e){super(...e),this.name=``}static{this.styles=[n.css`
+		:host {
+			display: inline-flex;
+			place-items: center;
+			place-content: center;
+			font-size: 24px;
+			width: 1em;
+			height: 1em;
+			flex-shrink: 0;
+			color: inherit;
+		}
+
+		svg {
+			width: 100%;
+			height: 100%;
+			fill: currentColor;
+			overflow: visible;
+		}
+	`]}connectedCallback(){super.connectedCallback(),this.name=this.textContent?.trim()??``,this.observer=new MutationObserver(()=>{this.name=this.textContent?.trim()??``}),this.observer.observe(this,{childList:!0,characterData:!0,subtree:!0}),this.setAttribute(`aria-hidden`,`true`),this.setAttribute(`translate`,`no`)}disconnectedCallback(){super.disconnectedCallback(),this.observer?.disconnect()}render(){let e=window.__siIcons?.[this.name];return n.html`
+			<slot style="display:none"></slot>
+			${e?n.html`<svg viewBox="0 -960 960 960" xmlns="http://www.w3.org/2000/svg">
+						${n.svg`<path d="${e}"/>`}
+					</svg>`:n.nothing}
+		`}};e.u([(0,t.state)()],r.prototype,`name`,void 0),r=e.u([(0,t.customElement)(`schmancy-icon`)],r);

package/dist/icons-sZ-LybA9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons-sZ-LybA9.cjs","names":[],"sources":["../src/icons/icon.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html, nothing, svg } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\ndeclare global {\n  interface Window {\n    // eslint-disable-next-line no-underscore-dangle -- public runtime contract: global populated by the external schmancy-icons Vite plugin; renaming breaks consumers\n    __siIcons?: Record<string, string>\n  }\n}\n\n/**\n * @element schmancy-icon\n * Renders a Material Symbol inline as SVG — path data comes from\n * window.__siIcons populated by the schmancy-icons Vite plugin.\n *\n * Size: set font-size on the host via Tailwind (e.g. class=\"text-2xl\").\n * Color: inherits currentColor.\n * Active fill: use the \"-fill\" variant name: \"home-fill\".\n *\n * Usage:\n *   <schmancy-icon>home</schmancy-icon>\n *   <schmancy-icon class=\"text-lg text-primary-default\">delete</schmancy-icon>\n *   <schmancy-icon>${active ? 'home-fill' : 'home'}</schmancy-icon>\n */\n@customElement('schmancy-icon')\nexport default class SchmancyIcon extends SchmancyElement {\n\tstatic styles = [css`\n\t\t:host {\n\t\t\tdisplay: inline-flex;\n\t\t\tplace-items: center;\n\t\t\tplace-content: center;\n\t\t\tfont-size: 24px;\n\t\t\twidth: 1em;\n\t\t\theight: 1em;\n\t\t\tflex-shrink: 0;\n\t\t\tcolor: inherit;\n\t\t}\n\n\t\tsvg {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tfill: currentColor;\n\t\t\toverflow: visible;\n\t\t}\n\t`]\n\n\t@state() private name = ''\n\n\tprivate observer?: MutationObserver\n\n\toverride connectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.name = this.textContent?.trim() ?? ''\n\t\tthis.observer = new MutationObserver(() => {\n\t\t\tthis.name = this.textContent?.trim() ?? ''\n\t\t})\n\t\tthis.observer.observe(this, { childList: true, characterData: true, subtree: true })\n\t\tthis.setAttribute('aria-hidden', 'true')\n\t\tthis.setAttribute('translate', 'no')\n\t}\n\n\toverride disconnectedCallback(): void {\n\t\tsuper.disconnectedCallback()\n\t\tthis.observer?.disconnect()\n\t}\n\n\tprotected override render(): unknown {\n\t\t// eslint-disable-next-line no-underscore-dangle -- public runtime contract: see Window.__siIcons declaration above\n\t\tconst path = window.__siIcons?.[this.name]\n\t\treturn html`\n\t\t\t<slot style=\"display:none\"></slot>\n\t\t\t${path\n\t\t\t\t? html`<svg viewBox=\"0 -960 960 960\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t${svg`<path d=\"${path}\"/>`}\n\t\t\t\t\t</svg>`\n\t\t\t\t: nothing}\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-icon': SchmancyIcon\n\t}\n}\n"],"mappings":"uKA0Be,IAAA,EAAA,cAA2B,EAAA,CAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,CAAA,EAAA,KAAA,KAqBjB,EAAA,CAAA,OAAA,KAAA,OApBR,CAAC,EAAA,GAAG;;;;;;;;;;;;;;;;;;IAwBpB,mBAAA,CACC,MAAM,kBAAA,EACN,KAAK,KAAO,KAAK,aAAa,KAAA,GAAU,GACxC,KAAK,SAAW,IAAI,qBAAA,CACnB,KAAK,KAAO,KAAK,aAAa,KAAA,GAAU,EAAA,CAAA,EAEzC,KAAK,SAAS,QAAQ,KAAM,CAAE,UAAA,CAAW,EAAM,cAAA,CAAe,EAAM,QAAA,CAAS,CAAA,CAAA,EAC7E,KAAK,aAAa,cAAe,MAAA,EACjC,KAAK,aAAa,YAAa,IAAA,CAChC,CAEA,sBAAA,CACC,MAAM,qBAAA,EACN,KAAK,UAAU,WAAA,CAChB,CAEA,QAAA,CAEC,IAAM,EAAO,OAAO,YAAY,KAAK,MACrC,MAAO,GAAA,IAAI;;KAER,EACC,EAAA,IAAI;QACF,EAAA,GAAG,YAAY,EAAA,KAAA;aAEjB,EAAA,QAAA;GAEL,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,OAAA,CAAA,EA/BO,EAAA,UAAA,OAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eAtBO,eAAA,CAAA,EAAe,CAAA"}

package/dist/icons.cjs

@@ -1 +1 @@
-require(`./icons-CW3-oMSb.cjs`);
+require(`./icons-sZ-LybA9.cjs`);

package/dist/icons.js

@@ -1 +1 @@
-import "./icons-C6UfxmHZ.js";
+import "./icons-CJ2mXcBi.js";

package/dist/{iframe-BTjZfYyh.js → iframe-DWvN5nGB.js}

@@ -1,11 +1,11 @@
-import { t as e, u as t } from "./SchmancyElement-CDT2q1lA.js";
-import "./mixins-De1zjyhy.js";
+import { t as e, u as t } from "./SchmancyElement-BNnyBOwk.js";
+import "./mixins-DGBI7YPO.js";
 import { customElement as n, property as r, state as i } from "lit/decorators.js";
 import { css as a, html as o } from "lit";
 import { createRef as s, ref as c } from "lit/directives/ref.js";
 var l = class extends e {
 	constructor(...e) {
-		super(...e), this.html = "", this.css = "", this.baseCss = "html,body{margin:0;padding:0;overflow:hidden;background:#fff;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}\nbody{padding:16px}\np{margin:0 0 1em}p:last-child{margin-bottom:0}\nul,ol{margin:0 0 1em;padding-left:1.5em}li{margin-bottom:.25em}\nh1,h2,h3,h4{margin:0 0 .5em;line-height:1.3}h1{font-size:1.5em}h2{font-size:1.25em}h3{font-size:1.1em}h4{font-size:1em}\nhr{border:none;border-top:1px solid #dadce0;margin:1em 0}\nimg{max-width:100%;height:auto}\ntable{border-collapse:collapse;max-width:100%}td,th{padding:4px 8px;border:1px solid #dadce0}\nblockquote{margin:0 0 1em;padding:.5em 0 .5em 1em;border-left:3px solid #dadce0;color:#5f6368}\npre{background:#f5f5f5;padding:.75em;border-radius:4px;overflow-x:auto;font-size:.9em}\ncode{background:#f5f5f5;padding:.1em .3em;border-radius:3px;font-size:.9em}", this.sandbox = "allow-same-origin allow-popups", this.minHeight = 60, this._height = 60, this._srcdoc = "", this._iframeRef = s();
+		super(...e), this.html = "", this.css = "", this.baseCss = "html,body{margin:0;padding:0;overflow:hidden;background:#fff;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}\nbody{padding:16px}\np{margin:0 0 1em}p:last-child{margin-bottom:0}\nul,ol{margin:0 0 1em;padding-left:1.5em}li{margin-bottom:.25em}\nh1,h2,h3,h4{margin:0 0 .5em;line-height:1.3}h1{font-size:1.5em}h2{font-size:1.25em}h3{font-size:1.1em}h4{font-size:1em}\nhr{border:none;border-top:1px solid #dadce0;margin:1em 0}\nimg{max-width:100%;height:auto}\ntable{border-collapse:collapse;max-width:100%}td,th{padding:4px 8px;border:1px solid #dadce0}\nblockquote{margin:0 0 1em;padding:.5em 0 .5em 1em;border-left:3px solid #dadce0;color:#5f6368}\npre{background:#f5f5f5;padding:.75em;border-radius:4px;overflow-x:auto;font-size:.9em}\ncode{background:#f5f5f5;padding:.1em .3em;border-radius:3px;font-size:.9em}", this.sandbox = "allow-same-origin allow-popups", this.minHeight = 60, this.height = 60, this.srcdoc = "", this.iframeRef = s();
 	}
 	static {
 		this.styles = [a`
@@ -19,10 +19,10 @@ var l = class extends e {
 `];
 	}
 	willUpdate(e) {
-		(e.has("html") || e.has("css") || e.has("baseCss")) && (this._srcdoc = this.html ? this.buildSrcdoc() : "", this._height = this.minHeight);
+		(e.has("html") || e.has("css") || e.has("baseCss")) && (this.srcdoc = this.html ? this.buildSrcdoc() : "", this.height = this.minHeight);
 	}
 	updated(e) {
-		e.has("sandbox") && this._iframeRef.value?.setAttribute("sandbox", this.sandbox);
+		e.has("sandbox") && this.iframeRef.value?.setAttribute("sandbox", this.sandbox);
 	}
 	buildSrcdoc() {
 		return `<!DOCTYPE html><html><head>\n<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">\n<base target="_blank">\n<style>${this.css ? `${this.baseCss}\n${this.css}` : this.baseCss}</style></head><body>${this.html}</body></html>`;
@@ -32,20 +32,20 @@ var l = class extends e {
 		try {
 			let e = t.contentDocument;
 			if (!e) return;
-			this._height = Math.max(e.documentElement.scrollHeight, this.minHeight);
+			this.height = Math.max(e.documentElement.scrollHeight, this.minHeight);
 		} catch {
-			this._height = Math.max(200, this.minHeight);
+			this.height = Math.max(200, this.minHeight);
 		}
 	}
 	render() {
 		return this.html ? o`<iframe
-			${c(this._iframeRef)}
-			.srcdoc=${this._srcdoc}
-			style="height:${this._height}px;min-height:${this.minHeight}px;overflow:hidden"
+			${c(this.iframeRef)}
+			.srcdoc=${this.srcdoc}
+			style="height:${this.height}px;min-height:${this.minHeight}px;overflow:hidden"
 			@load=${this.onLoad}
 		></iframe>` : o``;
 	}
 };
-t([r({ type: String })], l.prototype, "html", void 0), t([r({ type: String })], l.prototype, "css", void 0), t([r({ type: String })], l.prototype, "baseCss", void 0), t([r({ type: String })], l.prototype, "sandbox", void 0), t([r({ type: Number })], l.prototype, "minHeight", void 0), t([i()], l.prototype, "_height", void 0);
+t([r({ type: String })], l.prototype, "html", void 0), t([r({ type: String })], l.prototype, "css", void 0), t([r({ type: String })], l.prototype, "baseCss", void 0), t([r({ type: String })], l.prototype, "sandbox", void 0), t([r({ type: Number })], l.prototype, "minHeight", void 0), t([i()], l.prototype, "height", void 0);
 var u = l = t([n("schmancy-iframe")], l);
 export { u as t };

package/dist/iframe-DWvN5nGB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframe-DWvN5nGB.js","names":[],"sources":["../src/iframe/iframe.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\n\n/** Sensible document reset for iframe content — font, spacing, word-wrap */\nconst DEFAULT_BASE_CSS = `html,body{margin:0;padding:0;overflow:hidden;background:#fff;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}\nbody{padding:16px}\np{margin:0 0 1em}p:last-child{margin-bottom:0}\nul,ol{margin:0 0 1em;padding-left:1.5em}li{margin-bottom:.25em}\nh1,h2,h3,h4{margin:0 0 .5em;line-height:1.3}h1{font-size:1.5em}h2{font-size:1.25em}h3{font-size:1.1em}h4{font-size:1em}\nhr{border:none;border-top:1px solid #dadce0;margin:1em 0}\nimg{max-width:100%;height:auto}\ntable{border-collapse:collapse;max-width:100%}td,th{padding:4px 8px;border:1px solid #dadce0}\nblockquote{margin:0 0 1em;padding:.5em 0 .5em 1em;border-left:3px solid #dadce0;color:#5f6368}\npre{background:#f5f5f5;padding:.75em;border-radius:4px;overflow-x:auto;font-size:.9em}\ncode{background:#f5f5f5;padding:.1em .3em;border-radius:3px;font-size:.9em}`\n\n/**\n * Renders an HTML fragment inside a sandboxed, auto-sizing iframe.\n *\n * @slot - (none)\n * @fires load — native iframe load event\n *\n * @example\n * ```html\n * <schmancy-iframe .html=${bodyHtml} .css=${extraStyles}></schmancy-iframe>\n * ```\n */\n@customElement('schmancy-iframe')\nexport default class SchmancyIframe extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\tiframe {\n\t\tborder: 0;\n\t\twidth: 100%;\n\t}\n`];\n\t/** HTML body fragment to render inside the iframe */\n\t@property({ type: String }) html = ''\n\n\t/** Additional CSS injected after the base styles (consumer-specific) */\n\t@property({ type: String }) css = ''\n\n\t/** Base document CSS (font, spacing, resets). Override for fully custom styling */\n\t@property({ type: String }) baseCss = DEFAULT_BASE_CSS\n\n\t/** iframe sandbox attribute */\n\t@property({ type: String }) sandbox = 'allow-same-origin allow-popups'\n\n\t/** Minimum height in pixels */\n\t@property({ type: Number }) minHeight = 60\n\n\t@state() private height = 60\n\tprivate srcdoc = ''\n\tprivate iframeRef = createRef<HTMLIFrameElement>()\n\n\tprotected willUpdate(changed: PropertyValues) {\n\t\tif (changed.has('html') || changed.has('css') || changed.has('baseCss')) {\n\t\t\tthis.srcdoc = this.html ? this.buildSrcdoc() : ''\n\t\t\tthis.height = this.minHeight\n\t\t}\n\t}\n\n\tprotected updated(changed: PropertyValues) {\n\t\tif (changed.has('sandbox')) {\n\t\t\tthis.iframeRef.value?.setAttribute('sandbox', this.sandbox)\n\t\t}\n\t}\n\n\tprivate buildSrcdoc(): string {\n\t\tconst styles = this.css ? `${this.baseCss}\\n${this.css}` : this.baseCss\n\t\treturn `<!DOCTYPE html><html><head>\n<meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<base target=\"_blank\">\n<style>${styles}</style></head><body>${this.html}</body></html>`\n\t}\n\n\tprivate onLoad(e: Event) {\n\t\tconst iframe = e.target as HTMLIFrameElement\n\t\ttry {\n\t\t\tconst doc = iframe.contentDocument\n\t\t\tif (!doc) return\n\t\t\tthis.height = Math.max(doc.documentElement.scrollHeight, this.minHeight)\n\t\t} catch {\n\t\t\tthis.height = Math.max(200, this.minHeight)\n\t\t}\n\t}\n\n\tprotected render() {\n\t\tif (!this.html) return html``\n\t\treturn html`<iframe\n\t\t\t${ref(this.iframeRef)}\n\t\t\t.srcdoc=${this.srcdoc}\n\t\t\tstyle=\"height:${this.height}px;min-height:${this.minHeight}px;overflow:hidden\"\n\t\t\t@load=${this.onLoad}\n\t\t></iframe>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-iframe': SchmancyIframe\n\t}\n}\n"],"mappings":";;;;;AAMA,IAwBe,IAAA,cAA6B,EAAA;CAAA,YAAA,GAAA,GAAA;EAAA,MAAA,GAAA,CAAA,GAAA,KAAA,OAWR,IAAA,KAAA,MAGD,IAAA,KAAA,UAtCV,27BAAA,KAAA,UA4Cc,kCAAA,KAAA,YAGE,IAAA,KAAA,SAEd,IAAA,KAAA,SACT,IAAA,KAAA,YACG,EAAA;CAAA;CAAA;EAAA,KAAA,SA1BJ,CAAC,CAAG;;;;;;;;;;CA4BpB,WAAqB,GAAA;EAAA,CAChB,EAAQ,IAAI,MAAA,KAAW,EAAQ,IAAI,KAAA,KAAU,EAAQ,IAAI,SAAA,OAC5D,KAAK,SAAS,KAAK,OAAO,KAAK,YAAA,IAAgB,IAC/C,KAAK,SAAS,KAAK;CAErB;CAEA,QAAkB,GAAA;EACb,EAAQ,IAAI,SAAA,KACf,KAAK,UAAU,OAAO,aAAa,WAAW,KAAK,OAAA;CAErD;CAEA,cAAA;EAEC,OAAO,0JADQ,KAAK,MAAM,GAAG,KAAK,QAAA,IAAY,KAAK,QAAQ,KAAK,QAAA,uBAI3B,KAAK,KAAA;CAC3C;CAEA,OAAe,GAAA;EACd,IAAM,IAAS,EAAE;EACjB,IAAA;GACC,IAAM,IAAM,EAAO;GACnB,IAAA,CAAK,GAAK;GACV,KAAK,SAAS,KAAK,IAAI,EAAI,gBAAgB,cAAc,KAAK,SAAA;EAC/D,QAAA;GACC,KAAK,SAAS,KAAK,IAAI,KAAK,KAAK,SAAA;EAClC;CACD;CAEA,SAAA;EACC,OAAK,KAAK,OACH,CAAI;KACR,EAAI,KAAK,SAAA,EAAA;aACD,KAAK,OAAA;mBACC,KAAK,OAAA,gBAAuB,KAAK,UAAA;WACzC,KAAK,OAAA;gBALS,CAAI;CAO5B;AAAA;AAAA,EAAA,CA1DC,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,QAAA,KAAA,CAAA,GAAA,EAAA,CAGzB,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,OAAA,KAAA,CAAA,GAAA,EAAA,CAGzB,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,WAAA,KAAA,CAAA,GAAA,EAAA,CAGzB,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,WAAA,KAAA,CAAA,GAAA,EAAA,CAGzB,EAAS,EAAE,MAAM,OAAA,CAAA,CAAA,GAAQ,EAAA,WAAA,aAAA,KAAA,CAAA,GAAA,EAAA,CAEzB,EAAA,CAAA,GAAM,EAAA,WAAA,UAAA,KAAA,CAAA;AAAA,IAAA,IAAA,IAAA,EAAA,CA1BP,EAAc,iBAAA,CAAA,GAAiB,CAAA;AAAA,SAAA,KAAA"}

package/dist/{iframe-wuYT2xFz.cjs → iframe-DpCv-QH2.cjs}

@@ -1,4 +1,4 @@
-require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-BHfQg3Tj.cjs`);require(`./mixins-DxHpyMHA.cjs`);let t=require(`lit/decorators.js`),n=require(`lit`),r=require(`lit/directives/ref.js`);var i=class extends e.t{constructor(...e){super(...e),this.html=``,this.css=``,this.baseCss=`html,body{margin:0;padding:0;overflow:hidden;background:#fff;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-C41uPa6l.cjs`);require(`./mixins-fIpzhVMd.cjs`);let t=require(`lit/decorators.js`),n=require(`lit`),r=require(`lit/directives/ref.js`);var i=class extends e.t{constructor(...e){super(...e),this.html=``,this.css=``,this.baseCss=`html,body{margin:0;padding:0;overflow:hidden;background:#fff;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}
 body{padding:16px}
 p{margin:0 0 1em}p:last-child{margin-bottom:0}
 ul,ol{margin:0 0 1em;padding-left:1.5em}li{margin-bottom:.25em}
@@ -8,7 +8,7 @@ img{max-width:100%;height:auto}
 table{border-collapse:collapse;max-width:100%}td,th{padding:4px 8px;border:1px solid #dadce0}
 blockquote{margin:0 0 1em;padding:.5em 0 .5em 1em;border-left:3px solid #dadce0;color:#5f6368}
 pre{background:#f5f5f5;padding:.75em;border-radius:4px;overflow-x:auto;font-size:.9em}
-code{background:#f5f5f5;padding:.1em .3em;border-radius:3px;font-size:.9em}`,this.sandbox=`allow-same-origin allow-popups`,this.minHeight=60,this._height=60,this._srcdoc=``,this._iframeRef=(0,r.createRef)()}static{this.styles=[n.css`
+code{background:#f5f5f5;padding:.1em .3em;border-radius:3px;font-size:.9em}`,this.sandbox=`allow-same-origin allow-popups`,this.minHeight=60,this.height=60,this.srcdoc=``,this.iframeRef=(0,r.createRef)()}static{this.styles=[n.css`
 	:host {
 		display: block;
 	}
@@ -16,9 +16,9 @@ code{background:#f5f5f5;padding:.1em .3em;border-radius:3px;font-size:.9em}`,thi
 		border: 0;
 		width: 100%;
 	}
-`]}willUpdate(e){(e.has(`html`)||e.has(`css`)||e.has(`baseCss`))&&(this._srcdoc=this.html?this.buildSrcdoc():``,this._height=this.minHeight)}updated(e){e.has(`sandbox`)&&this._iframeRef.value?.setAttribute(`sandbox`,this.sandbox)}buildSrcdoc(){return`<!DOCTYPE html><html><head>\n<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">\n<base target="_blank">\n<style>${this.css?`${this.baseCss}\n${this.css}`:this.baseCss}</style></head><body>${this.html}</body></html>`}onLoad(e){let t=e.target;try{let e=t.contentDocument;if(!e)return;this._height=Math.max(e.documentElement.scrollHeight,this.minHeight)}catch{this._height=Math.max(200,this.minHeight)}}render(){return this.html?n.html`<iframe
-			${(0,r.ref)(this._iframeRef)}
-			.srcdoc=${this._srcdoc}
-			style="height:${this._height}px;min-height:${this.minHeight}px;overflow:hidden"
+`]}willUpdate(e){(e.has(`html`)||e.has(`css`)||e.has(`baseCss`))&&(this.srcdoc=this.html?this.buildSrcdoc():``,this.height=this.minHeight)}updated(e){e.has(`sandbox`)&&this.iframeRef.value?.setAttribute(`sandbox`,this.sandbox)}buildSrcdoc(){return`<!DOCTYPE html><html><head>\n<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">\n<base target="_blank">\n<style>${this.css?`${this.baseCss}\n${this.css}`:this.baseCss}</style></head><body>${this.html}</body></html>`}onLoad(e){let t=e.target;try{let e=t.contentDocument;if(!e)return;this.height=Math.max(e.documentElement.scrollHeight,this.minHeight)}catch{this.height=Math.max(200,this.minHeight)}}render(){return this.html?n.html`<iframe
+			${(0,r.ref)(this.iframeRef)}
+			.srcdoc=${this.srcdoc}
+			style="height:${this.height}px;min-height:${this.minHeight}px;overflow:hidden"
 			@load=${this.onLoad}
-		></iframe>`:n.html``}};e.u([(0,t.property)({type:String})],i.prototype,`html`,void 0),e.u([(0,t.property)({type:String})],i.prototype,`css`,void 0),e.u([(0,t.property)({type:String})],i.prototype,`baseCss`,void 0),e.u([(0,t.property)({type:String})],i.prototype,`sandbox`,void 0),e.u([(0,t.property)({type:Number})],i.prototype,`minHeight`,void 0),e.u([(0,t.state)()],i.prototype,`_height`,void 0);var a=i=e.u([(0,t.customElement)(`schmancy-iframe`)],i);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+		></iframe>`:n.html``}};e.u([(0,t.property)({type:String})],i.prototype,`html`,void 0),e.u([(0,t.property)({type:String})],i.prototype,`css`,void 0),e.u([(0,t.property)({type:String})],i.prototype,`baseCss`,void 0),e.u([(0,t.property)({type:String})],i.prototype,`sandbox`,void 0),e.u([(0,t.property)({type:Number})],i.prototype,`minHeight`,void 0),e.u([(0,t.state)()],i.prototype,`height`,void 0);var a=i=e.u([(0,t.customElement)(`schmancy-iframe`)],i);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/dist/iframe-DpCv-QH2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iframe-DpCv-QH2.cjs","names":[],"sources":["../src/iframe/iframe.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { createRef, ref } from 'lit/directives/ref.js'\n\n/** Sensible document reset for iframe content — font, spacing, word-wrap */\nconst DEFAULT_BASE_CSS = `html,body{margin:0;padding:0;overflow:hidden;background:#fff;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}\nbody{padding:16px}\np{margin:0 0 1em}p:last-child{margin-bottom:0}\nul,ol{margin:0 0 1em;padding-left:1.5em}li{margin-bottom:.25em}\nh1,h2,h3,h4{margin:0 0 .5em;line-height:1.3}h1{font-size:1.5em}h2{font-size:1.25em}h3{font-size:1.1em}h4{font-size:1em}\nhr{border:none;border-top:1px solid #dadce0;margin:1em 0}\nimg{max-width:100%;height:auto}\ntable{border-collapse:collapse;max-width:100%}td,th{padding:4px 8px;border:1px solid #dadce0}\nblockquote{margin:0 0 1em;padding:.5em 0 .5em 1em;border-left:3px solid #dadce0;color:#5f6368}\npre{background:#f5f5f5;padding:.75em;border-radius:4px;overflow-x:auto;font-size:.9em}\ncode{background:#f5f5f5;padding:.1em .3em;border-radius:3px;font-size:.9em}`\n\n/**\n * Renders an HTML fragment inside a sandboxed, auto-sizing iframe.\n *\n * @slot - (none)\n * @fires load — native iframe load event\n *\n * @example\n * ```html\n * <schmancy-iframe .html=${bodyHtml} .css=${extraStyles}></schmancy-iframe>\n * ```\n */\n@customElement('schmancy-iframe')\nexport default class SchmancyIframe extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\tiframe {\n\t\tborder: 0;\n\t\twidth: 100%;\n\t}\n`];\n\t/** HTML body fragment to render inside the iframe */\n\t@property({ type: String }) html = ''\n\n\t/** Additional CSS injected after the base styles (consumer-specific) */\n\t@property({ type: String }) css = ''\n\n\t/** Base document CSS (font, spacing, resets). Override for fully custom styling */\n\t@property({ type: String }) baseCss = DEFAULT_BASE_CSS\n\n\t/** iframe sandbox attribute */\n\t@property({ type: String }) sandbox = 'allow-same-origin allow-popups'\n\n\t/** Minimum height in pixels */\n\t@property({ type: Number }) minHeight = 60\n\n\t@state() private height = 60\n\tprivate srcdoc = ''\n\tprivate iframeRef = createRef<HTMLIFrameElement>()\n\n\tprotected willUpdate(changed: PropertyValues) {\n\t\tif (changed.has('html') || changed.has('css') || changed.has('baseCss')) {\n\t\t\tthis.srcdoc = this.html ? this.buildSrcdoc() : ''\n\t\t\tthis.height = this.minHeight\n\t\t}\n\t}\n\n\tprotected updated(changed: PropertyValues) {\n\t\tif (changed.has('sandbox')) {\n\t\t\tthis.iframeRef.value?.setAttribute('sandbox', this.sandbox)\n\t\t}\n\t}\n\n\tprivate buildSrcdoc(): string {\n\t\tconst styles = this.css ? `${this.baseCss}\\n${this.css}` : this.baseCss\n\t\treturn `<!DOCTYPE html><html><head>\n<meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<base target=\"_blank\">\n<style>${styles}</style></head><body>${this.html}</body></html>`\n\t}\n\n\tprivate onLoad(e: Event) {\n\t\tconst iframe = e.target as HTMLIFrameElement\n\t\ttry {\n\t\t\tconst doc = iframe.contentDocument\n\t\t\tif (!doc) return\n\t\t\tthis.height = Math.max(doc.documentElement.scrollHeight, this.minHeight)\n\t\t} catch {\n\t\t\tthis.height = Math.max(200, this.minHeight)\n\t\t}\n\t}\n\n\tprotected render() {\n\t\tif (!this.html) return html``\n\t\treturn html`<iframe\n\t\t\t${ref(this.iframeRef)}\n\t\t\t.srcdoc=${this.srcdoc}\n\t\t\tstyle=\"height:${this.height}px;min-height:${this.minHeight}px;overflow:hidden\"\n\t\t\t@load=${this.onLoad}\n\t\t></iframe>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-iframe': SchmancyIframe\n\t}\n}\n"],"mappings":"0MAMA,IAwBe,EAAA,cAA6B,EAAA,CAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,CAAA,EAAA,KAAA,KAWR,GAAA,KAAA,IAGD,GAAA,KAAA,QAtCV;;;;;;;;;;6EAAA,KAAA,QA4Cc,iCAAA,KAAA,UAGE,GAAA,KAAA,OAEd,GAAA,KAAA,OACT,GAAA,KAAA,WAAA,EAAA,EAAA,WAAA,CAAA,CAAA,OAAA,KAAA,OAzBD,CAAC,EAAA,GAAG;;;;;;;;GA4BpB,WAAqB,EAAA,EAChB,EAAQ,IAAI,MAAA,GAAW,EAAQ,IAAI,KAAA,GAAU,EAAQ,IAAI,SAAA,KAC5D,KAAK,OAAS,KAAK,KAAO,KAAK,YAAA,EAAgB,GAC/C,KAAK,OAAS,KAAK,UAErB,CAEA,QAAkB,EAAA,CACb,EAAQ,IAAI,SAAA,GACf,KAAK,UAAU,OAAO,aAAa,UAAW,KAAK,OAAA,CAErD,CAEA,aAAA,CAEC,MAAO,0JADQ,KAAK,IAAM,GAAG,KAAK,QAAA,IAAY,KAAK,MAAQ,KAAK,QAAA,uBAI3B,KAAK,KAAA,eAC3C,CAEA,OAAe,EAAA,CACd,IAAM,EAAS,EAAE,OACjB,GAAA,CACC,IAAM,EAAM,EAAO,gBACnB,GAAA,CAAK,EAAK,OACV,KAAK,OAAS,KAAK,IAAI,EAAI,gBAAgB,aAAc,KAAK,SAAA,CAC/D,MAAA,CACC,KAAK,OAAS,KAAK,IAAI,IAAK,KAAK,SAAA,CAClC,CACD,CAEA,QAAA,CACC,OAAK,KAAK,KACH,EAAA,IAAI;eACJ,KAAK,SAAA,EAAA;aACD,KAAK,OAAA;mBACC,KAAK,OAAA,gBAAuB,KAAK,UAAA;WACzC,KAAK,OAAA;cALS,EAAA,IAAI,EAO5B,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UA1DU,CAAE,KAAM,MAAA,CAAA,CAAA,EAAQ,EAAA,UAAA,OAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAGhB,CAAE,KAAM,MAAA,CAAA,CAAA,EAAQ,EAAA,UAAA,MAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAGhB,CAAE,KAAM,MAAA,CAAA,CAAA,EAAQ,EAAA,UAAA,UAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAGhB,CAAE,KAAM,MAAA,CAAA,CAAA,EAAQ,EAAA,UAAA,UAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAGhB,CAAE,KAAM,MAAA,CAAA,CAAA,EAAQ,EAAA,UAAA,YAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,OAAA,CAAA,EAEnB,EAAA,UAAA,SAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eA1BO,iBAAA,CAAA,EAAiB,CAAA,EAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,CAAA,CAAA,CAAA"}

package/dist/iframe.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./iframe-wuYT2xFz.cjs`);exports.SchmancyIframe=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./iframe-DpCv-QH2.cjs`);exports.SchmancyIframe=e.t;

package/dist/iframe.js

@@ -1,2 +1,2 @@
-import { t as e } from "./iframe-BTjZfYyh.js";
+import { t as e } from "./iframe-DWvN5nGB.js";
 export { e as SchmancyIframe };