@mhmo91/schmancy 0.10.4 → 0.10.6

package/dist/overlay.confirm-body-DctQLDao.cjs

@@ -0,0 +1,49 @@
+const e=require(`./chunk-CncqDLb2.cjs`),t=require(`./mixins-Db7gjDah.cjs`),n=require(`./decorate-DpFmy0nm.cjs`);let r=require(`lit/decorators.js`),i=require(`lit`),a=require(`lit/directives/if-defined.js`),o=require(`lit/directives/when.js`),s=require(`lit/directives/choose.js`);var c=e.n({SchmancyOverlayPromptBody:()=>l}),l=class extends t.s{constructor(...e){super(...e),this.confirmText=`Confirm`,this.cancelText=`Cancel`,this.variant=`default`,this.mode=`confirm`,this.defaultValue=``,this.inputType=`text`,this.required=!1,this.handleCancel=()=>{this.dismiss(this.mode===`prompt`&&null)},this.handleConfirm=()=>{if(this.mode===`prompt`){let e=this._input;if(e&&!e.reportValidity())return;this.dismiss(e?.value??``)}else this.dismiss(!0)},this.handleSubmit=e=>{e.preventDefault(),this.handleConfirm()}}static{this.styles=[i.css`
+	:host {
+		display: block;
+		padding: 20px 24px;
+		min-width: 280px;
+		max-width: 480px;
+		color: var(--schmancy-sys-color-on-surface, #1a1a1a);
+		background: var(--schmancy-sys-color-surface, #ffffff);
+		border-radius: var(--schmancy-sys-shape-corner-large, 16px);
+		box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);
+	}
+	:host([variant='danger']) .cta-confirm {
+		background: var(--schmancy-sys-color-error, #b3261e);
+		color: var(--schmancy-sys-color-on-error, #ffffff);
+	}
+`]}firstUpdated(){this.mode===`prompt`&&queueMicrotask(()=>this._input?.focus())}dismiss(e){this.dispatchEvent(new CustomEvent(`close`,{detail:e,bubbles:!0,composed:!0}))}render(){return i.html`
+			<form @submit=${this.handleSubmit}>
+				${(0,o.when)(this.heading,()=>i.html`<h2 class="text-lg font-semibold mb-1">${this.heading}</h2>`)}
+				${(0,o.when)(this.subtitle,()=>i.html`<p class="text-sm opacity-70 mb-2">${this.subtitle}</p>`)}
+				${(0,s.choose)(this.mode,[[`prompt`,()=>i.html`
+								${(0,o.when)(this.label,()=>i.html`<label class="block text-sm mb-1">${this.label}</label>`)}
+								<input
+									type=${this.inputType}
+									.value=${this.defaultValue}
+									placeholder=${(0,a.ifDefined)(this.placeholder)}
+									pattern=${(0,a.ifDefined)(this.pattern)}
+									?required=${this.required}
+									class="w-full px-3 py-2 rounded-md border border-outline-variant text-base mb-2"
+								/>
+								${(0,o.when)(this.message,()=>i.html`<p class="text-sm mb-3">${this.message}</p>`)}
+							`]],()=>i.html`${(0,o.when)(this.message,()=>i.html`<p class="text-sm mb-4">${this.message}</p>`)}`)}
+
+				<div class="flex justify-end gap-2 mt-4">
+					<button
+						type="button"
+						@click=${this.handleCancel}
+						class="px-4 py-2 rounded-md border border-outline-variant bg-transparent cursor-pointer"
+					>
+						${this.cancelText}
+					</button>
+					<button
+						type="submit"
+						class="cta-confirm px-4 py-2 rounded-md border-0 bg-primary text-on-primary cursor-pointer font-medium"
+					>
+						${this.confirmText}
+					</button>
+				</div>
+			</form>
+		`}};n.t([(0,r.property)({type:String})],l.prototype,`heading`,void 0),n.t([(0,r.property)({type:String})],l.prototype,`subtitle`,void 0),n.t([(0,r.property)({type:String})],l.prototype,`message`,void 0),n.t([(0,r.property)({type:String,attribute:`confirm-text`})],l.prototype,`confirmText`,void 0),n.t([(0,r.property)({type:String,attribute:`cancel-text`})],l.prototype,`cancelText`,void 0),n.t([(0,r.property)({type:String,reflect:!0})],l.prototype,`variant`,void 0),n.t([(0,r.property)({type:String})],l.prototype,`mode`,void 0),n.t([(0,r.property)({type:String})],l.prototype,`label`,void 0),n.t([(0,r.property)({type:String,attribute:`default-value`})],l.prototype,`defaultValue`,void 0),n.t([(0,r.property)({type:String})],l.prototype,`placeholder`,void 0),n.t([(0,r.property)({type:String,attribute:`input-type`})],l.prototype,`inputType`,void 0),n.t([(0,r.property)({type:String})],l.prototype,`pattern`,void 0),n.t([(0,r.property)({type:Boolean})],l.prototype,`required`,void 0),n.t([(0,r.query)(`input`)],l.prototype,`_input`,void 0),l=n.t([(0,r.customElement)(`schmancy-overlay-prompt-body`)],l),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});

package/dist/overlay.confirm-body-DctQLDao.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.confirm-body-DctQLDao.cjs","names":[],"sources":["../src/overlay/overlay.confirm-body.ts"],"sourcesContent":["import { SchmancyElement } from '@mixins/index'\nimport { css, html, type TemplateResult } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { choose } from 'lit/directives/choose.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\n/**\n * Internal body component used by the `confirm()` / `prompt()` sugar.\n *\n * Minimal, dependency-free — plain HTML buttons / input so this file\n * doesn't need to import schmancy-form / schmancy-button (avoids the\n * risk of circular module graphs during early imports of $overlay).\n *\n * Emits a `close` CustomEvent with the typed result; the overlay picks\n * that up as the primary return channel. For custom-styled confirms,\n * callers pass their own component to `show()`.\n */\n@customElement('schmancy-overlay-prompt-body')\nexport class SchmancyOverlayPromptBody extends SchmancyElement {\n\tstatic styles = [css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding: 20px 24px;\n\t\tmin-width: 280px;\n\t\tmax-width: 480px;\n\t\tcolor: var(--schmancy-sys-color-on-surface, #1a1a1a);\n\t\tbackground: var(--schmancy-sys-color-surface, #ffffff);\n\t\tborder-radius: var(--schmancy-sys-shape-corner-large, 16px);\n\t\tbox-shadow: 0 10px 40px rgba(0, 0, 0, 0.12);\n\t}\n\t:host([variant='danger']) .cta-confirm {\n\t\tbackground: var(--schmancy-sys-color-error, #b3261e);\n\t\tcolor: var(--schmancy-sys-color-on-error, #ffffff);\n\t}\n`]\n\n\t@property({ type: String }) heading?: string\n\t@property({ type: String }) subtitle?: string\n\t@property({ type: String }) message?: string\n\t@property({ type: String, attribute: 'confirm-text' }) confirmText = 'Confirm'\n\t@property({ type: String, attribute: 'cancel-text' }) cancelText = 'Cancel'\n\t@property({ type: String, reflect: true }) variant: 'default' | 'danger' = 'default'\n\n\t/** Presence of `mode` switches between confirm (boolean) and prompt (string). */\n\t@property({ type: String }) mode: 'confirm' | 'prompt' = 'confirm'\n\t@property({ type: String }) label?: string\n\t@property({ type: String, attribute: 'default-value' }) defaultValue = ''\n\t@property({ type: String }) placeholder?: string\n\t@property({ type: String, attribute: 'input-type' })\n\tinputType:\n\t\t| 'text'\n\t\t| 'email'\n\t\t| 'password'\n\t\t| 'tel'\n\t\t| 'url'\n\t\t| 'number'\n\t\t| 'search'\n\t\t| 'date'\n\t\t| 'time'\n\t\t| 'datetime-local' = 'text'\n\t@property({ type: String }) pattern?: string\n\t@property({ type: Boolean }) required = false\n\n\t@query('input') private _input?: HTMLInputElement\n\n\toverride firstUpdated(): void {\n\t\t// Focus the confirm button in confirm mode; focus the input in prompt mode.\n\t\tif (this.mode === 'prompt') {\n\t\t\tqueueMicrotask(() => this._input?.focus())\n\t\t}\n\t}\n\n\tprivate dismiss(value: boolean | string | null): void {\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('close', {\n\t\t\t\tdetail: value,\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleCancel = (): void => {\n\t\tthis.dismiss(this.mode === 'prompt' ? null : false)\n\t}\n\n\tprivate handleConfirm = (): void => {\n\t\tif (this.mode === 'prompt') {\n\t\t\tconst input = this._input\n\t\t\tif (input && !input.reportValidity()) return\n\t\t\tthis.dismiss(input?.value ?? '')\n\t\t} else {\n\t\t\tthis.dismiss(true)\n\t\t}\n\t}\n\n\tprivate handleSubmit = (e: Event): void => {\n\t\te.preventDefault()\n\t\tthis.handleConfirm()\n\t}\n\n\tprotected render(): TemplateResult {\n\t\treturn html`\n\t\t\t<form @submit=${this.handleSubmit}>\n\t\t\t\t${when(\n\t\t\t\t\tthis.heading,\n\t\t\t\t\t() => html`<h2 class=\"text-lg font-semibold mb-1\">${this.heading}</h2>`,\n\t\t\t\t)}\n\t\t\t\t${when(\n\t\t\t\t\tthis.subtitle,\n\t\t\t\t\t() => html`<p class=\"text-sm opacity-70 mb-2\">${this.subtitle}</p>`,\n\t\t\t\t)}\n\t\t\t\t${choose(\n\t\t\t\t\tthis.mode,\n\t\t\t\t\t[\n\t\t\t\t\t\t[\n\t\t\t\t\t\t\t'prompt',\n\t\t\t\t\t\t\t() => html`\n\t\t\t\t\t\t\t\t${when(this.label, () => html`<label class=\"block text-sm mb-1\">${this.label}</label>`)}\n\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\ttype=${this.inputType}\n\t\t\t\t\t\t\t\t\t.value=${this.defaultValue}\n\t\t\t\t\t\t\t\t\tplaceholder=${ifDefined(this.placeholder)}\n\t\t\t\t\t\t\t\t\tpattern=${ifDefined(this.pattern)}\n\t\t\t\t\t\t\t\t\t?required=${this.required}\n\t\t\t\t\t\t\t\t\tclass=\"w-full px-3 py-2 rounded-md border border-outline-variant text-base mb-2\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\t\t\tthis.message,\n\t\t\t\t\t\t\t\t\t() => html`<p class=\"text-sm mb-3\">${this.message}</p>`,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t],\n\t\t\t\t\t],\n\t\t\t\t\t() => html`${when(this.message, () => html`<p class=\"text-sm mb-4\">${this.message}</p>`)}`,\n\t\t\t\t)}\n\n\t\t\t\t<div class=\"flex justify-end gap-2 mt-4\">\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t@click=${this.handleCancel}\n\t\t\t\t\t\tclass=\"px-4 py-2 rounded-md border border-outline-variant bg-transparent cursor-pointer\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.cancelText}\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\tclass=\"cta-confirm px-4 py-2 rounded-md border-0 bg-primary text-on-primary cursor-pointer font-medium\"\n\t\t\t\t\t>\n\t\t\t\t\t\t${this.confirmText}\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</form>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-overlay-prompt-body': SchmancyOverlayPromptBody\n\t}\n}\n"],"mappings":"qUAmBO,EAAA,cAAwC,EAAA,CAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,EAAA,CAAA,KAAA,YAqBuB,UAAA,KAAA,WACF,SAAA,KAAA,QACQ,UAAA,KAAA,KAGlB,UAAA,KAAA,aAEc,GAAA,KAAA,UAajD,OAAA,KAAA,SAAA,CAEkB,EAAA,KAAA,iBAAA,CAsBvC,KAAK,QAAQ,KAAK,OAAS,UAAW,KAAA,EAAA,KAAA,kBAAA,CAItC,GAAI,KAAK,OAAS,SAAU,CAC3B,IAAM,EAAQ,KAAK,OACnB,GAAI,GAAA,CAAU,EAAM,gBAAA,CAAkB,OACtC,KAAK,QAAQ,GAAO,OAAS,GAAA,MAE7B,KAAK,QAAA,CAAQ,EAAA,EAAA,KAAA,aAIS,GAAA,CACvB,EAAE,gBAAA,CACF,KAAK,eAAA,EAAA,OAAA,KAAA,OA/EU,CAAC,EAAA,GAAG;;;;;;;;;;;;;;;GA8CpB,cAAA,CAEK,KAAK,OAAS,UACjB,mBAAqB,KAAK,QAAQ,OAAA,CAAA,CAIpC,QAAgB,EAAA,CACf,KAAK,cACJ,IAAI,YAAY,QAAS,CACxB,OAAQ,EACR,QAAA,CAAS,EACT,SAAA,CAAU,EAAA,CAAA,CAAA,CAwBb,QAAA,CACC,MAAO,GAAA,IAAI;mBACM,KAAK,aAAA;iBAEnB,KAAK,YACC,EAAA,IAAI,0CAA0C,KAAK,QAAA,OAAA,CAAA;iBAGzD,KAAK,aACC,EAAA,IAAI,sCAAsC,KAAK,SAAA,MAAA,CAAA;mBAGrD,KAAK,KACL,CACC,CACC,aACM,EAAA,IAAI;qBACF,KAAK,UAAa,EAAA,IAAI,qCAAqC,KAAK,MAAA,UAAA,CAAA;;gBAE/D,KAAK,UAAA;kBACH,KAAK,aAAA;uCACU,KAAK,YAAA,CAAA;mCACT,KAAK,QAAA,CAAA;qBACb,KAAK,SAAA;;;qBAIjB,KAAK,YACC,EAAA,IAAI,2BAA2B,KAAK,QAAA,MAAA,CAAA;eAKxC,EAAA,IAAI,IAAA,EAAA,EAAA,MAAQ,KAAK,YAAe,EAAA,IAAI,2BAA2B,KAAK,QAAA,MAAA,GAAA,CAAA;;;;;eAMhE,KAAK,aAAA;;;QAGZ,KAAK,WAAA;;;;;;QAML,KAAK,YAAA;;;;0BAjHF,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,UAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UACjB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,WAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UACjB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,UAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UACjB,CAAE,KAAM,OAAQ,UAAW,eAAA,CAAA,CAAA,CAAiB,EAAA,UAAA,cAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAC5C,CAAE,KAAM,OAAQ,UAAW,cAAA,CAAA,CAAA,CAAgB,EAAA,UAAA,aAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAC3C,CAAE,KAAM,OAAQ,QAAA,CAAS,EAAA,CAAA,CAAA,CAAO,EAAA,UAAA,UAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAGhC,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,OAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UACjB,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,QAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UACjB,CAAE,KAAM,OAAQ,UAAW,gBAAA,CAAA,CAAA,CAAkB,EAAA,UAAA,eAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAC7C,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,cAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UACjB,CAAE,KAAM,OAAQ,UAAW,aAAA,CAAA,CAAA,CAAe,EAAA,UAAA,YAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UAY1C,CAAE,KAAM,OAAA,CAAA,CAAA,CAAS,EAAA,UAAA,UAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,UACjB,CAAE,KAAM,QAAA,CAAA,CAAA,CAAU,EAAA,UAAA,WAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,OAErB,QAAA,CAAA,CAAQ,EAAA,UAAA,SAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eA9CD,+BAAA,CAAA,CAA+B,EAAA,CAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA,CAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}