@aquera/nile-elements 1.5.5 → 1.5.6

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"./nile-rte-link.esm.js";import{s as r,a as o,n as h,c as l}from"./utils/block-utils.esm.js";import{t as c,s as a,r as u}from"./utils/inline-utils.esm.js";import{s as d,a as f}from"./utils/color-utils.esm.js";import{t as m}from"./utils/list-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:"format_clear"},g=["font-weight","font-style","text-decoration","color","background-color","font-size","font-family","text-align","line-height","letter-spacing","white-space","vertical-align","list-style-position","padding-inline-start"];let y=class extends i{constructor(){super(...arguments),this.value="",this.noStyles=!1,this.singleLineEditor=!1,this.placeholder="",this.mentions={},this.whitelist=[],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.containerEl=null,this.mentionsEl=null,this.onEditorKeydown=t=>{if(this.singleLineEditor&&"Enter"===t.key&&t.shiftKey)return void t.preventDefault();if(t.ctrlKey&&"i"===t.key.toLowerCase()&&(t.preventDefault(),c(this.editorEl,"em"),this.updateContent(),this.updateToolbarState()),this.singleLineEditor&&"Enter"===t.key)return void t.preventDefault();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}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.ensureStructure(),this.placeholder&&this.editorEl&&(this.editorEl.dataset.placeholder=this.placeholder),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(),document.addEventListener("selectionchange",this.onSelectionChange,{passive:!0}),this.updateToolbarState(),this.syncPreview()}ensureStructure(){this.toolbarEl=this.querySelector("nile-rte-toolbar"),this.previewEl=this.querySelector("nile-rte-preview"),this.containerEl=this.querySelector(".rte-container"),this.containerEl||(this.containerEl=document.createElement("div"),this.containerEl.className="rte-container",this.appendChild(this.containerEl)),this.ensureEditor(),this.toolbarEl&&this.toolbarEl.parentElement!==this.containerEl&&this.containerEl.appendChild(this.toolbarEl),this.editorEl.parentElement!==this.containerEl&&this.containerEl.appendChild(this.editorEl),this.previewEl&&(this.previewEl.parentElement!==this&&this.appendChild(this.previewEl),this.previewEl.previousElementSibling!==this.containerEl&&this.insertBefore(this.previewEl,this.containerEl.nextSibling))}updateContentWithMention(t){this.updateContent(),this.dispatchEvent(new CustomEvent("nile-change",{detail:{content:this.content,mention:t},bubbles:!0,composed:!0}))}disconnectedCallback(){document.removeEventListener("selectionchange",this.onSelectionChange),this.mentionsEl&&this.mentionsEl.detach&&this.mentionsEl.detach(),super.disconnectedCallback()}updated(t){t.has("value")&&this.editorEl&&this.value!==this.editorEl.innerHTML&&(this.editorEl.innerHTML=this.value||"<p><br></p>",this.content=this.editorEl.innerHTML,this.syncPreview()),t.has("singleLineEditor")&&(this.editorEl&&this.editorEl.classList.toggle("single-line",this.singleLineEditor),this.previewEl&&this.previewEl.classList.toggle("single-line",this.singleLineEditor))}ensureEditor(){if(this.editorEl=this.querySelector(".editor"),!this.editorEl){const t=document.createElement("article");t.className="editor",t.setAttribute("contenteditable","true"),this.editorEl=t}this.placeholder&&(this.editorEl.dataset.placeholder=this.placeholder),this.editorEl.innerHTML.trim()||(this.editorEl.innerHTML="<p><br></p>")}unwrapMention(t,i=!0){const s=t.parentNode;if(!s)return;const e=i?(t.textContent??"").replace(/\u200B/g,""):"",n=document.createTextNode(e);s.insertBefore(n,t),s.removeChild(t);const r=document.createRange();r.setStartAfter(n),r.collapse(!0);const o=window.getSelection();o?.removeAllRanges(),o?.addRange(r)}scrubBrokenMentions(){if(!this.editorEl)return;this.editorEl.querySelectorAll("span.mention").forEach((t=>{const i=t,s=i.getAttribute("data-mention-key"),e=i.getAttribute("data-mention-label"),n=i.getAttribute("data-mention-trigger")||"",r=(i.textContent??"").replace(/\u200B/g,"").trim(),o=!!s&&!!e&&r.length>0&&r.startsWith(n)&&r.includes(e);r&&o||this.unwrapMention(i,!0)}))}wireEditor(){this.editorEl.addEventListener("input",(()=>{this.ensureAtLeastOneParagraph(),this.scrubBrokenMentions(),this.updateContent(),this.updateToolbarState()})),this.editorEl.addEventListener("mouseup",(()=>{this.saveSelection(),this.updateToolbarState()})),this.editorEl.addEventListener("keyup",(t=>{this.saveSelection(),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)&&this.updateToolbarState()})),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=""}if(!i.isConnected){const s=document.createElement("nile-lite-tooltip");s.setAttribute("content",e),s.appendChild(i),t.appendChild(s)}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?d(this.editorEl,s):f(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&&a(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()}getCleanContent(){const t=this.editorEl.cloneNode(!0);return t.querySelectorAll("*").forEach((t=>{t.removeAttribute("style")})),t.innerHTML}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":c(this.editorEl,"strong");break;case"italic":c(this.editorEl,"em");break;case"underline":c(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":m(this.editorEl,"ul"),this.updateContent(),this.updateToolbarState();break;case"ol":m(this.editorEl,"ol"),this.updateContent(),this.updateToolbarState();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=h(i.startContainer)||this.editorEl,e=getComputedStyle(s),n=l(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})(),c=(()=>{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})(),a=!!s.closest("a"),d=n.style.textAlign||getComputedStyle(n).textAlign||"start",f="start"===d?"left":d,m=!!s.closest("li")&&s.closest("ul,ol")?.tagName.toLowerCase()||"";if(this.setBtnActive("bold",r),this.setBtnActive("italic",o),this.setBtnActive("underline",c),this.setBtnActive("link",a),this.setBtnActive("left","left"===f&&!["center","right","justify"].includes(f)),this.setBtnActive("center","center"===f),this.setBtnActive("right","right"===f),this.setBtnActive("justify","justify"===f),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=u(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=u(t);i&&this.bgColorInput.value.toLowerCase()!==i.toLowerCase()&&(this.bgColorInput.value=i)}this.bgSwatchEl&&(this.bgSwatchEl.style.backgroundColor=this.bgColorInput.value)}}syncPreview(){this.updateContent()}getComputedImportantProps(){return Array.from(new Set([...g,...this.whitelist??[]]))}updateContent(){if(!this.editorEl)return;this.ensureAtLeastOneParagraph();const t=""===(this.editorEl.textContent??"").trim();this.editorEl.classList.toggle("empty",t);const i=this.editorEl.cloneNode(!0);if(this.noStyles)i.querySelectorAll("[style]").forEach((t=>t.removeAttribute("style")));else{const t=document.createTreeWalker(this.editorEl,NodeFilter.SHOW_ELEMENT),s=document.createTreeWalker(i,NodeFilter.SHOW_ELEMENT),e=this.getComputedImportantProps();for(;t.nextNode()&&s.nextNode();){const i=t.currentNode,n=s.currentNode,r=window.getComputedStyle(i),o=e.map((t=>`${t}:${r.getPropertyValue(t)}`)).join(";");o.trim()&&n.setAttribute("style",o)}}this.content=i.innerHTML,this.previewEl&&(this.previewEl.innerHTML=this.content),this.dispatchEvent(new CustomEvent("nile-change",{detail:{content:this.content},bubbles:!0,composed:!0}))}};t([s({type:String,attribute:!0,reflect:!0})],y.prototype,"value",void 0),t([s({type:Boolean,attribute:!0,reflect:!0})],y.prototype,"noStyles",void 0),t([s({type:Boolean,attribute:"singlelineeditor",reflect:!0})],y.prototype,"singleLineEditor",void 0),t([s({type:String})],y.prototype,"placeholder",void 0),t([s({attribute:"mentions",reflect:!0,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)}})],y.prototype,"mentions",void 0),t([s({attribute:"whitelist",reflect:!1,converter:{fromAttribute:t=>{try{const i=JSON.parse(t);return Array.isArray(i)?i.filter((t=>"string"==typeof t)):[]}catch{return[]}}}})],y.prototype,"whitelist",void 0),t([e()],y.prototype,"content",void 0),y=t([n("nile-rich-text-editor")],y);export{y 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,n as h,c as l}from"./utils/block-utils.esm.js";import{t as c,s as a,r as u}from"./utils/inline-utils.esm.js";import{s as d,a as f}from"./utils/color-utils.esm.js";import{t as m}from"./utils/list-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:"format_clear"},g=["font-weight","font-style","text-decoration","color","background-color","font-size","font-family","text-align","line-height","letter-spacing","white-space","vertical-align","list-style-position","padding-inline-start"];let y=class extends i{constructor(){super(...arguments),this.value="",this.noStyles=!1,this.disabled=!1,this.singleLineEditor=!1,this.placeholder="",this.mentions={},this.whitelist=[],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.containerEl=null,this.mentionsEl=null,this.onEditorKeydown=t=>{if(this.singleLineEditor&&"Enter"===t.key&&t.shiftKey)return void t.preventDefault();if(t.ctrlKey&&"i"===t.key.toLowerCase()&&(t.preventDefault(),c(this.editorEl,"em"),this.updateContent(),this.updateToolbarState()),this.singleLineEditor&&"Enter"===t.key)return void t.preventDefault();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}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.ensureStructure(),this.placeholder&&this.editorEl&&(this.editorEl.dataset.placeholder=this.placeholder),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(),document.addEventListener("selectionchange",this.onSelectionChange,{passive:!0}),this.updateToolbarState(),this.syncPreview()}ensureStructure(){this.toolbarEl=this.querySelector("nile-rte-toolbar"),this.previewEl=this.querySelector("nile-rte-preview"),this.containerEl=this.querySelector(".rte-container"),this.containerEl||(this.containerEl=document.createElement("div"),this.containerEl.className="rte-container",this.appendChild(this.containerEl)),this.ensureEditor(),this.toolbarEl&&this.toolbarEl.parentElement!==this.containerEl&&this.containerEl.appendChild(this.toolbarEl),this.editorEl.parentElement!==this.containerEl&&this.containerEl.appendChild(this.editorEl),this.previewEl&&(this.previewEl.parentElement!==this&&this.appendChild(this.previewEl),this.previewEl.previousElementSibling!==this.containerEl&&this.insertBefore(this.previewEl,this.containerEl.nextSibling))}updateContentWithMention(t){this.updateContent(),this.dispatchEvent(new CustomEvent("nile-change",{detail:{content:this.content,mention:t},bubbles:!0,composed:!0}))}disconnectedCallback(){document.removeEventListener("selectionchange",this.onSelectionChange),this.mentionsEl&&this.mentionsEl.detach&&this.mentionsEl.detach(),super.disconnectedCallback()}updated(t){t.has("value")&&this.editorEl&&this.value!==this.editorEl.innerHTML&&(this.editorEl.innerHTML=this.value||"<p><br></p>",this.content=this.editorEl.innerHTML,this.syncPreview()),t.has("singleLineEditor")&&(this.editorEl&&this.editorEl.classList.toggle("single-line",this.singleLineEditor),this.previewEl&&this.previewEl.classList.toggle("single-line",this.singleLineEditor))}ensureEditor(){if(this.editorEl=this.querySelector(".editor"),!this.editorEl){const t=document.createElement("article");t.className="editor",t.setAttribute("contenteditable","true"),this.editorEl=t}this.placeholder&&(this.editorEl.dataset.placeholder=this.placeholder),this.editorEl.innerHTML.trim()||(this.editorEl.innerHTML="<p><br></p>")}unwrapMention(t,i=!0){const s=t.parentNode;if(!s)return;const e=i?(t.textContent??"").replace(/\u200B/g,""):"",n=document.createTextNode(e);s.insertBefore(n,t),s.removeChild(t);const r=document.createRange();r.setStartAfter(n),r.collapse(!0);const o=window.getSelection();o?.removeAllRanges(),o?.addRange(r)}scrubBrokenMentions(){if(!this.editorEl)return;this.editorEl.querySelectorAll("span.mention").forEach((t=>{const i=t,s=i.getAttribute("data-mention-key"),e=i.getAttribute("data-mention-label"),n=i.getAttribute("data-mention-trigger")||"",r=(i.textContent??"").replace(/\u200B/g,"").trim(),o=!!s&&!!e&&r.length>0&&r.startsWith(n)&&r.includes(e);r&&o||this.unwrapMention(i,!0)}))}wireEditor(){this.editorEl.addEventListener("input",(()=>{this.ensureAtLeastOneParagraph(),this.scrubBrokenMentions(),this.updateContent(),this.updateToolbarState()})),this.editorEl.addEventListener("mouseup",(()=>{this.saveSelection(),this.updateToolbarState()})),this.editorEl.addEventListener("keyup",(t=>{this.saveSelection(),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(t.key)&&this.updateToolbarState()})),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"))return t.disabled=this.disabled,void t.addEventListener("change",(t=>{this.focusAndRestore();const i=t.detail;r(this.editorEl,i),this.updateContent(),this.updateToolbarState()}));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"),i.disabled=this.disabled,n)i.innerHTML=`<nile-icon name="${n}" color=${this.disabled?"var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled-subtle))":"var(--nile-colors-dark-900, var(--ng-colors-text-primary-900))"} 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=${this.disabled?"var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled-subtle))":"var(--nile-colors-dark-900, var(--ng-colors-text-primary-900))"} aria-label="${e}"></nile-icon>`:i.textContent=e||s,t.innerHTML=""}if(!i.isConnected)if(this.disabled)t.appendChild(i);else{const s=document.createElement("nile-lite-tooltip");s.setAttribute("content",e),s.appendChild(i),t.appendChild(s)}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?d(this.editorEl,s):f(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&&a(this.editorEl,s),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()}getCleanContent(){const t=this.editorEl.cloneNode(!0);return t.querySelectorAll("*").forEach((t=>{t.removeAttribute("style")})),t.innerHTML}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":c(this.editorEl,"strong");break;case"italic":c(this.editorEl,"em");break;case"underline":c(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":m(this.editorEl,"ul"),this.updateContent(),this.updateToolbarState();break;case"ol":m(this.editorEl,"ol"),this.updateContent(),this.updateToolbarState();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=h(i.startContainer)||this.editorEl,e=getComputedStyle(s),n=l(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})(),c=(()=>{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})(),a=!!s.closest("a"),d=n.style.textAlign||getComputedStyle(n).textAlign||"start",f="start"===d?"left":d,m=!!s.closest("li")&&s.closest("ul,ol")?.tagName.toLowerCase()||"";if(this.setBtnActive("bold",r),this.setBtnActive("italic",o),this.setBtnActive("underline",c),this.setBtnActive("link",a),this.setBtnActive("left","left"===f&&!["center","right","justify"].includes(f)),this.setBtnActive("center","center"===f),this.setBtnActive("right","right"===f),this.setBtnActive("justify","justify"===f),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=u(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=u(t);i&&this.bgColorInput.value.toLowerCase()!==i.toLowerCase()&&(this.bgColorInput.value=i)}this.bgSwatchEl&&(this.bgSwatchEl.style.backgroundColor=this.bgColorInput.value)}}syncPreview(){this.updateContent()}getComputedImportantProps(){return Array.from(new Set([...g,...this.whitelist??[]]))}updateContent(){if(!this.editorEl)return;this.ensureAtLeastOneParagraph();const t=""===(this.editorEl.textContent??"").trim();this.editorEl.classList.toggle("empty",t);const i=this.editorEl.cloneNode(!0);if(this.noStyles)i.querySelectorAll("[style]").forEach((t=>t.removeAttribute("style")));else{const t=document.createTreeWalker(this.editorEl,NodeFilter.SHOW_ELEMENT),s=document.createTreeWalker(i,NodeFilter.SHOW_ELEMENT),e=this.getComputedImportantProps();for(;t.nextNode()&&s.nextNode();){const i=t.currentNode,n=s.currentNode,r=window.getComputedStyle(i),o=e.map((t=>`${t}:${r.getPropertyValue(t)}`)).join(";");o.trim()&&n.setAttribute("style",o)}}this.content=i.innerHTML,this.previewEl&&(this.previewEl.innerHTML=this.content),this.dispatchEvent(new CustomEvent("nile-change",{detail:{content:this.content},bubbles:!0,composed:!0}))}};t([s({type:String,attribute:!0,reflect:!0})],y.prototype,"value",void 0),t([s({type:Boolean,attribute:!0,reflect:!0})],y.prototype,"noStyles",void 0),t([s({type:Boolean,attribute:!0,reflect:!0})],y.prototype,"disabled",void 0),t([s({type:Boolean,attribute:"singlelineeditor",reflect:!0})],y.prototype,"singleLineEditor",void 0),t([s({type:String})],y.prototype,"placeholder",void 0),t([s({attribute:"mentions",reflect:!0,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)}})],y.prototype,"mentions",void 0),t([s({attribute:"whitelist",reflect:!1,converter:{fromAttribute:t=>{try{const i=JSON.parse(t);return Array.isArray(i)?i.filter((t=>"string"==typeof t)):[]}catch{return[]}}}})],y.prototype,"whitelist",void 0),t([e()],y.prototype,"content",void 0),y=t([n("nile-rich-text-editor")],y);export{y 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]||"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[];}}();"align"===this.type&&0===e.length&&(e=[{value:"left",label:"Align Left"},{value:"center",label:"Align Center"},{value:"right",label:"Align Right"},{value:"justify",label:"Justify"}]);var n=e.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){n.length;n=n.filter(function(t){return a(t.value);}),n.length,this.selectedValue&&!a(this.selectedValue)&&(this.selectedValue="");}return n;}},{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  border: none;\n}\n\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\n            slot=\"trigger\"\n            variant=\"tertiary\"\n            class=\"rte-align-trigger\"\n          >\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                >\n                  <nile-tooltip hoist content=\"","\">\n                    <nile-icon name=\"","\"></nile-icon>\n                  </nile-tooltip>\n                </nile-menu-item>\n              "])),t.value===_this3.selectedValue,function(){return _this3.onSelect(t.value);},t.label,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          >\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                  ","\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\n          slot=\"trigger\"\n          variant=\"tertiary\"\n          class=\"rte-default-trigger\"\n        >\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                ","\n              </nile-menu-item>\n            "])),t.value===_this3.selectedValue,function(){return _this3.onSelect(t.value);},t.label);}));}}]);}(e);t([i({type:String,attribute:!0,reflect:!0})],o.prototype,"type",void 0),t([i({type:String,attribute:!0,reflect:!0})],o.prototype,"options",void 0),t([i({attribute:!1})],o.prototype,"optionsObj",void 0),t([i({type:String,attribute:!0,reflect:!0})],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,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.disabled=!1,_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[];}}();"align"===this.type&&0===e.length&&(e=[{value:"left",label:"Align Left"},{value:"center",label:"Align Center"},{value:"right",label:"Align Right"},{value:"justify",label:"Justify"}]);var n=e.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){n.length;n=n.filter(function(t){return a(t.value);}),n.length,this.selectedValue&&!a(this.selectedValue)&&(this.selectedValue="");}return n;}},{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  border: none;\n}\n\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=\"","\" color="," size=\"20\"></nile-icon>"])),e.icon,this.disabled?"var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled-subtle))":"var(--nile-colors-dark-900, var(--ng-colors-text-primary-900))"):this.label||"Align";return n(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n        <nile-dropdown ?disabled="," class=\"rte-align-dd\">\n          <nile-button\n            slot=\"trigger\"\n            variant=\"tertiary\"\n            class=\"rte-align-trigger\"\n            ?disabled=","\n          >\n            ","\n          </nile-button>\n          <nile-menu class=\"rte-align-menu\">\n            ","\n          </nile-menu>\n        </nile-dropdown>\n      "])),this.disabled,this.disabled,_i,t.map(function(t){return n(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n                <nile-menu-item\n                  class=\"rte-align-item\"\n                  ?active=","\n                  @click=","\n                >\n                  <nile-tooltip hoist content=\"","\">\n                    <nile-icon name=\"","\"></nile-icon>\n                  </nile-tooltip>\n                </nile-menu-item>\n              "])),t.value===_this3.selectedValue,function(){return _this3.onSelect(t.value);},t.label,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          >\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                  ","\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\n          slot=\"trigger\"\n          variant=\"tertiary\"\n          class=\"rte-default-trigger\"\n        >\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                ","\n              </nile-menu-item>\n            "])),t.value===_this3.selectedValue,function(){return _this3.onSelect(t.value);},t.label);}));}}]);}(e);t([i({type:String,attribute:!0,reflect:!0})],o.prototype,"type",void 0),t([i({type:String,attribute:!0,reflect:!0})],o.prototype,"options",void 0),t([i({attribute:!1})],o.prototype,"optionsObj",void 0),t([i({type:String,attribute:!0,reflect:!0})],o.prototype,"label",void 0),t([i({type:Boolean,attribute:!0,reflect:!0})],o.prototype,"disabled",void 0),t([l()],o.prototype,"selectedValue",void 0),o=t([r("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":["import { 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',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  '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() {\n    return this;\n  }\n\n  @property({ type: String, attribute: true, reflect: true }) type = '';\n\n  @property({ type: String, attribute: true, reflect: true }) options = '[]';\n\n  @property({ attribute: false })\n  optionsObj?: Array<GenericOption | HeadingOption>;\n\n  @property({ type: String, attribute: true, reflect: true }) 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  private get parsedOptions(): NormalizedOption[] {\n    const source: unknown = this.optionsObj ?? this.options;\n\n    let rawArray: any[] = (() => {\n      if (Array.isArray(source)) return source;\n      try {\n        return JSON.parse(String(source));\n      } catch {\n        return [];\n      }\n    })();\n\n    if (this.type === 'align' && rawArray.length === 0) {\n      rawArray = [\n        { value: 'left', label: 'Align Left' },\n        { value: 'center', label: 'Align Center' },\n        { value: 'right', label: 'Align Right' },\n        { value: 'justify', label: 'Justify' },\n      ];\n    }\n\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 ??\n        (this.type === 'align' ? this.mapAlignIcon(String(value)) : undefined);\n      return { value, label, icon };\n    });\n\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 (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(\n        `[nile-rte-select] Ignoring invalid heading value: ${value}`\n      );\n      return;\n    }\n    this.selectedValue = value;\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: value,\n        bubbles: true,\n        composed: true,\n      })\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  border: none;\n}\n\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    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\n            slot=\"trigger\"\n            variant=\"tertiary\"\n            class=\"rte-align-trigger\"\n          >\n            ${trigger}\n          </nile-button>\n          <nile-menu class=\"rte-align-menu\">\n            ${opts.map(\n              o => html`\n                <nile-menu-item\n                  class=\"rte-align-item\"\n                  ?active=${o.value === this.selectedValue}\n                  @click=${() => this.onSelect(o.value)}\n                >\n                  <nile-tooltip hoist content=\"${o.label}\">\n                    <nile-icon name=\"${o.icon}\"></nile-icon>\n                  </nile-tooltip>\n                </nile-menu-item>\n              `\n            )}\n          </nile-menu>\n        </nile-dropdown>\n      `;\n    }\n\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          >\n            ${triggerText} <nile-icon name=\"arrowdown\"></nile-icon>\n          </nile-button>\n          <nile-menu class=\"rte-default-menu\">\n            ${opts.map(\n              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                >\n                  ${o.label}\n                </nile-menu-item>\n              `\n            )}\n          </nile-menu>\n        </nile-dropdown>\n      `;\n    }\n\n    const triggerText = current?.label || this.label || 'Select';\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        >\n          ${triggerText} <nile-icon name=\"arrowdown\"></nile-icon>\n        </nile-button>\n        <nile-menu class=\"rte-default-menu\">\n          ${opts.map(\n            o => html`\n              <nile-menu-item\n                ?active=${o.value === this.selectedValue}\n                @click=${() => this.onSelect(o.value)}\n              >\n                ${o.label}\n              </nile-menu-item>\n            `\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","this","type","options","label","selectedValue","_this","_inherits","_e","_createClass","key","value","createRenderRoot","mapAlignIcon","left","center","right","justify","get","_this$optionsObj","_this2","source","optionsObj","rawArray","Array","isArray","JSON","parse","String","_unused","length","items","map","_t$value","_ref","_t$label","_t$icon","icon","undefined","filter","i","ensureDefault","first","parsedOptions","onSelect","dispatchEvent","CustomEvent","detail","bubbles","composed","console","warn","concat","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","LitElement","__decorate","property","attribute","reflect","prototype","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":["import { 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',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  '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() {\n    return this;\n  }\n\n  @property({ type: String, attribute: true, reflect: true }) type = '';\n\n  @property({ type: String, attribute: true, reflect: true }) options = '[]';\n\n  @property({ attribute: false })\n  optionsObj?: Array<GenericOption | HeadingOption>;\n\n  @property({ type: String, attribute: true, reflect: true }) label = '';\n\n  @property({ type: Boolean, attribute: true, reflect: true }) disabled = false;\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  private get parsedOptions(): NormalizedOption[] {\n    const source: unknown = this.optionsObj ?? this.options;\n\n    let rawArray: any[] = (() => {\n      if (Array.isArray(source)) return source;\n      try {\n        return JSON.parse(String(source));\n      } catch {\n        return [];\n      }\n    })();\n\n    if (this.type === 'align' && rawArray.length === 0) {\n      rawArray = [\n        { value: 'left', label: 'Align Left' },\n        { value: 'center', label: 'Align Center' },\n        { value: 'right', label: 'Align Right' },\n        { value: 'justify', label: 'Justify' },\n      ];\n    }\n\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 ??\n        (this.type === 'align' ? this.mapAlignIcon(String(value)) : undefined);\n      return { value, label, icon };\n    });\n\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 (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(\n        `[nile-rte-select] Ignoring invalid heading value: ${value}`\n      );\n      return;\n    }\n    this.selectedValue = value;\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: value,\n        bubbles: true,\n        composed: true,\n      })\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  border: none;\n}\n\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    if (this.type === 'align') {\n      const trigger = current?.icon\n        ? html`<nile-icon name=\"${current.icon}\" color=${this.disabled ? 'var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled-subtle))' : 'var(--nile-colors-dark-900, var(--ng-colors-text-primary-900))'} size=\"20\"></nile-icon>`\n        : this.label || 'Align';\n\n      return html`\n        <nile-dropdown ?disabled=${this.disabled} class=\"rte-align-dd\">\n          <nile-button\n            slot=\"trigger\"\n            variant=\"tertiary\"\n            class=\"rte-align-trigger\"\n            ?disabled=${this.disabled}\n          >\n            ${trigger}\n          </nile-button>\n          <nile-menu class=\"rte-align-menu\">\n            ${opts.map(\n              o => html`\n                <nile-menu-item\n                  class=\"rte-align-item\"\n                  ?active=${o.value === this.selectedValue}\n                  @click=${() => this.onSelect(o.value)}\n                >\n                  <nile-tooltip hoist content=\"${o.label}\">\n                    <nile-icon name=\"${o.icon}\"></nile-icon>\n                  </nile-tooltip>\n                </nile-menu-item>\n              `\n            )}\n          </nile-menu>\n        </nile-dropdown>\n      `;\n    }\n\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          >\n            ${triggerText} <nile-icon name=\"arrowdown\"></nile-icon>\n          </nile-button>\n          <nile-menu class=\"rte-default-menu\">\n            ${opts.map(\n              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                >\n                  ${o.label}\n                </nile-menu-item>\n              `\n            )}\n          </nile-menu>\n        </nile-dropdown>\n      `;\n    }\n\n    const triggerText = current?.label || this.label || 'Select';\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        >\n          ${triggerText} <nile-icon name=\"arrowdown\"></nile-icon>\n        </nile-button>\n        <nile-menu class=\"rte-default-menu\">\n          ${opts.map(\n            o => html`\n              <nile-menu-item\n                ?active=${o.value === this.selectedValue}\n                @click=${() => this.onSelect(o.value)}\n              >\n                ${o.label}\n              </nile-menu-item>\n            `\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","_e","o","this","type","options","label","disabled","selectedValue","_this","_inherits","_createClass","key","value","createRenderRoot","mapAlignIcon","left","center","right","justify","get","parsedOptions","source","optionsObj","rawArray","Array","isArray","JSON","parse","String","_unused","length","items","map","icon","undefined","filter","i","ensureDefault","first","onSelect","dispatchEvent","CustomEvent","detail","bubbles","composed","console","warn","concat","connectedCallback","super","injectLocalStyles","querySelector","style","document","createElement","setAttribute","textContent","insertBefore","firstChild","render","_this3","opts","current","find","trigger","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","triggerText","_templateObject4","_templateObject5","_templateObject6","_templateObject7","LitElement","__decorate","property","attribute","reflect","prototype","Boolean","state","customElement"],"mappings":"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"}

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

@@ -1,9 +1,10 @@
-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]||"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[]}})();"align"===this.type&&0===e.length&&(e=[{value:"left",label:"Align Left"},{value:"center",label:"Align Center"},{value:"right",label:"Align Right"},{value:"justify",label:"Justify"}]);let n=e.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){n.length;n=n.filter((t=>a(t.value))),n.length,this.selectedValue&&!a(this.selectedValue)&&(this.selectedValue="")}return n}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  border: none;\n}\n\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">
+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.disabled=!1,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[]}})();"align"===this.type&&0===e.length&&(e=[{value:"left",label:"Align Left"},{value:"center",label:"Align Center"},{value:"right",label:"Align Right"},{value:"justify",label:"Justify"}]);let n=e.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){n.length;n=n.filter((t=>a(t.value))),n.length,this.selectedValue&&!a(this.selectedValue)&&(this.selectedValue="")}return n}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  border: none;\n}\n\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}" color=${this.disabled?"var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled-subtle))":"var(--nile-colors-dark-900, var(--ng-colors-text-primary-900))"} size="20"></nile-icon>`:this.label||"Align";return n`
+        <nile-dropdown ?disabled=${this.disabled} class="rte-align-dd">
           <nile-button
             slot="trigger"
             variant="tertiary"
             class="rte-align-trigger"
+            ?disabled=${this.disabled}
           >
             ${i}
           </nile-button>
@@ -63,4 +64,4 @@ import{__decorate as t}from"tslib";import{LitElement as e,html as n}from"lit";im
             `))}
         </nile-menu>
       </nile-dropdown>
-    `}};t([i({type:String,attribute:!0,reflect:!0})],o.prototype,"type",void 0),t([i({type:String,attribute:!0,reflect:!0})],o.prototype,"options",void 0),t([i({attribute:!1})],o.prototype,"optionsObj",void 0),t([i({type:String,attribute:!0,reflect:!0})],o.prototype,"label",void 0),t([l()],o.prototype,"selectedValue",void 0),o=t([r("nile-rte-select")],o);
+    `}};t([i({type:String,attribute:!0,reflect:!0})],o.prototype,"type",void 0),t([i({type:String,attribute:!0,reflect:!0})],o.prototype,"options",void 0),t([i({attribute:!1})],o.prototype,"optionsObj",void 0),t([i({type:String,attribute:!0,reflect:!0})],o.prototype,"label",void 0),t([i({type:Boolean,attribute:!0,reflect:!0})],o.prototype,"disabled",void 0),t([l()],o.prototype,"selectedValue",void 0),o=t([r("nile-rte-select")],o);

package/dist/nile-select/nile-select.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,o;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",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n    --ng-nxt-gen-outline: var(--ng-border-width-1) solid var(--ng-colors-border-brand);\n    --ng-nxt-gen-outline-error: var(--ng-border-width-1) solid var(--ng-colors-border-error);\n    --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;\n    --ng-box-shadow: 0px 12px 16px -4px var(--ng-colors-effects-shadow-lg-01, rgba(10, 13, 18, 0.08)), 0px 4px 6px -2px var(--ng-colors-effects-shadow-lg-02, rgba(10, 13, 18, 0.03)), 0px 2px 2px -1px var(--ng-colors-effects-shadow-lg-03, rgba(10, 13, 18, 0.04));\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: block;\n    margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    line-height: var(--nile-spacing-2xl, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n    margin-top: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: var(--nile-spacing-xs, var(--ng-spacing-sm));\n  }\n\n  :host {\n    display: block;\n  }\n\n  /** The popup */\n  .select {\n    flex: 1 1 auto;\n    display: inline-flex;\n    width: 100%;\n    position: relative;\n    vertical-align: middle;\n  }\n\n  .select::part(popup) {\n    z-index: 9999;\n  }\n\n  .select[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .select[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  /* Combobox */\n  .select__combobox {\n    flex: 1;\n    display: flex;\n    width: 100%;\n    min-width: 0;\n    position: relative;\n    align-items: center;\n    justify-content: start;\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    letter-spacing: normal;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n  }\n\n  .select__display-input {\n    position: relative;\n    width: 100%;\n    font: var(--nile-font-family-inherit, var(--ng-font-weight-regular));\n    border: none;\n    background: none;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    cursor: inherit;\n    overflow: hidden;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n    -webkit-appearance: none;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n\n\n  .select__display-input::placeholder {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    color: var(--nile-colors-text-placeholder, var(--ng-colors-text-placeholder));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n  }\n\n  .select:not(.select--disabled):hover .select__display-input {\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  }\n\n  .select__display-input:focus {\n    outline: none;\n  }\n\n  /* Visually hide the display input when multiple is enabled */\n  .select--multiple:not(.select--placeholder-visible) .select__display-input {\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n  }\n\n  .select__value-input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: var(--nile-spacing-none);\n    margin: var(--nile-spacing-none);\n    opacity: 0;\n    z-index: -1;\n  }\n\n  .select__tags {\n    display: flex;\n    flex: 1;\n    align-items: center;\n    flex-wrap: no-wrap;\n    margin-inline-start: var(--nile-spacing-7px, var(--ng-spacing-md));\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .select__tags-count {\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-line-height-xsmall);\n    letter-spacing: 0.2px;\n    margin: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .select__tags-count-clearable {\n    margin-right: var(--nile-spacing-5xl, var(--ng-spacing-5xl));\n  }\n\n  .select__tags::slotted(nile-tag) {\n    cursor: pointer !important;\n  }\n\n  .select--disabled .select__tags,\n  .select--disabled .select__tags::slotted(nile-tag) {\n    cursor: not-allowed !important;\n  }\n\n  /* Standard selects */\n  .select--standard .select__combobox {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n    /* outline: var(--nile-outline-none, var(--ng-private-outline-transparent)); */\n  }\n\n  .select--standard .select__combobox:hover {\n    border: 1px solid var(--nile-colors-dark-900, var(--ng-colors-border-neutral));\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    /* outline: var(--nile-outline-none, var(--ng-nxt-gen-outline)); */\n  }\n\n  .select--error:hover:not(.select--disabled)  .select__combobox{\n    border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n    /* outline: var(--nile-outline-none, var(--ng-colors-border-error)); */\n  }\n\n  .select--standard.select--disabled .select__combobox {\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-disabled) );\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    opacity: var(--nile-opacity-50, var(--ng-opacity-100));\n    cursor: not-allowed;\n    outline: none;\n  }\n\n  .select--standard:not(.select--disabled).select--open .select__combobox,\n  .select--standard:not(.select--disabled).select--focused .select__combobox {\n    background-color: var(--nile-colors-neutral-100);\n  }\n\n  .select--warning .select__combobox {\n    border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning));\n  }\n\n  .select--error .select__combobox {\n    border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n    outline: var(--nile-outline-none, var(--ng-private-outline-transparent));\n  }\n\n\n\n\n  .select--success {\n    border-color: var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-500));\n  }\n\n  /* Filled selects */\n  .select--filled .select__combobox {\n    border: none;\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  }\n\n  .select--filled:hover:not(.select--disabled) .select__combobox {\n    background-color: var(--nile-colors-neutral-100);\n  }\n\n  .select--filled.select--disabled .select__combobox {\n    background-color: var(--nile-colors-neutral-100);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .select--filled:not(.select--disabled).select--open .select__combobox,\n  .select--filled:not(.select--disabled).select--focused .select__combobox {\n    background-color: var(--nile-colors-neutral-100);\n    outline: 3px solid rgba(0, 89, 255, 0.4);\n  }\n\n  .select--medium .select__combobox {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n    padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n    height: var(--nile-height-40px, var(--ng-height-40px));\n    box-sizing: border-box;\n  }\n\n  .select--medium .select__clear {\n    margin-inline-start: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .select--medium .select__prefix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));\n  }\n\n  .select--medium .select__prefix.multiple::slotted(*) {\n    margin-right: var(--nile-spacing-lg, var(--ng-spacing-md));\n  }\n\n  .select--medium:not(.select--placeholder-visible) .select__prefix.multiple::slotted(*) {\n    margin-inline-start: var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .select--medium.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-inline-start: var(--nile-spacing-none, var(--ng-spacing-none));\n  }\n\n  .select--medium .select__tags {\n    gap: var(--nile-spacing-3px, var(--ng-spacing-sm));\n  }\n\n  /* Pills */\n  .select--pill.select--medium .select__combobox {\n    border-radius: var(--nile-radius-3xl);\n  }\n\n  /* Prefix */\n  .select__prefix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: var(--nile-colors-dark-500);\n  }\n\n  .select__suffix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: var(--nile-colors-dark-500);\n  }\n\n  /* Clear button */\n  .select__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    border: none;\n    background: none;\n    padding: var(--nile-spacing-none);\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .select__clear:hover {\n    color: var(--nile-colors-dark-500);\n  }\n\n  .select__clear:focus {\n    outline: none;\n  }\n\n  /* Expand icon */\n  .select__expand-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n    rotate: 0;\n    margin-inline-start: var(--nile-spacing-xxxsmall, var(--ng-spacing-md));\n  }\n\n  .select--open .select__expand-icon {\n    rotate: -180deg;\n  }\n\n  /* Listbox */\n  .select__listbox {\n    display: block;\n    position: relative;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-secondary-alt));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    padding-block: var(--nile-spacing-none, var(--ng-spacing-none));\n    padding-inline: var(--nile-spacing-none, var(--ng-spacing-none));\n    overflow: auto;\n    overscroll-behavior: none;\n    /* Make sure it adheres to the popup's auto size */\n     max-width: var(--auto-size-available-width);\n    max-height: var(--auto-size-available-height);\n    box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-xs));\n  }\n\n  .select__options__search-enabled {\n    padding-top: var(--nile-spacing-10px, var(--ng-spacing-lg));\n  }\n\n  .select__options {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n    color: rgb(133, 129, 129);\n  }\n\n  .select__listbox::slotted(nile-divider) {\n    --spacing: var(--nile-spacing-xs, var(--ng-spacing-sm));\n  }\n\n  .select__listbox::slotted(small) {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-semibold));\n    color: var(--nile-colors-dark-500);\n    padding-block: var(--nile-spacing-xs, var(--ng-spacing-sm));\n    padding-inline: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .select__search {\n    position: sticky;\n    top: 0px;\n    z-index: 1;\n    width: calc(100% - 16px);\n    padding: var(--nile-spacing-md, var(--ng-spacing-md));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    margin-bottom: -8px;\n  }\n\n  .select__footer {\n    position: sticky;\n    bottom: 0px;\n    background: var(--nile-colors-neutral-100);\n    border-top: 1px solid var(--nile-colors-neutral-400);\n    display: flex;\n    height: 15px;\n    /* Auto layout */\n    display:var(--nile-display-flex, var(--ng-display-none));\n    flex-direction: row;\n    align-items: flex-start;\n    padding: var(--nile-spacing-md) var(--nile-spacing-lg)\n      var(--nile-spacing-xl);\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    justify-content: space-between;\n  }\n\n  .tag__prefix[slot='prefix'] {\n    height: 14px;\n    display: inline-block;\n    overflow: hidden;\n  }\n\n  .tag__prefix[slot='prefix'] img {\n    max-height: 100%;\n  }\n\n  .select__loader {\n    width: 100%;\n    text-align: center;\n    display: block;\n  }\n\n  .select__loader--icon {\n    margin-top: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    animation: spin 0.6s linear infinite;\n  }\n\n  .select__no-results {\n    padding: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .select__invisible {\n    opacity: 0;\n  }\n\n  .select__prefix--from-options {\n    margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));\n  }\n\n  .select__prefix--from-options img{\n    max-height: var(--nile-height-none, var(--ng-height-24px));\n    max-width: var(--nile-width-none, var(--ng-width-6));\n  }\n\n  .select__hide-default {\n    display: none;\n  }\n   \n  .select.select--open .select__combobox {\n    border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-brand));\n    box-shadow: 0 0 0 1px  var(--ng-colors-border-brand) inset ;\n}\n\n.select.select--open:hover .select__combobox {\n  border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-brand));\n  box-shadow: 0 0 0 1px  var(--ng-colors-border-brand) inset ;\n}\n\n.select.select--open .select__combobox:hover {\n  border-color: var(--nile-colors-dark-900, var(--ng-colors-border-brand));\n  box-shadow: 0 0 0 1px  var(--ng-colors-border-brand) inset ;\n}\n\n:host([stickyHeader])  .select__footer{\n  z-index: 1;\n}\n \n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,o;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",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n    --ng-nxt-gen-outline: var(--ng-border-width-1) solid var(--ng-colors-border-brand);\n    --ng-nxt-gen-outline-error: var(--ng-border-width-1) solid var(--ng-colors-border-error);\n    --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;\n    --ng-box-shadow: 0px 12px 16px -4px var(--ng-colors-effects-shadow-lg-01, rgba(10, 13, 18, 0.08)), 0px 4px 6px -2px var(--ng-colors-effects-shadow-lg-02, rgba(10, 13, 18, 0.03)), 0px 2px 2px -1px var(--ng-colors-effects-shadow-lg-03, rgba(10, 13, 18, 0.04));\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: block;\n    margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    line-height: var(--nile-spacing-2xl, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n    margin-top: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: var(--nile-spacing-xs, var(--ng-spacing-sm));\n  }\n\n  :host {\n    display: block;\n  }\n\n  /** The popup */\n  .select {\n    flex: 1 1 auto;\n    display: inline-flex;\n    width: 100%;\n    position: relative;\n    vertical-align: middle;\n  }\n\n  .select::part(popup) {\n    z-index: 9999;\n  }\n\n  .select[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .select[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  /* Combobox */\n  .select__combobox {\n    flex: 1;\n    display: flex;\n    width: 100%;\n    min-width: 0;\n    position: relative;\n    align-items: center;\n    justify-content: start;\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    letter-spacing: normal;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n  }\n\n  .select__display-input {\n    position: relative;\n    width: 100%;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    border: none;\n    background: none;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    cursor: inherit;\n    overflow: hidden;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n    -webkit-appearance: none;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n  }\n\n\n  .select__display-input::placeholder {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    color: var(--nile-colors-text-placeholder, var(--ng-colors-text-placeholder));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n  }\n  .select--disabled.select--placeholder-visible .select__display-input::placeholder {\n    color: var(--nile-colors-dark-500,var(--ng-color-graylightmode-500));\n  }\n\n  .select:not(.select--disabled):hover .select__display-input {\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  }\n\n  .select__display-input:focus {\n    outline: none;\n  }\n\n  /* Visually hide the display input when multiple is enabled */\n  .select--multiple:not(.select--placeholder-visible) .select__display-input {\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n  }\n\n  .select__value-input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: var(--nile-spacing-none);\n    margin: var(--nile-spacing-none);\n    opacity: 0;\n    z-index: -1;\n  }\n\n  .select__tags {\n    display: flex;\n    flex: 1;\n    align-items: center;\n    flex-wrap: no-wrap;\n    margin-inline-start: var(--nile-spacing-7px, var(--ng-spacing-md));\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .select__tags-count {\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-line-height-xsmall);\n    letter-spacing: 0.2px;\n    margin: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .select__tags-count-clearable {\n    margin-right: var(--nile-spacing-5xl, var(--ng-spacing-5xl));\n  }\n\n  .select__tags::slotted(nile-tag) {\n    cursor: pointer !important;\n  }\n\n  .select--disabled .select__tags,\n  .select--disabled .select__tags::slotted(nile-tag) {\n    cursor: not-allowed !important;\n  }\n\n  /* Standard selects */\n  .select--standard .select__combobox {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n    /* outline: var(--nile-outline-none, var(--ng-private-outline-transparent)); */\n  }\n\n  .select--standard .select__combobox:hover {\n    border: 1px solid var(--nile-colors-dark-900, var(--ng-colors-border-neutral));\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    /* outline: var(--nile-outline-none, var(--ng-nxt-gen-outline)); */\n  }\n\n  .select--error:hover:not(.select--disabled)  .select__combobox{\n    border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n    /* outline: var(--nile-outline-none, var(--ng-colors-border-error)); */\n  }\n\n  .select--standard.select--disabled .select__combobox {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-disabled) );\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    cursor: not-allowed;\n    outline: none;\n  }\n\n  .select--standard:not(.select--disabled).select--open .select__combobox,\n  .select--standard:not(.select--disabled).select--focused .select__combobox {\n    background-color: var(--nile-colors-neutral-100);\n  }\n\n  .select--warning .select__combobox {\n    border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning));\n  }\n\n  .select--error .select__combobox {\n    border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n    outline: var(--nile-outline-none, var(--ng-private-outline-transparent));\n  }\n\n\n\n\n  .select--success {\n    border-color: var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-500));\n  }\n\n  /* Filled selects */\n  .select--filled .select__combobox {\n    border: none;\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  }\n\n  .select--filled:hover:not(.select--disabled) .select__combobox {\n    background-color: var(--nile-colors-neutral-100);\n  }\n\n  .select--filled.select--disabled .select__combobox {\n    background-color: var(--nile-colors-neutral-100);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .select--filled:not(.select--disabled).select--open .select__combobox,\n  .select--filled:not(.select--disabled).select--focused .select__combobox {\n    background-color: var(--nile-colors-neutral-100);\n    outline: 3px solid rgba(0, 89, 255, 0.4);\n  }\n\n  .select--medium .select__combobox {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n\n    padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n    height: var(--nile-height-40px, var(--ng-height-40px));\n    box-sizing: border-box;\n  }\n\n  .select--medium .select__clear {\n    margin-inline-start: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .select--medium .select__prefix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));\n  }\n\n  .select--medium .select__prefix.multiple::slotted(*) {\n    margin-right: var(--nile-spacing-lg, var(--ng-spacing-md));\n  }\n\n  .select--medium:not(.select--placeholder-visible) .select__prefix.multiple::slotted(*) {\n    margin-inline-start: var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .select--medium.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-inline-start: var(--nile-spacing-none, var(--ng-spacing-none));\n  }\n\n  .select--medium .select__tags {\n    gap: var(--nile-spacing-3px, var(--ng-spacing-sm));\n  }\n\n  /* Pills */\n  .select--pill.select--medium .select__combobox {\n    border-radius: var(--nile-radius-3xl);\n  }\n\n  /* Prefix */\n  .select__prefix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: var(--nile-colors-dark-500);\n  }\n\n  .select__suffix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: var(--nile-colors-dark-500);\n  }\n\n  /* Clear button */\n  .select__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    border: none;\n    background: none;\n    padding: var(--nile-spacing-none);\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .select__clear:hover {\n    color: var(--nile-colors-dark-500);\n  }\n\n  .select__clear:focus {\n    outline: none;\n  }\n\n  /* Expand icon */\n  .select__expand-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n    rotate: 0;\n    margin-inline-start: var(--nile-spacing-xxxsmall, var(--ng-spacing-md));\n  }\n\n  .select--open .select__expand-icon {\n    rotate: -180deg;\n  }\n\n  /* Listbox */\n  .select__listbox {\n    display: block;\n    position: relative;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-secondary-alt));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    padding-block: var(--nile-spacing-none, var(--ng-spacing-none));\n    padding-inline: var(--nile-spacing-none, var(--ng-spacing-none));\n    overflow: auto;\n    overscroll-behavior: none;\n    /* Make sure it adheres to the popup's auto size */\n     max-width: var(--auto-size-available-width);\n    max-height: var(--auto-size-available-height);\n    box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-xs));\n  }\n\n  .select__options__search-enabled {\n    padding-top: var(--nile-spacing-10px, var(--ng-spacing-lg));\n  }\n\n  .select__options {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n    color: rgb(133, 129, 129);\n  }\n\n  .select__listbox::slotted(nile-divider) {\n    --spacing: var(--nile-spacing-xs, var(--ng-spacing-sm));\n  }\n\n  .select__listbox::slotted(small) {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-semibold));\n    color: var(--nile-colors-dark-500);\n    padding-block: var(--nile-spacing-xs, var(--ng-spacing-sm));\n    padding-inline: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .select__search {\n    position: sticky;\n    top: 0px;\n    z-index: 1;\n    width: calc(100% - 16px);\n    padding: var(--nile-spacing-md, var(--ng-spacing-md));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    margin-bottom: -8px;\n  }\n\n  .select__footer {\n    position: sticky;\n    bottom: 0px;\n    background: var(--nile-colors-neutral-100);\n    border-top: 1px solid var(--nile-colors-neutral-400);\n    display: flex;\n    height: 15px;\n    /* Auto layout */\n    display:var(--nile-display-flex, var(--ng-display-none));\n    flex-direction: row;\n    align-items: flex-start;\n    padding: var(--nile-spacing-md) var(--nile-spacing-lg)\n      var(--nile-spacing-xl);\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    justify-content: space-between;\n  }\n\n  .tag__prefix[slot='prefix'] {\n    height: 14px;\n    display: inline-block;\n    overflow: hidden;\n  }\n\n  .tag__prefix[slot='prefix'] img {\n    max-height: 100%;\n  }\n\n  .select__loader {\n    width: 100%;\n    text-align: center;\n    display: block;\n  }\n\n  .select__loader--icon {\n    margin-top: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    animation: spin 0.6s linear infinite;\n  }\n\n  .select__no-results {\n    padding: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .select__invisible {\n    opacity: 0;\n  }\n\n  .select__prefix--from-options {\n    margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));\n  }\n\n  .select__prefix--from-options img{\n    max-height: var(--nile-height-none, var(--ng-height-24px));\n    max-width: var(--nile-width-none, var(--ng-width-6));\n  }\n\n  .select__hide-default {\n    display: none;\n  }\n   \n  .select.select--open .select__combobox {\n    border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-brand));\n    box-shadow: 0 0 0 1px  var(--ng-colors-border-brand) inset ;\n}\n\n.select.select--open:hover .select__combobox {\n  border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-brand));\n  box-shadow: 0 0 0 1px  var(--ng-colors-border-brand) inset ;\n}\n\n.select.select--open .select__combobox:hover {\n  border-color: var(--nile-colors-dark-900, var(--ng-colors-border-brand));\n  box-shadow: 0 0 0 1px  var(--ng-colors-border-brand) inset ;\n}\n\n:host([stickyHeader])  .select__footer{\n  z-index: 1;\n}\n \n"]))));}};});
 //# sourceMappingURL=nile-select.css.cjs.js.map

package/dist/nile-select/nile-select.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-select.css.cjs.js","sources":["../../../src/nile-select/nile-select.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Select_2 CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    --ng-nxt-gen-outline: var(--ng-border-width-1) solid var(--ng-colors-border-brand);\n    --ng-nxt-gen-outline-error: var(--ng-border-width-1) solid var(--ng-colors-border-error);\n    --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;\n    --ng-box-shadow: 0px 12px 16px -4px var(--ng-colors-effects-shadow-lg-01, rgba(10, 13, 18, 0.08)), 0px 4px 6px -2px var(--ng-colors-effects-shadow-lg-02, rgba(10, 13, 18, 0.03)), 0px 2px 2px -1px var(--ng-colors-effects-shadow-lg-03, rgba(10, 13, 18, 0.04));\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: block;\n    margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    line-height: var(--nile-spacing-2xl, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n    margin-top: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: var(--nile-spacing-xs, var(--ng-spacing-sm));\n  }\n\n  :host {\n    display: block;\n  }\n\n  /** The popup */\n  .select {\n    flex: 1 1 auto;\n    display: inline-flex;\n    width: 100%;\n    position: relative;\n    vertical-align: middle;\n  }\n\n  .select::part(popup) {\n    z-index: 9999;\n  }\n\n  .select[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .select[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  /* Combobox */\n  .select__combobox {\n    flex: 1;\n    display: flex;\n    width: 100%;\n    min-width: 0;\n    position: relative;\n    align-items: center;\n    justify-content: start;\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    letter-spacing: normal;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n  }\n\n  .select__display-input {\n    position: relative;\n    width: 100%;\n    font: var(--nile-font-family-inherit, var(--ng-font-weight-regular));\n    border: none;\n    background: none;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    cursor: inherit;\n    overflow: hidden;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n    -webkit-appearance: none;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n\n\n  .select__display-input::placeholder {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    color: var(--nile-colors-text-placeholder, var(--ng-colors-text-placeholder));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n  }\n\n  .select:not(.select--disabled):hover .select__display-input {\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  }\n\n  .select__display-input:focus {\n    outline: none;\n  }\n\n  /* Visually hide the display input when multiple is enabled */\n  .select--multiple:not(.select--placeholder-visible) .select__display-input {\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n  }\n\n  .select__value-input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: var(--nile-spacing-none);\n    margin: var(--nile-spacing-none);\n    opacity: 0;\n    z-index: -1;\n  }\n\n  .select__tags {\n    display: flex;\n    flex: 1;\n    align-items: center;\n    flex-wrap: no-wrap;\n    margin-inline-start: var(--nile-spacing-7px, var(--ng-spacing-md));\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .select__tags-count {\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-line-height-xsmall);\n    letter-spacing: 0.2px;\n    margin: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .select__tags-count-clearable {\n    margin-right: var(--nile-spacing-5xl, var(--ng-spacing-5xl));\n  }\n\n  .select__tags::slotted(nile-tag) {\n    cursor: pointer !important;\n  }\n\n  .select--disabled .select__tags,\n  .select--disabled .select__tags::slotted(nile-tag) {\n    cursor: not-allowed !important;\n  }\n\n  /* Standard selects */\n  .select--standard .select__combobox {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n    /* outline: var(--nile-outline-none, var(--ng-private-outline-transparent)); */\n  }\n\n  .select--standard .select__combobox:hover {\n    border: 1px solid var(--nile-colors-dark-900, var(--ng-colors-border-neutral));\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    /* outline: var(--nile-outline-none, var(--ng-nxt-gen-outline)); */\n  }\n\n  .select--error:hover:not(.select--disabled)  .select__combobox{\n    border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n    /* outline: var(--nile-outline-none, var(--ng-colors-border-error)); */\n  }\n\n  .select--standard.select--disabled .select__combobox {\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-disabled) );\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    opacity: var(--nile-opacity-50, var(--ng-opacity-100));\n    cursor: not-allowed;\n    outline: none;\n  }\n\n  .select--standard:not(.select--disabled).select--open .select__combobox,\n  .select--standard:not(.select--disabled).select--focused .select__combobox {\n    background-color: var(--nile-colors-neutral-100);\n  }\n\n  .select--warning .select__combobox {\n    border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning));\n  }\n\n  .select--error .select__combobox {\n    border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n    outline: var(--nile-outline-none, var(--ng-private-outline-transparent));\n  }\n\n\n\n\n  .select--success {\n    border-color: var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-500));\n  }\n\n  /* Filled selects */\n  .select--filled .select__combobox {\n    border: none;\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  }\n\n  .select--filled:hover:not(.select--disabled) .select__combobox {\n    background-color: var(--nile-colors-neutral-100);\n  }\n\n  .select--filled.select--disabled .select__combobox {\n    background-color: var(--nile-colors-neutral-100);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .select--filled:not(.select--disabled).select--open .select__combobox,\n  .select--filled:not(.select--disabled).select--focused .select__combobox {\n    background-color: var(--nile-colors-neutral-100);\n    outline: 3px solid rgba(0, 89, 255, 0.4);\n  }\n\n  .select--medium .select__combobox {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n    padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n    height: var(--nile-height-40px, var(--ng-height-40px));\n    box-sizing: border-box;\n  }\n\n  .select--medium .select__clear {\n    margin-inline-start: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .select--medium .select__prefix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));\n  }\n\n  .select--medium .select__prefix.multiple::slotted(*) {\n    margin-right: var(--nile-spacing-lg, var(--ng-spacing-md));\n  }\n\n  .select--medium:not(.select--placeholder-visible) .select__prefix.multiple::slotted(*) {\n    margin-inline-start: var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .select--medium.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-inline-start: var(--nile-spacing-none, var(--ng-spacing-none));\n  }\n\n  .select--medium .select__tags {\n    gap: var(--nile-spacing-3px, var(--ng-spacing-sm));\n  }\n\n  /* Pills */\n  .select--pill.select--medium .select__combobox {\n    border-radius: var(--nile-radius-3xl);\n  }\n\n  /* Prefix */\n  .select__prefix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: var(--nile-colors-dark-500);\n  }\n\n  .select__suffix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: var(--nile-colors-dark-500);\n  }\n\n  /* Clear button */\n  .select__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    border: none;\n    background: none;\n    padding: var(--nile-spacing-none);\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .select__clear:hover {\n    color: var(--nile-colors-dark-500);\n  }\n\n  .select__clear:focus {\n    outline: none;\n  }\n\n  /* Expand icon */\n  .select__expand-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n    rotate: 0;\n    margin-inline-start: var(--nile-spacing-xxxsmall, var(--ng-spacing-md));\n  }\n\n  .select--open .select__expand-icon {\n    rotate: -180deg;\n  }\n\n  /* Listbox */\n  .select__listbox {\n    display: block;\n    position: relative;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-secondary-alt));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    padding-block: var(--nile-spacing-none, var(--ng-spacing-none));\n    padding-inline: var(--nile-spacing-none, var(--ng-spacing-none));\n    overflow: auto;\n    overscroll-behavior: none;\n    /* Make sure it adheres to the popup's auto size */\n     max-width: var(--auto-size-available-width);\n    max-height: var(--auto-size-available-height);\n    box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-xs));\n  }\n\n  .select__options__search-enabled {\n    padding-top: var(--nile-spacing-10px, var(--ng-spacing-lg));\n  }\n\n  .select__options {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n    color: rgb(133, 129, 129);\n  }\n\n  .select__listbox::slotted(nile-divider) {\n    --spacing: var(--nile-spacing-xs, var(--ng-spacing-sm));\n  }\n\n  .select__listbox::slotted(small) {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-semibold));\n    color: var(--nile-colors-dark-500);\n    padding-block: var(--nile-spacing-xs, var(--ng-spacing-sm));\n    padding-inline: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .select__search {\n    position: sticky;\n    top: 0px;\n    z-index: 1;\n    width: calc(100% - 16px);\n    padding: var(--nile-spacing-md, var(--ng-spacing-md));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    margin-bottom: -8px;\n  }\n\n  .select__footer {\n    position: sticky;\n    bottom: 0px;\n    background: var(--nile-colors-neutral-100);\n    border-top: 1px solid var(--nile-colors-neutral-400);\n    display: flex;\n    height: 15px;\n    /* Auto layout */\n    display:var(--nile-display-flex, var(--ng-display-none));\n    flex-direction: row;\n    align-items: flex-start;\n    padding: var(--nile-spacing-md) var(--nile-spacing-lg)\n      var(--nile-spacing-xl);\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    justify-content: space-between;\n  }\n\n  .tag__prefix[slot='prefix'] {\n    height: 14px;\n    display: inline-block;\n    overflow: hidden;\n  }\n\n  .tag__prefix[slot='prefix'] img {\n    max-height: 100%;\n  }\n\n  .select__loader {\n    width: 100%;\n    text-align: center;\n    display: block;\n  }\n\n  .select__loader--icon {\n    margin-top: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    animation: spin 0.6s linear infinite;\n  }\n\n  .select__no-results {\n    padding: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .select__invisible {\n    opacity: 0;\n  }\n\n  .select__prefix--from-options {\n    margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));\n  }\n\n  .select__prefix--from-options img{\n    max-height: var(--nile-height-none, var(--ng-height-24px));\n    max-width: var(--nile-width-none, var(--ng-width-6));\n  }\n\n  .select__hide-default {\n    display: none;\n  }\n   \n  .select.select--open .select__combobox {\n    border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-brand));\n    box-shadow: 0 0 0 1px  var(--ng-colors-border-brand) inset ;\n}\n\n.select.select--open:hover .select__combobox {\n  border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-brand));\n  box-shadow: 0 0 0 1px  var(--ng-colors-border-brand) inset ;\n}\n\n.select.select--open .select__combobox:hover {\n  border-color: var(--nile-colors-dark-900, var(--ng-colors-border-brand));\n  box-shadow: 0 0 0 1px  var(--ng-colors-border-brand) inset ;\n}\n\n:host([stickyHeader])  .select__footer{\n  z-index: 1;\n}\n \n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-select.css.cjs.js","sources":["../../../src/nile-select/nile-select.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Select_2 CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    --ng-nxt-gen-outline: var(--ng-border-width-1) solid var(--ng-colors-border-brand);\n    --ng-nxt-gen-outline-error: var(--ng-border-width-1) solid var(--ng-colors-border-error);\n    --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;\n    --ng-box-shadow: 0px 12px 16px -4px var(--ng-colors-effects-shadow-lg-01, rgba(10, 13, 18, 0.08)), 0px 4px 6px -2px var(--ng-colors-effects-shadow-lg-02, rgba(10, 13, 18, 0.03)), 0px 2px 2px -1px var(--ng-colors-effects-shadow-lg-03, rgba(10, 13, 18, 0.04));\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: block;\n    margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    line-height: var(--nile-spacing-2xl, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n    margin-top: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: var(--nile-spacing-xs, var(--ng-spacing-sm));\n  }\n\n  :host {\n    display: block;\n  }\n\n  /** The popup */\n  .select {\n    flex: 1 1 auto;\n    display: inline-flex;\n    width: 100%;\n    position: relative;\n    vertical-align: middle;\n  }\n\n  .select::part(popup) {\n    z-index: 9999;\n  }\n\n  .select[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .select[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  /* Combobox */\n  .select__combobox {\n    flex: 1;\n    display: flex;\n    width: 100%;\n    min-width: 0;\n    position: relative;\n    align-items: center;\n    justify-content: start;\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    letter-spacing: normal;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n  }\n\n  .select__display-input {\n    position: relative;\n    width: 100%;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    border: none;\n    background: none;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    cursor: inherit;\n    overflow: hidden;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n    -webkit-appearance: none;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n  }\n\n\n  .select__display-input::placeholder {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    color: var(--nile-colors-text-placeholder, var(--ng-colors-text-placeholder));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n  }\n  .select--disabled.select--placeholder-visible .select__display-input::placeholder {\n    color: var(--nile-colors-dark-500,var(--ng-color-graylightmode-500));\n  }\n\n  .select:not(.select--disabled):hover .select__display-input {\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  }\n\n  .select__display-input:focus {\n    outline: none;\n  }\n\n  /* Visually hide the display input when multiple is enabled */\n  .select--multiple:not(.select--placeholder-visible) .select__display-input {\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n  }\n\n  .select__value-input {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding: var(--nile-spacing-none);\n    margin: var(--nile-spacing-none);\n    opacity: 0;\n    z-index: -1;\n  }\n\n  .select__tags {\n    display: flex;\n    flex: 1;\n    align-items: center;\n    flex-wrap: no-wrap;\n    margin-inline-start: var(--nile-spacing-7px, var(--ng-spacing-md));\n    width: 100%;\n    overflow: hidden;\n  }\n\n  .select__tags-count {\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-line-height-xsmall);\n    letter-spacing: 0.2px;\n    margin: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .select__tags-count-clearable {\n    margin-right: var(--nile-spacing-5xl, var(--ng-spacing-5xl));\n  }\n\n  .select__tags::slotted(nile-tag) {\n    cursor: pointer !important;\n  }\n\n  .select--disabled .select__tags,\n  .select--disabled .select__tags::slotted(nile-tag) {\n    cursor: not-allowed !important;\n  }\n\n  /* Standard selects */\n  .select--standard .select__combobox {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n    /* outline: var(--nile-outline-none, var(--ng-private-outline-transparent)); */\n  }\n\n  .select--standard .select__combobox:hover {\n    border: 1px solid var(--nile-colors-dark-900, var(--ng-colors-border-neutral));\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    /* outline: var(--nile-outline-none, var(--ng-nxt-gen-outline)); */\n  }\n\n  .select--error:hover:not(.select--disabled)  .select__combobox{\n    border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n    /* outline: var(--nile-outline-none, var(--ng-colors-border-error)); */\n  }\n\n  .select--standard.select--disabled .select__combobox {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-disabled) );\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    cursor: not-allowed;\n    outline: none;\n  }\n\n  .select--standard:not(.select--disabled).select--open .select__combobox,\n  .select--standard:not(.select--disabled).select--focused .select__combobox {\n    background-color: var(--nile-colors-neutral-100);\n  }\n\n  .select--warning .select__combobox {\n    border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning));\n  }\n\n  .select--error .select__combobox {\n    border-color: var(--nile-colors-red-500, var(--ng-colors-border-error));\n    outline: var(--nile-outline-none, var(--ng-private-outline-transparent));\n  }\n\n\n\n\n  .select--success {\n    border-color: var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-500));\n  }\n\n  /* Filled selects */\n  .select--filled .select__combobox {\n    border: none;\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  }\n\n  .select--filled:hover:not(.select--disabled) .select__combobox {\n    background-color: var(--nile-colors-neutral-100);\n  }\n\n  .select--filled.select--disabled .select__combobox {\n    background-color: var(--nile-colors-neutral-100);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .select--filled:not(.select--disabled).select--open .select__combobox,\n  .select--filled:not(.select--disabled).select--focused .select__combobox {\n    background-color: var(--nile-colors-neutral-100);\n    outline: 3px solid rgba(0, 89, 255, 0.4);\n  }\n\n  .select--medium .select__combobox {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n\n    padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n    height: var(--nile-height-40px, var(--ng-height-40px));\n    box-sizing: border-box;\n  }\n\n  .select--medium .select__clear {\n    margin-inline-start: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .select--medium .select__prefix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));\n  }\n\n  .select--medium .select__prefix.multiple::slotted(*) {\n    margin-right: var(--nile-spacing-lg, var(--ng-spacing-md));\n  }\n\n  .select--medium:not(.select--placeholder-visible) .select__prefix.multiple::slotted(*) {\n    margin-inline-start: var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .select--medium.select--multiple:not(.select--placeholder-visible)\n    .select__combobox {\n    padding-inline-start: var(--nile-spacing-none, var(--ng-spacing-none));\n  }\n\n  .select--medium .select__tags {\n    gap: var(--nile-spacing-3px, var(--ng-spacing-sm));\n  }\n\n  /* Pills */\n  .select--pill.select--medium .select__combobox {\n    border-radius: var(--nile-radius-3xl);\n  }\n\n  /* Prefix */\n  .select__prefix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: var(--nile-colors-dark-500);\n  }\n\n  .select__suffix {\n    flex: 0;\n    display: inline-flex;\n    align-items: center;\n    color: var(--nile-colors-dark-500);\n  }\n\n  /* Clear button */\n  .select__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    border: none;\n    background: none;\n    padding: var(--nile-spacing-none);\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .select__clear:hover {\n    color: var(--nile-colors-dark-500);\n  }\n\n  .select__clear:focus {\n    outline: none;\n  }\n\n  /* Expand icon */\n  .select__expand-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n    rotate: 0;\n    margin-inline-start: var(--nile-spacing-xxxsmall, var(--ng-spacing-md));\n  }\n\n  .select--open .select__expand-icon {\n    rotate: -180deg;\n  }\n\n  /* Listbox */\n  .select__listbox {\n    display: block;\n    position: relative;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-colors-neutral-500, var(--ng-colors-border-secondary-alt));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    padding-block: var(--nile-spacing-none, var(--ng-spacing-none));\n    padding-inline: var(--nile-spacing-none, var(--ng-spacing-none));\n    overflow: auto;\n    overscroll-behavior: none;\n    /* Make sure it adheres to the popup's auto size */\n     max-width: var(--auto-size-available-width);\n    max-height: var(--auto-size-available-height);\n    box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-xs));\n  }\n\n  .select__options__search-enabled {\n    padding-top: var(--nile-spacing-10px, var(--ng-spacing-lg));\n  }\n\n  .select__options {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n\n    color: rgb(133, 129, 129);\n  }\n\n  .select__listbox::slotted(nile-divider) {\n    --spacing: var(--nile-spacing-xs, var(--ng-spacing-sm));\n  }\n\n  .select__listbox::slotted(small) {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-semi-bold, var(--ng-font-weight-semibold));\n    color: var(--nile-colors-dark-500);\n    padding-block: var(--nile-spacing-xs, var(--ng-spacing-sm));\n    padding-inline: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .select__search {\n    position: sticky;\n    top: 0px;\n    z-index: 1;\n    width: calc(100% - 16px);\n    padding: var(--nile-spacing-md, var(--ng-spacing-md));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    margin-bottom: -8px;\n  }\n\n  .select__footer {\n    position: sticky;\n    bottom: 0px;\n    background: var(--nile-colors-neutral-100);\n    border-top: 1px solid var(--nile-colors-neutral-400);\n    display: flex;\n    height: 15px;\n    /* Auto layout */\n    display:var(--nile-display-flex, var(--ng-display-none));\n    flex-direction: row;\n    align-items: flex-start;\n    padding: var(--nile-spacing-md) var(--nile-spacing-lg)\n      var(--nile-spacing-xl);\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    justify-content: space-between;\n  }\n\n  .tag__prefix[slot='prefix'] {\n    height: 14px;\n    display: inline-block;\n    overflow: hidden;\n  }\n\n  .tag__prefix[slot='prefix'] img {\n    max-height: 100%;\n  }\n\n  .select__loader {\n    width: 100%;\n    text-align: center;\n    display: block;\n  }\n\n  .select__loader--icon {\n    margin-top: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    animation: spin 0.6s linear infinite;\n  }\n\n  .select__no-results {\n    padding: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .select__invisible {\n    opacity: 0;\n  }\n\n  .select__prefix--from-options {\n    margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-md));\n  }\n\n  .select__prefix--from-options img{\n    max-height: var(--nile-height-none, var(--ng-height-24px));\n    max-width: var(--nile-width-none, var(--ng-width-6));\n  }\n\n  .select__hide-default {\n    display: none;\n  }\n   \n  .select.select--open .select__combobox {\n    border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-brand));\n    box-shadow: 0 0 0 1px  var(--ng-colors-border-brand) inset ;\n}\n\n.select.select--open:hover .select__combobox {\n  border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-brand));\n  box-shadow: 0 0 0 1px  var(--ng-colors-border-brand) inset ;\n}\n\n.select.select--open .select__combobox:hover {\n  border-color: var(--nile-colors-dark-900, var(--ng-colors-border-brand));\n  box-shadow: 0 0 0 1px  var(--ng-colors-border-brand) inset ;\n}\n\n:host([stickyHeader])  .select__footer{\n  z-index: 1;\n}\n \n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-select/nile-select.css.esm.js

@@ -114,7 +114,7 @@ import{css as e}from"lit";const o=e`
   .select__display-input {
     position: relative;
     width: 100%;
-    font: var(--nile-font-family-inherit, var(--ng-font-weight-regular));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
     border: none;
     background: none;
     color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
@@ -124,6 +124,7 @@ import{css as e}from"lit";const o=e`
     margin: var(--nile-spacing-none, var(--ng-spacing-none));
     -webkit-appearance: none;
     font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));
   }
 
 
@@ -132,6 +133,9 @@ import{css as e}from"lit";const o=e`
     color: var(--nile-colors-text-placeholder, var(--ng-colors-text-placeholder));
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));
   }
+  .select--disabled.select--placeholder-visible .select__display-input::placeholder {
+    color: var(--nile-colors-dark-500,var(--ng-color-graylightmode-500));
+  }
 
   .select:not(.select--disabled):hover .select__display-input {
     color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
@@ -217,10 +221,9 @@ import{css as e}from"lit";const o=e`
   }
 
   .select--standard.select--disabled .select__combobox {
-    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled-subtle));
+    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));
     border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-disabled) );
     color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));
-    opacity: var(--nile-opacity-50, var(--ng-opacity-100));
     cursor: not-allowed;
     outline: none;
   }
@@ -271,7 +274,7 @@ import{css as e}from"lit";const o=e`
 
   .select--medium .select__combobox {
     border-radius: var(--nile-radius-sm, var(--ng-radius-md));
-    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));
 
     padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));
     height: var(--nile-height-40px, var(--ng-height-40px));

package/dist/nile-slide-toggle/nile-slide-toggle.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;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",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host{\n    --slide-toggle-width:auto;\n    display:inline-block;\n    width:var(--slide-toggle-width);\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .nile-slide-toggle {\n    display: inline-flex;\n    align-items: baseline;\n    justify-content:space-between;\n    width:100%;\n  }\n\n  .nile-slide-toggle--reverse{\n    flex-direction:row-reverse;\n  }\n\n  .nile-slide-toggle__switch {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-block;\n    width: 36px;\n    height: 20px;\n    line-height: var(--nile-height-22px, var(--ng-height-20px));\n  }\n\n  .nile-slide-toggle__switch--left{\n    margin-right: var(--nile-spacing-md, var(--ng-spacing-md));\n  }\n\n  .nile-slide-toggle__switch--right{\n    margin-left: var(--nile-spacing-md, var(--ng-spacing-md));\n  }\n\n  .nile-slide-toggle__label {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    letter-spacing: 0.2px;\n    font-style: normal;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: var(--nile-spacing-spacing-2xl, var(--ng-line-height-text-sm));\n  }\n\n  .nile-slide-toggle__sublabel {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    letter-spacing: 0.2px;\n    font-style: normal;\n    color: var(--nile-colors-gray-light-mode-600, var(--ng-colors-text-tertiary-600));\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-type-scale-5, var(--ng-line-height-text-sm));\n  }\n\n  .nile-slide--disabled .nile-slide-toggle__label,\n  .nile-slide--disabled .nile-slide-toggle__sublabel{\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n  }\n\n  .nile-slide-toggle__switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .nile-slide-toggle__slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: var(--nile-slide-toggle-color-background-inactive, var(--ng-colors-bg-quaternary));\n    transition: 0.4s;\n    border-radius: var(--nile-radius-3xl, var(--ng-radius-full));\n  }\n\n  .nile-slide-toggle__slider:active {\n    box-shadow: var(--nile-box-shadow-4, var(--ng-focus-ring));\n  }\n\n  .nile-slide-toggle__slider:focus {\n    box-shadow: var(--nile-box-shadow-4, var(--ng-focus-ring));\n  }\n\n  .nile-slide-toggle__slider:hover {\n    &:not(.nile-slide--disabled) {\n      background-color: var(--nile-slide-toggle-color-background-inactive, var(--ng-colors-bg-quaternary-alt));\n    }\n  }\n\n  .nile-slide-toggle__slider:before {\n    position: absolute;\n    content: '';\n    height: 16px;\n    width: 16px;\n    bottom: 2px;\n    left: 2px;\n    background-color: var(--nile-slide-toggle-color-indicator, var(--ng-colors-bg-primary-alt));\n    transition: 0.4s;\n    border-radius: var(--nile-radius-full, var(--ng-radius-full));\n    box-shadow: 0px 1px 3px 0px var(--ng-colors-effects-shadow-sm-01), 0px 1px 2px -1px var(--ng-colors-effects-shadow-sm-02);\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider {\n    background-color: var(--nile-slide-toggle-color-background-active, var(--ng-colors-bg-brand-solid));\n  }\n\n  .nile-slide-toggle__switch input:focus + .nile-slide-toggle__slider {\n    --focus-shadow-glow: 0 0 1px var(--nile-slide-toggle-color-background-active);\n    --focus-shadow-ring: 0px 0px 0px 2px var(--ng-colors-bg-primary-alt), 0px 0px 0px 4px var(--ng-colors-effects-focus-ring);\n    box-shadow: var(--focus-shadow-glow, var(--ng-focus-ring));\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider:before {\n    transform: translateX(16px);\n  }\n\n  .nile-slide-toggle__slider.round {\n    border-radius: var(--nile-radius-xl, var(--ng-radius-full));\n  }\n\n  .nile-slide-toggle__slider.round:before {\n    border-radius: var(--nile-radius-full, var(--ng-radius-full));\n  }\n\n  .nile-slide--disabled .nile-slide-toggle__slider {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled));\n  }\n\n  .nile-slide--disabled .nile-slide-toggle__switch {\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n\n  .nile-slide--disabled\n    .nile-slide-toggle__switch\n    input:checked\n    + .nile-slide-toggle__slider {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled));\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;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",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host{\n    --slide-toggle-width:auto;\n    display:inline-block;\n    width:var(--slide-toggle-width);\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .nile-slide-toggle {\n    display: inline-flex;\n    align-items: baseline;\n    justify-content:space-between;\n    width:100%;\n  }\n\n  .nile-slide-toggle--reverse{\n    flex-direction:row-reverse;\n  }\n\n  .nile-slide-toggle__switch {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-block;\n    width: 36px;\n    height: 20px;\n    line-height: var(--nile-height-22px, var(--ng-height-20px));\n  }\n\n  .nile-slide-toggle__switch--left{\n    margin-right: var(--nile-spacing-md, var(--ng-spacing-md));\n  }\n\n  .nile-slide-toggle__switch--right{\n    margin-left: var(--nile-spacing-md, var(--ng-spacing-md));\n  }\n\n  .nile-slide-toggle__label {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    letter-spacing: 0.2px;\n    font-style: normal;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: var(--nile-spacing-spacing-2xl, var(--ng-line-height-text-sm));\n  }\n\n  .nile-slide-toggle__sublabel {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    letter-spacing: 0.2px;\n    font-style: normal;\n    color: var(--nile-colors-gray-light-mode-600, var(--ng-colors-text-tertiary-600));\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-type-scale-5, var(--ng-line-height-text-sm));\n  }\n\n  .nile-slide--disabled .nile-slide-toggle__label,\n  .nile-slide--disabled .nile-slide-toggle__sublabel{\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n  }\n\n  .nile-slide-toggle__switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .nile-slide-toggle__slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: var(--nile-slide-toggle-color-background-inactive, var(--ng-colors-bg-quaternary));\n    transition: 0.4s;\n    border-radius: var(--nile-radius-3xl, var(--ng-radius-full));\n  }\n\n  .nile-slide-toggle__slider:active {\n    box-shadow: var(--nile-box-shadow-4, var(--ng-focus-ring));\n  }\n\n  .nile-slide-toggle__slider:focus {\n    box-shadow: var(--nile-box-shadow-4, var(--ng-focus-ring));\n  }\n\n  .nile-slide-toggle__slider:hover {\n    &:not(.nile-slide--disabled) {\n      background-color: var(--nile-slide-toggle-color-background-inactive, var(--ng-colors-bg-quaternary-alt));\n    }\n  }\n\n  .nile-slide-toggle__slider:before {\n    position: absolute;\n    content: '';\n    height: 16px;\n    width: 16px;\n    bottom: 2px;\n    left: 2px;\n    background-color: var(--nile-slide-toggle-color-indicator, var(--ng-colors-bg-primary-alt));\n    transition: 0.4s;\n    border-radius: var(--nile-radius-full, var(--ng-radius-full));\n    box-shadow: 0px 1px 3px 0px var(--ng-colors-effects-shadow-sm-01), 0px 1px 2px -1px var(--ng-colors-effects-shadow-sm-02);\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider {\n    background-color: var(--nile-slide-toggle-color-background-active, var(--ng-colors-bg-brand-solid));\n  }\n\n  .nile-slide-toggle__switch input:focus + .nile-slide-toggle__slider {\n    --focus-shadow-glow: 0 0 1px var(--nile-slide-toggle-color-background-active);\n    --focus-shadow-ring: 0px 0px 0px 2px var(--ng-colors-bg-primary-alt), 0px 0px 0px 4px var(--ng-colors-effects-focus-ring);\n    box-shadow: var(--focus-shadow-glow, var(--ng-focus-ring));\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider:before {\n    transform: translateX(16px);\n  }\n\n  .nile-slide-toggle__slider.round {\n    border-radius: var(--nile-radius-xl, var(--ng-radius-full));\n  }\n\n  .nile-slide-toggle__slider.round:before {\n    border-radius: var(--nile-radius-full, var(--ng-radius-full));\n  }\n\n  .nile-slide--disabled .nile-slide-toggle__slider {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled));\n  }\n\n  .nile-slide--disabled .nile-slide-toggle__switch {\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n\n  .nile-slide--disabled\n    .nile-slide-toggle__switch\n    input:checked\n    + .nile-slide-toggle__slider {\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-disabled));\n  }\n  .nile-slide--disabled {\n   cursor: not-allowed;\n  }\n\n"]))));}};});
 //# sourceMappingURL=nile-slide-toggle.css.cjs.js.map

package/dist/nile-slide-toggle/nile-slide-toggle.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-slide-toggle.css.cjs.js","sources":["../../../src/nile-slide-toggle/nile-slide-toggle.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  :host{\n    --slide-toggle-width:auto;\n    display:inline-block;\n    width:var(--slide-toggle-width);\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .nile-slide-toggle {\n    display: inline-flex;\n    align-items: baseline;\n    justify-content:space-between;\n    width:100%;\n  }\n\n  .nile-slide-toggle--reverse{\n    flex-direction:row-reverse;\n  }\n\n  .nile-slide-toggle__switch {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-block;\n    width: 36px;\n    height: 20px;\n    line-height: var(--nile-height-22px, var(--ng-height-20px));\n  }\n\n  .nile-slide-toggle__switch--left{\n    margin-right: var(--nile-spacing-md, var(--ng-spacing-md));\n  }\n\n  .nile-slide-toggle__switch--right{\n    margin-left: var(--nile-spacing-md, var(--ng-spacing-md));\n  }\n\n  .nile-slide-toggle__label {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    letter-spacing: 0.2px;\n    font-style: normal;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: var(--nile-spacing-spacing-2xl, var(--ng-line-height-text-sm));\n  }\n\n  .nile-slide-toggle__sublabel {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    letter-spacing: 0.2px;\n    font-style: normal;\n    color: var(--nile-colors-gray-light-mode-600, var(--ng-colors-text-tertiary-600));\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-type-scale-5, var(--ng-line-height-text-sm));\n  }\n\n  .nile-slide--disabled .nile-slide-toggle__label,\n  .nile-slide--disabled .nile-slide-toggle__sublabel{\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n  }\n\n  .nile-slide-toggle__switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .nile-slide-toggle__slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: var(--nile-slide-toggle-color-background-inactive, var(--ng-colors-bg-quaternary));\n    transition: 0.4s;\n    border-radius: var(--nile-radius-3xl, var(--ng-radius-full));\n  }\n\n  .nile-slide-toggle__slider:active {\n    box-shadow: var(--nile-box-shadow-4, var(--ng-focus-ring));\n  }\n\n  .nile-slide-toggle__slider:focus {\n    box-shadow: var(--nile-box-shadow-4, var(--ng-focus-ring));\n  }\n\n  .nile-slide-toggle__slider:hover {\n    &:not(.nile-slide--disabled) {\n      background-color: var(--nile-slide-toggle-color-background-inactive, var(--ng-colors-bg-quaternary-alt));\n    }\n  }\n\n  .nile-slide-toggle__slider:before {\n    position: absolute;\n    content: '';\n    height: 16px;\n    width: 16px;\n    bottom: 2px;\n    left: 2px;\n    background-color: var(--nile-slide-toggle-color-indicator, var(--ng-colors-bg-primary-alt));\n    transition: 0.4s;\n    border-radius: var(--nile-radius-full, var(--ng-radius-full));\n    box-shadow: 0px 1px 3px 0px var(--ng-colors-effects-shadow-sm-01), 0px 1px 2px -1px var(--ng-colors-effects-shadow-sm-02);\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider {\n    background-color: var(--nile-slide-toggle-color-background-active, var(--ng-colors-bg-brand-solid));\n  }\n\n  .nile-slide-toggle__switch input:focus + .nile-slide-toggle__slider {\n    --focus-shadow-glow: 0 0 1px var(--nile-slide-toggle-color-background-active);\n    --focus-shadow-ring: 0px 0px 0px 2px var(--ng-colors-bg-primary-alt), 0px 0px 0px 4px var(--ng-colors-effects-focus-ring);\n    box-shadow: var(--focus-shadow-glow, var(--ng-focus-ring));\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider:before {\n    transform: translateX(16px);\n  }\n\n  .nile-slide-toggle__slider.round {\n    border-radius: var(--nile-radius-xl, var(--ng-radius-full));\n  }\n\n  .nile-slide-toggle__slider.round:before {\n    border-radius: var(--nile-radius-full, var(--ng-radius-full));\n  }\n\n  .nile-slide--disabled .nile-slide-toggle__slider {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled));\n  }\n\n  .nile-slide--disabled .nile-slide-toggle__switch {\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n\n  .nile-slide--disabled\n    .nile-slide-toggle__switch\n    input:checked\n    + .nile-slide-toggle__slider {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled));\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-slide-toggle.css.cjs.js","sources":["../../../src/nile-slide-toggle/nile-slide-toggle.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  :host{\n    --slide-toggle-width:auto;\n    display:inline-block;\n    width:var(--slide-toggle-width);\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .nile-slide-toggle {\n    display: inline-flex;\n    align-items: baseline;\n    justify-content:space-between;\n    width:100%;\n  }\n\n  .nile-slide-toggle--reverse{\n    flex-direction:row-reverse;\n  }\n\n  .nile-slide-toggle__switch {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-block;\n    width: 36px;\n    height: 20px;\n    line-height: var(--nile-height-22px, var(--ng-height-20px));\n  }\n\n  .nile-slide-toggle__switch--left{\n    margin-right: var(--nile-spacing-md, var(--ng-spacing-md));\n  }\n\n  .nile-slide-toggle__switch--right{\n    margin-left: var(--nile-spacing-md, var(--ng-spacing-md));\n  }\n\n  .nile-slide-toggle__label {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    letter-spacing: 0.2px;\n    font-style: normal;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: var(--nile-spacing-spacing-2xl, var(--ng-line-height-text-sm));\n  }\n\n  .nile-slide-toggle__sublabel {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    letter-spacing: 0.2px;\n    font-style: normal;\n    color: var(--nile-colors-gray-light-mode-600, var(--ng-colors-text-tertiary-600));\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-type-scale-5, var(--ng-line-height-text-sm));\n  }\n\n  .nile-slide--disabled .nile-slide-toggle__label,\n  .nile-slide--disabled .nile-slide-toggle__sublabel{\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));\n  }\n\n  .nile-slide-toggle__switch input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n  }\n\n  .nile-slide-toggle__slider {\n    position: absolute;\n    cursor: pointer;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-color: var(--nile-slide-toggle-color-background-inactive, var(--ng-colors-bg-quaternary));\n    transition: 0.4s;\n    border-radius: var(--nile-radius-3xl, var(--ng-radius-full));\n  }\n\n  .nile-slide-toggle__slider:active {\n    box-shadow: var(--nile-box-shadow-4, var(--ng-focus-ring));\n  }\n\n  .nile-slide-toggle__slider:focus {\n    box-shadow: var(--nile-box-shadow-4, var(--ng-focus-ring));\n  }\n\n  .nile-slide-toggle__slider:hover {\n    &:not(.nile-slide--disabled) {\n      background-color: var(--nile-slide-toggle-color-background-inactive, var(--ng-colors-bg-quaternary-alt));\n    }\n  }\n\n  .nile-slide-toggle__slider:before {\n    position: absolute;\n    content: '';\n    height: 16px;\n    width: 16px;\n    bottom: 2px;\n    left: 2px;\n    background-color: var(--nile-slide-toggle-color-indicator, var(--ng-colors-bg-primary-alt));\n    transition: 0.4s;\n    border-radius: var(--nile-radius-full, var(--ng-radius-full));\n    box-shadow: 0px 1px 3px 0px var(--ng-colors-effects-shadow-sm-01), 0px 1px 2px -1px var(--ng-colors-effects-shadow-sm-02);\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider {\n    background-color: var(--nile-slide-toggle-color-background-active, var(--ng-colors-bg-brand-solid));\n  }\n\n  .nile-slide-toggle__switch input:focus + .nile-slide-toggle__slider {\n    --focus-shadow-glow: 0 0 1px var(--nile-slide-toggle-color-background-active);\n    --focus-shadow-ring: 0px 0px 0px 2px var(--ng-colors-bg-primary-alt), 0px 0px 0px 4px var(--ng-colors-effects-focus-ring);\n    box-shadow: var(--focus-shadow-glow, var(--ng-focus-ring));\n  }\n\n  .nile-slide-toggle__switch input:checked + .nile-slide-toggle__slider:before {\n    transform: translateX(16px);\n  }\n\n  .nile-slide-toggle__slider.round {\n    border-radius: var(--nile-radius-xl, var(--ng-radius-full));\n  }\n\n  .nile-slide-toggle__slider.round:before {\n    border-radius: var(--nile-radius-full, var(--ng-radius-full));\n  }\n\n  .nile-slide--disabled .nile-slide-toggle__slider {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled));\n  }\n\n  .nile-slide--disabled .nile-slide-toggle__switch {\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n\n  .nile-slide--disabled\n    .nile-slide-toggle__switch\n    input:checked\n    + .nile-slide-toggle__slider {\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-disabled));\n  }\n  .nile-slide--disabled {\n   cursor: not-allowed;\n  }\n\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-slide-toggle/nile-slide-toggle.css.esm.js

@@ -144,6 +144,10 @@ import{css as e}from"lit";var i=e`
     .nile-slide-toggle__switch
     input:checked
     + .nile-slide-toggle__slider {
-    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled));
+    background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-disabled));
+  }
+  .nile-slide--disabled {
+   cursor: not-allowed;
   }
+
 `;export{i as s};