@aquera/nile-elements 0.0.6-5 → 0.0.6-7

package/dist/src/nile-content-editor/nile-content-editor.css.js

@@ -0,0 +1,77 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit-element';
+/**
+ * AttributeExpression CSS
+ */
+export const styles = css `
+  :host {
+    width: 100%;
+    box-sizing: border-box;
+  }
+
+  .content-editable-wrapper {
+    position: relative;
+    width: 100%;
+    box-sizing: border-box;
+  }
+  .content-editable-input {
+    box-sizing: border-box;
+    width: 100%;
+    padding: 9px;
+    border: 1px solid #c7ced4;
+    border-radius: 4px;
+    overflow-x: auto;
+    overflow-anchor: none;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+    cursor: text;
+    white-space: nowrap;
+    background-color: #ffffff;
+    height: 38px;
+  }
+  .content-editable-input:focus {
+    outline: none;
+  }
+
+  .content-editable-input::-webkit-scrollbar {
+    display: none;
+  }
+
+  .chips {
+    background: #e5e9eb;
+    color: #000;
+    border-radius: 4px;
+    padding: 6px;
+    margin-left: 3px;
+    display: inline;
+    letter-spacing: 0.2px;
+  }
+
+  .nile-options-container {
+    box-sizing: border-box;
+    background-color: #ffffff;
+    border: 1px solid #c7ced4;
+    overflow: auto;
+  }
+
+  nile-popup::part(popup) {
+    top: 91px;
+  }
+
+  label {
+    display: inline-block;
+    margin-bottom: 6px;
+    font-family: 'colfax-medium';
+  }
+
+  .asterik {
+    color: #e5434d;
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-content-editor.css.js.map

package/dist/src/nile-content-editor/nile-content-editor.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-content-editor.css.js","sourceRoot":"","sources":["../../../src/nile-content-editor/nile-content-editor.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgExB,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-element';\n\n/**\n * AttributeExpression CSS\n */\nexport const styles = css`\n  :host {\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .content-editable-wrapper {\n    position: relative;\n    width: 100%;\n    box-sizing: border-box;\n  }\n  .content-editable-input {\n    box-sizing: border-box;\n    width: 100%;\n    padding: 9px;\n    border: 1px solid #c7ced4;\n    border-radius: 4px;\n    overflow-x: auto;\n    overflow-anchor: none;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    cursor: text;\n    white-space: nowrap;\n    background-color: #ffffff;\n    height: 38px;\n  }\n  .content-editable-input:focus {\n    outline: none;\n  }\n\n  .content-editable-input::-webkit-scrollbar {\n    display: none;\n  }\n\n  .chips {\n    background: #e5e9eb;\n    color: #000;\n    border-radius: 4px;\n    padding: 6px;\n    margin-left: 3px;\n    display: inline;\n    letter-spacing: 0.2px;\n  }\n\n  .nile-options-container {\n    box-sizing: border-box;\n    background-color: #ffffff;\n    border: 1px solid #c7ced4;\n    overflow: auto;\n  }\n\n  nile-popup::part(popup) {\n    top: 91px;\n  }\n\n  label {\n    display: inline-block;\n    margin-bottom: 6px;\n    font-family: 'colfax-medium';\n  }\n\n  .asterik {\n    color: #e5434d;\n  }\n`;\n\nexport default [styles];\n"]}

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

@@ -0,0 +1,50 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { TemplateResult } from 'lit-element';
+import { CSSResultGroup } from 'lit';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-attribute-expression
+ *
+ */
+export declare class NileContentEditor extends NileElement {
+    /**
+   * @summary Allows you to handle both input and dropdown selection
+  
+   * @dependency nile-option
+   
+   * @event nile-change - Emitted when the control's value changes.
+   */
+    value: string;
+    dropdownOptions: Array<any>;
+    showLabel: boolean;
+    labelText: string;
+    required: boolean;
+    input: HTMLInputElement;
+    private openDropdown;
+    helpText: string;
+    errorMessage: string;
+    static styles: CSSResultGroup;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    afterFirstRender(): Promise<boolean>;
+    private handleChange;
+    generateValuesFromHTMLTags(string: any): string;
+    generateHTMLTagsWithValues(string: any): string;
+    emitInputChange(): void;
+    handleOptions(option: any): void;
+    renderAutoOptions(): TemplateResult;
+    render(): TemplateResult;
+}
+export default NileContentEditor;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-content-editor': NileContentEditor;
+    }
+}

package/dist/src/nile-content-editor/nile-content-editor.js

@@ -0,0 +1,180 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __decorate } from "tslib";
+import { html, property } from 'lit-element';
+import { customElement, query, state } from 'lit/decorators.js';
+import { styles } from './nile-content-editor.css';
+import { classMap } from 'lit/directives/class-map.js';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-attribute-expression
+ *
+ */
+let NileContentEditor = class NileContentEditor extends NileElement {
+    constructor() {
+        /**
+       * @summary Allows you to handle both input and dropdown selection
+      
+       * @dependency nile-option
+       
+       * @event nile-change - Emitted when the control's value changes.
+       */
+        super(...arguments);
+        this.value = '';
+        this.showLabel = true;
+        this.labelText = '';
+        this.required = true;
+        this.openDropdown = false;
+        this.helpText = '';
+        this.errorMessage = '';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.emit('nile-init');
+        this.afterFirstRender().then(res => {
+            if (res && this.value !== '')
+                this.input.innerHTML = this.generateHTMLTagsWithValues(this.value);
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.emit('nile-destroy');
+    }
+    async afterFirstRender() {
+        return await this.updateComplete;
+    }
+    handleChange(event) {
+        const value = this.input.innerText;
+        this.emitInputChange();
+        if (value.includes('$')) {
+            this.openDropdown = true;
+        }
+    }
+    generateValuesFromHTMLTags(string) {
+        var pattern = /<span class="chips(?: chip-error)?" contenteditable="false">(.*?)<\/span>/g;
+        var result = string.replace(pattern, (match, option) => {
+            return '{{' + option + '}}';
+        });
+        return result;
+    }
+    generateHTMLTagsWithValues(string) {
+        var pattern = /{{(.*?)}}/g;
+        var result = string.replace(pattern, (match, option) => {
+            if (this.dropdownOptions.includes(option)) {
+                return ('<span class="chips" contenteditable="false">' + option + '</span>');
+            }
+        });
+        return result;
+    }
+    emitInputChange() {
+        this.emit('nile-change', this.generateValuesFromHTMLTags(this.input.innerHTML));
+    }
+    handleOptions(option) {
+        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>';
+        this.input.innerHTML = this.input.innerHTML + autoOptionsTag;
+        // removing '$' from innerText  after option is being selected
+        if (this.input.lastChild?.previousSibling)
+            this.input.lastChild.previousSibling.nodeValue =
+                this.input.lastChild.previousSibling.nodeValue.replace('$', '');
+        this.emitInputChange();
+    }
+    renderAutoOptions() {
+        return html `<div class="nile-options-container">
+      ${this.dropdownOptions &&
+            this.dropdownOptions.map((option) => {
+                return html ` <nile-option
+          .value="${option}"
+          @click="${(event) => {
+                    this.handleOptions(option);
+                }}"
+          >${option}
+        </nile-option>`;
+            })}
+    </div>`;
+    }
+    render() {
+        const hasHelpText = this.helpText ? true : false;
+        const hasErrorMessage = this.errorMessage ? true : false;
+        return html `
+      <nile-popup
+        .active="${this.openDropdown}"
+        sync="width"
+        placement="bottom"
+        class=${classMap({
+            dropdown: true,
+            'dropdown--open': true,
+        })}
+      >
+        <div class="content-editable-wrapper" slot="anchor">
+          ${this.showLabel && this.labelText
+            ? html `<label class="ods-label">${this.labelText} </label> ${this
+                .required
+                ? html `<span class="asterik">*</span>`
+                : ''}`
+            : ''}
+          <div
+            class="content-editable-input"
+            contenteditable="true"
+            @input=${this.handleChange}
+          ></div>
+          ${hasHelpText
+            ? html `
+                <nile-form-help-text>${this.helpText}</nile-form-help-text>
+              `
+            : ``}
+          ${hasErrorMessage
+            ? html `
+                <nile-form-error-message
+                  >${this.errorMessage}</nile-form-error-message
+                >
+              `
+            : ``}
+        </div>
+
+        ${this.renderAutoOptions()}
+      </nile-popup>
+    `;
+    }
+};
+NileContentEditor.styles = styles;
+__decorate([
+    property()
+], NileContentEditor.prototype, "value", void 0);
+__decorate([
+    property()
+], NileContentEditor.prototype, "dropdownOptions", void 0);
+__decorate([
+    property()
+], NileContentEditor.prototype, "showLabel", void 0);
+__decorate([
+    property()
+], NileContentEditor.prototype, "labelText", void 0);
+__decorate([
+    property()
+], NileContentEditor.prototype, "required", void 0);
+__decorate([
+    query('.content-editable-input')
+], NileContentEditor.prototype, "input", void 0);
+__decorate([
+    state()
+], NileContentEditor.prototype, "openDropdown", void 0);
+__decorate([
+    property({ attribute: 'help-text' })
+], NileContentEditor.prototype, "helpText", void 0);
+__decorate([
+    property({ attribute: 'error-message' })
+], NileContentEditor.prototype, "errorMessage", void 0);
+NileContentEditor = __decorate([
+    customElement('nile-content-editor')
+], NileContentEditor);
+export { NileContentEditor };
+export default NileContentEditor;
+//# sourceMappingURL=nile-content-editor.js.map

package/dist/src/nile-content-editor/nile-content-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-content-editor.js","sourceRoot":"","sources":["../../../src/nile-content-editor/nile-content-editor.ts"],"names":[],"mappings":"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","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 { html, property, TemplateResult } from 'lit-element';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-content-editor.css';\nimport { CSSResultGroup } from 'lit';\nimport { classMap } from 'lit/directives/class-map.js';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile icon component.\n *\n * @tag nile-attribute-expression\n *\n */\n@customElement('nile-content-editor')\nexport class NileContentEditor extends NileElement {\n  /**\n * @summary Allows you to handle both input and dropdown selection\n\n * @dependency nile-option\n \n * @event nile-change - Emitted when the control's value changes.  \n */\n\n  @property() value: string = '';\n\n  @property() dropdownOptions: Array<any>;\n\n  @property() showLabel: boolean = true;\n\n  @property() labelText = '';\n\n  @property() required: boolean = true;\n\n  @query('.content-editable-input') input: HTMLInputElement;\n\n  @state() private openDropdown: boolean = false;\n\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  @property({ attribute: 'error-message' }) errorMessage = '';\n\n  static styles: CSSResultGroup = styles;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n    this.afterFirstRender().then(res => {\n      if (res && this.value !== '')\n        this.input.innerHTML = this.generateHTMLTagsWithValues(this.value);\n    });\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  async afterFirstRender(): Promise<boolean> {\n    return await this.updateComplete;\n  }\n\n  private handleChange(event: any) {\n    const value = this.input.innerText;\n    this.emitInputChange();\n    if (value.includes('$')) {\n      this.openDropdown = true;\n    }\n  }\n\n  generateValuesFromHTMLTags(string: any): string {\n    var pattern =\n      /<span class=\"chips(?: chip-error)?\" contenteditable=\"false\">(.*?)<\\/span>/g;\n    var result = string.replace(pattern, (match: any, option: any) => {\n      return '{{' + option + '}}';\n    });\n    return result;\n  }\n\n  generateHTMLTagsWithValues(string: any): string {\n    var pattern = /{{(.*?)}}/g;\n    var result = string.replace(pattern, (match: any, option: any) => {\n      if (this.dropdownOptions.includes(option)) {\n        return (\n          '<span class=\"chips\" contenteditable=\"false\">' + option + '</span>'\n        );\n      }\n    });\n    return result;\n  }\n\n  emitInputChange(): void {\n    this.emit(\n      'nile-change',\n      this.generateValuesFromHTMLTags(this.input.innerHTML)\n    );\n  }\n\n  handleOptions(option: any): void {\n    this.openDropdown = !this.openDropdown;\n\n    // not appending Native element as it replaces all existing child nodes with new node\n    const autoOptionsTag =\n      '<span class=\"chips\" contenteditable=\"false\">' + option + '</span>';\n    this.input.innerHTML = this.input.innerHTML + autoOptionsTag;\n\n    // removing '$' from innerText  after option is being selected\n    if (this.input.lastChild?.previousSibling)\n      this.input.lastChild.previousSibling.nodeValue =\n        this.input.lastChild.previousSibling.nodeValue!.replace('$', '');\n    this.emitInputChange();\n  }\n\n  public renderAutoOptions(): TemplateResult {\n    return html`<div class=\"nile-options-container\">\n      ${this.dropdownOptions &&\n      this.dropdownOptions.map((option: any) => {\n        return html` <nile-option\n          .value=\"${option}\"\n          @click=\"${(event: Event) => {\n            this.handleOptions(option);\n          }}\"\n          >${option}\n        </nile-option>`;\n      })}\n    </div>`;\n  }\n\n  public render(): TemplateResult {\n    const hasHelpText = this.helpText ? true : false;\n    const hasErrorMessage = this.errorMessage ? true : false;\n    return html`\n      <nile-popup\n        .active=\"${this.openDropdown}\"\n        sync=\"width\"\n        placement=\"bottom\"\n        class=${classMap({\n          dropdown: true,\n          'dropdown--open': true,\n        })}\n      >\n        <div class=\"content-editable-wrapper\" slot=\"anchor\">\n          ${this.showLabel && this.labelText\n            ? html`<label class=\"ods-label\">${this.labelText} </label> ${this\n                  .required\n                  ? html`<span class=\"asterik\">*</span>`\n                  : ''}`\n            : ''}\n          <div\n            class=\"content-editable-input\"\n            contenteditable=\"true\"\n            @input=${this.handleChange}\n          ></div>\n          ${hasHelpText\n            ? html`\n                <nile-form-help-text>${this.helpText}</nile-form-help-text>\n              `\n            : ``}\n          ${hasErrorMessage\n            ? html`\n                <nile-form-error-message\n                  >${this.errorMessage}</nile-form-error-message\n                >\n              `\n            : ``}\n        </div>\n\n        ${this.renderAutoOptions()}\n      </nile-popup>\n    `;\n  }\n}\n\nexport default NileContentEditor;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-content-editor': NileContentEditor;\n  }\n}\n"]}

package/dist/src/nile-icon/icons/svg/array.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+declare const _default: "PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iWyBdIj48cGF0aCBkPSJNMC4zNDk2MDkgMTEuNDM5MVYwLjUzMDAyOUgyLjg3MjM0VjEuMzY1MjZIMS4zMDQxNVYxMC42MDM5SDIuODcyMzRWMTEuNDM5MUgwLjM0OTYwOVoiIGZpbGw9IiMxQzFCMUYiLz48cGF0aCBkPSJNOS41ODkzMSAwLjUzMDAyOVYxMS40MzkxSDcuMDY2NThWMTAuNjAzOUg4LjYzNDc3VjEuMzY1MjZINy4wNjY1OFYwLjUzMDAyOUg5LjU4OTMxWiIgZmlsbD0iIzFDMUIxRiIvPjwvZz48L3N2Zz4=";
+export default _default;

package/dist/src/nile-icon/icons/svg/array.js

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+export default "PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iWyBdIj48cGF0aCBkPSJNMC4zNDk2MDkgMTEuNDM5MVYwLjUzMDAyOUgyLjg3MjM0VjEuMzY1MjZIMS4zMDQxNVYxMC42MDM5SDIuODcyMzRWMTEuNDM5MUgwLjM0OTYwOVoiIGZpbGw9IiMxQzFCMUYiLz48cGF0aCBkPSJNOS41ODkzMSAwLjUzMDAyOVYxMS40MzkxSDcuMDY2NThWMTAuNjAzOUg4LjYzNDc3VjEuMzY1MjZINy4wNjY1OFYwLjUzMDAyOUg5LjU4OTMxWiIgZmlsbD0iIzFDMUIxRiIvPjwvZz48L3N2Zz4=";
+//# sourceMappingURL=array.js.map

package/dist/src/nile-icon/icons/svg/array.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"array.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/array.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,scAAsc,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBpZD0iWyBdIj48cGF0aCBkPSJNMC4zNDk2MDkgMTEuNDM5MVYwLjUzMDAyOUgyLjg3MjM0VjEuMzY1MjZIMS4zMDQxNVYxMC42MDM5SDIuODcyMzRWMTEuNDM5MUgwLjM0OTYwOVoiIGZpbGw9IiMxQzFCMUYiLz48cGF0aCBkPSJNOS41ODkzMSAwLjUzMDAyOVYxMS40MzkxSDcuMDY2NThWMTAuNjAzOUg4LjYzNDc3VjEuMzY1MjZINy4wNjY1OFYwLjUzMDAyOUg5LjU4OTMxWiIgZmlsbD0iIzFDMUIxRiIvPjwvZz48L3N2Zz4=\";"]}

package/dist/src/nile-icon/icons/svg/arrayofobject.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+declare const _default: "PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuOTk5OSAyVjEySDkuNjY2MDJWMTEuMzIzMUgxMS4yNTE1VjIuNjc2ODZIOS42NjYwMlYySDExLjk5OTlaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik0xMC42NTczIDYuNjYxNTdIMTAuOTMzMVY3LjMzODQzSDEwLjY1NzNDMTAuMDI3MSA3LjMzODQzIDkuNjkyMjYgNy43NDIzNiA5LjY5MjI2IDguNDQxMDVWMTAuMzYyNEM5LjY5MjI2IDExLjM2NjggOS4xODAxOSAxMiA4LjE0NjIgMTJINy40NzY1NlYxMS4zMjMxSDguMDI4MDNDOC43MDc1MSAxMS4zMjMxIDguOTQzODUgMTAuOTYyOSA4Ljk0Mzg1IDEwLjMyOTdWOC4zNzU1NUM4Ljk0Mzg1IDcuNjExMzUgOS4yNDkxMiA3LjEyMDA5IDkuODk5MDYgN0M5LjI0OTEyIDYuODc5OTEgOC45NDM4NSA2LjM4ODY1IDguOTQzODUgNS42MjQ0NVYzLjY3MDMxQzguOTQzODUgMy4wMzcxMiA4LjcwNzUxIDIuNjc2ODYgOC4wMjgwMyAyLjY3Njg2SDcuNDc2NTZWMkg4LjE0NjJDOS4xODAxOSAyIDkuNjkyMjYgMi42MzMxOSA5LjY5MjI2IDMuNjM3NTVWNS41NTg5NUM5LjY5MjI2IDYuMjU3NjQgMTAuMDI3MSA2LjY2MTU3IDEwLjY1NzMgNi42NjE1N1oiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTMuMDk1NyA2LjY2MTU3SDMuMzcxNDRDNC4wMDE2OCA2LjY2MTU3IDQuMzM2NSA2LjI1NzY0IDQuMzM2NSA1LjU1ODk1VjMuNjM3NTVDNC4zMzY1IDIuNjMzMTkgNC44NDg1NyAyIDUuODgyNTYgMkg2LjU1MjJWMi42NzY4Nkg2LjAwMDczQzUuMzIxMjUgMi42NzY4NiA1LjA4NDkxIDMuMDM3MTIgNS4wODQ5MSAzLjY3MDMxVjUuNjI0NDVDNS4wODQ5MSA2LjM4ODY1IDQuNzc5NjQgNi44Nzk5MSA0LjEyOTcgN0M0Ljc3OTY0IDcuMTIwMDkgNS4wODQ5MSA3LjYxMTM1IDUuMDg0OTEgOC4zNzU1NVYxMC4zMjk3QzUuMDg0OTEgMTAuOTYyOSA1LjMyMTI1IDExLjMyMzEgNi4wMDA3MyAxMS4zMjMxSDYuNTUyMlYxMkg1Ljg4MjU2QzQuODQ4NTcgMTIgNC4zMzY1IDExLjM2NjggNC4zMzY1IDEwLjM2MjRWOC40NDEwNUM0LjMzNjUgNy43NDIzNiA0LjAwMTY4IDcuMzM4NDMgMy4zNzE0NCA3LjMzODQzSDMuMDk1N1Y2LjY2MTU3WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNMiAxMlYySDQuMzMzODdWMi42NzY4NkgyLjc0ODQxVjExLjMyMzFINC4zMzM4N1YxMkgyWiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";
+export default _default;

package/dist/src/nile-icon/icons/svg/arrayofobject.js

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+export default "PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuOTk5OSAyVjEySDkuNjY2MDJWMTEuMzIzMUgxMS4yNTE1VjIuNjc2ODZIOS42NjYwMlYySDExLjk5OTlaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik0xMC42NTczIDYuNjYxNTdIMTAuOTMzMVY3LjMzODQzSDEwLjY1NzNDMTAuMDI3MSA3LjMzODQzIDkuNjkyMjYgNy43NDIzNiA5LjY5MjI2IDguNDQxMDVWMTAuMzYyNEM5LjY5MjI2IDExLjM2NjggOS4xODAxOSAxMiA4LjE0NjIgMTJINy40NzY1NlYxMS4zMjMxSDguMDI4MDNDOC43MDc1MSAxMS4zMjMxIDguOTQzODUgMTAuOTYyOSA4Ljk0Mzg1IDEwLjMyOTdWOC4zNzU1NUM4Ljk0Mzg1IDcuNjExMzUgOS4yNDkxMiA3LjEyMDA5IDkuODk5MDYgN0M5LjI0OTEyIDYuODc5OTEgOC45NDM4NSA2LjM4ODY1IDguOTQzODUgNS42MjQ0NVYzLjY3MDMxQzguOTQzODUgMy4wMzcxMiA4LjcwNzUxIDIuNjc2ODYgOC4wMjgwMyAyLjY3Njg2SDcuNDc2NTZWMkg4LjE0NjJDOS4xODAxOSAyIDkuNjkyMjYgMi42MzMxOSA5LjY5MjI2IDMuNjM3NTVWNS41NTg5NUM5LjY5MjI2IDYuMjU3NjQgMTAuMDI3MSA2LjY2MTU3IDEwLjY1NzMgNi42NjE1N1oiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTMuMDk1NyA2LjY2MTU3SDMuMzcxNDRDNC4wMDE2OCA2LjY2MTU3IDQuMzM2NSA2LjI1NzY0IDQuMzM2NSA1LjU1ODk1VjMuNjM3NTVDNC4zMzY1IDIuNjMzMTkgNC44NDg1NyAyIDUuODgyNTYgMkg2LjU1MjJWMi42NzY4Nkg2LjAwMDczQzUuMzIxMjUgMi42NzY4NiA1LjA4NDkxIDMuMDM3MTIgNS4wODQ5MSAzLjY3MDMxVjUuNjI0NDVDNS4wODQ5MSA2LjM4ODY1IDQuNzc5NjQgNi44Nzk5MSA0LjEyOTcgN0M0Ljc3OTY0IDcuMTIwMDkgNS4wODQ5MSA3LjYxMTM1IDUuMDg0OTEgOC4zNzU1NVYxMC4zMjk3QzUuMDg0OTEgMTAuOTYyOSA1LjMyMTI1IDExLjMyMzEgNi4wMDA3MyAxMS4zMjMxSDYuNTUyMlYxMkg1Ljg4MjU2QzQuODQ4NTcgMTIgNC4zMzY1IDExLjM2NjggNC4zMzY1IDEwLjM2MjRWOC40NDEwNUM0LjMzNjUgNy43NDIzNiA0LjAwMTY4IDcuMzM4NDMgMy4zNzE0NCA3LjMzODQzSDMuMDk1N1Y2LjY2MTU3WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNMiAxMlYySDQuMzMzODdWMi42NzY4NkgyLjc0ODQxVjExLjMyMzFINC4zMzM4N1YxMkgyWiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";
+//# sourceMappingURL=arrayofobject.js.map

package/dist/src/nile-icon/icons/svg/arrayofobject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrayofobject.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/arrayofobject.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,kpDAAkpD,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuOTk5OSAyVjEySDkuNjY2MDJWMTEuMzIzMUgxMS4yNTE1VjIuNjc2ODZIOS42NjYwMlYySDExLjk5OTlaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik0xMC42NTczIDYuNjYxNTdIMTAuOTMzMVY3LjMzODQzSDEwLjY1NzNDMTAuMDI3MSA3LjMzODQzIDkuNjkyMjYgNy43NDIzNiA5LjY5MjI2IDguNDQxMDVWMTAuMzYyNEM5LjY5MjI2IDExLjM2NjggOS4xODAxOSAxMiA4LjE0NjIgMTJINy40NzY1NlYxMS4zMjMxSDguMDI4MDNDOC43MDc1MSAxMS4zMjMxIDguOTQzODUgMTAuOTYyOSA4Ljk0Mzg1IDEwLjMyOTdWOC4zNzU1NUM4Ljk0Mzg1IDcuNjExMzUgOS4yNDkxMiA3LjEyMDA5IDkuODk5MDYgN0M5LjI0OTEyIDYuODc5OTEgOC45NDM4NSA2LjM4ODY1IDguOTQzODUgNS42MjQ0NVYzLjY3MDMxQzguOTQzODUgMy4wMzcxMiA4LjcwNzUxIDIuNjc2ODYgOC4wMjgwMyAyLjY3Njg2SDcuNDc2NTZWMkg4LjE0NjJDOS4xODAxOSAyIDkuNjkyMjYgMi42MzMxOSA5LjY5MjI2IDMuNjM3NTVWNS41NTg5NUM5LjY5MjI2IDYuMjU3NjQgMTAuMDI3MSA2LjY2MTU3IDEwLjY1NzMgNi42NjE1N1oiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTMuMDk1NyA2LjY2MTU3SDMuMzcxNDRDNC4wMDE2OCA2LjY2MTU3IDQuMzM2NSA2LjI1NzY0IDQuMzM2NSA1LjU1ODk1VjMuNjM3NTVDNC4zMzY1IDIuNjMzMTkgNC44NDg1NyAyIDUuODgyNTYgMkg2LjU1MjJWMi42NzY4Nkg2LjAwMDczQzUuMzIxMjUgMi42NzY4NiA1LjA4NDkxIDMuMDM3MTIgNS4wODQ5MSAzLjY3MDMxVjUuNjI0NDVDNS4wODQ5MSA2LjM4ODY1IDQuNzc5NjQgNi44Nzk5MSA0LjEyOTcgN0M0Ljc3OTY0IDcuMTIwMDkgNS4wODQ5MSA3LjYxMTM1IDUuMDg0OTEgOC4zNzU1NVYxMC4zMjk3QzUuMDg0OTEgMTAuOTYyOSA1LjMyMTI1IDExLjMyMzEgNi4wMDA3MyAxMS4zMjMxSDYuNTUyMlYxMkg1Ljg4MjU2QzQuODQ4NTcgMTIgNC4zMzY1IDExLjM2NjggNC4zMzY1IDEwLjM2MjRWOC40NDEwNUM0LjMzNjUgNy43NDIzNiA0LjAwMTY4IDcuMzM4NDMgMy4zNzE0NCA3LjMzODQzSDMuMDk1N1Y2LjY2MTU3WiIgZmlsbD0iYmxhY2siLz48cGF0aCBkPSJNMiAxMlYySDQuMzMzODdWMi42NzY4NkgyLjc0ODQxVjExLjMyMzFINC4zMzM4N1YxMkgyWiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=\";"]}

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

@@ -14,6 +14,8 @@ export { default as applications } from './applications';
 export { default as approve } from './approve';
 export { default as aquera } from './aquera';
 export { default as aquerasupport } from './aquerasupport';
+export { default as array } from './array';
+export { default as arrayofobject } from './arrayofobject';
 export { default as arrow } from './arrow';
 export { default as arrowdown } from './arrowdown';
 export { default as arrowdropdown } from './arrowdropdown';
@@ -232,6 +234,8 @@ export { default as notificationadded } from './notificationadded';
 export { default as notscheduled } from './notscheduled';
 export { default as null } from './null';
 export { default as number } from './number';
+export { default as numberinput } from './numberinput';
+export { default as object } from './object';
 export { default as operators } from './operators';
 export { default as options } from './options';
 export { default as orchestrationsolid } from './orchestration-solid';
@@ -322,6 +326,7 @@ export { default as stop } from './stop';
 export { default as storybook } from './storybook';
 export { default as string } from './string';
 export { default as stringinput } from './stringinput';
+export { default as stringletters } from './stringletters';
 export { default as support } from './support';
 export { default as swap } from './swap';
 export { default as sync } from './sync';

package/dist/src/nile-icon/icons/svg/index.js

@@ -14,6 +14,8 @@ export { default as applications } from './applications';
 export { default as approve } from './approve';
 export { default as aquera } from './aquera';
 export { default as aquerasupport } from './aquerasupport';
+export { default as array } from './array';
+export { default as arrayofobject } from './arrayofobject';
 export { default as arrow } from './arrow';
 export { default as arrowdown } from './arrowdown';
 export { default as arrowdropdown } from './arrowdropdown';
@@ -232,6 +234,8 @@ export { default as notificationadded } from './notificationadded';
 export { default as notscheduled } from './notscheduled';
 export { default as null } from './null';
 export { default as number } from './number';
+export { default as numberinput } from './numberinput';
+export { default as object } from './object';
 export { default as operators } from './operators';
 export { default as options } from './options';
 export { default as orchestrationsolid } from './orchestration-solid';
@@ -322,6 +326,7 @@ export { default as stop } from './stop';
 export { default as storybook } from './storybook';
 export { default as string } from './string';
 export { default as stringinput } from './stringinput';
+export { default as stringletters } from './stringletters';
 export { default as support } from './support';
 export { default as swap } from './swap';
 export { default as sync } from './sync';