@happyvertical/smrt-content 0.34.5 → 0.34.7

package/dist/svelte/components/ContentEditor.svelte

@@ -1,7 +1,9 @@
 <script lang="ts">
 import type { ImageLike } from '@happyvertical/smrt-images/svelte';
 import { ImageUploader } from '@happyvertical/smrt-images/svelte';
+import { Form, Input, Select, Textarea } from '@happyvertical/smrt-ui/forms';
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Button } from '@happyvertical/smrt-ui/ui';
 import { untrack } from 'svelte';
 import { extractBodyImages, resolveBodyFormat } from '../../body-format';
 import type {
@@ -74,10 +76,17 @@ let {
   onCancel,
 }: Props = $props();
 
-let editForm = $state<HTMLFormElement | null>(null);
+// Unique per-instance form id so triggerSave() targets THIS editor's form even
+// when multiple ContentEditor / GovernedContentEditor instances are mounted
+// (a hardcoded id + getElementById would resolve to the first match in the DOM).
+const formId = $props.id();
 
 export function triggerSave() {
   if (saveDisabled) return;
+  const editForm =
+    typeof document !== 'undefined'
+      ? (document.getElementById(formId) as HTMLFormElement | null)
+      : null;
   if (editForm?.requestSubmit) {
     editForm.requestSubmit();
     return;
@@ -920,16 +929,17 @@ function removeAsset(id: string) {
 <div class="form-container">
   <div class="editor-grid" class:editor-grid--with-sidebar={showChatSidebar}>
     <!-- LEFT COLUMN (Document Canvas) -->
-    <form
-      bind:this={editForm}
-      id="content-edit-form"
+    <Form
+      id={formId}
       class="editor-main-col"
       onsubmit={handleSubmit}
     >
       {#if editorError}
         <div class="editor-message editor-message--error" role="alert" aria-live="assertive">
           <span>{editorError}</span>
-          <button
+          <Button
+            variant="ghost"
+            size="sm"
             type="button"
             class="editor-message__dismiss"
             onclick={() => {
@@ -938,46 +948,46 @@ function removeAsset(id: string) {
             aria-label={t(M['content.content_editor.dismiss_message'])}
           >
             ×
-          </button>
+          </Button>
         </div>
       {/if}
       <div class="editor-toolbar">
         <div class="editor-toolbar-left">
           <div class="mui-field">
-            <select id="type-select" bind:value={formData.type} class="mui-input">
+            <Select id="type-select" bind:value={formData.type} class="mui-input">
               <option value="article">Article</option>
               <option value="document">Document</option>
               <option value="mirror">Mirror</option>
-            </select>
+            </Select>
             <label for="type-select">Type</label>
           </div>
           <div class="mui-field">
-            <select id="state-select" bind:value={formData.state} class="mui-input">
+            <Select id="state-select" bind:value={formData.state} class="mui-input">
               <option value="active">Active</option>
               <option value="highlighted">Highlighted</option>
               <option value="deprecated">Deprecated</option>
-            </select>
+            </Select>
             <label for="state-select">State</label>
           </div>
           <div class="mui-field">
-            <select id="status-select" bind:value={formData.status} class="mui-input">
+            <Select id="status-select" bind:value={formData.status} class="mui-input">
               <option value="draft">Draft</option>
               <option value="published">Published</option>
               <option value="archived">Archived</option>
-            </select>
+            </Select>
             <label for="status-select">Status</label>
           </div>
           <div class="mui-field">
-            <input id="publish-date-input" type="datetime-local" bind:value={formData.publish_date} class="mui-input" />
+            <Input id="publish-date-input" type="datetime-local" bind:value={formData.publish_date} class="mui-input" />
             <label for="publish-date-input">{t(M['content.content_editor.publish_date'])}</label>
           </div>
         </div>
         {#if showActions}
           <div class="editor-toolbar-right">
-            <button type="submit" class="save-button" disabled={saveDisabled}>{content ? 'Update Content' : 'Save Content'}</button>
-            <button type="button" class="cancel-button" onclick={handleCancel}>
+            <Button variant="primary" type="submit" class="save-button" disabled={saveDisabled}>{content ? 'Update Content' : 'Save Content'}</Button>
+            <Button variant="secondary" type="button" onclick={handleCancel}>
               Cancel
-            </button>
+            </Button>
           </div>
         {/if}
       </div>
@@ -986,12 +996,12 @@ function removeAsset(id: string) {
         <p class="save-notice">{saveNotice}</p>
       {/if}
 
-      <input 
-         type="text" 
-         class="document-title-input" 
+      <Input
+         type="text"
+         class="document-title-input"
          bind:value={formData.title}
          placeholder={t(M['content.content_editor.document_title_placeholder'])}
-         required 
+         required
       />
 
       {#if showUndoBanner}
@@ -1008,9 +1018,9 @@ function removeAsset(id: string) {
               fields: lastAppliedFields.join(', '),
             })}
           </span>
-          <button type="button" class="undo-banner__btn" onclick={undoLastApply}>
+          <Button variant="ghost" size="sm" type="button" class="undo-banner__btn" onclick={undoLastApply}>
             Undo{fieldUndoStack.length > 1 ? ` (${fieldUndoStack.length})` : ''}
-          </button>
+          </Button>
         </div>
       {/if}
 
@@ -1083,14 +1093,14 @@ function removeAsset(id: string) {
                         <img class="media-item-image" src={getAssetImageSource(asset)} alt={asset.name || 'Asset image'} />
                         <div class="media-item-overlay">
                            {#if assetId && assetId !== formData.thumbnailAssetId}
-                             <button type="button" class="btn-make-thumbnail" title={t(M['content.content_editor.make_thumbnail'])} onclick={() => setThumbnail(assetId)}>
+                             <Button variant="ghost" size="sm" type="button" class="btn-make-thumbnail" aria-label={t(M['content.content_editor.make_thumbnail'])} title={t(M['content.content_editor.make_thumbnail'])} onclick={() => setThumbnail(assetId)}>
                                <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>
-                             </button>
+                             </Button>
                            {/if}
                            {#if assetId}
-                             <button type="button" class="btn-remove-asset" title={t(M['content.content_editor.remove'])} onclick={() => removeAsset(assetId)}>
+                             <Button variant="ghost" size="sm" type="button" class="btn-remove-asset" aria-label={t(M['content.content_editor.remove'])} title={t(M['content.content_editor.remove'])} onclick={() => removeAsset(assetId)}>
                                <svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"/></svg>
-                             </button>
+                             </Button>
                            {/if}
                         </div>
                         {#if assetId === formData.thumbnailAssetId}
@@ -1103,14 +1113,14 @@ function removeAsset(id: string) {
                   <p class="no-media-text">{t(M['content.content_editor.no_images_attached'])}</p>
                 {/if}
                 {#if !showImageUploader}
-                  <button type="button" class="add-image-btn" onclick={() => showImageUploader = true} style="margin-top: 1rem;">
+                  <Button variant="ghost" type="button" class="add-image-btn" onclick={() => showImageUploader = true} style="margin-top: 1rem;">
                     <svg viewBox="0 0 24 24" width="20" height="20" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round">
                       <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
                       <circle cx="8.5" cy="8.5" r="1.5"></circle>
                       <polyline points="21 15 16 10 5 21"></polyline>
                     </svg>
                     {t(M['content.content_editor.add_image'])}
-                  </button>
+                  </Button>
                 {/if}
 
                 {#if showImageUploader}
@@ -1136,15 +1146,15 @@ function removeAsset(id: string) {
         <div class="editor-drawer-content">
           <label>
             Author:
-            <input type="text" bind:value={formData.author} placeholder={t(M['content.content_editor.author_name_placeholder'])} />
+            <Input type="text" bind:value={formData.author} placeholder={t(M['content.content_editor.author_name_placeholder'])} />
           </label>
           <label>
             Description:
-            <textarea bind:value={formData.description} rows="2" placeholder={t(M['content.content_editor.brief_summary_placeholder'])}></textarea>
+            <Textarea bind:value={formData.description} rows={2} placeholder={t(M['content.content_editor.brief_summary_placeholder'])}></Textarea>
           </label>
           <label>
             {t(M['content.content_editor.tags_comma_separated'])}
-            <input
+            <Input
               type="text"
               value={(formData.tags || []).join(', ')}
               placeholder={t(M['content.content_editor.tags_placeholder'])}
@@ -1178,7 +1188,7 @@ function removeAsset(id: string) {
                   {#each formData.referenceIds as refId}
                     <div class="reference-badge">
                       <span class="ref-id">{refId}</span>
-                      <button type="button" class="remove-ref-btn" onclick={() => removeReference(refId)}>×</button>
+                      <Button variant="ghost" size="sm" type="button" class="remove-ref-btn" aria-label={t(M['content.content_editor.remove'])} title={t(M['content.content_editor.remove'])} onclick={() => removeReference(refId)}>×</Button>
                     </div>
                   {/each}
                   {#if formData.referenceIds.length === 0 && auditReferences.length === 0}
@@ -1202,25 +1212,31 @@ function removeAsset(id: string) {
                            : M['content.content_editor.evidence_item_plural'],
                        ),
                      })}</span>
-                     <select bind:value={bulkEvidenceStatus} disabled={selectedEvidenceCount === 0 || Boolean(evidenceBusy)}>
+                     <Select bind:value={bulkEvidenceStatus} disabled={selectedEvidenceCount === 0 || Boolean(evidenceBusy)}>
                        {#each evidenceStatuses as status}
                          <option value={status}>{status}</option>
                        {/each}
-                     </select>
-                     <button
+                     </Select>
+                     <Button
+                       variant="ghost"
+                       size="sm"
                        type="button"
+                       class="evidence-action-button"
                        disabled={selectedEvidenceCount === 0 || Boolean(evidenceBusy)}
                        onclick={() => void updateSelectedEvidenceStatus()}
                      >
                        Mark
-                     </button>
-                     <button
+                     </Button>
+                     <Button
+                       variant="ghost"
+                       size="sm"
                        type="button"
+                       class="evidence-action-button"
                        disabled={selectedEvidenceCount === 0 || Boolean(evidenceBusy)}
                        onclick={() => void repairSelectedReferenceEvidence()}
                      >
                        {t(M['content.content_editor.repair_resources'])}
-                     </button>
+                     </Button>
                    </div>
                    {#each auditReferences as reference, referenceIndex (reference._auditSourceId ?? reference.id ?? reference.url ?? reference.title)}
                      {@const resourceClaims = getResourceClaimsForReference(reference)}
@@ -1245,13 +1261,16 @@ function removeAsset(id: string) {
                                  : M['content.content_editor.evidence_claim_plural'],
                              ),
                            })}</span>
-                           <button
+                           <Button
+                             variant="ghost"
+                             size="sm"
                              type="button"
+                             class="evidence-action-button"
                              disabled={Boolean(evidenceBusy)}
                              onclick={() => void repairReferenceEvidence(reference)}
                            >
                              {evidenceBusy === `repair:${reference.id}` ? 'Repairing...' : 'Repair'}
-                           </button>
+                           </Button>
                          </div>
                        </div>
                        {#if resourceClaims.length > 0}
@@ -1261,6 +1280,7 @@ function removeAsset(id: string) {
                              <details class="resource-claim">
                                <summary>
                                  <label class="evidence-select">
+                                   <!-- raw-primitive-allow: native checkbox; no Provider-free checkbox primitive (Toggle is a switch with different semantics, CheckboxInput requires a Provider) -->
                                    <input
                                      type="checkbox"
                                      checked={isResourceClaimSelected(claim)}
@@ -1311,26 +1331,31 @@ function removeAsset(id: string) {
                                  {/each}
                                  <div class="resource-claim-actions">
                                    {#each evidenceStatuses as status}
-                                     <button
+                                     <Button
+                                       variant="ghost"
+                                       size="sm"
                                        type="button"
+                                       class="evidence-action-button"
                                        disabled={evidenceIds.length === 0 || Boolean(evidenceBusy)}
                                        onclick={() => void updateEvidenceStatus(evidenceIds, status)}
                                      >
                                        {status}
-                                     </button>
+                                     </Button>
                                    {/each}
                                  </div>
                                </div>
                              </details>
                            {/each}
                            {#if resourceClaims.length > 6}
-                             <button
+                             <Button
+                               variant="ghost"
+                               size="sm"
                                type="button"
                                class="resource-claim-more"
                                onclick={() => toggleReferenceClaims(reference, referenceIndex)}
                              >
                                {resourceClaimsExpanded ? 'Show fewer' : `+ ${resourceClaims.length - 6} more`}
-                             </button>
+                             </Button>
                            {/if}
                          </div>
                        {/if}
@@ -1339,22 +1364,22 @@ function removeAsset(id: string) {
                  </div>
                {/if}
                <div class="add-reference-row">
-                  <input type="text" bind:value={newReferenceId} placeholder={t(M['content.content_editor.reference_id_or_url_placeholder'])} />
-                  <button type="button" onclick={addReference}>Add</button>
+                  <Input type="text" bind:value={newReferenceId} placeholder={t(M['content.content_editor.reference_id_or_url_placeholder'])} />
+                  <Button variant="ghost" type="button" class="add-reference-button" onclick={addReference}>Add</Button>
                </div>
             </div>
 
             <label>
               URL:
-              <input type="url" bind:value={formData.url} />
+              <Input type="url" bind:value={formData.url} />
             </label>
             <label>
               {t(M['content.content_editor.file_key'])}
-              <input type="text" bind:value={formData.fileKey} />
+              <Input type="text" bind:value={formData.fileKey} />
             </label>
           </div>
       </details>
-    </form>
+    </Form>
 
     {#if showChatSidebar}
       <aside class="editor-sidebar-col">
@@ -1413,7 +1438,7 @@ function removeAsset(id: string) {
     }
   }
 
-  .document-title-input {
+  .form-container :global(.document-title-input) {
     width: 100%;
     font-size: var(--smrt-typography-display-medium-size, 2.5rem);
     font-weight: var(--smrt-typography-weight-bold, 800);
@@ -1428,7 +1453,7 @@ function removeAsset(id: string) {
     font-family: inherit;
   }
 
-  .document-title-input::placeholder {
+  .form-container :global(.document-title-input)::placeholder {
     color: var(--smrt-color-outline-variant);
   }
 
@@ -1487,7 +1512,7 @@ function removeAsset(id: string) {
     z-index: 1;
   }
 
-  .mui-input {
+  .mui-field :global(.mui-input) {
     padding: 0.5rem 0.75rem;
     border-radius: 0.375rem;
     border: 1px solid var(--smrt-color-outline-variant);
@@ -1501,15 +1526,16 @@ function removeAsset(id: string) {
     transition: border-color 0.2s;
   }
 
-  .mui-input:focus {
+  .mui-field :global(.mui-input:focus) {
     outline: none;
     border-color: var(--smrt-color-primary);
   }
 
-  .editor-main-col {
+  .form-container :global(.editor-main-col) {
     display: flex;
     flex-direction: column;
     background: transparent;
+    width: 100%;
   }
 
   .editor-sidebar-col {
@@ -1595,11 +1621,6 @@ function removeAsset(id: string) {
     font-size: var(--smrt-typography-headline-small-size, 1.5rem);
   }
 
-  .form-container form {
-    display: block;
-    width: 100%;
-  }
-
   .form-container label {
     display: flex;
     flex-direction: column;
@@ -1609,34 +1630,6 @@ function removeAsset(id: string) {
     font-size: var(--smrt-typography-label-large-size, 0.875rem);
   }
 
-  .form-container input,
-  .form-container select,
-  .form-container textarea {
-    padding: 0.75rem;
-    border: 1px solid var(--smrt-color-outline);
-    border-radius: 0.5rem;
-    font-size: var(--smrt-typography-body-medium-size, 0.875rem);
-    transition: border-color 0.2s, box-shadow 0.2s;
-    font-family: inherit;
-    box-sizing: border-box;
-    width: 100%;
-    background: var(--smrt-color-surface-container-low);
-    color: var(--smrt-color-on-surface);
-  }
-
-  .form-container input:focus,
-  .form-container select:focus,
-  .form-container textarea:focus {
-    outline: none;
-    border-color: var(--smrt-color-primary);
-    box-shadow: 0 0 0 3px color-mix(in srgb, var(--smrt-color-primary) 10%, transparent);
-  }
-
-  .form-container textarea {
-    resize: vertical;
-    min-height: 120px;
-  }
-  
   .references-section {
     display: flex;
     flex-direction: column;
@@ -1664,7 +1657,7 @@ function removeAsset(id: string) {
     color: var(--smrt-color-on-surface);
   }
 
-  .remove-ref-btn {
+  .reference-badge :global(.remove-ref-btn) {
     background: none;
     border: none;
     color: var(--smrt-color-outline);
@@ -1675,7 +1668,7 @@ function removeAsset(id: string) {
     margin-left: 0.25rem;
   }
 
-  .remove-ref-btn:hover {
+  .reference-badge :global(.remove-ref-btn:hover) {
     color: var(--smrt-color-error);
   }
 
@@ -1725,9 +1718,7 @@ function removeAsset(id: string) {
     white-space: nowrap;
   }
 
-  .reference-detail-actions button,
-  .resource-claim-actions button,
-  .evidence-bulk-toolbar button {
+  .references-section :global(.evidence-action-button) {
     background: var(--smrt-color-surface);
     border: 1px solid var(--smrt-color-outline-variant);
     border-radius: 0.375rem;
@@ -1738,9 +1729,7 @@ function removeAsset(id: string) {
     padding: 0.25rem 0.5rem;
   }
 
-  .reference-detail-actions button:disabled,
-  .resource-claim-actions button:disabled,
-  .evidence-bulk-toolbar button:disabled {
+  .references-section :global(.evidence-action-button:disabled) {
     cursor: not-allowed;
     opacity: 0.55;
   }
@@ -1762,7 +1751,7 @@ function removeAsset(id: string) {
     font-size: var(--smrt-typography-body-medium-size, 0.8125rem);
   }
 
-  .evidence-bulk-toolbar select {
+  .evidence-bulk-toolbar :global(.select) {
     border: 1px solid var(--smrt-color-outline-variant);
     border-radius: 0.375rem;
     padding: 0.25rem 0.5rem;
@@ -1796,7 +1785,7 @@ function removeAsset(id: string) {
     background: color-mix(in srgb, var(--smrt-color-error) 12%, transparent);
   }
 
-  .editor-message__dismiss {
+  .editor-message :global(.editor-message__dismiss) {
     border: none;
     background: transparent;
     color: inherit;
@@ -1808,18 +1797,19 @@ function removeAsset(id: string) {
 
   .reference-detail-header a,
   .reference-detail-header span,
-  .resource-claim-body,
-  .resource-claim-more {
+  .resource-claim-body {
     color: var(--smrt-color-on-surface-variant);
     font-size: var(--smrt-typography-body-medium-size, 0.8125rem);
   }
 
-  .resource-claim-more {
+  .references-section :global(.resource-claim-more) {
     align-self: flex-start;
     border: 0;
     background: transparent;
     padding: 0;
     cursor: pointer;
+    color: var(--smrt-color-on-surface-variant);
+    font-size: var(--smrt-typography-body-medium-size, 0.8125rem);
     font-weight: var(--smrt-typography-weight-semibold, 600);
   }
 
@@ -1939,11 +1929,11 @@ function removeAsset(id: string) {
     gap: 0.5rem;
   }
   
-  .add-reference-row input {
+  .add-reference-row :global(.input) {
     flex: 1;
   }
 
-  .add-reference-row button {
+  .add-reference-row :global(.add-reference-button) {
     background: var(--smrt-color-surface);
     border: 1px solid var(--smrt-color-outline);
     color: var(--smrt-color-on-surface-variant);
@@ -1953,11 +1943,11 @@ function removeAsset(id: string) {
     font-weight: var(--smrt-typography-weight-medium, 500);
   }
 
-  .add-reference-row button:hover {
+  .add-reference-row :global(.add-reference-button:hover) {
     background: var(--smrt-color-surface-container-low, #f1f5f9);
   }
   
-  .add-image-btn {
+  .media-gallery :global(.add-image-btn) {
     display: flex;
     align-items: center;
     gap: 0.5rem;
@@ -1970,14 +1960,14 @@ function removeAsset(id: string) {
     cursor: pointer;
     transition: all 0.2s;
   }
-  
-  .add-image-btn:hover {
+
+  .media-gallery :global(.add-image-btn:hover) {
     border-color: var(--smrt-color-primary, #94a3b8);
     color: var(--smrt-color-on-surface, #1e293b);
     background: var(--smrt-color-surface-container-low, #f1f5f9);
   }
 
-  .save-button {
+  .editor-toolbar-right :global(.save-button) {
     background: linear-gradient(
       135deg,
       var(--smrt-color-primary) 0%,
@@ -1992,27 +1982,17 @@ function removeAsset(id: string) {
     transition: transform 0.2s, box-shadow 0.2s;
   }
 
-  .save-button:hover {
+  .editor-toolbar-right :global(.save-button:hover) {
     transform: translateY(-1px);
     box-shadow: 0 4px 6px -1px color-mix(in srgb, var(--smrt-color-primary) 40%, transparent);
   }
 
-  .save-button:disabled {
+  .editor-toolbar-right :global(.save-button:disabled) {
     opacity: 0.65;
     transform: none;
     box-shadow: none;
   }
 
-  .cancel-button {
-    background: var(--smrt-color-surface);
-    color: var(--smrt-color-on-surface);
-    border: 1px solid var(--smrt-color-outline-variant);
-    padding: 0.75rem 1.25rem;
-    border-radius: 0.5rem;
-    font-weight: var(--smrt-typography-weight-semibold, 600);
-    cursor: pointer;
-  }
-
   .save-notice {
     font-size: var(--smrt-typography-body-medium-size, 0.875rem);
     color: var(--smrt-color-primary, #3b82f6);
@@ -2069,7 +2049,7 @@ function removeAsset(id: string) {
     flex-shrink: 0;
   }
 
-  .undo-banner__btn {
+  .undo-banner :global(.undo-banner__btn) {
     background: var(--smrt-color-surface);
     color: var(--smrt-color-primary);
     border: 1px solid var(--smrt-color-outline);
@@ -2082,7 +2062,7 @@ function removeAsset(id: string) {
     transition: all 0.15s ease;
   }
 
-  .undo-banner__btn:hover {
+  .undo-banner :global(.undo-banner__btn:hover) {
     background: var(--smrt-color-surface-variant);
     border-color: var(--smrt-color-primary);
   }
@@ -2138,7 +2118,8 @@ function removeAsset(id: string) {
     opacity: 1;
   }
 
-  .media-item-overlay button {
+  .media-item-overlay :global(.btn-make-thumbnail),
+  .media-item-overlay :global(.btn-remove-asset) {
     padding: 0.4rem;
     border: none;
     border-radius: 0.375rem;
@@ -2151,12 +2132,13 @@ function removeAsset(id: string) {
     justify-content: center;
   }
 
-  .media-item-overlay button:hover {
+  .media-item-overlay :global(.btn-make-thumbnail:hover),
+  .media-item-overlay :global(.btn-remove-asset:hover) {
     transform: scale(1.1);
     background: var(--smrt-color-surface);
   }
 
-  .btn-remove-asset:hover {
+  .media-item-overlay :global(.btn-remove-asset:hover) {
     background: var(--smrt-color-error-container) !important;
     color: var(--smrt-color-error) !important;
     border-color: var(--smrt-color-error) !important;

package/dist/svelte/components/ContentEditor.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentEditor.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentEditor.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAEV,mCAAmC,EACnC,0CAA0C,EAE3C,MAAM,gCAAgC,CAAC;AAKxC,OAAO,KAAK,EAEV,kBAAkB,EAEnB,MAAM,wBAAwB,CAAC;AAiBhC,MAAM,WAAW,KAAK;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB,CAAC,EAAE,0CAA0C,CAAC;IACrE,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAuuCD,QAAA,MAAM,aAAa;;MAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ContentEditor.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentEditor.svelte.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAEV,mCAAmC,EACnC,0CAA0C,EAE3C,MAAM,gCAAgC,CAAC;AAKxC,OAAO,KAAK,EAEV,kBAAkB,EAEnB,MAAM,wBAAwB,CAAC;AAiBhC,MAAM,WAAW,KAAK;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB,CAAC,EAAE,0CAA0C,CAAC;IACrE,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAivCD,QAAA,MAAM,aAAa;;MAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}