@aquera/nile-elements 0.0.9 → 0.0.11

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/internal/enum.ts

@@ -0,0 +1,17 @@
+export const KeyCode = {
+  BACKSPACE: 'Backspace',
+  TAB: 'Tab',
+  ENTER: 'Enter',
+  SHIFT: 'ShiftLeft', // or 'ShiftRight'
+  CTRL: 'ControlLeft', // or 'ControlRight'
+  ESCAPE: 'Escape',
+  SPACE: 'Space',
+  PAGE_UP: 'PageUp',
+  PAGE_DOWN: 'PageDown',
+  END: 'End',
+  HOME: 'Home',
+  ARROW_LEFT: 'ArrowLeft',
+  ARROW_UP: 'ArrowUp',
+  ARROW_RIGHT: 'ArrowRight',
+  ARROW_DOWN: 'ArrowDown',
+};

package/src/nile-content-editor/nile-content-editor.css.ts

@@ -14,6 +14,7 @@ export const styles = css`
   :host {
     width: 100%;
     box-sizing: border-box;
+    font-size: 14px;
   }
 
   .content-editable-wrapper {
@@ -49,21 +50,30 @@ export const styles = css`
     border-color: #e5434d;
   }
 
+  .read-only {
+    cursor: not-allowed;
+  }
+
   .chips {
+    display: inline;
     background: #e5e9eb;
     color: #000;
     border-radius: 4px;
     padding: 6px;
+    height: 24px;
+    line-height: 10px;
     margin-left: 3px;
-    display: inline;
     letter-spacing: 0.2px;
   }
 
   .text-area {
     height: 120px;
-    white-space: pre-wrap;
     overflow: scroll;
-    line-height: 24px;
+    line-height: 26px;
+  }
+
+  .text-area .chips {
+    padding: 4px 8px;
   }
 
   .chip-error {
@@ -74,6 +84,7 @@ export const styles = css`
     background-color: #ffffff;
     border: 1px solid #c7ced4;
     overflow: auto;
+    max-height: 150px;
   }
 
   label {

package/src/nile-content-editor/nile-content-editor.ts

@@ -12,6 +12,8 @@ import { CSSResultGroup } from 'lit';
 import { classMap } from 'lit/directives/class-map.js';
 import NileElement from '../internal/nile-element';
 import { watch } from '../internal/watch';
+import { KeyCode } from '../internal/enum';
+import { live } from 'lit/directives/live.js';
 
 /**
  * Nile icon component.
@@ -33,6 +35,8 @@ export class NileContentEditor extends NileElement {
 
   @property() options: Array<any>;
 
+  @property() filteredOptions: Array<any>;
+
   @property() showLabel: boolean = true;
 
   @property() labelText = '';
@@ -41,53 +45,113 @@ export class NileContentEditor extends NileElement {
 
   @property() required: boolean = true;
 
-  @query('.content-editable-input') input: HTMLInputElement;
+  @query('.content-editable-input') contentEditor: HTMLInputElement;
   @query('.nile-options-container') autoOptions: HTMLInputElement;
 
-  @state() private openDropdown: boolean = false;
+  @state() openDropdown = false;
+
+  tagIdentifier = '$';
+
+  filteredValue = '';
 
   @property({ attribute: 'help-text' }) helpText = '';
 
+  @property({ attribute: 'readonly' }) readonly = false;
+
   @property({ attribute: 'error-message' }) errorMessage = '';
 
+  @property({ attribute: 'error' }) error = false;
+
   static styles: CSSResultGroup = styles;
 
   connectedCallback() {
+    this.handleOutsideClick = this.handleOutsideClick.bind(this);
     super.connectedCallback();
     this.emit('nile-init');
-    this.afterFirstRender().then(res => {
-      if (res && this.value !== '')
-        this.input.innerHTML = this.generateHTMLTagsWithValues(this.value);
+    this.addOpenListeners();
+    this.setInitialValues();
+  }
+
+  setInitialValues() {
+    this.updateComplete.then(res => {
+      if (res && !!this.value)
+        this.contentEditor.innerHTML = this.generateHTMLTagsWithValues(
+          this.value
+        );
     });
   }
 
+  addOpenListeners() {
+    window.addEventListener('click', this.handleOutsideClick);
+  }
+
+  removeOpenListeners() {
+    window.removeEventListener('click', this.handleOutsideClick);
+  }
+
+  toggleDropdown(value: boolean) {
+    this.openDropdown = value;
+  }
+
+  handleOutsideClick(event: Event) {
+    if (event && event.target) {
+      this.toggleDropdown(false);
+    }
+  }
+
   @watch('type', { waitUntilFirstUpdate: true })
   handleTypeChange() {
-    this.input.innerHTML = this.generateHTMLTagsWithValues(this.value);
+    this.contentEditor.innerHTML = this.generateHTMLTagsWithValues(this.value);
   }
 
   disconnectedCallback(): void {
     super.disconnectedCallback();
+    this.removeOpenListeners();
     this.emit('nile-destroy');
   }
 
-  async afterFirstRender(): Promise<boolean> {
-    return await this.updateComplete;
+  handlePaste(event: ClipboardEvent) {
+    event.preventDefault();
+    if (event.clipboardData) {
+      let text = event.clipboardData.getData('text/plain');
+      document.execCommand('insertText', false, text);
+    }
+    this.emitInputChange();
   }
 
   private handlekeyDown(event: any) {
-    if (event.code === 'Enter' && this.type === 'text') {
+    if (event.code === KeyCode.ENTER && this.type === 'text') {
       event.preventDefault();
+      return;
+    }
+    if (event.code === KeyCode.ESCAPE) {
+      event.preventDefault();
+      this.toggleDropdown(false);
+      return;
     }
     setTimeout(() => {
-      const value = this.input.innerText;
+      const value = this.contentEditor.innerText;
       this.emitInputChange();
-      if (value.includes('$')) {
-        this.openDropdown = true;
+      if (value.includes(this.tagIdentifier)) {
+        this.toggleDropdown(true);
+        this.filterOptions();
+      } else {
+        this.toggleDropdown(false);
       }
     });
   }
 
+  filterOptions() {
+    this.filteredOptions = this.options;
+    if (!!this.options.length && !!this.filteredValue) {
+      this.filteredOptions = this.options.filter(item =>
+        item.startsWith(this.filteredValue)
+      );
+    } else {
+      this.filteredOptions = this.options;
+    }
+  }
+
   generateValuesFromHTMLTags(string: any): string {
     var pattern =
       /<span class="chips(?: chip-error)?" contenteditable="false">(.*?)<\/span>/g;
@@ -110,53 +174,49 @@ export class NileContentEditor extends NileElement {
   }
 
   emitInputChange(): void {
-    let fieldValue = this.input.innerHTML;
+    if (this.contentEditor) {
+      let fieldValue = this.contentEditor.innerHTML;
 
-    if (this.input.innerText !== '') {
-      fieldValue = this.generateValuesFromHTMLTags(fieldValue);
+      if (this.contentEditor.innerText !== '') {
+        fieldValue = this.generateValuesFromHTMLTags(fieldValue);
+      }
+      fieldValue = fieldValue.replace(/&nbsp;/g, ' ');
+      fieldValue = fieldValue === '<br>' ? '' : fieldValue?.trim();
+      this.emit('nile-change', {
+        value: this.generateValuesFromHTMLTags(fieldValue),
+      });
     }
-    fieldValue = fieldValue.replace(/&nbsp;/g, ' ');
-    fieldValue = fieldValue === '<br>' ? '' : fieldValue?.trim();
-    this.emit('nile-change', {
-      value: this.generateValuesFromHTMLTags(fieldValue),
-    });
   }
 
-  moveCursorToEnd = () => {
-    const range = document.createRange();
-    const selection = window.getSelection();
-    range.setStart(this.input, this.input.childNodes.length);
-    range.collapse(true);
-    selection?.removeAllRanges();
-    selection?.addRange(range);
-    this.input.focus();
-  };
-
-  handleOptions(option: any): void {
-    this.openDropdown = !this.openDropdown;
-
-    // not appending Native element as it replaces all existing child nodes with new node
-    const autoOptionsTag =
-      '<span class="chips" contenteditable="false">' + option + '</span>';
-    // text editor adds div when pressing enter , so before appending have to check if its parent node is div else append it to content editable parent
-    if (this.input?.lastElementChild?.tagName === 'DIV') {
-      this.input.lastElementChild.insertAdjacentHTML(
-        'beforeend',
-        autoOptionsTag
-      );
-      if (this.input.lastElementChild.lastChild?.previousSibling)
-        this.input.lastElementChild.lastChild.previousSibling.nodeValue =
-          this.input.lastElementChild.lastChild.previousSibling.nodeValue!.replace(
-            '$',
+  insertNodes(parentNode: Node, childNodes: NodeList, autoOptionsTag: Node) {
+    Array.from(childNodes).map((node: Node, index: number) => {
+      if (node.hasChildNodes()) {
+        this.insertNodes(node, node.childNodes, autoOptionsTag);
+      } else {
+        if (node.nodeValue?.includes(this.tagIdentifier)) {
+          parentNode.childNodes[index].nodeValue = node.nodeValue?.replace(
+            this.tagIdentifier + this.filteredValue,
             ''
           );
-    } else {
-      this.input.insertAdjacentHTML('beforeend', autoOptionsTag);
-      if (this.input.lastChild?.previousSibling) {
-        this.input.lastChild.previousSibling.nodeValue =
-          this.input.lastChild.previousSibling.nodeValue!.replace('$', '');
+          parentNode.childNodes[index].after(autoOptionsTag);
+        }
       }
-    }
+    });
+  }
+
+  handleOptions(option: any): void {
+    this.toggleDropdown(false);
+    let autoOptionsTag = document.createElement('span');
+    autoOptionsTag.setAttribute('class', 'chips');
+    autoOptionsTag.setAttribute('contentEditable', 'false');
+    autoOptionsTag.innerText = option;
+    this.insertNodes(
+      this.contentEditor,
+      this.contentEditor.childNodes,
+      autoOptionsTag
+    );
+    this.filteredOptions = this.options;
+    this.filteredValue = '';
     this.emitInputChange();
   }
 
@@ -165,10 +225,10 @@ export class NileContentEditor extends NileElement {
       class="${classMap({
         'nile-options-container': true,
         'dropdown-position': this.type === 'text-area',
-      })}class"
+      })}"
     >
-      ${this.options &&
-      this.options.map((option: any) => {
+      ${this.filteredOptions &&
+      this.filteredOptions.map((option: any) => {
         return html` <nile-option
           .value="${option}"
           @click="${(event: Event) => {
@@ -182,11 +242,13 @@ export class NileContentEditor extends NileElement {
 
   public render(): TemplateResult {
     const hasHelpText = this.helpText ? true : false;
+    const hasError = !!this.error;
     const hasErrorMessage = !!this.errorMessage;
+    const readonly = !!this.readonly;
     const type = this.type;
     return html`
       <nile-popup
-        .active="${this.openDropdown}"
+        .active="${live(this.openDropdown)}"
         sync="width"
         placement="bottom"
         class=${classMap({
@@ -199,17 +261,19 @@ export class NileContentEditor extends NileElement {
           ${this.showLabel && this.labelText
             ? html`<label class="ods-label">${this.labelText} </label> ${this
                   .required
-                  ? html`<span class="asterik">*</span>`
+                  ? html`<sapn class="asterik">*</span>`
                   : ''}`
             : ''}
           <div
-            contenteditable="true"
+            contenteditable="${!readonly}"
             class=${classMap({
               'content-editable-input': true,
-              error: hasErrorMessage,
+              error: hasError || hasErrorMessage,
+              'read-only': readonly,
               'text-area': type === 'text-area' ? true : false,
             })}
             @keydown=${this.handlekeyDown}
+            @paste=${this.handlePaste}
           ></div>
           ${hasHelpText
             ? html`

package/src/nile-icon/icons/svg/default-cursor.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMy44NjM4OCAzLjg2Mzg4TDE5LjQxMTkgOS4zNTcxMkwxNS42NTM1IDEzLjExNTVMMjAuNDI3NiAxNy44OTIyTDE3Ljg5MjIgMjAuNDI3NkwxMy4xMTU1IDE1LjY1MzVMOS4zNTcxMiAxOS40MTE5TDMuODYzODggMy44NjM4OFpNMS43MTQzNiAxLjcxNDM2TDIuNjMwMzMgNC4zMDQ4MUw4LjExODMyIDE5Ljg0NzZMOC44MTM4NCAyMS44MTA3TDEwLjI4MzYgMjAuMzQ4OUwxMy4xMTU1IDE3LjUwOTFMMTYuOTYzMSAyMS4zNTY3TDE3Ljg5MjIgMjIuMjg1OEwxOC44MTg3IDIxLjM1NjdMMjEuMzU2NyAxOC44MTg3TDIyLjI4NTggMTcuODkyMkwyMS4zNTY3IDE2Ljk2MzFMMTcuNTA5MSAxMy4xMTU1TDIwLjM0ODkgMTAuMjgzNkwyMS44MjEyIDguODEzODRMMTkuODQ3NiA4LjExODMyTDQuMzAyMTkgMi42Mjc3MUwxLjcxNDM2IDEuNzE0MzZaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/email.ts

@@ -2,4 +2,4 @@
  * Do not edit directly
  */
 
-export default "PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTS40LDIuNXYxMUgxNS41VjIuNVptMTMsMUw3LjksNy40LDIuNSwzLjVabS0xMiw5VjRMNy45LDguNmw2LjYtNC43djguNloiLz48L3N2Zz4=";
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUgMy45ODgyOEMyLjkyODkzIDMuOTg4MjggMS4yNSA1LjY2NzIxIDEuMjUgNy43MzgyOFYxNy43MzgzQzEuMjUgMTkuODA5MyAyLjkyODkzIDIxLjQ4ODMgNSAyMS40ODgzSDE5QzIxLjA3MTEgMjEuNDg4MyAyMi43NSAxOS44MDkzIDIyLjc1IDE3LjczODNWNy43MzgyOEMyMi43NSA1LjY2NzIxIDIxLjA3MTEgMy45ODgyOCAxOSAzLjk4ODI4SDVaTTIuNzUgNy43MzgyOEMyLjc1IDYuNDk1NjQgMy43NTczNiA1LjQ4ODI4IDUgNS40ODgyOEgxOUMyMC4yNDI2IDUuNDg4MjggMjEuMjUgNi40OTU2NCAyMS4yNSA3LjczODI4VjcuNzUzNDJMMTEuOTgzIDExLjkyMzZMMi43NSA4LjIzMDRWNy43MzgyOFpNMi43NSA5Ljg0NTk1VjE3LjczODNDMi43NSAxOC45ODA5IDMuNzU3MzYgMTkuOTg4MyA1IDE5Ljk4ODNIMTlDMjAuMjQyNiAxOS45ODgzIDIxLjI1IDE4Ljk4MDkgMjEuMjUgMTcuNzM4M1Y5LjM5ODNMMTIuMDE3NSAxMy41NTI5TDIuNzUgOS44NDU5NVoiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";

package/src/nile-icon/icons/svg/foreach.ts

@@ -2,4 +2,4 @@
  * Do not edit directly
  */
 
-export default "PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBvbHlnb24gcG9pbnRzPSIxMy40IDEyIDEzLjQgMS41IDYuOSAxLjUgNi45IDIuNSAxMi40IDIuNSAxMi40IDEyIDkuOSAxMiAxMi45IDE1IDE2IDEyIDEzLjQgMTIiLz48cG9seWdvbiBwb2ludHM9IjMuNSA0IDYgNCAzIDEgMCA0IDIuNSA0IDIuNSAxNC41IDguOSAxNC41IDguOSAxMy41IDMuNSAxMy41IDMuNSA0Ii8+PC9zdmc+";
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcgMjEuMDAwMkM1Ljc1NzM2IDIxLjAwMDIgNC43NSAxOS45OTI4IDQuNzUgMTguNzUwMlY3LjE5ODI0SDhMNCAzLjE5ODI0TDAgNy4xOTgyNEgzLjI1VjE4Ljc1MDJDMy4yNSAyMC44MjEyIDQuOTI4OTMgMjIuNTAwMiA3IDIyLjUwMDJIMTZWMjEuMDAwMkg3Wk0xNyA0LjY5ODI4QzE4LjI0MjYgNC42OTgyOCAxOS4yNSA1LjcwNTY0IDE5LjI1IDYuOTQ4MjhMMTkuMjUgMTguNTAwMkwxNiAxOC41MDAyTDIwIDIyLjUwMDJMMjQgMTguNTAwMkgyMC43NUwyMC43NSA2Ljk0ODI4QzIwLjc1IDQuODc3MjEgMTkuMDcxMSAzLjE5ODI4IDE3IDMuMTk4MjhMOCAzLjE5ODI4VjQuNjk4MjhMMTcgNC42OTgyOFoiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";

package/src/nile-icon/icons/svg/form.ts

@@ -2,4 +2,4 @@
  * Do not edit directly
  */
 
-export default "PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNSAxNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIuMjM0NCAyLjc1QzExLjU4ODYgMi4xMDQyMSAxMC40ODQ0IDIuNTYxNTggMTAuNDg0NCAzLjQ3NDg3QzEwLjQ4NDQgNC4wNDEwNCAxMC45NDMzIDQuNSAxMS41MDk1IDQuNUMxMi40MjI4IDQuNSAxMi44ODAyIDMuMzk1NzkgMTIuMjM0NCAyLjc1WiIvPjxwYXRoIGQ9Ik0xMS40ODQ0IDUuNUMxMC4zNzk4IDUuNSA5LjQ4NDM4IDQuNjA0NTcgOS40ODQzOCAzLjVWMi41QzkuNDg0MzggMS4zOTU0MyA4LjU4ODk0IDAuNSA3LjQ4NDM4IDAuNUgwLjk4NDM3NUMwLjg1MTc2NyAwLjUgMC43MjQ1OSAwLjU1MjY3OCAwLjYzMDgyMiAwLjY0NjQ0N0MwLjUzNzA1MyAwLjc0MDIxNSAwLjQ4NDM3NSAwLjg2NzM5MiAwLjQ4NDM3NSAxVjE2QzAuNDg0Mzc1IDE2LjEzMjYgMC41MzcwNTMgMTYuMjU5OCAwLjYzMDgyMiAxNi4zNTM2QzAuNzI0NTkgMTYuNDQ3MyAwLjg1MTc2NyAxNi41IDAuOTg0Mzc1IDE2LjVIMTMuOTg0NEMxNC4xMTcgMTYuNSAxNC4yNDQyIDE2LjQ0NzMgMTQuMzM3OSAxNi4zNTM2QzE0LjQzMTcgMTYuMjU5OCAxNC40ODQ0IDE2LjEzMjYgMTQuNDg0NCAxNlY3LjVDMTQuNDg0NCA2LjM5NTQzIDEzLjU4ODkgNS41IDEyLjQ4NDQgNS41SDExLjQ4NDRaTTMuNzM0MzggNC41SDcuMjM0MzhDNy4zMDA2OCA0LjUgNy4zNjQyNyA0LjUyNjM0IDcuNDExMTUgNC41NzMyMkM3LjQ1ODA0IDQuNjIwMTEgNy40ODQzOCA0LjY4MzcgNy40ODQzOCA0Ljc1VjUuMjVDNy40ODQzOCA1LjMxNjMgNy40NTgwNCA1LjM3OTg5IDcuNDExMTUgNS40MjY3OEM3LjM2NDI3IDUuNDczNjYgNy4zMDA2OCA1LjUgNy4yMzQzOCA1LjVIMy43MzQzOEMzLjY2ODA3IDUuNSAzLjYwNDQ4IDUuNDczNjYgMy41NTc2IDUuNDI2NzhDMy41MTA3MSA1LjM3OTg5IDMuNDg0MzggNS4zMTYzIDMuNDg0MzggNS4yNVY0Ljc1QzMuNDg0MzggNC42ODM3IDMuNTEwNzEgNC42MjAxMSAzLjU1NzYgNC41NzMyMkMzLjYwNDQ4IDQuNTI2MzQgMy42NjgwNyA0LjUgMy43MzQzOCA0LjVaTTExLjIzNDQgMTIuNUgzLjczNDM4QzMuNjY4MDcgMTIuNSAzLjYwNDQ4IDEyLjQ3MzcgMy41NTc2IDEyLjQyNjhDMy41MTA3MSAxMi4zNzk5IDMuNDg0MzggMTIuMzE2MyAzLjQ4NDM4IDEyLjI1VjExLjc1QzMuNDg0MzggMTEuNjgzNyAzLjUxMDcxIDExLjYyMDEgMy41NTc2IDExLjU3MzJDMy42MDQ0OCAxMS41MjYzIDMuNjY4MDcgMTEuNSAzLjczNDM4IDExLjVIMTEuMjM0NEMxMS4zMDA3IDExLjUgMTEuMzY0MyAxMS41MjYzIDExLjQxMTIgMTEuNTczMkMxMS40NTggMTEuNjIwMSAxMS40ODQ0IDExLjY4MzcgMTEuNDg0NCAxMS43NVYxMi4yNUMxMS40ODQ0IDEyLjMxNjMgMTEuNDU4IDEyLjM3OTkgMTEuNDExMiAxMi40MjY4QzExLjM2NDMgMTIuNDczNyAxMS4zMDA3IDEyLjUgMTEuMjM0NCAxMi41Wk0xMS4yMzQ0IDlIMy43MzQzOEMzLjY2ODA3IDkgMy42MDQ0OCA4Ljk3MzY2IDMuNTU3NiA4LjkyNjc4QzMuNTEwNzEgOC44Nzk4OSAzLjQ4NDM4IDguODE2MyAzLjQ4NDM4IDguNzVWOC4yNUMzLjQ4NDM4IDguMTgzNyAzLjUxMDcxIDguMTIwMTEgMy41NTc2IDguMDczMjJDMy42MDQ0OCA4LjAyNjM0IDMuNjY4MDcgOCAzLjczNDM4IDhIMTEuMjM0NEMxMS4zMDA3IDggMTEuMzY0MyA4LjAyNjM0IDExLjQxMTIgOC4wNzMyMkMxMS40NTggOC4xMjAxMSAxMS40ODQ0IDguMTgzNyAxMS40ODQ0IDguMjVWOC43NUMxMS40ODQ0IDguODE2MyAxMS40NTggOC44Nzk4OSAxMS40MTEyIDguOTI2NzhDMTEuMzY0MyA4Ljk3MzY2IDExLjMwMDcgOSAxMS4yMzQ0IDlaIi8+PC9zdmc+";
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNzUgNS43MzgyOEMzLjc1IDQuNDk1NjQgNC43NTczNiAzLjQ4ODI4IDYgMy40ODgyOEgxMy4zNzVWNS43MzgyOEMxMy4zNzUgNy44MDkzNSAxNS4wNTM5IDkuNDg4MjggMTcuMTI1IDkuNDg4MjhIMjAuMjVWMTkuNzM4M0MyMC4yNSAyMC45ODA5IDE5LjI0MjYgMjEuOTg4MyAxOCAyMS45ODgzSDZDNC43NTczNiAyMS45ODgzIDMuNzUgMjAuOTgwOSAzLjc1IDE5LjczODNWNS43MzgyOFpNMTkgNy45ODgyOEwxNC44NzUgNC4zODgyOFY1LjczODI4QzE0Ljg3NSA2Ljk4MDkyIDE1Ljg4MjQgNy45ODgyOCAxNy4xMjUgNy45ODgyOEgxOVpNNiAxLjk4ODI4QzMuOTI4OTMgMS45ODgyOCAyLjI1IDMuNjY3MjEgMi4yNSA1LjczODI4VjE5LjczODNDMi4yNSAyMS44MDkzIDMuOTI4OTMgMjMuNDg4MyA2IDIzLjQ4ODNIMThDMjAuMDcxMSAyMy40ODgzIDIxLjc1IDIxLjgwOTMgMjEuNzUgMTkuNzM4M1Y4LjM5NzM3TDE0LjQwNjIgMS45ODgyOEg2Wk02IDE4LjQ4ODNMMTggMTguNDg4M1YxNi45ODgzTDYgMTYuOTg4M0w2IDE4LjQ4ODNaTTE4IDE0LjIzODNMNiAxNC4yMzgzTDYgMTIuNzM4M0wxOCAxMi43MzgzVjE0LjIzODNaTTYgMTAuMjM4M0gxMVY4LjczODI4TDYgOC43MzgyOEw2IDEwLjIzODNaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/header-flows.ts

@@ -2,4 +2,4 @@
  * Do not edit directly
  */
 
-export default "PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHRpdGxlPkZsb3cgRmlsZTwvdGl0bGU+PHBhdGggZD0iTTE0LjUsOS41MXYtNGgtNFY3SDVWNC41SDYuNVYuNWgtNHY0SDRWMTRIMTAuNVYxNS41aDR2LTRoLTRWMTNINVY4SDEwLjV2MS41Wm0tMTEtOGgydjJoLTJabTgsMTFoMnYyaC0yWm0wLTZoMnYyaC0yWiIvPjwvc3ZnPg==";
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMTgxNDdfNjEzNzEpIj48cGF0aCBkPSJNNy4wNzkzNSAxOS44MzAxTDE5LjA3OTMgMTkuODMwMUwxOS4wNzkzIDIzLjU4MDFMMjMuNTc5MyAxOS4wODAxTDE5LjA3OTMgMTQuNTgwMUwxOS4wNzkzIDE4LjMzMDFMNy41NzkzNSAxOC4zMzAxTDcuMDc5MzUgMTkuODMwMVoiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTcuMDc5NTkgOC4zMDc2MkwxOS4wNzk2IDguMzA3NjJMMTkuMDc5NiAxMi4wNTc2TDIzLjU3OTYgNy41NTc2MkwxOS4wNzk2IDMuMDU3NjJMMTkuMDc5NiA2LjgwNzYyTDcuNTc5NTkgNi44MDc2Mkw3LjA3OTU5IDguMzA3NjJaIiBmaWxsPSJibGFjayIvPjxyZWN0IHg9IjQuNSIgeT0iNC41IiB3aWR0aD0iNC4yMDcxNCIgaGVpZ2h0PSI0LjIwNzE0IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA0LjUgNC41KSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cmVjdCB4PSI0LjUiIHk9IjE2IiB3aWR0aD0iNC4yMDcxNCIgaGVpZ2h0PSI0LjIwNzE0IiB0cmFuc2Zvcm09InJvdGF0ZSg0NSA0LjUgMTYpIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEuNSIvPjxwYXRoIGQ9Ik00LjUgMTBWMTYuNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48cGF0aCBkPSJNNC41IDBWNSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjUiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF8xODE0N182MTM3MSI+PHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/if.ts

@@ -2,4 +2,4 @@
  * Do not edit directly
  */
 
-export default "PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHRpdGxlPklmPC90aXRsZT48cGF0aCBkPSJNMTMuNSwxM1Y5Ljk0QTIuNDQsMi40NCwwLDAsMCwxMS4wNiw3LjVIMy41di0zSDVWLjVIMXY0SDIuNVYxM0gxbDIsMiwyLTJIMy41VjguNWg3LjU2QTEuNDQsMS40NCwwLDAsMSwxMi41LDkuOTRWMTNIMTFsMiwyLDItMlpNMiwxLjVINHYySDJaIi8+PC9zdmc+";
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyIDEuNjc3NzNMMTIuNTMwMyAyLjIwODA2TDE1LjUzMDQgNS4yMDgxTDE2LjA2MDcgNS43Mzg0M0wxNS41MzA0IDYuMjY4NzZMMTIuNzUgOS4wNDkxMlYxMi4wOTU3SDE3QzE5LjA3MTEgMTIuMDk1NyAyMC43NSAxMy43NzQ2IDIwLjc1IDE1Ljg0NTdWMTkuMzk3NkgyNEwyMCAyMy4zOTc2TDE2IDE5LjM5NzZIMTkuMjVWMTUuODQ1N0MxOS4yNSAxNC42MDMgMTguMjQyNiAxMy41OTU3IDE3IDEzLjU5NTdIMTJIN0M1Ljc1NzM2IDEzLjU5NTcgNC43NSAxNC42MDMgNC43NSAxNS44NDU3VjE5LjM5NzZIOEw0IDIzLjM5NzZMMCAxOS4zOTc2SDMuMjVWMTUuODQ1N0MzLjI1IDEzLjc3NDYgNC45Mjg5MyAxMi4wOTU3IDcgMTIuMDk1N0gxMS4yNVY5LjA0OTEyTDguNDY5NjQgNi4yNjg3Nkw3LjkzOTMgNS43Mzg0M0w4LjQ2OTY0IDUuMjA4MUwxMS40Njk3IDIuMjA4MDZMMTIgMS42Nzc3M1pNMTIgMy43OTkwNUwxMC4wNjA2IDUuNzM4NDNMMTIgNy42Nzc4TDEzLjkzOTQgNS43Mzg0M0wxMiAzLjc5OTA1WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";

package/src/nile-icon/icons/svg/index.ts

@@ -83,6 +83,7 @@ export { default as datatypevariable } from './data-type-variable';
 export { default as database } from './database';
 export { default as databaseview } from './databaseview';
 export { default as default1 } from './default-1';
+export { default as defaultcursor } from './default-cursor';
 export { default as default } from './default';
 export { default as delegate } from './delegate';
 export { default as delete } from './delete';

package/src/nile-icon/icons/svg/log-info.ts

@@ -2,4 +2,4 @@
  * Do not edit directly
  */
 
-export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC45NzAyIDguMjEwOTRMNC45NTAyIDEyLjAyMDlMOC45NzAyIDE1Ljg0NTlMOS45MDAyIDE0Ljk0NTlMNi44MjUyIDEyLjAyMDlMOS45MDAyIDkuMDk1OTRMOC45NzAyIDguMjEwOTRaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik0xNC4zMDk5IDguMjEwOTRMMTMuMzc5OSA5LjA5NTk0TDE2LjQ1NDkgMTIuMDIwOUwxMy4zNzk5IDE0Ljk0NTlMMTQuMzA5OSAxNS44NDU5TDE4LjMxNDkgMTIuMDIwOUwxNC4zMDk5IDguMjEwOTRaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik0xMS42Mzk2IDEuNTIzNDRDNS44NDk2NSAxLjUyMzQ0IDEuMTM5NjUgNi4yMzM0NCAxLjEzOTY1IDEyLjAyMzRDMS4xMzk2NSAxNy44MTM0IDUuODQ5NjUgMjIuNTIzNCAxMS42Mzk2IDIyLjUyMzRDMTcuNDI5NiAyMi41MjM0IDIyLjEzOTYgMTcuODEzNCAyMi4xMzk2IDEyLjAyMzRDMjIuMTM5NiA2LjIzMzQ0IDE3LjQyOTYgMS41MjM0NCAxMS42Mzk2IDEuNTIzNDRaTTExLjYzOTYgMjEuMDIzNEM2LjY3NDY1IDIxLjAyMzQgMi42Mzk2NSAxNi45ODg0IDIuNjM5NjUgMTIuMDIzNEMyLjYzOTY1IDcuMDU4NDQgNi42NzQ2NSAzLjAyMzQ0IDExLjYzOTYgMy4wMjM0NEMxNi42MDQ2IDMuMDIzNDQgMjAuNjM5NiA3LjA1ODQ0IDIwLjYzOTYgMTIuMDIzNEMyMC42Mzk2IDE2Ljk4ODQgMTYuNjA0NiAyMS4wMjM0IDExLjYzOTYgMjEuMDIzNFoiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNzUgNS43MzgyOEMzLjc1IDQuNDk1NjQgNC43NTczNiAzLjQ4ODI4IDYgMy40ODgyOEgxMy4zNzVWNS43MzgyOEMxMy4zNzUgNy44MDkzNSAxNS4wNTM5IDkuNDg4MjggMTcuMTI1IDkuNDg4MjhIMjAuMjVWMTkuNzM4M0MyMC4yNSAyMC45ODA5IDE5LjI0MjYgMjEuOTg4MyAxOCAyMS45ODgzSDZDNC43NTczNiAyMS45ODgzIDMuNzUgMjAuOTgwOSAzLjc1IDE5LjczODNWNS43MzgyOFpNMTkgNy45ODgyOEwxNC44NzUgNC4zODgyOFY1LjczODI4QzE0Ljg3NSA2Ljk4MDkyIDE1Ljg4MjQgNy45ODgyOCAxNy4xMjUgNy45ODgyOEgxOVpNNiAxLjk4ODI4QzMuOTI4OTMgMS45ODgyOCAyLjI1IDMuNjY3MjEgMi4yNSA1LjczODI4VjE5LjczODNDMi4yNSAyMS44MDkzIDMuOTI4OTMgMjMuNDg4MyA2IDIzLjQ4ODNIMThDMjAuMDcxMSAyMy40ODgzIDIxLjc1IDIxLjgwOTMgMjEuNzUgMTkuNzM4M1Y4LjM5NzM3TDE0LjQwNjIgMS45ODgyOEg2Wk02LjU1MDIzIDcuMzM4MzFMOS44MTAwMyA5Ljc4MzE1TDYuNTA2MzUgMTIuNjczOUw3LjQ5NDEgMTMuODAyN0wxMi4xOTA0IDkuNjkzNDZMNy40NTAyMyA2LjEzODMxTDYuNTUwMjMgNy4zMzgzMVpNMTggMTQuNDg4M0wxMiAxNC40ODgzVjEyLjk4ODNMMTggMTIuOTg4M1YxNC40ODgzWk02IDE2Ljk4ODNMNiAxOC40ODgzTDE4IDE4LjQ4ODNWMTYuOTg4M0w2IDE2Ljk4ODNaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/log.ts

@@ -2,4 +2,4 @@
  * Do not edit directly
  */
 
-export default "PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBvbHlnb24gcG9pbnRzPSIxMS40IDUuNiAxMC42IDYuNCAxMi4zIDggMTAuNiA5LjYgMTEuNCAxMC40IDEzLjcgOCAxMS40IDUuNiIvPjxwb2x5Z29uIHBvaW50cz0iNC42IDUuNiAyLjMgOCA0LjYgMTAuNCA1LjQgOS42IDMuNyA4IDUuNCA2LjQgNC42IDUuNiIvPjxwYXRoIGQ9Ik04LC41QTcuNSw3LjUsMCwxLDAsMTUuNSw4LDcuNSw3LjUsMCwwLDAsOCwuNVptMCwxNEE2LjUsNi41LDAsMSwxLDE0LjUsOCw2LjUsNi41LDAsMCwxLDgsMTQuNVoiLz48cmVjdCB4PSI0LjYiIHk9IjcuNSIgd2lkdGg9IjYuNyIgaGVpZ2h0PSIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMi43IDExLjYpIHJvdGF0ZSgtNjMuNCkiLz48L3N2Zz4=";
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC45NzAyIDguMjEwOTRMNC45NTAyIDEyLjAyMDlMOC45NzAyIDE1Ljg0NTlMOS45MDAyIDE0Ljk0NTlMNi44MjUyIDEyLjAyMDlMOS45MDAyIDkuMDk1OTRMOC45NzAyIDguMjEwOTRaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik0xNC4zMDk5IDguMjEwOTRMMTMuMzc5OSA5LjA5NTk0TDE2LjQ1NDkgMTIuMDIwOUwxMy4zNzk5IDE0Ljk0NTlMMTQuMzA5OSAxNS44NDU5TDE4LjMxNDkgMTIuMDIwOUwxNC4zMDk5IDguMjEwOTRaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik0xMS42Mzk2IDEuNTIzNDRDNS44NDk2NSAxLjUyMzQ0IDEuMTM5NjUgNi4yMzM0NCAxLjEzOTY1IDEyLjAyMzRDMS4xMzk2NSAxNy44MTM0IDUuODQ5NjUgMjIuNTIzNCAxMS42Mzk2IDIyLjUyMzRDMTcuNDI5NiAyMi41MjM0IDIyLjEzOTYgMTcuODEzNCAyMi4xMzk2IDEyLjAyMzRDMjIuMTM5NiA2LjIzMzQ0IDE3LjQyOTYgMS41MjM0NCAxMS42Mzk2IDEuNTIzNDRaTTExLjYzOTYgMjEuMDIzNEM2LjY3NDY1IDIxLjAyMzQgMi42Mzk2NSAxNi45ODg0IDIuNjM5NjUgMTIuMDIzNEMyLjYzOTY1IDcuMDU4NDQgNi42NzQ2NSAzLjAyMzQ0IDExLjYzOTYgMy4wMjM0NEMxNi42MDQ2IDMuMDIzNDQgMjAuNjM5NiA3LjA1ODQ0IDIwLjYzOTYgMTIuMDIzNEMyMC42Mzk2IDE2Ljk4ODQgMTYuNjA0NiAyMS4wMjM0IDExLjYzOTYgMjEuMDIzNFoiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";

package/src/nile-icon/icons/svg/orchestration.ts

@@ -2,4 +2,4 @@
  * Do not edit directly
  */
 
-export default "PHN2ZyB2aWV3Qm94PSIwIDAgMTYgMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjUgNy41SDAuNVYwLjVINy41VjcuNVpNNi41IDEuNUgxLjVWNi41SDYuNVYxLjVaTTguNSAxNS41VjguNUgxNS41VjE1LjVIOC41Wk05LjUgMTQuNUgxNC41VjkuNUg5LjVWMTQuNVpNOS4zNTAwMyAzLjY1TDguNjUwMDIgNC4zNUwxMiA3LjcxTDE1LjM1IDQuMzVMMTQuNjUgMy42NUwxMi41IDUuNzlWMS41SDkuMDAwMDJWMi41SDExLjVWNS43OUw5LjM1MDAzIDMuNjVaTTcuMzUwMDIgMTEuNjVMNi42NTAwMiAxMi4zNUw0LjUwMDAyIDEwLjIxVjEzLjVINy4wMDAwMlYxNC41SDMuNTAwMDJWMTAuMjFMMS4zNTAwMiAxMi4zNUwwLjY1MDAyNCAxMS42NUw0LjAwMDAyIDguMjlMNy4zNTAwMiAxMS42NVoiLz48L3N2Zz4=";
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjI1IDExLjk4ODNIMC43NVYxLjQ4ODI4SDExLjI1VjExLjk4ODNaTTkuNzUgMi45ODgyOEgyLjI1VjEwLjQ4ODNIOS43NVYyLjk4ODI4Wk0yMy4yNSAyMy45ODgzSDEyLjc1VjEzLjQ4ODNIMjMuMjVWMjMuOTg4M1pNMTQuMjUgMjIuNDg4M0gyMS43NVYxNC45ODgzSDE0LjI1VjIyLjQ4ODNaTTE0IDQuNDg4MjhIMTZDMTcuMjQyNiA0LjQ4ODI4IDE4LjI1IDUuNDk1NjQgMTguMjUgNi43MzgyOFY3LjczODI4SDE1TDE5IDExLjczODNMMjMgNy43MzgyOEgxOS43NVY2LjczODI4QzE5Ljc1IDQuNjY3MjEgMTguMDcxMSAyLjk4ODI4IDE2IDIuOTg4MjhIMTRWNC40ODgyOFpNNS43NSAxOC43MzgzQzUuNzUgMTkuOTgwOSA2Ljc1NzM2IDIwLjk4ODMgOCAyMC45ODgzSDEwVjIyLjQ4ODNIOEM1LjkyODkzIDIyLjQ4ODMgNC4yNSAyMC44MDkzIDQuMjUgMTguNzM4M1YxNy43MzgzSDFMNSAxMy43MzgzTDkgMTcuNzM4M0g1Ljc1VjE4LjczODNaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/while.ts

@@ -2,4 +2,4 @@
  * Do not edit directly
  */
 
-export default "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJhIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEwLjQ0LDNMOCwuNTZsLTIuOTQsMi45NCwyLjk0LDIuOTQsMi40NC0yLjQ0aDIuNTZWMTRIMy41di02aDIuNWwtMy0zTDAsOEgyLjV2N0gxNFYzaC0zLjU2Wm0tMi40NCwyLjAzbC0xLjUzLTEuNTMsMS41My0xLjUzLDEuNTMsMS41My0xLjUzLDEuNTNaIi8+PC9zdmc+";
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjUgMi4yODAyN0wxNy4zMTA3IDYuMDkwOTRIMTlDMjEuMDcxMSA2LjA5MDk0IDIyLjc1IDcuNzY5ODcgMjIuNzUgOS44NDA5NFYxOS44NDA5QzIyLjc1IDIxLjkxMiAyMS4wNzExIDIzLjU5MDkgMTkgMjMuNTkwOUg5QzYuOTI4OTMgMjMuNTkwOSA1LjI1IDIxLjkxMiA1LjI1IDE5Ljg0MDlWMTMuMzQwOUgxLjVMNiA4Ljg0MDk0TDEwLjUgMTMuMzQwOUg2Ljc1VjE5Ljg0MDlDNi43NSAyMS4wODM2IDcuNzU3MzYgMjIuMDkwOSA5IDIyLjA5MDlIMTlDMjAuMjQyNiAyMi4wOTA5IDIxLjI1IDIxLjA4MzYgMjEuMjUgMTkuODQwOVY5Ljg0MDk0QzIxLjI1IDguNTk4MyAyMC4yNDI2IDcuNTkwOTQgMTkgNy41OTA5NEgxNy4zNjA5TDEzLjUgMTEuNDUxOUw4LjkxNDE5IDYuODY2MDhMMTMuNSAyLjI4MDI3Wk0xMy41IDQuNDAxNTlMMTEuMDM1NSA2Ljg2NjA4TDEzLjUgOS4zMzA1N0wxNS45NjQ1IDYuODY2MDhMMTMuNSA0LjQwMTU5WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";

package/src/nile-icon/icons/svg/whileloop.ts

@@ -2,4 +2,4 @@
  * Do not edit directly
  */
 
-export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjUgMjMuNDAxNEw2LjY4OTMzIDE5LjU5MDdMNSAxOS41OTA3QzIuOTI4OTMgMTkuNTkwNyAxLjI1IDE3LjkxMTggMS4yNSAxNS44NDA3TDEuMjUgNS44NDA3QzEuMjUgMy43Njk2MyAyLjkyODkzIDIuMDkwNyA1IDIuMDkwN0wxNSAyLjA5MDdDMTcuMDcxMSAyLjA5MDcgMTguNzUgMy43Njk2MyAxOC43NSA1Ljg0MDdMMTguNzUgMTIuMzQwN0wyMi41IDEyLjM0MDdMMTggMTYuODQwN0wxMy41IDEyLjM0MDdMMTcuMjUgMTIuMzQwN0wxNy4yNSA1Ljg0MDdDMTcuMjUgNC41OTgwNiAxNi4yNDI2IDMuNTkwNyAxNSAzLjU5MDdMNSAzLjU5MDdDMy43NTczNiAzLjU5MDcgMi43NSA0LjU5ODA2IDIuNzUgNS44NDA3TDIuNzUgMTUuODQwN0MyLjc1IDE3LjA4MzMgMy43NTczNiAxOC4wOTA3IDUgMTguMDkwN0w2LjYzOTA2IDE4LjA5MDdMMTAuNSAxNC4yMjk4TDE1LjA4NTggMTguODE1NkwxMC41IDIzLjQwMTRaTTEwLjUgMjEuMjhMMTIuOTY0NSAxOC44MTU2TDEwLjUgMTYuMzUxMUw4LjAzNTUxIDE4LjgxNTZMMTAuNSAyMS4yOFoiIGZpbGw9ImJsYWNrIi8+PC9zdmc+";
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjUgMi4yODAyN0wxNy4zMTA3IDYuMDkwOTRIMTlDMjEuMDcxMSA2LjA5MDk0IDIyLjc1IDcuNzY5ODcgMjIuNzUgOS44NDA5NFYxOS44NDA5QzIyLjc1IDIxLjkxMiAyMS4wNzExIDIzLjU5MDkgMTkgMjMuNTkwOUg5QzYuOTI4OTMgMjMuNTkwOSA1LjI1IDIxLjkxMiA1LjI1IDE5Ljg0MDlWMTMuMzQwOUgxLjVMNiA4Ljg0MDk0TDEwLjUgMTMuMzQwOUg2Ljc1VjE5Ljg0MDlDNi43NSAyMS4wODM2IDcuNzU3MzYgMjIuMDkwOSA5IDIyLjA5MDlIMTlDMjAuMjQyNiAyMi4wOTA5IDIxLjI1IDIxLjA4MzYgMjEuMjUgMTkuODQwOVY5Ljg0MDk0QzIxLjI1IDguNTk4MyAyMC4yNDI2IDcuNTkwOTQgMTkgNy41OTA5NEgxNy4zNjA5TDEzLjUgMTEuNDUxOUw4LjkxNDE5IDYuODY2MDhMMTMuNSAyLjI4MDI3Wk0xMy41IDQuNDAxNTlMMTEuMDM1NSA2Ljg2NjA4TDEzLjUgOS4zMzA1N0wxNS45NjQ1IDYuODY2MDhMMTMuNSA0LjQwMTU5WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";

package/src/nile-icon/icons/svg/workflow.ts

@@ -2,4 +2,4 @@
  * Do not edit directly
  */
 
-export default "PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzLjUsMTAuNXYtM2gtNXYtMmgzVi41aC03djVoM3YyaC01djNILjV2NWg2di01aC0zdi0yaDl2MmgtM3Y1aDZ2LTVabS04LTloNXYzaC01Wm0wLDEzaC00di0zaDRabTksMGgtNHYtM2g0WiIvPjwvc3ZnPg==";
+export default "PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIuNzUgNS43MzgyOEMyLjc1IDQuNDk1NjQgMy43NTczNiAzLjQ4ODI4IDUgMy40ODgyOEM2LjI0MjY0IDMuNDg4MjggNy4yNSA0LjQ5NTY0IDcuMjUgNS43MzgyOEM3LjI1IDYuOTgwOTIgNi4yNDI2NCA3Ljk4ODI4IDUgNy45ODgyOEMzLjc1NzM2IDcuOTg4MjggMi43NSA2Ljk4MDkyIDIuNzUgNS43MzgyOFpNNSAxLjk4ODI4QzIuOTI4OTMgMS45ODgyOCAxLjI1IDMuNjY3MjEgMS4yNSA1LjczODI4QzEuMjUgNy41NTI1IDIuNTM4MzIgOS4wNjU4MSA0LjI1IDkuNDEzMjdWMTYuOTg4M0gxLjI1VjIzLjQ4ODNIOC43NVYxNi45ODgzSDUuNzVWMTIuNTk1NEgxNkMxNy4yNDI2IDEyLjU5NTQgMTguMjUgMTMuNjAyOCAxOC4yNSAxNC44NDU0VjE2Ljk4ODNIMTUuMjVWMjMuNDg4M0gyMi43NVYxNi45ODgzSDE5Ljc1VjE0Ljg0NTRDMTkuNzUgMTIuNzc0NCAxOC4wNzExIDExLjA5NTQgMTYgMTEuMDk1NEg1Ljc1VjkuNDEzMjdDNy40NjE2OCA5LjA2NTgxIDguNzUgNy41NTI1IDguNzUgNS43MzgyOEM4Ljc1IDMuNjY3MjEgNy4wNzEwNyAxLjk4ODI4IDUgMS45ODgyOFpNMi43NSAxOC40ODgzVjIxLjk4ODNINy4yNVYxOC40ODgzSDIuNzVaTTE2Ljc1IDIxLjk4ODNWMTguNDg4M0gyMS4yNVYyMS45ODgzSDE2Ljc1WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";

package/src/nile-switcher/nile-switcher.ts

@@ -32,6 +32,7 @@ export interface switchconfig {
   [key: string]: any;
   toggleSwitch: boolean;
   disable?: boolean;
+  confirmation?: boolean;
   defaultInput: switchInputType;
   switchInput: switchInputType;
 }
@@ -46,7 +47,8 @@ export interface switchInputType {
     | INPUT_TYPE_NAMES.CONTENTEDITOR;
   value?: String | boolean;
   label?: String;
-  type: string;
+  readonly?: boolean;
+  type?: string;
   placeholder?: string;
   disabled?: boolean;
   required?: boolean;
@@ -183,11 +185,13 @@ export class NileSwitcher extends NileElement {
       inputType: inputTypeName,
       errorMessage,
       type,
+      readonly,
     } = Input;
     return html`<nile-content-editor
        .value=${value}
        .options=${options}
        .type =${type}
+       .readonly=${readonly}
        .errorMessage=${errorMessage}
        @nile-change=${(e: CustomEvent) => {
          this.handleChange(e, inputType, inputTypeName);
@@ -216,7 +220,7 @@ export class NileSwitcher extends NileElement {
       size="14"
       class=${classMap({
         'pointer-cursor': true,
-        'flex-start': icon === 'stringinput',
+        'flex-start': true,
       })}
       .name=${icon}
       color="#005EA6"
@@ -225,10 +229,12 @@ export class NileSwitcher extends NileElement {
   }
 
   toggleField() {
-    this.nileSwitchConfig = {
-      ...this.nileSwitchConfig,
-      toggleSwitch: !this.nileSwitchConfig.toggleSwitch,
-    };
+    if (!this.nileSwitchConfig.confirmation) {
+      this.nileSwitchConfig = {
+        ...this.nileSwitchConfig,
+        toggleSwitch: !this.nileSwitchConfig.toggleSwitch,
+      };
+    }
     this.emit('nile-switch', { config: this.nileSwitchConfig });
   }