@aquera/nile-elements 0.1.67-beta-1.5 → 0.1.67-beta-1.7

package/dist/nile-rich-text-editor/nile-rich-text-editor.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  .editor * {\n  all: revert;\n}\n\n  nile-rich-text-editor { position: relative; display: block; font-family: inherit; }\n\n       \nnile-rte-toolbar-item > nile-button::part(base) {\n \n  width:32px; height:32px; padding:0px 6px;\n  border: none;\n}\n \n \n\n\n      .toolbar, nile-rte-toolbar {\n        display:flex; align-items:center; gap:8px; padding:8px; \n        border:1px solid #e5e7eb; border-bottom:none; border-radius:8px 8px 0 0; background:#fff;\n      }\n\n      nile-rte-toolbar-item > button, .toolbar button, nile-rte-toolbar button {\n        border:1px solid #e5e7eb; background:#fff; border-radius:6px;\n        cursor:pointer;\n      }\n\n  \n      /* Ensure clicks hit the button (not nested icon internals) */\n      nile-rte-toolbar-item > button nile-icon { pointer-events:none; }\n\n      nile-rte-toolbar-item > button.active { border-color:#2563eb; background:#eff6ff; }\n      nile-rte-select select { height:32px; border:1px solid #e5e7eb; border-radius:6px; background:#fff; }\n      nile-rte-color input[type=\"color\"] { height:32px; width:36px; border:1px solid #e5e7eb; padding:0; border-radius:6px; background:#fff; }\n      nile-rte-divider { width:1px; height:20px; background:#e5e7eb; display:inline-block; margin:0 4px; }\n\n       .editor p { margin:1em 0; }\n      .editor h1 { font-size:2em, all: revert; display: block;\nfont-size: 2em;\nmargin-top: 0.67em;\nmargin-bottom: 0.67em;\nmargin-left: 0;\nmargin-right: 0;\nfont-weight: bold;  }\n      .editor h2 { all: revert;\tdisplay: block;\nfont-size: 1.5em;\nmargin-top: 0.83em;\nmargin-bottom: 0.83em;\nmargin-left: 0;\nmargin-right: 0;\nfont-weight: bold;}\n      .editor h3 { font-size:1.17em  }\n      .editor h4 { font-size:1em  }\n      .editor h5 { font-size:0.83em  }\n      .editor h6 { font-size:0.67em  }\n\n      .editor { min-height:160px; padding:12px; border:1px solid #e5e7eb; border-radius:0 0 8px 8px; background:#fff; outline:none;   white-space: pre-wrap;\n  tab-size: 4;           \n  -moz-tab-size: 4;       }\n      nile-rte-preview { display:block; margin-top:10px; padding:10px; border:1px dashed #cbd5e1; border-radius:8px; background:#fafafa; }\n\n      .rte-color-trigger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: 28px;\n  padding: 0 8px;\n  border: 1px solid var(--nile-color-border, #d9d9d9);\n  border-radius: 6px;\n  background: #fff;\n  cursor: pointer;\n}\n\n.rte-color-trigger .glyph-stack {\n  display: grid;               /* stack vertically */\n  grid-auto-rows: max-content; \n  align-items: center;\n  justify-items: center;\n  line-height: 1;\n}\n\n.rte-color-trigger .glyph {\n  font-size: 14px;\n  line-height: 1;\n  margin-bottom: 2px;          /* little breathing space above underline */\n}\n\n.rte-color-trigger .underline {\n  width: 18px;\n  height: 3px;\n  border-radius: 2px;\n  background: currentColor;    /* we override via JS with backgroundColor */\n}\n\n/* (unchanged) highlight square */\n.rte-color-trigger .swatch-box {\n  width: 18px;\n  height: 16px;\n  border-radius: 4px;\n  border: 1px solid rgba(0,0,0,0.35);\n  background: currentColor;    /* overridden via JS */\n}\n\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n   \n\n  nile-rich-text-editor { position: relative; display: block; font-family: inherit; }\n\n       \nnile-rte-toolbar-item > nile-button::part(base) {\n \n  width:32px; height:32px; padding:0px 6px;\n  border: none;\n}\n \n \n\n\n      .toolbar, nile-rte-toolbar {\n        display:flex; align-items:center; gap:6px; padding:8px; \n        border:1px solid #e5e7eb; border-bottom:none; border-radius:8px 8px 0 0; background:#fff;\n      }\n\n      nile-rte-toolbar-item > button, .toolbar button, nile-rte-toolbar button {\n        border:1px solid #e5e7eb; background:#fff; border-radius:6px;\n        cursor:pointer;\n      }\n\n  \n      /* Ensure clicks hit the button (not nested icon internals) */\n      nile-rte-toolbar-item > button nile-icon { pointer-events:none; }\n\n      nile-rte-toolbar-item > button.active { border-color:#2563eb; background:#eff6ff; }\n      nile-rte-select select { height:32px; border:1px solid #e5e7eb; border-radius:6px; background:#fff; }\n      nile-rte-color input[type=\"color\"] { height:32px; width:36px; border:1px solid #e5e7eb; padding:0; border-radius:6px; background:#fff; }\n      nile-rte-divider { width:1px; height:20px; background:#e5e7eb; display:inline-block; margin:0 4px; }\n\n       .editor p { margin:1em 0; }\n      .editor h1, .preview h1 { font-size:2em, all: revert; display: block;\nfont-size: 2em;\nmargin-top: 0.67em;\nmargin-bottom: 0.67em;\nmargin-left: 0;\nmargin-right: 0;\nfont-weight: bold;  }\n      .editor h2, .preview h2 { all: revert;\tdisplay: block;\nfont-size: 1.5em;\nmargin-top: 0.83em;\nmargin-bottom: 0.83em;\nmargin-left: 0;\nmargin-right: 0;\nfont-weight: bold;}\n      .editor h3 { font-size:1.17em  }\n      .editor h4 { font-size:1em  }\n      .editor h5 { font-size:0.83em  }\n      .editor h6 { font-size:0.67em  }\n\n      .editor { min-height:160px; padding:12px; border:1px solid #e5e7eb; border-radius:0 0 8px 8px; background:#fff; outline:none;   white-space: pre-wrap;\n  tab-size: 4;           \n  -moz-tab-size: 4;       }\n      nile-rte-preview { display:block; margin-top:10px; padding:10px; border:1px dashed #cbd5e1; border-radius:8px; background:#fafafa; }\n\n      .rte-color-trigger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* border: 1px solid var(--nile-color-border, #d9d9d9); */\n  border-radius: 6px;\n  background: #fff;\n  cursor: pointer;\n  border:none;\n \n\n}\nnile-button.rte-color-trigger::part(base){\n  width:32px; height:32px; padding:0px 6px;\n}\n.rte-color-trigger .glyph-stack {\n  display: grid;               /* stack vertically */\n  grid-auto-rows: max-content; \n  align-items: center;\n  justify-items: center;\n  line-height: 1;\n}\n\n.rte-color-trigger .glyph {\n  font-size: 14px;\n  line-height: 1;\n  margin-bottom: 2px;          \n}\n\n.rte-color-trigger .underline {\n  width: 18px;\n  height: 3px;\n  border-radius: 2px;\n  background: currentColor;    \n}\n\n \n.rte-color-trigger .swatch-box {\n  width: 18px;\n  height: 16px;\n  border-radius: 4px;\n  border: 1px solid rgba(0,0,0,0.35);\n  background: currentColor;    /* overridden via JS */\n}\n\n"]))));}};});
 //# sourceMappingURL=nile-rich-text-editor.css.cjs.js.map

package/dist/nile-rich-text-editor/nile-rich-text-editor.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-rich-text-editor.css.cjs.js","sources":["../../../src/nile-rich-text-editor/nile-rich-text-editor.css.ts"],"sourcesContent":["// rte-styles.ts\nimport { css } from 'lit';\n\nexport const styles = css`\n  .editor * {\n  all: revert;\n}\n\n  nile-rich-text-editor { position: relative; display: block; font-family: inherit; }\n\n       \nnile-rte-toolbar-item > nile-button::part(base) {\n \n  width:32px; height:32px; padding:0px 6px;\n  border: none;\n}\n \n \n\n\n      .toolbar, nile-rte-toolbar {\n        display:flex; align-items:center; gap:8px; padding:8px; \n        border:1px solid #e5e7eb; border-bottom:none; border-radius:8px 8px 0 0; background:#fff;\n      }\n\n      nile-rte-toolbar-item > button, .toolbar button, nile-rte-toolbar button {\n        border:1px solid #e5e7eb; background:#fff; border-radius:6px;\n        cursor:pointer;\n      }\n\n  \n      /* Ensure clicks hit the button (not nested icon internals) */\n      nile-rte-toolbar-item > button nile-icon { pointer-events:none; }\n\n      nile-rte-toolbar-item > button.active { border-color:#2563eb; background:#eff6ff; }\n      nile-rte-select select { height:32px; border:1px solid #e5e7eb; border-radius:6px; background:#fff; }\n      nile-rte-color input[type=\"color\"] { height:32px; width:36px; border:1px solid #e5e7eb; padding:0; border-radius:6px; background:#fff; }\n      nile-rte-divider { width:1px; height:20px; background:#e5e7eb; display:inline-block; margin:0 4px; }\n\n       .editor p { margin:1em 0; }\n      .editor h1 { font-size:2em, all: revert; display: block;\nfont-size: 2em;\nmargin-top: 0.67em;\nmargin-bottom: 0.67em;\nmargin-left: 0;\nmargin-right: 0;\nfont-weight: bold;  }\n      .editor h2 { all: revert;\tdisplay: block;\nfont-size: 1.5em;\nmargin-top: 0.83em;\nmargin-bottom: 0.83em;\nmargin-left: 0;\nmargin-right: 0;\nfont-weight: bold;}\n      .editor h3 { font-size:1.17em  }\n      .editor h4 { font-size:1em  }\n      .editor h5 { font-size:0.83em  }\n      .editor h6 { font-size:0.67em  }\n\n      .editor { min-height:160px; padding:12px; border:1px solid #e5e7eb; border-radius:0 0 8px 8px; background:#fff; outline:none;   white-space: pre-wrap;\n  tab-size: 4;           \n  -moz-tab-size: 4;       }\n      nile-rte-preview { display:block; margin-top:10px; padding:10px; border:1px dashed #cbd5e1; border-radius:8px; background:#fafafa; }\n\n      .rte-color-trigger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: 28px;\n  padding: 0 8px;\n  border: 1px solid var(--nile-color-border, #d9d9d9);\n  border-radius: 6px;\n  background: #fff;\n  cursor: pointer;\n}\n\n.rte-color-trigger .glyph-stack {\n  display: grid;               /* stack vertically */\n  grid-auto-rows: max-content; \n  align-items: center;\n  justify-items: center;\n  line-height: 1;\n}\n\n.rte-color-trigger .glyph {\n  font-size: 14px;\n  line-height: 1;\n  margin-bottom: 2px;          /* little breathing space above underline */\n}\n\n.rte-color-trigger .underline {\n  width: 18px;\n  height: 3px;\n  border-radius: 2px;\n  background: currentColor;    /* we override via JS with backgroundColor */\n}\n\n/* (unchanged) highlight square */\n.rte-color-trigger .swatch-box {\n  width: 18px;\n  height: 16px;\n  border-radius: 4px;\n  border: 1px solid rgba(0,0,0,0.35);\n  background: currentColor;    /* overridden via JS */\n}\n\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAGaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-rich-text-editor.css.cjs.js","sources":["../../../src/nile-rich-text-editor/nile-rich-text-editor.css.ts"],"sourcesContent":["// rte-styles.ts\nimport { css } from 'lit';\n\nexport const styles = css`\n   \n\n  nile-rich-text-editor { position: relative; display: block; font-family: inherit; }\n\n       \nnile-rte-toolbar-item > nile-button::part(base) {\n \n  width:32px; height:32px; padding:0px 6px;\n  border: none;\n}\n \n \n\n\n      .toolbar, nile-rte-toolbar {\n        display:flex; align-items:center; gap:6px; padding:8px; \n        border:1px solid #e5e7eb; border-bottom:none; border-radius:8px 8px 0 0; background:#fff;\n      }\n\n      nile-rte-toolbar-item > button, .toolbar button, nile-rte-toolbar button {\n        border:1px solid #e5e7eb; background:#fff; border-radius:6px;\n        cursor:pointer;\n      }\n\n  \n      /* Ensure clicks hit the button (not nested icon internals) */\n      nile-rte-toolbar-item > button nile-icon { pointer-events:none; }\n\n      nile-rte-toolbar-item > button.active { border-color:#2563eb; background:#eff6ff; }\n      nile-rte-select select { height:32px; border:1px solid #e5e7eb; border-radius:6px; background:#fff; }\n      nile-rte-color input[type=\"color\"] { height:32px; width:36px; border:1px solid #e5e7eb; padding:0; border-radius:6px; background:#fff; }\n      nile-rte-divider { width:1px; height:20px; background:#e5e7eb; display:inline-block; margin:0 4px; }\n\n       .editor p { margin:1em 0; }\n      .editor h1, .preview h1 { font-size:2em, all: revert; display: block;\nfont-size: 2em;\nmargin-top: 0.67em;\nmargin-bottom: 0.67em;\nmargin-left: 0;\nmargin-right: 0;\nfont-weight: bold;  }\n      .editor h2, .preview h2 { all: revert;\tdisplay: block;\nfont-size: 1.5em;\nmargin-top: 0.83em;\nmargin-bottom: 0.83em;\nmargin-left: 0;\nmargin-right: 0;\nfont-weight: bold;}\n      .editor h3 { font-size:1.17em  }\n      .editor h4 { font-size:1em  }\n      .editor h5 { font-size:0.83em  }\n      .editor h6 { font-size:0.67em  }\n\n      .editor { min-height:160px; padding:12px; border:1px solid #e5e7eb; border-radius:0 0 8px 8px; background:#fff; outline:none;   white-space: pre-wrap;\n  tab-size: 4;           \n  -moz-tab-size: 4;       }\n      nile-rte-preview { display:block; margin-top:10px; padding:10px; border:1px dashed #cbd5e1; border-radius:8px; background:#fafafa; }\n\n      .rte-color-trigger {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* border: 1px solid var(--nile-color-border, #d9d9d9); */\n  border-radius: 6px;\n  background: #fff;\n  cursor: pointer;\n  border:none;\n \n\n}\nnile-button.rte-color-trigger::part(base){\n  width:32px; height:32px; padding:0px 6px;\n}\n.rte-color-trigger .glyph-stack {\n  display: grid;               /* stack vertically */\n  grid-auto-rows: max-content; \n  align-items: center;\n  justify-items: center;\n  line-height: 1;\n}\n\n.rte-color-trigger .glyph {\n  font-size: 14px;\n  line-height: 1;\n  margin-bottom: 2px;          \n}\n\n.rte-color-trigger .underline {\n  width: 18px;\n  height: 3px;\n  border-radius: 2px;\n  background: currentColor;    \n}\n\n \n.rte-color-trigger .swatch-box {\n  width: 18px;\n  height: 16px;\n  border-radius: 4px;\n  border: 1px solid rgba(0,0,0,0.35);\n  background: currentColor;    /* overridden via JS */\n}\n\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAGaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-rich-text-editor/nile-rich-text-editor.css.esm.js

@@ -1,7 +1,5 @@
 import{css as e}from"lit";const r=e`
-  .editor * {
-  all: revert;
-}
+   
 
   nile-rich-text-editor { position: relative; display: block; font-family: inherit; }
 
@@ -16,7 +14,7 @@ nile-rte-toolbar-item > nile-button::part(base) {
 
 
       .toolbar, nile-rte-toolbar {
-        display:flex; align-items:center; gap:8px; padding:8px; 
+        display:flex; align-items:center; gap:6px; padding:8px; 
         border:1px solid #e5e7eb; border-bottom:none; border-radius:8px 8px 0 0; background:#fff;
       }
 
@@ -35,14 +33,14 @@ nile-rte-toolbar-item > nile-button::part(base) {
       nile-rte-divider { width:1px; height:20px; background:#e5e7eb; display:inline-block; margin:0 4px; }
 
        .editor p { margin:1em 0; }
-      .editor h1 { font-size:2em, all: revert; display: block;
+      .editor h1, .preview h1 { font-size:2em, all: revert; display: block;
 font-size: 2em;
 margin-top: 0.67em;
 margin-bottom: 0.67em;
 margin-left: 0;
 margin-right: 0;
 font-weight: bold;  }
-      .editor h2 { all: revert;	display: block;
+      .editor h2, .preview h2 { all: revert;	display: block;
 font-size: 1.5em;
 margin-top: 0.83em;
 margin-bottom: 0.83em;
@@ -63,14 +61,17 @@ font-weight: bold;}
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  height: 28px;
-  padding: 0 8px;
-  border: 1px solid var(--nile-color-border, #d9d9d9);
+  /* border: 1px solid var(--nile-color-border, #d9d9d9); */
   border-radius: 6px;
   background: #fff;
   cursor: pointer;
-}
+  border:none;
+ 
 
+}
+nile-button.rte-color-trigger::part(base){
+  width:32px; height:32px; padding:0px 6px;
+}
 .rte-color-trigger .glyph-stack {
   display: grid;               /* stack vertically */
   grid-auto-rows: max-content; 
@@ -82,17 +83,17 @@ font-weight: bold;}
 .rte-color-trigger .glyph {
   font-size: 14px;
   line-height: 1;
-  margin-bottom: 2px;          /* little breathing space above underline */
+  margin-bottom: 2px;          
 }
 
 .rte-color-trigger .underline {
   width: 18px;
   height: 3px;
   border-radius: 2px;
-  background: currentColor;    /* we override via JS with backgroundColor */
+  background: currentColor;    
 }
 
-/* (unchanged) highlight square */
+ 
 .rte-color-trigger .swatch-box {
   width: 18px;
   height: 16px;

package/dist/nile-rich-text-editor/nile-rich-text-editor.esm.js

@@ -1 +1 @@
-import{__decorate as t}from"tslib";import{LitElement as i}from"lit";import{property as s,state as e,customElement as n}from"lit/decorators.js";import"./nile-rte-toolbar.esm.js";import"./nile-rte-toolbar-item.esm.js";import"./nile-rte-select.esm.js";import"./nile-rte-color.esm.js";import"./nile-rte-divider.esm.js";import"./nile-rte-preview.esm.js";import"./nile-rte-mentions.esm.js";import{s as o,a as r,b as h,c as l,d as c,i as a,t as u,n as d,e as f,r as m}from"./utils.esm.js";import{s as p}from"./nile-rich-text-editor.css.esm.js";const b={bold:"format_bold",italic:"format_italic",underline:"format_underline",link:"link_2",left:"format_align_left",center:"format_align_middle",right:"format_align_right",justify:"format_align_justify",ul:"nile-ul",ol:"nile-ol",clear:"error"};let g=class extends i{constructor(){super(...arguments),this.value="",this.mentions={},this.content="",this.previewEl=null,this.toolbarEl=null,this.lastRange=null,this.buttonMap=new Map,this.headingSelect=null,this.fontSelect=null,this.colorInput=null,this.bgColorInput=null,this.colorSwatchEl=null,this.bgSwatchEl=null,this.mentionsEl=null,this.onEditorKeydown=t=>{if("Tab"!==t.key)return;t.preventDefault(),this.focusAndRestore();const i=window.getSelection();if(!i||0===i.rangeCount)return;const s=i.getRangeAt(0);if(t.shiftKey){if(s.collapsed&&s.startContainer.nodeType===Node.TEXT_NODE){const t=s.startContainer,e=s.startOffset,n=t.data.slice(0,e),o=n.replace(/(\t|[ \u00a0]{2})$/,"");if(o.length!==n.length){t.data=o+t.data.slice(e);const s=document.createRange();s.setStart(t,o.length),s.collapse(!0),i.removeAllRanges(),i.addRange(s),this.updateContent(),this.updateToolbarState()}}return}s.deleteContents();const e=document.createTextNode("\t");s.insertNode(e);const n=document.createRange();n.setStartAfter(e),n.collapse(!0),i.removeAllRanges(),i.addRange(n),this.updateContent(),this.updateToolbarState()},this.onSelectionChange=()=>{if(!this.editorEl)return;const t=document.getSelection();if(!t||0===t.rangeCount)return;const i=t.getRangeAt(0);this.editorEl.contains(i.commonAncestorContainer)&&(this.lastRange=i.cloneRange(),this.updateToolbarState())}}createRenderRoot(){return this}shouldUpdate(){return!1}injectCss(t){if(this.querySelector("style[data-rte-style]"))return;const i=document.createElement("style");i.setAttribute("data-rte-style","true"),i.textContent=t,this.insertBefore(i,this.firstChild)}connectedCallback(){super.connectedCallback(),this.injectCss(p.cssText),this.toolbarEl=this.querySelector("nile-rte-toolbar"),this.previewEl=this.querySelector("nile-rte-preview"),this.ensureEditor(),this.value&&!this.editorEl.innerHTML.trim()&&(this.editorEl.innerHTML=this.value),this.content=this.editorEl.innerHTML,this.toolbarEl&&this.wireAuthoredToolbar(this.toolbarEl),this.mentionsEl=this.querySelector("nile-rte-mentions"),this.mentionsEl&&(this.mentionsEl.attach?.(this.editorEl,this),this.mentionsEl.setExternalConfig?.(this.mentions)),this.wireEditor(),this.updateToolbarState(),this.syncPreview(),document.addEventListener("selectionchange",this.onSelectionChange,!0)}disconnectedCallback(){document.removeEventListener("selectionchange",this.onSelectionChange,!0),this.mentionsEl&&this.mentionsEl.detach&&this.mentionsEl.detach(),super.disconnectedCallback()}ensureEditor(){if(this.editorEl=this.querySelector(".editor"),!this.editorEl){const t=document.createElement("article");t.className="editor",t.setAttribute("contenteditable","true"),this.toolbarEl?.nextSibling?this.insertBefore(t,this.toolbarEl.nextSibling):this.previewEl?this.insertBefore(t,this.previewEl):this.appendChild(t),this.editorEl=t}this.editorEl.innerHTML.trim()||(this.editorEl.innerHTML="<p><br></p>"),this.ensureAtLeastOneParagraph()}wireEditor(){this.editorEl.addEventListener("input",(()=>{this.ensureAtLeastOneParagraph(),this.updateContent()})),this.editorEl.addEventListener("mouseup",(()=>this.saveSelection())),this.editorEl.addEventListener("keyup",(()=>this.saveSelection())),this.editorEl.addEventListener("keydown",this.onEditorKeydown)}wireAuthoredToolbar(t){this.buttonMap.clear(),this.headingSelect=null,this.fontSelect=null,this.colorInput=null,Array.from(t.children).forEach((t=>{const i=t.tagName.toLowerCase();if("nile-rte-select"!==i||"align"!==t.getAttribute("type")){if("nile-rte-toolbar-item"===i){let i=t.querySelector(":scope > nile-button");const s=t.getAttribute("name")||"",e=t.getAttribute("label")||s,n=t.getAttribute("icon"),o=t.innerHTML.trim().length>0;if(i||(i=document.createElement("nile-button"),i.variant="tertiary",i.size="small"),n)i.innerHTML=`<nile-icon name="${n}" aria-label="${e}"></nile-icon>`,t.innerHTML="";else if(o)i.innerHTML=t.innerHTML,t.innerHTML="";else{const n=b[s];n?i.innerHTML=`<nile-icon name="${n}" size="20" color="black" aria-label="${e}"></nile-icon>`:i.textContent=e||s,t.innerHTML=""}i.isConnected||t.appendChild(i),i.setAttribute("aria-label",e),i.addEventListener("mousedown",(t=>t.preventDefault())),i.addEventListener("click",(()=>this.onToolbarCommand(s)));const r=this.buttonMap.get(s)??[];return r.push(i),void this.buttonMap.set(s,r)}if("nile-rte-select"!==i){if("nile-rte-color"===i){const i=t.getAttribute("label")??"Text color",s=t.getAttribute("value")??"#000000",e=t.getAttribute("mode")??"text";let n=t.querySelector(':scope > input[type="color"]');n||(n=document.createElement("input"),n.type="color",n.style.position="absolute",n.style.opacity="0",n.style.pointerEvents="none",t.appendChild(n)),n.title=i,n.value=s;let o=t.querySelector(":scope > button.rte-color-trigger");o||(o=document.createElement("button"),o.type="button",o.className="rte-color-trigger",o.setAttribute("aria-label",i),o.innerHTML="background"===e?'\n                    <span class="swatch-box" aria-hidden="true"></span>\n                  ':'\n                     <span class="glyph-stack" aria-hidden="true">\n    <span class="glyph">A</span>\n    <span class="underline"></span>\n  </span>\n                  ',t.appendChild(o));const r=o.querySelector(".underline"),h=o.querySelector(".swatch-box");"background"===e?(this.bgColorInput=n,this.bgSwatchEl=h,this.bgSwatchEl&&(this.bgSwatchEl.style.backgroundColor=n.value)):(this.colorInput=n,this.colorSwatchEl=r,this.colorSwatchEl&&(this.colorSwatchEl.style.backgroundColor=n.value)),o.addEventListener("click",(t=>{t.preventDefault(),this.focusAndRestore(),n.click()})),n.addEventListener("input",(()=>{this.focusAndRestore(),"background"===e?(l(this.editorEl,n.value),this.bgSwatchEl&&(this.bgSwatchEl.style.backgroundColor=n.value)):(c(this.editorEl,n.value),this.colorSwatchEl&&(this.colorSwatchEl.style.backgroundColor=n.value)),this.updateContent(),this.updateToolbarState()})),o.addEventListener("mousedown",(t=>t.preventDefault())),n.addEventListener("mousedown",(t=>t.preventDefault()))}}else{const i=t.getAttribute("type")||"";t.addEventListener("change",(t=>{this.focusAndRestore();const s=t.detail;"heading"===i?r(this.editorEl,s):"font"===i&&h(this.editorEl,s),this.updateContent(),this.updateToolbarState()}))}}else t.addEventListener("change",(t=>{this.focusAndRestore();const i=t.detail;o(this.editorEl,i),this.updateContent(),this.updateToolbarState()}))}))}saveSelection(){const t=window.getSelection();t&&t.rangeCount&&(this.lastRange=t.getRangeAt(0).cloneRange())}restoreSelection(){if(!this.lastRange)return;const t=document.getSelection();t&&(t.removeAllRanges(),t.addRange(this.lastRange))}focusAndRestore(){this.editorEl?.focus(),this.restoreSelection()}insertList(t){if(this.restoreSelection(),!this.lastRange)return;const i=document.createElement(t),s=this.lastRange.extractContents(),e=document.createElement("div");e.appendChild(s),Array.from(e.childNodes).forEach((t=>{if(t.nodeType===Node.TEXT_NODE&&!t.textContent?.trim())return;const s=document.createElement("li");s.appendChild(t),i.appendChild(s)})),this.lastRange.insertNode(i),this.afterListEdit(i)}afterListEdit(t){const i=document.createRange();i.setStartAfter(t),i.collapse(!0);const s=window.getSelection();s?.removeAllRanges(),s?.addRange(i),this.saveSelection(),this.updateContent(),this.updateToolbarState()}ensureAtLeastOneParagraph(){const t=this.editorEl;if(!t)return;const i=""===(t.textContent??"").replace(/\u200B/g,"").trim();if(0===t.childNodes.length||i)return void(t.innerHTML="<p><br></p>");if(!t.querySelector("p,h1,h2,h3,h4,h5,h6,ul,ol,table,blockquote,pre")){const i=document.createElement("p");for(;t.firstChild;)i.appendChild(t.firstChild);return i.hasChildNodes()||i.appendChild(document.createElement("br")),void t.appendChild(i)}t.querySelectorAll("p").forEach((t=>{""===(t.textContent??"").replace(/\u200B/g,"")&&(t.innerHTML.toLowerCase().includes("<br")||(t.innerHTML="<br>"))}))}onToolbarCommand(t){switch(this.focusAndRestore(),t){case"bold":u(this.editorEl,"strong");break;case"italic":u(this.editorEl,"em");break;case"underline":u(this.editorEl,"u");break;case"left":o(this.editorEl,"left");break;case"center":o(this.editorEl,"center");break;case"right":o(this.editorEl,"right");break;case"justify":o(this.editorEl,"justify");break;case"ul":this.insertList("ul");break;case"ol":this.insertList("ol");break;case"link":a(this.editorEl);break;case"clear":const t=document.createTreeWalker(this.editorEl,NodeFilter.SHOW_ELEMENT),i=[];for(;t.nextNode();){const s=t.currentNode;s.removeAttribute("style"),["B","STRONG","I","EM","U","SPAN","FONT"].includes(s.tagName)&&i.push(s)}for(const t of i){for(;t.firstChild;)t.parentNode?.insertBefore(t.firstChild,t);t.remove()}this.ensureAtLeastOneParagraph()}this.updateContent(),this.updateToolbarState()}setBtnActive(t,i){const s=this.buttonMap.get(t);if(s)for(const t of s)t.toggleAttribute("data-active",!!i)}updateToolbarState(){if(!this.editorEl)return;const t=document.getSelection();if(!t||0===t.rangeCount)return;const i=t.getRangeAt(0);if(!this.editorEl.contains(i.commonAncestorContainer))return;const s=d(i.startContainer)||this.editorEl,e=getComputedStyle(s),n=f(i.startContainer,this.editorEl)||this.editorEl,o=(()=>{let t=s;for(;t&&t!==this.editorEl;){if(t instanceof HTMLElement){const i=t.tagName.toLowerCase();if("strong"===i||"b"===i)return!0;const s=getComputedStyle(t).fontWeight;if(parseInt(s,10)>=600)return!0}t=t.parentNode}return!1})(),r=(()=>{let t=s;for(;t&&t!==this.editorEl;){if(t instanceof HTMLElement){const i=t.tagName.toLowerCase();if("em"===i||"i"===i)return!0;if("italic"===getComputedStyle(t).fontStyle)return!0}t=t.parentNode}return!1})(),h=(()=>{let t=s;for(;t&&t!==this.editorEl;){if(t instanceof HTMLElement){const i=getComputedStyle(t).textDecorationLine;if(i&&i.includes("underline"))return!0;if("u"===t.tagName.toLowerCase())return!0}t=t.parentNode}return!1})(),l=!!s.closest("a"),c=n.style.textAlign||getComputedStyle(n).textAlign||"start",a="start"===c?"left":c,u=!!s.closest("li")&&s.closest("ul,ol")?.tagName.toLowerCase()||"";if(this.setBtnActive("bold",o),this.setBtnActive("italic",r),this.setBtnActive("underline",h),this.setBtnActive("link",l),this.setBtnActive("left","left"===a&&!["center","right","justify"].includes(a)),this.setBtnActive("center","center"===a),this.setBtnActive("right","right"===a),this.setBtnActive("justify","justify"===a),this.setBtnActive("ul","ul"===u),this.setBtnActive("ol","ol"===u),this.headingSelect){const t=n.tagName.toLowerCase(),i=["h1","h2","h3"].includes(t)?t:"p";this.headingSelect.value!==i&&(this.headingSelect.value=i)}if(this.fontSelect){const t=(e.fontFamily||"").replace(/["']/g,"").split(",")[0].trim().toLowerCase();if(t)for(const i of Array.from(this.fontSelect.options))if(i.value.toLowerCase()===t){this.fontSelect.value=i.value;break}}if(this.colorInput){const t=m(e.color);t&&this.colorInput.value.toLowerCase()!==t.toLowerCase()&&(this.colorInput.value=t),this.colorSwatchEl&&(this.colorSwatchEl.style.backgroundColor=this.colorInput.value)}if(this.bgColorInput){const t=getComputedStyle(s).backgroundColor;if(t&&!/transparent|rgba\(\s*0\s*,\s*0\s*,\s*0\s*,\s*0\s*\)/i.test(t)){const i=m(t);i&&this.bgColorInput.value.toLowerCase()!==i.toLowerCase()&&(this.bgColorInput.value=i)}this.bgSwatchEl&&(this.bgSwatchEl.style.backgroundColor=this.bgColorInput.value)}}syncPreview(){this.updateContent()}updateContent(){if(!this.editorEl)return;this.ensureAtLeastOneParagraph();const t=this.editorEl.cloneNode(!0),i=document.createTreeWalker(this.editorEl,NodeFilter.SHOW_ELEMENT),s=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT);for(;i.nextNode()&&s.nextNode();){const t=i.currentNode,e=s.currentNode,n=window.getComputedStyle(t),o=Array.from(n).map((t=>`${t}:${n.getPropertyValue(t)}`)).join(";");e.setAttribute("style",o)}this.content=t.innerHTML,this.previewEl&&(this.previewEl.innerHTML=this.content),this.dispatchEvent(new CustomEvent("content-changed",{detail:{content:this.content},bubbles:!0,composed:!0}))}};t([s({type:String})],g.prototype,"value",void 0),t([s({attribute:"mentions",converter:{fromAttribute:t=>{try{const i=JSON.parse(t),s={};for(const t of Object.keys(i)){const e=i[t];Array.isArray(e)&&(s[t]=e.filter((t=>t&&"string"==typeof t.key&&"string"==typeof t.label)).map((t=>({key:t.key,label:t.label}))))}return s}catch{return{}}},toAttribute:t=>JSON.stringify(t)}})],g.prototype,"mentions",void 0),t([e()],g.prototype,"content",void 0),g=t([n("nile-rich-text-editor")],g);export{g as N};
+import{__decorate as t}from"tslib";import{LitElement as i}from"lit";import{property as s,state as e,customElement as n}from"lit/decorators.js";import"./nile-rte-toolbar.esm.js";import"./nile-rte-toolbar-item.esm.js";import"./nile-rte-select.esm.js";import"./nile-rte-color.esm.js";import"./nile-rte-divider.esm.js";import"./nile-rte-preview.esm.js";import"./nile-rte-mentions.esm.js";import"./nile-rte-link.esm.js";import{s as r,a as o,b as h,c as l,d as c,t as a,n as u,e as f,r as d}from"./utils.esm.js";import{s as m}from"./nile-rich-text-editor.css.esm.js";const b={bold:"format_bold",italic:"format_italic",underline:"format_underline",link:"link_2",left:"format_align_left",center:"format_align_middle",right:"format_align_right",justify:"format_align_justify",ul:"format_list_bulleted",ol:"format_list_numbered",clear:"format_clear"};let p=class extends i{constructor(){super(...arguments),this.value="",this.mentions={},this.content="",this.previewEl=null,this.toolbarEl=null,this.lastRange=null,this.buttonMap=new Map,this.headingSelect=null,this.fontSelect=null,this.colorInput=null,this.bgColorInput=null,this.colorSwatchEl=null,this.bgSwatchEl=null,this.mentionsEl=null,this.onEditorKeydown=t=>{if("Tab"!==t.key)return;t.preventDefault(),this.focusAndRestore();const i=window.getSelection();if(!i||0===i.rangeCount)return;const s=i.getRangeAt(0);if(t.shiftKey){if(s.collapsed&&s.startContainer.nodeType===Node.TEXT_NODE){const t=s.startContainer,e=s.startOffset,n=t.data.slice(0,e),r=n.replace(/(\t|[ \u00a0]{2})$/,"");if(r.length!==n.length){t.data=r+t.data.slice(e);const s=document.createRange();s.setStart(t,r.length),s.collapse(!0),i.removeAllRanges(),i.addRange(s),this.updateContent(),this.updateToolbarState()}}return}s.deleteContents();const e=document.createTextNode("\t");s.insertNode(e);const n=document.createRange();n.setStartAfter(e),n.collapse(!0),i.removeAllRanges(),i.addRange(n),this.updateContent(),this.updateToolbarState()},this.onSelectionChange=()=>{if(!this.editorEl)return;const t=document.getSelection();if(!t||0===t.rangeCount)return;const i=t.getRangeAt(0);this.editorEl.contains(i.commonAncestorContainer)&&(this.lastRange=i.cloneRange(),this.updateToolbarState())}}createRenderRoot(){return this}shouldUpdate(){return!1}injectCss(t){if(this.querySelector("style[data-rte-style]"))return;const i=document.createElement("style");i.setAttribute("data-rte-style","true"),i.textContent=t,this.insertBefore(i,this.firstChild)}connectedCallback(){super.connectedCallback(),this.injectCss(m.cssText),this.toolbarEl=this.querySelector("nile-rte-toolbar"),this.previewEl=this.querySelector("nile-rte-preview"),this.ensureEditor(),this.value&&!this.editorEl.innerHTML.trim()&&(this.editorEl.innerHTML=this.value),this.content=this.editorEl.innerHTML,this.toolbarEl&&this.wireAuthoredToolbar(this.toolbarEl),this.mentionsEl=this.querySelector("nile-rte-mentions"),this.mentionsEl&&(this.mentionsEl.attach?.(this.editorEl,this),this.mentionsEl.setExternalConfig?.(this.mentions)),this.wireEditor(),this.updateToolbarState(),this.syncPreview(),document.addEventListener("selectionchange",this.onSelectionChange,!0)}disconnectedCallback(){document.removeEventListener("selectionchange",this.onSelectionChange,!0),this.mentionsEl&&this.mentionsEl.detach&&this.mentionsEl.detach(),super.disconnectedCallback()}ensureEditor(){if(this.editorEl=this.querySelector(".editor"),!this.editorEl){const t=document.createElement("article");t.className="editor",t.setAttribute("contenteditable","true"),this.toolbarEl?.nextSibling?this.insertBefore(t,this.toolbarEl.nextSibling):this.previewEl?this.insertBefore(t,this.previewEl):this.appendChild(t),this.editorEl=t}this.editorEl.innerHTML.trim()||(this.editorEl.innerHTML="<p><br></p>"),this.ensureAtLeastOneParagraph()}wireEditor(){this.editorEl.addEventListener("input",(()=>{this.ensureAtLeastOneParagraph(),this.updateContent()})),this.editorEl.addEventListener("mouseup",(()=>this.saveSelection())),this.editorEl.addEventListener("keyup",(()=>this.saveSelection())),this.editorEl.addEventListener("keydown",this.onEditorKeydown)}wireAuthoredToolbar(t){this.buttonMap.clear(),this.headingSelect=null,this.fontSelect=null,this.colorInput=null,Array.from(t.children).forEach((t=>{const i=t.tagName.toLowerCase();if("nile-rte-select"!==i||"align"!==t.getAttribute("type")){if("nile-rte-link"===i)return t.editorEl=this.editorEl,void t.addEventListener("link-changed",(()=>{this.updateContent(),this.updateToolbarState()}));if("nile-rte-toolbar-item"===i){let i=t.querySelector(":scope > nile-button");const s=t.getAttribute("name")||"",e=t.getAttribute("label")||s,n=t.getAttribute("icon"),r=t.innerHTML.trim().length>0;if(i||(i=document.createElement("nile-button"),i.variant="tertiary",i.size="small"),n)i.innerHTML=`<nile-icon name="${n}" aria-label="${e}"></nile-icon>`,t.innerHTML="";else if(r)i.innerHTML=t.innerHTML,t.innerHTML="";else{const n=b[s];n?i.innerHTML=`<nile-icon name="${n}" size="20" color="black" aria-label="${e}"></nile-icon>`:i.textContent=e||s,t.innerHTML=""}i.isConnected||t.appendChild(i),i.setAttribute("aria-label",e),i.addEventListener("mousedown",(t=>t.preventDefault())),i.addEventListener("click",(()=>this.onToolbarCommand(s)));const o=this.buttonMap.get(s)??[];return o.push(i),void this.buttonMap.set(s,o)}if("nile-rte-select"!==i)"nile-rte-color"!==i||t.addEventListener("change",(t=>{this.focusAndRestore();const{mode:i,value:s}=t.detail;"backColor"===i?l(this.editorEl,s):c(this.editorEl,s),this.updateContent(),this.updateToolbarState()}));else{const i=t.getAttribute("type")||"";t.addEventListener("change",(t=>{this.focusAndRestore();const s=t.detail;"heading"===i?o(this.editorEl,s):"font"===i&&h(this.editorEl,s),this.updateContent(),this.updateToolbarState()}))}}else t.addEventListener("change",(t=>{this.focusAndRestore();const i=t.detail;r(this.editorEl,i),this.updateContent(),this.updateToolbarState()}))}))}saveSelection(){const t=window.getSelection();t&&t.rangeCount&&(this.lastRange=t.getRangeAt(0).cloneRange())}restoreSelection(){if(!this.lastRange)return;const t=document.getSelection();t&&(t.removeAllRanges(),t.addRange(this.lastRange))}focusAndRestore(){this.editorEl?.focus(),this.restoreSelection()}insertList(t){if(this.restoreSelection(),!this.lastRange)return;const i=document.createElement(t),s=this.lastRange.extractContents(),e=document.createElement("div");e.appendChild(s),Array.from(e.childNodes).forEach((t=>{if(t.nodeType===Node.TEXT_NODE&&!t.textContent?.trim())return;const s=document.createElement("li");s.appendChild(t),i.appendChild(s)})),this.lastRange.insertNode(i),this.afterListEdit(i)}afterListEdit(t){const i=document.createRange();i.setStartAfter(t),i.collapse(!0);const s=window.getSelection();s?.removeAllRanges(),s?.addRange(i),this.saveSelection(),this.updateContent(),this.updateToolbarState()}ensureAtLeastOneParagraph(){const t=this.editorEl;if(!t)return;const i=""===(t.textContent??"").replace(/\u200B/g,"").trim();if(0===t.childNodes.length||i)return void(t.innerHTML="<p><br></p>");if(!t.querySelector("p,h1,h2,h3,h4,h5,h6,ul,ol,table,blockquote,pre")){const i=document.createElement("p");for(;t.firstChild;)i.appendChild(t.firstChild);return i.hasChildNodes()||i.appendChild(document.createElement("br")),void t.appendChild(i)}t.querySelectorAll("p").forEach((t=>{""===(t.textContent??"").replace(/\u200B/g,"")&&(t.innerHTML.toLowerCase().includes("<br")||(t.innerHTML="<br>"))}))}onToolbarCommand(t){switch(this.focusAndRestore(),t){case"bold":a(this.editorEl,"strong");break;case"italic":a(this.editorEl,"em");break;case"underline":a(this.editorEl,"u");break;case"left":r(this.editorEl,"left");break;case"center":r(this.editorEl,"center");break;case"right":r(this.editorEl,"right");break;case"justify":r(this.editorEl,"justify");break;case"ul":this.insertList("ul");break;case"ol":this.insertList("ol");break;case"link":break;case"clear":const t=document.createTreeWalker(this.editorEl,NodeFilter.SHOW_ELEMENT),i=[];for(;t.nextNode();){const s=t.currentNode;s.removeAttribute("style"),["B","STRONG","I","EM","U","SPAN","FONT"].includes(s.tagName)&&i.push(s)}for(const t of i){for(;t.firstChild;)t.parentNode?.insertBefore(t.firstChild,t);t.remove()}this.ensureAtLeastOneParagraph()}this.updateContent(),this.updateToolbarState()}setBtnActive(t,i){const s=this.buttonMap.get(t);if(s)for(const t of s)t.toggleAttribute("data-active",!!i)}updateToolbarState(){if(!this.editorEl)return;const t=document.getSelection();if(!t||0===t.rangeCount)return;const i=t.getRangeAt(0);if(!this.editorEl.contains(i.commonAncestorContainer))return;const s=u(i.startContainer)||this.editorEl,e=getComputedStyle(s),n=f(i.startContainer,this.editorEl)||this.editorEl,r=(()=>{let t=s;for(;t&&t!==this.editorEl;){if(t instanceof HTMLElement){const i=t.tagName.toLowerCase();if("strong"===i||"b"===i)return!0;const s=getComputedStyle(t).fontWeight;if(parseInt(s,10)>=600)return!0}t=t.parentNode}return!1})(),o=(()=>{let t=s;for(;t&&t!==this.editorEl;){if(t instanceof HTMLElement){const i=t.tagName.toLowerCase();if("em"===i||"i"===i)return!0;if("italic"===getComputedStyle(t).fontStyle)return!0}t=t.parentNode}return!1})(),h=(()=>{let t=s;for(;t&&t!==this.editorEl;){if(t instanceof HTMLElement){const i=getComputedStyle(t).textDecorationLine;if(i&&i.includes("underline"))return!0;if("u"===t.tagName.toLowerCase())return!0}t=t.parentNode}return!1})(),l=!!s.closest("a"),c=n.style.textAlign||getComputedStyle(n).textAlign||"start",a="start"===c?"left":c,m=!!s.closest("li")&&s.closest("ul,ol")?.tagName.toLowerCase()||"";if(this.setBtnActive("bold",r),this.setBtnActive("italic",o),this.setBtnActive("underline",h),this.setBtnActive("link",l),this.setBtnActive("left","left"===a&&!["center","right","justify"].includes(a)),this.setBtnActive("center","center"===a),this.setBtnActive("right","right"===a),this.setBtnActive("justify","justify"===a),this.setBtnActive("ul","ul"===m),this.setBtnActive("ol","ol"===m),this.headingSelect){const t=n.tagName.toLowerCase(),i=["h1","h2","h3"].includes(t)?t:"p";this.headingSelect.value!==i&&(this.headingSelect.value=i)}if(this.fontSelect){const t=(e.fontFamily||"").replace(/["']/g,"").split(",")[0].trim().toLowerCase();if(t)for(const i of Array.from(this.fontSelect.options))if(i.value.toLowerCase()===t){this.fontSelect.value=i.value;break}}if(this.colorInput){const t=d(e.color);t&&this.colorInput.value.toLowerCase()!==t.toLowerCase()&&(this.colorInput.value=t),this.colorSwatchEl&&(this.colorSwatchEl.style.backgroundColor=this.colorInput.value)}if(this.bgColorInput){const t=getComputedStyle(s).backgroundColor;if(t&&!/transparent|rgba\(\s*0\s*,\s*0\s*,\s*0\s*,\s*0\s*\)/i.test(t)){const i=d(t);i&&this.bgColorInput.value.toLowerCase()!==i.toLowerCase()&&(this.bgColorInput.value=i)}this.bgSwatchEl&&(this.bgSwatchEl.style.backgroundColor=this.bgColorInput.value)}}syncPreview(){this.updateContent()}updateContent(){if(!this.editorEl)return;this.ensureAtLeastOneParagraph();const t=this.editorEl.cloneNode(!0),i=document.createTreeWalker(this.editorEl,NodeFilter.SHOW_ELEMENT),s=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT),e=["font-weight","font-style","text-decoration","color","background-color","font-size","font-family","text-align","line-height","letter-spacing","white-space","vertical-align"];for(;i.nextNode()&&s.nextNode();){const t=i.currentNode,n=s.currentNode,r=window.getComputedStyle(t),o=e.map((t=>`${t}:${r.getPropertyValue(t)}`)).join(";");o.trim()&&n.setAttribute("style",o)}this.content=t.innerHTML,this.previewEl&&(this.previewEl.innerHTML=this.content),this.dispatchEvent(new CustomEvent("content-changed",{detail:{content:this.content},bubbles:!0,composed:!0}))}};t([s({type:String})],p.prototype,"value",void 0),t([s({attribute:"mentions",converter:{fromAttribute:t=>{try{const i=JSON.parse(t),s={};for(const t of Object.keys(i)){const e=i[t];Array.isArray(e)&&(s[t]=e.filter((t=>t&&"string"==typeof t.key&&"string"==typeof t.label)).map((t=>({key:t.key,label:t.label}))))}return s}catch{return{}}},toAttribute:t=>JSON.stringify(t)}})],p.prototype,"mentions",void 0),t([e()],p.prototype,"content",void 0),p=t([n("nile-rich-text-editor")],p);export{p as N};

package/dist/nile-rich-text-editor/nile-rte-color.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js"],function(_export,_context){"use strict";var t,r,o,e,i;function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){r=_lit.LitElement;},function(_litDecoratorsJs){o=_litDecoratorsJs.property;e=_litDecoratorsJs.customElement;}],execute:function execute(){i=/*#__PURE__*/function(_r){function i(){var _this;_classCallCheck(this,i);_this=_callSuper(this,i,arguments),_this.type="foreColor",_this.label="Text Color",_this.value="#000000";return _this;}_inherits(i,_r);return _createClass(i,[{key:"createRenderRoot",value:function createRenderRoot(){return this;}},{key:"shouldUpdate",value:function shouldUpdate(){return!1;}}]);}(r);t([o({type:String})],i.prototype,"type",void 0),t([o({type:String})],i.prototype,"label",void 0),t([o({type:String})],i.prototype,"value",void 0),i=t([e("nile-rte-color")],i);}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js"],function(_export,_context){"use strict";var t,s,n,i,e,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){s=_lit.LitElement;n=_lit.html;},function(_litDecoratorsJs){i=_litDecoratorsJs.property;e=_litDecoratorsJs.state;o=_litDecoratorsJs.customElement;}],execute:function execute(){a=/*#__PURE__*/function(_s){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.mode="foreColor",_this.label="Text Color",_this.value="#000000",_this.palette=["#000000","#444444","#666666","#999999","#cccccc","#eeeeee","#ffffff","#d32f2f","#f44336","#ff9800","#ffeb3b","#4caf50","#2196f3","#3f51b5","#9c27b0","#03a9f4","#00bcd4","#009688","#8bc34a","#cddc39","#ffc107","#ff5722"],_this.recentColors=[],_this.pickCustom=function(){return _this.inputEl.click();};return _this;}_inherits(a,_s);return _createClass(a,[{key:"createRenderRoot",value:function createRenderRoot(){return this;}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_superPropGet(a,"connectedCallback",this,3)([]),this.injectCss("\n      nile-button.rte-color-trigger::part(base){\n        width:32px; height:32px; padding:0px 6px;\n      }\n\n      .glyph-stack { display:grid; align-items:center; justify-items:center; line-height:1; }\n      .glyph { font-size:14px; margin-bottom:2px; }\n      .underline { width:18px; height:3px; border-radius:2px; }\n      .swatch-box { width:18px; height:16px; border-radius:4px; border:1px solid rgba(0,0,0,0.35); }\n\n      nile-popover::part(popover) {\n        min-width: 225px;\n        height: 250px;\n        padding: 0px;\n        gap: 0px;\n      }\n\n      .swatch-dropdown {\n        height: 245px;\n        width: 275px;\n        padding: 12px;\n        background: #fff;\n        border-radius: 8px;\n        box-sizing: border-box;\n        overflow-y: auto;\n      }\n\n      .section { margin-bottom: 12px; }\n      .title { font-size: 13px; font-weight: 600; margin-bottom: 8px; color:#111; }\n\n      .swatches {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, 24px);\n        gap: 8px;\n      }\n\n      .swatch {\n        width: 24px;\n        height: 24px;\n        border-radius: 50%;\n        border: 1px solid rgba(0,0,0,0.25);\n        cursor: pointer;\n        position: relative;\n        background-clip: content-box;\n      }\n\n      .swatch.add {\n        display:flex;\n        align-items:center;\n        justify-content:center;\n        font-weight:bold;\n        font-size:16px;\n        background:#fff;\n      }\n\n      .checkmark {\n        position: absolute;\n        top: 50%; left: 50%;\n        transform: translate(-50%,-50%);\n        font-size: 13px;\n        color: white;\n        text-shadow: 0 0 2px rgba(0,0,0,0.6);\n      }\n    "),this.inputEl=document.createElement("input"),this.inputEl.type="color",this.inputEl.style.position="absolute",this.inputEl.style.opacity="0",this.inputEl.style.pointerEvents="none",this.inputEl.value=this.value,this.appendChild(this.inputEl),this.inputEl.addEventListener("input",function(){return _this2.setColor(_this2.inputEl.value);});}},{key:"injectCss",value:function injectCss(t){if(this.querySelector("style[data-rte-color-style]"))return;var s=document.createElement("style");s.setAttribute("data-rte-color-style","true"),s.textContent=t,this.insertBefore(s,this.firstChild);}},{key:"setColor",value:function setColor(t){this.value=t,this.recentColors=[t].concat(_toConsumableArray(this.recentColors.filter(function(s){return s!==t;}))).slice(0,8),this.dispatchEvent(new CustomEvent("change",{detail:{mode:this.mode,value:t},bubbles:!0,composed:!0}));}},{key:"render",value:function render(){var _this3=this;return n(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <nile-popover placement=\"bottom-start\" distance=\"6\" .arrow=",">\n        <nile-button\n          slot=\"anchor\"\n          variant=\"ghost\"\n          size=\"small\"\n          aria-label=","\n          class=\"rte-color-trigger\"\n        >\n          ","\n        </nile-button>\n\n        <div part=\"base\" class=\"swatch-dropdown\">\n          <div class=\"section\">\n            <div class=\"title\">Default</div>\n            <div class=\"swatches\">\n              ","\n            </div>\n          </div>\n\n          ","\n\n          <div class=\"section\">\n            <div class=\"title\">Custom</div>\n            <div class=\"swatches\">\n              <button class=\"swatch add\" @click=",">+</button>\n              <nile-icon name=\"eyedropper\"></nile-icon>\n            </div>\n          </div>\n        </div>\n      </nile-popover>\n    "])),!1,this.label,"backColor"===this.mode?n(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<span class=\"swatch-box\" style=\"background:","\"></span>"])),this.value):n(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n                <span class=\"glyph-stack\">\n                  <span class=\"glyph\">A</span>\n                  <span class=\"underline\" style=\"background:","\"></span>\n                </span>\n              "])),this.value),this.palette.map(function(t){return n(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n                <button class=\"swatch\" style=\"background:","\"\n                  @click=","\n                  title=",">\n                  ","\n                </button>\n              "])),t,function(){return _this3.setColor(t);},t,_this3.value===t?n(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<span class=\"checkmark\">\u2713</span>"]))):"");}),this.recentColors.length>0?n(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n            <div class=\"section\">\n              <div class=\"title\">Recently Used</div>\n              <div class=\"swatches\">\n                ","\n              </div>\n            </div>\n          "])),this.recentColors.map(function(t){return n(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n                  <button class=\"swatch\" style=\"background:","\"\n                    @click=","\n                    title=","></button>\n                "])),t,function(){return _this3.setColor(t);},t);})):"",this.pickCustom);}}]);}(s);t([i({type:String})],a.prototype,"mode",void 0),t([i({type:String})],a.prototype,"label",void 0),t([i({type:String})],a.prototype,"value",void 0),t([i({type:Array})],a.prototype,"palette",void 0),t([e()],a.prototype,"recentColors",void 0),a=t([o("nile-rte-color")],a);}};});
 //# sourceMappingURL=nile-rte-color.cjs.js.map

package/dist/nile-rich-text-editor/nile-rte-color.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-rte-color.cjs.js","sources":["../../../src/nile-rich-text-editor/nile-rte-color.ts"],"sourcesContent":["import { LitElement } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\n@customElement('nile-rte-color')\nexport class NileRteColor extends LitElement {\n  protected createRenderRoot() { return this; }\n  protected shouldUpdate() { return false; }\n\n  /** 'foreColor' (reserved for future: 'backColor') */\n  @property({ type: String }) type = 'foreColor';\n  @property({ type: String }) label = 'Text Color';\n  @property({ type: String }) value = '#000000';\n}\ndeclare global { interface HTMLElementTagNameMap { 'nile-rte-color': NileRteColor; } }\n"],"names":["NileRteColor","_r","i","this","type","label","value","_this","_inherits","_createClass","key","createRenderRoot","shouldUpdate","LitElement","__decorate","property","String","prototype","customElement"],"mappings":"gyFAIaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,uEAKuBC,KAAAA,CAAIC,IAAAA,CAAG,WACPD,CAAAA,KAAAA,CAAKE,KAAG,CAAA,YAAA,CACRF,KAAAA,CAAKG,KAAAA,CAAG,SACrC,QAAAC,KAAA,EAPWC,SAAA,CAAAN,CAAA,CAAAD,EAAA,SAAAQ,YAAA,CAAAP,CAAA,GAAAQ,GAAA,oBAAAJ,KAAA,UAAAK,gBAAAA,CAAAA,CAAqB,CAAA,MAAOR,KAAO,EACnC,GAAAO,GAAA,gBAAAJ,KAAA,UAAAM,YAAAA,CAAAA,CAAAA,CAAiB,OAAO,CAAQ,EAAA,MAFVC,CAA3B,EAKuBC,CAAA,CAAA,CAA3BC,CAAS,CAAA,CAAEX,IAAMY,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAA6BhB,EAAAiB,SAAA,CAAA,MAAA,CAAA,IAAA,EACnBH,CAAAA,CAAAA,CAAAA,CAAA,CAA3BC,CAAAA,CAAS,CAAEX,IAAAA,CAAMY,UAA+BhB,CAAAiB,CAAAA,SAAAA,CAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CACrBH,CAAA,CAAA,CAA3BC,CAAS,CAAA,CAAEX,KAAMY,MAA4BhB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAiB,SAAA,CAAA,OAAA,CAAA,IAAA,EAPnCjB,CAAAA,CAAAA,CAAAA,CAAYc,CAAA,CAAA,CADxBI,EAAc,gBACFlB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}
+{"version":3,"file":"nile-rte-color.cjs.js","sources":["../../../src/nile-rich-text-editor/nile-rte-color.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\n@customElement('nile-rte-color')\nexport class NileRteColor extends LitElement {\n  protected createRenderRoot() { return this; }\n\n  /** Whether this is text color or background color */\n  @property({ type: String }) mode: 'foreColor' | 'backColor' = 'foreColor';\n  @property({ type: String }) label = 'Text Color';\n  @property({ type: String }) value = '#000000';\n\n  /** Default palette, user can override via property or attribute */\n  @property({ type: Array })\n  palette: string[] = [\n    '#000000','#444444','#666666','#999999','#cccccc','#eeeeee','#ffffff',\n    '#d32f2f','#f44336','#ff9800','#ffeb3b','#4caf50','#2196f3','#3f51b5','#9c27b0',\n    '#03a9f4','#00bcd4','#009688','#8bc34a','#cddc39','#ffc107','#ff5722'\n  ];\n\n  @state() private recentColors: string[] = [];\n  private inputEl!: HTMLInputElement;\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    // Inject styles once\n    this.injectCss(`\n      nile-button.rte-color-trigger::part(base){\n        width:32px; height:32px; padding:0px 6px;\n      }\n\n      .glyph-stack { display:grid; align-items:center; justify-items:center; line-height:1; }\n      .glyph { font-size:14px; margin-bottom:2px; }\n      .underline { width:18px; height:3px; border-radius:2px; }\n      .swatch-box { width:18px; height:16px; border-radius:4px; border:1px solid rgba(0,0,0,0.35); }\n\n      nile-popover::part(popover) {\n        min-width: 225px;\n        height: 250px;\n        padding: 0px;\n        gap: 0px;\n      }\n\n      .swatch-dropdown {\n        height: 245px;\n        width: 275px;\n        padding: 12px;\n        background: #fff;\n        border-radius: 8px;\n        box-sizing: border-box;\n        overflow-y: auto;\n      }\n\n      .section { margin-bottom: 12px; }\n      .title { font-size: 13px; font-weight: 600; margin-bottom: 8px; color:#111; }\n\n      .swatches {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, 24px);\n        gap: 8px;\n      }\n\n      .swatch {\n        width: 24px;\n        height: 24px;\n        border-radius: 50%;\n        border: 1px solid rgba(0,0,0,0.25);\n        cursor: pointer;\n        position: relative;\n        background-clip: content-box;\n      }\n\n      .swatch.add {\n        display:flex;\n        align-items:center;\n        justify-content:center;\n        font-weight:bold;\n        font-size:16px;\n        background:#fff;\n      }\n\n      .checkmark {\n        position: absolute;\n        top: 50%; left: 50%;\n        transform: translate(-50%,-50%);\n        font-size: 13px;\n        color: white;\n        text-shadow: 0 0 2px rgba(0,0,0,0.6);\n      }\n    `);\n\n    // hidden native color input\n    this.inputEl = document.createElement('input');\n    this.inputEl.type = 'color';\n    this.inputEl.style.position = 'absolute';\n    this.inputEl.style.opacity = '0';\n    this.inputEl.style.pointerEvents = 'none';\n    this.inputEl.value = this.value;\n    this.appendChild(this.inputEl);\n\n    this.inputEl.addEventListener('input', () => this.setColor(this.inputEl.value));\n  }\n\n  private injectCss(cssText: string) {\n    if (this.querySelector('style[data-rte-color-style]')) return;\n    const style = document.createElement('style');\n    style.setAttribute('data-rte-color-style', 'true');\n    style.textContent = cssText;\n    this.insertBefore(style, this.firstChild);\n  }\n\n  private setColor(color: string) {\n    this.value = color;\n    this.recentColors = [color, ...this.recentColors.filter(c => c !== color)].slice(0, 8);\n\n    this.dispatchEvent(new CustomEvent('change', {\n      detail: { mode: this.mode, value: color },\n      bubbles: true,\n      composed: true\n    }));\n  }\n\n  private pickCustom = () => this.inputEl.click();\n\n  render() {\n    return html`\n      <nile-popover placement=\"bottom-start\" distance=\"6\" .arrow=${false}>\n        <nile-button\n          slot=\"anchor\"\n          variant=\"ghost\"\n          size=\"small\"\n          aria-label=${this.label}\n          class=\"rte-color-trigger\"\n        >\n          ${this.mode === 'backColor'\n            ? html`<span class=\"swatch-box\" style=\"background:${this.value}\"></span>`\n            : html`\n                <span class=\"glyph-stack\">\n                  <span class=\"glyph\">A</span>\n                  <span class=\"underline\" style=\"background:${this.value}\"></span>\n                </span>\n              `}\n        </nile-button>\n\n        <div part=\"base\" class=\"swatch-dropdown\">\n          <div class=\"section\">\n            <div class=\"title\">Default</div>\n            <div class=\"swatches\">\n              ${this.palette.map(c => html`\n                <button class=\"swatch\" style=\"background:${c}\"\n                  @click=${() => this.setColor(c)}\n                  title=${c}>\n                  ${this.value === c ? html`<span class=\"checkmark\">✓</span>` : ''}\n                </button>\n              `)}\n            </div>\n          </div>\n\n          ${this.recentColors.length > 0 ? html`\n            <div class=\"section\">\n              <div class=\"title\">Recently Used</div>\n              <div class=\"swatches\">\n                ${this.recentColors.map(c => html`\n                  <button class=\"swatch\" style=\"background:${c}\"\n                    @click=${() => this.setColor(c)}\n                    title=${c}></button>\n                `)}\n              </div>\n            </div>\n          ` : ''}\n\n          <div class=\"section\">\n            <div class=\"title\">Custom</div>\n            <div class=\"swatches\">\n              <button class=\"swatch add\" @click=${this.pickCustom}>+</button>\n              <nile-icon name=\"eyedropper\"></nile-icon>\n            </div>\n          </div>\n        </div>\n      </nile-popover>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-rte-color': NileRteColor;\n  }\n}\n"],"names":["NileRteColor","a","this","mode","label","value","palette","recentColors","pickCustom","inputEl","click","_this","_inherits","_s","_createClass","key","createRenderRoot","connectedCallback","super","injectCss","document","createElement","type","style","position","opacity","pointerEvents","appendChild","addEventListener","setColor","cssText","querySelector","setAttribute","textContent","insertBefore","firstChild","color","filter","c","slice","dispatchEvent","CustomEvent","detail","bubbles","composed","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","map","_templateObject4","_templateObject5","length","_templateObject6","_templateObject7","__decorate","LitElement","property","String","prototype","Array","state","customElement"],"mappings":"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"}

package/dist/nile-rich-text-editor/nile-rte-color.esm.js

@@ -1 +1,54 @@
-import{__decorate as t}from"tslib";import{LitElement as r}from"lit";import{property as o,customElement as e}from"lit/decorators.js";let i=class extends r{constructor(){super(...arguments),this.type="foreColor",this.label="Text Color",this.value="#000000"}createRenderRoot(){return this}shouldUpdate(){return!1}};t([o({type:String})],i.prototype,"type",void 0),t([o({type:String})],i.prototype,"label",void 0),t([o({type:String})],i.prototype,"value",void 0),i=t([e("nile-rte-color")],i);
+import{__decorate as t}from"tslib";import{LitElement as s,html as n}from"lit";import{property as i,state as e,customElement as o}from"lit/decorators.js";let a=class extends s{constructor(){super(...arguments),this.mode="foreColor",this.label="Text Color",this.value="#000000",this.palette=["#000000","#444444","#666666","#999999","#cccccc","#eeeeee","#ffffff","#d32f2f","#f44336","#ff9800","#ffeb3b","#4caf50","#2196f3","#3f51b5","#9c27b0","#03a9f4","#00bcd4","#009688","#8bc34a","#cddc39","#ffc107","#ff5722"],this.recentColors=[],this.pickCustom=()=>this.inputEl.click()}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.injectCss("\n      nile-button.rte-color-trigger::part(base){\n        width:32px; height:32px; padding:0px 6px;\n      }\n\n      .glyph-stack { display:grid; align-items:center; justify-items:center; line-height:1; }\n      .glyph { font-size:14px; margin-bottom:2px; }\n      .underline { width:18px; height:3px; border-radius:2px; }\n      .swatch-box { width:18px; height:16px; border-radius:4px; border:1px solid rgba(0,0,0,0.35); }\n\n      nile-popover::part(popover) {\n        min-width: 225px;\n        height: 250px;\n        padding: 0px;\n        gap: 0px;\n      }\n\n      .swatch-dropdown {\n        height: 245px;\n        width: 275px;\n        padding: 12px;\n        background: #fff;\n        border-radius: 8px;\n        box-sizing: border-box;\n        overflow-y: auto;\n      }\n\n      .section { margin-bottom: 12px; }\n      .title { font-size: 13px; font-weight: 600; margin-bottom: 8px; color:#111; }\n\n      .swatches {\n        display: grid;\n        grid-template-columns: repeat(auto-fill, 24px);\n        gap: 8px;\n      }\n\n      .swatch {\n        width: 24px;\n        height: 24px;\n        border-radius: 50%;\n        border: 1px solid rgba(0,0,0,0.25);\n        cursor: pointer;\n        position: relative;\n        background-clip: content-box;\n      }\n\n      .swatch.add {\n        display:flex;\n        align-items:center;\n        justify-content:center;\n        font-weight:bold;\n        font-size:16px;\n        background:#fff;\n      }\n\n      .checkmark {\n        position: absolute;\n        top: 50%; left: 50%;\n        transform: translate(-50%,-50%);\n        font-size: 13px;\n        color: white;\n        text-shadow: 0 0 2px rgba(0,0,0,0.6);\n      }\n    "),this.inputEl=document.createElement("input"),this.inputEl.type="color",this.inputEl.style.position="absolute",this.inputEl.style.opacity="0",this.inputEl.style.pointerEvents="none",this.inputEl.value=this.value,this.appendChild(this.inputEl),this.inputEl.addEventListener("input",(()=>this.setColor(this.inputEl.value)))}injectCss(t){if(this.querySelector("style[data-rte-color-style]"))return;const s=document.createElement("style");s.setAttribute("data-rte-color-style","true"),s.textContent=t,this.insertBefore(s,this.firstChild)}setColor(t){this.value=t,this.recentColors=[t,...this.recentColors.filter((s=>s!==t))].slice(0,8),this.dispatchEvent(new CustomEvent("change",{detail:{mode:this.mode,value:t},bubbles:!0,composed:!0}))}render(){return n`
+      <nile-popover placement="bottom-start" distance="6" .arrow=${!1}>
+        <nile-button
+          slot="anchor"
+          variant="ghost"
+          size="small"
+          aria-label=${this.label}
+          class="rte-color-trigger"
+        >
+          ${"backColor"===this.mode?n`<span class="swatch-box" style="background:${this.value}"></span>`:n`
+                <span class="glyph-stack">
+                  <span class="glyph">A</span>
+                  <span class="underline" style="background:${this.value}"></span>
+                </span>
+              `}
+        </nile-button>
+
+        <div part="base" class="swatch-dropdown">
+          <div class="section">
+            <div class="title">Default</div>
+            <div class="swatches">
+              ${this.palette.map((t=>n`
+                <button class="swatch" style="background:${t}"
+                  @click=${()=>this.setColor(t)}
+                  title=${t}>
+                  ${this.value===t?n`<span class="checkmark">✓</span>`:""}
+                </button>
+              `))}
+            </div>
+          </div>
+
+          ${this.recentColors.length>0?n`
+            <div class="section">
+              <div class="title">Recently Used</div>
+              <div class="swatches">
+                ${this.recentColors.map((t=>n`
+                  <button class="swatch" style="background:${t}"
+                    @click=${()=>this.setColor(t)}
+                    title=${t}></button>
+                `))}
+              </div>
+            </div>
+          `:""}
+
+          <div class="section">
+            <div class="title">Custom</div>
+            <div class="swatches">
+              <button class="swatch add" @click=${this.pickCustom}>+</button>
+              <nile-icon name="eyedropper"></nile-icon>
+            </div>
+          </div>
+        </div>
+      </nile-popover>
+    `}};t([i({type:String})],a.prototype,"mode",void 0),t([i({type:String})],a.prototype,"label",void 0),t([i({type:String})],a.prototype,"value",void 0),t([i({type:Array})],a.prototype,"palette",void 0),t([e()],a.prototype,"recentColors",void 0),a=t([o("nile-rte-color")],a);

package/dist/nile-rich-text-editor/nile-rte-link.cjs.js

@@ -0,0 +1,2 @@
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js"],function(_export,_context){"use strict";var t,n,e,i,r,s,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){n=_lit.LitElement;e=_lit.html;},function(_litDecoratorsJs){i=_litDecoratorsJs.property;r=_litDecoratorsJs.state;s=_litDecoratorsJs.customElement;}],execute:function execute(){o=/*#__PURE__*/function(_n){function o(){var _this;_classCallCheck(this,o);_this=_callSuper(this,o,arguments),_this.placeholder="https://",_this.linkValue="",_this.selectionRange=null;return _this;}_inherits(o,_n);return _createClass(o,[{key:"createRenderRoot",value:function createRenderRoot(){return this;}},{key:"connectedCallback",value:function connectedCallback(){_superPropGet(o,"connectedCallback",this,3)([]),this.injectCss("\n      nile-rte-link nile-button.rte-link-trigger::part(base) {\n        width: 32px;\n        height: 32px;\n        padding: 0;\n        border: none;\n        border-radius: 6px;\n      }\n      .link-popup {\n        display: flex;\n        gap: 6px;\n        padding: 6px 8px;\n        align-items: center;\n        background: white;\n      }\n      .link-input {\n        flex: 1;\n        padding: 6px 8px;\n        font-size: 14px;\n        border: 1px solid #ccc;\n        border-radius: 4px;\n      }\n        nile-popover.rte-link-popover::part(popover) {\n        min-width: 250px;\n        height: 44px;\n        padding: 0px;\n        gap: 0px;\n      }\n    ");}},{key:"injectCss",value:function injectCss(t){if(this.querySelector("style[data-rte-link-style]"))return;var n=document.createElement("style");n.setAttribute("data-rte-link-style","true"),n.textContent=t,this.insertBefore(n,this.firstChild);}},{key:"onOpen",value:function onOpen(){var _e,_this2=this;if(!this.editorEl)return;var t=document.getSelection();if(!t||0===t.rangeCount)return;this.selectionRange=t.getRangeAt(0).cloneRange();var n=t.anchorNode,e=null;for(;n&&n!==this.editorEl;){if(n instanceof HTMLAnchorElement){e=n;break;}n=n.parentNode;}this.linkValue=((_e=e)===null||_e===void 0?void 0:_e.href)||"",setTimeout(function(){var _this2$querySelector;(_this2$querySelector=_this2.querySelector(".link-input"))===null||_this2$querySelector===void 0||_this2$querySelector.focus();},0);}},{key:"onApply",value:function onApply(){if(!this.editorEl||!this.selectionRange)return;var t=this.linkValue.trim();if(!t)return;var n=document.getSelection();if(!n)return;n.removeAllRanges(),n.addRange(this.selectionRange);var e=this.selectionRange.startContainer,i=null;for(;e&&e!==this.editorEl;){if(e instanceof HTMLAnchorElement){i=e;break;}e=e.parentNode;}if(i)i.href=t;else{var _n2=document.createElement("a");if(_n2.href=t,this.selectionRange.collapsed)_n2.textContent=t,this.selectionRange.insertNode(_n2);else try{this.selectionRange.surroundContents(_n2);}catch(_unused){var _t=this.selectionRange.extractContents();_n2.appendChild(_t),this.selectionRange.insertNode(_n2);}}this.emit(t);var r=this.querySelector("nile-popover");r&&(r.isShow=!1);}},{key:"emit",value:function emit(t){this.dispatchEvent(new CustomEvent("link-changed",{detail:{href:t},bubbles:!0,composed:!0}));}},{key:"render",value:function render(){var _this3=this;return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <nile-popover placement=\"bottom-start\"  class=\"rte-link-popover\" distance=\"10\" .arrow=",">\n        <nile-button class=\"rte-link-trigger\" slot=\"anchor\" variant=\"tertiary\" size=\"small\" @click=",">\n          <nile-icon name=\"link_2\" aria-label=\"Insert/Edit Link\"></nile-icon>\n        </nile-button>\n\n        <div class=\"link-popup\">\n          <input\n            class=\"link-input\"\n            type=\"text\"\n            placeholder=\"Type or paste link here\"\n            .value=","\n            @input=","\n            @keydown=","\n          />\n          <nile-button @click=",">Apply</nile-button>\n        </div>\n      </nile-popover>\n    "])),!1,function(){return _this3.onOpen();},this.linkValue,function(t){return _this3.linkValue=t.target.value;},function(t){if("Enter"===t.key&&_this3.onApply(),"Escape"===t.key){var _t2=_this3.querySelector("nile-popover");_t2&&(_t2.isShow=!1);}},function(){return _this3.onApply();});}}]);}(n);t([i({attribute:!1})],o.prototype,"editorEl",void 0),t([i({type:String})],o.prototype,"placeholder",void 0),t([r()],o.prototype,"linkValue",void 0),o=t([s("nile-rte-link")],o);}};});
+//# sourceMappingURL=nile-rte-link.cjs.js.map

package/dist/nile-rich-text-editor/nile-rte-link.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-rte-link.cjs.js","sources":["../../../src/nile-rich-text-editor/nile-rte-link.ts"],"sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\n@customElement('nile-rte-link')\nexport class NileRteLink extends LitElement {\n  protected createRenderRoot() { return this; }\n\n  @property({ attribute: false }) editorEl!: HTMLElement;\n  @property({ type: String }) placeholder = 'https://';\n\n  @state() private linkValue = '';\n  private selectionRange: Range | null = null;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.injectCss(`\n      nile-rte-link nile-button.rte-link-trigger::part(base) {\n        width: 32px;\n        height: 32px;\n        padding: 0;\n        border: none;\n        border-radius: 6px;\n      }\n      .link-popup {\n        display: flex;\n        gap: 6px;\n        padding: 6px 8px;\n        align-items: center;\n        background: white;\n      }\n      .link-input {\n        flex: 1;\n        padding: 6px 8px;\n        font-size: 14px;\n        border: 1px solid #ccc;\n        border-radius: 4px;\n      }\n        nile-popover.rte-link-popover::part(popover) {\n        min-width: 250px;\n        height: 44px;\n        padding: 0px;\n        gap: 0px;\n      }\n    `);\n  }\n\n  private injectCss(cssText: string) {\n    if (this.querySelector('style[data-rte-link-style]')) return;\n    const style = document.createElement('style');\n    style.setAttribute('data-rte-link-style', 'true');\n    style.textContent = cssText;\n    this.insertBefore(style, this.firstChild);\n  }\n\n  private onOpen() {\n    if (!this.editorEl) return;\n    const sel = document.getSelection();\n    if (!sel || sel.rangeCount === 0) return;\n\n    this.selectionRange = sel.getRangeAt(0).cloneRange();\n\n    // Pre-fill with existing href if selection inside <a>\n    let n: Node | null = sel.anchorNode;\n    let a: HTMLAnchorElement | null = null;\n    while (n && n !== this.editorEl) {\n      if (n instanceof HTMLAnchorElement) { a = n; break; }\n      n = n.parentNode;\n    }\n    this.linkValue = a?.href || '';\n\n    setTimeout(() => {\n      this.querySelector<HTMLInputElement>('.link-input')?.focus();\n    }, 0);\n  }\n\n  private onApply() {\n    if (!this.editorEl || !this.selectionRange) return;\n    const url = this.linkValue.trim();\n    if (!url) return;\n\n    const sel = document.getSelection();\n    if (!sel) return;\n    sel.removeAllRanges();\n    sel.addRange(this.selectionRange);\n\n    // Check for existing <a>\n    let n: Node | null = this.selectionRange.startContainer;\n    let a: HTMLAnchorElement | null = null;\n    while (n && n !== this.editorEl) {\n      if (n instanceof HTMLAnchorElement) { a = n; break; }\n      n = n.parentNode;\n    }\n\n    if (a) {\n      a.href = url;\n    } else {\n      const link = document.createElement('a');\n      link.href = url;\n      if (this.selectionRange.collapsed) {\n        link.textContent = url;\n        this.selectionRange.insertNode(link);\n      } else {\n        try {\n          this.selectionRange.surroundContents(link);\n        } catch {\n          const frag = this.selectionRange.extractContents();\n          link.appendChild(frag);\n          this.selectionRange.insertNode(link);\n        }\n      }\n    }\n\n    this.emit(url);\n\n    // Close the popover by toggling `open`\n    const pop = this.querySelector('nile-popover');\n    if (pop) (pop as any).isShow = false;\n  }\n\n  private emit(href: string) {\n    this.dispatchEvent(new CustomEvent('link-changed', {\n      detail: { href },\n      bubbles: true,\n      composed: true\n    }));\n  }\n\n  render() {\n    return html`\n      <nile-popover placement=\"bottom-start\"  class=\"rte-link-popover\" distance=\"10\" .arrow=${false}>\n        <nile-button class=\"rte-link-trigger\" slot=\"anchor\" variant=\"tertiary\" size=\"small\" @click=${() => this.onOpen()}>\n          <nile-icon name=\"link_2\" aria-label=\"Insert/Edit Link\"></nile-icon>\n        </nile-button>\n\n        <div class=\"link-popup\">\n          <input\n            class=\"link-input\"\n            type=\"text\"\n            placeholder=\"Type or paste link here\"\n            .value=${this.linkValue}\n            @input=${(e: any) => this.linkValue = e.target.value}\n            @keydown=${(e: KeyboardEvent) => {\n              if (e.key === 'Enter') this.onApply();\n              if (e.key === 'Escape') {\n                const pop = this.querySelector('nile-popover');\n                if (pop) (pop as any).isShow = false;\n              }\n            }}\n          />\n          <nile-button @click=${() => this.onApply()}>Apply</nile-button>\n        </div>\n      </nile-popover>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-rte-link': NileRteLink;\n  }\n}\n"],"names":["NileRteLink","o","constructor","this","placeholder","linkValue","selectionRange","_this","_inherits","_n","_createClass","key","value","createRenderRoot","connectedCallback","super","injectCss","cssText","querySelector","style","document","createElement","setAttribute","textContent","insertBefore","firstChild","onOpen","editorEl","sel","getSelection","rangeCount","getRangeAt","cloneRange","n","anchorNode","a","HTMLAnchorElement","parentNode","href","setTimeout","_this2$querySelector","focus","onApply","url","trim","removeAllRanges","addRange","startContainer","link","collapsed","insertNode","surroundContents","_unused","frag","extractContents","appendChild","emit","pop","isShow","dispatchEvent","CustomEvent","detail","bubbles","composed","render","html","_templateObject","_taggedTemplateLiteral","e","target","LitElement","__decorate","property","attribute","prototype","type","String","state","customElement"],"mappings":"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"}

package/dist/nile-rich-text-editor/nile-rte-link.esm.js

@@ -0,0 +1,19 @@
+import{__decorate as t}from"tslib";import{LitElement as n,html as e}from"lit";import{property as i,state as r,customElement as s}from"lit/decorators.js";let o=class extends n{constructor(){super(...arguments),this.placeholder="https://",this.linkValue="",this.selectionRange=null}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.injectCss("\n      nile-rte-link nile-button.rte-link-trigger::part(base) {\n        width: 32px;\n        height: 32px;\n        padding: 0;\n        border: none;\n        border-radius: 6px;\n      }\n      .link-popup {\n        display: flex;\n        gap: 6px;\n        padding: 6px 8px;\n        align-items: center;\n        background: white;\n      }\n      .link-input {\n        flex: 1;\n        padding: 6px 8px;\n        font-size: 14px;\n        border: 1px solid #ccc;\n        border-radius: 4px;\n      }\n        nile-popover.rte-link-popover::part(popover) {\n        min-width: 250px;\n        height: 44px;\n        padding: 0px;\n        gap: 0px;\n      }\n    ")}injectCss(t){if(this.querySelector("style[data-rte-link-style]"))return;const n=document.createElement("style");n.setAttribute("data-rte-link-style","true"),n.textContent=t,this.insertBefore(n,this.firstChild)}onOpen(){if(!this.editorEl)return;const t=document.getSelection();if(!t||0===t.rangeCount)return;this.selectionRange=t.getRangeAt(0).cloneRange();let n=t.anchorNode,e=null;for(;n&&n!==this.editorEl;){if(n instanceof HTMLAnchorElement){e=n;break}n=n.parentNode}this.linkValue=e?.href||"",setTimeout((()=>{this.querySelector(".link-input")?.focus()}),0)}onApply(){if(!this.editorEl||!this.selectionRange)return;const t=this.linkValue.trim();if(!t)return;const n=document.getSelection();if(!n)return;n.removeAllRanges(),n.addRange(this.selectionRange);let e=this.selectionRange.startContainer,i=null;for(;e&&e!==this.editorEl;){if(e instanceof HTMLAnchorElement){i=e;break}e=e.parentNode}if(i)i.href=t;else{const n=document.createElement("a");if(n.href=t,this.selectionRange.collapsed)n.textContent=t,this.selectionRange.insertNode(n);else try{this.selectionRange.surroundContents(n)}catch{const t=this.selectionRange.extractContents();n.appendChild(t),this.selectionRange.insertNode(n)}}this.emit(t);const r=this.querySelector("nile-popover");r&&(r.isShow=!1)}emit(t){this.dispatchEvent(new CustomEvent("link-changed",{detail:{href:t},bubbles:!0,composed:!0}))}render(){return e`
+      <nile-popover placement="bottom-start"  class="rte-link-popover" distance="10" .arrow=${!1}>
+        <nile-button class="rte-link-trigger" slot="anchor" variant="tertiary" size="small" @click=${()=>this.onOpen()}>
+          <nile-icon name="link_2" aria-label="Insert/Edit Link"></nile-icon>
+        </nile-button>
+
+        <div class="link-popup">
+          <input
+            class="link-input"
+            type="text"
+            placeholder="Type or paste link here"
+            .value=${this.linkValue}
+            @input=${t=>this.linkValue=t.target.value}
+            @keydown=${t=>{if("Enter"===t.key&&this.onApply(),"Escape"===t.key){const t=this.querySelector("nile-popover");t&&(t.isShow=!1)}}}
+          />
+          <nile-button @click=${()=>this.onApply()}>Apply</nile-button>
+        </div>
+      </nile-popover>
+    `}};t([i({attribute:!1})],o.prototype,"editorEl",void 0),t([i({type:String})],o.prototype,"placeholder",void 0),t([r()],o.prototype,"linkValue",void 0),o=t([s("nile-rte-link")],o);

package/dist/nile-rich-text-editor/nile-rte-select.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js"],function(_export,_context){"use strict";var t,e,n,i,l,r,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,s,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}function a(t){return s.has(t);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){e=_lit.LitElement;n=_lit.html;},function(_litDecoratorsJs){i=_litDecoratorsJs.property;l=_litDecoratorsJs.state;r=_litDecoratorsJs.customElement;}],execute:function execute(){s=new Set(["p","h1","h2","h3","h4","h5","h6"]);o=/*#__PURE__*/function(_e){function o(){var _this;_classCallCheck(this,o);_this=_callSuper(this,o,arguments),_this.type="",_this.options="[]",_this.label="",_this.selectedValue="";return _this;}_inherits(o,_e);return _createClass(o,[{key:"createRenderRoot",value:function createRenderRoot(){return this;}},{key:"mapAlignIcon",value:function mapAlignIcon(t){return{left:"format_align_left",center:"format_align_middle",right:"format_align_right",justify:"format_align_justify"}[t]||"align-left";}},{key:"parsedOptions",get:function get(){var _this$optionsObj,_this2=this;var t=(_this$optionsObj=this.optionsObj)!==null&&_this$optionsObj!==void 0?_this$optionsObj:this.options;var e=function(){if(Array.isArray(t))return t;try{return JSON.parse(String(t));}catch(_unused){return[];}}().map(function(t){var _t$value,_ref,_t$label,_t$icon;var e=(_t$value=t===null||t===void 0?void 0:t.value)!==null&&_t$value!==void 0?_t$value:t;return{value:e,label:(_ref=(_t$label=t===null||t===void 0?void 0:t.label)!==null&&_t$label!==void 0?_t$label:t===null||t===void 0?void 0:t.value)!==null&&_ref!==void 0?_ref:t,icon:(_t$icon=t===null||t===void 0?void 0:t.icon)!==null&&_t$icon!==void 0?_t$icon:"align"===_this2.type?_this2.mapAlignIcon(String(e)):void 0};});if("heading"===this.type){e.length;e=e.filter(function(t){return a(t.value);}),e.length,this.selectedValue&&!a(this.selectedValue)&&(this.selectedValue="");}return e;}},{key:"ensureDefault",value:function ensureDefault(){if(!this.selectedValue){var _t=this.parsedOptions[0];_t&&(this.selectedValue=_t.value);}}},{key:"onSelect",value:function onSelect(t){"heading"!==this.type||a(t)?(this.selectedValue=t,this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0}))):console.warn("[nile-rte-select] Ignoring invalid heading value: ".concat(t));}},{key:"connectedCallback",value:function connectedCallback(){_superPropGet(o,"connectedCallback",this,3)([]),this.injectLocalStyles();}},{key:"injectLocalStyles",value:function injectLocalStyles(){if(this.querySelector("style[data-rte-select-style]"))return;var t=document.createElement("style");t.setAttribute("data-rte-select-style","true"),t.textContent="\n        nile-menu.rte-align-menu::part(menu__items-wrapper) {\n          display: flex;\n        }\n        nile-menu.rte-align-menu,\n        nile-menu.rte-default-menu {\n          margin-top: 0px;\n        }\n        nile-button.rte-align-trigger::part(base),\n        nile-button.rte-default-trigger::part(base) {\n          min-width: 32px;\n          height: 32px;\n          padding: 0px 6px;\n          box-shadow: none;\n        }\n      ",this.insertBefore(t,this.firstChild);}},{key:"render",value:function render(){var _this3=this;var t=this.parsedOptions;this.ensureDefault();var e=t.find(function(t){return t.value===_this3.selectedValue;});if("align"===this.type){var _i=e!==null&&e!==void 0&&e.icon?n(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-icon name=\"","\"></nile-icon>"])),e.icon):this.label||"Align";return n(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n          <nile-dropdown class=\"rte-align-dd\">\n            <nile-button slot=\"trigger\" variant=\"tertiary\" class=\"rte-align-trigger\">\n              ","\n            </nile-button>\n            <nile-menu class=\"rte-align-menu\">\n              ","\n            </nile-menu>\n          </nile-dropdown>\n        "])),_i,t.map(function(t){return n(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n                <nile-menu-item\n                  class=\"rte-align-item\"\n                  ?active=","\n                  @click=",">\n                  <nile-icon name=\"","\"></nile-icon>\n                </nile-menu-item>\n              "])),t.value===_this3.selectedValue,function(){return _this3.onSelect(t.value);},t.icon);}));}if("font"===this.type){var _i2=(e===null||e===void 0?void 0:e.label)||this.label||"Font";return n(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n          <nile-dropdown class=\"rte-default-dd\">\n            <nile-button\n              slot=\"trigger\"\n              variant=\"tertiary\"\n              class=\"rte-default-trigger\"\n              style=\"font-family: ","\">\n              "," <nile-icon name=\"arrowdown\"></nile-icon>\n            </nile-button>\n            <nile-menu class=\"rte-default-menu\">\n              ","\n            </nile-menu>\n          </nile-dropdown>\n        "])),(e===null||e===void 0?void 0:e.value)||"inherit",_i2,t.map(function(t){return n(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n                <nile-menu-item\n                  style=\"font-family: ","\"\n                  ?active=","\n                  @click=",">\n                  ","\n                </nile-menu-item>\n              "])),t.value,t.value===_this3.selectedValue,function(){return _this3.onSelect(t.value);},t.label);}));}var i=(e===null||e===void 0?void 0:e.label)||this.label||"Select";return n(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n        <nile-dropdown class=\"rte-default-dd\">\n          <nile-button slot=\"trigger\" variant=\"tertiary\" class=\"rte-default-trigger\">\n            "," <nile-icon name=\"arrowdown\"></nile-icon>\n          </nile-button>\n          <nile-menu class=\"rte-default-menu\">\n            ","\n          </nile-menu>\n        </nile-dropdown>\n      "])),i,t.map(function(t){return n(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n              <nile-menu-item\n                ?active=","\n                @click=",">\n                ","\n              </nile-menu-item>\n            "])),t.value===_this3.selectedValue,function(){return _this3.onSelect(t.value);},t.label);}));}}]);}(e);t([i({type:String})],o.prototype,"type",void 0),t([i({type:String})],o.prototype,"options",void 0),t([i({attribute:!1})],o.prototype,"optionsObj",void 0),t([i({type:String})],o.prototype,"label",void 0),t([l()],o.prototype,"selectedValue",void 0),o=t([r("nile-rte-select")],o);}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js"],function(_export,_context){"use strict";var t,e,n,i,r,l,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,s,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}function a(t){return s.has(t);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){e=_lit.LitElement;n=_lit.html;},function(_litDecoratorsJs){i=_litDecoratorsJs.property;r=_litDecoratorsJs.state;l=_litDecoratorsJs.customElement;}],execute:function execute(){s=new Set(["p","h1","h2","h3","h4","h5","h6"]);o=/*#__PURE__*/function(_e){function o(){var _this;_classCallCheck(this,o);_this=_callSuper(this,o,arguments),_this.type="",_this.options="[]",_this.label="",_this.selectedValue="";return _this;}_inherits(o,_e);return _createClass(o,[{key:"createRenderRoot",value:function createRenderRoot(){return this;}},{key:"mapAlignIcon",value:function mapAlignIcon(t){return{left:"format_align_left",center:"format_align_middle",right:"format_align_right",justify:"format_align_justify"}[t]||"format_align_left";}},{key:"parsedOptions",get:function get(){var _this$optionsObj,_this2=this;var t=(_this$optionsObj=this.optionsObj)!==null&&_this$optionsObj!==void 0?_this$optionsObj:this.options;var e=function(){if(Array.isArray(t))return t;try{return JSON.parse(String(t));}catch(_unused){return[];}}().map(function(t){var _t$value,_ref,_t$label,_t$icon;var e=(_t$value=t===null||t===void 0?void 0:t.value)!==null&&_t$value!==void 0?_t$value:t;return{value:e,label:(_ref=(_t$label=t===null||t===void 0?void 0:t.label)!==null&&_t$label!==void 0?_t$label:t===null||t===void 0?void 0:t.value)!==null&&_ref!==void 0?_ref:t,icon:(_t$icon=t===null||t===void 0?void 0:t.icon)!==null&&_t$icon!==void 0?_t$icon:"align"===_this2.type?_this2.mapAlignIcon(String(e)):void 0};});if("heading"===this.type){e.length;e=e.filter(function(t){return a(t.value);}),e.length,this.selectedValue&&!a(this.selectedValue)&&(this.selectedValue="");}return e;}},{key:"ensureDefault",value:function ensureDefault(){if(!this.selectedValue){var _t=this.parsedOptions[0];_t&&(this.selectedValue=_t.value);}}},{key:"onSelect",value:function onSelect(t){"heading"!==this.type||a(t)?(this.selectedValue=t,this.dispatchEvent(new CustomEvent("change",{detail:t,bubbles:!0,composed:!0}))):console.warn("[nile-rte-select] Ignoring invalid heading value: ".concat(t));}},{key:"connectedCallback",value:function connectedCallback(){_superPropGet(o,"connectedCallback",this,3)([]),this.injectLocalStyles();}},{key:"injectLocalStyles",value:function injectLocalStyles(){if(this.querySelector("style[data-rte-select-style]"))return;var t=document.createElement("style");t.setAttribute("data-rte-select-style","true"),t.textContent="\n      nile-menu.rte-align-menu::part(menu__items-wrapper) {\n        display: flex;\n      }\n      nile-menu.rte-align-menu,\n      nile-menu.rte-default-menu {\n        margin-top: 0px;\n      }\n      nile-button.rte-align-trigger::part(base),\n      nile-button.rte-default-trigger::part(base) {\n        min-width: 32px;\n        height: 32px;\n        padding: 0px 6px;\n        box-shadow: none;\n      }\n  nile-button.rte-align-trigger::part(base) {\n \n\n  border: none;\n}\n    ",this.insertBefore(t,this.firstChild);}},{key:"render",value:function render(){var _this3=this;var t=this.parsedOptions;this.ensureDefault();var e=t.find(function(t){return t.value===_this3.selectedValue;});if("align"===this.type){var _i=e!==null&&e!==void 0&&e.icon?n(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-icon name=\"","\"></nile-icon>"])),e.icon):this.label||"Align";return n(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n        <nile-dropdown class=\"rte-align-dd\">\n          <nile-button slot=\"trigger\" variant=\"tertiary\" class=\"rte-align-trigger\">\n            ","\n          </nile-button>\n          <nile-menu class=\"rte-align-menu\">\n            ","\n          </nile-menu>\n        </nile-dropdown>\n      "])),_i,t.map(function(t){return n(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n              <nile-menu-item\n                class=\"rte-align-item\"\n                ?active=","\n                @click=",">\n                <nile-icon name=\"","\"></nile-icon>\n              </nile-menu-item>\n            "])),t.value===_this3.selectedValue,function(){return _this3.onSelect(t.value);},t.icon);}));}if("font"===this.type){var _i2=(e===null||e===void 0?void 0:e.label)||this.label||"Font";return n(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n        <nile-dropdown class=\"rte-default-dd\">\n          <nile-button\n            slot=\"trigger\"\n            variant=\"tertiary\"\n            class=\"rte-default-trigger\"\n            style=\"font-family: ","\">\n            "," <nile-icon name=\"arrowdown\"></nile-icon>\n          </nile-button>\n          <nile-menu class=\"rte-default-menu\">\n            ","\n          </nile-menu>\n        </nile-dropdown>\n      "])),(e===null||e===void 0?void 0:e.value)||"inherit",_i2,t.map(function(t){return n(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n              <nile-menu-item\n                style=\"font-family: ","\"\n                ?active=","\n                @click=",">\n                ","\n              </nile-menu-item>\n            "])),t.value,t.value===_this3.selectedValue,function(){return _this3.onSelect(t.value);},t.label);}));}var i=(e===null||e===void 0?void 0:e.label)||this.label||"Select";return n(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n      <nile-dropdown class=\"rte-default-dd\">\n        <nile-button slot=\"trigger\" variant=\"tertiary\" class=\"rte-default-trigger\">\n          "," <nile-icon name=\"arrowdown\"></nile-icon>\n        </nile-button>\n        <nile-menu class=\"rte-default-menu\">\n          ","\n        </nile-menu>\n      </nile-dropdown>\n    "])),i,t.map(function(t){return n(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n            <nile-menu-item\n              ?active=","\n              @click=",">\n              ","\n            </nile-menu-item>\n          "])),t.value===_this3.selectedValue,function(){return _this3.onSelect(t.value);},t.label);}));}}]);}(e);t([i({type:String})],o.prototype,"type",void 0),t([i({type:String})],o.prototype,"options",void 0),t([i({attribute:!1})],o.prototype,"optionsObj",void 0),t([i({type:String})],o.prototype,"label",void 0),t([r()],o.prototype,"selectedValue",void 0),o=t([l("nile-rte-select")],o);}};});
 //# sourceMappingURL=nile-rte-select.cjs.js.map

package/dist/nile-rich-text-editor/nile-rte-select.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-rte-select.cjs.js","sources":["../../../src/nile-rich-text-editor/nile-rte-select.ts"],"sourcesContent":["  // nile-rte-select.ts\n  import { LitElement, html } from 'lit';\n  import { customElement, property, state } from 'lit/decorators.js';\n\n  type HeadingTag = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  type GenericOption = { value: string; label?: string; icon?: string };\n  type HeadingOption = { value: HeadingTag; label?: string; icon?: string };\n  type NormalizedOption = { value: string; label: string; icon?: string };\n\n  const HEADING_ALLOWLIST: ReadonlySet<HeadingTag> = new Set([\n    'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'\n  ]);\n\n  function isHeadingTag(v: string): v is HeadingTag {\n    return HEADING_ALLOWLIST.has(v as HeadingTag);\n  }\n\n  @customElement('nile-rte-select')\n  export class NileRteSelect extends LitElement {\n    protected createRenderRoot() { return this; }\n\n    /** 'heading' | 'font' | 'align' */\n    @property({ type: String }) type = '';\n\n    /** JSON: [{ value, label?, icon? }, ...] (attribute-based; runtime-validated) */\n    @property({ type: String }) options = '[]';\n\n    /** Programmatic options (preferred for TS safety). */\n    @property({ attribute: false })\n    optionsObj?: Array<GenericOption | HeadingOption>;\n\n    /** Fallback label for trigger (e.g., \"Align\") */\n    @property({ type: String }) label = '';\n\n    @state() private selectedValue = '';\n\n    private mapAlignIcon(v: string) {\n      const map: Record<string,string> = {\n        left: 'format_align_left',\n        center: 'format_align_middle',\n        right: 'format_align_right',\n        justify: 'format_align_justify'\n      };\n      return map[v] || 'align-left';\n    }\n\n    private get parsedOptions(): NormalizedOption[] {\n      // Prefer programmatic options if present (gives TS compile-time checks)\n      const source: unknown = this.optionsObj ?? this.options;\n\n      const rawArray: any[] = (() => {\n        if (Array.isArray(source)) return source;\n        try { return JSON.parse(String(source)); } catch { return []; }\n      })();\n\n      // Normalize to consistent shape\n      let items: NormalizedOption[] = rawArray.map((o: any) => {\n        const value: string = o?.value ?? o;\n        const label: string = o?.label ?? o?.value ?? o;\n        const icon: string | undefined =\n          o?.icon ?? (this.type === 'align' ? this.mapAlignIcon(String(value)) : undefined);\n        return { value, label, icon };\n      });\n\n      // If type is heading, enforce allowlist (runtime validation)\n      if (this.type === 'heading') {\n        const before = items.length;\n        items = items.filter(i => isHeadingTag(i.value));\n        if (items.length !== before) {\n        }\n        // If current selection is invalid for heading, reset\n        if (this.selectedValue && !isHeadingTag(this.selectedValue)) {\n          this.selectedValue = '';\n        }\n      }\n\n      return items;\n    }\n\n    private ensureDefault() {\n      if (!this.selectedValue) {\n        const first = this.parsedOptions[0];\n        if (first) this.selectedValue = first.value;\n      }\n    }\n\n    private onSelect(value: string) {\n      if (this.type === 'heading' && !isHeadingTag(value)) {\n        console.warn(`[nile-rte-select] Ignoring invalid heading value: ${value}`);\n        return;\n      }\n      this.selectedValue = value;\n      this.dispatchEvent(new CustomEvent('change', {\n        detail: value, bubbles: true, composed: true\n      }));\n    }\n\n    connectedCallback(): void {\n      super.connectedCallback();\n      this.injectLocalStyles();\n    }\n\n    private injectLocalStyles() {\n      if (this.querySelector('style[data-rte-select-style]')) return;\n\n      const style = document.createElement('style');\n      style.setAttribute('data-rte-select-style', 'true');\n      style.textContent = `\n        nile-menu.rte-align-menu::part(menu__items-wrapper) {\n          display: flex;\n        }\n        nile-menu.rte-align-menu,\n        nile-menu.rte-default-menu {\n          margin-top: 0px;\n        }\n        nile-button.rte-align-trigger::part(base),\n        nile-button.rte-default-trigger::part(base) {\n          min-width: 32px;\n          height: 32px;\n          padding: 0px 6px;\n          box-shadow: none;\n        }\n      `;\n      this.insertBefore(style, this.firstChild);\n    }\n\n    render() {\n      const opts = this.parsedOptions;\n      this.ensureDefault();\n      const current = opts.find(o => o.value === this.selectedValue);\n\n      // ► Align: icon-only items + icon trigger\n      if (this.type === 'align') {\n        const trigger = current?.icon\n          ? html`<nile-icon name=\"${current.icon}\"></nile-icon>`\n          : (this.label || 'Align');\n\n        return html`\n          <nile-dropdown class=\"rte-align-dd\">\n            <nile-button slot=\"trigger\" variant=\"tertiary\" class=\"rte-align-trigger\">\n              ${trigger}\n            </nile-button>\n            <nile-menu class=\"rte-align-menu\">\n              ${opts.map(o => html`\n                <nile-menu-item\n                  class=\"rte-align-item\"\n                  ?active=${o.value === this.selectedValue}\n                  @click=${() => this.onSelect(o.value)}>\n                  <nile-icon name=\"${o.icon}\"></nile-icon>\n                </nile-menu-item>\n              `)}\n            </nile-menu>\n          </nile-dropdown>\n        `;\n      }\n\n      // ► Font: show labels, preview fonts in items and trigger\n      if (this.type === 'font') {\n        const triggerText = current?.label || this.label || 'Font';\n        return html`\n          <nile-dropdown class=\"rte-default-dd\">\n            <nile-button\n              slot=\"trigger\"\n              variant=\"tertiary\"\n              class=\"rte-default-trigger\"\n              style=\"font-family: ${current?.value || 'inherit'}\">\n              ${triggerText} <nile-icon name=\"arrowdown\"></nile-icon>\n            </nile-button>\n            <nile-menu class=\"rte-default-menu\">\n              ${opts.map(o => html`\n                <nile-menu-item\n                  style=\"font-family: ${o.value}\"\n                  ?active=${o.value === this.selectedValue}\n                  @click=${() => this.onSelect(o.value)}>\n                  ${o.label}\n                </nile-menu-item>\n              `)}\n            </nile-menu>\n          </nile-dropdown>\n        `;\n      }\n\n      // ► Default (e.g., heading): text items; heading values are validated already\n      const triggerText = current?.label || this.label || 'Select';\n      return html`\n        <nile-dropdown class=\"rte-default-dd\">\n          <nile-button slot=\"trigger\" variant=\"tertiary\" class=\"rte-default-trigger\">\n            ${triggerText} <nile-icon name=\"arrowdown\"></nile-icon>\n          </nile-button>\n          <nile-menu class=\"rte-default-menu\">\n            ${opts.map(o => html`\n              <nile-menu-item\n                ?active=${o.value === this.selectedValue}\n                @click=${() => this.onSelect(o.value)}>\n                ${o.label}\n              </nile-menu-item>\n            `)}\n          </nile-menu>\n        </nile-dropdown>\n      `;\n    }\n  }\n\n  declare global {\n    interface HTMLElementTagNameMap {\n      'nile-rte-select': NileRteSelect;\n    }\n  }\n"],"names":["isHeadingTag","v","HEADING_ALLOWLIST","has","setters","_tslib","Set","NileRteSelect","o","constructor","this","type","options","label","selectedValue","_this","_inherits","_e","_createClass","key","value","createRenderRoot","mapAlignIcon","left","center","right","justify","get","parsedOptions","source","optionsObj","items","Array","isArray","JSON","parse","String","_unused","map","icon","undefined","length","filter","i","ensureDefault","first","onSelect","dispatchEvent","CustomEvent","detail","bubbles","composed","console","warn","connectedCallback","super","injectLocalStyles","querySelector","style","document","createElement","setAttribute","textContent","insertBefore","firstChild","render","opts","current","find","trigger","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","triggerText","_templateObject4","_templateObject5","_templateObject6","_templateObject7","__decorate","LitElement","property","prototype","attribute","state","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-rte-select.cjs.js","sources":["../../../src/nile-rich-text-editor/nile-rte-select.ts"],"sourcesContent":["// nile-rte-select.ts\nimport { LitElement, html } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\n\ntype HeadingTag = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\ntype GenericOption = { value: string; label?: string; icon?: string };\ntype HeadingOption = { value: HeadingTag; label?: string; icon?: string };\ntype NormalizedOption = { value: string; label: string; icon?: string };\n\nconst HEADING_ALLOWLIST: ReadonlySet<HeadingTag> = new Set([\n  'p', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'\n]);\n\nfunction isHeadingTag(v: string): v is HeadingTag {\n  return HEADING_ALLOWLIST.has(v as HeadingTag);\n}\n\n@customElement('nile-rte-select')\nexport class NileRteSelect extends LitElement {\n  protected createRenderRoot() { return this; }\n\n  /** 'heading' | 'font' | 'align' */\n  @property({ type: String }) type = '';\n\n  /** JSON: [{ value, label?, icon? }, ...] (attribute-based; runtime-validated) */\n  @property({ type: String }) options = '[]';\n\n  /** Programmatic options (preferred for TS safety). */\n  @property({ attribute: false })\n  optionsObj?: Array<GenericOption | HeadingOption>;\n\n  /** Fallback label for trigger (e.g., \"Align\") */\n  @property({ type: String }) label = '';\n\n  @state() private selectedValue = '';\n\n  private mapAlignIcon(v: string) {\n    const map: Record<string,string> = {\n      left: 'format_align_left',\n      center: 'format_align_middle',\n      right: 'format_align_right',\n      justify: 'format_align_justify'\n    };\n    return map[v] || 'format_align_left';\n  }\n\n  private get parsedOptions(): NormalizedOption[] {\n    // Prefer programmatic options if present (gives TS compile-time checks)\n    const source: unknown = this.optionsObj ?? this.options;\n\n    const rawArray: any[] = (() => {\n      if (Array.isArray(source)) return source;\n      try { return JSON.parse(String(source)); } catch { return []; }\n    })();\n\n    // Normalize to consistent shape\n    let items: NormalizedOption[] = rawArray.map((o: any) => {\n      const value: string = o?.value ?? o;\n      const label: string = o?.label ?? o?.value ?? o;\n      const icon: string | undefined =\n        o?.icon ?? (this.type === 'align' ? this.mapAlignIcon(String(value)) : undefined);\n      return { value, label, icon };\n    });\n\n    // If type is heading, enforce allowlist (runtime validation)\n    if (this.type === 'heading') {\n      const before = items.length;\n      items = items.filter(i => isHeadingTag(i.value));\n      if (items.length !== before) {\n      }\n      // If current selection is invalid for heading, reset\n      if (this.selectedValue && !isHeadingTag(this.selectedValue)) {\n        this.selectedValue = '';\n      }\n    }\n\n    return items;\n  }\n\n  private ensureDefault() {\n    if (!this.selectedValue) {\n      const first = this.parsedOptions[0];\n      if (first) this.selectedValue = first.value;\n    }\n  }\n\n  private onSelect(value: string) {\n    if (this.type === 'heading' && !isHeadingTag(value)) {\n      console.warn(`[nile-rte-select] Ignoring invalid heading value: ${value}`);\n      return;\n    }\n    this.selectedValue = value;\n    this.dispatchEvent(new CustomEvent('change', {\n      detail: value, bubbles: true, composed: true\n    }));\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.injectLocalStyles();\n  }\n\n  private injectLocalStyles() {\n    if (this.querySelector('style[data-rte-select-style]')) return;\n\n    const style = document.createElement('style');\n    style.setAttribute('data-rte-select-style', 'true');\n    style.textContent = `\n      nile-menu.rte-align-menu::part(menu__items-wrapper) {\n        display: flex;\n      }\n      nile-menu.rte-align-menu,\n      nile-menu.rte-default-menu {\n        margin-top: 0px;\n      }\n      nile-button.rte-align-trigger::part(base),\n      nile-button.rte-default-trigger::part(base) {\n        min-width: 32px;\n        height: 32px;\n        padding: 0px 6px;\n        box-shadow: none;\n      }\n  nile-button.rte-align-trigger::part(base) {\n \n\n  border: none;\n}\n    `;\n    this.insertBefore(style, this.firstChild);\n  }\n\n  render() {\n    const opts = this.parsedOptions;\n    this.ensureDefault();\n    const current = opts.find(o => o.value === this.selectedValue);\n\n    // ► Align: icon-only items + icon trigger\n    if (this.type === 'align') {\n      const trigger = current?.icon\n        ? html`<nile-icon name=\"${current.icon}\"></nile-icon>`\n        : (this.label || 'Align');\n\n      return html`\n        <nile-dropdown class=\"rte-align-dd\">\n          <nile-button slot=\"trigger\" variant=\"tertiary\" class=\"rte-align-trigger\">\n            ${trigger}\n          </nile-button>\n          <nile-menu class=\"rte-align-menu\">\n            ${opts.map(o => html`\n              <nile-menu-item\n                class=\"rte-align-item\"\n                ?active=${o.value === this.selectedValue}\n                @click=${() => this.onSelect(o.value)}>\n                <nile-icon name=\"${o.icon}\"></nile-icon>\n              </nile-menu-item>\n            `)}\n          </nile-menu>\n        </nile-dropdown>\n      `;\n    }\n\n    // ► Font: show labels, preview fonts in items and trigger\n    if (this.type === 'font') {\n      const triggerText = current?.label || this.label || 'Font';\n      return html`\n        <nile-dropdown class=\"rte-default-dd\">\n          <nile-button\n            slot=\"trigger\"\n            variant=\"tertiary\"\n            class=\"rte-default-trigger\"\n            style=\"font-family: ${current?.value || 'inherit'}\">\n            ${triggerText} <nile-icon name=\"arrowdown\"></nile-icon>\n          </nile-button>\n          <nile-menu class=\"rte-default-menu\">\n            ${opts.map(o => html`\n              <nile-menu-item\n                style=\"font-family: ${o.value}\"\n                ?active=${o.value === this.selectedValue}\n                @click=${() => this.onSelect(o.value)}>\n                ${o.label}\n              </nile-menu-item>\n            `)}\n          </nile-menu>\n        </nile-dropdown>\n      `;\n    }\n\n    // ► Default (e.g., heading): text items; heading values are validated already\n    const triggerText = current?.label || this.label || 'Select';\n    return html`\n      <nile-dropdown class=\"rte-default-dd\">\n        <nile-button slot=\"trigger\" variant=\"tertiary\" class=\"rte-default-trigger\">\n          ${triggerText} <nile-icon name=\"arrowdown\"></nile-icon>\n        </nile-button>\n        <nile-menu class=\"rte-default-menu\">\n          ${opts.map(o => html`\n            <nile-menu-item\n              ?active=${o.value === this.selectedValue}\n              @click=${() => this.onSelect(o.value)}>\n              ${o.label}\n            </nile-menu-item>\n          `)}\n        </nile-menu>\n      </nile-dropdown>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-rte-select': NileRteSelect;\n  }\n}\n"],"names":["isHeadingTag","v","HEADING_ALLOWLIST","has","setters","_tslib","Set","NileRteSelect","o","constructor","this","type","options","label","selectedValue","_this","_inherits","_e","_createClass","key","value","createRenderRoot","mapAlignIcon","left","center","right","justify","get","parsedOptions","source","optionsObj","items","Array","isArray","JSON","parse","String","_unused","map","icon","undefined","length","filter","i","ensureDefault","first","onSelect","dispatchEvent","CustomEvent","detail","bubbles","composed","console","warn","connectedCallback","super","injectLocalStyles","querySelector","style","document","createElement","setAttribute","textContent","insertBefore","firstChild","render","opts","current","find","trigger","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","triggerText","_templateObject4","_templateObject5","_templateObject6","_templateObject7","__decorate","LitElement","property","prototype","attribute","state","customElement"],"mappings":"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"}