@mhmo91/schmancy 0.9.5 → 0.9.6

package/dist/{magnetic-Dux4QwO4.cjs.map → magnetic-aBBnj_vk.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"magnetic-Dux4QwO4.cjs","names":[],"sources":["../src/directives/magnetic.ts"],"sourcesContent":["import { directive, type ElementPart, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { animationFrameScheduler, fromEvent, merge, Subject } from 'rxjs'\nimport { auditTime, map, takeUntil } from 'rxjs/operators'\nimport { SPRING_SNAPPY } from '../utils/animation'\nimport { reducedMotion$ } from './reduced-motion'\n\nexport interface MagneticOptions {\n\t/** Max displacement in pixels (default: 4) */\n\tstrength?: number\n\t/** Activation radius in pixels (default: 100) */\n\tradius?: number\n}\n\n/**\n * Magnetic directive — elements lean toward the cursor with spring physics.\n *\n * Uses `style.translate` (CSS individual transform) so it composes\n * with existing transforms on the element.\n *\n * @example\n * ```html\n * <schmancy-button ${magnetic()}>Submit</schmancy-button>\n * <schmancy-icon-button ${magnetic({ strength: 6, radius: 120 })}>add</schmancy-icon-button>\n * ```\n */\nclass MagneticDirective extends AsyncDirective {\n\tprivate element!: HTMLElement\n\tprivate readonly teardown$ = new Subject<void>()\n\tprivate strength = 4\n\tprivate radius = 100\n\tprivate prevKey?: string\n\tprivate cachedRect?: DOMRect\n\n\trender(_options?: MagneticOptions) {\n\t\treturn undefined\n\t}\n\n\toverride update(part: ElementPart, [options]: [MagneticOptions?]) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('magnetic directive must be used on an element')\n\t\t}\n\n\t\tconst key = JSON.stringify(options ?? {})\n\t\tif (this.element && key === this.prevKey) return undefined\n\t\tthis.prevKey = key\n\n\t\tthis.element = part.element as HTMLElement\n\t\tthis.strength = options?.strength ?? 4\n\t\tthis.radius = options?.radius ?? 100\n\n\t\tthis.element.style.transition = `translate ${SPRING_SNAPPY.duration}ms ${SPRING_SNAPPY.easingFallback}`\n\n\t\tthis.teardown$.next()\n\t\tthis.setupMagnetic()\n\n\t\treturn undefined\n\t}\n\n\toverride reconnected() {\n\t\tthis.teardown$.next()\n\t\tthis.setupMagnetic()\n\t}\n\n\tprivate setupMagnetic() {\n\t\tif (reducedMotion$.value) return\n\n\t\tconst target = this.element.parentElement ?? document\n\n\t\tconst enter$ = fromEvent(this.element, 'mouseenter').pipe(\n\t\t\tmap(() => {\n\t\t\t\tthis.element.style.willChange = 'translate'\n\t\t\t\tthis.cachedRect = this.element.getBoundingClientRect()\n\t\t\t\treturn null\n\t\t\t}),\n\t\t)\n\n\t\tconst move$ = fromEvent<MouseEvent>(target, 'mousemove').pipe(\n\t\t\tauditTime(0, animationFrameScheduler),\n\t\t\tmap(e => {\n\t\t\t\tconst rect = this.cachedRect ?? this.element.getBoundingClientRect()\n\t\t\t\tconst centerX = rect.left + rect.width / 2\n\t\t\t\tconst centerY = rect.top + rect.height / 2\n\t\t\t\tconst dx = e.clientX - centerX\n\t\t\t\tconst dy = e.clientY - centerY\n\t\t\t\tconst distance = Math.sqrt(dx * dx + dy * dy)\n\n\t\t\t\tif (distance < this.radius && distance > 0) {\n\t\t\t\t\tconst pull = (1 - distance / this.radius) * this.strength\n\t\t\t\t\treturn { x: (dx / distance) * pull, y: (dy / distance) * pull }\n\t\t\t\t}\n\t\t\t\treturn { x: 0, y: 0 }\n\t\t\t}),\n\t\t)\n\n\t\tconst leave$ = fromEvent(target, 'mouseleave').pipe(\n\t\t\tmap(() => {\n\t\t\t\tthis.element.style.willChange = ''\n\t\t\t\tthis.cachedRect = undefined\n\t\t\t\treturn { x: 0, y: 0 }\n\t\t\t}),\n\t\t)\n\n\t\t// Also tear down if user enables reduced motion\n\t\tconst motionChange$ = reducedMotion$.pipe(\n\t\t\tmap(reduced => {\n\t\t\t\tif (reduced) {\n\t\t\t\t\tthis.element.style.translate = ''\n\t\t\t\t\tthis.element.style.willChange = ''\n\t\t\t\t}\n\t\t\t\treturn null\n\t\t\t}),\n\t\t)\n\n\t\tmerge(enter$, move$, leave$, motionChange$)\n\t\t\t.pipe(takeUntil(this.teardown$))\n\t\t\t.subscribe(pos => {\n\t\t\t\tif (pos) {\n\t\t\t\t\tthis.element.style.translate = `${pos.x}px ${pos.y}px`\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\toverride disconnected() {\n\t\tthis.teardown$.next()\n\t\tif (this.element) {\n\t\t\tthis.element.style.translate = ''\n\t\t\tthis.element.style.willChange = ''\n\t\t}\n\t}\n}\n\nexport const magnetic = directive(MagneticDirective)\n"],"mappings":"2OA0BA,IAAM,EAAN,cAAgC,EAAA,cAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,EAAA,CAAA,KAAA,UAEF,IAAI,EAAA,QAAA,KAAA,SACd,EAAA,KAAA,OACF,IAIjB,OAAO,EAAA,EAIP,OAAgB,EAAA,CAAoB,GAAA,CACnC,GAAI,EAAK,OAAS,EAAA,SAAS,QAC1B,MAAU,MAAM,gDAAA,CAGjB,IAAM,EAAM,KAAK,UAAU,GAAW,EAAA,CAAA,CAClC,KAAK,SAAW,IAAQ,KAAK,UACjC,KAAK,QAAU,EAEf,KAAK,QAAU,EAAK,QACpB,KAAK,SAAW,GAAS,UAAY,EACrC,KAAK,OAAS,GAAS,QAAU,IAEjC,KAAK,QAAQ,MAAM,WAAa,aAAa,EAAA,EAAc,SAAA,KAAc,EAAA,EAAc,iBAEvF,KAAK,UAAU,MAAA,CACf,KAAK,eAAA,EAKN,aAAA,CACC,KAAK,UAAU,MAAA,CACf,KAAK,eAAA,CAGN,eAAA,CACC,GAAI,EAAA,EAAe,MAAO,OAE1B,IAAM,EAAS,KAAK,QAAQ,eAAiB,UA+C7C,EAAA,EAAA,QAAA,EAAA,EAAA,WA7CyB,KAAK,QAAS,aAAA,CAAc,MAAA,EAAA,EAAA,UAEnD,KAAK,QAAQ,MAAM,WAAa,YAChC,KAAK,WAAa,KAAK,QAAQ,uBAAA,CACxB,MAAA,CAAA,EAER,EAAA,EAAA,WAEmC,EAAQ,YAAA,CAAa,MAAA,EAAA,EAAA,WAC9C,EAAG,EAAA,wBAAA,EAAwB,EAAA,EAAA,KACjC,GAAA,CACH,IAAM,EAAO,KAAK,YAAc,KAAK,QAAQ,uBAAA,CACvC,EAAU,EAAK,KAAO,EAAK,MAAQ,EACnC,EAAU,EAAK,IAAM,EAAK,OAAS,EACnC,EAAK,EAAE,QAAU,EACjB,EAAK,EAAE,QAAU,EACjB,EAAW,KAAK,KAAK,EAAK,EAAK,EAAK,EAAA,CAE1C,GAAI,EAAW,KAAK,QAAU,EAAW,EAAG,CAC3C,IAAM,GAAQ,EAAI,EAAW,KAAK,QAAU,KAAK,SACjD,MAAO,CAAE,EAAI,EAAK,EAAY,EAAM,EAAI,EAAK,EAAY,EAAA,CAE1D,MAAO,CAAE,EAAG,EAAG,EAAG,EAAA,EAAA,CAAA,EAEnB,EAAA,EAAA,WAEwB,EAAQ,aAAA,CAAc,MAAA,EAAA,EAAA,UAE7C,KAAK,QAAQ,MAAM,WAAa,GAChC,KAAK,WAAA,IAAa,GACX,CAAE,EAAG,EAAG,EAAG,EAAA,EAAA,CAAA,CAKE,EAAA,EAAe,MAAA,EAAA,EAAA,KAChC,IACC,IACH,KAAK,QAAQ,MAAM,UAAY,GAC/B,KAAK,QAAQ,MAAM,WAAa,IAE1B,MAAA,CAAA,CAAA,CAKP,MAAA,EAAA,EAAA,WAAe,KAAK,UAAA,CAAA,CACpB,UAAU,GAAA,CACN,IACH,KAAK,QAAQ,MAAM,UAAY,GAAG,EAAI,EAAA,KAAO,EAAI,EAAA,MAAA,CAKrD,cAAA,CACC,KAAK,UAAU,MAAA,CACX,KAAK,UACR,KAAK,QAAQ,MAAM,UAAY,GAC/B,KAAK,QAAQ,MAAM,WAAa,MAKtB,GAAA,EAAA,EAAA,WAAqB,EAAA,CAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}
+{"version":3,"file":"magnetic-aBBnj_vk.cjs","names":[],"sources":["../src/directives/magnetic.ts"],"sourcesContent":["import { directive, type ElementPart, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { animationFrameScheduler, fromEvent, merge, Subject } from 'rxjs'\nimport { auditTime, map, takeUntil } from 'rxjs/operators'\nimport { SPRING_SNAPPY } from '../utils/animation'\nimport { reducedMotion$ } from './reduced-motion'\n\nexport interface MagneticOptions {\n\t/** Max displacement in pixels (default: 4) */\n\tstrength?: number\n\t/** Activation radius in pixels (default: 100) */\n\tradius?: number\n}\n\n/**\n * Magnetic directive — elements lean toward the cursor with spring physics.\n *\n * Uses `style.translate` (CSS individual transform) so it composes\n * with existing transforms on the element.\n *\n * @example\n * ```html\n * <schmancy-button ${magnetic()}>Submit</schmancy-button>\n * <schmancy-icon-button ${magnetic({ strength: 6, radius: 120 })}>add</schmancy-icon-button>\n * ```\n */\nclass MagneticDirective extends AsyncDirective {\n\tprivate element!: HTMLElement\n\tprivate readonly teardown$ = new Subject<void>()\n\tprivate strength = 4\n\tprivate radius = 100\n\tprivate prevKey?: string\n\tprivate cachedRect?: DOMRect\n\n\trender(_options?: MagneticOptions) {\n\t\treturn undefined\n\t}\n\n\toverride update(part: ElementPart, [options]: [MagneticOptions?]) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('magnetic directive must be used on an element')\n\t\t}\n\n\t\tconst key = JSON.stringify(options ?? {})\n\t\tif (this.element && key === this.prevKey) return undefined\n\t\tthis.prevKey = key\n\n\t\tthis.element = part.element as HTMLElement\n\t\tthis.strength = options?.strength ?? 4\n\t\tthis.radius = options?.radius ?? 100\n\n\t\tthis.element.style.transition = `translate ${SPRING_SNAPPY.duration}ms ${SPRING_SNAPPY.easingFallback}`\n\n\t\tthis.teardown$.next()\n\t\tthis.setupMagnetic()\n\n\t\treturn undefined\n\t}\n\n\toverride reconnected() {\n\t\tthis.teardown$.next()\n\t\tthis.setupMagnetic()\n\t}\n\n\tprivate setupMagnetic() {\n\t\tif (reducedMotion$.value) return\n\n\t\tconst target = this.element.parentElement ?? document\n\n\t\tconst enter$ = fromEvent(this.element, 'mouseenter').pipe(\n\t\t\tmap(() => {\n\t\t\t\tthis.element.style.willChange = 'translate'\n\t\t\t\tthis.cachedRect = this.element.getBoundingClientRect()\n\t\t\t\treturn null\n\t\t\t}),\n\t\t)\n\n\t\tconst move$ = fromEvent<MouseEvent>(target, 'mousemove').pipe(\n\t\t\tauditTime(0, animationFrameScheduler),\n\t\t\tmap(e => {\n\t\t\t\tconst rect = this.cachedRect ?? this.element.getBoundingClientRect()\n\t\t\t\tconst centerX = rect.left + rect.width / 2\n\t\t\t\tconst centerY = rect.top + rect.height / 2\n\t\t\t\tconst dx = e.clientX - centerX\n\t\t\t\tconst dy = e.clientY - centerY\n\t\t\t\tconst distance = Math.sqrt(dx * dx + dy * dy)\n\n\t\t\t\tif (distance < this.radius && distance > 0) {\n\t\t\t\t\tconst pull = (1 - distance / this.radius) * this.strength\n\t\t\t\t\treturn { x: (dx / distance) * pull, y: (dy / distance) * pull }\n\t\t\t\t}\n\t\t\t\treturn { x: 0, y: 0 }\n\t\t\t}),\n\t\t)\n\n\t\tconst leave$ = fromEvent(target, 'mouseleave').pipe(\n\t\t\tmap(() => {\n\t\t\t\tthis.element.style.willChange = ''\n\t\t\t\tthis.cachedRect = undefined\n\t\t\t\treturn { x: 0, y: 0 }\n\t\t\t}),\n\t\t)\n\n\t\t// Also tear down if user enables reduced motion\n\t\tconst motionChange$ = reducedMotion$.pipe(\n\t\t\tmap(reduced => {\n\t\t\t\tif (reduced) {\n\t\t\t\t\tthis.element.style.translate = ''\n\t\t\t\t\tthis.element.style.willChange = ''\n\t\t\t\t}\n\t\t\t\treturn null\n\t\t\t}),\n\t\t)\n\n\t\tmerge(enter$, move$, leave$, motionChange$)\n\t\t\t.pipe(takeUntil(this.teardown$))\n\t\t\t.subscribe(pos => {\n\t\t\t\tif (pos) {\n\t\t\t\t\tthis.element.style.translate = `${pos.x}px ${pos.y}px`\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\toverride disconnected() {\n\t\tthis.teardown$.next()\n\t\tif (this.element) {\n\t\t\tthis.element.style.translate = ''\n\t\t\tthis.element.style.willChange = ''\n\t\t}\n\t}\n}\n\nexport const magnetic = directive(MagneticDirective)\n"],"mappings":"2OA0BA,IAAM,EAAN,cAAgC,EAAA,cAAA,CAAA,YAAA,GAAA,EAAA,CAAA,MAAA,GAAA,EAAA,CAAA,KAAA,UAEF,IAAI,EAAA,QAAA,KAAA,SACd,EAAA,KAAA,OACF,IAIjB,OAAO,EAAA,EAIP,OAAgB,EAAA,CAAoB,GAAA,CACnC,GAAI,EAAK,OAAS,EAAA,SAAS,QAC1B,MAAU,MAAM,gDAAA,CAGjB,IAAM,EAAM,KAAK,UAAU,GAAW,EAAA,CAAA,CAClC,KAAK,SAAW,IAAQ,KAAK,UACjC,KAAK,QAAU,EAEf,KAAK,QAAU,EAAK,QACpB,KAAK,SAAW,GAAS,UAAY,EACrC,KAAK,OAAS,GAAS,QAAU,IAEjC,KAAK,QAAQ,MAAM,WAAa,aAAa,EAAA,EAAc,SAAA,KAAc,EAAA,EAAc,iBAEvF,KAAK,UAAU,MAAA,CACf,KAAK,eAAA,EAKN,aAAA,CACC,KAAK,UAAU,MAAA,CACf,KAAK,eAAA,CAGN,eAAA,CACC,GAAI,EAAA,EAAe,MAAO,OAE1B,IAAM,EAAS,KAAK,QAAQ,eAAiB,UA+C7C,EAAA,EAAA,QAAA,EAAA,EAAA,WA7CyB,KAAK,QAAS,aAAA,CAAc,MAAA,EAAA,EAAA,UAEnD,KAAK,QAAQ,MAAM,WAAa,YAChC,KAAK,WAAa,KAAK,QAAQ,uBAAA,CACxB,MAAA,CAAA,EAER,EAAA,EAAA,WAEmC,EAAQ,YAAA,CAAa,MAAA,EAAA,EAAA,WAC9C,EAAG,EAAA,wBAAA,EAAwB,EAAA,EAAA,KACjC,GAAA,CACH,IAAM,EAAO,KAAK,YAAc,KAAK,QAAQ,uBAAA,CACvC,EAAU,EAAK,KAAO,EAAK,MAAQ,EACnC,EAAU,EAAK,IAAM,EAAK,OAAS,EACnC,EAAK,EAAE,QAAU,EACjB,EAAK,EAAE,QAAU,EACjB,EAAW,KAAK,KAAK,EAAK,EAAK,EAAK,EAAA,CAE1C,GAAI,EAAW,KAAK,QAAU,EAAW,EAAG,CAC3C,IAAM,GAAQ,EAAI,EAAW,KAAK,QAAU,KAAK,SACjD,MAAO,CAAE,EAAI,EAAK,EAAY,EAAM,EAAI,EAAK,EAAY,EAAA,CAE1D,MAAO,CAAE,EAAG,EAAG,EAAG,EAAA,EAAA,CAAA,EAEnB,EAAA,EAAA,WAEwB,EAAQ,aAAA,CAAc,MAAA,EAAA,EAAA,UAE7C,KAAK,QAAQ,MAAM,WAAa,GAChC,KAAK,WAAA,IAAa,GACX,CAAE,EAAG,EAAG,EAAG,EAAA,EAAA,CAAA,CAKE,EAAA,EAAe,MAAA,EAAA,EAAA,KAChC,IACC,IACH,KAAK,QAAQ,MAAM,UAAY,GAC/B,KAAK,QAAQ,MAAM,WAAa,IAE1B,MAAA,CAAA,CAAA,CAKP,MAAA,EAAA,EAAA,WAAe,KAAK,UAAA,CAAA,CACpB,UAAU,GAAA,CACN,IACH,KAAK,QAAQ,MAAM,UAAY,GAAG,EAAI,EAAA,KAAO,EAAI,EAAA,MAAA,CAKrD,cAAA,CACC,KAAK,UAAU,MAAA,CACX,KAAK,UACR,KAAK,QAAQ,MAAM,UAAY,GAC/B,KAAK,QAAQ,MAAM,WAAa,MAKtB,GAAA,EAAA,EAAA,WAAqB,EAAA,CAAA,OAAA,eAAA,QAAA,IAAA,CAAA,WAAA,CAAA,EAAA,IAAA,UAAA,CAAA,OAAA,GAAA,CAAA"}

package/dist/{mailbox-D6LkQcN5.cjs → mailbox-BmChskZc.cjs}

@@ -1,9 +1,9 @@
-require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-BF1Huas7.cjs`),t=require(`./litElement.mixin-3llHwB-8.cjs`);require(`./mixins.cjs`);const n=require(`./dialog-service-VnW4gkmE.cjs`),r=require(`./sheet.service-Dumvr1HT.cjs`);require(`./dialog.cjs`);const i=require(`./notification-CZFEhWxc.cjs`);let a=require(`rxjs`),o=require(`lit/decorators.js`),s=require(`lit`),c=require(`lit/directives/ref.js`),l=require(`lit/directives/repeat.js`),u=require(`lit/directives/when.js`);var d=class extends t.t(s.css`
+require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-Cpa-VnnX.cjs`),t=require(`./decorate-F9CuyeHg.cjs`),n=require(`./litElement.mixin-Bj2q1yPw.cjs`);require(`./mixins.cjs`);const r=require(`./dialog-service-DcuAavp2.cjs`),i=require(`./sheet.service-Cr13Oo6G.cjs`);require(`./dialog.cjs`);const a=require(`./notification-DKVWYhqs.cjs`);let o=require(`rxjs`),s=require(`lit/decorators.js`),c=require(`lit`),l=require(`lit/directives/ref.js`),u=require(`lit/directives/repeat.js`),d=require(`lit/directives/when.js`);var f=class extends n.t(c.css`
 	:host {
 		display: block;
 		height: 100%;
 	}
-`){constructor(...e){super(...e),this.config={},this.templates=[],this.importSources=[],this.disabled=!1,this.recipientsTitle=`Recipients`,this.recipientsEmptyTitle=`No recipients yet`,this.recipientsEmptyMessage=`Import from sources or upload a CSV`,this.enableCsvImport=!0,this.enableDragDrop=!0,this.recipients=[],this.selectedRecipients=[],this.subject=``,this.body=``,this.templateId=null,this.attachments=[],this.isSending=!1,this.handleEmailsImported=e=>{let{emails:t}=e.detail,n=[...new Set([...this.recipients,...t])],r=t.filter(e=>!this.recipients.includes(e));this.recipients=n,this.selectedRecipients=[...new Set([...this.selectedRecipients,...r])],this.dispatchEvent(new CustomEvent(`emails-imported`,{detail:{emails:r,source:e.detail.source},bubbles:!0,composed:!0}))},this.handleRecipientRemoved=e=>{let{email:t}=e.detail;this.recipients=this.recipients.filter(e=>e!==t),this.selectedRecipients=this.selectedRecipients.filter(e=>e!==t),this.dispatchEvent(new CustomEvent(`recipient-removed`,{detail:{email:t},bubbles:!0,composed:!0}))},this.handleRecipientsCleared=()=>{this.recipients=[],this.selectedRecipients=[],this.dispatchEvent(new CustomEvent(`recipients-cleared`,{bubbles:!0,composed:!0}))},this.handleSelectionChanged=e=>{let{selectedEmails:t}=e.detail;this.selectedRecipients=t,this.dispatchEvent(new CustomEvent(`selection-changed`,{detail:{selectedEmails:t},bubbles:!0,composed:!0}))},this.handleEditorChange=e=>{let{subject:t,body:n,templateId:r,attachments:i}=e.detail;this.subject=t,this.body=n,this.templateId=r,this.attachments=i,this.dispatchEvent(new CustomEvent(`compose-changed`,{detail:{subject:t,body:n,templateId:r,attachments:i},bubbles:!0,composed:!0}))},this.handleSend=async()=>{if(this.selectedRecipients.length!==0)if(this.subject.trim())if(this.body.trim()){this.isSending=!0;try{let e={recipients:this.selectedRecipients,subject:this.subject,body:this.body,attachments:this.attachments,templateId:this.templateId};this.dispatchEvent(new CustomEvent(`send-email`,{detail:{request:e},bubbles:!0,composed:!0}))}catch(e){this.dispatchEvent(new CustomEvent(`send-error`,{detail:{error:e instanceof Error?e.message:`Failed to send email`},bubbles:!0,composed:!0}))}finally{this.isSending=!1}}else this.dispatchEvent(new CustomEvent(`send-error`,{detail:{error:`Please enter a message body`},bubbles:!0,composed:!0}));else this.dispatchEvent(new CustomEvent(`send-error`,{detail:{error:`Please enter a subject`},bubbles:!0,composed:!0}));else this.dispatchEvent(new CustomEvent(`send-error`,{detail:{error:`Please select at least one recipient`},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setSending(this.disabled)}updated(e){super.updated(e),e.has(`disabled`)&&this.setSending(this.disabled)}addRecipients(e){let t=[...new Set([...this.recipients,...e])],n=e.filter(e=>!this.recipients.includes(e));this.recipients=t,this.selectedRecipients=[...new Set([...this.selectedRecipients,...n])]}setSubject(e){this.subject=e}setBody(e){this.body=e}setTemplate(e){this.templateId=e}clearCompose(){this.recipients=[],this.selectedRecipients=[],this.subject=``,this.body=``,this.templateId=null,this.attachments=[]}setSending(e){this.isSending=e}render(){let e=this.selectedRecipients.length>0&&this.subject.trim()&&this.body.trim()&&!this.isSending&&!this.disabled;return s.html`
+`){constructor(...e){super(...e),this.config={},this.templates=[],this.importSources=[],this.disabled=!1,this.recipientsTitle=`Recipients`,this.recipientsEmptyTitle=`No recipients yet`,this.recipientsEmptyMessage=`Import from sources or upload a CSV`,this.enableCsvImport=!0,this.enableDragDrop=!0,this.recipients=[],this.selectedRecipients=[],this.subject=``,this.body=``,this.templateId=null,this.attachments=[],this.isSending=!1,this.handleEmailsImported=e=>{let{emails:t}=e.detail,n=[...new Set([...this.recipients,...t])],r=t.filter(e=>!this.recipients.includes(e));this.recipients=n,this.selectedRecipients=[...new Set([...this.selectedRecipients,...r])],this.dispatchEvent(new CustomEvent(`emails-imported`,{detail:{emails:r,source:e.detail.source},bubbles:!0,composed:!0}))},this.handleRecipientRemoved=e=>{let{email:t}=e.detail;this.recipients=this.recipients.filter(e=>e!==t),this.selectedRecipients=this.selectedRecipients.filter(e=>e!==t),this.dispatchEvent(new CustomEvent(`recipient-removed`,{detail:{email:t},bubbles:!0,composed:!0}))},this.handleRecipientsCleared=()=>{this.recipients=[],this.selectedRecipients=[],this.dispatchEvent(new CustomEvent(`recipients-cleared`,{bubbles:!0,composed:!0}))},this.handleSelectionChanged=e=>{let{selectedEmails:t}=e.detail;this.selectedRecipients=t,this.dispatchEvent(new CustomEvent(`selection-changed`,{detail:{selectedEmails:t},bubbles:!0,composed:!0}))},this.handleEditorChange=e=>{let{subject:t,body:n,templateId:r,attachments:i}=e.detail;this.subject=t,this.body=n,this.templateId=r,this.attachments=i,this.dispatchEvent(new CustomEvent(`compose-changed`,{detail:{subject:t,body:n,templateId:r,attachments:i},bubbles:!0,composed:!0}))},this.handleSend=async()=>{if(this.selectedRecipients.length!==0)if(this.subject.trim())if(this.body.trim()){this.isSending=!0;try{let e={recipients:this.selectedRecipients,subject:this.subject,body:this.body,attachments:this.attachments,templateId:this.templateId};this.dispatchEvent(new CustomEvent(`send-email`,{detail:{request:e},bubbles:!0,composed:!0}))}catch(e){this.dispatchEvent(new CustomEvent(`send-error`,{detail:{error:e instanceof Error?e.message:`Failed to send email`},bubbles:!0,composed:!0}))}finally{this.isSending=!1}}else this.dispatchEvent(new CustomEvent(`send-error`,{detail:{error:`Please enter a message body`},bubbles:!0,composed:!0}));else this.dispatchEvent(new CustomEvent(`send-error`,{detail:{error:`Please enter a subject`},bubbles:!0,composed:!0}));else this.dispatchEvent(new CustomEvent(`send-error`,{detail:{error:`Please select at least one recipient`},bubbles:!0,composed:!0}))}}connectedCallback(){super.connectedCallback(),this.setSending(this.disabled)}updated(e){super.updated(e),e.has(`disabled`)&&this.setSending(this.disabled)}addRecipients(e){let t=[...new Set([...this.recipients,...e])],n=e.filter(e=>!this.recipients.includes(e));this.recipients=t,this.selectedRecipients=[...new Set([...this.selectedRecipients,...n])]}setSubject(e){this.subject=e}setBody(e){this.body=e}setTemplate(e){this.templateId=e}clearCompose(){this.recipients=[],this.selectedRecipients=[],this.subject=``,this.body=``,this.templateId=null,this.attachments=[]}setSending(e){this.isSending=e}render(){let e=this.selectedRecipients.length>0&&this.subject.trim()&&this.body.trim()&&!this.isSending&&!this.disabled;return c.html`
 			<!-- Main Layout Container -->
 			<div class="flex flex-col h-full gap-6 p-6">
 				
@@ -50,7 +50,7 @@ require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-BF1Huas7.cjs`)
 								<schmancy-typography type="body" token="sm" class="font-medium">
 									${this.selectedRecipients.length} recipient${this.selectedRecipients.length===1?``:`s`} selected
 								</schmancy-typography>
-								${(0,u.when)(this.attachments.length>0,()=>s.html`
+								${(0,d.when)(this.attachments.length>0,()=>c.html`
 									<schmancy-typography type="body" token="xs">
 										${this.attachments.length} attachment${this.attachments.length===1?``:`s`}
 									</schmancy-typography>
@@ -90,9 +90,9 @@ require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-BF1Huas7.cjs`)
 				@recipients-cleared=${this.handleRecipientsCleared}
 				@selection-changed=${this.handleSelectionChanged}
 			></schmancy-email-recipients>
-		`}};e.i([(0,o.property)({type:Object})],d.prototype,`config`,void 0),e.i([(0,o.property)({type:Array})],d.prototype,`templates`,void 0),e.i([(0,o.property)({type:Array})],d.prototype,`importSources`,void 0),e.i([(0,o.property)({type:Boolean})],d.prototype,`disabled`,void 0),e.i([(0,o.property)({type:String})],d.prototype,`recipientsTitle`,void 0),e.i([(0,o.property)({type:String})],d.prototype,`recipientsEmptyTitle`,void 0),e.i([(0,o.property)({type:String})],d.prototype,`recipientsEmptyMessage`,void 0),e.i([(0,o.property)({type:Boolean})],d.prototype,`enableCsvImport`,void 0),e.i([(0,o.property)({type:Boolean})],d.prototype,`enableDragDrop`,void 0),e.i([(0,o.state)()],d.prototype,`recipients`,void 0),e.i([(0,o.state)()],d.prototype,`selectedRecipients`,void 0),e.i([(0,o.state)()],d.prototype,`subject`,void 0),e.i([(0,o.state)()],d.prototype,`body`,void 0),e.i([(0,o.state)()],d.prototype,`templateId`,void 0),e.i([(0,o.state)()],d.prototype,`attachments`,void 0),e.i([(0,o.state)()],d.prototype,`isSending`,void 0),d=e.i([(0,o.customElement)(`schmancy-mailbox`)],d);var f=class extends e.t(){constructor(...e){super(...e),this.layouts=[{id:`columns-2`,icon:`view_week`,label:`2 Col`},{id:`columns-3`,icon:`view_column`,label:`3 Col`},{id:`sidebar-left`,icon:`view_sidebar`,label:`Left`},{id:`sidebar-right`,icon:`view_sidebar`,label:`Right`,flipped:!0},{id:`image-row`,icon:`collections`,label:`Images`}]}selectLayout(e){this.dispatchEvent(new CustomEvent(`layout-select`,{detail:{layout:e},bubbles:!0,composed:!0}))}render(){return s.html`
+		`}};t.t([(0,s.property)({type:Object})],f.prototype,`config`,void 0),t.t([(0,s.property)({type:Array})],f.prototype,`templates`,void 0),t.t([(0,s.property)({type:Array})],f.prototype,`importSources`,void 0),t.t([(0,s.property)({type:Boolean})],f.prototype,`disabled`,void 0),t.t([(0,s.property)({type:String})],f.prototype,`recipientsTitle`,void 0),t.t([(0,s.property)({type:String})],f.prototype,`recipientsEmptyTitle`,void 0),t.t([(0,s.property)({type:String})],f.prototype,`recipientsEmptyMessage`,void 0),t.t([(0,s.property)({type:Boolean})],f.prototype,`enableCsvImport`,void 0),t.t([(0,s.property)({type:Boolean})],f.prototype,`enableDragDrop`,void 0),t.t([(0,s.state)()],f.prototype,`recipients`,void 0),t.t([(0,s.state)()],f.prototype,`selectedRecipients`,void 0),t.t([(0,s.state)()],f.prototype,`subject`,void 0),t.t([(0,s.state)()],f.prototype,`body`,void 0),t.t([(0,s.state)()],f.prototype,`templateId`,void 0),t.t([(0,s.state)()],f.prototype,`attachments`,void 0),t.t([(0,s.state)()],f.prototype,`isSending`,void 0),f=t.t([(0,s.customElement)(`schmancy-mailbox`)],f);var p=class extends e.t(){constructor(...e){super(...e),this.layouts=[{id:`columns-2`,icon:`view_week`,label:`2 Col`},{id:`columns-3`,icon:`view_column`,label:`3 Col`},{id:`sidebar-left`,icon:`view_sidebar`,label:`Left`},{id:`sidebar-right`,icon:`view_sidebar`,label:`Right`,flipped:!0},{id:`image-row`,icon:`collections`,label:`Images`}]}selectLayout(e){this.dispatchEvent(new CustomEvent(`layout-select`,{detail:{layout:e},bubbles:!0,composed:!0}))}render(){return c.html`
 			<div class="grid p-3 gap-2">
-				${this.layouts.map(e=>s.html`
+				${this.layouts.map(e=>c.html`
 					<schmancy-button 
 						variant="outlined"
 						@click=${()=>this.selectLayout(e.id)}
@@ -108,11 +108,11 @@ require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-BF1Huas7.cjs`)
 					</schmancy-button>
 				`)}
 			</div>
-		`}};f=e.i([(0,o.customElement)(`schmancy-email-layout-selector`)],f);var p=class extends t.t(s.css`
+		`}};p=t.t([(0,s.customElement)(`schmancy-email-layout-selector`)],p);var m=class extends n.t(c.css`
 	:host {
 		display: block;
 	}
-`){constructor(...e){super(...e),this.templates=[],this.searchQuery=``,this.filteredTemplates=[],this.selectedCategory=`all`,this.handleSearch=e=>{let t=e.target;this.searchQuery=t.value},this.handleCategorySelect=e=>{this.selectedCategory=e,this.updateFilteredTemplates()},this.selectTemplate=e=>{this.dispatchEvent(new CustomEvent(`template-selected`,{detail:e,bubbles:!0,composed:!0})),r.n.dismiss()},this.close=()=>{r.n.dismiss()}}connectedCallback(){super.connectedCallback(),this.updateFilteredTemplates()}updated(e){(e.has(`templates`)||e.has(`searchQuery`)||e.has(`selectedCategory`))&&this.updateFilteredTemplates()}get categories(){let e=new Set;return this.templates.forEach(t=>{t.category&&e.add(t.category)}),[`all`,...Array.from(e)]}updateFilteredTemplates(){let e=[...this.templates];if(this.selectedCategory!==`all`&&(e=e.filter(e=>e.category===this.selectedCategory)),this.searchQuery.trim()){let t=this.searchQuery.toLowerCase();e=e.filter(e=>e.name.toLowerCase().includes(t)||e.category?.toLowerCase().includes(t)||e.description?.toLowerCase().includes(t))}this.filteredTemplates=e}render(){return s.html`
+`){constructor(...e){super(...e),this.templates=[],this.searchQuery=``,this.filteredTemplates=[],this.selectedCategory=`all`,this.handleSearch=e=>{let t=e.target;this.searchQuery=t.value},this.handleCategorySelect=e=>{this.selectedCategory=e,this.updateFilteredTemplates()},this.selectTemplate=e=>{this.dispatchEvent(new CustomEvent(`template-selected`,{detail:e,bubbles:!0,composed:!0})),i.n.dismiss()},this.close=()=>{i.n.dismiss()}}connectedCallback(){super.connectedCallback(),this.updateFilteredTemplates()}updated(e){(e.has(`templates`)||e.has(`searchQuery`)||e.has(`selectedCategory`))&&this.updateFilteredTemplates()}get categories(){let e=new Set;return this.templates.forEach(t=>{t.category&&e.add(t.category)}),[`all`,...Array.from(e)]}updateFilteredTemplates(){let e=[...this.templates];if(this.selectedCategory!==`all`&&(e=e.filter(e=>e.category===this.selectedCategory)),this.searchQuery.trim()){let t=this.searchQuery.toLowerCase();e=e.filter(e=>e.name.toLowerCase().includes(t)||e.category?.toLowerCase().includes(t)||e.description?.toLowerCase().includes(t))}this.filteredTemplates=e}render(){return c.html`
 			<div class="flex flex-col h-full overflow-hidden">
 				<!-- Header -->
 				<div class="flex items-center justify-between px-6 py-4 border-b border-outline-variant">
@@ -136,7 +136,7 @@ require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-BF1Huas7.cjs`)
 					${this.renderTemplateList()}
 				</div>
 			</div>
-		`}renderTemplateList(){return s.html`
+		`}renderTemplateList(){return c.html`
 			<!-- Search and Filter Bar -->
 			<div class="px-6 py-4 border-b border-outline-variant bg-surface-containerLow">
 				<div class="flex flex-col gap-4">
@@ -149,7 +149,7 @@ require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-BF1Huas7.cjs`)
 						class="w-full"
 					>
 						<schmancy-icon slot="prefix" size="20px" class="text-surface-onVariant">search</schmancy-icon>
-						${(0,u.when)(this.searchQuery,()=>s.html`
+						${(0,d.when)(this.searchQuery,()=>c.html`
 							<schmancy-button
 								slot="suffix"
 								variant="text"
@@ -162,9 +162,9 @@ require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-BF1Huas7.cjs`)
 					</schmancy-input>
 
 					<!-- Category Filter -->
-					${(0,u.when)(this.categories.length>1,()=>s.html`
+					${(0,d.when)(this.categories.length>1,()=>c.html`
 						<div class="flex gap-2 flex-wrap">
-							${(0,l.repeat)(this.categories,e=>e,e=>s.html`
+							${(0,u.repeat)(this.categories,e=>e,e=>c.html`
 									<schmancy-chip
 										class="cursor-pointer transition-all hover:shadow-sm ${this.selectedCategory===e?`bg-primary text-primary-on`:`border border-outline`}"
 										@click=${()=>this.handleCategorySelect(e)}
@@ -179,9 +179,9 @@ require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-BF1Huas7.cjs`)
 
 			<!-- Template List with Previews -->
 			<div class="flex-1 overflow-y-auto px-6 py-6">
-				${(0,u.when)(this.filteredTemplates.length>0,()=>s.html`
+				${(0,d.when)(this.filteredTemplates.length>0,()=>c.html`
 						<div class="space-y-6">
-							${(0,l.repeat)(this.filteredTemplates,e=>e.id,e=>s.html`
+							${(0,u.repeat)(this.filteredTemplates,e=>e.id,e=>c.html`
 									<schmancy-surface
 										type="subtle"
 										elevation="1"
@@ -196,7 +196,7 @@ require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-BF1Huas7.cjs`)
 													<schmancy-typography type="title" token="md" class="font-semibold leading-tight mb-1">
 														${e.name}
 													</schmancy-typography>
-													${(0,u.when)(e.category,()=>s.html`
+													${(0,d.when)(e.category,()=>c.html`
 														<schmancy-chip class="text-xs border border-outline">
 															${e.category}
 														</schmancy-chip>
@@ -224,7 +224,7 @@ require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-BF1Huas7.cjs`)
 									</schmancy-surface>
 								`)}
 						</div>
-					`,()=>s.html`
+					`,()=>c.html`
 						<div class="flex flex-col items-center justify-center h-96 text-center">
 							<div class="mb-6">
 								<schmancy-icon size="64px" class="text-surface-onVariant opacity-20">mail_outline</schmancy-icon>
@@ -235,9 +235,9 @@ require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-BF1Huas7.cjs`)
 							<schmancy-typography type="body" token="md" class="text-surface-onVariant mb-6 max-w-md">
 								${this.searchQuery?`No templates match your search for "${this.searchQuery}"`:this.selectedCategory===`all`?`Start by creating your first email template`:`No templates found in the "${this.selectedCategory}" category`}
 							</schmancy-typography>
-							${(0,u.when)(this.searchQuery||this.selectedCategory!==`all`,()=>s.html`
+							${(0,d.when)(this.searchQuery||this.selectedCategory!==`all`,()=>c.html`
 								<div class="flex gap-3">
-									${(0,u.when)(this.searchQuery,()=>s.html`
+									${(0,d.when)(this.searchQuery,()=>c.html`
 										<schmancy-button
 											variant="outlined"
 											@click=${()=>{this.searchQuery=``}}
@@ -246,7 +246,7 @@ require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-BF1Huas7.cjs`)
 											Clear Search
 										</schmancy-button>
 									`)}
-									${(0,u.when)(this.selectedCategory!==`all`,()=>s.html`
+									${(0,d.when)(this.selectedCategory!==`all`,()=>c.html`
 										<schmancy-button
 											variant="filled"
 											@click=${()=>this.handleCategorySelect(`all`)}
@@ -260,16 +260,16 @@ require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-BF1Huas7.cjs`)
 						</div>
 					`)}
 			</div>
-		`}};e.i([(0,o.property)({type:Array})],p.prototype,`templates`,void 0),e.i([(0,o.state)()],p.prototype,`searchQuery`,void 0),e.i([(0,o.state)()],p.prototype,`filteredTemplates`,void 0),e.i([(0,o.state)()],p.prototype,`selectedCategory`,void 0),p=e.i([(0,o.customElement)(`schmancy-email-template-picker`)],p);var m=class extends t.t(s.css`
+		`}};t.t([(0,s.property)({type:Array})],m.prototype,`templates`,void 0),t.t([(0,s.state)()],m.prototype,`searchQuery`,void 0),t.t([(0,s.state)()],m.prototype,`filteredTemplates`,void 0),t.t([(0,s.state)()],m.prototype,`selectedCategory`,void 0),m=t.t([(0,s.customElement)(`schmancy-email-template-picker`)],m);var h=class extends n.t(c.css`
 	:host {
 		display: block;
 		height: 100%;
 	}
-`){constructor(...e){super(...e),this.subject=``,this.body=``,this.disabled=!1,this.attachments=[],this.config={},this.templates=this.getDefaultTemplates(),this.dragOver=!1,this.isUploading=!1,this.subjectInputRef=(0,c.createRef)(),this.bodyTextAreaRef=(0,c.createRef)(),this.fileInputRef=(0,c.createRef)(),this.imageInputRef=(0,c.createRef)(),this.handleKeyDown=e=>{if(this.disabled)return;let t=this.bodyTextAreaRef.value?.shadowRoot?.querySelector(`textarea`);e.key===`Tab`&&e.target===t&&(e.preventDefault(),this.insertAtCursor(`  `))},this.handlePaste=e=>{let t=this.bodyTextAreaRef.value?.shadowRoot?.querySelector(`textarea`);if(this.disabled||document.activeElement!==t)return;let n=e.clipboardData?.items;if(n)for(let t=0;t<n.length;t++){let r=n[t];if(r.type.indexOf(`image`)!==-1){e.preventDefault();let t=r.getAsFile();t&&this.uploadImage(t);break}}},this.handleSubjectChange=e=>{let t=e.target;this.subject=t.value,this.dispatchChange()},this.handleBodyChange=e=>{this.body=e.detail.value,this.dispatchChange()},this.dispatchChange=()=>{this.dispatchEvent(new CustomEvent(`editor-change`,{detail:{subject:this.subject,body:this.body,attachments:this.attachments},bubbles:!0,composed:!0}))},this.openLayoutDialog=()=>{n.t.component(s.html`
+`){constructor(...e){super(...e),this.subject=``,this.body=``,this.disabled=!1,this.attachments=[],this.config={},this.templates=this.getDefaultTemplates(),this.dragOver=!1,this.isUploading=!1,this.subjectInputRef=(0,l.createRef)(),this.bodyTextAreaRef=(0,l.createRef)(),this.fileInputRef=(0,l.createRef)(),this.imageInputRef=(0,l.createRef)(),this.handleKeyDown=e=>{if(this.disabled)return;let t=this.bodyTextAreaRef.value?.shadowRoot?.querySelector(`textarea`);e.key===`Tab`&&e.target===t&&(e.preventDefault(),this.insertAtCursor(`  `))},this.handlePaste=e=>{let t=this.bodyTextAreaRef.value?.shadowRoot?.querySelector(`textarea`);if(this.disabled||document.activeElement!==t)return;let n=e.clipboardData?.items;if(n)for(let t=0;t<n.length;t++){let r=n[t];if(r.type.indexOf(`image`)!==-1){e.preventDefault();let t=r.getAsFile();t&&this.uploadImage(t);break}}},this.handleSubjectChange=e=>{let t=e.target;this.subject=t.value,this.dispatchChange()},this.handleBodyChange=e=>{this.body=e.detail.value,this.dispatchChange()},this.dispatchChange=()=>{this.dispatchEvent(new CustomEvent(`editor-change`,{detail:{subject:this.subject,body:this.body,attachments:this.attachments},bubbles:!0,composed:!0}))},this.openLayoutDialog=()=>{r.t.component(c.html`
 			<schmancy-email-layout-selector
-				@layout-select=${e=>{this.applyLayout(e.detail.layout),n.t.close()}}
+				@layout-select=${e=>{this.applyLayout(e.detail.layout),r.t.close()}}
 			></schmancy-email-layout-selector>
-		`)},this.openTemplatePicker=()=>{let e=new p;e.templates=this.templates,(0,a.fromEvent)(e,`template-selected`).pipe((0,a.takeUntil)(this.disconnecting)).subscribe(this.handleTemplateSelected),r.n.open({component:e})},this.handleTemplateSelected=e=>{let t=e.detail;this.subject=t.subject,this.body=t.body,this.dispatchChange(),i.r.success(`Template "${t.name}" applied successfully`)},this.applyLayout=e=>{let t={"columns-2":`
+		`)},this.openTemplatePicker=()=>{let e=new m;e.templates=this.templates,(0,o.fromEvent)(e,`template-selected`).pipe((0,o.takeUntil)(this.disconnecting)).subscribe(this.handleTemplateSelected),i.n.open({component:e})},this.handleTemplateSelected=e=>{let t=e.detail;this.subject=t.subject,this.body=t.body,this.dispatchChange(),a.r.success(`Template "${t.name}" applied successfully`)},this.applyLayout=e=>{let t={"columns-2":`
 :::layout columns-2
 <div class="column">
 ![Left Photo](https://via.placeholder.com/400x300?text=Replace+with+your+photo){height=300px}
@@ -359,7 +359,7 @@ Your primary content goes here. This area takes up most of the width while the s
 ![Gallery Image 3](https://via.placeholder.com/400x250?text=Gallery+Image+3){height=250px}
 </div>
 :::
-`}[e];t&&this.insertAtCursor(t)},this.uploadImage=async e=>{if(e.type.startsWith(`image/`))if(e.size>10485760)i.r.error(`Image "${e.name}" is too large. Maximum size is 10MB.`);else{this.isUploading=!0;try{let t;this.config.imageUploadHandler?t=await this.config.imageUploadHandler(e):this.config.uploadHandler?t=await this.config.uploadHandler(e):(t=await this.createDataUrl(e),i.r.warning(`No upload handler configured. Using local preview.`));let n=await this.getImageDimensions(e);this.insertImageMarkdown(t,e.name,n.width,n.height),i.r.success(`Image uploaded successfully`)}catch{i.r.error(`Failed to upload image`)}finally{this.isUploading=!1}}else i.r.error(`File "${e.name}" is not an image`)},this.createDataUrl=e=>new Promise((t,n)=>{let r=new FileReader;r.onload=()=>t(r.result),r.onerror=n,r.readAsDataURL(e)}),this.getImageDimensions=e=>new Promise(t=>{let n=new Image;n.onload=()=>{t({width:n.width,height:n.height}),URL.revokeObjectURL(n.src)},n.onerror=()=>{t({width:400,height:300}),URL.revokeObjectURL(n.src)},n.src=URL.createObjectURL(e)}),this.insertImageMarkdown=(e,t,n,r)=>{let i=this.bodyTextAreaRef.value?.shadowRoot?.querySelector(`textarea`);if(!i)return;let a=`![${t}](${e}){width=${Math.min(n,600)}px height=auto}`,o=i.selectionStart,s=i.selectionEnd,c=this.body.substring(0,o)+a+this.body.substring(s);this.body=c,this.dispatchChange(),this.updateComplete.then(()=>{let e=this.bodyTextAreaRef.value?.shadowRoot?.querySelector(`textarea`);if(e){let t=o+a.length;e.setSelectionRange(t,t),e.focus()}})},this.handleFileChange=e=>{let t=e.target,n=t.files;if(n)for(let e=0;e<n.length;e++){let t=n[e];t.type.startsWith(`image/`)?this.uploadImage(t):this.addFile(t)}t.value=``},this.handleImageSelect=e=>{let t=e.target,n=t.files?.[0];n&&n.type.startsWith(`image/`)&&this.uploadImage(n),t.value=``},this.handleDrop=e=>{e.preventDefault(),this.dragOver=!1;let t=e.dataTransfer?.files;if(t)for(let e=0;e<t.length;e++){let n=t[e];n.type.startsWith(`image/`)?this.uploadImage(n):this.addFile(n)}},this.handleDragEnter=e=>{e.preventDefault(),this.dragOver=!0},this.handleDocumentDragLeave=e=>{e.preventDefault(),this.dragOver=!1},this.handleDocumentDrop=e=>{e.preventDefault(),this.dragOver=!1},this.handleDragOver=e=>{e.preventDefault()},this.handleDragLeave=e=>{e.preventDefault()},this.addFile=e=>{if(e.size>10485760)return void i.r.error(`File "${e.name}" is too large. Maximum size is 10MB.`);if(this.attachments.some(t=>t.name===e.name&&t.size===e.size))return void i.r.warning(`File "${e.name}" is already attached.`);let t={id:crypto.randomUUID(),file:e,name:e.name,size:e.size,type:e.type||`application/octet-stream`};this.attachments=[...this.attachments,t],this.dispatchChange()},this.removeAttachment=e=>{this.attachments=this.attachments.filter(t=>t.id!==e),this.dispatchChange()}}connectedCallback(){super.connectedCallback(),this.addEventListeners()}disconnectedCallback(){super.disconnectedCallback()}getDefaultTemplates(){return[{id:`welcome`,name:`Welcome Email`,subject:`Welcome to Our Community! 🌟`,description:`A warm welcome message for new users`,category:`onboarding`,body:`# Welcome to Our Community!
+`}[e];t&&this.insertAtCursor(t)},this.uploadImage=async e=>{if(e.type.startsWith(`image/`))if(e.size>10485760)a.r.error(`Image "${e.name}" is too large. Maximum size is 10MB.`);else{this.isUploading=!0;try{let t;this.config.imageUploadHandler?t=await this.config.imageUploadHandler(e):this.config.uploadHandler?t=await this.config.uploadHandler(e):(t=await this.createDataUrl(e),a.r.warning(`No upload handler configured. Using local preview.`));let n=await this.getImageDimensions(e);this.insertImageMarkdown(t,e.name,n.width,n.height),a.r.success(`Image uploaded successfully`)}catch{a.r.error(`Failed to upload image`)}finally{this.isUploading=!1}}else a.r.error(`File "${e.name}" is not an image`)},this.createDataUrl=e=>new Promise((t,n)=>{let r=new FileReader;r.onload=()=>t(r.result),r.onerror=n,r.readAsDataURL(e)}),this.getImageDimensions=e=>new Promise(t=>{let n=new Image;n.onload=()=>{t({width:n.width,height:n.height}),URL.revokeObjectURL(n.src)},n.onerror=()=>{t({width:400,height:300}),URL.revokeObjectURL(n.src)},n.src=URL.createObjectURL(e)}),this.insertImageMarkdown=(e,t,n,r)=>{let i=this.bodyTextAreaRef.value?.shadowRoot?.querySelector(`textarea`);if(!i)return;let a=`![${t}](${e}){width=${Math.min(n,600)}px height=auto}`,o=i.selectionStart,s=i.selectionEnd,c=this.body.substring(0,o)+a+this.body.substring(s);this.body=c,this.dispatchChange(),this.updateComplete.then(()=>{let e=this.bodyTextAreaRef.value?.shadowRoot?.querySelector(`textarea`);if(e){let t=o+a.length;e.setSelectionRange(t,t),e.focus()}})},this.handleFileChange=e=>{let t=e.target,n=t.files;if(n)for(let e=0;e<n.length;e++){let t=n[e];t.type.startsWith(`image/`)?this.uploadImage(t):this.addFile(t)}t.value=``},this.handleImageSelect=e=>{let t=e.target,n=t.files?.[0];n&&n.type.startsWith(`image/`)&&this.uploadImage(n),t.value=``},this.handleDrop=e=>{e.preventDefault(),this.dragOver=!1;let t=e.dataTransfer?.files;if(t)for(let e=0;e<t.length;e++){let n=t[e];n.type.startsWith(`image/`)?this.uploadImage(n):this.addFile(n)}},this.handleDragEnter=e=>{e.preventDefault(),this.dragOver=!0},this.handleDocumentDragLeave=e=>{e.preventDefault(),this.dragOver=!1},this.handleDocumentDrop=e=>{e.preventDefault(),this.dragOver=!1},this.handleDragOver=e=>{e.preventDefault()},this.handleDragLeave=e=>{e.preventDefault()},this.addFile=e=>{if(e.size>10485760)return void a.r.error(`File "${e.name}" is too large. Maximum size is 10MB.`);if(this.attachments.some(t=>t.name===e.name&&t.size===e.size))return void a.r.warning(`File "${e.name}" is already attached.`);let t={id:crypto.randomUUID(),file:e,name:e.name,size:e.size,type:e.type||`application/octet-stream`};this.attachments=[...this.attachments,t],this.dispatchChange()},this.removeAttachment=e=>{this.attachments=this.attachments.filter(t=>t.id!==e),this.dispatchChange()}}connectedCallback(){super.connectedCallback(),this.addEventListeners()}disconnectedCallback(){super.disconnectedCallback()}getDefaultTemplates(){return[{id:`welcome`,name:`Welcome Email`,subject:`Welcome to Our Community! 🌟`,description:`A warm welcome message for new users`,category:`onboarding`,body:`# Welcome to Our Community!
 
 We're thrilled to have you on board. Thank you for joining us on this journey.
 
@@ -548,7 +548,7 @@ You'll receive a tracking number via email once your order ships (usually within
 *Questions about your order? Reply to this email or contact our support team.*
 
 Thank you for your business,  
-The Fulfillment Team`}]}addEventListeners(){(0,a.fromEvent)(this,`keydown`).pipe((0,a.takeUntil)(this.disconnecting)).subscribe(this.handleKeyDown),(0,a.fromEvent)(document,`paste`).pipe((0,a.takeUntil)(this.disconnecting)).subscribe(this.handlePaste),(0,a.fromEvent)(document,`dragenter`).pipe((0,a.takeUntil)(this.disconnecting)).subscribe(this.handleDragEnter),(0,a.fromEvent)(document,`dragleave`).pipe((0,a.takeUntil)(this.disconnecting)).subscribe(this.handleDocumentDragLeave),(0,a.fromEvent)(document,`drop`).pipe((0,a.takeUntil)(this.disconnecting)).subscribe(this.handleDocumentDrop)}insertAtCursor(e,t){if(!this.bodyTextAreaRef.value)return;let n=this.bodyTextAreaRef.value.shadowRoot?.querySelector(`textarea`);if(!n)return;let r=n.selectionStart,i=n.selectionEnd,a=n.value.substring(0,r)+e+n.value.substring(i);this.body=a,this.dispatchChange(),this.updateComplete.then(()=>{let n=this.bodyTextAreaRef.value?.shadowRoot?.querySelector(`textarea`);if(n)if(n.focus(),t){let i=r+e.indexOf(t),a=i+t.length;n.setSelectionRange(i,a)}else n.setSelectionRange(r+e.length,r+e.length)})}wrapSelection(e,t,n){if(!this.bodyTextAreaRef.value)return;let r=this.bodyTextAreaRef.value.shadowRoot?.querySelector(`textarea`);if(!r)return;let i=r.selectionStart,a=r.selectionEnd,o=r.value.substring(i,a),s=e+(o||n)+t,c=r.value.substring(0,i)+s+r.value.substring(a);this.body=c,this.dispatchChange(),this.updateComplete.then(()=>{let t=this.bodyTextAreaRef.value?.shadowRoot?.querySelector(`textarea`);t&&(t.focus(),o?t.setSelectionRange(i+s.length,i+s.length):t.setSelectionRange(i+e.length,i+e.length+n.length))})}render(){return s.html`
+The Fulfillment Team`}]}addEventListeners(){(0,o.fromEvent)(this,`keydown`).pipe((0,o.takeUntil)(this.disconnecting)).subscribe(this.handleKeyDown),(0,o.fromEvent)(document,`paste`).pipe((0,o.takeUntil)(this.disconnecting)).subscribe(this.handlePaste),(0,o.fromEvent)(document,`dragenter`).pipe((0,o.takeUntil)(this.disconnecting)).subscribe(this.handleDragEnter),(0,o.fromEvent)(document,`dragleave`).pipe((0,o.takeUntil)(this.disconnecting)).subscribe(this.handleDocumentDragLeave),(0,o.fromEvent)(document,`drop`).pipe((0,o.takeUntil)(this.disconnecting)).subscribe(this.handleDocumentDrop)}insertAtCursor(e,t){if(!this.bodyTextAreaRef.value)return;let n=this.bodyTextAreaRef.value.shadowRoot?.querySelector(`textarea`);if(!n)return;let r=n.selectionStart,i=n.selectionEnd,a=n.value.substring(0,r)+e+n.value.substring(i);this.body=a,this.dispatchChange(),this.updateComplete.then(()=>{let n=this.bodyTextAreaRef.value?.shadowRoot?.querySelector(`textarea`);if(n)if(n.focus(),t){let i=r+e.indexOf(t),a=i+t.length;n.setSelectionRange(i,a)}else n.setSelectionRange(r+e.length,r+e.length)})}wrapSelection(e,t,n){if(!this.bodyTextAreaRef.value)return;let r=this.bodyTextAreaRef.value.shadowRoot?.querySelector(`textarea`);if(!r)return;let i=r.selectionStart,a=r.selectionEnd,o=r.value.substring(i,a),s=e+(o||n)+t,c=r.value.substring(0,i)+s+r.value.substring(a);this.body=c,this.dispatchChange(),this.updateComplete.then(()=>{let t=this.bodyTextAreaRef.value?.shadowRoot?.querySelector(`textarea`);t&&(t.focus(),o?t.setSelectionRange(i+s.length,i+s.length):t.setSelectionRange(i+e.length,i+e.length+n.length))})}render(){return c.html`
 			<schmancy-surface 
 				type="solid"
 				rounded="all"
@@ -567,7 +567,7 @@ The Fulfillment Team`}]}addEventListeners(){(0,a.fromEvent)(this,`keydown`).pipe
 								Subject *
 							</schmancy-typography>
 							<schmancy-input
-								${(0,c.ref)(this.subjectInputRef)}
+								${(0,l.ref)(this.subjectInputRef)}
 								.value=${this.subject}
 								@input=${this.handleSubjectChange}
 								placeholder="Enter email subject..."
@@ -653,7 +653,7 @@ The Fulfillment Team`}]}addEventListeners(){(0,a.fromEvent)(this,`keydown`).pipe
 										?disabled=${this.disabled||this.isUploading}
 										@click=${()=>this.imageInputRef.value?.click()}
 									>
-										${(0,u.when)(this.isUploading,()=>s.html`<schmancy-progress size="sm" class="w-4 h-4"></schmancy-progress>`,()=>s.html`<schmancy-icon>image</schmancy-icon>`)}
+										${(0,d.when)(this.isUploading,()=>c.html`<schmancy-progress size="sm" class="w-4 h-4"></schmancy-progress>`,()=>c.html`<schmancy-icon>image</schmancy-icon>`)}
 									</schmancy-icon-button>
 									<schmancy-icon-button 
 										size="sm" 
@@ -681,7 +681,7 @@ The Fulfillment Team`}]}addEventListeners(){(0,a.fromEvent)(this,`keydown`).pipe
 					<!-- Textarea Container - Takes remaining space -->
 					<div class="flex-1 px-4 relative min-h-0">
 						<schmancy-textarea
-							${(0,c.ref)(this.bodyTextAreaRef)}
+							${(0,l.ref)(this.bodyTextAreaRef)}
 							.value=${this.body}
 							@change=${this.handleBodyChange}
 							placeholder="Enter your email message here...
@@ -698,7 +698,7 @@ Tab key inserts 2 spaces for better formatting."
 						></schmancy-textarea>
 						
 						<!-- Upload Progress Overlay -->
-						${(0,u.when)(this.isUploading,()=>s.html`
+						${(0,d.when)(this.isUploading,()=>c.html`
 							<div class="absolute top-3 right-3 z-10">
 								<schmancy-surface type="subtle" rounded="all" class="p-2">
 									<div class="flex items-center gap-2">
@@ -720,14 +720,14 @@ Tab key inserts 2 spaces for better formatting."
 						</div>
 
 						<!-- Attachments Display (if any) -->
-						${(0,u.when)(this.attachments.length>0,()=>s.html`
+						${(0,d.when)(this.attachments.length>0,()=>c.html`
 							<div class="space-y-2">
 								<schmancy-typography type="label" token="sm" class="flex items-center gap-2">
 									<schmancy-icon size="16px">attach_file</schmancy-icon>
 									Attachments (${this.attachments.length})
 								</schmancy-typography>
 								<div class="flex flex-wrap gap-2">
-									${(0,l.repeat)(this.attachments,e=>e.id,e=>s.html`
+									${(0,u.repeat)(this.attachments,e=>e.id,e=>c.html`
 										<schmancy-chip class="text-xs">
 											<span class="truncate max-w-32">${e.name}</span>
 											<button 
@@ -747,13 +747,13 @@ Tab key inserts 2 spaces for better formatting."
 					<!-- Hidden File Inputs -->
 					<div class="hidden">
 						<input
-							${(0,c.ref)(this.fileInputRef)}
+							${(0,l.ref)(this.fileInputRef)}
 							type="file"
 							multiple
 							@change=${this.handleFileChange}
 						>
 						<input
-							${(0,c.ref)(this.imageInputRef)}
+							${(0,l.ref)(this.imageInputRef)}
 							type="file"
 							accept="image/*"
 							@change=${this.handleImageSelect}
@@ -763,7 +763,7 @@ Tab key inserts 2 spaces for better formatting."
 				</div>
 			</schmancy-surface>
 
-		`}};e.i([(0,o.property)({type:String})],m.prototype,`subject`,void 0),e.i([(0,o.property)({type:String})],m.prototype,`body`,void 0),e.i([(0,o.property)({type:Boolean})],m.prototype,`disabled`,void 0),e.i([(0,o.property)({type:Array})],m.prototype,`attachments`,void 0),e.i([(0,o.property)({type:Object})],m.prototype,`config`,void 0),e.i([(0,o.property)({type:Array})],m.prototype,`templates`,void 0),e.i([(0,o.state)()],m.prototype,`dragOver`,void 0),e.i([(0,o.state)()],m.prototype,`isUploading`,void 0),m=e.i([(0,o.customElement)(`schmancy-email-editor`)],m);var h=class extends t.t(s.css`
+		`}};t.t([(0,s.property)({type:String})],h.prototype,`subject`,void 0),t.t([(0,s.property)({type:String})],h.prototype,`body`,void 0),t.t([(0,s.property)({type:Boolean})],h.prototype,`disabled`,void 0),t.t([(0,s.property)({type:Array})],h.prototype,`attachments`,void 0),t.t([(0,s.property)({type:Object})],h.prototype,`config`,void 0),t.t([(0,s.property)({type:Array})],h.prototype,`templates`,void 0),t.t([(0,s.state)()],h.prototype,`dragOver`,void 0),t.t([(0,s.state)()],h.prototype,`isUploading`,void 0),h=t.t([(0,s.customElement)(`schmancy-email-editor`)],h);var g=class extends n.t(c.css`
 	:host {
 		display: block;
 	}
@@ -773,7 +773,7 @@ Tab key inserts 2 spaces for better formatting."
 
 `).trim()).replace(/:::images\s+(row|grid(?:=\d+)?)\n((?:!\[.*?\]\(.*?\)(?:\{.*?\})?\s*\n?)*?):::/g,`[Images]`).replace(/!\[([^\]]*)\]\(([^)]+)\)(?:\{([^}]+)\})?/g,`[Image: $1]`).replace(/\*\*(.*?)\*\*/g,`$1`).replace(/\*(.*?)\*/g,`$1`).replace(/__(.*?)__/g,`$1`).replace(/~~(.*?)~~/g,`$1`).replace(/`(.*?)`/g,`$1`).replace(/^#{1,3} (.*$)/gim,`$1`).replace(/^> (.*$)/gim,`$1`).replace(/^\* (.*$)/gim,`• $1`).replace(/^\d+\. (.*$)/gim,`$1`).replace(/\[([^\]]+)\]\(([^)]+)\)/g,`$1 ($2)`).replace(/^---$/gim,`---`).replace(/\n\n+/g,`
 
-`)}formatFileSize(e){if(e===0)return`0 Bytes`;let t=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/1024**t).toFixed(2))+` `+[`Bytes`,`KB`,`MB`,`GB`][t]}render(){let e=this.parseExtendedMarkdown(this.body),t=this.convertToPlainText(this.body),n=this.recipients[0]||this.toAddress;return s.html`
+`)}formatFileSize(e){if(e===0)return`0 Bytes`;let t=Math.floor(Math.log(e)/Math.log(1024));return parseFloat((e/1024**t).toFixed(2))+` `+[`Bytes`,`KB`,`MB`,`GB`][t]}render(){let e=this.parseExtendedMarkdown(this.body),t=this.convertToPlainText(this.body),n=this.recipients[0]||this.toAddress;return c.html`
 			<schmancy-surface type="solid" rounded="all" class="h-full flex flex-col">
 				
 				<!-- Header Section -->
@@ -856,7 +856,7 @@ Tab key inserts 2 spaces for better formatting."
 											</schmancy-typography>
 										</div>
 										<schmancy-typography type="body" token="sm" class="font-medium flex-1">
-											${this.subject||s.html`<span class="italic text-surface-onVariant">(No subject)</span>`}
+											${this.subject||c.html`<span class="italic text-surface-onVariant">(No subject)</span>`}
 										</schmancy-typography>
 									</div>
 								</div>
@@ -864,17 +864,17 @@ Tab key inserts 2 spaces for better formatting."
 
 							<!-- Email Body Content -->
 							<div class="flex-1 overflow-y-auto min-h-0">
-								${(0,u.when)(this.body,()=>s.html`
-										${(0,u.when)(this.viewMode===`html`,()=>s.html`
+								${(0,d.when)(this.body,()=>c.html`
+										${(0,d.when)(this.viewMode===`html`,()=>c.html`
 												<div class="p-6 bg-white" style="color: #333; line-height: 1.6; font-family: system-ui, -apple-system, sans-serif; font-size: 14px;">
 													<div .innerHTML=${e}></div>
 												</div>
-											`,()=>s.html`
+											`,()=>c.html`
 												<div class="p-6 bg-white" style="color: #333; line-height: 1.6; font-family: 'Courier New', monospace; font-size: 13px; white-space: pre-wrap;">
 													${t}
 												</div>
 											`)}
-									`,()=>s.html`
+									`,()=>c.html`
 										<!-- Empty State -->
 										<div class="flex-1 flex items-center justify-center p-8">
 											<div class="text-center space-y-3">
@@ -891,7 +891,7 @@ Tab key inserts 2 spaces for better formatting."
 							</div>
 
 							<!-- Attachments Section -->
-							${(0,u.when)(this.attachments.length>0,()=>s.html`
+							${(0,d.when)(this.attachments.length>0,()=>c.html`
 								<div class="shrink-0 p-4 border-t border-outline-variant bg-surface-containerLowest">
 									<div class="space-y-3">
 										<!-- Attachments Header -->
@@ -904,7 +904,7 @@ Tab key inserts 2 spaces for better formatting."
 										
 										<!-- Attachments List -->
 										<div class="grid gap-2 sm:grid-cols-2 lg:grid-cols-1 xl:grid-cols-2">
-											${(0,l.repeat)(this.attachments,e=>e.id,e=>s.html`
+											${(0,u.repeat)(this.attachments,e=>e.id,e=>c.html`
 												<schmancy-surface type="subtle" rounded="all" class="p-3">
 													<div class="flex items-center gap-3">
 														<!-- File Icon -->
@@ -932,7 +932,7 @@ Tab key inserts 2 spaces for better formatting."
 					</div>
 					
 					<!-- Preview Stats -->
-					${(0,u.when)(this.body,()=>s.html`
+					${(0,d.when)(this.body,()=>c.html`
 						<div class="shrink-0">
 							<schmancy-surface type="subtle" rounded="all" class="p-3">
 								<div class="flex items-center justify-center gap-6 text-center">
@@ -953,7 +953,7 @@ Tab key inserts 2 spaces for better formatting."
 											${this.body.trim()?this.body.trim().split(/\s+/).length:0}
 										</schmancy-typography>
 									</div>
-									${(0,u.when)(this.attachments.length>0,()=>s.html`
+									${(0,d.when)(this.attachments.length>0,()=>c.html`
 										<div class="w-px h-8 bg-outline-variant"></div>
 										<div>
 											<schmancy-typography type="body" token="xs" class="text-surface-onVariant">
@@ -971,19 +971,19 @@ Tab key inserts 2 spaces for better formatting."
 					
 				</div>
 			</schmancy-surface>
-		`}};e.i([(0,o.property)({type:String})],h.prototype,`subject`,void 0),e.i([(0,o.property)({type:String})],h.prototype,`body`,void 0),e.i([(0,o.property)({type:Array})],h.prototype,`attachments`,void 0),e.i([(0,o.property)({type:Array})],h.prototype,`recipients`,void 0),e.i([(0,o.property)({type:String})],h.prototype,`fromAddress`,void 0),e.i([(0,o.property)({type:String})],h.prototype,`toAddress`,void 0),e.i([(0,o.state)()],h.prototype,`viewMode`,void 0),h=e.i([(0,o.customElement)(`schmancy-email-viewer`)],h);var g=class extends t.t(s.css`
+		`}};t.t([(0,s.property)({type:String})],g.prototype,`subject`,void 0),t.t([(0,s.property)({type:String})],g.prototype,`body`,void 0),t.t([(0,s.property)({type:Array})],g.prototype,`attachments`,void 0),t.t([(0,s.property)({type:Array})],g.prototype,`recipients`,void 0),t.t([(0,s.property)({type:String})],g.prototype,`fromAddress`,void 0),t.t([(0,s.property)({type:String})],g.prototype,`toAddress`,void 0),t.t([(0,s.state)()],g.prototype,`viewMode`,void 0),g=t.t([(0,s.customElement)(`schmancy-email-viewer`)],g);var _=class extends n.t(c.css`
 	:host {
 		display: block;
 		height: 100%;
 	}
-`){constructor(...e){super(...e),this.disabled=!1,this.recipients=[],this.selectedRecipients=[],this.enableCsvImport=!0,this.enableDragDrop=!0,this.title=`Recipients`,this.emptyStateTitle=`No recipients yet`,this.emptyStateMessage=`Import from sources or upload a CSV`,this.dragOver=!1,this.localSelectedRecipients=new Set,this.searchQuery=``,this.filteredRecipients=[],this.boatState=`collapsed`,this.fileInputRef=(0,c.createRef)(),this.handleEmailsImported=()=>{this.updateFilteredRecipients(),this.requestUpdate()},this.handleImportFromCSV=()=>{this.enableCsvImport&&this.fileInputRef.value?.click()},this.handleFileSelect=e=>{let t=e.target.files?.[0];t&&this.processCSVFile(t)},this.handleDrop=e=>{if(!this.enableDragDrop)return;e.preventDefault(),this.dragOver=!1;let t=e.dataTransfer?.files[0];t&&this.processCSVFile(t)},this.processCSVFile=e=>{if(!e.name.endsWith(`.csv`))return void i.r.error(`Please select a CSV file`);let t=new FileReader;t.onload=e=>{let t=e.target?.result;try{let e=this.parseCSV(t);if(e.length===0)return void i.r.error(`No valid email addresses found in CSV`);this.dispatchEvent(new CustomEvent(`emails-imported`,{detail:{emails:e,source:`csv`},bubbles:!0,composed:!0})),i.r.success(`Imported ${e.length} emails from CSV file`)}catch{i.r.error(`Failed to parse CSV file`)}},t.readAsText(e)},this.toggleRecipientSelection=e=>{this.localSelectedRecipients.has(e)?this.localSelectedRecipients.delete(e):this.localSelectedRecipients.add(e),this.localSelectedRecipients=new Set(this.localSelectedRecipients),this.dispatchSelectionChange()},this.selectAll=()=>{this.localSelectedRecipients=new Set(this.filteredRecipients),this.dispatchSelectionChange()},this.selectNone=()=>{this.localSelectedRecipients.clear(),this.localSelectedRecipients=new Set,this.dispatchSelectionChange()},this.removeRecipient=e=>{this.dispatchEvent(new CustomEvent(`recipient-removed`,{detail:{email:e},bubbles:!0,composed:!0}))},this.clearAll=()=>{this.dispatchEvent(new CustomEvent(`recipients-cleared`,{bubbles:!0,composed:!0}))},this.updateFilteredRecipients=()=>{let e=Array.isArray(this.recipients)?this.recipients:[];if(this.searchQuery.trim()){let t=this.searchQuery.toLowerCase();this.filteredRecipients=e.filter(e=>e.toLowerCase().includes(t))}else this.filteredRecipients=[...e]},this.handleSearchInput=e=>{let t=e.target;this.searchQuery=t.value},this.clearSearch=()=>{this.searchQuery=``},this.dispatchSelectionChange=()=>{this.dispatchEvent(new CustomEvent(`selection-changed`,{detail:{selectedEmails:Array.from(this.localSelectedRecipients)},bubbles:!0,composed:!0}))},this.handleBoatStateChange=e=>{this.boatState=e.detail}}connectedCallback(){super.connectedCallback(),this.localSelectedRecipients=new Set(this.selectedRecipients),this.updateFilteredRecipients(),(0,a.fromEvent)(this,`emails-imported`).pipe((0,a.takeUntil)(this.disconnecting)).subscribe(this.handleEmailsImported)}updated(e){super.updated(e),e.has(`selectedRecipients`)&&(this.localSelectedRecipients=new Set(this.selectedRecipients)),(e.has(`recipients`)||e.has(`searchQuery`))&&this.updateFilteredRecipients(),e.has(`recipients`)&&this.requestUpdate()}parseCSV(e){let t=[],n;n=this.csvParser?this.csvParser.parse(e,{header:!0,skipEmptyLines:!0,dynamicTyping:!0,delimiter:``,transformHeader:e=>e.trim()}):this.simpleCSVParse(e);let r=n.data,i=n.meta.fields||[],a=i.find(e=>e.toLowerCase().includes(`email`));if(!a)for(let e of i){let t=r[0]?.[e]?.toString();if(t&&this.isValidEmail(t)){a=e;break}}if(!a)throw Error(`No email column found in CSV`);let o=new Set;for(let e of r){let n=e[a]?.toString();if(!n)continue;let r=n.toLowerCase().trim();this.isValidEmail(r)&&!o.has(r)&&(o.add(r),t.push(r))}return t}simpleCSVParse(e){let t=e.split(`
-`).filter(e=>e.trim());if(t.length===0)return{data:[],meta:{}};let n=t[0].split(`,`).map(e=>e.trim().replace(/"/g,``)),r=[];for(let e=1;e<t.length;e++){let i=t[e].split(`,`).map(e=>e.trim().replace(/"/g,``)),a={};n.forEach((e,t)=>{a[e]=i[t]||``}),r.push(a)}return{data:r,meta:{fields:n}}}isValidEmail(e){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.trim())}addRecipients(e){if(!e.length)return;let t=[...new Set([...this.recipients,...e])],n=e.filter(e=>!this.recipients.includes(e));this.recipients=t,this.selectedRecipients=[...new Set([...this.selectedRecipients,...n])],this.localSelectedRecipients=new Set(this.selectedRecipients),this.updateFilteredRecipients(),this.requestUpdate()}showBoat(){this.boatState=`collapsed`}hideBoat(){this.boatState=`collapsed`}expandBoat(){this.boatState=`expanded`}toggleBoat(){this.boatState=this.boatState===`collapsed`?`expanded`:`collapsed`}render(){return this.renderBoatLayout()}renderBoatLayout(){return s.html`
+`){constructor(...e){super(...e),this.disabled=!1,this.recipients=[],this.selectedRecipients=[],this.enableCsvImport=!0,this.enableDragDrop=!0,this.title=`Recipients`,this.emptyStateTitle=`No recipients yet`,this.emptyStateMessage=`Import from sources or upload a CSV`,this.dragOver=!1,this.localSelectedRecipients=new Set,this.searchQuery=``,this.filteredRecipients=[],this.boatState=`collapsed`,this.fileInputRef=(0,l.createRef)(),this.handleEmailsImported=()=>{this.updateFilteredRecipients(),this.requestUpdate()},this.handleImportFromCSV=()=>{this.enableCsvImport&&this.fileInputRef.value?.click()},this.handleFileSelect=e=>{let t=e.target.files?.[0];t&&this.processCSVFile(t)},this.handleDrop=e=>{if(!this.enableDragDrop)return;e.preventDefault(),this.dragOver=!1;let t=e.dataTransfer?.files[0];t&&this.processCSVFile(t)},this.processCSVFile=e=>{if(!e.name.endsWith(`.csv`))return void a.r.error(`Please select a CSV file`);let t=new FileReader;t.onload=e=>{let t=e.target?.result;try{let e=this.parseCSV(t);if(e.length===0)return void a.r.error(`No valid email addresses found in CSV`);this.dispatchEvent(new CustomEvent(`emails-imported`,{detail:{emails:e,source:`csv`},bubbles:!0,composed:!0})),a.r.success(`Imported ${e.length} emails from CSV file`)}catch{a.r.error(`Failed to parse CSV file`)}},t.readAsText(e)},this.toggleRecipientSelection=e=>{this.localSelectedRecipients.has(e)?this.localSelectedRecipients.delete(e):this.localSelectedRecipients.add(e),this.localSelectedRecipients=new Set(this.localSelectedRecipients),this.dispatchSelectionChange()},this.selectAll=()=>{this.localSelectedRecipients=new Set(this.filteredRecipients),this.dispatchSelectionChange()},this.selectNone=()=>{this.localSelectedRecipients.clear(),this.localSelectedRecipients=new Set,this.dispatchSelectionChange()},this.removeRecipient=e=>{this.dispatchEvent(new CustomEvent(`recipient-removed`,{detail:{email:e},bubbles:!0,composed:!0}))},this.clearAll=()=>{this.dispatchEvent(new CustomEvent(`recipients-cleared`,{bubbles:!0,composed:!0}))},this.updateFilteredRecipients=()=>{let e=Array.isArray(this.recipients)?this.recipients:[];if(this.searchQuery.trim()){let t=this.searchQuery.toLowerCase();this.filteredRecipients=e.filter(e=>e.toLowerCase().includes(t))}else this.filteredRecipients=[...e]},this.handleSearchInput=e=>{let t=e.target;this.searchQuery=t.value},this.clearSearch=()=>{this.searchQuery=``},this.dispatchSelectionChange=()=>{this.dispatchEvent(new CustomEvent(`selection-changed`,{detail:{selectedEmails:Array.from(this.localSelectedRecipients)},bubbles:!0,composed:!0}))},this.handleBoatStateChange=e=>{this.boatState=e.detail}}connectedCallback(){super.connectedCallback(),this.localSelectedRecipients=new Set(this.selectedRecipients),this.updateFilteredRecipients(),(0,o.fromEvent)(this,`emails-imported`).pipe((0,o.takeUntil)(this.disconnecting)).subscribe(this.handleEmailsImported)}updated(e){super.updated(e),e.has(`selectedRecipients`)&&(this.localSelectedRecipients=new Set(this.selectedRecipients)),(e.has(`recipients`)||e.has(`searchQuery`))&&this.updateFilteredRecipients(),e.has(`recipients`)&&this.requestUpdate()}parseCSV(e){let t=[],n;n=this.csvParser?this.csvParser.parse(e,{header:!0,skipEmptyLines:!0,dynamicTyping:!0,delimiter:``,transformHeader:e=>e.trim()}):this.simpleCSVParse(e);let r=n.data,i=n.meta.fields||[],a=i.find(e=>e.toLowerCase().includes(`email`));if(!a)for(let e of i){let t=r[0]?.[e]?.toString();if(t&&this.isValidEmail(t)){a=e;break}}if(!a)throw Error(`No email column found in CSV`);let o=new Set;for(let e of r){let n=e[a]?.toString();if(!n)continue;let r=n.toLowerCase().trim();this.isValidEmail(r)&&!o.has(r)&&(o.add(r),t.push(r))}return t}simpleCSVParse(e){let t=e.split(`
+`).filter(e=>e.trim());if(t.length===0)return{data:[],meta:{}};let n=t[0].split(`,`).map(e=>e.trim().replace(/"/g,``)),r=[];for(let e=1;e<t.length;e++){let i=t[e].split(`,`).map(e=>e.trim().replace(/"/g,``)),a={};n.forEach((e,t)=>{a[e]=i[t]||``}),r.push(a)}return{data:r,meta:{fields:n}}}isValidEmail(e){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e.trim())}addRecipients(e){if(!e.length)return;let t=[...new Set([...this.recipients,...e])],n=e.filter(e=>!this.recipients.includes(e));this.recipients=t,this.selectedRecipients=[...new Set([...this.selectedRecipients,...n])],this.localSelectedRecipients=new Set(this.selectedRecipients),this.updateFilteredRecipients(),this.requestUpdate()}showBoat(){this.boatState=`collapsed`}hideBoat(){this.boatState=`collapsed`}expandBoat(){this.boatState=`expanded`}toggleBoat(){this.boatState=this.boatState===`collapsed`?`expanded`:`collapsed`}render(){return this.renderBoatLayout()}renderBoatLayout(){return c.html`
 			<!-- Hidden file input for CSV import -->
-			${(0,u.when)(this.enableCsvImport,()=>s.html`
+			${(0,d.when)(this.enableCsvImport,()=>c.html`
 				<input
 					type="file"
 					accept=".csv"
-					${(0,c.ref)(this.fileInputRef)}
+					${(0,l.ref)(this.fileInputRef)}
 					@change=${this.handleFileSelect}
 					class="hidden"
 				/>
@@ -1000,7 +1000,7 @@ Tab key inserts 2 spaces for better formatting."
 						<schmancy-typography type="title" token="md" class="font-semibold">
 							${this.title}
 						</schmancy-typography>
-						${(0,u.when)(this.recipients.length>0,()=>s.html`
+						${(0,d.when)(this.recipients.length>0,()=>c.html`
 							<schmancy-badge>
 								${this.localSelectedRecipients.size}/${this.recipients.length}
 							</schmancy-badge>
@@ -1013,7 +1013,7 @@ Tab key inserts 2 spaces for better formatting."
 					${this.renderBoatContent()}
 				</div>
 			</schmancy-boat>
-		`}renderBoatContent(){return s.html`
+		`}renderBoatContent(){return c.html`
 			<!-- Search Bar and CSV Import on one line -->
 			<div class="p-4 flex gap-3">
 				<schmancy-input
@@ -1023,7 +1023,7 @@ Tab key inserts 2 spaces for better formatting."
 					@input=${this.handleSearchInput}
 					class="flex-1"
 				>
-					${(0,u.when)(this.searchQuery,()=>s.html`
+					${(0,d.when)(this.searchQuery,()=>c.html`
 						<schmancy-button
 							slot="suffix" 
 							variant="text"
@@ -1034,7 +1034,7 @@ Tab key inserts 2 spaces for better formatting."
 					`)}
 				</schmancy-input>
 				
-				${(0,u.when)(this.enableCsvImport,()=>s.html`
+				${(0,d.when)(this.enableCsvImport,()=>c.html`
 					<schmancy-button
 						variant="outlined"
 						@click=${this.handleImportFromCSV}
@@ -1046,7 +1046,7 @@ Tab key inserts 2 spaces for better formatting."
 				`)}
 			</div>
 
-			${(0,u.when)(this.recipients.length>0,()=>s.html`
+			${(0,d.when)(this.recipients.length>0,()=>c.html`
 				<!-- Bulk Actions -->
 				<div class="px-4 pb-4">
 					<div class="flex items-center gap-3">
@@ -1079,9 +1079,9 @@ Tab key inserts 2 spaces for better formatting."
 
 				<!-- Recipients List -->
 				<div class="flex-1 overflow-y-auto px-4 pb-4">
-					${(0,u.when)(this.filteredRecipients.length>0,()=>s.html`
+					${(0,d.when)(this.filteredRecipients.length>0,()=>c.html`
 							<div class="flex flex-wrap gap-3">
-								${(0,l.repeat)(this.filteredRecipients,e=>e,e=>s.html`
+								${(0,u.repeat)(this.filteredRecipients,e=>e,e=>c.html`
 										<schmancy-button
 											variant=${this.localSelectedRecipients.has(e)?`filled`:`outlined`}
 											@click=${t=>{t.stopPropagation(),t.preventDefault(),this.toggleRecipientSelection(e)}}
@@ -1096,7 +1096,7 @@ Tab key inserts 2 spaces for better formatting."
 										</schmancy-button>
 									`)}
 							</div>
-						`,()=>s.html`
+						`,()=>c.html`
 							<div class="text-center py-8">
 								<schmancy-icon size="32px" class="opacity-50 mb-2">search_off</schmancy-icon>
 								<schmancy-typography type="body" token="sm" class="mb-2">
@@ -1108,7 +1108,7 @@ Tab key inserts 2 spaces for better formatting."
 							</div>
 						`)}
 				</div>
-			`,()=>s.html`
+			`,()=>c.html`
 				<!-- Empty State -->
 				<div class="flex-1 flex items-center justify-center p-8">
 					<div class="text-center space-y-4">
@@ -1124,7 +1124,7 @@ Tab key inserts 2 spaces for better formatting."
 			`)}
 
 			<!-- Drag Overlay -->
-			${(0,u.when)(this.dragOver&&this.enableDragDrop,()=>s.html`
+			${(0,d.when)(this.dragOver&&this.enableDragDrop,()=>c.html`
 					<div 
 						class="absolute inset-4 flex items-center justify-center border-2 border-dashed border-primary rounded-lg z-10"
 						@dragover=${e=>{e.preventDefault(),this.dragOver=!0}}
@@ -1139,4 +1139,4 @@ Tab key inserts 2 spaces for better formatting."
 						</schmancy-surface>
 					</div>
 				`)}
-		`}};e.i([(0,o.property)({type:Boolean})],g.prototype,`disabled`,void 0),e.i([(0,o.property)({type:Array})],g.prototype,`recipients`,void 0),e.i([(0,o.property)({type:Array})],g.prototype,`selectedRecipients`,void 0),e.i([(0,o.property)({type:Boolean})],g.prototype,`enableCsvImport`,void 0),e.i([(0,o.property)({type:Boolean})],g.prototype,`enableDragDrop`,void 0),e.i([(0,o.property)({type:String})],g.prototype,`title`,void 0),e.i([(0,o.property)({type:String})],g.prototype,`emptyStateTitle`,void 0),e.i([(0,o.property)({type:String})],g.prototype,`emptyStateMessage`,void 0),e.i([(0,o.property)({type:Object})],g.prototype,`csvParser`,void 0),e.i([(0,o.state)()],g.prototype,`dragOver`,void 0),e.i([(0,o.state)()],g.prototype,`localSelectedRecipients`,void 0),e.i([(0,o.state)()],g.prototype,`searchQuery`,void 0),e.i([(0,o.state)()],g.prototype,`filteredRecipients`,void 0),e.i([(0,o.state)()],g.prototype,`boatState`,void 0),g=e.i([(0,o.customElement)(`schmancy-email-recipients`)],g),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}});
+		`}};t.t([(0,s.property)({type:Boolean})],_.prototype,`disabled`,void 0),t.t([(0,s.property)({type:Array})],_.prototype,`recipients`,void 0),t.t([(0,s.property)({type:Array})],_.prototype,`selectedRecipients`,void 0),t.t([(0,s.property)({type:Boolean})],_.prototype,`enableCsvImport`,void 0),t.t([(0,s.property)({type:Boolean})],_.prototype,`enableDragDrop`,void 0),t.t([(0,s.property)({type:String})],_.prototype,`title`,void 0),t.t([(0,s.property)({type:String})],_.prototype,`emptyStateTitle`,void 0),t.t([(0,s.property)({type:String})],_.prototype,`emptyStateMessage`,void 0),t.t([(0,s.property)({type:Object})],_.prototype,`csvParser`,void 0),t.t([(0,s.state)()],_.prototype,`dragOver`,void 0),t.t([(0,s.state)()],_.prototype,`localSelectedRecipients`,void 0),t.t([(0,s.state)()],_.prototype,`searchQuery`,void 0),t.t([(0,s.state)()],_.prototype,`filteredRecipients`,void 0),t.t([(0,s.state)()],_.prototype,`boatState`,void 0),_=t.t([(0,s.customElement)(`schmancy-email-recipients`)],_),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});