@editora/core 1.0.1 → 1.0.2

package/dist/DocumentManagerPlugin.native-BvZL5CSG.mjs

@@ -0,0 +1,116 @@
+const i = () => ({
+  name: "document-manager",
+  toolbar: [
+    {
+      label: "Import Word",
+      command: "importWord",
+      icon: '<svg width="24" height="24" focusable="false"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 3h7.4L19 7.6V15h-2V9h-4V5H5c0-1.1.9-2 2-2Z"></path><path d="M9.5 7A1.5 1.5 0 0 1 11 8.4v7.1A1.5 1.5 0 0 1 9.6 17H2.5A1.5 1.5 0 0 1 1 15.6V8.5A1.5 1.5 0 0 1 2.4 7h7.1Zm-1 2.8-1 2.6-1-2.5v-.1a.6.6 0 0 0-1 0l-.1.1-.9 2.5-1-2.5v-.1a.6.6 0 0 0-1 .4v.1l1.5 4v.1a.6.6 0 0 0 1 0v-.1l1-2.5.9 2.5v.1a.6.6 0 0 0 1 0H8l1.6-4v-.2a.6.6 0 0 0-1.1-.4Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11.4 18.2a1 1 0 0 0 1.2 1.6l1.4-1V22a1 1 0 1 0 2 0v-3.1l1.4 1a1 1 0 0 0 1.2-1.7L15 15.8l-3.6 2.4Z"></path></svg>',
+      type: "button"
+    },
+    {
+      label: "Export Word",
+      command: "exportWord",
+      icon: '<svg width="24" height="24" focusable="false"><path d="M9.5 7A1.5 1.5 0 0 1 11 8.4v7.1A1.5 1.5 0 0 1 9.6 17H2.5A1.5 1.5 0 0 1 1 15.6V8.5A1.5 1.5 0 0 1 2.4 7h7.1Zm-1 2.8-1 2.6-1-2.5v-.1a.6.6 0 0 0-1 0l-.1.1-.9 2.5-1-2.5v-.1a.6.6 0 0 0-1 .4v.1l1.5 4v.1a.6.6 0 0 0 1 0v-.1l1-2.5.9 2.5v.1a.6.6 0 0 0 1 0H8l1.6-4v-.2a.6.6 0 0 0-1.1-.4Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M7 3h7.4L19 7.6V17h-2V9h-4V5H7v3H5V5c0-1.1.9-2 2-2ZM15 17a1 1 0 1 0-2 0v3.1l-1.4-1a1 1 0 1 0-1.2 1.7l3.6 2.4 3.6-2.4a1 1 0 0 0-1.2-1.6l-1.4 1V17Z"></path></svg>',
+      type: "button"
+    },
+    {
+      label: "Export PDF",
+      command: "exportPdf",
+      icon: '<svg width="24" height="24" focusable="false"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 3h7.4L19 7.6V17h-2V9h-4V5H7v3H5V5c0-1.1.9-2 2-2Z"></path><path d="M2.6 15.2v-1.9h1c.6 0 1-.2 1.4-.5.3-.3.5-.7.5-1.2s-.2-.9-.5-1.2a2 2 0 0 0-1.3-.4H1v5.2h1.6Zm.4-3h-.4v-1.1h.5l.6.1.2.5c0 .1 0 .3-.2.4l-.7.1Zm5.7 3 1-.1c.3 0 .5-.2.7-.4l.5-.8c.2-.3.2-.7.2-1.3v-1l-.5-.8c-.2-.3-.4-.5-.7-.6L8.7 10H6.3v5.2h2.4Zm-.4-1.1H8v-3h.4c.5 0 .8.2 1 .4l.2 1.1-.1 1-.3.3-.8.2Zm5.3 1.2V13h2v-1h-2v-1H16V10h-4v5.2h1.6Z"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M15 17a1 1 0 1 0-2 0v3.1l-1.4-1a1 1 0 1 0-1.2 1.7l3.6 2.4 3.6-2.4a1 1 0 0 0-1.2-1.6l-1.4 1V17Z"></path></svg>',
+      type: "button"
+    }
+  ],
+  commands: {
+    importWord: () => {
+      const d = () => {
+        const e = window.getSelection();
+        if (e && e.rangeCount > 0) {
+          let r = e.getRangeAt(0).startContainer;
+          for (; r && r !== document.body; ) {
+            if (r.nodeType === Node.ELEMENT_NODE) {
+              const l = r;
+              if (l.getAttribute("contenteditable") === "true")
+                return l;
+            }
+            r = r.parentNode;
+          }
+        }
+        const n = document.activeElement;
+        if ((n == null ? void 0 : n.getAttribute("contenteditable")) === "true")
+          return n;
+        const t = n == null ? void 0 : n.closest('[contenteditable="true"]');
+        return t || document.querySelector('[contenteditable="true"]');
+      }, o = document.createElement("input");
+      return o.type = "file", o.accept = ".docx", o.onchange = async (e) => {
+        var t;
+        const n = (t = e.target.files) == null ? void 0 : t[0];
+        if (n)
+          try {
+            const r = d();
+            if (r) {
+              const { importFromWord: l } = await import("./documentManager-irzj9n3V.mjs").then((c) => c.d), a = await l(n);
+              r.innerHTML = a, r.dispatchEvent(new Event("input", { bubbles: !0 }));
+            }
+          } catch (r) {
+            console.error("Import failed:", r), alert("Failed to import Word document. Please check the console for details.");
+          }
+      }, o.click(), !0;
+    },
+    exportWord: async () => {
+      const d = () => {
+        const o = window.getSelection();
+        if (o && o.rangeCount > 0) {
+          let t = o.getRangeAt(0).startContainer;
+          for (; t && t !== document.body; ) {
+            if (t.nodeType === Node.ELEMENT_NODE && t.getAttribute("contenteditable") === "true")
+              return t;
+            t = t.parentNode;
+          }
+        }
+        const e = document.activeElement;
+        return (e == null ? void 0 : e.getAttribute("contenteditable")) === "true" ? e : (e == null ? void 0 : e.closest('[contenteditable="true"]')) || document.querySelector('[contenteditable="true"]');
+      };
+      try {
+        const o = d();
+        if (o) {
+          const e = o.innerHTML, { exportToWord: n } = await import("./documentManager-irzj9n3V.mjs").then((t) => t.d);
+          await n(e, "document.docx");
+        }
+        return !0;
+      } catch (o) {
+        return console.error("Export failed:", o), alert("Failed to export to Word. Please check the console for details."), !1;
+      }
+    },
+    exportPdf: async () => {
+      const d = () => {
+        const o = window.getSelection();
+        if (o && o.rangeCount > 0) {
+          let t = o.getRangeAt(0).startContainer;
+          for (; t && t !== document.body; ) {
+            if (t.nodeType === Node.ELEMENT_NODE && t.getAttribute("contenteditable") === "true")
+              return t;
+            t = t.parentNode;
+          }
+        }
+        const e = document.activeElement;
+        return (e == null ? void 0 : e.getAttribute("contenteditable")) === "true" ? e : (e == null ? void 0 : e.closest('[contenteditable="true"]')) || document.querySelector('[contenteditable="true"]');
+      };
+      try {
+        const o = d();
+        if (o) {
+          const e = o.innerHTML, { exportToPdf: n } = await import("./documentManager-irzj9n3V.mjs").then((t) => t.d);
+          await n(e, "document.pdf", o);
+        } else
+          console.error("PDF Export: No editor element found"), alert("No active editor found. Please click in the editor area first.");
+        return !0;
+      } catch (o) {
+        return console.error("PDF Export: Export failed:", o), alert("Failed to export to PDF. Please check the console for details."), !1;
+      }
+    }
+  },
+  keymap: {}
+});
+export {
+  i as DocumentManagerPlugin
+};
+//# sourceMappingURL=DocumentManagerPlugin.native-BvZL5CSG.mjs.map

package/dist/DocumentManagerPlugin.native-BvZL5CSG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentManagerPlugin.native-BvZL5CSG.mjs","sources":["../../plugins/document-manager/src/DocumentManagerPlugin.native.ts"],"sourcesContent":["import type { Plugin } from '@editora/core';\n\n/**\n * DocumentManagerPlugin - Native implementation for document import/export\n * \n * Features:\n * - Import from Microsoft Word (.docx) using mammoth library\n * - Export to Microsoft Word (.docx) via API server\n * - Export to PDF using jsPDF and html2canvas\n * \n * Commands:\n * - importWord: Opens file picker to import .docx files and convert to HTML\n * - exportWord: Sends HTML content to API server for .docx conversion\n * - exportPdf: Generates PDF using canvas rendering\n * \n * UI/UX Features:\n * - File picker with .docx filter for import\n * - Async operations with proper error handling\n * - User-friendly error alerts\n * - Professional icons matching React implementation\n * \n * Dependencies:\n * - mammoth: Word document parsing\n * - jsPDF: PDF generation\n * - html2canvas: HTML to canvas conversion for PDF\n * \n * Configuration:\n * Use setDocumentManagerConfig() to configure API endpoints for Word export\n */\nexport const DocumentManagerPlugin = (): Plugin => {\n  return {\n    name: 'document-manager',\n    \n    toolbar: [\n      {\n        label: 'Import Word',\n        command: 'importWord',\n        icon: '<svg width=\"24\" height=\"24\" focusable=\"false\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7 3h7.4L19 7.6V15h-2V9h-4V5H5c0-1.1.9-2 2-2Z\"></path><path d=\"M9.5 7A1.5 1.5 0 0 1 11 8.4v7.1A1.5 1.5 0 0 1 9.6 17H2.5A1.5 1.5 0 0 1 1 15.6V8.5A1.5 1.5 0 0 1 2.4 7h7.1Zm-1 2.8-1 2.6-1-2.5v-.1a.6.6 0 0 0-1 0l-.1.1-.9 2.5-1-2.5v-.1a.6.6 0 0 0-1 .4v.1l1.5 4v.1a.6.6 0 0 0 1 0v-.1l1-2.5.9 2.5v.1a.6.6 0 0 0 1 0H8l1.6-4v-.2a.6.6 0 0 0-1.1-.4Z\"></path><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11.4 18.2a1 1 0 0 0 1.2 1.6l1.4-1V22a1 1 0 1 0 2 0v-3.1l1.4 1a1 1 0 0 0 1.2-1.7L15 15.8l-3.6 2.4Z\"></path></svg>',\n        type: 'button'\n      },\n      {\n        label: 'Export Word',\n        command: 'exportWord',\n        icon: '<svg width=\"24\" height=\"24\" focusable=\"false\"><path d=\"M9.5 7A1.5 1.5 0 0 1 11 8.4v7.1A1.5 1.5 0 0 1 9.6 17H2.5A1.5 1.5 0 0 1 1 15.6V8.5A1.5 1.5 0 0 1 2.4 7h7.1Zm-1 2.8-1 2.6-1-2.5v-.1a.6.6 0 0 0-1 0l-.1.1-.9 2.5-1-2.5v-.1a.6.6 0 0 0-1 .4v.1l1.5 4v.1a.6.6 0 0 0 1 0v-.1l1-2.5.9 2.5v.1a.6.6 0 0 0 1 0H8l1.6-4v-.2a.6.6 0 0 0-1.1-.4Z\"></path><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7 3h7.4L19 7.6V17h-2V9h-4V5H7v3H5V5c0-1.1.9-2 2-2ZM15 17a1 1 0 1 0-2 0v3.1l-1.4-1a1 1 0 1 0-1.2 1.7l3.6 2.4 3.6-2.4a1 1 0 0 0-1.2-1.6l-1.4 1V17Z\"></path></svg>',\n        type: 'button'\n      },\n      {\n        label: 'Export PDF',\n        command: 'exportPdf',\n        icon: '<svg width=\"24\" height=\"24\" focusable=\"false\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7 3h7.4L19 7.6V17h-2V9h-4V5H7v3H5V5c0-1.1.9-2 2-2Z\"></path><path d=\"M2.6 15.2v-1.9h1c.6 0 1-.2 1.4-.5.3-.3.5-.7.5-1.2s-.2-.9-.5-1.2a2 2 0 0 0-1.3-.4H1v5.2h1.6Zm.4-3h-.4v-1.1h.5l.6.1.2.5c0 .1 0 .3-.2.4l-.7.1Zm5.7 3 1-.1c.3 0 .5-.2.7-.4l.5-.8c.2-.3.2-.7.2-1.3v-1l-.5-.8c-.2-.3-.4-.5-.7-.6L8.7 10H6.3v5.2h2.4Zm-.4-1.1H8v-3h.4c.5 0 .8.2 1 .4l.2 1.1-.1 1-.3.3-.8.2Zm5.3 1.2V13h2v-1h-2v-1H16V10h-4v5.2h1.6Z\"></path><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15 17a1 1 0 1 0-2 0v3.1l-1.4-1a1 1 0 1 0-1.2 1.7l3.6 2.4 3.6-2.4a1 1 0 0 0-1.2-1.6l-1.4 1V17Z\"></path></svg>',\n        type: 'button'\n      }\n    ],\n    \n    commands: {\n      importWord: () => {\n        // Helper to find active editor\n        const findActiveEditor = (): HTMLElement | null => {\n          const selection = window.getSelection();\n          if (selection && selection.rangeCount > 0) {\n            let node: Node | null = selection.getRangeAt(0).startContainer;\n            while (node && node !== document.body) {\n              if (node.nodeType === Node.ELEMENT_NODE) {\n                const element = node as HTMLElement;\n                if (element.getAttribute('contenteditable') === 'true') {\n                  return element;\n                }\n              }\n              node = node.parentNode;\n            }\n          }\n          const activeElement = document.activeElement;\n          if (activeElement?.getAttribute('contenteditable') === 'true') {\n            return activeElement as HTMLElement;\n          }\n          const editor = activeElement?.closest('[contenteditable=\"true\"]');\n          if (editor) return editor as HTMLElement;\n          return document.querySelector('[contenteditable=\"true\"]');\n        };\n        \n        const input = document.createElement('input');\n        input.type = 'file';\n        input.accept = '.docx';\n        \n        input.onchange = async (event) => {\n          const file = (event.target as HTMLInputElement).files?.[0];\n          if (file) {\n            try {\n              const editorElement = findActiveEditor();\n              if (editorElement) {\n                const { importFromWord } = await import('./documentManager');\n                const htmlContent = await importFromWord(file);\n                editorElement.innerHTML = htmlContent;\n                editorElement.dispatchEvent(new Event('input', { bubbles: true }));\n              }\n            } catch (error) {\n              console.error('Import failed:', error);\n              alert('Failed to import Word document. Please check the console for details.');\n            }\n          }\n        };\n        \n        input.click();\n        return true;\n      },\n      \n      exportWord: async () => {\n        const findActiveEditor = (): HTMLElement | null => {\n          const selection = window.getSelection();\n          if (selection && selection.rangeCount > 0) {\n            let node: Node | null = selection.getRangeAt(0).startContainer;\n            while (node && node !== document.body) {\n              if (node.nodeType === Node.ELEMENT_NODE && (node as HTMLElement).getAttribute('contenteditable') === 'true') {\n                return node as HTMLElement;\n              }\n              node = node.parentNode;\n            }\n          }\n          const activeElement = document.activeElement;\n          if (activeElement?.getAttribute('contenteditable') === 'true') return activeElement as HTMLElement;\n          const editor = activeElement?.closest('[contenteditable=\"true\"]');\n          return (editor as HTMLElement) || document.querySelector('[contenteditable=\"true\"]');\n        };\n        \n        try {\n          const editorElement = findActiveEditor();\n          if (editorElement) {\n            const htmlContent = editorElement.innerHTML;\n            const { exportToWord } = await import('./documentManager');\n            await exportToWord(htmlContent, 'document.docx');\n          }\n          return true;\n        } catch (error) {\n          console.error('Export failed:', error);\n          alert('Failed to export to Word. Please check the console for details.');\n          return false;\n        }\n      },\n      \n      exportPdf: async () => {\n        const findActiveEditor = (): HTMLElement | null => {\n          const selection = window.getSelection();\n          if (selection && selection.rangeCount > 0) {\n            let node: Node | null = selection.getRangeAt(0).startContainer;\n            while (node && node !== document.body) {\n              if (node.nodeType === Node.ELEMENT_NODE && (node as HTMLElement).getAttribute('contenteditable') === 'true') {\n                return node as HTMLElement;\n              }\n              node = node.parentNode;\n            }\n          }\n          const activeElement = document.activeElement;\n          if (activeElement?.getAttribute('contenteditable') === 'true') return activeElement as HTMLElement;\n          const editor = activeElement?.closest('[contenteditable=\"true\"]');\n          return (editor as HTMLElement) || document.querySelector('[contenteditable=\"true\"]');\n        };\n        \n        try {\n          const editorElement = findActiveEditor();\n          if (editorElement) {\n            const htmlContent = editorElement.innerHTML;\n            const { exportToPdf } = await import('./documentManager');\n            await exportToPdf(htmlContent, 'document.pdf', editorElement);\n          } else {\n            console.error('PDF Export: No editor element found');\n            alert('No active editor found. Please click in the editor area first.');\n          }\n          return true;\n        } catch (error) {\n          console.error('PDF Export: Export failed:', error);\n          alert('Failed to export to PDF. Please check the console for details.');\n          return false;\n        }\n      }\n    },\n    \n    keymap: {}\n  };\n};\n"],"names":["DocumentManagerPlugin","findActiveEditor","selection","node","element","activeElement","editor","input","event","_a","file","editorElement","importFromWord","n","htmlContent","error","exportToWord","exportToPdf"],"mappings":"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"}

package/dist/EmbedIframePlugin.native-ifr9KLdN.mjs

@@ -0,0 +1,461 @@
+const D = [
+  { label: "Inline Value", value: "inline" },
+  { label: "Responsive - 21x9", value: "21x9" },
+  { label: "Responsive - 16x9", value: "16x9" },
+  { label: "Responsive - 4x3", value: "4x3" },
+  { label: "Responsive - 1x1", value: "1x1" }
+], b = /* @__PURE__ */ new WeakMap(), c = (e) => (b.has(e) || b.set(e, {
+  dialogElement: null,
+  activeTab: "general",
+  formData: {
+    src: "",
+    selectedSize: "inline",
+    width: "100%",
+    height: "400px",
+    constrainProportions: !0,
+    name: "",
+    title: "",
+    longDescription: "",
+    descriptionUrl: "",
+    showBorder: !0,
+    enableScrollbar: !0
+  }
+}), b.get(e)), A = () => ({
+  name: "embedIframe",
+  toolbar: [
+    {
+      label: "Embed Content",
+      command: "openEmbedIframeDialog",
+      icon: '<svg width="24" height="24" focusable="false"><path d="M19 6V5H5v14h2A13 13 0 0 1 19 6Zm0 1.4c-.8.8-1.6 2.4-2.2 4.6H19V7.4Zm0 5.6h-2.4c-.4 1.8-.6 3.8-.6 6h3v-6Zm-4 6c0-2.2.2-4.2.6-6H13c-.7 1.8-1.1 3.8-1.1 6h3Zm-4 0c0-2.2.4-4.2 1-6H9.6A12 12 0 0 0 8 19h3ZM4 3h16c.6 0 1 .4 1 1v16c0 .6-.4 1-1 1H4a1 1 0 0 1-1-1V4c0-.6.4-1 1-1Zm11.8 9c.4-1.9 1-3.4 1.8-4.5a9.2 9.2 0 0 0-4 4.5h2.2Zm-3.4 0a12 12 0 0 1 2.8-4 12 12 0 0 0-5 4h2.2Z" fill-rule="nonzero"></path></svg>',
+      shortcut: "Mod-Shift-e",
+      type: "button"
+    }
+  ],
+  commands: {
+    openEmbedIframeDialog: (e) => (k(e), !0)
+  },
+  keymap: {
+    "Mod-Shift-e": "openEmbedIframeDialog"
+  }
+});
+function k(e) {
+  if (!e) {
+    const o = document.activeElement;
+    o && o.closest("[data-editora-editor]") && (e = o.closest("[data-editora-editor]"));
+  }
+  if (e || (e = document.querySelector("[data-editora-editor]")), !e) {
+    console.warn("Editor element not found");
+    return;
+  }
+  const t = c(e);
+  t.formData = {
+    src: "",
+    selectedSize: "inline",
+    width: "100%",
+    height: "400px",
+    constrainProportions: !0,
+    name: "",
+    title: "",
+    longDescription: "",
+    descriptionUrl: "",
+    showBorder: !0,
+    enableScrollbar: !0
+  }, t.activeTab = "general";
+  const a = document.createElement("div");
+  a.className = "rte-dialog-overlay", a.onclick = u;
+  const r = document.createElement("div");
+  r.className = "rte-dialog-content embed-iframe-dialog", r.onclick = (o) => o.stopPropagation(), r.innerHTML = `
+    <div class="rte-dialog-header">
+      <h3>Embed Iframe</h3>
+      <button class="rte-dialog-close">×</button>
+    </div>
+    <div class="rte-dialog-body">
+      <div class="rte-vertical-tabs">
+        <div class="rte-tab-buttons">
+          <button class="rte-tab-button active" data-tab="general">General</button>
+          <button class="rte-tab-button" data-tab="advanced">Advanced</button>
+        </div>
+        <div class="rte-tab-content">
+          <div class="rte-tab-panel" data-panel="general" style="display: block;">
+            <div class="rte-form-group">
+              <label class="rte-form-label">Source</label>
+              <input type="url" class="rte-form-input" id="iframe-src" placeholder="https://example.com" required />
+            </div>
+            <div class="rte-form-group">
+              <label class="rte-form-label">Size</label>
+              <select class="rte-form-select" id="iframe-size">
+                ${D.map((o) => `<option value="${o.value}">${o.label}</option>`).join("")}
+              </select>
+            </div>
+            <div class="rte-form-row" id="dimensions-row">
+              <div class="rte-form-group">
+                <label class="rte-form-label">Width</label>
+                <input type="text" class="rte-form-input" id="iframe-width" placeholder="100%" value="100%" />
+              </div>
+              <div class="rte-form-group">
+                <label class="rte-form-label">Height</label>
+                <input type="text" class="rte-form-input" id="iframe-height" placeholder="400px" value="400px" />
+              </div>
+              <div class="rte-form-group constrain-group">
+                <button type="button" class="rte-constrain-btn locked" id="constrain-btn" title="Unlock proportions">🔒</button>
+              </div>
+            </div>
+          </div>
+          <div class="rte-tab-panel" data-panel="advanced" style="display: none;">
+            <div class="rte-form-group">
+              <label class="rte-form-label">Name</label>
+              <input type="text" class="rte-form-input" id="iframe-name" placeholder="Iframe name" />
+            </div>
+            <div class="rte-form-group">
+              <label class="rte-form-label">Title</label>
+              <input type="text" class="rte-form-input" id="iframe-title" placeholder="Iframe title" />
+            </div>
+            <div class="rte-form-group">
+              <label class="rte-form-label">Long Description</label>
+              <textarea class="rte-form-textarea" id="iframe-longdesc" placeholder="Detailed description of the iframe content" rows="3"></textarea>
+            </div>
+            <div class="rte-form-group">
+              <label class="rte-form-label">Description URL</label>
+              <input type="url" class="rte-form-input" id="iframe-desc-url" placeholder="https://example.com/description" />
+            </div>
+            <div class="rte-form-group">
+              <label class="rte-checkbox-label">
+                <input type="checkbox" id="iframe-border" checked />
+                Show iframe border
+              </label>
+            </div>
+            <div class="rte-form-group">
+              <label class="rte-checkbox-label">
+                <input type="checkbox" id="iframe-scrollbar" checked />
+                Enable scrollbar
+              </label>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="rte-dialog-footer">
+      <button type="button" class="rte-btn rte-btn-secondary" id="cancel-btn">Cancel</button>
+      <button type="submit" class="rte-btn rte-btn-primary" id="save-btn">Save</button>
+    </div>
+  `, a.appendChild(r), document.body.appendChild(a), t.dialogElement = a, q(r, e), R(), setTimeout(() => {
+    var o;
+    (o = r.querySelector("#iframe-src")) == null || o.focus();
+  }, 100);
+}
+function q(e, t) {
+  var l, i, d, m;
+  c(t), (l = e.querySelector(".rte-dialog-close")) == null || l.addEventListener("click", () => u(t)), e.querySelectorAll(".rte-tab-button").forEach((n) => {
+    n.addEventListener("click", (f) => {
+      const s = f.target.getAttribute("data-tab");
+      s && E(e, s, t);
+    });
+  });
+  const a = e.querySelector("#iframe-size");
+  a == null || a.addEventListener("change", (n) => $(e, n.target.value, t));
+  const r = e.querySelector("#iframe-width"), o = e.querySelector("#iframe-height");
+  r == null || r.addEventListener("input", (n) => C(e, n.target.value, t)), o == null || o.addEventListener("input", (n) => L(e, n.target.value, t)), (i = e.querySelector("#constrain-btn")) == null || i.addEventListener("click", () => z(e, t)), (d = e.querySelector("#cancel-btn")) == null || d.addEventListener("click", () => u(t)), (m = e.querySelector("#save-btn")) == null || m.addEventListener("click", () => I(e, t));
+}
+function E(e, t, a) {
+  const r = c(a);
+  r.activeTab = t, e.querySelectorAll(".rte-tab-button").forEach((o) => {
+    o.classList.toggle("active", o.getAttribute("data-tab") === t);
+  }), e.querySelectorAll(".rte-tab-panel").forEach((o) => {
+    o.style.display = o.getAttribute("data-panel") === t ? "block" : "none";
+  });
+}
+function $(e, t, a) {
+  const r = c(a);
+  r.formData.selectedSize = t;
+  const o = e.querySelector("#dimensions-row"), l = e.querySelector("#iframe-width"), i = e.querySelector("#iframe-height");
+  t === "inline" ? (o.style.display = "flex", l.value = "100%", i.value = "400px", r.formData.width = "100%", r.formData.height = "400px") : (o.style.display = "none", r.formData.width = "100%", r.formData.height = "auto");
+}
+function C(e, t, a) {
+  const r = c(a);
+  if (r.formData.width = t, r.formData.constrainProportions && r.formData.selectedSize === "inline") {
+    const o = parseFloat(t);
+    if (!isNaN(o)) {
+      const l = o * 9 / 16;
+      r.formData.height = `${l}px`;
+      const i = e.querySelector("#iframe-height");
+      i && (i.value = r.formData.height);
+    }
+  }
+}
+function L(e, t, a) {
+  const r = c(a);
+  if (r.formData.height = t, r.formData.constrainProportions && r.formData.selectedSize === "inline") {
+    const o = parseFloat(t);
+    if (!isNaN(o)) {
+      const l = o * 16 / 9;
+      r.formData.width = `${l}px`;
+      const i = e.querySelector("#iframe-width");
+      i && (i.value = r.formData.width);
+    }
+  }
+}
+function z(e, t) {
+  const a = c(t);
+  a.formData.constrainProportions = !a.formData.constrainProportions;
+  const r = e.querySelector("#constrain-btn");
+  r && (r.textContent = a.formData.constrainProportions ? "🔒" : "🔓", r.className = `rte-constrain-btn ${a.formData.constrainProportions ? "locked" : "unlocked"}`, r.title = a.formData.constrainProportions ? "Unlock proportions" : "Lock proportions");
+}
+function I(e, t) {
+  var s, p, h, g, v, x, y, w, S;
+  const a = c(t), r = (s = e.querySelector("#iframe-src")) == null ? void 0 : s.value.trim();
+  if (!r) {
+    alert("Please enter a source URL");
+    return;
+  }
+  if (!r.startsWith("https://") && !r.startsWith("http://")) {
+    alert("Please enter a valid URL starting with https:// or http://");
+    return;
+  }
+  const o = (p = e.querySelector("#iframe-name")) == null ? void 0 : p.value.trim(), l = (h = e.querySelector("#iframe-title")) == null ? void 0 : h.value.trim(), i = (g = e.querySelector("#iframe-longdesc")) == null ? void 0 : g.value.trim();
+  (v = e.querySelector("#iframe-desc-url")) == null || v.value.trim();
+  const d = (y = (x = e.querySelector("#iframe-border")) == null ? void 0 : x.checked) != null ? y : !0, m = (S = (w = e.querySelector("#iframe-scrollbar")) == null ? void 0 : w.checked) != null ? S : !0;
+  let n = a.formData.width, f = a.formData.height;
+  a.formData.selectedSize !== "inline" && (n = "100%", f = "auto"), P(t, {
+    src: r,
+    width: n,
+    height: f,
+    aspectRatio: a.formData.selectedSize,
+    name: o || void 0,
+    title: l || void 0,
+    longDescription: i || void 0,
+    showBorder: d,
+    enableScrollbar: m
+  }), u(t);
+}
+function P(e, t) {
+  const a = e.querySelector('[contenteditable="true"]');
+  a && (a.focus(), setTimeout(() => {
+    const r = [
+      `src="${t.src}"`,
+      `width="${t.width}"`,
+      `height="${t.height}"`,
+      "allowfullscreen",
+      `frameborder="${t.showBorder ? "1" : "0"}"`,
+      `scrolling="${t.enableScrollbar ? "auto" : "no"}"`
+    ];
+    t.name && r.push(`name="${t.name}"`), t.title && r.push(`title="${t.title}"`), t.longDescription && r.push(`longdesc="${t.longDescription}"`);
+    const o = [];
+    t.aspectRatio !== "inline" && o.push(`rte-iframe-${t.aspectRatio}`);
+    const l = o.length > 0 ? `class="${o.join(" ")}"` : "", i = `data-aspect-ratio="${t.aspectRatio}"`, d = `<iframe ${r.join(" ")} ${l} ${i}></iframe>`;
+    if (!document.execCommand("insertHTML", !1, d)) {
+      const n = window.getSelection();
+      if (n && n.rangeCount > 0) {
+        const f = n.getRangeAt(0);
+        f.deleteContents();
+        const s = document.createElement("div");
+        s.innerHTML = d;
+        const p = document.createDocumentFragment();
+        for (; s.firstChild; )
+          p.appendChild(s.firstChild);
+        f.insertNode(p);
+      }
+    }
+  }, 10));
+}
+function u(e) {
+  const t = c(e);
+  t.dialogElement && (document.body.removeChild(t.dialogElement), t.dialogElement = null);
+}
+function R() {
+  if (document.getElementById("embed-iframe-dialog-styles")) return;
+  const e = document.createElement("style");
+  e.id = "embed-iframe-dialog-styles", e.textContent = `
+    /* Embed Iframe Dialog Styles */
+    .embed-iframe-dialog {
+      max-width: 600px;
+      width: 100%;
+    }
+
+    .rte-vertical-tabs {
+      display: flex;
+      gap: 20px;
+      min-height: 400px;
+    }
+
+    .rte-tab-buttons {
+      display: flex;
+      flex-direction: column;
+      width: 120px;
+      border-right: 1px solid #e1e5e9;
+    }
+
+    .rte-tab-button {
+      padding: 12px 16px;
+      border: none;
+      background: none;
+      text-align: left;
+      cursor: pointer;
+      font-size: 14px;
+      font-weight: 500;
+      color: #666;
+      border-right: 3px solid transparent;
+      transition: all 0.2s ease;
+    }
+
+    .rte-tab-button:hover {
+      background-color: #f8f9fa;
+      color: #333;
+    }
+
+    .rte-tab-button.active {
+      background-color: #e3f2fd;
+      color: #1976d2;
+      border-right-color: #1976d2;
+      font-weight: 600;
+    }
+
+    .rte-tab-content {
+      flex: 1;
+      padding: 0 0 0 20px;
+    }
+
+    .rte-tab-panel {
+      padding: 0;
+    }
+
+    .rte-form-group {
+      margin-bottom: 16px;
+    }
+
+    .rte-form-label {
+      display: block;
+      margin-bottom: 6px;
+      font-size: 14px;
+      font-weight: 500;
+      color: #333;
+    }
+
+    .rte-form-textarea,
+    .rte-form-select {
+      width: 100%;
+      padding: 8px 12px;
+      border: 1px solid #ccc;
+      border-radius: 4px;
+      font-size: 14px;
+      transition: border-color 0.2s ease;
+      box-sizing: border-box;
+    }
+
+    .rte-form-textarea:focus,
+    .rte-form-select:focus {
+      outline: none;
+      border-color: #0066cc;
+      box-shadow: 0 0 0 2px rgba(0, 102, 204, 0.2);
+    }
+
+    .rte-form-textarea {
+      resize: vertical;
+      min-height: 80px;
+      font-family: inherit;
+    }
+
+    .rte-form-row {
+      display: flex;
+      gap: 12px;
+      align-items: flex-end;
+    }
+
+    .rte-form-row .rte-form-group {
+      flex: 1;
+    }
+
+    .rte-form-row .constrain-group {
+      flex: 0 0 auto;
+      margin-bottom: 0;
+    }
+
+    .rte-constrain-btn {
+      padding: 8px 12px;
+      border: 1px solid #ddd;
+      background: white;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 18px;
+      transition: all 0.2s ease;
+      height: 38px;
+      width: 48px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .rte-constrain-btn:hover {
+      background-color: #f5f5f5;
+      border-color: #1976d2;
+    }
+
+    .rte-constrain-btn.locked {
+      background-color: #e3f2fd;
+      border-color: #1976d2;
+    }
+
+    .rte-checkbox-label {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 14px;
+      color: #333;
+      cursor: pointer;
+      padding: 4px 0;
+    }
+
+    .rte-checkbox-label input[type="checkbox"] {
+      width: 18px;
+      height: 18px;
+      cursor: pointer;
+      accent-color: #0066cc;
+    }
+
+    .rte-checkbox-label:hover {
+      color: #000;
+    }
+
+    /* Responsive iframe classes */
+    .rte-iframe-21x9,
+    .rte-iframe-16x9,
+    .rte-iframe-4x3,
+    .rte-iframe-1x1 {
+      position: relative;
+      width: 100%;
+      padding-bottom: 56.25%;
+      height: 0;
+      overflow: hidden;
+    }
+
+    .rte-iframe-21x9 {
+      padding-bottom: 42.857%;
+    }
+
+    .rte-iframe-16x9 {
+      padding-bottom: 56.25%;
+    }
+
+    .rte-iframe-4x3 {
+      padding-bottom: 75%;
+    }
+
+    .rte-iframe-1x1 {
+      padding-bottom: 100%;
+    }
+
+    .rte-iframe-21x9 iframe,
+    .rte-iframe-16x9 iframe,
+    .rte-iframe-4x3 iframe,
+    .rte-iframe-1x1 iframe {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+    }
+  `, document.head.appendChild(e);
+}
+export {
+  A as EmbedIframePlugin
+};
+//# sourceMappingURL=EmbedIframePlugin.native-ifr9KLdN.mjs.map