@mhmo91/schmancy 0.4.70 → 0.4.71

package/dist/{email-recipients-BH3-shuO.js → email-recipients-CpghUhQ1.js}

@@ -1,22 +1,22 @@
 import "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { $ as A } from "./litElement.mixin-BSsJVIyj.js";
-import { T as P } from "./tailwind.mixin-C3MkWn0v.js";
-import { property as d, state as m, customElement as R } from "lit/decorators.js";
+import { $ as A } from "./litElement.mixin-BZ8iGvPl.js";
+import { T as P } from "./tailwind.mixin-D2DVHS9V.js";
+import { property as h, state as y, customElement as C } from "lit/decorators.js";
 import { css as D, html as c } from "lit";
-import { when as h } from "lit/directives/when.js";
+import { when as d } from "lit/directives/when.js";
 import { createRef as T, ref as E } from "lit/directives/ref.js";
 import { repeat as I } from "lit/directives/repeat.js";
-import { $ as v } from "./notification-service-BO0LiH62.js";
-import "./dialog-content-CDfCvaaL.js";
-import { $ as L } from "./dialog-service-DoKaWw88.js";
-import { s as j } from "./sheet.service-CgKnOzZN.js";
-var F = Object.defineProperty, B = Object.getOwnPropertyDescriptor, u = (e, t, s, i) => {
-  for (var a, n = i > 1 ? void 0 : i ? B(t, s) : t, r = e.length - 1; r >= 0; r--) (a = e[r]) && (n = (i ? a(t, s, n) : a(n)) || n);
+import { $ as v } from "./notification-service-y0T4rXdS.js";
+import "./dialog-content-B_w_iJyW.js";
+import { $ as L } from "./dialog-service-DwJ_7FB3.js";
+import { s as j } from "./sheet.service-ieSXeqCj.js";
+var F = Object.defineProperty, O = Object.getOwnPropertyDescriptor, u = (e, t, s, i) => {
+  for (var a, n = i > 1 ? void 0 : i ? O(t, s) : t, r = e.length - 1; r >= 0; r--) (a = e[r]) && (n = (i ? a(t, s, n) : a(n)) || n);
   return i && n && F(t, s, n), n;
 };
-let y = class extends A(D`
+let m = class extends A(D`
 	:host {
 		display: block;
 		height: 100%;
@@ -127,7 +127,7 @@ let y = class extends A(D`
 								<schmancy-typography type="body" token="sm" class="font-medium">
 									${this.selectedRecipients.length} recipient${this.selectedRecipients.length === 1 ? "" : "s"} selected
 								</schmancy-typography>
-								${h(this.attachments.length > 0, () => c`
+								${d(this.attachments.length > 0, () => c`
 									<schmancy-typography type="body" token="xs">
 										${this.attachments.length} attachment${this.attachments.length === 1 ? "" : "s"}
 									</schmancy-typography>
@@ -170,8 +170,8 @@ let y = class extends A(D`
 		`;
   }
 };
-u([d({ type: Object })], y.prototype, "config", 2), u([d({ type: Array })], y.prototype, "templates", 2), u([d({ type: Array })], y.prototype, "importSources", 2), u([d({ type: Boolean })], y.prototype, "disabled", 2), u([d({ type: String })], y.prototype, "recipientsTitle", 2), u([d({ type: String })], y.prototype, "recipientsEmptyTitle", 2), u([d({ type: String })], y.prototype, "recipientsEmptyMessage", 2), u([d({ type: Boolean })], y.prototype, "enableCsvImport", 2), u([d({ type: Boolean })], y.prototype, "enableDragDrop", 2), u([m()], y.prototype, "recipients", 2), u([m()], y.prototype, "selectedRecipients", 2), u([m()], y.prototype, "subject", 2), u([m()], y.prototype, "body", 2), u([m()], y.prototype, "templateId", 2), u([m()], y.prototype, "attachments", 2), u([m()], y.prototype, "isSending", 2), y = u([R("schmancy-mailbox")], y);
-var O = Object.getOwnPropertyDescriptor;
+u([h({ type: Object })], m.prototype, "config", 2), u([h({ type: Array })], m.prototype, "templates", 2), u([h({ type: Array })], m.prototype, "importSources", 2), u([h({ type: Boolean })], m.prototype, "disabled", 2), u([h({ type: String })], m.prototype, "recipientsTitle", 2), u([h({ type: String })], m.prototype, "recipientsEmptyTitle", 2), u([h({ type: String })], m.prototype, "recipientsEmptyMessage", 2), u([h({ type: Boolean })], m.prototype, "enableCsvImport", 2), u([h({ type: Boolean })], m.prototype, "enableDragDrop", 2), u([y()], m.prototype, "recipients", 2), u([y()], m.prototype, "selectedRecipients", 2), u([y()], m.prototype, "subject", 2), u([y()], m.prototype, "body", 2), u([y()], m.prototype, "templateId", 2), u([y()], m.prototype, "attachments", 2), u([y()], m.prototype, "isSending", 2), m = u([C("schmancy-mailbox")], m);
+var B = Object.getOwnPropertyDescriptor;
 let z = class extends P() {
   constructor() {
     super(...arguments), 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" }];
@@ -202,32 +202,28 @@ let z = class extends P() {
   }
 };
 z = ((e, t, s, i) => {
-  for (var a, n = i > 1 ? void 0 : i ? O(t, s) : t, r = e.length - 1; r >= 0; r--) (a = e[r]) && (n = a(n) || n);
+  for (var a, n = i > 1 ? void 0 : i ? B(t, s) : t, r = e.length - 1; r >= 0; r--) (a = e[r]) && (n = a(n) || n);
   return n;
-})([R("schmancy-email-layout-selector")], z);
-var M = Object.defineProperty, H = Object.getOwnPropertyDescriptor, C = (e, t, s, i) => {
+})([C("schmancy-email-layout-selector")], z);
+var M = Object.defineProperty, H = Object.getOwnPropertyDescriptor, R = (e, t, s, i) => {
   for (var a, n = i > 1 ? void 0 : i ? H(t, s) : t, r = e.length - 1; r >= 0; r--) (a = e[r]) && (n = (i ? a(t, s, n) : a(n)) || n);
   return i && n && M(t, s, n), n;
 };
-let $ = class extends A(D`
+let k = class extends A(D`
 	:host {
 		display: block;
 	}
 `) {
   constructor() {
-    super(...arguments), this.templates = [], this.searchQuery = "", this.selectedTemplate = null, this.filteredTemplates = [], this.showPreview = !1, this.selectedCategory = "all", this.handleSearch = (e) => {
+    super(...arguments), this.templates = [], this.searchQuery = "", this.filteredTemplates = [], this.selectedCategory = "all", this.handleSearch = (e) => {
       const t = e.target;
       this.searchQuery = t.value;
     }, this.handleCategorySelect = (e) => {
       this.selectedCategory = e, this.updateFilteredTemplates();
     }, this.selectTemplate = (e) => {
-      this.selectedTemplate = e, this.showPreview = !0;
-    }, this.confirmSelection = () => {
-      this.selectedTemplate && (this.dispatchEvent(new CustomEvent("template-selected", { detail: this.selectedTemplate, bubbles: !0, composed: !0 })), j.dismiss());
+      this.dispatchEvent(new CustomEvent("template-selected", { detail: e, bubbles: !0, composed: !0 })), j.dismiss();
     }, this.close = () => {
       j.dismiss();
-    }, this.backToList = () => {
-      this.showPreview = !1, this.selectedTemplate = null;
     };
   }
   connectedCallback() {
@@ -256,11 +252,9 @@ let $ = class extends A(D`
 				<!-- Header -->
 				<div class="flex items-center justify-between px-6 py-4 border-b border-outline-variant">
 					<div class="flex items-center gap-3">
-						<schmancy-icon size="24px" class="text-primary">
-							${this.showPreview ? "preview" : "mail"}
-						</schmancy-icon>
+						<schmancy-icon size="24px" class="text-primary">mail</schmancy-icon>
 						<schmancy-typography type="headline" token="md">
-							${this.showPreview ? "Template Preview" : "Choose Email Template"}
+							Choose Email Template
 						</schmancy-typography>
 					</div>
 					<schmancy-button
@@ -274,39 +268,7 @@ let $ = class extends A(D`
 
 				<!-- Body -->
 				<div class="flex-1 flex flex-col overflow-hidden">
-					${h(this.showPreview && this.selectedTemplate, () => this.renderPreview(), () => this.renderTemplateList())}
-				</div>
-
-				<!-- Footer -->
-				<div class="flex justify-between px-6 py-4 border-t border-outline-variant bg-surface-containerLow">
-					${h(this.showPreview, () => c`
-							<schmancy-button
-								variant="outlined"
-								@click=${this.backToList}
-								class="px-6 py-3"
-							>
-								<schmancy-icon slot="prefix">arrow_back</schmancy-icon>
-								Back to Templates
-							</schmancy-button>
-							<schmancy-button
-								variant="filled"
-								@click=${this.confirmSelection}
-								class="px-8 py-3 bg-primary text-primary-on shadow-md hover:shadow-lg transition-shadow"
-							>
-								<schmancy-icon slot="prefix">check_circle</schmancy-icon>
-								Use This Template
-							</schmancy-button>
-						`, () => c`
-							<div class="flex gap-3">
-								<schmancy-button
-									variant="text"
-									@click=${this.close}
-									class="px-6 py-3"
-								>
-									Cancel
-								</schmancy-button>
-							</div>
-						`)}
+					${this.renderTemplateList()}
 				</div>
 			</div>
 		`;
@@ -319,13 +281,13 @@ let $ = class extends A(D`
 					<!-- Search Input -->
 					<schmancy-input
 						type="search"
-						placeholder="Search templates by name, category, or description..."
+						placeholder="Search templates..."
 						.value=${this.searchQuery}
 						@input=${this.handleSearch}
 						class="w-full"
 					>
 						<schmancy-icon slot="prefix" size="20px" class="text-surface-onVariant">search</schmancy-icon>
-						${h(this.searchQuery, () => c`
+						${d(this.searchQuery, () => c`
 							<schmancy-button
 								slot="suffix"
 								variant="text"
@@ -340,7 +302,7 @@ let $ = class extends A(D`
 					</schmancy-input>
 
 					<!-- Category Filter -->
-					${h(this.categories.length > 1, () => c`
+					${d(this.categories.length > 1, () => c`
 						<div class="flex gap-2 flex-wrap">
 							${I(this.categories, (e) => e, (e) => c`
 									<schmancy-chip
@@ -355,62 +317,50 @@ let $ = class extends A(D`
 				</div>
 			</div>
 
-			<!-- Template List -->
+			<!-- Template List with Previews -->
 			<div class="flex-1 overflow-y-auto px-6 py-6">
-				${h(this.filteredTemplates.length > 0, () => c`
-						<div class="space-y-4">
+				${d(this.filteredTemplates.length > 0, () => c`
+						<div class="space-y-6">
 							${I(this.filteredTemplates, (e) => e.id, (e) => c`
 									<schmancy-surface
 										type="containerLow"
 										elevation="1"
 										rounded="all"
-										class="group cursor-pointer hover:elevation-3 transition-all duration-200 p-4"
+										class="group cursor-pointer hover:elevation-3 transition-all duration-200 overflow-hidden"
 										@click=${() => this.selectTemplate(e)}
 									>
-										<div class="flex items-start justify-between gap-4">
-											<div class="flex-1">
-												<!-- Template Header -->
-												<div class="flex items-start justify-between mb-2">
-													<schmancy-typography type="title" token="md" class="font-semibold leading-tight">
+										<!-- Template Header -->
+										<div class="p-4 border-b border-outline-variant">
+											<div class="flex items-start justify-between">
+												<div class="flex-1">
+													<schmancy-typography type="title" token="md" class="font-semibold leading-tight mb-1">
 														${e.name}
 													</schmancy-typography>
-													${h(e.isDefault, () => c`
-														<schmancy-chip class="bg-primary text-primary-on text-xs">
-															<schmancy-icon slot="prefix" size="12px">star</schmancy-icon>
-															Default
-														</schmancy-chip>
-													`)}
-												</div>
-												
-												<!-- Category Badge -->
-												${h(e.category, () => c`
-													<div class="mb-2">
+													${d(e.category, () => c`
 														<schmancy-chip class="text-xs border border-outline">
 															${e.category}
 														</schmancy-chip>
-													</div>
-												`)}
-												
-												<!-- Description -->
-												${h(e.description, () => c`
-														<schmancy-typography type="body" token="sm" class="text-surface-onVariant leading-relaxed">
-															${e.description}
-														</schmancy-typography>
-													`, () => c`
-														<schmancy-typography type="body" token="sm" class="text-surface-onVariant opacity-60 italic">
-															No description available
-														</schmancy-typography>
 													`)}
-											</div>
-											
-											<!-- Preview Button -->
-											<div class="flex-shrink-0">
-												<schmancy-button variant="outlined" size="sm">
-													<schmancy-icon slot="prefix">preview</schmancy-icon>
-													Preview
+												</div>
+												<schmancy-button 
+													variant="filled" 
+													size="sm"
+													class="opacity-0 group-hover:opacity-100 transition-opacity"
+												>
+													Use This
 												</schmancy-button>
 											</div>
 										</div>
+										
+										<!-- Email Preview -->
+										<div class="p-4 bg-surface">
+											<schmancy-email-viewer
+												subject=${e.subject}
+												body=${e.body}
+												mode="desktop"
+												class="max-h-96 overflow-y-auto"
+											></schmancy-email-viewer>
+										</div>
 									</schmancy-surface>
 								`)}
 						</div>
@@ -425,9 +375,9 @@ let $ = class extends A(D`
 							<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" ? `No templates found in the "${this.selectedCategory}" category` : "Start by creating your first email template"}
 							</schmancy-typography>
-							${h(this.searchQuery || this.selectedCategory !== "all", () => c`
+							${d(this.searchQuery || this.selectedCategory !== "all", () => c`
 								<div class="flex gap-3">
-									${h(this.searchQuery, () => c`
+									${d(this.searchQuery, () => c`
 										<schmancy-button
 											variant="outlined"
 											@click=${() => {
@@ -438,7 +388,7 @@ let $ = class extends A(D`
 											Clear Search
 										</schmancy-button>
 									`)}
-									${h(this.selectedCategory !== "all", () => c`
+									${d(this.selectedCategory !== "all", () => c`
 										<schmancy-button
 											variant="filled"
 											@click=${() => this.handleCategorySelect("all")}
@@ -454,109 +404,11 @@ let $ = class extends A(D`
 			</div>
 		`;
   }
-  renderPreview() {
-    return this.selectedTemplate ? c`
-			<div class="flex-1 overflow-y-auto">
-				<!-- Template Header Section -->
-				<div class="px-6 py-6 border-b border-outline-variant bg-surface-containerLow">
-					<div class="flex items-start gap-6">
-						<!-- Template Thumbnail -->
-						${h(this.selectedTemplate.thumbnail, () => c`
-								<div class="flex-shrink-0">
-									<schmancy-surface elevation="2" rounded="all" class="overflow-hidden w-32 h-24">
-										<img 
-											src=${this.selectedTemplate.thumbnail} 
-											alt=${this.selectedTemplate.name}
-											class="w-full h-full object-cover"
-										/>
-									</schmancy-surface>
-								</div>
-							`, () => c`
-								<div class="flex-shrink-0">
-									<schmancy-surface elevation="1" rounded="all" class="w-32 h-24 bg-gradient-to-br from-surface-container to-surface-containerLow flex items-center justify-center">
-										<schmancy-icon size="32px" class="text-surface-onVariant opacity-40">mail</schmancy-icon>
-									</schmancy-surface>
-								</div>
-							`)}
-
-						<!-- Template Info -->
-						<div class="flex-1">
-							<div class="flex items-start justify-between mb-3">
-								<schmancy-typography type="headline" token="lg" class="font-semibold">
-									${this.selectedTemplate.name}
-								</schmancy-typography>
-								${h(this.selectedTemplate.isDefault, () => c`
-									<schmancy-chip class="bg-primary text-primary-on">
-										<schmancy-icon slot="prefix" size="12px">star</schmancy-icon>
-										Default
-									</schmancy-chip>
-								`)}
-							</div>
-
-							<div class="flex flex-wrap gap-2 mb-3">
-								${h(this.selectedTemplate.category, () => c`
-									<schmancy-chip class="border border-outline">
-										<schmancy-icon slot="prefix" size="12px">category</schmancy-icon>
-										${this.selectedTemplate.category}
-									</schmancy-chip>
-								`)}
-								${h(this.selectedTemplate.createdAt, () => c`
-									<schmancy-chip class="border border-outline">
-										<schmancy-icon slot="prefix" size="12px">schedule</schmancy-icon>
-										Created ${new Date(this.selectedTemplate.createdAt).toLocaleDateString()}
-									</schmancy-chip>
-								`)}
-							</div>
-
-							${h(this.selectedTemplate.description, () => c`
-									<schmancy-typography type="body" token="md" class="text-surface-onVariant leading-relaxed">
-										${this.selectedTemplate.description}
-									</schmancy-typography>
-								`)}
-						</div>
-					</div>
-				</div>
-
-				<!-- Template Content -->
-				<div class="px-6 py-6 space-y-8">
-					<!-- Subject Preview -->
-					<div>
-						<div class="flex items-center gap-2 mb-4">
-							<schmancy-icon size="20px" class="text-primary">subject</schmancy-icon>
-							<schmancy-typography type="title" token="md" class="text-primary">
-								Subject Line
-							</schmancy-typography>
-						</div>
-						<schmancy-surface elevation="1" type="surface" class="p-4 border-l-4 border-primary">
-							<schmancy-typography type="body" token="md" class="font-medium">
-								${this.selectedTemplate.subject}
-							</schmancy-typography>
-						</schmancy-surface>
-					</div>
-
-					<!-- Body Preview -->
-					<div>
-						<div class="flex items-center gap-2 mb-4">
-							<schmancy-icon size="20px" class="text-primary">article</schmancy-icon>
-							<schmancy-typography type="title" token="md" class="text-primary">
-								Email Preview
-							</schmancy-typography>
-						</div>
-						<schmancy-email-viewer
-							subject=${this.selectedTemplate.subject}
-							body=${this.selectedTemplate.body}
-							mode="desktop"
-						></schmancy-email-viewer>
-					</div>
-				</div>
-			</div>
-		` : null;
-  }
 };
-C([d({ type: Array })], $.prototype, "templates", 2), C([m()], $.prototype, "searchQuery", 2), C([m()], $.prototype, "selectedTemplate", 2), C([m()], $.prototype, "filteredTemplates", 2), C([m()], $.prototype, "showPreview", 2), C([m()], $.prototype, "selectedCategory", 2), $ = C([R("schmancy-email-template-picker")], $);
-var V = Object.defineProperty, U = Object.getOwnPropertyDescriptor, x = (e, t, s, i) => {
-  for (var a, n = i > 1 ? void 0 : i ? U(t, s) : t, r = e.length - 1; r >= 0; r--) (a = e[r]) && (n = (i ? a(t, s, n) : a(n)) || n);
-  return i && n && V(t, s, n), n;
+R([h({ type: Array })], k.prototype, "templates", 2), R([y()], k.prototype, "searchQuery", 2), R([y()], k.prototype, "filteredTemplates", 2), R([y()], k.prototype, "selectedCategory", 2), k = R([C("schmancy-email-template-picker")], k);
+var U = Object.defineProperty, V = Object.getOwnPropertyDescriptor, x = (e, t, s, i) => {
+  for (var a, n = i > 1 ? void 0 : i ? V(t, s) : t, r = e.length - 1; r >= 0; r--) (a = e[r]) && (n = (i ? a(t, s, n) : a(n)) || n);
+  return i && n && U(t, s, n), n;
 };
 let b = class extends A(D`
 	:host {
@@ -598,7 +450,7 @@ let b = class extends A(D`
 			></schmancy-email-layout-selector>
 		`);
     }, this.openTemplatePicker = () => {
-      const e = new $();
+      const e = new k();
       e.templates = this.templates, e.addEventListener("template-selected", this.handleTemplateSelected), j.open({ component: e, title: "Choose Email Template" });
     }, this.handleTemplateSelected = (e) => {
       const t = e.detail;
@@ -729,8 +581,8 @@ Your primary content goes here. This area takes up most of the width while the s
       this.body = l, this.dispatchChange(), this.updateComplete.then(() => {
         const p = this.bodyTextAreaRef.value?.shadowRoot?.querySelector("textarea");
         if (p) {
-          const k = r + n.length;
-          p.setSelectionRange(k, k), p.focus();
+          const S = r + n.length;
+          p.setSelectionRange(S, S), p.focus();
         }
       });
     }, this.handleFileChange = (e) => {
@@ -1102,7 +954,7 @@ The Fulfillment Team` }];
 										?disabled=${this.disabled || this.isUploading}
 										@click=${() => this.imageInputRef.value?.click()}
 									>
-										${h(this.isUploading, () => c`<schmancy-progress size="sm" class="w-4 h-4"></schmancy-progress>`, () => c`<schmancy-icon>image</schmancy-icon>`)}
+										${d(this.isUploading, () => c`<schmancy-progress size="sm" class="w-4 h-4"></schmancy-progress>`, () => c`<schmancy-icon>image</schmancy-icon>`)}
 									</schmancy-icon-button>
 									<schmancy-icon-button 
 										size="sm" 
@@ -1147,7 +999,7 @@ Tab key inserts 2 spaces for better formatting."
 						></schmancy-textarea>
 						
 						<!-- Upload Progress Overlay -->
-						${h(this.isUploading, () => c`
+						${d(this.isUploading, () => c`
 							<div class="absolute top-3 right-3 z-10">
 								<schmancy-surface type="container" rounded="all" class="p-2">
 									<div class="flex items-center gap-2">
@@ -1169,7 +1021,7 @@ Tab key inserts 2 spaces for better formatting."
 						</div>
 
 						<!-- Attachments Display (if any) -->
-						${h(this.attachments.length > 0, () => c`
+						${d(this.attachments.length > 0, () => c`
 							<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>
@@ -1215,8 +1067,8 @@ Tab key inserts 2 spaces for better formatting."
 		`;
   }
 };
-x([d({ type: String })], b.prototype, "subject", 2), x([d({ type: String })], b.prototype, "body", 2), x([d({ type: Boolean })], b.prototype, "disabled", 2), x([d({ type: Array })], b.prototype, "attachments", 2), x([d({ type: Object })], b.prototype, "config", 2), x([d({ type: Array })], b.prototype, "templates", 2), x([m()], b.prototype, "dragOver", 2), x([m()], b.prototype, "isUploading", 2), b = x([R("schmancy-email-editor")], b);
-var W = Object.defineProperty, N = Object.getOwnPropertyDescriptor, S = (e, t, s, i) => {
+x([h({ type: String })], b.prototype, "subject", 2), x([h({ type: String })], b.prototype, "body", 2), x([h({ type: Boolean })], b.prototype, "disabled", 2), x([h({ type: Array })], b.prototype, "attachments", 2), x([h({ type: Object })], b.prototype, "config", 2), x([h({ type: Array })], b.prototype, "templates", 2), x([y()], b.prototype, "dragOver", 2), x([y()], b.prototype, "isUploading", 2), b = x([C("schmancy-email-editor")], b);
+var W = Object.defineProperty, N = Object.getOwnPropertyDescriptor, $ = (e, t, s, i) => {
   for (var a, n = i > 1 ? void 0 : i ? N(t, s) : t, r = e.length - 1; r >= 0; r--) (a = e[r]) && (n = (i ? a(t, s, n) : a(n)) || n);
   return i && n && W(t, s, n), n;
 };
@@ -1333,8 +1185,8 @@ let w = class extends A(D`
     let t = e;
     return t = this.parseLayoutBlocks(t), t = t.replace(/:::images\s+(row|grid(?:=\d+)?)\n((?:!\[.*?\]\(.*?\)(?:\{.*?\})?\s*\n?)*?):::/g, "[Multiple Images - View in web browser]"), t = t.replace(/!\[([^\]]*)\]\(([^)]+)\)(?:\{([^}]+)\})?/g, (s, i, a, n) => {
       const r = this.parseImageAttributes(n), { imgStyle: o, imgWidth: l, imgHeight: p } = this.generateImageStyles(r, !1);
-      let k = `<img src="${a}" alt="${i || "Image"}" style="${o}" border="0"`;
-      return l && (k += ` width="${l}"`), p && (k += ` height="${p}"`), k += ">", `<table cellpadding="0" cellspacing="0" border="0" style="margin: 16px 0;"><tr><td>${k}</td></tr></table>`;
+      let S = `<img src="${a}" alt="${i || "Image"}" style="${o}" border="0"`;
+      return l && (S += ` width="${l}"`), p && (S += ` height="${p}"`), S += ">", `<table cellpadding="0" cellspacing="0" border="0" style="margin: 16px 0;"><tr><td>${S}</td></tr></table>`;
     }), t = t.replace(/\n\n/g, '</p><p style="margin: 0 0 16px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.6; color: #333333;">').replace(/\n/g, "<br>").replace(/\*\*(.*?)\*\*/g, '<strong style="font-weight: bold;">$1</strong>').replace(/\*(.*?)\*/g, '<em style="font-style: italic;">$1</em>').replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" style="color: #0066cc; text-decoration: underline;">$1</a>').replace(/^# (.*$)/gim, '<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 24px 0 16px 0;"><tr><td><h1 style="margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #1a1a1a;">$1</h1></td></tr></table>').replace(/^\* (.*$)/gim, '<li style="margin: 4px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333;">$1</li>').replace(/^\d+\. (.*$)/gim, '<li style="margin: 4px 0; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #333333;">$1</li>').replace(/^---$/gim, '<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin: 24px 0;"><tr><td style="border-top: 1px solid #e0e0e0; height: 1px; line-height: 1px;">&nbsp;</td></tr></table>'), t = t.replace(/(<li[^>]*>.*?<\/li>(?:\s*<li[^>]*>.*?<\/li>)*)/gs, (s) => {
       const i = /^\d+\./.test(s.replace(/<[^>]*>/g, "")), a = i ? "ol" : "ul";
       return `<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td><${a} style="margin: 16px 0; padding: 0 0 0 20px; font-family: Arial, Helvetica, sans-serif;">${s}</${a}></td></tr></table>`;
@@ -1457,8 +1309,8 @@ let w = class extends A(D`
 
 							<!-- Email Body Content -->
 							<div class="flex-1 overflow-y-auto min-h-0">
-								${h(this.body, () => c`
-										${h(this.viewMode === "html", () => c`
+								${d(this.body, () => c`
+										${d(this.viewMode === "html", () => c`
 												<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>
@@ -1484,7 +1336,7 @@ let w = class extends A(D`
 							</div>
 
 							<!-- Attachments Section -->
-							${h(this.attachments.length > 0, () => c`
+							${d(this.attachments.length > 0, () => c`
 								<div class="flex-shrink-0 p-4 border-t border-outline-variant bg-surface-containerLowest">
 									<div class="space-y-3">
 										<!-- Attachments Header -->
@@ -1525,7 +1377,7 @@ let w = class extends A(D`
 					</div>
 					
 					<!-- Preview Stats -->
-					${h(this.body, () => c`
+					${d(this.body, () => c`
 						<div class="flex-shrink-0">
 							<schmancy-surface type="container" rounded="all" class="p-3">
 								<div class="flex items-center justify-center gap-6 text-center">
@@ -1546,7 +1398,7 @@ let w = class extends A(D`
 											${this.body.trim() ? this.body.trim().split(/\s+/).length : 0}
 										</schmancy-typography>
 									</div>
-									${h(this.attachments.length > 0, () => c`
+									${d(this.attachments.length > 0, () => c`
 										<div class="w-px h-8 bg-outline-variant"></div>
 										<div>
 											<schmancy-typography type="body" token="xs" class="text-surface-onVariant">
@@ -1567,7 +1419,7 @@ let w = class extends A(D`
 		`;
   }
 };
-S([d({ type: String })], w.prototype, "subject", 2), S([d({ type: String })], w.prototype, "body", 2), S([d({ type: Array })], w.prototype, "attachments", 2), S([d({ type: Array })], w.prototype, "recipients", 2), S([d({ type: String })], w.prototype, "fromAddress", 2), S([d({ type: String })], w.prototype, "toAddress", 2), S([m()], w.prototype, "viewMode", 2), w = S([R("schmancy-email-viewer")], w);
+$([h({ type: String })], w.prototype, "subject", 2), $([h({ type: String })], w.prototype, "body", 2), $([h({ type: Array })], w.prototype, "attachments", 2), $([h({ type: Array })], w.prototype, "recipients", 2), $([h({ type: String })], w.prototype, "fromAddress", 2), $([h({ type: String })], w.prototype, "toAddress", 2), $([y()], w.prototype, "viewMode", 2), w = $([C("schmancy-email-viewer")], w);
 var Q = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, f = (e, t, s, i) => {
   for (var a, n = i > 1 ? void 0 : i ? _(t, s) : t, r = e.length - 1; r >= 0; r--) (a = e[r]) && (n = (i ? a(t, s, n) : a(n)) || n);
   return i && n && Q(t, s, n), n;
@@ -1699,7 +1551,7 @@ let g = class extends A(D`
   renderBoatLayout() {
     return c`
 			<!-- Hidden file input for CSV import -->
-			${h(this.enableCsvImport, () => c`
+			${d(this.enableCsvImport, () => c`
 				<input
 					type="file"
 					accept=".csv"
@@ -1720,7 +1572,7 @@ let g = class extends A(D`
 						<schmancy-typography type="title" token="md" class="font-semibold">
 							${this.title}
 						</schmancy-typography>
-						${h(this.recipients.length > 0, () => c`
+						${d(this.recipients.length > 0, () => c`
 							<schmancy-badge>
 								${this.localSelectedRecipients.size}/${this.recipients.length}
 							</schmancy-badge>
@@ -1746,7 +1598,7 @@ let g = class extends A(D`
 					@input=${this.handleSearchInput}
 					class="flex-1"
 				>
-					${h(this.searchQuery, () => c`
+					${d(this.searchQuery, () => c`
 						<schmancy-button
 							slot="suffix" 
 							variant="text"
@@ -1757,7 +1609,7 @@ let g = class extends A(D`
 					`)}
 				</schmancy-input>
 				
-				${h(this.enableCsvImport, () => c`
+				${d(this.enableCsvImport, () => c`
 					<schmancy-button
 						variant="outlined"
 						@click=${this.handleImportFromCSV}
@@ -1769,7 +1621,7 @@ let g = class extends A(D`
 				`)}
 			</div>
 
-			${h(this.recipients.length > 0, () => c`
+			${d(this.recipients.length > 0, () => c`
 				<!-- Bulk Actions -->
 				<div class="px-4 pb-4">
 					<div class="flex items-center gap-3">
@@ -1802,7 +1654,7 @@ let g = class extends A(D`
 
 				<!-- Recipients List -->
 				<div class="flex-1 overflow-y-auto px-4 pb-4">
-					${h(this.filteredRecipients.length > 0, () => c`
+					${d(this.filteredRecipients.length > 0, () => c`
 							<div class="flex flex-wrap gap-3">
 								${I(this.filteredRecipients, (e) => e, (e) => c`
 										<schmancy-button
@@ -1851,7 +1703,7 @@ let g = class extends A(D`
 			`)}
 
 			<!-- Drag Overlay -->
-			${h(this.dragOver && this.enableDragDrop, () => c`
+			${d(this.dragOver && this.enableDragDrop, () => c`
 					<div 
 						class="absolute inset-4 flex items-center justify-center border-2 border-dashed border-primary rounded-lg z-10"
 						@dragover=${(e) => {
@@ -1871,12 +1723,12 @@ let g = class extends A(D`
 		`;
   }
 };
-f([d({ type: Boolean })], g.prototype, "disabled", 2), f([d({ type: Array })], g.prototype, "recipients", 2), f([d({ type: Array })], g.prototype, "selectedRecipients", 2), f([d({ type: Boolean })], g.prototype, "enableCsvImport", 2), f([d({ type: Boolean })], g.prototype, "enableDragDrop", 2), f([d({ type: String })], g.prototype, "title", 2), f([d({ type: String })], g.prototype, "emptyStateTitle", 2), f([d({ type: String })], g.prototype, "emptyStateMessage", 2), f([d({ type: Object })], g.prototype, "csvParser", 2), f([m()], g.prototype, "dragOver", 2), f([m()], g.prototype, "localSelectedRecipients", 2), f([m()], g.prototype, "searchQuery", 2), f([m()], g.prototype, "filteredRecipients", 2), f([m()], g.prototype, "boatState", 2), g = f([R("schmancy-email-recipients")], g);
+f([h({ type: Boolean })], g.prototype, "disabled", 2), f([h({ type: Array })], g.prototype, "recipients", 2), f([h({ type: Array })], g.prototype, "selectedRecipients", 2), f([h({ type: Boolean })], g.prototype, "enableCsvImport", 2), f([h({ type: Boolean })], g.prototype, "enableDragDrop", 2), f([h({ type: String })], g.prototype, "title", 2), f([h({ type: String })], g.prototype, "emptyStateTitle", 2), f([h({ type: String })], g.prototype, "emptyStateMessage", 2), f([h({ type: Object })], g.prototype, "csvParser", 2), f([y()], g.prototype, "dragOver", 2), f([y()], g.prototype, "localSelectedRecipients", 2), f([y()], g.prototype, "searchQuery", 2), f([y()], g.prototype, "filteredRecipients", 2), f([y()], g.prototype, "boatState", 2), g = f([C("schmancy-email-recipients")], g);
 export {
-  y as S,
+  m as S,
   b as a,
   w as b,
   g as c,
   z as d
 };
-//# sourceMappingURL=email-recipients-BH3-shuO.js.map
+//# sourceMappingURL=email-recipients-CpghUhQ1.js.map