npm - @aquera/nile-elements - Versions diffs - 1.9.4 → 1.9.6 - Mend

@aquera/nile-elements 1.9.4 → 1.9.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.

Files changed (198) hide show

package/dist/nile-rich-text-editor/nile-rte-image.esm.js ADDED Viewed

@@ -0,0 +1,96 @@
+import{__decorate as t}from"tslib";import{LitElement as i,html as e}from"lit";import{property as n,state as s,customElement as r}from"lit/decorators.js";let o=class extends i{constructor(){super(...arguments),this.disabled=!1,this.label="Image",this.placeholder="Paste image link here",this.altPlaceholder="Describe the image",this.captionPlaceholder="Add a caption (optional)",this.maxFileSize=2097152,this.uploadFromComputer=!1,this.srcValue="",this.altValue="",this.captionValue="",this.hasActiveImage=!1,this.uploadedFileName="",this.errorMessage="",this.popoverStyle="",this.selectionRange=null,this.activeFigure=null,this.ignoreBlur=!1,this.isApplying=!1,this.selectedFigure=null,this.resizeOverlay=null,this.dragStartX=0,this.dragStartWidth=0,this.dragDir="",this.isDragging=!1,this.trackingRaf=0,this.onEditorInput=()=>{this.selectedFigure&&!this.selectedFigure.isConnected?this.deselectImage():this.updateOverlayPosition()},this.onEditorImagePaste=t=>{if(this.disabled)return;const i=Array.from(t.clipboardData?.items??[]).filter((t=>"file"===t.kind&&t.type.startsWith("image/"))).map((t=>t.getAsFile())).filter((t=>!!t));if(i.length){t.preventDefault(),t.stopPropagation();for(const t of i){if(this.maxFileSize>0&&t.size>this.maxFileSize){console.warn(`nile-rte-image: pasted image "${t.name}" skipped — exceeds the ${this.maxFileSize} byte limit`);continue}const i=new FileReader;i.onload=()=>{this.insertPastedImage(String(i.result||""),t.name.replace(/\.[^.]+$/,""))},i.readAsDataURL(t)}}},this.onScroll=()=>{this.closePopover()},this.onEditorImageClick=t=>{if(this.disabled)return;const i=t.target,e=i.closest?.("figure.rte-image");e&&this.editorEl.contains(e)?(t.preventDefault(),this.selectImage(e)):this.deselectImage()},this.onEditorImageDblClick=t=>{if(this.disabled)return;const i=t.target,e=i.closest?.("figure.rte-image");e&&this.editorEl.contains(e)&&(t.preventDefault(),this.openEditFor(e))},this.onDocKeydown=t=>{if(!this.selectedFigure)return;if("Escape"===t.key)return void this.deselectImage();if("Backspace"!==t.key&&"Delete"!==t.key)return;const i=t.target;if(i?.closest?.("input, textarea, nile-input, nile-popover"))return;t.preventDefault(),t.stopPropagation();const e=this.selectedFigure;this.deselectImage();const n=e.parentNode;e.remove(),n instanceof HTMLElement&&!n.hasChildNodes()&&(n.innerHTML="<br>"),this.emit("")},this.onSelectedImageLoad=()=>{this.updateOverlayPosition()},this.onDocMousedown=t=>{const i=t.target;this.resizeOverlay?.contains(i)||this.selectedFigure?.contains(i)||this.contains(i)||this.deselectImage()},this.onAlignClick=t=>{if(!this.selectedFigure)return;const i=t.currentTarget.dataset.dir||"left";"left"===i?this.selectedFigure.removeAttribute("data-align"):this.selectedFigure.setAttribute("data-align",i),this.syncAlignBar(),this.updateOverlayPosition();const e=this.selectedFigure.querySelector("img");this.emit(e?.getAttribute("src")||"")},this.onHandleMousedown=t=>{if(this.disabled||!this.selectedFigure)return;t.preventDefault(),t.stopPropagation();const i=this.selectedFigure.querySelector("img");i&&("justify"===this.selectedFigure.getAttribute("data-align")&&(this.selectedFigure.removeAttribute("data-align"),this.syncAlignBar()),this.isDragging=!0,this.dragDir=t.currentTarget.dataset.dir||"se",this.dragStartX=t.clientX,this.dragStartWidth=i.getBoundingClientRect().width,document.addEventListener("mousemove",this.onDragMove),document.addEventListener("mouseup",this.onDragEnd))},this.onDragMove=t=>{if(!this.isDragging||!this.selectedFigure)return;const i=this.selectedFigure.querySelector("img");if(!i)return;const e=t.clientX-this.dragStartX,n="ne"===this.dragDir||"se"===this.dragDir;let s=this.dragStartWidth+(n?e:-e);const r=this.getEditorContentWidth();s=Math.max(48,Math.min(s,r)),i.setAttribute("width",String(Math.round(s))),this.updateOverlayPosition()},this.onDragEnd=()=>{if(!this.isDragging)return;this.isDragging=!1,document.removeEventListener("mousemove",this.onDragMove),document.removeEventListener("mouseup",this.onDragEnd),this.updateOverlayPosition();const t=this.selectedFigure?.querySelector("img");this.dispatchEvent(new CustomEvent("nile-image-changed",{detail:{src:t?.getAttribute("src")||"",alt:t?.getAttribute("alt")||"",caption:this.selectedFigure?.querySelector("figcaption")?.textContent||"",width:t&&Number(t.getAttribute("width"))||null},bubbles:!0,composed:!0}))},this.onOpen=()=>{if(this.disabled)return;if(this.selectedFigure)return void this.openEditFor(this.selectedFigure,this.getToolbarButtonRect());const t=document.getSelection();if(t&&t.rangeCount>0&&this.editorEl.contains(t.getRangeAt(0).commonAncestorContainer))this.selectionRange=t.getRangeAt(0).cloneRange();else{const t=document.createRange();t.selectNodeContents(this.editorEl),t.collapse(!1),this.selectionRange=t}this.activeFigure=null,this.hasActiveImage=!1,this.srcValue="",this.altValue="",this.captionValue="",this.uploadedFileName="",this.errorMessage="",this.positionPopover(this.getToolbarButtonRect()),this.openPopover(),requestAnimationFrame((()=>{const t=this.querySelector("nile-input");t?.focus()}))},this.onInputKeydown=t=>{if("Escape"===t.key||"Enter"===t.key)if(t.preventDefault(),t.stopPropagation(),"Escape"!==t.key){this.isApplying=!0;try{this.applyImage()}finally{this.isApplying=!1}}else this.closePopover()},this.onInputBlur=()=>{this.ignoreBlur||this.isApplying||requestAnimationFrame((()=>{if(this.ignoreBlur||this.isApplying)return;const t=this.querySelector("nile-popover");t?.matches(":focus-within")||this.closePopover()}))},this.onSrcInput=t=>{this.srcValue=t.detail.value,this.uploadedFileName="",this.errorMessage=""},this.onAltInput=t=>{this.altValue=t.detail.value},this.onCaptionInput=t=>{this.captionValue=t.detail.value},this.onPopoverMousedown=()=>{this.ignoreBlur=!0},this.onPopoverMouseup=()=>{this.ignoreBlur=!1},this.onToolbarButtonMousedown=t=>{t.preventDefault()},this.onUploadClick=()=>{this.ignoreBlur=!0;const t=this.querySelector('input[type="file"]');t?.click(),window.addEventListener("focus",(()=>{setTimeout((()=>{this.ignoreBlur=!1}),200)}),{once:!0})},this.onFileChange=t=>{const i=t.target,e=i.files?.[0];if(i.value="",!e)return;if(!e.type.startsWith("image/"))return void(this.errorMessage="Only image files are supported");if(this.maxFileSize>0&&e.size>this.maxFileSize){const t=(this.maxFileSize/1048576).toFixed(1);return void(this.errorMessage=`File is too large. Maximum size is ${t} MB`)}const n=new FileReader;n.onload=()=>{this.srcValue=String(n.result||""),this.uploadedFileName=e.name,this.errorMessage="",this.altValue||(this.altValue=e.name.replace(/\.[^.]+$/,""))},n.onerror=()=>{this.errorMessage="Could not read the selected file"},n.readAsDataURL(e)},this.onApplyClick=()=>{this.isApplying=!0,this.applyImage(),this.isApplying=!1,this.ignoreBlur=!1},this.onRemoveClick=()=>{this.isApplying=!0,this.removeImage(),this.isApplying=!1,this.ignoreBlur=!1}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.injectCss("\n      nile-popover.rte-image-popover::part(popover) {\n        min-width: 340px;\n        max-width: 420px;\n        background: white;\n        border: 1px solid var(--nile-colors-neutral-400, var(--ng-componentcolors-utility-gray-400));\n        border-radius: 8px;\n        padding: 0;\n        gap: 0;\n        overflow: hidden;\n        height: auto;\n        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);\n      }\n\n      .image-popup-wrap {\n        display: flex;\n        flex-direction: column;\n        gap: 12px;\n        padding: 12px;\n      }\n\n      .image-popup-wrap nile-input {\n        width: 100%;\n      }\n\n      .image-popup-wrap .image-upload-row {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        width: 100%;\n      }\n\n      .image-popup-wrap .image-upload-row nile-button {\n        flex-shrink: 0;\n      }\n\n      .image-popup-wrap .image-upload-filename {\n        font-size: 12px;\n        color: var(--nile-colors-neutral-600, var(--ng-colors-text-secondary));\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n        min-width: 0;\n      }\n\n      .image-popup-wrap .image-error {\n        font-size: 12px;\n        color: var(--nile-colors-error-600, var(--ng-colors-text-error-primary-600));\n      }\n\n      .image-popup-wrap .image-divider-row {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        color: var(--nile-colors-neutral-500, var(--ng-colors-text-secondary));\n        font-size: 12px;\n      }\n\n      .image-popup-wrap .image-divider-row::before,\n      .image-popup-wrap .image-divider-row::after {\n        content: '';\n        flex: 1;\n        height: 1px;\n        background: var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));\n      }\n\n      .image-popup-wrap .image-actions-row {\n        display: flex;\n        justify-content: flex-end;\n        gap: 8px;\n        width: 100%;\n      }\n\n      nile-button.rte-image-button::part(base) {\n        border: none;\n        height: 32px;\n        width: 32px;\n      }\n\n      nile-rte-image input[type='file'] {\n        display: none;\n      }\n\n      .rte-image-resize-overlay {\n        position: fixed;\n        z-index: 999;\n        pointer-events: none;\n        border: 2px solid var(--nile-colors-primary-500, var(--ng-componentcolors-utility-blue-500));\n        border-radius: var(--nile-radius-radius-lg, var(--ng-radius-md));\n        box-sizing: border-box;\n      }\n\n      .rte-image-resize-overlay .rte-resize-handle {\n        position: absolute;\n        width: 12px;\n        height: 12px;\n        background: var(--nile-colors-white-base, #fff);\n        border: 2px solid var(--nile-colors-primary-500, var(--ng-componentcolors-utility-blue-500));\n        border-radius: 50%;\n        pointer-events: auto;\n        box-sizing: border-box;\n      }\n\n      .rte-image-resize-overlay .rte-resize-handle[data-dir='nw'] { top: -7px; left: -7px; cursor: nwse-resize; }\n      .rte-image-resize-overlay .rte-resize-handle[data-dir='ne'] { top: -7px; right: -7px; cursor: nesw-resize; }\n      .rte-image-resize-overlay .rte-resize-handle[data-dir='sw'] { bottom: -7px; left: -7px; cursor: nesw-resize; }\n      .rte-image-resize-overlay .rte-resize-handle[data-dir='se'] { bottom: -7px; right: -7px; cursor: nwse-resize; }\n\n      .rte-image-resize-overlay .rte-image-align-bar {\n        position: absolute;\n        top: -44px;\n        left: 50%;\n        transform: translateX(-50%);\n        display: flex;\n        gap: 2px;\n        padding: 4px;\n        background: var(--nile-colors-white-base, #fff);\n        border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-neutral));\n        border-radius: 8px;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n        pointer-events: auto;\n      }\n\n      .rte-image-resize-overlay .rte-image-align-bar button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 28px;\n        height: 28px;\n        border: none;\n        background: transparent;\n        border-radius: 6px;\n        cursor: pointer;\n        padding: 0;\n      }\n\n      .rte-image-resize-overlay .rte-image-align-bar button:hover {\n        background: var(--nile-colors-neutral-200, var(--ng-componentcolors-utility-gray-200));\n      }\n\n      .rte-image-resize-overlay .rte-image-align-bar button[data-active] {\n        background: var(--nile-colors-primary-400, var(--ng-componentcolors-utility-blue-400));\n      }\n\n      .rte-image-resize-overlay .rte-image-align-bar button nile-icon {\n        pointer-events: none;\n      }\n\n      .rte-image-resize-overlay .rte-resize-size-label {\n        position: absolute;\n        bottom: -26px;\n        right: 0;\n        background: var(--nile-colors-dark-900, #101828);\n        color: #fff;\n        font-size: 11px;\n        line-height: 1;\n        padding: 4px 6px;\n        border-radius: 4px;\n        white-space: nowrap;\n        pointer-events: none;\n      }\n    ")}injectCss(t){if(this.querySelector("style[data-rte-image-style]"))return;const i=document.createElement("style");i.setAttribute("data-rte-image-style","true"),i.textContent=t,this.insertBefore(i,this.firstChild)}updated(t){if(t.has("editorEl")){const i=t.get("editorEl");i?.removeEventListener("click",this.onEditorImageClick),i?.removeEventListener("dblclick",this.onEditorImageDblClick),i?.removeEventListener("input",this.onEditorInput),i?.removeEventListener("paste",this.onEditorImagePaste),this.editorEl?.addEventListener("click",this.onEditorImageClick),this.editorEl?.addEventListener("dblclick",this.onEditorImageDblClick),this.editorEl?.addEventListener("input",this.onEditorInput),this.editorEl?.addEventListener("paste",this.onEditorImagePaste)}t.has("disabled")&&this.disabled&&this.deselectImage()}disconnectedCallback(){this.editorEl?.removeEventListener("click",this.onEditorImageClick),this.editorEl?.removeEventListener("dblclick",this.onEditorImageDblClick),this.editorEl?.removeEventListener("input",this.onEditorInput),this.editorEl?.removeEventListener("paste",this.onEditorImagePaste),window.removeEventListener("scroll",this.onScroll,!0),this.deselectImage(),super.disconnectedCallback()}insertPastedImage(t,i){if(!t.startsWith("data:image/"))return;let e;const n=document.getSelection();n&&n.rangeCount>0&&this.editorEl.contains(n.getRangeAt(0).commonAncestorContainer)?e=n.getRangeAt(0).cloneRange():(e=document.createRange(),e.selectNodeContents(this.editorEl),e.collapse(!1));const s=this.buildFigure(t,i);this.insertFigureAt(e,s),this.emit(t)}isSafeSrc(t){return/^(https?:\/\/|data:image\/|blob:|\/)/i.test(t)}normalizeSrc(t){return this.isSafeSrc(t)?t:/^[a-z][a-z0-9+.-]*:/i.test(t)?"":`https://${t}`}getSelectionRect(){if(!this.selectionRange)return null;let t=this.selectionRange.getBoundingClientRect();if(0===t.width&&0===t.height){const i=document.createElement("span");i.textContent="";this.selectionRange.cloneRange().insertNode(i),t=i.getBoundingClientRect(),i.remove()}return t}positionPopover(t){const i=t??this.getSelectionRect();if(!i)return;const e=Math.min(Math.max(i.left+i.width/2,178),window.innerWidth-170-8);this.popoverStyle=`\n      position: fixed;\n      top: ${i.bottom+8}px;\n      left: ${e}px;\n      transform: translateX(-50%);\n      z-index: 1000;\n    `}openPopover(){requestAnimationFrame((()=>{const t=this.querySelector("nile-popover");t&&(t.isShow=!0),window.addEventListener("scroll",this.onScroll,!0)}))}closePopover(){const t=this.querySelector("nile-popover");t&&(t.isShow=!1),window.removeEventListener("scroll",this.onScroll,!0),this.srcValue="",this.altValue="",this.captionValue="",this.uploadedFileName="",this.errorMessage="",this.selectionRange=null,this.activeFigure=null,this.hasActiveImage=!1,this.popoverStyle=""}openEditFor(t,i){const e=document.createRange();e.selectNode(t),this.selectionRange=e,this.activeFigure=t,this.hasActiveImage=!0;const n=t.querySelector("img"),s=t.querySelector("figcaption");this.srcValue=n?.getAttribute("src")||"",this.altValue=n?.getAttribute("alt")||"",this.captionValue=s?.textContent||"",this.uploadedFileName="",this.errorMessage="",this.positionPopover(i??t.getBoundingClientRect()),this.openPopover()}getToolbarButtonRect(){const t=this.querySelector("nile-button.rte-image-button");return t?t.getBoundingClientRect():null}selectImage(t){if(this.selectedFigure===t)return void this.updateOverlayPosition();this.deselectImage(),this.selectedFigure=t;const i=t.querySelector("img");i&&!i.complete&&i.addEventListener("load",this.onSelectedImageLoad,{once:!0}),this.buildOverlay(),this.syncAlignBar(),this.updateOverlayPosition(),this.startOverlayTracking(),document.addEventListener("mousedown",this.onDocMousedown,!0),document.addEventListener("keydown",this.onDocKeydown,!0)}deselectImage(){(this.selectedFigure||this.resizeOverlay)&&(this.selectedFigure=null,this.resizeOverlay?.remove(),this.resizeOverlay=null,this.isDragging=!1,this.stopOverlayTracking(),document.removeEventListener("mousedown",this.onDocMousedown,!0),document.removeEventListener("keydown",this.onDocKeydown,!0),document.removeEventListener("mousemove",this.onDragMove),document.removeEventListener("mouseup",this.onDragEnd))}startOverlayTracking(){this.stopOverlayTracking();const t=()=>{this.selectedFigure&&this.resizeOverlay&&(this.selectedFigure.isConnected?(this.updateOverlayPosition(),this.trackingRaf=requestAnimationFrame(t)):this.deselectImage())};this.trackingRaf=requestAnimationFrame(t)}stopOverlayTracking(){0!==this.trackingRaf&&(cancelAnimationFrame(this.trackingRaf),this.trackingRaf=0)}buildOverlay(){const t=document.createElement("div");t.className="rte-image-resize-overlay";for(const i of["nw","ne","sw","se"]){const e=document.createElement("div");e.className="rte-resize-handle",e.dataset.dir=i,e.addEventListener("mousedown",this.onHandleMousedown),t.appendChild(e)}const i=document.createElement("span");i.className="rte-resize-size-label",t.appendChild(i);const e=document.createElement("div");e.className="rte-image-align-bar";const n=[{dir:"left",icon:"format_align_left",title:"Align left"},{dir:"center",icon:"format_align_middle",title:"Align center"},{dir:"right",icon:"format_align_right",title:"Align right"},{dir:"justify",icon:"format_align_justify",title:"Full width"}];for(const{dir:t,icon:i,title:s}of n){const n=document.createElement("button");n.type="button",n.dataset.dir=t,n.title=s,n.setAttribute("aria-label",s),n.innerHTML=`<nile-icon name="${i}" size="18"></nile-icon>`,n.addEventListener("mousedown",(t=>t.preventDefault())),n.addEventListener("click",this.onAlignClick),e.appendChild(n)}t.appendChild(e),document.body.appendChild(t),this.resizeOverlay=t}updateOverlayPosition(){if(!this.resizeOverlay||!this.selectedFigure)return;const t=this.selectedFigure.querySelector("img");if(!t)return void this.deselectImage();const i=t.getBoundingClientRect();this.resizeOverlay.style.top=`${i.top}px`,this.resizeOverlay.style.left=`${i.left}px`,this.resizeOverlay.style.width=`${i.width}px`,this.resizeOverlay.style.height=`${i.height}px`;const e=this.resizeOverlay.querySelector(".rte-image-align-bar");e&&(i.top<56?e.style.top="8px":e.style.top="-44px");const n=this.resizeOverlay.querySelector(".rte-resize-size-label");n&&(n.textContent=`${Math.round(i.width)} × ${Math.round(i.height)}`,n.style.display=this.isDragging?"":"none")}syncAlignBar(){if(!this.resizeOverlay||!this.selectedFigure)return;const t=this.selectedFigure.getAttribute("data-align")||"left";this.resizeOverlay.querySelectorAll(".rte-image-align-bar button").forEach((i=>{i.toggleAttribute("data-active",i.dataset.dir===t)}))}getEditorContentWidth(){const t=getComputedStyle(this.editorEl);return this.editorEl.clientWidth-parseFloat(t.paddingLeft||"0")-parseFloat(t.paddingRight||"0")||1/0}buildFigure(t,i="",e=""){const n=document.createElement("figure");n.className="rte-image",n.setAttribute("contenteditable","false");const s=document.createElement("img");if(s.src=t,i.trim()&&(s.alt=i.trim()),n.appendChild(s),e.trim()){const t=document.createElement("figcaption");t.textContent=e.trim(),n.appendChild(t)}return n}insertFigureAt(t,i){const e=document.getSelection();if(!e)return;let n=null,s=t.startContainer;for(;s&&s!==this.editorEl;){if(s instanceof HTMLElement&&/^(P|H[1-6]|UL|OL|BLOCKQUOTE|PRE|TABLE|FIGURE|DIV)$/.test(s.tagName)){n=s;break}s=s.parentNode}const r=n&&/^(P|H[1-6])$/.test(n.tagName)&&""===(n.textContent??"").replace(/\u200B/g,"").trim()&&!n.querySelector("img");n?.parentNode?r?(n.parentNode.insertBefore(i,n),n.remove()):n.parentNode.insertBefore(i,n.nextSibling):this.editorEl.appendChild(i);let o=i.nextElementSibling;if(!o){const t=document.createElement("p");t.innerHTML="<br>",i.parentNode?.insertBefore(t,i.nextSibling),o=t}const a=document.createRange();a.setStart(o,0),a.collapse(!0),e.removeAllRanges(),e.addRange(a)}applyImage(){const t=this.srcValue.trim();if(!t)return void(this.uploadFromComputer&&(this.errorMessage="Enter an image link or upload a file"));const i=this.normalizeSrc(t);if(!i)return void(this.errorMessage="Enter a valid image link");if(this.activeFigure){const t=this.activeFigure.querySelector("img");t&&(t.src=i,this.altValue.trim()?t.alt=this.altValue.trim():t.removeAttribute("alt"));let e=this.activeFigure.querySelector("figcaption");return this.captionValue.trim()?(e||(e=document.createElement("figcaption"),this.activeFigure.appendChild(e)),e.textContent=this.captionValue.trim()):e?.remove(),this.emit(i),this.closePopover(),void requestAnimationFrame((()=>this.updateOverlayPosition()))}if(!(this.selectionRange instanceof Range))return;this.editorEl.focus();const e=document.getSelection();if(!e)return;e.removeAllRanges(),e.addRange(this.selectionRange);const n=this.buildFigure(i,this.altValue,this.captionValue);this.insertFigureAt(this.selectionRange,n),this.emit(i),this.closePopover()}removeImage(){if(!this.activeFigure)return;this.deselectImage();const t=this.activeFigure.parentNode;this.activeFigure.remove(),t instanceof HTMLElement&&!t.hasChildNodes()&&(t.innerHTML="<br>"),this.emit(""),this.closePopover()}emit(t){this.dispatchEvent(new CustomEvent("nile-image-changed",{detail:{src:t,alt:this.altValue.trim(),caption:this.captionValue.trim()},bubbles:!0,composed:!0}))}render(){const t=this.disabled?"var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled-subtle))":"var(--nile-colors-dark-900, var(--ng-colors-text-primary-900))";return e`
+      <nile-lite-tooltip content=${this.label}>
+        <nile-button
+          variant="tertiary"
+          size="small"
+          ?disabled=${this.disabled}
+          @mousedown=${this.onToolbarButtonMousedown}
+          @click=${this.onOpen}
+          class="rte-image-button"
+        >
+          <nile-glyph name="image" color=${t}></nile-glyph>
+        </nile-button>
+      </nile-lite-tooltip>
+      <nile-popover
+        class="rte-image-popover"
+        .arrow=${!1}
+        style=${this.popoverStyle}
+        @mousedown=${this.onPopoverMousedown}
+        @mouseup=${this.onPopoverMouseup}
+      >
+        <div class="image-popup-wrap">
+          <nile-input
+            label="Image URL"
+            placeholder=${this.placeholder}
+            .value=${this.srcValue}
+            @nile-input=${this.onSrcInput}
+            @keydown=${this.onInputKeydown}
+            @nile-blur=${this.onInputBlur}
+          ></nile-input>
+          ${this.uploadFromComputer?e`
+                <div class="image-divider-row" part="divider">or</div>
+                <div class="image-upload-row" part="upload-row">
+                  <nile-button
+                    part="upload-button"
+                    size="small"
+                    variant="secondary"
+                    @click=${this.onUploadClick}
+                  >
+                    <nile-glyph name="upload" slot="prefix"></nile-glyph>
+                    Upload from computer
+                  </nile-button>
+                  ${this.uploadedFileName?e`<span class="image-upload-filename" part="upload-filename"
+                        >${this.uploadedFileName}</span
+                      >`:null}
+                </div>
+                <input
+                  part="upload-input"
+                  type="file"
+                  accept="image/*"
+                  @change=${this.onFileChange}
+                />
+              `:null}
+          ${this.errorMessage?e`<span class="image-error" part="error">${this.errorMessage}</span>`:null}
+          <nile-input
+            label="Alt text"
+            placeholder=${this.altPlaceholder}
+            .value=${this.altValue}
+            @nile-input=${this.onAltInput}
+            @keydown=${this.onInputKeydown}
+            @nile-blur=${this.onInputBlur}
+            part="alt-input"
+          ></nile-input>
+          <nile-input
+            label="Caption"
+            placeholder=${this.captionPlaceholder}
+            .value=${this.captionValue}
+            @nile-input=${this.onCaptionInput}
+            @keydown=${this.onInputKeydown}
+            @nile-blur=${this.onInputBlur}
+            part="caption-input"
+          ></nile-input>
+          <div class="image-actions-row" part="actions-row">
+            ${this.hasActiveImage?e`
+                  <nile-button
+                    part="remove-button"
+                    size="small"
+                    variant="secondary"
+                    @click=${this.onRemoveClick}
+                  >
+                    Remove
+                  </nile-button>
+                `:null}
+            <nile-button part="apply-button" size="small" variant="primary" @click=${this.onApplyClick}>
+              ${this.hasActiveImage?"Update":"Insert"}
+            </nile-button>
+          </div>
+        </div>
+      </nile-popover>
+    `}};t([n({attribute:!1})],o.prototype,"editorEl",void 0),t([n({type:Boolean,reflect:!0,attribute:!0})],o.prototype,"disabled",void 0),t([n({type:String,reflect:!0,attribute:!0})],o.prototype,"label",void 0),t([n({type:String,reflect:!0,attribute:!0})],o.prototype,"placeholder",void 0),t([n({type:String,reflect:!0,attribute:!0})],o.prototype,"altPlaceholder",void 0),t([n({type:String,reflect:!0,attribute:!0})],o.prototype,"captionPlaceholder",void 0),t([n({type:Number,reflect:!0,attribute:"maxfilesize"})],o.prototype,"maxFileSize",void 0),t([n({type:Boolean,reflect:!0,attribute:"uploadfromcomputer"})],o.prototype,"uploadFromComputer",void 0),t([s()],o.prototype,"srcValue",void 0),t([s()],o.prototype,"altValue",void 0),t([s()],o.prototype,"captionValue",void 0),t([s()],o.prototype,"hasActiveImage",void 0),t([s()],o.prototype,"uploadedFileName",void 0),t([s()],o.prototype,"errorMessage",void 0),t([s()],o.prototype,"popoverStyle",void 0),o=t([r("nile-rte-image")],o);

package/dist/nile-section-message/nile-section-message.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    width: 100%;\n    box-sizing: border-box;\n    --icon-button-background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-primary-alt));\n    min-width: var(--nile-width-width-xxs, var(--ng-width-80));\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  .parent__wrapper {\n    width: auto;\n    display: flex;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-xl));\n    box-sizing: border-box;\n    padding: var(--nile-type-scale-4, var(--ng-spacing-xl));\n    word-wrap: break-word;\n    align-items: center;\n    border: var(--nile-border-width-0, var(--ng-border-width-1)) solid var(--nile-section-message-background-color-primary, var(--ng-colors-border-secondary-alt));\n    border-radius: var(--nile-spacing-xs, var(--ng-radius-xl));\n    box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-lg));\n  }\n\n  .section--primary {\n    background-color: var(--nile-section-message-background-color-primary, var(--ng-colors-bg-primary-alt));\n  }\n\n  .section--success {\n    background-color: var(--nile-section-message-background-color-success, var(--ng-colors-bg-primary-alt));\n  }\n\n  .section--warning {\n    background-color: var(--nile-section-message-background-color-warning, var(--ng-colors-bg-primary-alt));\n  }\n\n  .section--error {\n    background-color: var(--nile-section-message-background-color-error, var(--ng-colors-bg-primary-alt));\n  }\n\n  .left__wrapper {\n    align-self: start;\n    height: auto;\n  }\n\n  nile-icon-button::part(base) {\n    background-color: var(--icon-button-background-color, var(--ng-colors-bg-primary-alt));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-brand-secondary-700));\n  }\n\n  .icon--primary {\n    --icon-button-background-color: var(\n      --nile-section-message-icon-background-color-primary,\n    var(--ng-colors-bg-primary-alt));\n  }\n\n  .icon--success {\n    --icon-button-background-color: var(\n      --nile-section-message-icon-background-color-success\n    );\n  }\n\n  .icon--warning {\n    --icon-button-background-color: var(\n      --nile-section-message-icon-background-color-warning\n    );\n  }\n\n  .icon--error {\n    --icon-button-background-color: var(\n      --nile-section-message-icon-background-color-error\n    );\n  }\n\n  .right__wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    width: 100%;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    color: var(--nile-colors-dark-900, var(--ng-colors-fg-primary-900));\n    font-family: var(--nile-font-family-sans-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    line-height: 140%;\n    letter-spacing: 0.2px;\n  }\n\n  .section__heading {\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n  }\n\n  .section__description {\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    color: var(--nile-colors-dark-900, var(--ng-colors-fg-secondary-700));\n  }\n\n  .footer__actions {\n    display: flex;\n    gap: var(--nile-spacing-md, var(--ng-spacing-none));\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));\n    cursor: pointer;\n  }\n\n  ::slotted([slot='footer__actions']:not(:last-child)) {\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-tertiary-600));\n  }\n\n  ::slotted([slot='footer__actions']:not(:last-child))::after {\n    content: '\u2022';\n    color: var(--nile-section-message-footer-color, var(--ng-componentcolors-alpha-white-100));\n    margin-left: var(--nile-spacing-md, var(--ng-spacing-md));\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    width: 100%;\n    box-sizing: border-box;\n    --icon-button-background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n    min-width: var(--nile-width-width-xxs, var(--ng-width-80));\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  .parent__wrapper {\n    width: auto;\n    display: flex;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-xl));\n    box-sizing: border-box;\n    padding: var(--nile-type-scale-4, var(--ng-spacing-xl));\n    word-wrap: break-word;\n    align-items: center;\n    border: var(--nile-border-width-0, var(--ng-border-width-1)) solid var(--nile-section-message-background-color-primary, var(--ng-colors-border-secondary-alt));\n    border-radius: var(--nile-spacing-xs, var(--ng-radius-xl));\n    box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-lg));\n  }\n\n  .section--primary {\n    background-color: var(--nile-section-message-background-color-primary, var(--ng-colors-bg-primary-alt));\n  }\n\n  .section--success {\n    background-color: var(--nile-section-message-background-color-success, var(--ng-colors-bg-primary-alt));\n  }\n\n  .section--warning {\n    background-color: var(--nile-section-message-background-color-warning, var(--ng-colors-bg-primary-alt));\n  }\n\n  .section--error {\n    background-color: var(--nile-section-message-background-color-error, var(--ng-colors-bg-primary-alt));\n  }\n\n  .left__wrapper {\n    align-self: start;\n    height: auto;\n  }\n\n  nile-icon-button::part(base) {\n    background-color: var(--icon-button-background-color, var(--ng-colors-bg-primary-alt));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-brand-secondary-700));\n    padding: var(--nile-radius-md, var(--ng-radius-md));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n  }\n\n  .icon--primary {\n    --icon-button-background-color: var(\n      --nile-section-message-icon-background-color-primary,\n    var(--ng-colors-bg-brand-solid));\n  }\n\n  .icon--success {\n    --icon-button-background-color: var(\n      --nile-section-message-icon-background-color-success, var(--ng-colors-bg-success-solid));\n  }\n\n  .icon--warning {\n    --icon-button-background-color: var(\n      --nile-section-message-icon-background-color-warning, var(--ng-colors-bg-warning-solid));\n  }\n\n  .icon--error {\n    --icon-button-background-color: var(\n      --nile-section-message-icon-background-color-error, var(--ng-colors-bg-error-solid));\n  }\n\n  .right__wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    width: 100%;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    color: var(--nile-colors-dark-900, var(--ng-colors-fg-primary-900));\n    font-family: var(--nile-font-family-sans-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    line-height: 140%;\n    letter-spacing: 0.2px;\n  }\n\n  .section__heading {\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n  }\n\n  .section__description {\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    color: var(--nile-colors-dark-900, var(--ng-colors-fg-secondary-700));\n  }\n\n  .footer__actions {\n    display: flex;\n    gap: var(--nile-spacing-md, var(--ng-spacing-none));\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));\n    cursor: pointer;\n  }\n\n  ::slotted([slot='footer__actions']:not(:last-child)) {\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-tertiary-600));\n  }\n\n  ::slotted([slot='footer__actions']:not(:last-child))::after {\n    content: '\u2022';\n    color: var(--nile-section-message-footer-color, var(--ng-componentcolors-alpha-white-100));\n    margin-left: var(--nile-spacing-md, var(--ng-spacing-md));\n  }\n"]))));}};});
 //# sourceMappingURL=nile-section-message.css.cjs.js.map

package/dist/nile-section-message/nile-section-message.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-section-message.css.cjs.js","sources":["../../../src/nile-section-message/nile-section-message.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 SectionMessage CSS\n */\nexport const styles = css`\n :host {\n display: block;\n width: 100%;\n box-sizing: border-box;\n --icon-button-background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-~~primary~~-~~alt~~));\n min-width: var(--nile-width-width-xxs, var(--ng-width-80));\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 .parent__wrapper {\n width: auto;\n display: flex;\n gap: var(--nile-spacing-lg, var(--ng-spacing-xl));\n box-sizing: border-box;\n padding: var(--nile-type-scale-4, var(--ng-spacing-xl));\n word-wrap: break-word;\n align-items: center;\n border: var(--nile-border-width-0, var(--ng-border-width-1)) solid var(--nile-section-message-background-color-primary, var(--ng-colors-border-secondary-alt));\n border-radius: var(--nile-spacing-xs, var(--ng-radius-xl));\n box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-lg));\n }\n\n .section--primary {\n background-color: var(--nile-section-message-background-color-primary, var(--ng-colors-bg-primary-alt));\n }\n\n .section--success {\n background-color: var(--nile-section-message-background-color-success, var(--ng-colors-bg-primary-alt));\n }\n\n .section--warning {\n background-color: var(--nile-section-message-background-color-warning, var(--ng-colors-bg-primary-alt));\n }\n\n .section--error {\n background-color: var(--nile-section-message-background-color-error, var(--ng-colors-bg-primary-alt));\n }\n\n .left__wrapper {\n align-self: start;\n height: auto;\n }\n\n nile-icon-button::part(base) {\n background-color: var(--icon-button-background-color, var(--ng-colors-bg-primary-alt));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-brand-secondary-700));\n }\n\n .icon--primary {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-primary,\n var(--ng-colors-bg-~~primary~~-~~alt~~));\n }\n\n .icon--success {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-success\n );\n }\n\n .icon--warning {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-warning\n );\n }\n\n .icon--error {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-error\n );\n }\n\n .right__wrapper {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n width: 100%;\n gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n color: var(--nile-colors-dark-900, var(--ng-colors-fg-primary-900));\n font-family: var(--nile-font-family-sans-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 line-height: 140%;\n letter-spacing: 0.2px;\n }\n\n .section__heading {\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n }\n\n .section__description {\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n color: var(--nile-colors-dark-900, var(--ng-colors-fg-secondary-700));\n }\n\n .footer__actions {\n display: flex;\n gap: var(--nile-spacing-md, var(--ng-spacing-none));\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));\n cursor: pointer;\n }\n\n ::slotted([slot='footer__actions']:not(:last-child)) {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-tertiary-600));\n }\n\n ::slotted([slot='footer__actions']:not(:last-child))::after {\n content: '•';\n color: var(--nile-section-message-footer-color, var(--ng-componentcolors-alpha-white-100));\n margin-left: var(--nile-spacing-md, var(--ng-spacing-md));\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-section-message.css.cjs.js","sources":["../../../src/nile-section-message/nile-section-message.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 SectionMessage CSS\n */\nexport const styles = css`\n :host {\n display: block;\n width: 100%;\n box-sizing: border-box;\n --icon-button-background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n min-width: var(--nile-width-width-xxs, var(--ng-width-80));\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 .parent__wrapper {\n width: auto;\n display: flex;\n gap: var(--nile-spacing-lg, var(--ng-spacing-xl));\n box-sizing: border-box;\n padding: var(--nile-type-scale-4, var(--ng-spacing-xl));\n word-wrap: break-word;\n align-items: center;\n border: var(--nile-border-width-0, var(--ng-border-width-1)) solid var(--nile-section-message-background-color-primary, var(--ng-colors-border-secondary-alt));\n border-radius: var(--nile-spacing-xs, var(--ng-radius-xl));\n box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-lg));\n }\n\n .section--primary {\n background-color: var(--nile-section-message-background-color-primary, var(--ng-colors-bg-primary-alt));\n }\n\n .section--success {\n background-color: var(--nile-section-message-background-color-success, var(--ng-colors-bg-primary-alt));\n }\n\n .section--warning {\n background-color: var(--nile-section-message-background-color-warning, var(--ng-colors-bg-primary-alt));\n }\n\n .section--error {\n background-color: var(--nile-section-message-background-color-error, var(--ng-colors-bg-primary-alt));\n }\n\n .left__wrapper {\n align-self: start;\n height: auto;\n }\n\n nile-icon-button::part(base) {\n background-color: var(--icon-button-background-color, var(--ng-colors-bg-primary-alt));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-brand-secondary-700));\n padding: var(--nile-radius-md, var(--ng-radius-md));\n border-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n }\n\n .icon--primary {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-primary,\n var(--ng-colors-bg-brand-solid));\n }\n\n .icon--success {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-success, var(--ng-colors-bg-success-solid));\n }\n\n .icon--warning {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-warning, var(--ng-colors-bg-warning-solid));\n }\n\n .icon--error {\n --icon-button-background-color: var(\n --nile-section-message-icon-background-color-error, var(--ng-colors-bg-error-solid));\n }\n\n .right__wrapper {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n width: 100%;\n gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n color: var(--nile-colors-dark-900, var(--ng-colors-fg-primary-900));\n font-family: var(--nile-font-family-sans-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 line-height: 140%;\n letter-spacing: 0.2px;\n }\n\n .section__heading {\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n }\n\n .section__description {\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n color: var(--nile-colors-dark-900, var(--ng-colors-fg-secondary-700));\n }\n\n .footer__actions {\n display: flex;\n gap: var(--nile-spacing-md, var(--ng-spacing-none));\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));\n cursor: pointer;\n }\n\n ::slotted([slot='footer__actions']:not(:last-child)) {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-tertiary-600));\n }\n\n ::slotted([slot='footer__actions']:not(:last-child))::after {\n content: '•';\n color: var(--nile-section-message-footer-color, var(--ng-componentcolors-alpha-white-100));\n margin-left: var(--nile-spacing-md, var(--ng-spacing-md));\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-section-message/nile-section-message.css.esm.js CHANGED Viewed

@@ -3,7 +3,7 @@ import{css as o}from"lit";const r=o`
     display: block;
     width: 100%;
     box-sizing: border-box;
-    --icon-button-background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-primary-alt));
+    --icon-button-background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));
     min-width: var(--nile-width-width-xxs, var(--ng-width-80));
     -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
     -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
@@ -47,30 +47,29 @@ import{css as o}from"lit";const r=o`
   nile-icon-button::part(base) {
     background-color: var(--icon-button-background-color, var(--ng-colors-bg-primary-alt));
     color: var(--nile-colors-dark-900, var(--ng-colors-text-brand-secondary-700));
+    padding: var(--nile-radius-md, var(--ng-radius-md));
+    border-radius: var(--nile-radius-sm, var(--ng-radius-sm));
   }
   .icon--primary {
     --icon-button-background-color: var(
       --nile-section-message-icon-background-color-primary,
-    var(--ng-colors-bg-primary-alt));
+    var(--ng-colors-bg-brand-solid));
   }
   .icon--success {
     --icon-button-background-color: var(
-      --nile-section-message-icon-background-color-success
-    );
+      --nile-section-message-icon-background-color-success, var(--ng-colors-bg-success-solid));
   }
   .icon--warning {
     --icon-button-background-color: var(
-      --nile-section-message-icon-background-color-warning
-    );
+      --nile-section-message-icon-background-color-warning, var(--ng-colors-bg-warning-solid));
   }
   .icon--error {
     --icon-button-background-color: var(
-      --nile-section-message-icon-background-color-error
-    );
+      --nile-section-message-icon-background-color-error, var(--ng-colors-bg-error-solid));
   }
   .right__wrapper {

package/dist/src/index.d.ts CHANGED Viewed

@@ -65,6 +65,7 @@ export { NileEmptyState } from './nile-empty-state';
 export { NileHero } from './nile-hero';
 export { NileStepperItem } from './nile-stepper-item';
 export { NileStepper } from './nile-stepper';
+export { NileDotStepper } from './nile-dot-stepper';
 export { NileHeroHeader } from './nile-hero-header';
 export { NileVerticalStepperItem } from './nile-vertical-stepper-item';
 export { NileFormatDate } from './nile-format-date';
@@ -127,6 +128,9 @@ export { NileFloatingPanel } from './nile-floating-panel';
 export { NileContextMenu } from './nile-context-menu';
 export { NileContextMenuGroup } from './nile-context-menu-group';
 export { NileContextMenuItem } from './nile-context-menu-item';
+export { NileCommandMenu } from './nile-command-menu';
+export { NileCommandMenuGroup } from './nile-command-menu-group';
+export { NileCommandMenuItem } from './nile-command-menu-item';
 export { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';
 export { NileInlineSidebarItemBody } from './nile-inline-sidebar-item-body';
 export { NileMarkdown } from './nile-markdown';

package/dist/src/index.js CHANGED Viewed

@@ -65,6 +65,7 @@ export { NileEmptyState } from './nile-empty-state';
 export { NileHero } from './nile-hero';
 export { NileStepperItem } from './nile-stepper-item';
 export { NileStepper } from './nile-stepper';
+export { NileDotStepper } from './nile-dot-stepper';
 export { NileHeroHeader } from './nile-hero-header';
 export { NileVerticalStepperItem } from './nile-vertical-stepper-item';
 export { NileFormatDate } from './nile-format-date';
@@ -127,6 +128,9 @@ export { NileFloatingPanel } from './nile-floating-panel';
 export { NileContextMenu } from './nile-context-menu';
 export { NileContextMenuGroup } from './nile-context-menu-group';
 export { NileContextMenuItem } from './nile-context-menu-item';
+export { NileCommandMenu } from './nile-command-menu';
+export { NileCommandMenuGroup } from './nile-command-menu-group';
+export { NileCommandMenuItem } from './nile-command-menu-item';
 export { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';
 export { NileInlineSidebarItemBody } from './nile-inline-sidebar-item-body';
 export { NileMarkdown } from './nile-markdown';

package/dist/src/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileOtpInput } from './nile-otp-input';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileStatusLight } from './nile-status-light';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileCheckboxGroup } from './nile-checkbox-group';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSkeletonLoader } from './nile-skeleton-loader';\nexport { NileSelect } from './nile-select';\nexport { NileVirtualSelect } from './nile-virtual-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileCombobox } from './nile-combobox';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink } from './nile-link';\nexport { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\nexport { NileDialog } from './nile-dialog';\nexport { NileErrorNotification } from './nile-error-notification';\nexport { NileTabGroup } from './nile-tab-group';\nexport { NileTab } from './nile-tab';\nexport { NileTabPanel } from './nile-tab-panel';\nexport { NileCodeEditor } from './nile-code-editor';\nexport { NileToast } from './nile-toast';\nexport { NileBreadcrumb } from './nile-breadcrumb';\nexport { NileBreadcrumbItem } from './nile-breadcrumb-item';\nexport { NileFormGroup } from './nile-form-group';\nexport { NileCard } from './nile-card';\nexport { NileCarousel } from './nile-carousel';\nexport { NileCarouselItem } from './nile-carousel/nile-carousel-item';\nexport { NilePopover } from './nile-popover';\nexport { NileButtonFilter } from './nile-button-filter';\nexport { NileCircularProgressbar } from './nile-circular-progressbar';\nexport { NileTableCellItem } from './nile-table-cell-item';\nexport { NileTableRow } from './nile-table-row';\nexport { NileTableBody } from './nile-table-body';\nexport { NileTableHeaderItem } from './nile-table-header-item';\nexport { NileAvatar } from './nile-avatar';\nexport { NilePageHeader } from './nile-page-header';\nexport { NileEmptyState } from './nile-empty-state';\nexport { NileHero } from './nile-hero';\nexport { NileStepperItem } from './nile-stepper-item';\nexport { NileStepper } from './nile-stepper';\nexport { NileHeroHeader } from './nile-hero-header';\nexport { NileVerticalStepperItem } from './nile-vertical-stepper-item';\nexport { NileFormatDate } from './nile-format-date';\nexport { NileSplitPanel } from './nile-split-panel';\nexport { NileTree } from './nile-tree';\nexport { NileTreeItem } from './nile-tree-item';\nexport { NileListItem } from './nile-list-item';\nexport { NileList } from './nile-list';\nexport { NileAccordion } from './nile-accordion';\nexport { NileDivider } from './nile-divider';\nexport { NileTitle } from './nile-title';\nexport { NileSectionMessage } from './nile-section-message';\nexport { NileToolbar } from './nile-toolbar';\nexport { NileInlineEdit } from './nile-inline-edit';\nexport { NileTable } from './nile-table';\nexport { NileFilterChip } from './nile-filter-chip';\nexport {NilePagination } from './nile-pagination';\nexport { NileSlider } from './nile-slider';\nexport { NileFileUpload } from './nile-file-upload';\nexport { NileFilePreview } from './nile-file-preview';\nexport { NileOptionGroup } from './nile-option-group';\nexport { NileGrid } from './nile-grid';\nexport { NileGridBody } from './nile-grid/nile-grid-body';\nexport { NileGridRow } from './nile-grid/nile-grid-row';\nexport { NileGridHeadItem } from './nile-grid/nile-grid-head-item';\nexport { NileGridCellItem } from './nile-grid/nile-grid-cell-item';\nexport { NileGridHead } from './nile-grid/nile-grid-head';\nexport { NileRichTextEditor } from './nile-rich-text-editor';\nexport { NileColorPicker } from './nile-color-picker';\nexport type { ColorPickerType, SwatchTooltip, PaletteEntry } from './nile-color-picker';\nexport { NileColorSwatch } from './nile-color-swatch';\n\n// Import version utility to set nile version in window object\nimport './version';\n\nexport { NileSideBar } from './nile-side-bar';\nexport { NileSideBarHeader } from './nile-side-bar-header';\nexport { NileSideBarLogo } from './nile-side-bar-logo';\nexport { NileSideBarExpand } from './nile-side-bar-expand';\nexport { NileSideBarGroup } from './nile-side-bar-group';\nexport { NileSideBarGroupItem } from './nile-side-bar-group-item';\nexport { NileSideBarGroupItemIcon } from './nile-side-bar-group-item-icon';\nexport { NileSideBarGroupItemText } from './nile-side-bar-group-item-text';\nexport { NileSideBarFooter } from './nile-side-bar-footer';\nexport { NileSideBarFooterItem } from './nile-side-bar-footer-item';\nexport { NileSideBarAction } from './nile-side-bar-action';\nexport { NileSideBarFooterText } from './nile-side-bar-footer-text';\nexport { NileSideBarActionMenuItem } from './nile-side-bar-action-menu-item';\nexport { NileSideBarActionMenu } from './nile-side-bar-action-menu';\nexport { NileInlineSidebarGroup } from './nile-inline-sidebar-group';\nexport { NileInlineSidebar } from './nile-inline-sidebar';\nexport { NileInlineSidebarItem } from './nile-inline-sidebar-item';\nexport { NileInlineSidebarPanel } from './nile-inline-sidebar-panel';\nexport { NileInlineSidebarPanelGroup } from './nile-inline-sidebar-panel-group';\nexport { NileliteTooltip } from './nile-lite-tooltip';\nexport { NileSideBarPanel } from './nile-side-bar-panel';\nexport { NileDetail } from './nile-detail';\nexport { NileQrCode } from './nile-qr-code';\nexport { NileNavTab } from './nile-nav-tab';\nexport { NileNavTabGroup } from './nile-nav-tab-group';\nexport { NileNavTabPanel } from './nile-nav-tab-panel';\nexport { NileFloatingPanel } from './nile-floating-panel';\nexport { NileContextMenu } from './nile-context-menu';\nexport { NileContextMenuGroup } from './nile-context-menu-group';\nexport { NileContextMenuItem } from './nile-context-menu-item';\nexport { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';\nexport { NileInlineSidebarItemBody } from './nile-inline-sidebar-item-body';\nexport { NileMarkdown } from './nile-markdown';\nexport { NileMarkdownEditor } from './nile-markdown-editor';"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileOtpInput } from './nile-otp-input';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileStatusLight } from './nile-status-light';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileCheckboxGroup } from './nile-checkbox-group';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSkeletonLoader } from './nile-skeleton-loader';\nexport { NileSelect } from './nile-select';\nexport { NileVirtualSelect } from './nile-virtual-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileCombobox } from './nile-combobox';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink } from './nile-link';\nexport { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\nexport { NileDialog } from './nile-dialog';\nexport { NileErrorNotification } from './nile-error-notification';\nexport { NileTabGroup } from './nile-tab-group';\nexport { NileTab } from './nile-tab';\nexport { NileTabPanel } from './nile-tab-panel';\nexport { NileCodeEditor } from './nile-code-editor';\nexport { NileToast } from './nile-toast';\nexport { NileBreadcrumb } from './nile-breadcrumb';\nexport { NileBreadcrumbItem } from './nile-breadcrumb-item';\nexport { NileFormGroup } from './nile-form-group';\nexport { NileCard } from './nile-card';\nexport { NileCarousel } from './nile-carousel';\nexport { NileCarouselItem } from './nile-carousel/nile-carousel-item';\nexport { NilePopover } from './nile-popover';\nexport { NileButtonFilter } from './nile-button-filter';\nexport { NileCircularProgressbar } from './nile-circular-progressbar';\nexport { NileTableCellItem } from './nile-table-cell-item';\nexport { NileTableRow } from './nile-table-row';\nexport { NileTableBody } from './nile-table-body';\nexport { NileTableHeaderItem } from './nile-table-header-item';\nexport { NileAvatar } from './nile-avatar';\nexport { NilePageHeader } from './nile-page-header';\nexport { NileEmptyState } from './nile-empty-state';\nexport { NileHero } from './nile-hero';\nexport { NileStepperItem } from './nile-stepper-item';\nexport { NileStepper } from './nile-stepper';\nexport { NileDotStepper } from './nile-dot-stepper';\nexport { NileHeroHeader } from './nile-hero-header';\nexport { NileVerticalStepperItem } from './nile-vertical-stepper-item';\nexport { NileFormatDate } from './nile-format-date';\nexport { NileSplitPanel } from './nile-split-panel';\nexport { NileTree } from './nile-tree';\nexport { NileTreeItem } from './nile-tree-item';\nexport { NileListItem } from './nile-list-item';\nexport { NileList } from './nile-list';\nexport { NileAccordion } from './nile-accordion';\nexport { NileDivider } from './nile-divider';\nexport { NileTitle } from './nile-title';\nexport { NileSectionMessage } from './nile-section-message';\nexport { NileToolbar } from './nile-toolbar';\nexport { NileInlineEdit } from './nile-inline-edit';\nexport { NileTable } from './nile-table';\nexport { NileFilterChip } from './nile-filter-chip';\nexport {NilePagination } from './nile-pagination';\nexport { NileSlider } from './nile-slider';\nexport { NileFileUpload } from './nile-file-upload';\nexport { NileFilePreview } from './nile-file-preview';\nexport { NileOptionGroup } from './nile-option-group';\nexport { NileGrid } from './nile-grid';\nexport { NileGridBody } from './nile-grid/nile-grid-body';\nexport { NileGridRow } from './nile-grid/nile-grid-row';\nexport { NileGridHeadItem } from './nile-grid/nile-grid-head-item';\nexport { NileGridCellItem } from './nile-grid/nile-grid-cell-item';\nexport { NileGridHead } from './nile-grid/nile-grid-head';\nexport { NileRichTextEditor } from './nile-rich-text-editor';\nexport { NileColorPicker } from './nile-color-picker';\nexport type { ColorPickerType, SwatchTooltip, PaletteEntry } from './nile-color-picker';\nexport { NileColorSwatch } from './nile-color-swatch';\n\n// Import version utility to set nile version in window object\nimport './version';\n\nexport { NileSideBar } from './nile-side-bar';\nexport { NileSideBarHeader } from './nile-side-bar-header';\nexport { NileSideBarLogo } from './nile-side-bar-logo';\nexport { NileSideBarExpand } from './nile-side-bar-expand';\nexport { NileSideBarGroup } from './nile-side-bar-group';\nexport { NileSideBarGroupItem } from './nile-side-bar-group-item';\nexport { NileSideBarGroupItemIcon } from './nile-side-bar-group-item-icon';\nexport { NileSideBarGroupItemText } from './nile-side-bar-group-item-text';\nexport { NileSideBarFooter } from './nile-side-bar-footer';\nexport { NileSideBarFooterItem } from './nile-side-bar-footer-item';\nexport { NileSideBarAction } from './nile-side-bar-action';\nexport { NileSideBarFooterText } from './nile-side-bar-footer-text';\nexport { NileSideBarActionMenuItem } from './nile-side-bar-action-menu-item';\nexport { NileSideBarActionMenu } from './nile-side-bar-action-menu';\nexport { NileInlineSidebarGroup } from './nile-inline-sidebar-group';\nexport { NileInlineSidebar } from './nile-inline-sidebar';\nexport { NileInlineSidebarItem } from './nile-inline-sidebar-item';\nexport { NileInlineSidebarPanel } from './nile-inline-sidebar-panel';\nexport { NileInlineSidebarPanelGroup } from './nile-inline-sidebar-panel-group';\nexport { NileliteTooltip } from './nile-lite-tooltip';\nexport { NileSideBarPanel } from './nile-side-bar-panel';\nexport { NileDetail } from './nile-detail';\nexport { NileQrCode } from './nile-qr-code';\nexport { NileNavTab } from './nile-nav-tab';\nexport { NileNavTabGroup } from './nile-nav-tab-group';\nexport { NileNavTabPanel } from './nile-nav-tab-panel';\nexport { NileFloatingPanel } from './nile-floating-panel';\nexport { NileContextMenu } from './nile-context-menu';\nexport { NileContextMenuGroup } from './nile-context-menu-group';\nexport { NileContextMenuItem } from './nile-context-menu-item';\nexport { NileCommandMenu } from './nile-command-menu';\nexport { NileCommandMenuGroup } from './nile-command-menu-group';\nexport { NileCommandMenuItem } from './nile-command-menu-item';\nexport { NileInlineSidebarItemHeader } from './nile-inline-sidebar-item-header';\nexport { NileInlineSidebarItemBody } from './nile-inline-sidebar-item-body';\nexport { NileMarkdown } from './nile-markdown';\nexport { NileMarkdownEditor } from './nile-markdown-editor';"]}

package/dist/src/nile-chip/nile-chip.css.js CHANGED Viewed

@@ -87,11 +87,13 @@ export const styles = css `
   }
   .nile-chip {
-    padding: var(--nile-spacing-5px,var( --ng-spacing-md)) var(--nile-spacing-10px,var(--ng-spacing-lg));
+    padding: var(--nile-spacing-5px,var(--ng-spacing-xs)) var(--nile-spacing-10px,var(--ng-spacing-lg));
+    min-height: var(--ng-height-40px);
     background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));
     border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));
     border: solid 1px var(--nile-colors-neutral-500,var(--ng-colors-border-primary));
     display: flex;
+    align-items: center;
     flex-wrap: wrap;
     width: 100%;
     overflow-x: hidden;
@@ -100,6 +102,7 @@ export const styles = css `
   nile-input::part(base) {
     padding: 0px !important;
+    height: auto;
   }
   .nile-chip--no-wrap {
@@ -169,6 +172,10 @@ export const styles = css `
   nile-auto-complete::part(input) {
     padding: var(--nile-spacing-lg, var(--ng-spacing-none));
   }
+  nile-auto-complete::part(base) {
+    height: auto;
+  }
   .nile-chip:hover:not(.nile-chip--disabled) {
     border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-neutral));

package/dist/src/nile-chip/nile-chip.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-chip.css.js","sourceRoot":"","sources":["../../../src/nile-chip/nile-chip.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyMxB,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 Chip CSS\n /\nexport const styles = css`\n :host {\n box-sizing: border-box;\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: inline-block;\n color: inherit;\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-type-scale-3,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 }\n\n /* Help text /\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: var(--nile-colors-neutral-700,var( --ng-colors-text-primary-900));\n margin-top: var(--nile-spacing-xxxxsmall);\n }\n\n .form-control--has-help-text.form-control--small .form-control__help-text {\n font-size: var(--nile-spacing-xsmall,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: var(--nile-font-size-rem-medium,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--large .form-control__help-text {\n font-size: var(--nile-font-size-rem-large,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: var(--nile-spacing-xxxsmall);\n }\n\n :host {\n display: block;\n font-family: var(--nile-font-family-inherit,var(--ng-font-family-body));\n }\n\n .nile-chip {\n padding: var(--nile-spacing-5px,var( --ng-spacing-md)) var(--nile-spacing-10px,var(--ng-spacing-lg));\n background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));\n border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));\n border: solid 1px var(--nile-colors-neutral-500,var(--ng-colors-border-primary));\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n overflow-x: hidden;\n gap : var(--nile-gap-unset, var(--ng-spacing-md));\n }\n\n nile-input::part(base) {\n padding: 0px !important;\n }\n\n .nile-chip--no-wrap {\n flex-wrap: nowrap;\n overflow-x: scroll;\n }\n\n .nile-chip::-webkit-scrollbar {\n height: 2px;\n }\n\n .nile-chip::-webkit-scrollbar-thumb {\n background: var(\n --nile-colors-primary-600\n );\n }\n\n .nile-chip--disabled {\n \n / opacity: 0.5; /\n cursor: not-allowed;\n border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));\n border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-disabled));\n }\n\n :host([disabled]) nile-tag::part(base) {\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n }\n\n :host([disabled]) .nile-chip {\n background-color: var(--nile-colors-dark-200 , var(--ng-colors-bg-disabled-subtle));\n pointer-events: none;\n }\n\n .input--standard.input--disabled {\n background-color: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n }\n\n .nile-chip.nile-chip--disabled {\n background-color: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n border-color: var(--nile-colors-neutral-400,var(--ng-colors-border-disabled));\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));\n }\n\n .nile-chip.nile-chip--warning {\n border-color: var(--nile-colors-yellow-500,var( --ng-componentcolors-utility-warning-500));\n }\n\n .nile-chip.nile-chip--error {\n border-color: var(--nile-colors-red-500,var(--ng-colors-border-error));\n }\n\n .nile-chip.nile-chip--success {\n border-color: var(--nile-colors-green-500);\n }\n\n .nile-chip__auto-complete {\n flex: 1;\n }\n .nile-chip__tags {\n margin: var(--nile-margin-size-rem-small);\n }\n\n nile-auto-complete::part(input) {\n padding: var(--nile-spacing-lg, var(--ng-spacing-none));\n }\n \n .nile-chip:hover:not(.nile-chip--disabled) {\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-neutral));\n box-shadow: var(--nile-box-shadow-10);\n }\n\n :host([disabled]) .nile-chip:hover {\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled));\n box-shadow: none;\n }\n\n\n .nile-chip.nile-chip--open:hover {\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-brand));\n box-shadow: var(--nile-box-shadow-10, 0 0 0 1px var(--ng-colors-border-brand) inset ); / Need to create token for it /\n }\n\n .nile-chip__tags--focused::part(base) {\n border: 1px solid var(--nile-colors-primary-600, var(--ng-colors-border-brand));\n gap: 2px;\n }\n\n nile-auto-complete::part(base)::before {\n box-shadow: none;\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 :host([disabled]) {\n cursor: not-allowed;\n }\n\n :host([disabled]) nile-auto-complete::part(base) {\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n }\n`;\n\nexport default [styles];\n"]}
1	+ {"version":3,"file":"nile-chip.css.js","sourceRoot":"","sources":["../../../src/nile-chip/nile-chip.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgNxB,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 Chip CSS\n /\nexport const styles = css`\n :host {\n box-sizing: border-box;\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: inline-block;\n color: inherit;\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-type-scale-3,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 }\n\n /* Help text /\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: var(--nile-colors-neutral-700,var( --ng-colors-text-primary-900));\n margin-top: var(--nile-spacing-xxxxsmall);\n }\n\n .form-control--has-help-text.form-control--small .form-control__help-text {\n font-size: var(--nile-spacing-xsmall,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: var(--nile-font-size-rem-medium,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--large .form-control__help-text {\n font-size: var(--nile-font-size-rem-large,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: var(--nile-spacing-xxxsmall);\n }\n\n :host {\n display: block;\n font-family: var(--nile-font-family-inherit,var(--ng-font-family-body));\n }\n\n .nile-chip {\n padding: var(--nile-spacing-5px,var(--ng-spacing-xs)) var(--nile-spacing-10px,var(--ng-spacing-lg));\n min-height: var(--ng-height-40px);\n background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));\n border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));\n border: solid 1px var(--nile-colors-neutral-500,var(--ng-colors-border-primary));\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n width: 100%;\n overflow-x: hidden;\n gap : var(--nile-gap-unset, var(--ng-spacing-md));\n }\n\n nile-input::part(base) {\n padding: 0px !important;\n height: auto;\n }\n\n .nile-chip--no-wrap {\n flex-wrap: nowrap;\n overflow-x: scroll;\n }\n\n .nile-chip::-webkit-scrollbar {\n height: 2px;\n }\n\n .nile-chip::-webkit-scrollbar-thumb {\n background: var(\n --nile-colors-primary-600\n );\n }\n\n .nile-chip--disabled {\n \n / opacity: 0.5; /\n cursor: not-allowed;\n border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));\n border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-disabled));\n }\n\n :host([disabled]) nile-tag::part(base) {\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n }\n\n :host([disabled]) .nile-chip {\n background-color: var(--nile-colors-dark-200 , var(--ng-colors-bg-disabled-subtle));\n pointer-events: none;\n }\n\n .input--standard.input--disabled {\n background-color: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n }\n\n .nile-chip.nile-chip--disabled {\n background-color: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n border-color: var(--nile-colors-neutral-400,var(--ng-colors-border-disabled));\n opacity: 0.5;\n cursor: not-allowed;\n box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));\n }\n\n .nile-chip.nile-chip--warning {\n border-color: var(--nile-colors-yellow-500,var( --ng-componentcolors-utility-warning-500));\n }\n\n .nile-chip.nile-chip--error {\n border-color: var(--nile-colors-red-500,var(--ng-colors-border-error));\n }\n\n .nile-chip.nile-chip--success {\n border-color: var(--nile-colors-green-500);\n }\n\n .nile-chip__auto-complete {\n flex: 1;\n }\n .nile-chip__tags {\n margin: var(--nile-margin-size-rem-small);\n }\n\n nile-auto-complete::part(input) {\n padding: var(--nile-spacing-lg, var(--ng-spacing-none));\n }\n\n nile-auto-complete::part(base) {\n height: auto;\n }\n \n .nile-chip:hover:not(.nile-chip--disabled) {\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-neutral));\n box-shadow: var(--nile-box-shadow-10);\n }\n\n :host([disabled]) .nile-chip:hover {\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-disabled));\n box-shadow: none;\n }\n\n\n .nile-chip.nile-chip--open:hover {\n border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-brand));\n box-shadow: var(--nile-box-shadow-10, 0 0 0 1px var(--ng-colors-border-brand) inset ); / Need to create token for it /\n }\n\n .nile-chip__tags--focused::part(base) {\n border: 1px solid var(--nile-colors-primary-600, var(--ng-colors-border-brand));\n gap: 2px;\n }\n\n nile-auto-complete::part(base)::before {\n box-shadow: none;\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 :host([disabled]) {\n cursor: not-allowed;\n }\n\n :host([disabled]) nile-auto-complete::part(base) {\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-code-editor/nile-code-editor.js CHANGED Viewed

@@ -255,12 +255,12 @@ let NileCodeEditor = class NileCodeEditor extends NileElement {
       ${this.expandable && !this.disabled
             ? html `
         <div @click="${(e) => this.emit('nile-expand')}" class="expand__icon__container">
-          <nile-icon
+          <nile-glyph
             name="${this.expandIcon}"
-            method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
+            method="var(--nile-svg-method-fill, var(--ng-svg-method-fill))"
             size="16"
             color="black"
-          ></nile-icon>
+          ></nile-glyph>
         </div>`
             : ''}
       </div>