@aquera/nile-elements 0.1.38 → 0.1.39-beta-1.1

package/src/nile-file-upload/utils/file-validation.util.ts

@@ -0,0 +1,163 @@
+import { DragHandler } from "./drag-drop.util";
+import { FileUploadState, FileUploadError, FileUploadEvent } from "../types";
+import { NileFileUpload } from "../nile-file-upload";
+
+// write a function to check for duplicatse in the files name it as areDuplicates
+export const areDuplicates = (files: File[], uploadedFiles: File[]): boolean => {
+  return files.some(file =>
+    uploadedFiles.some(existing =>
+      file.name === existing.name &&
+      file.size === existing.size &&
+      file.lastModified === existing.lastModified
+    )
+  );
+};
+
+// set up the drag handler
+export const setUpDragHandler = (
+  nileFileUpload: NileFileUpload,
+  dragHandler: DragHandler
+): void => {
+  dragHandler.onStateChange((newState: FileUploadState) => {
+    nileFileUpload.state = newState;
+  });
+
+  dragHandler.onFileDrop((files: File[]) => {
+    let { allowMultiple, uploadedFiles, errorMessage, requestUpdate } = nileFileUpload;
+
+    if (!allowMultiple) {
+      const total = uploadedFiles.length + files.length;
+      if (total > 1) {
+        errorMessage = FileUploadError.MULTIPLE_NOT_ALLOWED;
+        requestUpdate();
+        return;
+      }
+    }
+
+    let newFiles = files;
+
+    if (!nileFileUpload.allowDuplicates) {
+      newFiles = files.filter(file =>
+        !nileFileUpload.uploadedFiles.some(
+          uploaded =>
+            uploaded.name === file.name &&
+            uploaded.size === file.size &&
+            uploaded.type === file.type
+        )
+      );
+
+      if (newFiles.length === 0) {
+        nileFileUpload.errorMessage = FileUploadError.DUPLICATES_NOT_ALLOWED;
+        nileFileUpload.requestUpdate();
+        return;
+      }
+    }
+
+    nileFileUpload.uploadedFiles = [...nileFileUpload.uploadedFiles, ...newFiles];
+    nileFileUpload.requestUpdate();
+  });
+
+  dragHandler.setErrorMessage((errorMessage: string) => {
+    nileFileUpload.errorMessage = errorMessage;
+  });
+};
+
+
+// global listenrers
+export const addGlobalListeners = (dragHandler: DragHandler): void => {
+  document.addEventListener('dragover', dragHandler.preventDragOver, { passive: false });
+  document.addEventListener('drop', dragHandler.preventDrop, { passive: false });
+}
+
+// for hover & dragging functionality
+export const addInternalListeners = (nileFileUpload: NileFileUpload, dragHandler: DragHandler, uploadRequests: any): void => {
+  nileFileUpload.addEventListener('mouseenter', (e) => handleHoverIn(nileFileUpload.setState, nileFileUpload.state));
+  nileFileUpload.addEventListener('mouseleave', (e) => handleHoverOut(nileFileUpload.setState, nileFileUpload.state));
+  nileFileUpload.addEventListener('dragenter', (e) => dragHandler.dragEnter(e));
+  nileFileUpload.addEventListener('dragleave', (e) => dragHandler.dragLeave(e));
+  nileFileUpload.addEventListener('dragover', (e) => dragHandler.dragOver(e));
+  nileFileUpload.addEventListener('drop', (e) => dragHandler.drop(e));  
+
+  cancelFileUpload(nileFileUpload, uploadRequests);
+}
+
+export function handleHoverIn(
+  setState: (state: FileUploadState) => void,
+  currentState: FileUploadState
+): void {
+  if (currentState === FileUploadState.DEFAULT) {
+    setState(FileUploadState.HOVER);
+  }
+}
+
+export function handleHoverOut(
+  setState: (state: FileUploadState) => void,
+  currentState: FileUploadState
+): void {
+  if (currentState === FileUploadState.HOVER) {
+    setState(FileUploadState.DEFAULT);
+  }
+}
+
+export function uploadFiles(nileFileUpload: NileFileUpload) {
+  const { uploadedFiles, fileUploadUrl, uploadRequests } = nileFileUpload;
+  if (!fileUploadUrl || !uploadedFiles?.length) return;
+
+  for (const file of uploadedFiles) {
+    const formData = new FormData();
+    formData.append('file', file);
+
+    const xhr = new XMLHttpRequest();
+    uploadRequests.set(file, xhr);
+
+    xhr.upload.onprogress = (e) => {
+      const percent = Math.floor((e.loaded / e.total) * 100);
+      nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_UPLOAD_PROGRESS, {
+        detail: { file, progress: percent }
+      }));
+    };
+
+    xhr.onload = () => {
+      uploadRequests.delete(file);
+      if (xhr.status === 201) {
+        // Remove the successfully uploaded file
+        nileFileUpload.uploadedFiles = nileFileUpload.uploadedFiles.filter(f => f !== file);
+
+        nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_UPLOAD_SUCCESS, {
+          detail: { file, response: xhr.response }
+        }));
+      } else {
+        nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.SERVER_SIDE_ERROR, {
+          detail: { file, status: xhr.status, response: xhr.response }
+        }));
+      }
+    };
+
+    xhr.onerror = () => {
+      uploadRequests.delete(file);
+      nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_NETWORK_ERROR, {
+        detail: { file, status: xhr.status, response: xhr.response }
+      }));
+    };
+
+    xhr.open('POST', fileUploadUrl);
+    xhr.send(formData);
+  }
+}
+
+export const cancelFileUpload = (nileFileUpload: NileFileUpload, uploadRequests: Map<File, XMLHttpRequest>) => {
+  document.addEventListener(FileUploadEvent.NILE_CANCEL_UPLOAD, (e: CustomEvent) => {
+    const fileToCancel = e.detail.file;
+    const xhr = uploadRequests.get(fileToCancel);
+
+    if (xhr) {
+      xhr.abort();
+    }
+    uploadRequests.delete(fileToCancel);
+    nileFileUpload.uploadedFiles = nileFileUpload.uploadedFiles.filter(file => file !== fileToCancel);
+
+    nileFileUpload.dispatchEvent(new CustomEvent(FileUploadEvent.NILE_UPLOAD_CANCELLED, {
+      detail: { file: fileToCancel }
+    }));
+  });
+};

package/src/nile-filter-chip/nile-filter-chip.css.ts

@@ -25,31 +25,31 @@ export const styles = css`
     align-items: center;
     height: 30px;
     padding: 8px;
-    border: 1px solid var(--nile-filter-chip-chip-border-color-stroke);
-    border-radius: 4px;
+    border: 1px solid var(--nile-filter-chip-chip-border-color-stroke, var(--ng-colors-border-primary));
+    border-radius: var(--nile-radius-sm, var(--ng-radius-md));
     font-size: 14px;
-    background-color: var(--nile-filter-chip-background-default);
-    color: var(--nile-filter-chip-text-default);
+    background-color: var(--nile-filter-chip-background-default, var(--ng-colors-bg-primary));
+    color: var(--nile-filter-chip-text-default, var(--ng-colors-text-secondary-700));
     transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
     cursor: pointer;
     box-sizing: border-box;
   }
 
   .chip:hover {
-    background-color: var(--nile-filter-chip-hover-background);
+    background-color: var(--nile-filter-chip-hover-background, var(--ng-colors-bg-primary-hover));
   }
  .chip:active {
-  background-color: var(--nile-filter-chip-active-background);
+  background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));
   border-color: var(--nile-filter-chip-active-border-color-stroke);
 }
 :host([active]) .chip {
-  background-color: var(--nile-filter-chip-active-background);
+  background-color: var(--nile-filter-chip-active-background, var(--ng-colors-bg-active));
   border-color: var(--nile-filter-chip-active-border-color-stroke);
 }
 
 
   .icon {
-    color: var(--nile-filter-chip-icon-color-default);
+    color: var(--nile-filter-chip-icon-color-default, var(--ng-colors-text-primary-900));
     display: flex;
     align-items: center;
     justify-content: center;
@@ -60,7 +60,7 @@ export const styles = css`
 
   .label {
     font-weight: 500;
-    color: var(--nile-filter-chip-label-color-default);
+    color: var(--nile-filter-chip-label-color-default, var(--ng-colors-text-primary-900));
   }
 
   nile-badge::part(base) {
@@ -91,7 +91,7 @@ export const styles = css`
 
 
  .value {
-  color: var(--nile-filter-chip-values-color-default);
+  color: var(--nile-filter-chip-values-color-default, var(--ng-colors-text-brand-secondary-700));
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -102,7 +102,7 @@ export const styles = css`
 
 
   .close-icon {
-    color: var(--nile-filter-chip-close-icon-color-default);
+    color: var(--nile-filter-chip-close-icon-color-default, var(--ng-componentcolors-utility-gray-400));
     cursor: pointer;
     display: flex;
     align-items: center;
@@ -111,8 +111,8 @@ export const styles = css`
   }
 
   .close-icon:hover {
-    background-color: var(--nile-filter-chip-close-icon-hover-background);
-    color: var(--nile-filter-chip-close-icon-hover-color);
+    background-color: var(--nile-filter-chip-close-icon-hover-background, var(--ng-colors-bg-primary-hover));
+    color: var(--nile-filter-chip-close-icon-hover-color, var(--ng-componentcolors-utility-gray-500));
   }
 
 .label-wrapper {

package/src/nile-form-error-message/nile-form-error-message.css.ts

@@ -17,19 +17,19 @@ export const styles = css`
   .nile-form-error-message {
     display: flex;
     align-items: center;
-    color: var(--nile-form-error-text-color);
-    font-family: var(--nile-font-family-serif);
-    font-size: var(--nile-form-error-text-font-size);
+    color: var(--nile-form-error-text-color, var(--ng-colors-text-error-primary-600));
+    font-family: var(--nile-font-family-serif,var(--ng-font-family-body));
+    font-size: var(--nile-form-error-text-font-size, var(--ng-font-size-text-sm));
     font-style: normal;
-    font-weight: 400;
-    line-height: 12px;
-    line-height: var(--nile-form-error-text-line-height);
+    font-weight: var(--nile-font-weight-regular, var(--ng-nile-font-weight-regular));
+    line-height: var(--nile-form-error-text-line-height,  var(--ng-line-height-text-md));
     letter-spacing: 0.2px;
-    margin-top: 6px;
+    margin-top: var(--nile-spacing-sm, var(--ng-spacing-sm));
   }
 
   .nile-form-error-message__icon {
-    margin-right: 6px;
+    display: var(--nile-display-inline-block, var(--ng-display-none));
+    margin-right: var(--nile-spacing-sm, var(--ng-spacing-none));
   }
 `;
 

package/src/nile-form-error-message/nile-form-error-message.ts

@@ -37,7 +37,7 @@ export class NileFormErrorMessage extends LitElement {
 	public render(): TemplateResult {
 		return html`
       <div class="nile-form-error-message">
-       <nile-icon name="info2" size="14" class="nile-form-error-message__icon" color="var(--nile-colors-red-700)"> </nile-icon> <slot> </slot>
+       <nile-icon name="info2" size="14" class="nile-form-error-message__icon" color="var(--nile-colors-red-700, var(--ng-colors-fg-error-secondary))"> </nile-icon> <slot> </slot>
         </div>
 			`;
 	}

package/src/nile-form-group/nile-form-group.css.ts

@@ -20,67 +20,71 @@ export const styles = css`
     flex-direction: column;
     min-width: var(--min-width);
     width: max-content;
-    box-shadow: 0px 2px 4px 0px rgba(119, 125, 130, 0.15);
-    border-radius: var(--nile-radius-base-standard);
-    border: 1px solid var(--nile-colors-neutral-400);
-    background: var(--nile-colors-white-base);
-    font-family: var(--nile-font-family-serif);
+    box-shadow: var(--nile-box-shadow-11, var(--ng-shadow-xs-skeuomorphic));
+    padding: var(--nile-spacing-3xl, var(--ng-spacing-3xl));
+    border-radius: var(--nile-radius-base-standard, var(--ng-radius-xl));
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
+    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
+    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
   }
 
   .form__header {
     width: 100%;
-    height: 82px;
     box-sizing: border-box;
-    padding: var(--nile-spacing-3-x);
     display: flex;
-    flex-direction: row;
     align-items: flex-start;
     justify-content: space-between;
-    gap: var(--nile-spacing-1-x);
-    border-radius: var(--nile-radius-base-standard)
-      var(--nile-radius-base-standard) 0 0;
-    background: var(--nile-colors-neutral-100);
+    gap: var(--nile-spacing-1-x, var(--ng-spacing-xl));
+    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));
+  }
+  
+  .form__divider {
+    width: 100%;
+  }
+
+  .form__divider::part(divider) {
+    width: 100%;
+    height: 1px;
+    margin-top: var(--nile-spacing-2xl, var(--ng-spacing-2xl));
+    margin-bottom: var(--nile-spacing-3xl, var(--ng-spacing-3xl));
   }
 
   .form__title-content {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-    gap: var(--nile-spacing-1-x);
+    gap: var(--nile-spacing-1-x, var(--ng-spacing-xxs));
     justify-content:centre;
   }
 
-
-
   .form__title {
     display: block;
-    color: var(--nile-colors-dark-900);
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
     font-feature-settings: 'clig' off, 'liga' off;
-    font-size: var(--nile-type-scale-4);
+    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-lg));
     font-style: normal;
-    font-weight: 500;
-    line-height: var(--nile-type-scale-4);
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-600));
+    line-height: var(--nile-type-scale-4, var(--ng-line-height-text-lg));
     letter-spacing: 0.2px;
   }
 
   .form__subtitle {
     display: block;
-    color: var(--nile-colors-dark-500);
+    color: var(--nile-colors-dark-500, var(--ng-colors-text-tertiary-600));
     font-feature-settings: 'clig' off, 'liga' off;
-    font-size: var(--nile-type-scale-2);
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));
     font-style: normal;
-    font-weight: var(--nile-font-weight-regular);
-    line-height: var(--nile-type-scale-2);
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
+    line-height: var(--nile-type-scale-2, var(--ng-line-height-text-sm));
     letter-spacing: 0.2px;
   }
 
   .form__body {
     width: 100%;
     box-sizing: border-box;
-    padding: var(--nile-spacing-3-x);
     display: flex;
     flex-direction: column;
-    gap: var(--nile-spacing-3-x);
+    gap: var(--nile-spacing-3-x, var(--ng-spacing-3xl));
   }
 `;
 export default [styles];

package/src/nile-form-group/nile-form-group.ts

@@ -49,7 +49,7 @@ export class NileFormGroup extends NileElement {
 
   public render(): TemplateResult {
     return html`
-      <div class="form__base">
+      <div part="base" class="form__base">
         ${this.title
           ? html` <div class="form__header">
               <div class="form__title-content">
@@ -63,8 +63,10 @@ export class NileFormGroup extends NileElement {
                   : ``}
               </div>
 
-              <slot name="action" class="form__action"> </slot>
-            </div>`
+              <slot name="action" class="form__action"></slot>
+            </div>
+            <nile-divider class="form__divider"></nile-divider>
+            `
           : ``}
         <div class="form__body">
           <slot></slot>

package/src/nile-form-help-text/nile-form-help-text.css.ts

@@ -13,19 +13,19 @@ import { css } from 'lit';
 export const styles = css`
   :host {
     width:100%;
-    color: var(--nile-form-help-text-color);
-    font-family: var(--nile-font-family-serif);
-    font-size: var(--nile-form-help-text-font-size);
+    color: var(--nile-form-help-text-color, var(--ng-colors-text-tertiary-600));
+    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
+    font-size: var(--nile-form-help-text-font-size, var(--ng-font-size-text-sm));
     font-style: normal;
-    line-height: var(--nile-form-help-text-line-height);
+    line-height: var(--nile-form-help-text-line-height, var(--ng-line-height-text-sm));
   }
 
   .nile-form-help-text {
     display:flex;
-    font-weight: 400;
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-400));
     letter-spacing: 0.2px;
-    margin-top: 6px;
-    margin-right: 4px;
+    margin-top: var(--nile-spacing-sm, var(--ng-spacing-sm));
+    margin-right: var(--nile-spacing-xs, var(--ng-spacing-xs));
     width: auto;
   }
 
@@ -36,8 +36,8 @@ export const styles = css`
 
   .nile-form-help-text__more-button {
     display: inline-flex;
-    gap: 4px;
-    color: var(--nile-colors-primary-600);
+    gap: var(--nile-spacing-xs,var(--ng-spacing-xs));
+    color: var(--nile-colors-primary-600, var(--ng-componentcolors-utility-brand-500));
     cursor: pointer;
     white-space: nowrap;
     align-items: center;
@@ -49,7 +49,7 @@ export const styles = css`
     white-space: nowrap;
     display:inline;
   }
-  
+
   .help__text__full--expanded{
     white-space: wrap;
   }

package/src/nile-hero/nile-hero.css.ts

@@ -47,14 +47,14 @@ export const styles = css`
 		aspect-ratio: 1 / 1;
 		place-items: center;
 		display: grid;
-		border-radius: 8px;
+		border-radius: var(--nile-radius-radius-xl);
 		border: 1px solid var(--nile-colors-neutral-400);
 		background: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);
 	}
 
 	.hero__slot__container {
 		height:var(--nile-hero-height);
-		padding-left: 48px;
+		padding-left: var(--nile-spacing-5xl);
 		display: flex;
 		align-items: center;
 		gap:var(--nile-spacing-spacing-xl);
@@ -86,4 +86,4 @@ export const styles = css`
 	}
 `;
 
-export default [styles];
+export default [styles];

package/src/nile-hero-header/nile-hero-header.css.ts

@@ -16,8 +16,8 @@ export const styles = css`
 		width:100%;
 		display: flex;
 		align-items: center;
-		padding:16px 48px;
-		gap: 16px;
+		padding:var(--nile-spacing-xl) var(--nile-spacing-5xl);
+		gap: var(--nile-spacing-xl);
 		border-bottom: 1px solid rgb(234, 236, 240);
 	}
 
@@ -26,7 +26,7 @@ export const styles = css`
 		aspect-ratio: 1 / 1;
 		place-items: center;
 		display: grid;
-		border-radius: 8px;
+		border-radius: var(--nile-radius-radius-xl);
 		border: 1px solid var(--nile-colors-neutral-400);
 		background: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);
 	}
@@ -40,4 +40,4 @@ export const styles = css`
 	}
 `;
 
-export default [styles];
+export default [styles];

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

@@ -265,6 +265,62 @@ export { default as moveright } from './moveright';
 export { default as mute } from './mute';
 export { default as myintegration } from './my-integration';
 export { default as newcalendar } from './new-calendar';
+export { default as ngactivity } from './ng-activity';
+export { default as ngaligncenter } from './ng-align-center';
+export { default as ngannotationx } from './ng-annotation-x';
+export { default as ngbell01 } from './ng-bell-01';
+export { default as ngbellringing04 } from './ng-bell-ringing-04';
+export { default as ngbold01 } from './ng-bold-01';
+export { default as ngcalendarplus02 } from './ng-calendar-plus-02';
+export { default as ngcalendar } from './ng-calendar';
+export { default as ngcheckcircle } from './ng-check-circle';
+export { default as ngchecksquarebroken } from './ng-check-square-broken';
+export { default as ngchevrondown } from './ng-chevron-down';
+export { default as ngchevronleft } from './ng-chevron-left';
+export { default as ngchevronright } from './ng-chevron-right';
+export { default as ngchevronselectorvertical } from './ng-chevron-selector-vertical';
+export { default as ngchevronupdouble } from './ng-chevron-up-double';
+export { default as ngchevronup } from './ng-chevron-up';
+export { default as ngcopy03 } from './ng-copy-03';
+export { default as ngdotsgrid } from './ng-dots-grid';
+export { default as ngdotsvertical } from './ng-dots-vertical';
+export { default as ngdownload01 } from './ng-download-01';
+export { default as ngdropdown } from './ng-dropdown';
+export { default as ngedit02 } from './ng-edit-02';
+export { default as ngedit05 } from './ng-edit-05';
+export { default as ngexpand06 } from './ng-expand-06';
+export { default as ngfilecheck02 } from './ng-file-check-02';
+export { default as ngfilequestion03 } from './ng-file-question-03';
+export { default as ngfilterlines } from './ng-filter-lines';
+export { default as nggrid01 } from './ng-grid-01';
+export { default as nghelpcircle } from './ng-help-circle';
+export { default as ngimageuserleft } from './ng-image-user-left';
+export { default as nginfocircle } from './ng-info-circle';
+export { default as ngitalic01 } from './ng-italic-01';
+export { default as nglist } from './ng-list';
+export { default as ngmail01 } from './ng-mail-01';
+export { default as ngmail04 } from './ng-mail-04';
+export { default as ngmenu05 } from './ng-menu-05';
+export { default as ngminimize02 } from './ng-minimize-02';
+export { default as ngplus } from './ng-plus';
+export { default as ngrocket02 } from './ng-rocket-02';
+export { default as ngsearchlg } from './ng-search-lg';
+export { default as ngsend01 } from './ng-send-01';
+export { default as ngsettings01 } from './ng-settings-01';
+export { default as ngshare06 } from './ng-share-06';
+export { default as ngstars02 } from './ng-stars-02';
+export { default as ngtrash01 } from './ng-trash-01';
+export { default as ngtrash03 } from './ng-trash-03';
+export { default as ngtrendup01 } from './ng-trend-up-01';
+export { default as ngunderline01 } from './ng-underline-01';
+export { default as ngupload01 } from './ng-upload-01';
+export { default as nguser01 } from './ng-user-01';
+export { default as ngusercheck021 } from './ng-user-check-02-1';
+export { default as ngusercheck02 } from './ng-user-check-02';
+export { default as nguserplus02 } from './ng-user-plus-02';
+export { default as nguserright01 } from './ng-user-right-01';
+export { default as ngxclose } from './ng-x-close';
+export { default as ngxsquare } from './ng-x-square';
 export { default as nightingalechart } from './nightingale-chart';
 export { default as nlp } from './nlp';
 export { default as nomatch } from './nomatch';

package/src/nile-icon/icons/svg/ng-activity.ts

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

package/src/nile-icon/icons/svg/ng-align-center.ts

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

package/src/nile-icon/icons/svg/ng-annotation-x.ts

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

package/src/nile-icon/icons/svg/ng-bell-01.ts

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

package/src/nile-icon/icons/svg/ng-bell-ringing-04.ts

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

package/src/nile-icon/icons/svg/ng-bold-01.ts

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

package/src/nile-icon/icons/svg/ng-calendar-plus-02.ts

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

package/src/nile-icon/icons/svg/ng-calendar.ts

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

package/src/nile-icon/icons/svg/ng-check-circle.ts

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

package/src/nile-icon/icons/svg/ng-check-square-broken.ts

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

package/src/nile-icon/icons/svg/ng-chevron-down.ts

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

package/src/nile-icon/icons/svg/ng-chevron-left.ts

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