@aquera/nile-elements 1.6.5 → 1.6.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -0
- package/demo/index.js +2 -0
- package/dist/index.js +14 -14
- package/dist/nile-tag/nile-tag.css.cjs.js +1 -1
- package/dist/nile-tag/nile-tag.css.cjs.js.map +1 -1
- package/dist/nile-tag/nile-tag.css.esm.js +13 -13
- package/dist/src/nile-tag/nile-tag.css.js +13 -13
- package/dist/src/nile-tag/nile-tag.css.js.map +1 -1
- package/dist/src/version.js +1 -1
- package/dist/src/version.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-tag/nile-tag.css.ts +13 -13
package/README.md
CHANGED
|
@@ -79,6 +79,9 @@ To run a local development server that serves the basic demo located in `demo/in
|
|
|
79
79
|
|
|
80
80
|
In this section, you can find the updates for each release of `nile-elements`. It's a good practice to maintain detailed release notes to help users and developers understand what changes have been made from one version to another and how these changes might affect their projects.
|
|
81
81
|
|
|
82
|
+
#### Version 1.6.6 (March 27, 2026)
|
|
83
|
+
- Nile Tag: Variant Color Fix in Nile Tag (UIF-1163)
|
|
84
|
+
|
|
82
85
|
#### Version 1.6.5 (March 26, 2026)
|
|
83
86
|
- Nile Code Editor: Added hideReadOnlyCursor property in nile-code-editor (UIF-1159)
|
|
84
87
|
- Nile Slide Toggle: Hover Style Improvement (UIF-1151)
|
package/demo/index.js
CHANGED
|
@@ -17,6 +17,8 @@ window.iconPath = '';
|
|
|
17
17
|
// import { html, render } from 'lit';
|
|
18
18
|
// import '../dist/src/nile-badge/index.js';
|
|
19
19
|
import '../dist/src/index.js';
|
|
20
|
+
// Import nile-glyph from @aquera/nile-glyph
|
|
21
|
+
//import '../../nile-glyph/dist/src/nile-glyph/index.js';
|
|
20
22
|
// import '../dist/src/nile-input/index.js';
|
|
21
23
|
|
|
22
24
|
// find html element by id
|
package/dist/index.js
CHANGED
|
@@ -4893,13 +4893,13 @@ ${n?R`
|
|
|
4893
4893
|
}
|
|
4894
4894
|
|
|
4895
4895
|
.tag--success {
|
|
4896
|
-
background: var(--nile-colors-green-400);
|
|
4897
|
-
border: 2px solid var(--nile-colors-green-400, var(--ng-
|
|
4898
|
-
color: var(--nile-colors-dark-900);
|
|
4896
|
+
background: var(--nile-colors-green-400,var(--ng-componentcolors-utility-success-50));
|
|
4897
|
+
border: 2px solid var(--nile-colors-green-400, var(--ng-componentcolors-utility-success-200));
|
|
4898
|
+
color: var(--nile-colors-dark-900,var(--ng--componentcolors-utility-success-700));
|
|
4899
4899
|
}
|
|
4900
4900
|
|
|
4901
4901
|
.tag--success:hover {
|
|
4902
|
-
border: 2px solid var(--nile-colors-green-500, var(--ng-
|
|
4902
|
+
border: 2px solid var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-300));
|
|
4903
4903
|
}
|
|
4904
4904
|
|
|
4905
4905
|
.tag--success:active > nile-icon-button {
|
|
@@ -4911,7 +4911,7 @@ ${n?R`
|
|
|
4911
4911
|
border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));
|
|
4912
4912
|
color: var(--nile-colors-dark-900 , var(--ng-colors-text-secondary-700));
|
|
4913
4913
|
}
|
|
4914
|
-
|
|
4914
|
+
|
|
4915
4915
|
.tag--normal:hover {
|
|
4916
4916
|
border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-500 , var(--ng-colors-border-primary));
|
|
4917
4917
|
}
|
|
@@ -4921,13 +4921,13 @@ ${n?R`
|
|
|
4921
4921
|
}
|
|
4922
4922
|
|
|
4923
4923
|
.tag--warning {
|
|
4924
|
-
background: var(--nile-colors-yellow-400);
|
|
4925
|
-
border: 2px solid var(--nile-colors-yellow-400, var(--ng-
|
|
4926
|
-
color: var(--nile-colors-dark-900);
|
|
4924
|
+
background: var(--nile-colors-yellow-400, var(--ng-componentcolors-utility-warning-50));
|
|
4925
|
+
border: 2px solid var(--nile-colors-yellow-400, var(--ng-componentcolors-utility-warning-200));
|
|
4926
|
+
color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-warning-700));
|
|
4927
4927
|
}
|
|
4928
4928
|
|
|
4929
4929
|
.tag--warning:hover {
|
|
4930
|
-
border: 2px solid var(--nile-colors-yellow-500, var(--ng-
|
|
4930
|
+
border: 2px solid var(--nile-colors-yellow-500, var(--ng-componentcolors-utility-warning-300));
|
|
4931
4931
|
}
|
|
4932
4932
|
|
|
4933
4933
|
.tag--warning:active > nile-icon-button {
|
|
@@ -4936,13 +4936,13 @@ ${n?R`
|
|
|
4936
4936
|
|
|
4937
4937
|
|
|
4938
4938
|
.tag--error {
|
|
4939
|
-
background: var(--nile-colors-red-400);
|
|
4940
|
-
border: 2px solid var(--nile-colors-red-400, var(--ng-
|
|
4941
|
-
color: var(--nile-colors-dark-900);
|
|
4939
|
+
background: var(--nile-colors-red-400, var(--ng-componentcolors-utility-error-50));
|
|
4940
|
+
border: 2px solid var(--nile-colors-red-400, var(--ng-componentcolors-utility-error-200));
|
|
4941
|
+
color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-error-700));
|
|
4942
4942
|
}
|
|
4943
4943
|
|
|
4944
4944
|
.tag--error:hover {
|
|
4945
|
-
border: 2px solid var(--nile-colors-red-500, var(--ng-
|
|
4945
|
+
border: 2px solid var(--nile-colors-red-500, var(--ng-componentcolors-utility-error-300));
|
|
4946
4946
|
}
|
|
4947
4947
|
|
|
4948
4948
|
.tag--error:active > nile-icon-button {
|
|
@@ -16277,7 +16277,7 @@ nile-rich-text-editor[disabled] .editor a {
|
|
|
16277
16277
|
|
|
16278
16278
|
|
|
16279
16279
|
|
|
16280
|
-
`,rS={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"},sS=["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 aS=class extends ae{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.linkEl=null,this.mentionsEl=null,this.onEditorClick=e=>{if(this.disabled)return void e.preventDefault();const t=e.target.closest?.("a");t&&e.preventDefault()},this.onEditorPaste=e=>{this.disabled&&e.preventDefault()},this.onEditorDrop=e=>{this.disabled&&e.preventDefault()},this.onEditorInput=()=>{this.disabled||(this.ensureAtLeastOneParagraph(),this.scrubBrokenMentions(),this.updateContent(),this.updateToolbarState())},this.onEditorMouseup=()=>{this.saveSelection(),this.updateToolbarState()},this.onEditorKeyup=e=>{this.saveSelection(),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key)&&this.updateToolbarState()},this.onEditorKeydown=e=>{if(this.disabled)return void e.preventDefault();if(this.singleLineEditor&&"Enter"===e.key&&e.shiftKey)return void e.preventDefault();if(e.ctrlKey&&"i"===e.key.toLowerCase()&&(e.preventDefault(),Xm(this.editorEl,"em"),this.updateContent(),this.updateToolbarState()),this.singleLineEditor&&"Enter"===e.key)return void e.preventDefault();if("Tab"!==e.key)return;e.preventDefault(),this.focusAndRestore();const t=window.getSelection();if(!t||0===t.rangeCount)return;const i=t.getRangeAt(0);if(e.shiftKey){if(i.collapsed&&i.startContainer.nodeType===Node.TEXT_NODE){const e=i.startContainer,M=i.startOffset,n=e.data.slice(0,M),o=n.replace(/(\t|[ \u00a0]{2})$/,"");if(o.length!==n.length){e.data=o+e.data.slice(M);const i=document.createRange();i.setStart(e,o.length),i.collapse(!0),t.removeAllRanges(),t.addRange(i),this.updateContent(),this.updateToolbarState()}}return}i.deleteContents();const M=document.createTextNode("\t");i.insertNode(M);const n=document.createRange();n.setStartAfter(M),n.collapse(!0),t.removeAllRanges(),t.addRange(n),this.updateContent(),this.updateToolbarState()},this.onSelectionChange=()=>{if(!this.editorEl)return;const e=document.getSelection();if(!e||0===e.rangeCount)return;const t=e.getRangeAt(0);this.editorEl.contains(t.commonAncestorContainer)&&(this.lastRange=t.cloneRange(),this.updateToolbarState())}}createRenderRoot(){return this}injectCss(e){if(this.querySelector("style[data-rte-style]"))return;const t=document.createElement("style");t.setAttribute("data-rte-style","true"),t.textContent=e,this.insertBefore(t,this.firstChild)}connectedCallback(){super.connectedCallback(),this.injectCss(oS.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(e){this.updateContent(),this.dispatchEvent(new CustomEvent("nile-change",{detail:{content:this.content,mention:e},bubbles:!0,composed:!0}))}disconnectedCallback(){this.unwireEditor(),document.removeEventListener("selectionchange",this.onSelectionChange),this.mentionsEl&&this.mentionsEl.detach&&this.mentionsEl.detach(),super.disconnectedCallback()}updated(e){e.has("value")&&this.editorEl&&this.value!==this.editorEl.innerHTML&&(this.editorEl.innerHTML=this.value||"<p><br></p>",this.content=this.editorEl.innerHTML,this.syncPreview()),e.has("singleLineEditor")&&(this.editorEl&&this.editorEl.classList.toggle("single-line",this.singleLineEditor),this.previewEl&&this.previewEl.classList.toggle("single-line",this.singleLineEditor)),e.has("disabled")&&this.editorEl&&(this.editorEl.setAttribute("contenteditable",this.disabled?"false":"true"),this.editorEl.tabIndex=this.disabled?-1:0,this.linkEl&&(this.linkEl.disabled=this.disabled)),e.has("placeholder")&&this.editorEl&&(this.placeholder?this.editorEl.dataset.placeholder=this.placeholder:delete this.editorEl.dataset.placeholder)}ensureEditor(){if(this.editorEl=this.querySelector(".editor"),!this.editorEl){const e=document.createElement("article");e.className="editor",e.setAttribute("contenteditable",this.disabled?"false":"true"),e.tabIndex=this.disabled?-1:0,this.editorEl=e}this.placeholder&&(this.editorEl.dataset.placeholder=this.placeholder),this.editorEl.innerHTML.trim()||(this.editorEl.innerHTML="<p><br></p>")}unwrapMention(e,t=!0){const i=e.parentNode;if(!i)return;const M=t?(e.textContent??"").replace(/\u200B/g,""):"",n=document.createTextNode(M);i.insertBefore(n,e),i.removeChild(e);const o=document.createRange();o.setStartAfter(n),o.collapse(!0);const r=window.getSelection();r?.removeAllRanges(),r?.addRange(o)}scrubBrokenMentions(){if(!this.editorEl)return;this.editorEl.querySelectorAll("span.mention").forEach((e=>{const t=e,i=t.getAttribute("data-mention-key"),M=t.getAttribute("data-mention-label"),n=t.getAttribute("data-mention-trigger")||"",o=(t.textContent??"").replace(/\u200B/g,"").trim(),r=!!i&&!!M&&o.length>0&&o.startsWith(n)&&o.includes(M);o&&r||this.unwrapMention(t,!0)}))}wireEditor(){this.editorEl.addEventListener("click",this.onEditorClick),this.editorEl.addEventListener("input",this.onEditorInput),this.editorEl.addEventListener("mouseup",this.onEditorMouseup),this.editorEl.addEventListener("keyup",this.onEditorKeyup),this.editorEl.addEventListener("keydown",this.onEditorKeydown),this.editorEl.addEventListener("paste",this.onEditorPaste),this.editorEl.addEventListener("drop",this.onEditorDrop)}unwireEditor(){this.editorEl&&(this.editorEl.removeEventListener("click",this.onEditorClick),this.editorEl.removeEventListener("input",this.onEditorInput),this.editorEl.removeEventListener("mouseup",this.onEditorMouseup),this.editorEl.removeEventListener("keyup",this.onEditorKeyup),this.editorEl.removeEventListener("keydown",this.onEditorKeydown),this.editorEl.removeEventListener("paste",this.onEditorPaste),this.editorEl.removeEventListener("drop",this.onEditorDrop))}wireAuthoredToolbar(e){this.buttonMap.clear(),this.headingSelect=null,this.fontSelect=null,this.colorInput=null,Array.from(e.children).forEach((e=>{const t=e.tagName.toLowerCase();if("nile-rte-select"===t&&"align"===e.getAttribute("type"))return e.disabled=this.disabled,void e.addEventListener("change",(e=>{this.focusAndRestore();const t=e.detail;$m(this.editorEl,t),this.updateContent(),this.updateToolbarState()}));if("nile-rte-link"===t)return e.editorEl=this.editorEl,e.disabled=this.disabled,this.linkEl=e,void e.addEventListener("nile-link-changed",(()=>{this.updateContent(),this.updateToolbarState()}));if("nile-rte-toolbar-item"===t){let t=e.querySelector(":scope > nile-button");const i=e.getAttribute("name")||"",M=e.getAttribute("label")||i,n=e.getAttribute("icon"),o=e.innerHTML.trim().length>0;if(t||(t=document.createElement("nile-button"),t.variant="tertiary",t.size="small"),t.disabled=this.disabled,n)t.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))"}" ></nile-icon>`,e.innerHTML="";else if(o)t.innerHTML=e.innerHTML,e.innerHTML="";else{const n=rS[i];n?t.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))"}" ></nile-icon>`:t.textContent=M||i,e.innerHTML=""}if(!t.isConnected)if(this.disabled)e.appendChild(t);else{const i=document.createElement("nile-lite-tooltip");i.setAttribute("content",M),i.appendChild(t),e.appendChild(i)}t.setAttribute("aria-label",M),t.addEventListener("mousedown",(e=>e.preventDefault())),t.addEventListener("click",(()=>this.onToolbarCommand(i)));const r=this.buttonMap.get(i)??[];return r.push(t),void this.buttonMap.set(i,r)}if("nile-rte-select"!==t)"nile-rte-color"!==t||e.addEventListener("change",(e=>{this.focusAndRestore();const{mode:t,value:i}=e.detail;"backColor"===t?tS(this.editorEl,"backgroundColor",i,"data-rte-bg"):function(e,t){tS(e,"color",t,"data-rte-color")}(this.editorEl,i),this.updateContent(),this.updateToolbarState()}));else{const t=e.getAttribute("type")||"";e.addEventListener("change",(e=>{this.focusAndRestore();const i=e.detail;"heading"===t?function(e,t){const i=document.getSelection();if(!i||0===i.rangeCount)return;const M=Jm(i.getRangeAt(0).startContainer,e);if(!M)return;if(M.tagName.toLowerCase()===t)return;const n=document.createElement(t);for(;M.firstChild;)n.appendChild(M.firstChild);M.replaceWith(n);const o=document.createRange();o.selectNodeContents(n),o.collapse(!0),i.removeAllRanges(),i.addRange(o)}(this.editorEl,i):"font"===t&&Km(this.editorEl,i),this.updateContent(),this.updateToolbarState()}))}}))}saveSelection(){const e=window.getSelection();e&&e.rangeCount&&(this.lastRange=e.getRangeAt(0).cloneRange())}restoreSelection(){if(!this.lastRange)return;const e=document.getSelection();e&&(e.removeAllRanges(),e.addRange(this.lastRange))}focusAndRestore(){this.editorEl?.focus(),this.restoreSelection()}getCleanContent(){const e=this.editorEl.cloneNode(!0);return e.querySelectorAll("*").forEach((e=>{e.removeAttribute("style")})),e.innerHTML}insertList(e){if(this.restoreSelection(),!this.lastRange)return;const t=document.createElement(e),i=this.lastRange.extractContents(),M=document.createElement("div");M.appendChild(i),Array.from(M.childNodes).forEach((e=>{if(e.nodeType===Node.TEXT_NODE&&!e.textContent?.trim())return;const i=document.createElement("li");i.appendChild(e),t.appendChild(i)})),this.lastRange.insertNode(t),this.afterListEdit(t)}afterListEdit(e){const t=document.createRange();t.setStartAfter(e),t.collapse(!0);const i=window.getSelection();i?.removeAllRanges(),i?.addRange(t),this.saveSelection(),this.updateContent(),this.updateToolbarState()}ensureAtLeastOneParagraph(){const e=this.editorEl;if(!e)return;const t=""===(e.textContent??"").replace(/\u200B/g,"").trim();if(0===e.childNodes.length||t){e.innerHTML="<p><br></p>";const t=e.querySelector("p");if(t){const e=document.createRange();e.setStart(t,0),e.collapse(!0);const i=window.getSelection();i&&(i.removeAllRanges(),i.addRange(e))}return}if(!e.querySelector("p,h1,h2,h3,h4,h5,h6,ul,ol,table,blockquote,pre")){const t=document.createElement("p");for(;e.firstChild;)t.appendChild(e.firstChild);return t.hasChildNodes()||t.appendChild(document.createElement("br")),void e.appendChild(t)}e.querySelectorAll("p").forEach((e=>{""===(e.textContent??"").replace(/\u200B/g,"")&&(e.innerHTML.toLowerCase().includes("<br")||(e.innerHTML="<br>"))}))}onToolbarCommand(e){if(!this.disabled){switch(this.focusAndRestore(),e){case"bold":Xm(this.editorEl,"strong");break;case"italic":Xm(this.editorEl,"em");break;case"underline":Xm(this.editorEl,"u");break;case"left":$m(this.editorEl,"left");break;case"center":$m(this.editorEl,"center");break;case"right":$m(this.editorEl,"right");break;case"justify":$m(this.editorEl,"justify");break;case"ul":nS(this.editorEl,"ul"),this.updateContent(),this.updateToolbarState();break;case"ol":nS(this.editorEl,"ol"),this.updateContent(),this.updateToolbarState();break;case"link":break;case"clear":const e=document.createTreeWalker(this.editorEl,NodeFilter.SHOW_ELEMENT),t=[];for(;e.nextNode();){const i=e.currentNode;i.removeAttribute("style"),["B","STRONG","I","EM","U","SPAN","FONT"].includes(i.tagName)&&t.push(i)}for(const e of t){for(;e.firstChild;)e.parentNode?.insertBefore(e.firstChild,e);e.remove()}this.ensureAtLeastOneParagraph()}this.updateContent(),this.updateToolbarState()}}setBtnActive(e,t){const i=this.buttonMap.get(e);if(i)for(const e of i)e.toggleAttribute("data-active",!!t)}updateToolbarState(){if(!this.editorEl)return;const e=document.getSelection();if(!e||0===e.rangeCount)return;const t=e.getRangeAt(0);if(!this.editorEl.contains(t.commonAncestorContainer))return;const i=function(e){for(;e&&!(e instanceof HTMLElement);)e=e.parentNode;return e}(t.startContainer)||this.editorEl,M=getComputedStyle(i),n=Jm(t.startContainer,this.editorEl)||this.editorEl,o=(()=>{let e=i;for(;e&&e!==this.editorEl;){if(e instanceof HTMLElement){const t=e.tagName.toLowerCase();if("strong"===t||"b"===t)return!0;const i=getComputedStyle(e).fontWeight;if(parseInt(i,10)>=600)return!0}e=e.parentNode}return!1})(),r=(()=>{let e=i;for(;e&&e!==this.editorEl;){if(e instanceof HTMLElement){const t=e.tagName.toLowerCase();if("em"===t||"i"===t)return!0;if("italic"===getComputedStyle(e).fontStyle)return!0}e=e.parentNode}return!1})(),s=(()=>{let e=i;for(;e&&e!==this.editorEl;){if(e instanceof HTMLElement){const t=getComputedStyle(e).textDecorationLine;if(t&&t.includes("underline"))return!0;if("u"===e.tagName.toLowerCase())return!0}e=e.parentNode}return!1})(),a=!!i.closest("a"),l=n.style.textAlign||getComputedStyle(n).textAlign||"start",N="start"===l?"left":l,g=!!i.closest("li")&&i.closest("ul,ol")?.tagName.toLowerCase()||"";if(this.setBtnActive("bold",o),this.setBtnActive("italic",r),this.setBtnActive("underline",s),this.setBtnActive("link",a),this.linkEl){const e=this.linkEl.querySelector("nile-button");e&&e.toggleAttribute("data-active",a)}if(this.setBtnActive("left","left"===N&&!["center","right","justify"].includes(N)),this.setBtnActive("center","center"===N),this.setBtnActive("right","right"===N),this.setBtnActive("justify","justify"===N),this.setBtnActive("ul","ul"===g),this.setBtnActive("ol","ol"===g),this.headingSelect){const e=n.tagName.toLowerCase(),t=["h1","h2","h3"].includes(e)?e:"p";this.headingSelect.value!==t&&(this.headingSelect.value=t)}if(this.fontSelect){const e=(M.fontFamily||"").replace(/["']/g,"").split(",")[0].trim().toLowerCase();if(e)for(const t of Array.from(this.fontSelect.options))if(t.value.toLowerCase()===e){this.fontSelect.value=t.value;break}}if(this.colorInput){const e=qm(M.color);e&&this.colorInput.value.toLowerCase()!==e.toLowerCase()&&(this.colorInput.value=e),this.colorSwatchEl&&(this.colorSwatchEl.style.backgroundColor=this.colorInput.value)}if(this.bgColorInput){const e=getComputedStyle(i).backgroundColor;if(e&&!/transparent|rgba\(\s*0\s*,\s*0\s*,\s*0\s*,\s*0\s*\)/i.test(e)){const t=qm(e);t&&this.bgColorInput.value.toLowerCase()!==t.toLowerCase()&&(this.bgColorInput.value=t)}this.bgSwatchEl&&(this.bgSwatchEl.style.backgroundColor=this.bgColorInput.value)}}syncPreview(){this.updateContent()}getComputedImportantProps(){return Array.from(new Set([...sS,...this.whitelist??[]]))}updateContent(){if(!this.editorEl)return;this.ensureAtLeastOneParagraph();const e=""===(this.editorEl.textContent??"").trim();this.editorEl.classList.toggle("empty",e);const t=window.getSelection(),i=t&&t.rangeCount>0&&this.editorEl.contains(t.getRangeAt(0).startContainer)?t.getRangeAt(0).cloneRange():null,M=this.editorEl.cloneNode(!0);if(this.noStyles)M.querySelectorAll("[style]").forEach((e=>e.removeAttribute("style")));else{const e=document.createTreeWalker(this.editorEl,NodeFilter.SHOW_ELEMENT),t=document.createTreeWalker(M,NodeFilter.SHOW_ELEMENT),i=this.getComputedImportantProps();for(;e.nextNode()&&t.nextNode();){const M=e.currentNode,n=t.currentNode,o=window.getComputedStyle(M),r=i.map((e=>`${e}:${o.getPropertyValue(e)}`)).join(";");r.trim()&&n.setAttribute("style",r)}}i&&t&&this.editorEl.contains(i.startContainer)&&(t.removeAllRanges(),t.addRange(i)),this.content=M.innerHTML,this.previewEl&&(this.previewEl.innerHTML=this.content),this.dispatchEvent(new CustomEvent("nile-change",{detail:{content:this.content},bubbles:!0,composed:!0}))}};e([ce({type:String,attribute:!0,reflect:!0})],aS.prototype,"value",void 0),e([ce({type:Boolean,attribute:!0,reflect:!0})],aS.prototype,"noStyles",void 0),e([ce({type:Boolean,attribute:!0,reflect:!0})],aS.prototype,"disabled",void 0),e([ce({type:Boolean,attribute:"singlelineeditor",reflect:!0})],aS.prototype,"singleLineEditor",void 0),e([ce({type:String})],aS.prototype,"placeholder",void 0),e([ce({attribute:"mentions",reflect:!0,converter:{fromAttribute:e=>{try{const t=JSON.parse(e),i={};for(const e of Object.keys(t)){const M=t[e];Array.isArray(M)&&(i[e]=M.filter((e=>e&&"string"==typeof e.key&&"string"==typeof e.label)).map((e=>({key:e.key,label:e.label}))))}return i}catch{return{}}},toAttribute:e=>JSON.stringify(e)}})],aS.prototype,"mentions",void 0),e([ce({attribute:"whitelist",reflect:!1,converter:{fromAttribute:e=>{try{const t=JSON.parse(e);return Array.isArray(t)?t.filter((e=>"string"==typeof e)):[]}catch{return[]}}}})],aS.prototype,"whitelist",void 0),e([De()],aS.prototype,"content",void 0),aS=e([Ne("nile-rich-text-editor")],aS);"undefined"!=typeof window&&(window.nileElementsVersion='"1.6.5"',window.nileVersion="__NILE_VERSION__",window.process=window.process||{env:{NODE_ENV:"production"}});const lS=r`
|
|
16280
|
+
`,rS={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"},sS=["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 aS=class extends ae{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.linkEl=null,this.mentionsEl=null,this.onEditorClick=e=>{if(this.disabled)return void e.preventDefault();const t=e.target.closest?.("a");t&&e.preventDefault()},this.onEditorPaste=e=>{this.disabled&&e.preventDefault()},this.onEditorDrop=e=>{this.disabled&&e.preventDefault()},this.onEditorInput=()=>{this.disabled||(this.ensureAtLeastOneParagraph(),this.scrubBrokenMentions(),this.updateContent(),this.updateToolbarState())},this.onEditorMouseup=()=>{this.saveSelection(),this.updateToolbarState()},this.onEditorKeyup=e=>{this.saveSelection(),["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(e.key)&&this.updateToolbarState()},this.onEditorKeydown=e=>{if(this.disabled)return void e.preventDefault();if(this.singleLineEditor&&"Enter"===e.key&&e.shiftKey)return void e.preventDefault();if(e.ctrlKey&&"i"===e.key.toLowerCase()&&(e.preventDefault(),Xm(this.editorEl,"em"),this.updateContent(),this.updateToolbarState()),this.singleLineEditor&&"Enter"===e.key)return void e.preventDefault();if("Tab"!==e.key)return;e.preventDefault(),this.focusAndRestore();const t=window.getSelection();if(!t||0===t.rangeCount)return;const i=t.getRangeAt(0);if(e.shiftKey){if(i.collapsed&&i.startContainer.nodeType===Node.TEXT_NODE){const e=i.startContainer,M=i.startOffset,n=e.data.slice(0,M),o=n.replace(/(\t|[ \u00a0]{2})$/,"");if(o.length!==n.length){e.data=o+e.data.slice(M);const i=document.createRange();i.setStart(e,o.length),i.collapse(!0),t.removeAllRanges(),t.addRange(i),this.updateContent(),this.updateToolbarState()}}return}i.deleteContents();const M=document.createTextNode("\t");i.insertNode(M);const n=document.createRange();n.setStartAfter(M),n.collapse(!0),t.removeAllRanges(),t.addRange(n),this.updateContent(),this.updateToolbarState()},this.onSelectionChange=()=>{if(!this.editorEl)return;const e=document.getSelection();if(!e||0===e.rangeCount)return;const t=e.getRangeAt(0);this.editorEl.contains(t.commonAncestorContainer)&&(this.lastRange=t.cloneRange(),this.updateToolbarState())}}createRenderRoot(){return this}injectCss(e){if(this.querySelector("style[data-rte-style]"))return;const t=document.createElement("style");t.setAttribute("data-rte-style","true"),t.textContent=e,this.insertBefore(t,this.firstChild)}connectedCallback(){super.connectedCallback(),this.injectCss(oS.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(e){this.updateContent(),this.dispatchEvent(new CustomEvent("nile-change",{detail:{content:this.content,mention:e},bubbles:!0,composed:!0}))}disconnectedCallback(){this.unwireEditor(),document.removeEventListener("selectionchange",this.onSelectionChange),this.mentionsEl&&this.mentionsEl.detach&&this.mentionsEl.detach(),super.disconnectedCallback()}updated(e){e.has("value")&&this.editorEl&&this.value!==this.editorEl.innerHTML&&(this.editorEl.innerHTML=this.value||"<p><br></p>",this.content=this.editorEl.innerHTML,this.syncPreview()),e.has("singleLineEditor")&&(this.editorEl&&this.editorEl.classList.toggle("single-line",this.singleLineEditor),this.previewEl&&this.previewEl.classList.toggle("single-line",this.singleLineEditor)),e.has("disabled")&&this.editorEl&&(this.editorEl.setAttribute("contenteditable",this.disabled?"false":"true"),this.editorEl.tabIndex=this.disabled?-1:0,this.linkEl&&(this.linkEl.disabled=this.disabled)),e.has("placeholder")&&this.editorEl&&(this.placeholder?this.editorEl.dataset.placeholder=this.placeholder:delete this.editorEl.dataset.placeholder)}ensureEditor(){if(this.editorEl=this.querySelector(".editor"),!this.editorEl){const e=document.createElement("article");e.className="editor",e.setAttribute("contenteditable",this.disabled?"false":"true"),e.tabIndex=this.disabled?-1:0,this.editorEl=e}this.placeholder&&(this.editorEl.dataset.placeholder=this.placeholder),this.editorEl.innerHTML.trim()||(this.editorEl.innerHTML="<p><br></p>")}unwrapMention(e,t=!0){const i=e.parentNode;if(!i)return;const M=t?(e.textContent??"").replace(/\u200B/g,""):"",n=document.createTextNode(M);i.insertBefore(n,e),i.removeChild(e);const o=document.createRange();o.setStartAfter(n),o.collapse(!0);const r=window.getSelection();r?.removeAllRanges(),r?.addRange(o)}scrubBrokenMentions(){if(!this.editorEl)return;this.editorEl.querySelectorAll("span.mention").forEach((e=>{const t=e,i=t.getAttribute("data-mention-key"),M=t.getAttribute("data-mention-label"),n=t.getAttribute("data-mention-trigger")||"",o=(t.textContent??"").replace(/\u200B/g,"").trim(),r=!!i&&!!M&&o.length>0&&o.startsWith(n)&&o.includes(M);o&&r||this.unwrapMention(t,!0)}))}wireEditor(){this.editorEl.addEventListener("click",this.onEditorClick),this.editorEl.addEventListener("input",this.onEditorInput),this.editorEl.addEventListener("mouseup",this.onEditorMouseup),this.editorEl.addEventListener("keyup",this.onEditorKeyup),this.editorEl.addEventListener("keydown",this.onEditorKeydown),this.editorEl.addEventListener("paste",this.onEditorPaste),this.editorEl.addEventListener("drop",this.onEditorDrop)}unwireEditor(){this.editorEl&&(this.editorEl.removeEventListener("click",this.onEditorClick),this.editorEl.removeEventListener("input",this.onEditorInput),this.editorEl.removeEventListener("mouseup",this.onEditorMouseup),this.editorEl.removeEventListener("keyup",this.onEditorKeyup),this.editorEl.removeEventListener("keydown",this.onEditorKeydown),this.editorEl.removeEventListener("paste",this.onEditorPaste),this.editorEl.removeEventListener("drop",this.onEditorDrop))}wireAuthoredToolbar(e){this.buttonMap.clear(),this.headingSelect=null,this.fontSelect=null,this.colorInput=null,Array.from(e.children).forEach((e=>{const t=e.tagName.toLowerCase();if("nile-rte-select"===t&&"align"===e.getAttribute("type"))return e.disabled=this.disabled,void e.addEventListener("change",(e=>{this.focusAndRestore();const t=e.detail;$m(this.editorEl,t),this.updateContent(),this.updateToolbarState()}));if("nile-rte-link"===t)return e.editorEl=this.editorEl,e.disabled=this.disabled,this.linkEl=e,void e.addEventListener("nile-link-changed",(()=>{this.updateContent(),this.updateToolbarState()}));if("nile-rte-toolbar-item"===t){let t=e.querySelector(":scope > nile-button");const i=e.getAttribute("name")||"",M=e.getAttribute("label")||i,n=e.getAttribute("icon"),o=e.innerHTML.trim().length>0;if(t||(t=document.createElement("nile-button"),t.variant="tertiary",t.size="small"),t.disabled=this.disabled,n)t.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))"}" ></nile-icon>`,e.innerHTML="";else if(o)t.innerHTML=e.innerHTML,e.innerHTML="";else{const n=rS[i];n?t.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))"}" ></nile-icon>`:t.textContent=M||i,e.innerHTML=""}if(!t.isConnected)if(this.disabled)e.appendChild(t);else{const i=document.createElement("nile-lite-tooltip");i.setAttribute("content",M),i.appendChild(t),e.appendChild(i)}t.setAttribute("aria-label",M),t.addEventListener("mousedown",(e=>e.preventDefault())),t.addEventListener("click",(()=>this.onToolbarCommand(i)));const r=this.buttonMap.get(i)??[];return r.push(t),void this.buttonMap.set(i,r)}if("nile-rte-select"!==t)"nile-rte-color"!==t||e.addEventListener("change",(e=>{this.focusAndRestore();const{mode:t,value:i}=e.detail;"backColor"===t?tS(this.editorEl,"backgroundColor",i,"data-rte-bg"):function(e,t){tS(e,"color",t,"data-rte-color")}(this.editorEl,i),this.updateContent(),this.updateToolbarState()}));else{const t=e.getAttribute("type")||"";e.addEventListener("change",(e=>{this.focusAndRestore();const i=e.detail;"heading"===t?function(e,t){const i=document.getSelection();if(!i||0===i.rangeCount)return;const M=Jm(i.getRangeAt(0).startContainer,e);if(!M)return;if(M.tagName.toLowerCase()===t)return;const n=document.createElement(t);for(;M.firstChild;)n.appendChild(M.firstChild);M.replaceWith(n);const o=document.createRange();o.selectNodeContents(n),o.collapse(!0),i.removeAllRanges(),i.addRange(o)}(this.editorEl,i):"font"===t&&Km(this.editorEl,i),this.updateContent(),this.updateToolbarState()}))}}))}saveSelection(){const e=window.getSelection();e&&e.rangeCount&&(this.lastRange=e.getRangeAt(0).cloneRange())}restoreSelection(){if(!this.lastRange)return;const e=document.getSelection();e&&(e.removeAllRanges(),e.addRange(this.lastRange))}focusAndRestore(){this.editorEl?.focus(),this.restoreSelection()}getCleanContent(){const e=this.editorEl.cloneNode(!0);return e.querySelectorAll("*").forEach((e=>{e.removeAttribute("style")})),e.innerHTML}insertList(e){if(this.restoreSelection(),!this.lastRange)return;const t=document.createElement(e),i=this.lastRange.extractContents(),M=document.createElement("div");M.appendChild(i),Array.from(M.childNodes).forEach((e=>{if(e.nodeType===Node.TEXT_NODE&&!e.textContent?.trim())return;const i=document.createElement("li");i.appendChild(e),t.appendChild(i)})),this.lastRange.insertNode(t),this.afterListEdit(t)}afterListEdit(e){const t=document.createRange();t.setStartAfter(e),t.collapse(!0);const i=window.getSelection();i?.removeAllRanges(),i?.addRange(t),this.saveSelection(),this.updateContent(),this.updateToolbarState()}ensureAtLeastOneParagraph(){const e=this.editorEl;if(!e)return;const t=""===(e.textContent??"").replace(/\u200B/g,"").trim();if(0===e.childNodes.length||t){e.innerHTML="<p><br></p>";const t=e.querySelector("p");if(t){const e=document.createRange();e.setStart(t,0),e.collapse(!0);const i=window.getSelection();i&&(i.removeAllRanges(),i.addRange(e))}return}if(!e.querySelector("p,h1,h2,h3,h4,h5,h6,ul,ol,table,blockquote,pre")){const t=document.createElement("p");for(;e.firstChild;)t.appendChild(e.firstChild);return t.hasChildNodes()||t.appendChild(document.createElement("br")),void e.appendChild(t)}e.querySelectorAll("p").forEach((e=>{""===(e.textContent??"").replace(/\u200B/g,"")&&(e.innerHTML.toLowerCase().includes("<br")||(e.innerHTML="<br>"))}))}onToolbarCommand(e){if(!this.disabled){switch(this.focusAndRestore(),e){case"bold":Xm(this.editorEl,"strong");break;case"italic":Xm(this.editorEl,"em");break;case"underline":Xm(this.editorEl,"u");break;case"left":$m(this.editorEl,"left");break;case"center":$m(this.editorEl,"center");break;case"right":$m(this.editorEl,"right");break;case"justify":$m(this.editorEl,"justify");break;case"ul":nS(this.editorEl,"ul"),this.updateContent(),this.updateToolbarState();break;case"ol":nS(this.editorEl,"ol"),this.updateContent(),this.updateToolbarState();break;case"link":break;case"clear":const e=document.createTreeWalker(this.editorEl,NodeFilter.SHOW_ELEMENT),t=[];for(;e.nextNode();){const i=e.currentNode;i.removeAttribute("style"),["B","STRONG","I","EM","U","SPAN","FONT"].includes(i.tagName)&&t.push(i)}for(const e of t){for(;e.firstChild;)e.parentNode?.insertBefore(e.firstChild,e);e.remove()}this.ensureAtLeastOneParagraph()}this.updateContent(),this.updateToolbarState()}}setBtnActive(e,t){const i=this.buttonMap.get(e);if(i)for(const e of i)e.toggleAttribute("data-active",!!t)}updateToolbarState(){if(!this.editorEl)return;const e=document.getSelection();if(!e||0===e.rangeCount)return;const t=e.getRangeAt(0);if(!this.editorEl.contains(t.commonAncestorContainer))return;const i=function(e){for(;e&&!(e instanceof HTMLElement);)e=e.parentNode;return e}(t.startContainer)||this.editorEl,M=getComputedStyle(i),n=Jm(t.startContainer,this.editorEl)||this.editorEl,o=(()=>{let e=i;for(;e&&e!==this.editorEl;){if(e instanceof HTMLElement){const t=e.tagName.toLowerCase();if("strong"===t||"b"===t)return!0;const i=getComputedStyle(e).fontWeight;if(parseInt(i,10)>=600)return!0}e=e.parentNode}return!1})(),r=(()=>{let e=i;for(;e&&e!==this.editorEl;){if(e instanceof HTMLElement){const t=e.tagName.toLowerCase();if("em"===t||"i"===t)return!0;if("italic"===getComputedStyle(e).fontStyle)return!0}e=e.parentNode}return!1})(),s=(()=>{let e=i;for(;e&&e!==this.editorEl;){if(e instanceof HTMLElement){const t=getComputedStyle(e).textDecorationLine;if(t&&t.includes("underline"))return!0;if("u"===e.tagName.toLowerCase())return!0}e=e.parentNode}return!1})(),a=!!i.closest("a"),l=n.style.textAlign||getComputedStyle(n).textAlign||"start",N="start"===l?"left":l,g=!!i.closest("li")&&i.closest("ul,ol")?.tagName.toLowerCase()||"";if(this.setBtnActive("bold",o),this.setBtnActive("italic",r),this.setBtnActive("underline",s),this.setBtnActive("link",a),this.linkEl){const e=this.linkEl.querySelector("nile-button");e&&e.toggleAttribute("data-active",a)}if(this.setBtnActive("left","left"===N&&!["center","right","justify"].includes(N)),this.setBtnActive("center","center"===N),this.setBtnActive("right","right"===N),this.setBtnActive("justify","justify"===N),this.setBtnActive("ul","ul"===g),this.setBtnActive("ol","ol"===g),this.headingSelect){const e=n.tagName.toLowerCase(),t=["h1","h2","h3"].includes(e)?e:"p";this.headingSelect.value!==t&&(this.headingSelect.value=t)}if(this.fontSelect){const e=(M.fontFamily||"").replace(/["']/g,"").split(",")[0].trim().toLowerCase();if(e)for(const t of Array.from(this.fontSelect.options))if(t.value.toLowerCase()===e){this.fontSelect.value=t.value;break}}if(this.colorInput){const e=qm(M.color);e&&this.colorInput.value.toLowerCase()!==e.toLowerCase()&&(this.colorInput.value=e),this.colorSwatchEl&&(this.colorSwatchEl.style.backgroundColor=this.colorInput.value)}if(this.bgColorInput){const e=getComputedStyle(i).backgroundColor;if(e&&!/transparent|rgba\(\s*0\s*,\s*0\s*,\s*0\s*,\s*0\s*\)/i.test(e)){const t=qm(e);t&&this.bgColorInput.value.toLowerCase()!==t.toLowerCase()&&(this.bgColorInput.value=t)}this.bgSwatchEl&&(this.bgSwatchEl.style.backgroundColor=this.bgColorInput.value)}}syncPreview(){this.updateContent()}getComputedImportantProps(){return Array.from(new Set([...sS,...this.whitelist??[]]))}updateContent(){if(!this.editorEl)return;this.ensureAtLeastOneParagraph();const e=""===(this.editorEl.textContent??"").trim();this.editorEl.classList.toggle("empty",e);const t=window.getSelection(),i=t&&t.rangeCount>0&&this.editorEl.contains(t.getRangeAt(0).startContainer)?t.getRangeAt(0).cloneRange():null,M=this.editorEl.cloneNode(!0);if(this.noStyles)M.querySelectorAll("[style]").forEach((e=>e.removeAttribute("style")));else{const e=document.createTreeWalker(this.editorEl,NodeFilter.SHOW_ELEMENT),t=document.createTreeWalker(M,NodeFilter.SHOW_ELEMENT),i=this.getComputedImportantProps();for(;e.nextNode()&&t.nextNode();){const M=e.currentNode,n=t.currentNode,o=window.getComputedStyle(M),r=i.map((e=>`${e}:${o.getPropertyValue(e)}`)).join(";");r.trim()&&n.setAttribute("style",r)}}i&&t&&this.editorEl.contains(i.startContainer)&&(t.removeAllRanges(),t.addRange(i)),this.content=M.innerHTML,this.previewEl&&(this.previewEl.innerHTML=this.content),this.dispatchEvent(new CustomEvent("nile-change",{detail:{content:this.content},bubbles:!0,composed:!0}))}};e([ce({type:String,attribute:!0,reflect:!0})],aS.prototype,"value",void 0),e([ce({type:Boolean,attribute:!0,reflect:!0})],aS.prototype,"noStyles",void 0),e([ce({type:Boolean,attribute:!0,reflect:!0})],aS.prototype,"disabled",void 0),e([ce({type:Boolean,attribute:"singlelineeditor",reflect:!0})],aS.prototype,"singleLineEditor",void 0),e([ce({type:String})],aS.prototype,"placeholder",void 0),e([ce({attribute:"mentions",reflect:!0,converter:{fromAttribute:e=>{try{const t=JSON.parse(e),i={};for(const e of Object.keys(t)){const M=t[e];Array.isArray(M)&&(i[e]=M.filter((e=>e&&"string"==typeof e.key&&"string"==typeof e.label)).map((e=>({key:e.key,label:e.label}))))}return i}catch{return{}}},toAttribute:e=>JSON.stringify(e)}})],aS.prototype,"mentions",void 0),e([ce({attribute:"whitelist",reflect:!1,converter:{fromAttribute:e=>{try{const t=JSON.parse(e);return Array.isArray(t)?t.filter((e=>"string"==typeof e)):[]}catch{return[]}}}})],aS.prototype,"whitelist",void 0),e([De()],aS.prototype,"content",void 0),aS=e([Ne("nile-rich-text-editor")],aS);"undefined"!=typeof window&&(window.nileElementsVersion='"1.6.6"',window.nileVersion="__NILE_VERSION__",window.process=window.process||{env:{NODE_ENV:"production"}});const lS=r`
|
|
16281
16281
|
:host {
|
|
16282
16282
|
|
|
16283
16283
|
top: 0;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var r,_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){r=_lit.css;}],execute:function execute(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: inline-block;\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 .tag {\n display: flex;\n align-items: center;\n border: solid 2px;\n line-height: 1;\n white-space: nowrap;\n user-select: none;\n border-radius: var(--nile-radius-sm , var(--ng-radius-sm));\n gap: var(--nile-spacing-sm , var(--ng-spacing-sm));\n }\n\n .tag__remove::part(base) {\n color: inherit;\n padding: var(--nile-spacing-none , var(--ng-spacing-none));\n }\n\n /*\n * Variant modifiers\n */\n\n .tag--medium {\n font-size: var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n height: var(--nile-height-26px , var(--ng-height-auto));\n border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));\n padding: var(--nile-spacing-none , var(--ng-spacing-xs)) var(--nile-spacing-xsmall , var(--ng-spacing-md));\n }\n\n .tag--primary {\n background: var(--nile-colors-primary-600);\n border-color: var(--nile-colors-primary-600, var(--ng-colors-border-primary));\n border: 2px solid var(--nile-colors-primary-600, var(--ng-colors-border-primary));\n color: var(--nile-colors-white-base);\n }\n\n .tag--primary:hover {\n border: 2px solid rgba(0, 94, 166, 0.50);\n }\n\n .tag--primary:active > nile-icon-button {\n color: var(--nile-colors-blue-700);\n }\n\n .tag--success {\n background: var(--nile-colors-green-400);\n border: 2px solid var(--nile-colors-green-400, var(--ng-
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var r,_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){r=_lit.css;}],execute:function execute(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: inline-block;\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 .tag {\n display: flex;\n align-items: center;\n border: solid 2px;\n line-height: 1;\n white-space: nowrap;\n user-select: none;\n border-radius: var(--nile-radius-sm , var(--ng-radius-sm));\n gap: var(--nile-spacing-sm , var(--ng-spacing-sm));\n }\n\n .tag__remove::part(base) {\n color: inherit;\n padding: var(--nile-spacing-none , var(--ng-spacing-none));\n }\n\n /*\n * Variant modifiers\n */\n\n .tag--medium {\n font-size: var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n height: var(--nile-height-26px , var(--ng-height-auto));\n border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));\n padding: var(--nile-spacing-none , var(--ng-spacing-xs)) var(--nile-spacing-xsmall , var(--ng-spacing-md));\n }\n\n .tag--primary {\n background: var(--nile-colors-primary-600);\n border-color: var(--nile-colors-primary-600, var(--ng-colors-border-primary));\n border: 2px solid var(--nile-colors-primary-600, var(--ng-colors-border-primary));\n color: var(--nile-colors-white-base);\n }\n\n .tag--primary:hover {\n border: 2px solid rgba(0, 94, 166, 0.50);\n }\n\n .tag--primary:active > nile-icon-button {\n color: var(--nile-colors-blue-700);\n }\n\n .tag--success {\n background: var(--nile-colors-green-400,var(--ng-componentcolors-utility-success-50));\n border: 2px solid var(--nile-colors-green-400, var(--ng-componentcolors-utility-success-200));\n color: var(--nile-colors-dark-900,var(--ng--componentcolors-utility-success-700));\n }\n\n .tag--success:hover {\n border: 2px solid var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-300));\n }\n\n .tag--success:active > nile-icon-button {\n color: var(--nile-colors-green-700);\n }\n\n .tag--normal {\n background: var(--nile-colors-neutral-400 , var(--ng-colors-bg-primary));\n border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900 , var(--ng-colors-text-secondary-700));\n }\n\n .tag--normal:hover {\n border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-500 , var(--ng-colors-border-primary));\n }\n\n .tag--normal:active > nile-icon-button {\n color: var(--nile-colors-neutral-700);\n }\n\n .tag--warning {\n background: var(--nile-colors-yellow-400, var(--ng-componentcolors-utility-warning-50));\n border: 2px solid var(--nile-colors-yellow-400, var(--ng-componentcolors-utility-warning-200));\n color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-warning-700));\n }\n\n .tag--warning:hover {\n border: 2px solid var(--nile-colors-yellow-500, var(--ng-componentcolors-utility-warning-300));\n }\n\n .tag--warning:active > nile-icon-button {\n color: var(--nile-colors-yellow-500);\n }\n\n\n .tag--error {\n background: var(--nile-colors-red-400, var(--ng-componentcolors-utility-error-50));\n border: 2px solid var(--nile-colors-red-400, var(--ng-componentcolors-utility-error-200));\n color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-error-700));\n }\n\n .tag--error:hover {\n border: 2px solid var(--nile-colors-red-500, var(--ng-componentcolors-utility-error-300));\n }\n\n .tag--error:active > nile-icon-button {\n color: var(--nile-colors-red-500);\n }\n\n .tag--info {\n background: var(--nile-colors-blue-400);\n border: 2px solid var(--nile-colors-blue-400, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900);\n }\n\n .tag--info:hover {\n border: 2px solid var(--nile-colors-blue-500, var(--ng-colors-border-primary));\n }\n\n .tag--info:active > nile-icon-button {\n color: var(--nile-colors-red-500);\n }\n\n .tag__remove {\n margin-inline-start: var(--nile-spacing-7px , var(--ng-spacing-md));\n }\n\n /*\n * Pill modifier\n */\n\n .tag--pill {\n border-radius: var(--nile-radius-full , var(--ng-spacing-8xl));\n }\n\n .tag__prefix {\n padding: var(--nile-spacing-3px, var(--ng-spacing-xs)) var(--nile-spacing-sm , var(--ng-spacing-sm));\n}\n\n .tag__content {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n}\n\n .prefix_content_wrapper {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 6px;\n }\n"]))));}};});
|
|
2
2
|
//# sourceMappingURL=nile-tag.css.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-tag.css.cjs.js","sources":["../../../src/nile-tag/nile-tag.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 * Tag CSS\n */\nexport const styles = css`\n :host {\n display: inline-block;\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 .tag {\n display: flex;\n align-items: center;\n border: solid 2px;\n line-height: 1;\n white-space: nowrap;\n user-select: none;\n border-radius: var(--nile-radius-sm , var(--ng-radius-sm));\n gap: var(--nile-spacing-sm , var(--ng-spacing-sm));\n }\n\n .tag__remove::part(base) {\n color: inherit;\n padding: var(--nile-spacing-none , var(--ng-spacing-none));\n }\n\n /*\n * Variant modifiers\n */\n\n .tag--medium {\n font-size: var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n height: var(--nile-height-26px , var(--ng-height-auto));\n border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));\n padding: var(--nile-spacing-none , var(--ng-spacing-xs)) var(--nile-spacing-xsmall , var(--ng-spacing-md));\n }\n\n .tag--primary {\n background: var(--nile-colors-primary-600);\n border-color: var(--nile-colors-primary-600, var(--ng-colors-border-primary));\n border: 2px solid var(--nile-colors-primary-600, var(--ng-colors-border-primary));\n color: var(--nile-colors-white-base);\n }\n\n .tag--primary:hover {\n border: 2px solid rgba(0, 94, 166, 0.50);\n }\n\n .tag--primary:active > nile-icon-button {\n color: var(--nile-colors-blue-700);\n }\n\n .tag--success {\n background: var(--nile-colors-green-400);\n border: 2px solid var(--nile-colors-green-400, var(--ng-
|
|
1
|
+
{"version":3,"file":"nile-tag.css.cjs.js","sources":["../../../src/nile-tag/nile-tag.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 * Tag CSS\n */\nexport const styles = css`\n :host {\n display: inline-block;\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 .tag {\n display: flex;\n align-items: center;\n border: solid 2px;\n line-height: 1;\n white-space: nowrap;\n user-select: none;\n border-radius: var(--nile-radius-sm , var(--ng-radius-sm));\n gap: var(--nile-spacing-sm , var(--ng-spacing-sm));\n }\n\n .tag__remove::part(base) {\n color: inherit;\n padding: var(--nile-spacing-none , var(--ng-spacing-none));\n }\n\n /*\n * Variant modifiers\n */\n\n .tag--medium {\n font-size: var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n height: var(--nile-height-26px , var(--ng-height-auto));\n border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));\n padding: var(--nile-spacing-none , var(--ng-spacing-xs)) var(--nile-spacing-xsmall , var(--ng-spacing-md));\n }\n\n .tag--primary {\n background: var(--nile-colors-primary-600);\n border-color: var(--nile-colors-primary-600, var(--ng-colors-border-primary));\n border: 2px solid var(--nile-colors-primary-600, var(--ng-colors-border-primary));\n color: var(--nile-colors-white-base);\n }\n\n .tag--primary:hover {\n border: 2px solid rgba(0, 94, 166, 0.50);\n }\n\n .tag--primary:active > nile-icon-button {\n color: var(--nile-colors-blue-700);\n }\n\n .tag--success {\n background: var(--nile-colors-green-400,var(--ng-componentcolors-utility-success-50));\n border: 2px solid var(--nile-colors-green-400, var(--ng-componentcolors-utility-success-200));\n color: var(--nile-colors-dark-900,var(--ng--componentcolors-utility-success-700));\n }\n\n .tag--success:hover {\n border: 2px solid var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-300));\n }\n\n .tag--success:active > nile-icon-button {\n color: var(--nile-colors-green-700);\n }\n\n .tag--normal {\n background: var(--nile-colors-neutral-400 , var(--ng-colors-bg-primary));\n border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900 , var(--ng-colors-text-secondary-700));\n }\n\n .tag--normal:hover {\n border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-500 , var(--ng-colors-border-primary));\n }\n\n .tag--normal:active > nile-icon-button {\n color: var(--nile-colors-neutral-700);\n }\n\n .tag--warning {\n background: var(--nile-colors-yellow-400, var(--ng-componentcolors-utility-warning-50));\n border: 2px solid var(--nile-colors-yellow-400, var(--ng-componentcolors-utility-warning-200));\n color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-warning-700));\n }\n\n .tag--warning:hover {\n border: 2px solid var(--nile-colors-yellow-500, var(--ng-componentcolors-utility-warning-300));\n }\n\n .tag--warning:active > nile-icon-button {\n color: var(--nile-colors-yellow-500);\n }\n\n\n .tag--error {\n background: var(--nile-colors-red-400, var(--ng-componentcolors-utility-error-50));\n border: 2px solid var(--nile-colors-red-400, var(--ng-componentcolors-utility-error-200));\n color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-error-700));\n }\n\n .tag--error:hover {\n border: 2px solid var(--nile-colors-red-500, var(--ng-componentcolors-utility-error-300));\n }\n\n .tag--error:active > nile-icon-button {\n color: var(--nile-colors-red-500);\n }\n\n .tag--info {\n background: var(--nile-colors-blue-400);\n border: 2px solid var(--nile-colors-blue-400, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900);\n }\n\n .tag--info:hover {\n border: 2px solid var(--nile-colors-blue-500, var(--ng-colors-border-primary));\n }\n\n .tag--info:active > nile-icon-button {\n color: var(--nile-colors-red-500);\n }\n\n .tag__remove {\n margin-inline-start: var(--nile-spacing-7px , var(--ng-spacing-md));\n }\n\n /*\n * Pill modifier\n */\n\n .tag--pill {\n border-radius: var(--nile-radius-full , var(--ng-spacing-8xl));\n }\n\n .tag__prefix {\n padding: var(--nile-spacing-3px, var(--ng-spacing-xs)) var(--nile-spacing-sm , var(--ng-spacing-sm));\n}\n\n .tag__content {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n}\n\n .prefix_content_wrapper {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 6px;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -49,13 +49,13 @@ import{css as r}from"lit";const o=r`
|
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
.tag--success {
|
|
52
|
-
background: var(--nile-colors-green-400);
|
|
53
|
-
border: 2px solid var(--nile-colors-green-400, var(--ng-
|
|
54
|
-
color: var(--nile-colors-dark-900);
|
|
52
|
+
background: var(--nile-colors-green-400,var(--ng-componentcolors-utility-success-50));
|
|
53
|
+
border: 2px solid var(--nile-colors-green-400, var(--ng-componentcolors-utility-success-200));
|
|
54
|
+
color: var(--nile-colors-dark-900,var(--ng--componentcolors-utility-success-700));
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
.tag--success:hover {
|
|
58
|
-
border: 2px solid var(--nile-colors-green-500, var(--ng-
|
|
58
|
+
border: 2px solid var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-300));
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
.tag--success:active > nile-icon-button {
|
|
@@ -67,7 +67,7 @@ import{css as r}from"lit";const o=r`
|
|
|
67
67
|
border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));
|
|
68
68
|
color: var(--nile-colors-dark-900 , var(--ng-colors-text-secondary-700));
|
|
69
69
|
}
|
|
70
|
-
|
|
70
|
+
|
|
71
71
|
.tag--normal:hover {
|
|
72
72
|
border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-500 , var(--ng-colors-border-primary));
|
|
73
73
|
}
|
|
@@ -77,13 +77,13 @@ import{css as r}from"lit";const o=r`
|
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
.tag--warning {
|
|
80
|
-
background: var(--nile-colors-yellow-400);
|
|
81
|
-
border: 2px solid var(--nile-colors-yellow-400, var(--ng-
|
|
82
|
-
color: var(--nile-colors-dark-900);
|
|
80
|
+
background: var(--nile-colors-yellow-400, var(--ng-componentcolors-utility-warning-50));
|
|
81
|
+
border: 2px solid var(--nile-colors-yellow-400, var(--ng-componentcolors-utility-warning-200));
|
|
82
|
+
color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-warning-700));
|
|
83
83
|
}
|
|
84
84
|
|
|
85
85
|
.tag--warning:hover {
|
|
86
|
-
border: 2px solid var(--nile-colors-yellow-500, var(--ng-
|
|
86
|
+
border: 2px solid var(--nile-colors-yellow-500, var(--ng-componentcolors-utility-warning-300));
|
|
87
87
|
}
|
|
88
88
|
|
|
89
89
|
.tag--warning:active > nile-icon-button {
|
|
@@ -92,13 +92,13 @@ import{css as r}from"lit";const o=r`
|
|
|
92
92
|
|
|
93
93
|
|
|
94
94
|
.tag--error {
|
|
95
|
-
background: var(--nile-colors-red-400);
|
|
96
|
-
border: 2px solid var(--nile-colors-red-400, var(--ng-
|
|
97
|
-
color: var(--nile-colors-dark-900);
|
|
95
|
+
background: var(--nile-colors-red-400, var(--ng-componentcolors-utility-error-50));
|
|
96
|
+
border: 2px solid var(--nile-colors-red-400, var(--ng-componentcolors-utility-error-200));
|
|
97
|
+
color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-error-700));
|
|
98
98
|
}
|
|
99
99
|
|
|
100
100
|
.tag--error:hover {
|
|
101
|
-
border: 2px solid var(--nile-colors-red-500, var(--ng-
|
|
101
|
+
border: 2px solid var(--nile-colors-red-500, var(--ng-componentcolors-utility-error-300));
|
|
102
102
|
}
|
|
103
103
|
|
|
104
104
|
.tag--error:active > nile-icon-button {
|
|
@@ -59,13 +59,13 @@ export const styles = css `
|
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
.tag--success {
|
|
62
|
-
background: var(--nile-colors-green-400);
|
|
63
|
-
border: 2px solid var(--nile-colors-green-400, var(--ng-
|
|
64
|
-
color: var(--nile-colors-dark-900);
|
|
62
|
+
background: var(--nile-colors-green-400,var(--ng-componentcolors-utility-success-50));
|
|
63
|
+
border: 2px solid var(--nile-colors-green-400, var(--ng-componentcolors-utility-success-200));
|
|
64
|
+
color: var(--nile-colors-dark-900,var(--ng--componentcolors-utility-success-700));
|
|
65
65
|
}
|
|
66
66
|
|
|
67
67
|
.tag--success:hover {
|
|
68
|
-
border: 2px solid var(--nile-colors-green-500, var(--ng-
|
|
68
|
+
border: 2px solid var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-300));
|
|
69
69
|
}
|
|
70
70
|
|
|
71
71
|
.tag--success:active > nile-icon-button {
|
|
@@ -77,7 +77,7 @@ export const styles = css `
|
|
|
77
77
|
border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));
|
|
78
78
|
color: var(--nile-colors-dark-900 , var(--ng-colors-text-secondary-700));
|
|
79
79
|
}
|
|
80
|
-
|
|
80
|
+
|
|
81
81
|
.tag--normal:hover {
|
|
82
82
|
border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-500 , var(--ng-colors-border-primary));
|
|
83
83
|
}
|
|
@@ -87,13 +87,13 @@ export const styles = css `
|
|
|
87
87
|
}
|
|
88
88
|
|
|
89
89
|
.tag--warning {
|
|
90
|
-
background: var(--nile-colors-yellow-400);
|
|
91
|
-
border: 2px solid var(--nile-colors-yellow-400, var(--ng-
|
|
92
|
-
color: var(--nile-colors-dark-900);
|
|
90
|
+
background: var(--nile-colors-yellow-400, var(--ng-componentcolors-utility-warning-50));
|
|
91
|
+
border: 2px solid var(--nile-colors-yellow-400, var(--ng-componentcolors-utility-warning-200));
|
|
92
|
+
color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-warning-700));
|
|
93
93
|
}
|
|
94
94
|
|
|
95
95
|
.tag--warning:hover {
|
|
96
|
-
border: 2px solid var(--nile-colors-yellow-500, var(--ng-
|
|
96
|
+
border: 2px solid var(--nile-colors-yellow-500, var(--ng-componentcolors-utility-warning-300));
|
|
97
97
|
}
|
|
98
98
|
|
|
99
99
|
.tag--warning:active > nile-icon-button {
|
|
@@ -102,13 +102,13 @@ export const styles = css `
|
|
|
102
102
|
|
|
103
103
|
|
|
104
104
|
.tag--error {
|
|
105
|
-
background: var(--nile-colors-red-400);
|
|
106
|
-
border: 2px solid var(--nile-colors-red-400, var(--ng-
|
|
107
|
-
color: var(--nile-colors-dark-900);
|
|
105
|
+
background: var(--nile-colors-red-400, var(--ng-componentcolors-utility-error-50));
|
|
106
|
+
border: 2px solid var(--nile-colors-red-400, var(--ng-componentcolors-utility-error-200));
|
|
107
|
+
color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-error-700));
|
|
108
108
|
}
|
|
109
109
|
|
|
110
110
|
.tag--error:hover {
|
|
111
|
-
border: 2px solid var(--nile-colors-red-500, var(--ng-
|
|
111
|
+
border: 2px solid var(--nile-colors-red-500, var(--ng-componentcolors-utility-error-300));
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
.tag--error:active > nile-icon-button {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-tag.css.js","sourceRoot":"","sources":["../../../src/nile-tag/nile-tag.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmJxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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 * Tag CSS\n */\nexport const styles = css`\n :host {\n display: inline-block;\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 .tag {\n display: flex;\n align-items: center;\n border: solid 2px;\n line-height: 1;\n white-space: nowrap;\n user-select: none;\n border-radius: var(--nile-radius-sm , var(--ng-radius-sm));\n gap: var(--nile-spacing-sm , var(--ng-spacing-sm));\n }\n\n .tag__remove::part(base) {\n color: inherit;\n padding: var(--nile-spacing-none , var(--ng-spacing-none));\n }\n\n /*\n * Variant modifiers\n */\n\n .tag--medium {\n font-size: var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n height: var(--nile-height-26px , var(--ng-height-auto));\n border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));\n padding: var(--nile-spacing-none , var(--ng-spacing-xs)) var(--nile-spacing-xsmall , var(--ng-spacing-md));\n }\n\n .tag--primary {\n background: var(--nile-colors-primary-600);\n border-color: var(--nile-colors-primary-600, var(--ng-colors-border-primary));\n border: 2px solid var(--nile-colors-primary-600, var(--ng-colors-border-primary));\n color: var(--nile-colors-white-base);\n }\n\n .tag--primary:hover {\n border: 2px solid rgba(0, 94, 166, 0.50);\n }\n\n .tag--primary:active > nile-icon-button {\n color: var(--nile-colors-blue-700);\n }\n\n .tag--success {\n background: var(--nile-colors-green-400);\n border: 2px solid var(--nile-colors-green-400, var(--ng-
|
|
1
|
+
{"version":3,"file":"nile-tag.css.js","sourceRoot":"","sources":["../../../src/nile-tag/nile-tag.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmJxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","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 * Tag CSS\n */\nexport const styles = css`\n :host {\n display: inline-block;\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 .tag {\n display: flex;\n align-items: center;\n border: solid 2px;\n line-height: 1;\n white-space: nowrap;\n user-select: none;\n border-radius: var(--nile-radius-sm , var(--ng-radius-sm));\n gap: var(--nile-spacing-sm , var(--ng-spacing-sm));\n }\n\n .tag__remove::part(base) {\n color: inherit;\n padding: var(--nile-spacing-none , var(--ng-spacing-none));\n }\n\n /*\n * Variant modifiers\n */\n\n .tag--medium {\n font-size: var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n height: var(--nile-height-26px , var(--ng-height-auto));\n border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));\n padding: var(--nile-spacing-none , var(--ng-spacing-xs)) var(--nile-spacing-xsmall , var(--ng-spacing-md));\n }\n\n .tag--primary {\n background: var(--nile-colors-primary-600);\n border-color: var(--nile-colors-primary-600, var(--ng-colors-border-primary));\n border: 2px solid var(--nile-colors-primary-600, var(--ng-colors-border-primary));\n color: var(--nile-colors-white-base);\n }\n\n .tag--primary:hover {\n border: 2px solid rgba(0, 94, 166, 0.50);\n }\n\n .tag--primary:active > nile-icon-button {\n color: var(--nile-colors-blue-700);\n }\n\n .tag--success {\n background: var(--nile-colors-green-400,var(--ng-componentcolors-utility-success-50));\n border: 2px solid var(--nile-colors-green-400, var(--ng-componentcolors-utility-success-200));\n color: var(--nile-colors-dark-900,var(--ng--componentcolors-utility-success-700));\n }\n\n .tag--success:hover {\n border: 2px solid var(--nile-colors-green-500, var(--ng-componentcolors-utility-success-300));\n }\n\n .tag--success:active > nile-icon-button {\n color: var(--nile-colors-green-700);\n }\n\n .tag--normal {\n background: var(--nile-colors-neutral-400 , var(--ng-colors-bg-primary));\n border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900 , var(--ng-colors-text-secondary-700));\n }\n\n .tag--normal:hover {\n border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-500 , var(--ng-colors-border-primary));\n }\n\n .tag--normal:active > nile-icon-button {\n color: var(--nile-colors-neutral-700);\n }\n\n .tag--warning {\n background: var(--nile-colors-yellow-400, var(--ng-componentcolors-utility-warning-50));\n border: 2px solid var(--nile-colors-yellow-400, var(--ng-componentcolors-utility-warning-200));\n color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-warning-700));\n }\n\n .tag--warning:hover {\n border: 2px solid var(--nile-colors-yellow-500, var(--ng-componentcolors-utility-warning-300));\n }\n\n .tag--warning:active > nile-icon-button {\n color: var(--nile-colors-yellow-500);\n }\n\n\n .tag--error {\n background: var(--nile-colors-red-400, var(--ng-componentcolors-utility-error-50));\n border: 2px solid var(--nile-colors-red-400, var(--ng-componentcolors-utility-error-200));\n color: var(--nile-colors-dark-900, var(--ng-componentcolors-utility-error-700));\n }\n\n .tag--error:hover {\n border: 2px solid var(--nile-colors-red-500, var(--ng-componentcolors-utility-error-300));\n }\n\n .tag--error:active > nile-icon-button {\n color: var(--nile-colors-red-500);\n }\n\n .tag--info {\n background: var(--nile-colors-blue-400);\n border: 2px solid var(--nile-colors-blue-400, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900);\n }\n\n .tag--info:hover {\n border: 2px solid var(--nile-colors-blue-500, var(--ng-colors-border-primary));\n }\n\n .tag--info:active > nile-icon-button {\n color: var(--nile-colors-red-500);\n }\n\n .tag__remove {\n margin-inline-start: var(--nile-spacing-7px , var(--ng-spacing-md));\n }\n\n /*\n * Pill modifier\n */\n\n .tag--pill {\n border-radius: var(--nile-radius-full , var(--ng-spacing-8xl));\n }\n\n .tag__prefix {\n padding: var(--nile-spacing-3px, var(--ng-spacing-xs)) var(--nile-spacing-sm , var(--ng-spacing-sm));\n}\n\n .tag__content {\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n}\n\n .prefix_content_wrapper {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 6px;\n }\n`;\n\nexport default [styles];\n"]}
|
package/dist/src/version.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// Version utility - placeholders will be replaced during build
|
|
2
|
-
export const NILE_ELEMENTS_VERSION = '1.6.
|
|
2
|
+
export const NILE_ELEMENTS_VERSION = '1.6.6';
|
|
3
3
|
export const NILE_VERSION = '1.2.4';
|
|
4
4
|
// Set global versions for runtime access
|
|
5
5
|
if (typeof window !== 'undefined') {
|
package/dist/src/version.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AACjE,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAE/C,yCAAyC;AACzC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACjC,MAAc,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;IAC3D,MAAc,CAAC,WAAW,GAAG,YAAY,CAAC;IAC3C,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,CAAC;AACzE,CAAC","sourcesContent":["// Version utility - placeholders will be replaced during build\nexport const NILE_ELEMENTS_VERSION = '1.6.
|
|
1
|
+
{"version":3,"file":"version.js","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,CAAC,MAAM,qBAAqB,GAAG,2BAA2B,CAAC;AACjE,MAAM,CAAC,MAAM,YAAY,GAAG,kBAAkB,CAAC;AAE/C,yCAAyC;AACzC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;IACjC,MAAc,CAAC,mBAAmB,GAAG,qBAAqB,CAAC;IAC3D,MAAc,CAAC,WAAW,GAAG,YAAY,CAAC;IAC3C,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,IAAI,EAAE,GAAG,EAAE,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,CAAC;AACzE,CAAC","sourcesContent":["// Version utility - placeholders will be replaced during build\nexport const NILE_ELEMENTS_VERSION = '1.6.6';\nexport const NILE_VERSION = '1.2.4';\n\n// Set global versions for runtime access\nif (typeof window !== 'undefined') {\n (window as any).nileElementsVersion = NILE_ELEMENTS_VERSION;\n (window as any).nileVersion = NILE_VERSION;\n window.process = window.process || { env: { NODE_ENV: 'production' } };\n}\n"]}
|