@editora/plugins 1.0.2 → 1.0.5

package/dist/special-characters.cjs.js

@@ -0,0 +1,257 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p={all:{name:"All",characters:["€","£","¥","¢","₹","₽","₩","₿","₺","₴","₦","₨","₪","₫","₭","₮","₯","₰","₱","₲","₳","₴","₵","₶","₷","₹","₺","₼","₽","₾","₿",'"',"'","«","»","„","‟","‹","›","‚","‛","〝","〞","〟","‟","„","©","®","™","°","§","¶","†","‡","•","‣","⁃","‰","‱","′","″","‴","‵","‶","‷","※","‼","‽","‾","‿","⁀","⁁","⁂","⁃","⁇","⁈","⁉","+","-","×","÷","=","≠","≈","≡","≤","≥","<",">","±","∓","∴","∵","∶","∷","∸","∹","∺","∻","∼","∽","∾","∿","≀","≁","≂","≃","≄","≅","≆","≇","≈","≉","≊","≋","≌","≍","≎","≏","≐","≑","≒","≓","≔","≕","≖","≗","≘","≙","≚","≛","≜","≝","≞","≟","≠","≡","≢","≣","≤","≥","≦","≧","≨","≩","≪","≫","≬","≭","≮","≯","≰","≱","≲","≳","≴","≵","≶","≷","≸","≹","≺","≻","≼","≽","≾","≿","À","Á","Â","Ã","Ä","Å","Æ","Ç","È","É","Ê","Ë","Ì","Í","Î","Ï","Ð","Ñ","Ò","Ó","Ô","Õ","Ö","×","Ø","Ù","Ú","Û","Ü","Ý","Þ","ß","à","á","â","ã","ä","å","æ","ç","è","é","ê","ë","ì","í","î","ï","ð","ñ","ò","ó","ô","õ","ö","÷","ø","ù","ú","û","ü","ý","þ","ÿ","¡","¿","‽","‼","⁇","⁈","⁉","※","‾","‿","⁀","⁁","⁂","⁃","←","↑","→","↓","↔","↕","↖","↗","↘","↙","↚","↛","↜","↝","↞","↟","↠","↡","↢","↣","↤","↥","↦","↧","↨","↩","↪","↫","↬","↭","↮","↯","↰","↱","↲","↳","↴","↵","↶","↷","↸","↹","↺","↻","↼","↽","↾","↿","⇀","⇁","⇂","⇃","⇄","⇅","⇆","⇇","⇈","⇉","⇊","⇋","⇌","⇍","⇎","⇏","⇐","⇑","⇒","⇓","⇔","⇕","⇖","⇗","⇘","⇙","⇚","⇛","⇜","⇝","⇞","⇟","⇠","⇡","⇢","⇣","⇤","⇥","⇦","⇧","⇨","⇩","⇪","⇫","⇬","⇭","⇮","⇯","⇰","⇱","⇲","⇳","⇴","⇵","⇶","⇷","⇸","⇹","⇺","⇻","⇼","⇽","⇾","⇿"]},currency:{name:"Currency",characters:["€","£","¥","¢","₹","₽","₩","₿","₺","₴","₦","₨","₪","₫","₭","₮","₯","₰","₱","₲","₳","₵","₶","₷","₼","₾","₿"]},text:{name:"Text",characters:["©","®","™","°","§","¶","†","‡","•","‣","⁃","‰","‱","′","″","‴","‵","‶","‷","※","‼","‽","‾","‿","⁀","⁁","⁂"]},quotation:{name:"Quotation",characters:['"',"'","«","»","„","‟","‹","›","‚","‛","〝","〞","〟"]},mathematical:{name:"Mathematical",characters:["+","-","×","÷","=","≠","≈","≡","≤","≥","<",">","±","∓","∴","∵","∶","∷","∸","∹","∺","∻","∼","∽","∾","∿","≀","≁","≂","≃","≄","≅","≆","≇","≉","≊","≋","≌","≍","≎","≏","≐","≑","≒","≓","≔","≕","≖","≗","≘","≙","≚","≛","≜","≝","≞","≟","≢","≣","≦","≧","≨","≩","≪","≫","≬","≭","≮","≯","≰","≱","≲","≳","≴","≵","≶","≷","≸","≹","≺","≻","≼","≽","≾","≿"]},"extended-latin":{name:"Extended Latin",characters:["À","Á","Â","Ã","Ä","Å","Æ","Ç","È","É","Ê","Ë","Ì","Í","Î","Ï","Ð","Ñ","Ò","Ó","Ô","Õ","Ö","×","Ø","Ù","Ú","Û","Ü","Ý","Þ","ß","à","á","â","ã","ä","å","æ","ç","è","é","ê","ë","ì","í","î","ï","ð","ñ","ò","ó","ô","õ","ö","÷","ø","ù","ú","û","ü","ý","þ","ÿ"]},symbols:{name:"Symbols",characters:["¡","¿","‽","‼","⁇","⁈","⁉","※","‾","‿","⁀","⁁","⁂","⁃"]},arrows:{name:"Arrows",characters:["←","↑","→","↓","↔","↕","↖","↗","↘","↙","↚","↛","↜","↝","↞","↟","↠","↡","↢","↣","↤","↥","↦","↧","↨","↩","↪","↫","↬","↭","↮","↯","↰","↱","↲","↳","↴","↵","↶","↷","↸","↹","↺","↻","↼","↽","↾","↿","⇀","⇁","⇂","⇃","⇄","⇅","⇆","⇇","⇈","⇉","⇊","⇋","⇌","⇍","⇎","⇏","⇐","⇑","⇒","⇓","⇔","⇕","⇖","⇗","⇘","⇙","⇚","⇛","⇜","⇝","⇞","⇟","⇠","⇡","⇢","⇣","⇤","⇥","⇦","⇧","⇨","⇩","⇪","⇫","⇬","⇭","⇮","⇯","⇰","⇱","⇲","⇳","⇴","⇵","⇶","⇷","⇸","⇹","⇺","⇻","⇼","⇽","⇾","⇿"]}},g={"€":"euro","£":"pound","¥":"yen","¢":"cent","₹":"rupee","₽":"ruble","₩":"won","₿":"bitcoin",'"':"quote","'":"apostrophe","«":"left angle quote","»":"right angle quote","„":"low quote","©":"copyright","®":"registered","™":"trademark","°":"degree","§":"section","¶":"paragraph","†":"dagger","‡":"double dagger","•":"bullet","‰":"per mille","′":"prime","″":"double prime","+":"plus","-":"minus","×":"multiplication","÷":"division","=":"equals","≠":"not equal","≈":"approximately","≡":"identical","≤":"less or equal","≥":"greater or equal","±":"plus minus",À:"a grave",Á:"a acute",Â:"a circumflex",Ã:"a tilde",Ä:"a diaeresis",Ç:"c cedilla","←":"left arrow","↑":"up arrow","→":"right arrow","↓":"down arrow","↔":"left right arrow"};let h=!1;const f='[data-theme="dark"], .dark, .editora-theme-dark',b=()=>{const a=window.getSelection();if(!a||a.rangeCount===0)return null;const e=a.anchorNode;return(e instanceof HTMLElement?e:e?.parentElement)?.closest(".rte-content, .editora-content")||null},m=a=>{const e=a||b();return e?!!e.closest(f):!1},x=()=>{if(typeof document>"u")return;const a="special-characters-plugin-styles";if(document.getElementById(a))return;const e=document.createElement("style");e.id=a,e.textContent=`
+    .special-characters-overlay {
+      --rte-sc-overlay-bg: rgba(15, 23, 36, 0.56);
+      --rte-sc-dialog-bg: #ffffff;
+      --rte-sc-dialog-text: #101828;
+      --rte-sc-border: #d6dbe4;
+      --rte-sc-subtle-bg: #f7f9fc;
+      --rte-sc-subtle-hover: #eef2f7;
+      --rte-sc-muted-text: #5f6b7d;
+      --rte-sc-accent: #1f75fe;
+      --rte-sc-accent-strong: #165fd6;
+      --rte-sc-ring: rgba(31, 117, 254, 0.18);
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: var(--rte-sc-overlay-bg);
+      backdrop-filter: blur(2px);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 10000;
+      padding: 16px;
+      box-sizing: border-box;
+    }
+
+    .special-characters-overlay.rte-ui-theme-dark {
+      --rte-sc-overlay-bg: rgba(2, 8, 20, 0.72);
+      --rte-sc-dialog-bg: #202938;
+      --rte-sc-dialog-text: #e8effc;
+      --rte-sc-border: #49566c;
+      --rte-sc-subtle-bg: #2a3444;
+      --rte-sc-subtle-hover: #344256;
+      --rte-sc-muted-text: #a5b1c5;
+      --rte-sc-accent: #58a6ff;
+      --rte-sc-accent-strong: #4598f4;
+      --rte-sc-ring: rgba(88, 166, 255, 0.22);
+    }
+
+    .special-characters-dialog {
+      background: var(--rte-sc-dialog-bg);
+      color: var(--rte-sc-dialog-text);
+      border: 1px solid var(--rte-sc-border);
+      border-radius: 12px;
+      box-shadow: 0 24px 48px rgba(10, 15, 24, 0.28);
+      max-width: 800px;
+      width: 90%;
+      max-height: 80vh;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+    }
+
+    .special-characters-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 16px 20px;
+      border-bottom: 1px solid var(--rte-sc-border);
+      background: linear-gradient(180deg, rgba(127, 154, 195, 0.08) 0%, rgba(127, 154, 195, 0) 100%);
+    }
+
+    .special-characters-header h2 {
+      margin: 0;
+      font-size: 18px;
+      font-weight: 600;
+      color: var(--rte-sc-dialog-text);
+    }
+
+    .special-characters-close {
+      background: none;
+      border: none;
+      font-size: 24px;
+      cursor: pointer;
+      color: var(--rte-sc-muted-text);
+      padding: 0;
+      width: 32px;
+      height: 32px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 8px;
+      transition: background-color 0.16s ease, color 0.16s ease;
+    }
+
+    .special-characters-close:hover {
+      background-color: var(--rte-sc-subtle-hover);
+      color: var(--rte-sc-dialog-text);
+    }
+
+    .special-characters-content {
+      display: flex;
+      flex: 1;
+      overflow: hidden;
+    }
+
+    .special-characters-main-content {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+    }
+
+    .special-characters-search {
+      padding: 16px 16px 0 16px;
+    }
+
+    .special-characters-search-input {
+      width: 100%;
+      padding: 10px 12px;
+      border: 1px solid var(--rte-sc-border);
+      border-radius: 8px;
+      font-size: 14px;
+      color: var(--rte-sc-dialog-text);
+      background-color: var(--rte-sc-subtle-bg);
+      transition: border-color 0.2s ease, box-shadow 0.2s ease;
+      box-sizing: border-box;
+    }
+
+    .special-characters-search-input::placeholder {
+      color: var(--rte-sc-muted-text);
+    }
+
+    .special-characters-search-input:focus {
+      outline: none;
+      border-color: var(--rte-sc-accent);
+      box-shadow: 0 0 0 3px var(--rte-sc-ring);
+    }
+
+    .special-characters-tabs {
+      display: flex;
+      flex-direction: column;
+      width: 180px;
+      border-right: 1px solid var(--rte-sc-border);
+      background-color: var(--rte-sc-subtle-bg);
+    }
+
+    .special-characters-tab {
+      padding: 12px 16px;
+      border: none;
+      background: none;
+      text-align: left;
+      cursor: pointer;
+      font-size: 14px;
+      color: var(--rte-sc-muted-text);
+      border-bottom: 1px solid var(--rte-sc-border);
+      transition: all 0.2s ease;
+    }
+
+    .special-characters-tab:hover {
+      background-color: var(--rte-sc-subtle-hover);
+      color: var(--rte-sc-dialog-text);
+    }
+
+    .special-characters-tab.active {
+      background-color: var(--rte-sc-accent);
+      color: #fff;
+      font-weight: 500;
+    }
+
+    .special-characters-grid {
+      padding: 16px;
+      overflow-y: auto;
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
+      gap: 8px;
+    }
+
+    .special-characters-item {
+      width: 40px;
+      height: 40px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: 1px solid var(--rte-sc-border);
+      background: var(--rte-sc-subtle-bg);
+      border-radius: 8px;
+      cursor: pointer;
+      font-size: 18px;
+      transition: all 0.2s ease;
+      color: var(--rte-sc-dialog-text);
+    }
+
+    .special-characters-item:hover {
+      background-color: var(--rte-sc-accent);
+      border-color: var(--rte-sc-accent);
+      color: #fff;
+      transform: scale(1.05);
+    }
+
+    .special-characters-item:active {
+      transform: scale(0.95);
+    }
+
+    .special-characters-no-results {
+      grid-column: 1 / -1;
+      text-align: center;
+      color: var(--rte-sc-muted-text);
+      font-size: 14px;
+      padding: 40px 20px;
+      background-color: var(--rte-sc-subtle-bg);
+      border-radius: 8px;
+      border: 1px solid var(--rte-sc-border);
+    }
+
+    @media (max-width: 768px) {
+      .special-characters-dialog {
+        width: 95%;
+        max-height: 90vh;
+      }
+
+      .special-characters-content {
+        flex-direction: column;
+      }
+
+      .special-characters-tabs {
+        width: 100%;
+        border-right: none;
+        border-bottom: 1px solid var(--rte-sc-border);
+        flex-direction: row;
+        overflow-x: auto;
+      }
+
+      .special-characters-tab {
+        border-bottom: none;
+        border-right: 1px solid var(--rte-sc-border);
+        white-space: nowrap;
+      }
+    }
+  `,document.head.appendChild(e)},v=a=>{const e=window.getSelection();if(e&&e.rangeCount>0){const r=e.getRangeAt(0);r.deleteContents();const c=document.createTextNode(a);r.insertNode(c),r.setStartAfter(c),r.setEndAfter(c),e.removeAllRanges(),e.addRange(r)}},y=a=>{if(typeof window>"u"||h)return;h=!0,x();let e="all",r="";const c=document.createElement("div");c.className="special-characters-overlay",m(a)&&c.classList.add("rte-ui-theme-dark");const o=document.createElement("div");o.className="special-characters-dialog",o.setAttribute("role","dialog"),o.setAttribute("aria-modal","true");const d=()=>{const s=p[e].characters.filter(t=>{if(!r.trim())return!0;const n=r.toLowerCase();return t.toLowerCase().includes(n)||(g[t]||"").toLowerCase().includes(n)});o.innerHTML=`
+      <div class="special-characters-header">
+        <h2>Insert Special Characters</h2>
+        <button class="special-characters-close">×</button>
+      </div>
+      <div class="special-characters-content">
+        <div class="special-characters-tabs">
+          ${Object.keys(p).map(t=>`
+            <button class="special-characters-tab ${e===t?"active":""}" data-category="${t}">
+              ${p[t].name}
+            </button>
+          `).join("")}
+        </div>
+        <div class="special-characters-main-content">
+          <div class="special-characters-search">
+            <input type="text" placeholder="Search characters..." value="${r}" class="special-characters-search-input">
+          </div>
+          <div class="special-characters-grid">
+            ${s.length>0?s.map(t=>`
+                  <button class="special-characters-item" data-char="${t}" title="${g[t]||t}">
+                    ${t}
+                  </button>
+                `).join(""):`<div class="special-characters-no-results">No characters found for "${r}"</div>`}
+          </div>
+        </div>
+      </div>
+    `,o.querySelector(".special-characters-close")?.addEventListener("click",l),o.querySelectorAll(".special-characters-tab").forEach(t=>{t.addEventListener("click",n=>{const i=n.target.getAttribute("data-category");i&&(e=i,d())})}),o.querySelector(".special-characters-search-input")?.addEventListener("input",t=>{r=t.target.value,d()}),o.querySelectorAll(".special-characters-item").forEach(t=>{t.addEventListener("click",n=>{const i=n.target.getAttribute("data-char");i&&(v(i),l())})})},l=()=>{c.parentNode&&c.parentNode.removeChild(c),h=!1,document.removeEventListener("keydown",u)},u=s=>{s.key==="Escape"&&(s.preventDefault(),s.stopPropagation(),l())};c.addEventListener("click",s=>{s.target===c&&l()}),document.addEventListener("keydown",u),d(),c.appendChild(o),document.body.appendChild(c)},w=()=>({name:"specialCharacters",toolbar:[{label:"Special Characters",command:"insertSpecialCharacter",icon:'<svg width="24" height="24" focusable="false"><path d="M15 18h4l1-2v4h-6v-3.3l1.4-1a6 6 0 0 0 1.8-2.9 6.3 6.3 0 0 0-.1-4.1 5.8 5.8 0 0 0-3-3.2c-.6-.3-1.3-.5-2.1-.5a5.1 5.1 0 0 0-3.9 1.8 6.3 6.3 0 0 0-1.3 6 6.2 6.2 0 0 0 1.8 3l1.4.9V20H4v-4l1 2h4v-.5l-2-1L5.4 15A6.5 6.5 0 0 1 4 11c0-1 .2-1.9.6-2.7A7 7 0 0 1 6.3 6C7.1 5.4 8 5 9 4.5c1-.3 2-.5 3.1-.5a8.8 8.8 0 0 1 5.7 2 7 7 0 0 1 1.7 2.3 6 6 0 0 1 .2 4.8c-.2.7-.6 1.3-1 1.9a7.6 7.6 0 0 1-3.6 2.5v.5Z" fill-rule="evenodd"></path></svg>'}],commands:{insertSpecialCharacter:(a,e)=>{const r=e?.contentElement instanceof HTMLElement?e.contentElement:b();return y(r),!0}},keymap:{}});exports.SpecialCharactersPlugin=w;