@aquera/nile-elements 0.1.67-beta-1.4 → 0.1.67-beta-1.6

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

@@ -1,211 +1,107 @@
 import{css as e}from"lit";const r=e`
- /* ---- SAFER RESET INSIDE THE EDITOR -------------------------------------- */
-.editor * {
-  all: revert;                 /* keep your reset… */
-  box-sizing: border-box;      /* …but preserve sane layout */
-  overflow-wrap: anywhere;     /* break long words/URLs */
-  word-break: break-word;
+  .editor * {
+  all: revert;
 }
 
-/* Let component & editor shrink inside flex/grid parents */
-nile-rich-text-editor,
-.editor {
-  display: block;
-  min-width: 0;
-  max-width: 100%;
-  font-family: inherit;
-}
-
-/* ---- TOOLBAR ------------------------------------------------------------- */
-nile-rte-toolbar,
-.toolbar {
-  display: flex;
-  flex-wrap: wrap;             /* allow wrapping to next row */
-  align-items: center;
-  gap: 8px;
-  padding: 8px;
-  border: 1px solid #e5e7eb;
-  border-bottom: none;
-  border-radius: 8px 8px 0 0;
-  background: #fff;
-  box-sizing: border-box;
-  width: 100%;
-}
-
-/* allow children to shrink instead of forcing overflow */
-nile-rte-toolbar > *,
-.toolbar > * {
-  flex: 0 1 auto;
-  min-width: 0;
-}
+  nile-rich-text-editor { position: relative; display: block; font-family: inherit; }
 
-/* buttons */
+       
 nile-rte-toolbar-item > nile-button::part(base) {
-  width: 32px;
-  height: 32px;
-  padding: 0 6px;
+ 
+  width:32px; height:32px; padding:0px 6px;
   border: none;
 }
-
-nile-rte-toolbar-item > button,
-.toolbar button,
-nile-rte-toolbar button {
-  border: 1px solid #e5e7eb;
-  background: #fff;
-  border-radius: 6px;
-  cursor: pointer;
-}
-
-nile-rte-toolbar-item > button nile-icon { pointer-events: none; }
-
-nile-rte-toolbar-item > button.active {
-  border-color: #2563eb;
-  background: #eff6ff;
-}
-
-/* selects should be able to shrink on small screens */
-nile-rte-select select {
-  height: 32px;
-  border: 1px solid #e5e7eb;
-  border-radius: 6px;
-  background: #fff;
-  min-width: 0;
-  max-width: 100%;
-}
-
-/* color input */
-nile-rte-color input[type="color"] {
-  height: 32px;
-  width: 36px;
-  border: 1px solid #e5e7eb;
-  padding: 0;
-  border-radius: 6px;
-  background: #fff;
-}
-
-nile-rte-divider {
-  width: 1px;
-  height: 20px;
-  background: #e5e7eb;
-  display: inline-block;
-  margin: 0 4px;
-}
-
-/* ---- EDITOR AREA --------------------------------------------------------- */
-.editor {
-  min-height: 160px;
-  padding: 12px;
-  border: 1px solid #e5e7eb;
-  border-radius: 0 0 8px 8px;
-  background: #fff;
-  outline: none;
-  white-space: pre-wrap;
-  tab-size: 4;
-  -moz-tab-size: 4;
-  overflow-wrap: anywhere;
-  box-sizing: border-box;
-  width: 100%;
-}
-
  
-.editor p { margin: 1em 0; }
-.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {
-  margin-left: 0;
-  margin-right: 0;
-  font-weight: bold;
-}
-.editor h1 { font-size: 2em; margin: 0.67em 0; }
-.editor h2 { font-size: 1.5em; margin: 0.83em 0; }
-.editor h3 { font-size: 1.17em; margin: 1em 0; }
-.editor h4 { font-size: 1em;   margin: 1.33em 0; }
-.editor h5 { font-size: 0.83em; margin: 1.67em 0; }
-.editor h6 { font-size: 0.67em; margin: 2.33em 0; }
-
-/* Keep typical wide content inside the box */
-.editor img,
-.editor svg,
-.editor table,
-.editor pre,
-.editor code,
-.editor blockquote {
-  max-width: 100%;
-  box-sizing: border-box;
-}
-
-/* Make <pre> wrap on small screens */
-.editor pre {
-  white-space: pre-wrap;
-  word-break: break-word;
-}
-
-/* Long links shouldn’t push layout */
-.editor a { word-break: break-all; }
+ 
 
-/* ---- PREVIEW ------------------------------------------------------------- */
-nile-rte-preview {
-  display: block;
-  margin-top: 10px;
-  padding: 10px;
-  border: 1px dashed #cbd5e1;
-  border-radius: 8px;
-  background: #fafafa;
-}
 
-/* ---- COLOR TRIGGER (unchanged) ------------------------------------------ */
-.rte-color-trigger {
+      .toolbar, nile-rte-toolbar {
+        display:flex; align-items:center; gap:6px; padding:8px; 
+        border:1px solid #e5e7eb; border-bottom:none; border-radius:8px 8px 0 0; background:#fff;
+      }
+
+      nile-rte-toolbar-item > button, .toolbar button, nile-rte-toolbar button {
+        border:1px solid #e5e7eb; background:#fff; border-radius:6px;
+        cursor:pointer;
+      }
+
+  
+      /* Ensure clicks hit the button (not nested icon internals) */
+      nile-rte-toolbar-item > button nile-icon { pointer-events:none; }
+
+      nile-rte-toolbar-item > button.active { border-color:#2563eb; background:#eff6ff; }
+      nile-rte-select select { height:32px; border:1px solid #e5e7eb; border-radius:6px; background:#fff; }
+      nile-rte-color input[type="color"] { height:32px; width:36px; border:1px solid #e5e7eb; padding:0; border-radius:6px; background:#fff; }
+      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;
+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;
+font-size: 1.5em;
+margin-top: 0.83em;
+margin-bottom: 0.83em;
+margin-left: 0;
+margin-right: 0;
+font-weight: bold;}
+      .editor h3 { font-size:1.17em  }
+      .editor h4 { font-size:1em  }
+      .editor h5 { font-size:0.83em  }
+      .editor h6 { font-size:0.67em  }
+
+      .editor { min-height:160px; padding:12px; border:1px solid #e5e7eb; border-radius:0 0 8px 8px; background:#fff; outline:none;   white-space: pre-wrap;
+  tab-size: 4;           
+  -moz-tab-size: 4;       }
+      nile-rte-preview { display:block; margin-top:10px; padding:10px; border:1px dashed #cbd5e1; border-radius:8px; background:#fafafa; }
+
+      .rte-color-trigger {
   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;
-  grid-auto-rows: max-content;
+  display: grid;               /* stack vertically */
+  grid-auto-rows: max-content; 
   align-items: center;
   justify-items: center;
   line-height: 1;
 }
+
 .rte-color-trigger .glyph {
   font-size: 14px;
   line-height: 1;
-  margin-bottom: 2px;
+  margin-bottom: 2px;          
 }
+
 .rte-color-trigger .underline {
   width: 18px;
   height: 3px;
   border-radius: 2px;
-  background: currentColor;
+  background: currentColor;    
 }
+
+ 
 .rte-color-trigger .swatch-box {
   width: 18px;
   height: 16px;
   border-radius: 4px;
   border: 1px solid rgba(0,0,0,0.35);
-  background: currentColor;
+  background: currentColor;    /* overridden via JS */
 }
 
-/* ---- RESPONSIVE TWEAKS --------------------------------------------------- */
-@media (max-width: 900px) {
-  nile-rte-toolbar { gap: 6px; padding: 6px; }
-  nile-rte-select select { max-width: 160px; }
-}
-
-@media (max-width: 600px) {
-  nile-rte-toolbar { gap: 4px; }
-  nile-rte-select select { max-width: 120px; }
-  /* optional fallback if wrapping still feels tight */
-  /* nile-rte-toolbar { overflow-x: auto; } */
-}
-
-@media (max-width: 420px) {
-  nile-rte-select select { max-width: 100px; }
-  nile-rte-divider { display: none; }
-}
-
-
 `;export{r as s};

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.onPaste=t=>{const i=t.clipboardData?.getData("text/html");if(!i)return;t.preventDefault(),this.focusAndRestore();const s=document.createElement("div");s.innerHTML=i;const e=document.createTreeWalker(s,NodeFilter.SHOW_ELEMENT),n=new Set(["width","height","max-width","min-width","margin","padding","position","left","right","top","bottom","float","display","border","line-height","white-space"]);for(;e.nextNode();){const t=e.currentNode;if(t.removeAttribute("width"),t.removeAttribute("height"),t.hasAttribute("style")){const i=(t.getAttribute("style")||"").split(";").map((t=>t.trim())).filter(Boolean).filter((t=>{const i=t.split(":")[0]?.trim().toLowerCase();return i&&!n.has(i)}));i.length?t.setAttribute("style",i.join("; ")):t.removeAttribute("style")}}const o=window.getSelection();if(o&&o.rangeCount){const t=o.getRangeAt(0);t.deleteContents();const i=document.createDocumentFragment();for(;s.firstChild;)i.appendChild(s.firstChild);t.insertNode(i),o.removeAllRanges(),o.addRange(t)}this.ensureAtLeastOneParagraph(),this.updateContent(),this.updateToolbarState()},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),this.editorEl.addEventListener("paste",this.onPaste)}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;if(e.removeAttribute("style"),["B","STRONG","I","EM","U","H1","H2","H3","H4","H5","H6"].includes(e.tagName))continue;const n=this.collectMinimalInline(t);n&&e.setAttribute("style",n)}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}))}collectMinimalInline(t){const i=getComputedStyle(t),s=t.parentElement?getComputedStyle(t.parentElement):null,e=[],n=(t,i)=>{i&&e.push(`${t}:${i}`)};if(["P","DIV","LI","TD","TH","BLOCKQUOTE","H1","H2","H3","H4","H5","H6"].includes(t.tagName)){const t=i.textAlign;t!==(s?.textAlign||"start")&&"start"!==t&&n("text-align",t)}s&&i.color===s.color||n("color",i.color);const o=i.backgroundColor;/transparent|rgba\(\s*0\s*,\s*0\s*,\s*0\s*,\s*0\s*\)/i.test(o)||n("background-color",o);const r=this.normalizeFontFamily(i.fontFamily),h=this.normalizeFontFamily(s?.fontFamily||"");if(r&&r!==h&&n("font-family",i.fontFamily),"SPAN"===t.tagName||t.style.fontSize){const t=i.fontSize,e=s?.fontSize;e&&t===e||n("font-size",t)}if("UL"===t.tagName||"OL"===t.tagName){const s=i.listStyleType,e="UL"===t.tagName?"disc":"decimal";s&&s!==e&&n("list-style-type",s)}const l=i.textDecorationLine;return l&&"none"!==l&&"U"!==t.tagName&&n("text-decoration-line",l),e.join(";")}normalizeFontFamily(t){return(t||"").replace(/["']/g,"").split(",")[0].trim().toLowerCase()}};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{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:"format_list_bulleted",ol:"format_list_numbered",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 > nile-button");if(!o){const s=document.createElement("nile-button");s.variant="ghost",s.className="rte-color-trigger",s.setAttribute("aria-label",i),s.innerHTML="background"===e?'<span class="swatch-box" aria-hidden="true"></span>':'\n                    <span class="glyph-stack" aria-hidden="true">\n                      <span class="glyph">A</span>\n                      <span class="underline"></span>\n                    </span>\n                  ',t.appendChild(s),o=s}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),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,o=window.getComputedStyle(t),r=e.map((t=>`${t}:${o.getPropertyValue(t)}`)).join(";");r.trim()&&n.setAttribute("style",r)}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};

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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"}

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

@@ -1,47 +1,32 @@
-import{__decorate as t}from"tslib";import{LitElement as e,html as n}from"lit";import{property as i,state as l,customElement as r}from"lit/decorators.js";const s=new Set(["p","h1","h2","h3","h4","h5","h6"]);function a(t){return s.has(t)}let o=class extends e{constructor(){super(...arguments),this.type="",this.options="[]",this.label="",this.selectedValue=""}createRenderRoot(){return this}mapAlignIcon(t){return{left:"format_align_left",center:"format_align_middle",right:"format_align_right",justify:"format_align_justify"}[t]||"align-left"}get parsedOptions(){const t=this.optionsObj??this.options;let e=(()=>{if(Array.isArray(t))return t;try{return JSON.parse(String(t))}catch{return[]}})().map((t=>{const e=t?.value??t;return{value:e,label:t?.label??t?.value??t,icon:t?.icon??("align"===this.type?this.mapAlignIcon(String(e)):void 0)}}));if("heading"===this.type){e.length;e=e.filter((t=>a(t.value))),e.length,this.selectedValue&&!a(this.selectedValue)&&(this.selectedValue="")}return e}ensureDefault(){if(!this.selectedValue){const t=this.parsedOptions[0];t&&(this.selectedValue=t.value)}}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: ${t}`)}connectedCallback(){super.connectedCallback(),this.injectLocalStyles()}injectLocalStyles(){if(this.querySelector("style[data-rte-select-style]"))return;const 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)}render(){const t=this.parsedOptions;this.ensureDefault();const e=t.find((t=>t.value===this.selectedValue));if("align"===this.type){const i=e?.icon?n`<nile-icon name="${e.icon}"></nile-icon>`:this.label||"Align";return n`
-          <nile-dropdown class="rte-align-dd">
-            <nile-button slot="trigger" variant="tertiary" class="rte-align-trigger">
-              ${i}
-            </nile-button>
-            <nile-menu class="rte-align-menu">
-              ${t.map((t=>n`
-                <nile-menu-item
-                  class="rte-align-item"
-                  ?active=${t.value===this.selectedValue}
-                  @click=${()=>this.onSelect(t.value)}>
-                  <nile-icon name="${t.icon}"></nile-icon>
-                </nile-menu-item>
-              `))}
-            </nile-menu>
-          </nile-dropdown>
-        `}if("font"===this.type){const i=e?.label||this.label||"Font";return n`
-          <nile-dropdown class="rte-default-dd">
-            <nile-button
-              slot="trigger"
-              variant="tertiary"
-              class="rte-default-trigger"
-              style="font-family: ${e?.value||"inherit"}">
-              ${i} <nile-icon name="arrowdown"></nile-icon>
-            </nile-button>
-            <nile-menu class="rte-default-menu">
-              ${t.map((t=>n`
-                <nile-menu-item
-                  style="font-family: ${t.value}"
-                  ?active=${t.value===this.selectedValue}
-                  @click=${()=>this.onSelect(t.value)}>
-                  ${t.label}
-                </nile-menu-item>
-              `))}
-            </nile-menu>
-          </nile-dropdown>
-        `}const i=e?.label||this.label||"Select";return n`
+import{__decorate as t}from"tslib";import{LitElement as e,html as n}from"lit";import{property as i,state as r,customElement as l}from"lit/decorators.js";const s=new Set(["p","h1","h2","h3","h4","h5","h6"]);function a(t){return s.has(t)}let o=class extends e{constructor(){super(...arguments),this.type="",this.options="[]",this.label="",this.selectedValue=""}createRenderRoot(){return this}mapAlignIcon(t){return{left:"format_align_left",center:"format_align_middle",right:"format_align_right",justify:"format_align_justify"}[t]||"format_align_left"}get parsedOptions(){const t=this.optionsObj??this.options;let e=(()=>{if(Array.isArray(t))return t;try{return JSON.parse(String(t))}catch{return[]}})().map((t=>{const e=t?.value??t;return{value:e,label:t?.label??t?.value??t,icon:t?.icon??("align"===this.type?this.mapAlignIcon(String(e)):void 0)}}));if("heading"===this.type){e.length;e=e.filter((t=>a(t.value))),e.length,this.selectedValue&&!a(this.selectedValue)&&(this.selectedValue="")}return e}ensureDefault(){if(!this.selectedValue){const t=this.parsedOptions[0];t&&(this.selectedValue=t.value)}}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: ${t}`)}connectedCallback(){super.connectedCallback(),this.injectLocalStyles()}injectLocalStyles(){if(this.querySelector("style[data-rte-select-style]"))return;const 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)}render(){const t=this.parsedOptions;this.ensureDefault();const e=t.find((t=>t.value===this.selectedValue));if("align"===this.type){const i=e?.icon?n`<nile-icon name="${e.icon}"></nile-icon>`:this.label||"Align";return n`
+        <nile-dropdown class="rte-align-dd">
+          <nile-button slot="trigger" variant="tertiary" class="rte-align-trigger">
+            ${i}
+          </nile-button>
+          <nile-menu class="rte-align-menu">
+            ${t.map((t=>n`
+              <nile-menu-item
+                class="rte-align-item"
+                ?active=${t.value===this.selectedValue}
+                @click=${()=>this.onSelect(t.value)}>
+                <nile-icon name="${t.icon}"></nile-icon>
+              </nile-menu-item>
+            `))}
+          </nile-menu>
+        </nile-dropdown>
+      `}if("font"===this.type){const i=e?.label||this.label||"Font";return n`
         <nile-dropdown class="rte-default-dd">
-          <nile-button slot="trigger" variant="tertiary" class="rte-default-trigger">
+          <nile-button
+            slot="trigger"
+            variant="tertiary"
+            class="rte-default-trigger"
+            style="font-family: ${e?.value||"inherit"}">
             ${i} <nile-icon name="arrowdown"></nile-icon>
           </nile-button>
           <nile-menu class="rte-default-menu">
             ${t.map((t=>n`
               <nile-menu-item
+                style="font-family: ${t.value}"
                 ?active=${t.value===this.selectedValue}
                 @click=${()=>this.onSelect(t.value)}>
                 ${t.label}
@@ -49,4 +34,19 @@ import{__decorate as t}from"tslib";import{LitElement as e,html as n}from"lit";im
             `))}
           </nile-menu>
         </nile-dropdown>
-      `}};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);
+      `}const i=e?.label||this.label||"Select";return n`
+      <nile-dropdown class="rte-default-dd">
+        <nile-button slot="trigger" variant="tertiary" class="rte-default-trigger">
+          ${i} <nile-icon name="arrowdown"></nile-icon>
+        </nile-button>
+        <nile-menu class="rte-default-menu">
+          ${t.map((t=>n`
+            <nile-menu-item
+              ?active=${t.value===this.selectedValue}
+              @click=${()=>this.onSelect(t.value)}>
+              ${t.label}
+            </nile-menu-item>
+          `))}
+        </nile-menu>
+      </nile-dropdown>
+    `}};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);