@aquera/nile-elements 0.0.1-beta.9 → 0.0.2

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

@@ -1 +1 @@
-{"version":3,"file":"nile-chip.css.js","sourceRoot":"","sources":["../../../src/nile-chip/nile-chip.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqIxB,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 * Chip CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 0.125rem;\n  }\n\n  .form-control--has-label.form-control--small .form-control__label {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 1rem;\n  }\n\n  .form-control--has-label.form-control--large .form-control__label {\n    font-size: 1.25rem;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: undefined;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: hsl(240 3.8% 46.1%);\n    margin-top: 0.125rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: 1rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n    font-family: inherit;\n  }\n\n  .nile-chip {\n    display: inline-block;\n    padding: 5px 10px;\n    background-color: #fff;\n    border-radius: 0.25rem;\n    border: solid 1px #c7ced4;\n    padding: 5px 10px;\n    display: inline-block;\n    width: 100%;\n  }\n\n  .nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: #fff;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: #fff;\n    border-color: #005ea6;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: #e5bf43;\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: #e5434d;\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: #43e5c0;\n  }\n\n  .nile-chip__auto-complete {\n    width: 100%;\n  }\n\n  .nile-chip__tags {\n    margin: 0.05rem;\n  }\n`;\n\nexport default [styles];\n"]}
+{"version":3,"file":"nile-chip.css.js","sourceRoot":"","sources":["../../../src/nile-chip/nile-chip.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoJxB,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 * Chip CSS\n */\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 0.125rem;\n  }\n\n  .form-control--has-label.form-control--small .form-control__label {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 1rem;\n  }\n\n  .form-control--has-label.form-control--large .form-control__label {\n    font-size: 1.25rem;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: undefined;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: hsl(240 3.8% 46.1%);\n    margin-top: 0.125rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: 1rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n    font-family: inherit;\n  }\n\n  .nile-chip {\n    padding: 5px 10px;\n    background-color: #fff;\n    border-radius: 0.25rem;\n    border: solid 1px #c7ced4;\n    padding: 5px 10px;\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\n  }\n\n  .nile-chip--no-wrap {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n  }\n\n  .nile-chip::-webkit-scrollbar {\n    height: 2px;\n  }\n\n  .nile-chip::-webkit-scrollbar-thumb {\n    background: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: #fff;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: #fff;\n    border-color: #005ea6;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: #e5bf43;\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: #e5434d;\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: #43e5c0;\n  }\n\n  .nile-chip__auto-complete {\n    flex: 1;\n  }\n  .nile-chip__tags {\n    margin: 0.05rem;\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-chip/nile-chip.d.ts

@@ -19,6 +19,8 @@ export declare class NileChip extends NileElement {
     error: boolean;
     /** Sets the input to a success state, changing its visual appearance. */
     success: boolean;
+    /** Disables the duplicate entries. */
+    noDuplicates: boolean;
     /** The input's label. If you need to display HTML, use the `label` slot instead. */
     label: string;
     /** Adds a clear button when the input is not empty. */
@@ -34,8 +36,13 @@ export declare class NileChip extends NileElement {
     /** The input's help text. If you need to display HTML, use the `help-text` slot instead. */
     helpText: string;
     autoCompleteOptions: any[];
+    filteredAutoCompleteOptions: any[];
     value: any[];
+    noWrap: boolean;
+    onAutoCompleteOptionsChanged(): void;
     onValueChanged(): void;
+    onTagsChanged(): void;
+    connectedCallback(): void;
     private handleSelect;
     private handleRemove;
     private handleInputChange;

package/dist/src/nile-chip/nile-chip.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { __decorate } from "tslib";
-import { html, property } from 'lit-element';
+import { html, property, } from 'lit-element';
 import { customElement, query, state } from 'lit/decorators.js';
 import { styles } from './nile-chip.css';
 import { classMap } from 'lit/directives/class-map.js';
@@ -25,6 +25,8 @@ let NileChip = class NileChip extends NileElement {
         this.error = false;
         /** Sets the input to a success state, changing its visual appearance. */
         this.success = false;
+        /** Disables the duplicate entries. */
+        this.noDuplicates = false;
         /** The input's label. If you need to display HTML, use the `label` slot instead. */
         this.label = '';
         /** Adds a clear button when the input is not empty. */
@@ -32,7 +34,7 @@ let NileChip = class NileChip extends NileElement {
         /** Adds a clear button when the input is not empty. */
         this.clearable = false;
         /** Placeholder text to show as a hint when the input is empty. */
-        this.placeholder = '';
+        this.placeholder = 'type here...';
         /** Makes the input readonly. */
         this.readonly = false;
         /** Disables the input. */
@@ -41,25 +43,54 @@ let NileChip = class NileChip extends NileElement {
         this.helpText = '';
         // Auto-complete options
         this.autoCompleteOptions = [];
+        this.filteredAutoCompleteOptions = [];
         this.value = [];
+        this.noWrap = false;
     }
     static get styles() {
         return [styles];
     }
+    onAutoCompleteOptionsChanged() {
+        this.filteredAutoCompleteOptions = [...this.autoCompleteOptions];
+        if (this.noDuplicates) {
+            this.filteredAutoCompleteOptions =
+                this.filteredAutoCompleteOptions.filter(option => !this.value.includes(option));
+        }
+    }
     onValueChanged() {
         this.tags = [...this.value];
+        this.onTagsChanged();
+    }
+    onTagsChanged() {
+        if (this.noDuplicates) {
+            this.filteredAutoCompleteOptions =
+                this.filteredAutoCompleteOptions.filter(option => !this.tags.includes(option));
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.noDuplicates) {
+            this.filteredAutoCompleteOptions =
+                this.filteredAutoCompleteOptions.filter(option => !this.value.includes(option));
+        }
     }
     handleSelect(event) {
-        // Add the selected value to the tags array
-        this.tags = [...this.tags, event.detail.value];
-        // Emit a custom event with the selected value
-        this.emit('nile-chip-change', { value: this.tags });
-        // Reset the input field
-        this.resetInput();
+        // Add the selected value to the tags array only if it doesn't already exist
+        if (!this.noDuplicates || !this.tags.includes(event.detail.value)) {
+            this.tags = [...this.tags, event.detail.value];
+            this.emit('nile-chip-change', { value: this.tags });
+            this.resetInput();
+        }
     }
     handleRemove(value) {
         // Remove the tag from the tags array
         this.tags = this.tags.filter(tag => tag !== value);
+        if (this.noDuplicates && this.autoCompleteOptions.includes(value)) {
+            this.filteredAutoCompleteOptions = [
+                ...this.filteredAutoCompleteOptions,
+                value,
+            ];
+        }
         this.emit('nile-chip-change', { value: this.tags });
     }
     handleInputChange(event) {
@@ -70,7 +101,9 @@ let NileChip = class NileChip extends NileElement {
         if (!this.acceptUserInput) {
             return;
         }
-        if (event.key === 'Enter' && this.inputValue) {
+        if (event.key === 'Enter' &&
+            this.inputValue &&
+            (!this.noDuplicates || !this.tags.includes(this.inputValue))) {
             this.tags = [...this.tags, this.inputValue];
             this.resetInput();
             this.emit('nile-chip-change', { value: this.tags });
@@ -114,21 +147,27 @@ let NileChip = class NileChip extends NileElement {
         </label>
 
         <div
-        class=${classMap({
+          class=${classMap({
             'nile-chip': true,
             'nile-chip--warning': this.warning,
             'nile-chip--error': this.error,
             'nile-chip--success': this.success,
+            'nile-chip--no-wrap': this.noWrap,
         })}
-            >
+        >
           ${this.tags.map(tag => html `
-            <nile-tag class="nile-chip__tags" @nile-remove=${() => this.handleRemove(tag)} removable pill>
-              ${tag}
-            </nile-tag>
-          `)}
+              <nile-tag
+                class="nile-chip__tags"
+                @nile-remove=${() => this.handleRemove(tag)}
+                removable
+                pill
+              >
+                ${tag}
+              </nile-tag>
+            `)}
           <div class="nile-chip__auto-complete">
             <nile-auto-complete
-              .allMenuItems=${this.autoCompleteOptions}
+              .allMenuItems=${this.filteredAutoCompleteOptions}
               .value=${this.inputValue}
               ?isDropdownOpen=${this.isDropdownOpen}
               .noBorder=${true}
@@ -175,6 +214,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], NileChip.prototype, "success", void 0);
+__decorate([
+    property({ type: Boolean })
+], NileChip.prototype, "noDuplicates", void 0);
 __decorate([
     property()
 ], NileChip.prototype, "label", void 0);
@@ -199,12 +241,24 @@ __decorate([
 __decorate([
     property({ type: Array })
 ], NileChip.prototype, "autoCompleteOptions", void 0);
+__decorate([
+    property({ type: Array })
+], NileChip.prototype, "filteredAutoCompleteOptions", void 0);
 __decorate([
     property({ type: Array })
 ], NileChip.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean })
+], NileChip.prototype, "noWrap", void 0);
+__decorate([
+    watch('autoCompleteOptions')
+], NileChip.prototype, "onAutoCompleteOptionsChanged", null);
 __decorate([
     watch('value')
 ], NileChip.prototype, "onValueChanged", null);
+__decorate([
+    watch('tags')
+], NileChip.prototype, "onTagsChanged", null);
 NileChip = __decorate([
     customElement('nile-chip')
 ], NileChip);

package/dist/src/nile-chip/nile-chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-chip.js","sourceRoot":"","sources":["../../../src/nile-chip/nile-chip.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 {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult\n} from 'lit-element';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-chip.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HasSlotController } from '../internal/slot';\nimport { watch } from '../internal/watch';\nimport NileElement, { NileFormControl } from '../internal/nile-element';\n\n\ninterface CustomEventDetail {\n  value: string;\n}\n\n@customElement('nile-chip')\nexport class NileChip extends NileElement {\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n\n  @state() tags: string[] = [];\n\n  @state() inputValue: string = '';\n\n  @state() isDropdownOpen: boolean = false;\n\n  @query('nile-auto-complete') autoComplete!: any;\n\n  /** Sets the input to a warning state, changing its visual appearance. */\n  @property({ type: Boolean }) warning = false;\n\n  /** Sets the input to an error state, changing its visual appearance. */\n  @property({ type: Boolean }) error = false;\n\n  /** Sets the input to a success state, changing its visual appearance. */\n  @property({ type: Boolean }) success = false;\n\n  /** The input's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  /** Adds a clear button when the input is not empty. */\n  @property({ type: Boolean }) acceptUserInput = false;\n\n  /** Adds a clear button when the input is not empty. */\n  @property({ type: Boolean }) clearable = false;\n\n  /** Placeholder text to show as a hint when the input is empty. */\n  @property() placeholder = '';\n\n  /** Makes the input readonly. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /** Disables the input. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** The input's help text. If you need to display HTML, use the `help-text` slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  // Auto-complete options\n  @property({ type: Array }) autoCompleteOptions : any[] = [];\n\n  @property({ type: Array }) value : any[] = [];\n\n  @watch('value')\n  onValueChanged() {\n    this.tags = [...this.value];\n  }\n\n  private handleSelect(event: CustomEvent<CustomEventDetail>) {\n\n    // Add the selected value to the tags array\n    this.tags = [...this.tags, event.detail.value];\n\n    // Emit a custom event with the selected value\n    this.emit('nile-chip-change', { value: this.tags });\n\n    // Reset the input field\n    this.resetInput();\n  }\n\n  private handleRemove(value: string) {\n    // Remove the tag from the tags array\n    this.tags = this.tags.filter(tag => tag !== value);\n    this.emit('nile-chip-change', { value: this.tags });\n\n  }\n\n  private handleInputChange(event: CustomEvent<CustomEventDetail>) {\n    // Update the input value\n    this.inputValue = event.detail.value;\n  }\n\n  private handleInputKeydown(event: KeyboardEvent) {\n    if (!this.acceptUserInput) {\n      return;\n    }\n\n    if (event.key === 'Enter' && this.inputValue) {\n      this.tags = [...this.tags, this.inputValue];\n\n      this.resetInput();\n      this.emit('nile-chip-change', { value: this.tags });\n    }\n\n\n  }\n\n  private handleFocus() {\n    this.isDropdownOpen = true;\n  }\n\n  private resetInput() {\n    // Reset the input-related properties\n    this.inputValue = '';\n    this.isDropdownOpen = false;\n    this.autoComplete.value = '';\n    this.autoComplete.handleFocus();\n  }\n\n  render() {\n    // Check if slots are present\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n\n    // Check if label and help text are present\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n\n    return html`\n      <div\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--medium': true,\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText,\n          'nile-chip--disabled': this.disabled,\n        })}\n      >\n        <label\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          for=\"input\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        <div\n        class=${classMap({\n              'nile-chip': true,\n              'nile-chip--warning': this.warning,\n              'nile-chip--error': this.error,\n              'nile-chip--success': this.success,\n\n            })}\n            >\n          ${this.tags.map(tag => html`\n            <nile-tag class=\"nile-chip__tags\" @nile-remove=${() => this.handleRemove(tag)} removable pill>\n              ${tag}\n            </nile-tag>\n          `)}\n          <div class=\"nile-chip__auto-complete\">\n            <nile-auto-complete\n              .allMenuItems=${this.autoCompleteOptions}\n              .value=${this.inputValue}\n              ?isDropdownOpen=${this.isDropdownOpen}\n              .noBorder=${true}\n              openOnFocus\n              .placeholder=${this.placeholder}\n              @nile-input=${this.handleInputChange}\n              @keydown=${this.handleInputKeydown}\n              @nile-focus=${this.handleFocus}\n              @nile-complete=${this.handleSelect}\n            ></nile-auto-complete>\n          </div>\n          <slot\n            name=\"help-text\"\n            part=\"form-control-help-text\"\n            id=\"help-text\"\n            class=\"form-control__help-text\"\n            aria-hidden=${hasHelpText ? 'false' : 'true'}\n          >\n            ${this.helpText}\n          </slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\nexport default NileChip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-chip': NileChip;\n  }\n}\n"]}
+{"version":3,"file":"nile-chip.js","sourceRoot":"","sources":["../../../src/nile-chip/nile-chip.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 {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-chip.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HasSlotController } from '../internal/slot';\nimport { watch } from '../internal/watch';\nimport NileElement, { NileFormControl } from '../internal/nile-element';\n\ninterface CustomEventDetail {\n  value: string;\n}\n\n@customElement('nile-chip')\nexport class NileChip extends NileElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private readonly hasSlotController = new HasSlotController(\n    this,\n    'help-text',\n    'label'\n  );\n\n  @state() tags: string[] = [];\n\n  @state() inputValue: string = '';\n\n  @state() isDropdownOpen: boolean = false;\n\n  @query('nile-auto-complete') autoComplete!: any;\n\n  /** Sets the input to a warning state, changing its visual appearance. */\n  @property({ type: Boolean }) warning = false;\n\n  /** Sets the input to an error state, changing its visual appearance. */\n  @property({ type: Boolean }) error = false;\n\n  /** Sets the input to a success state, changing its visual appearance. */\n  @property({ type: Boolean }) success = false;\n\n  /** Disables the duplicate entries. */\n  @property({ type: Boolean }) noDuplicates = false;\n\n  /** The input's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  /** Adds a clear button when the input is not empty. */\n  @property({ type: Boolean }) acceptUserInput = false;\n\n  /** Adds a clear button when the input is not empty. */\n  @property({ type: Boolean }) clearable = false;\n\n  /** Placeholder text to show as a hint when the input is empty. */\n  @property() placeholder = 'type here...';\n\n  /** Makes the input readonly. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /** Disables the input. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** The input's help text. If you need to display HTML, use the `help-text` slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  // Auto-complete options\n  @property({ type: Array }) autoCompleteOptions: any[] = [];\n\n  @property({ type: Array }) filteredAutoCompleteOptions: any[] = [];\n\n  @property({ type: Array }) value: any[] = [];\n\n  @property({ type: Boolean }) noWrap: boolean = false;\n\n  @watch('autoCompleteOptions')\n  onAutoCompleteOptionsChanged() {\n    this.filteredAutoCompleteOptions = [...this.autoCompleteOptions];\n\n    if (this.noDuplicates) {\n      this.filteredAutoCompleteOptions =\n        this.filteredAutoCompleteOptions.filter(\n          option => !this.value.includes(option)\n        );\n    }\n  }\n\n  @watch('value')\n  onValueChanged() {\n    this.tags = [...this.value];\n    this.onTagsChanged();\n  }\n\n  @watch('tags')\n  onTagsChanged() {\n    if (this.noDuplicates) {\n      this.filteredAutoCompleteOptions =\n        this.filteredAutoCompleteOptions.filter(\n          option => !this.tags.includes(option)\n        );\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n\n    if (this.noDuplicates) {\n      this.filteredAutoCompleteOptions =\n        this.filteredAutoCompleteOptions.filter(\n          option => !this.value.includes(option)\n        );\n    }\n  }\n\n  private handleSelect(event: CustomEvent<CustomEventDetail>) {\n    // Add the selected value to the tags array only if it doesn't already exist\n    if (!this.noDuplicates || !this.tags.includes(event.detail.value)) {\n      this.tags = [...this.tags, event.detail.value];\n      this.emit('nile-chip-change', { value: this.tags });\n      this.resetInput();\n    }\n  }\n\n  private handleRemove(value: string) {\n    // Remove the tag from the tags array\n    this.tags = this.tags.filter(tag => tag !== value);\n\n    if (this.noDuplicates && this.autoCompleteOptions.includes(value)) {\n      this.filteredAutoCompleteOptions = [\n        ...this.filteredAutoCompleteOptions,\n        value,\n      ];\n    }\n    this.emit('nile-chip-change', { value: this.tags });\n  }\n\n  private handleInputChange(event: CustomEvent<CustomEventDetail>) {\n    // Update the input value\n    this.inputValue = event.detail.value;\n  }\n\n  private handleInputKeydown(event: KeyboardEvent) {\n    if (!this.acceptUserInput) {\n      return;\n    }\n\n    if (\n      event.key === 'Enter' &&\n      this.inputValue &&\n      (!this.noDuplicates || !this.tags.includes(this.inputValue))\n    ) {\n      this.tags = [...this.tags, this.inputValue];\n      this.resetInput();\n      this.emit('nile-chip-change', { value: this.tags });\n    }\n  }\n\n  private handleFocus() {\n    this.isDropdownOpen = true;\n  }\n\n  private resetInput() {\n    // Reset the input-related properties\n    this.inputValue = '';\n    this.isDropdownOpen = false;\n    this.autoComplete.value = '';\n    this.autoComplete.handleFocus();\n  }\n\n  render() {\n    // Check if slots are present\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n\n    // Check if label and help text are present\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n\n    return html`\n      <div\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--medium': true,\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText,\n          'nile-chip--disabled': this.disabled,\n        })}\n      >\n        <label\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          for=\"input\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        <div\n          class=${classMap({\n            'nile-chip': true,\n            'nile-chip--warning': this.warning,\n            'nile-chip--error': this.error,\n            'nile-chip--success': this.success,\n            'nile-chip--no-wrap': this.noWrap,\n          })}\n        >\n          ${this.tags.map(\n            tag => html`\n              <nile-tag\n                class=\"nile-chip__tags\"\n                @nile-remove=${() => this.handleRemove(tag)}\n                removable\n                pill\n              >\n                ${tag}\n              </nile-tag>\n            `\n          )}\n          <div class=\"nile-chip__auto-complete\">\n            <nile-auto-complete\n              .allMenuItems=${this.filteredAutoCompleteOptions}\n              .value=${this.inputValue}\n              ?isDropdownOpen=${this.isDropdownOpen}\n              .noBorder=${true}\n              openOnFocus\n              .placeholder=${this.placeholder}\n              @nile-input=${this.handleInputChange}\n              @keydown=${this.handleInputKeydown}\n              @nile-focus=${this.handleFocus}\n              @nile-complete=${this.handleSelect}\n            ></nile-auto-complete>\n          </div>\n          <slot\n            name=\"help-text\"\n            part=\"form-control-help-text\"\n            id=\"help-text\"\n            class=\"form-control__help-text\"\n            aria-hidden=${hasHelpText ? 'false' : 'true'}\n          >\n            ${this.helpText}\n          </slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\nexport default NileChip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-chip': NileChip;\n  }\n}\n"]}

package/dist/src/nile-error-message/index.d.ts

@@ -0,0 +1 @@
+export { NileErrorMessage } from './nile-error-message';

package/dist/src/nile-error-message/index.js

@@ -0,0 +1,2 @@
+export { NileErrorMessage } from './nile-error-message';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-error-message/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-error-message/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC","sourcesContent":["export { NileErrorMessage } from './nile-error-message';\n"]}

package/dist/src/nile-error-message/nile-error-message.css.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 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.
+ */
+/**
+ * ErrorMessage CSS
+ */
+export declare const styles: import("lit-element").CSSResult;
+declare const _default: import("lit-element").CSSResult[];
+export default _default;

package/dist/src/nile-error-message/nile-error-message.css.js

@@ -0,0 +1,86 @@
+/**
+ * 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';
+/**
+ * ErrorMessage CSS
+ */
+export const styles = css `
+  :host {
+    width:100%;
+  }
+
+  .nile-error-message {
+    width: 100%;
+    font-size: var(--nile-font-size-small);
+    font-weight: var(--nile-font-weight-regular);
+    line-height: var(--nile-font-size-small);
+    border: 1px solid var(--nile-colors-red-500);
+    border-left: 6px solid var(--nile-colors-red-500);
+    border-radius: var(--nile-radius-base-standard);
+    background: var(--nile-colors-red-100);
+  }
+
+  .nile-error-message__info {
+    color: var(--nile-colors-red-500);
+    padding: 8px;
+    display: flex;
+    align-items: center;
+  }
+
+  .nile-error-message__icon,
+  .nile-error-message__arrow {
+    vertical-align: middle;
+    margin-right: 6px;
+    transition: transform 0.3s ease-in-out;
+  }
+
+  .nile-error-message__expandable {
+    cursor: pointer;
+    overflow: hidden;
+  }
+
+  .nile-error-message__content {
+    display: flex;
+    align-items: flex-start;
+    padding: 8px 12px;
+  }
+
+  .nile-error-message__expandable.bordered {
+    border-top: 1px solid var(--nile-colors-neutral-500);
+  }
+
+  .nile-error-message__summary {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    transition: height 0.3s ease-in-out, white-space 1s ease-in-out;
+    height: 14px;
+  }
+
+  .nile-error-message__expandable.expanded .nile-error-message__summary {
+    white-space: normal;
+    max-height: 6em;
+    overflow-y: scroll;
+  }
+
+  .nile-error-message__expandable.expanded
+    .nile-error-message__summary::-webkit-scrollbar {
+    width: 8px;
+  }
+
+  .nile-error-message__expandable.expanded
+    .nile-error-message__summary::-webkit-scrollbar-thumb {
+    border-radius: 20px;
+    background: rgba(148, 159, 184, 0.25);
+  }
+
+  .nile-error-message__expandable.expanded .nile-error-message__arrow {
+    transform: rotate(90deg);
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-error-message.css.js.map

package/dist/src/nile-error-message/nile-error-message.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-error-message.css.js","sourceRoot":"","sources":["../../../src/nile-error-message/nile-error-message.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyExB,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 * ErrorMessage CSS\n */\nexport const styles = css`\n  :host {\n    width:100%;\n  }\n\n  .nile-error-message {\n    width: 100%;\n    font-size: var(--nile-font-size-small);\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-font-size-small);\n    border: 1px solid var(--nile-colors-red-500);\n    border-left: 6px solid var(--nile-colors-red-500);\n    border-radius: var(--nile-radius-base-standard);\n    background: var(--nile-colors-red-100);\n  }\n\n  .nile-error-message__info {\n    color: var(--nile-colors-red-500);\n    padding: 8px;\n    display: flex;\n    align-items: center;\n  }\n\n  .nile-error-message__icon,\n  .nile-error-message__arrow {\n    vertical-align: middle;\n    margin-right: 6px;\n    transition: transform 0.3s ease-in-out;\n  }\n\n  .nile-error-message__expandable {\n    cursor: pointer;\n    overflow: hidden;\n  }\n\n  .nile-error-message__content {\n    display: flex;\n    align-items: flex-start;\n    padding: 8px 12px;\n  }\n\n  .nile-error-message__expandable.bordered {\n    border-top: 1px solid var(--nile-colors-neutral-500);\n  }\n\n  .nile-error-message__summary {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transition: height 0.3s ease-in-out, white-space 1s ease-in-out;\n    height: 14px;\n  }\n\n  .nile-error-message__expandable.expanded .nile-error-message__summary {\n    white-space: normal;\n    max-height: 6em;\n    overflow-y: scroll;\n  }\n\n  .nile-error-message__expandable.expanded\n    .nile-error-message__summary::-webkit-scrollbar {\n    width: 8px;\n  }\n\n  .nile-error-message__expandable.expanded\n    .nile-error-message__summary::-webkit-scrollbar-thumb {\n    border-radius: 20px;\n    background: rgba(148, 159, 184, 0.25);\n  }\n\n  .nile-error-message__expandable.expanded .nile-error-message__arrow {\n    transform: rotate(90deg);\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-error-message/nile-error-message.d.ts

@@ -0,0 +1,19 @@
+import { LitElement, CSSResultArray, TemplateResult } from 'lit-element';
+/**
+ * A custom error message component that displays error information to the user.
+ * @customElement nile-error-message
+ */
+export declare class NileErrorMessage extends LitElement {
+    static get styles(): CSSResultArray;
+    errorMessages: Array<string>;
+    expandedIndex: number | null;
+    expandText(index: number, target: any): void;
+    collapseText(target: any): void;
+    toggleExpand(index: number, event: any): void;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-error-message': NileErrorMessage;
+    }
+}

package/dist/src/nile-error-message/nile-error-message.js

@@ -0,0 +1,115 @@
+import { __decorate } from "tslib";
+import { LitElement, html, property, } from 'lit-element';
+import { customElement } from 'lit/decorators.js';
+import { styles } from './nile-error-message.css';
+const convertToStringArray = (value) => {
+    if (Array.isArray(value)) {
+        return value.map(item => String(item));
+    }
+    return [];
+};
+/**
+ * A custom error message component that displays error information to the user.
+ * @customElement nile-error-message
+ */
+let NileErrorMessage = class NileErrorMessage extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.errorMessages = [];
+        this.expandedIndex = null;
+    }
+    static get styles() {
+        return [styles];
+    }
+    expandText(index, target) {
+        const element = target.querySelector('.nile-error-message__summary');
+        const originalHeight = element.clientHeight;
+        element.style.whiteSpace = 'normal';
+        element.style.height = 'auto';
+        const expandedHeight = Math.min(element.clientHeight, 5.5 * 12);
+        element.style.height = originalHeight + 'px';
+        requestAnimationFrame(() => {
+            element.style.height = expandedHeight + 'px';
+        });
+    }
+    collapseText(target) {
+        const element = target.querySelector('.nile-error-message__summary');
+        const expandedHeight = element.clientHeight;
+        element.style.height = expandedHeight + 'px';
+        requestAnimationFrame(() => {
+            element.style.height = '14px';
+            element.style.whiteSpace = 'nowrap';
+        });
+    }
+    toggleExpand(index, event) {
+        if (this.shadowRoot) {
+            if (this.expandedIndex !== null && this.expandedIndex !== index) {
+                const prevExpandable = this.shadowRoot.querySelectorAll('.nile-error-message__expandable')[this.expandedIndex];
+                if (prevExpandable) {
+                    this.collapseText(prevExpandable);
+                }
+            }
+        }
+        if (this.expandedIndex === index) {
+            this.expandedIndex = null;
+            this.collapseText(event.currentTarget);
+        }
+        else {
+            this.expandedIndex = index;
+            this.expandText(index, event.currentTarget);
+        }
+    }
+    render() {
+        return html `
+      <div class="nile-error-message">
+        <div class="nile-error-message__info">
+          <nile-icon
+            name="info2"
+            size="14"
+            class="nile-error-message__icon"
+            part="icon"
+          ></nile-icon>
+          ${this.errorMessages.length}
+          ${this.errorMessages.length > 1 ? 'attributes' : 'attribute'} are not
+          valid
+        </div>
+        ${this.errorMessages.map((errorMessage, index) => html `
+            <div
+              class="nile-error-message__expandable ${index !== 0
+            ? 'bordered'
+            : ''} ${this.expandedIndex === index ? 'expanded' : ''}"
+              @click="${(event) => this.toggleExpand(index, event)}"
+            >
+              <div class="nile-error-message__content">
+                <nile-icon
+                  name="arrowright"
+                  size="14"
+                  class="nile-error-message__arrow"
+                ></nile-icon>
+                <div class="nile-error-message__summary">${errorMessage}</div>
+              </div>
+            </div>
+          `)}
+      </div>
+    `;
+    }
+};
+__decorate([
+    property({
+        type: Array,
+        attribute: 'error-messages',
+        hasChanged: (newVal, oldVal) => JSON.stringify(newVal) !== JSON.stringify(oldVal),
+        converter: {
+            toAttribute: value => JSON.stringify(value),
+            fromAttribute: value => convertToStringArray(JSON.parse(value || '[]')),
+        },
+    })
+], NileErrorMessage.prototype, "errorMessages", void 0);
+__decorate([
+    property({ type: Number })
+], NileErrorMessage.prototype, "expandedIndex", void 0);
+NileErrorMessage = __decorate([
+    customElement('nile-error-message')
+], NileErrorMessage);
+export { NileErrorMessage };
+//# sourceMappingURL=nile-error-message.js.map

package/dist/src/nile-error-message/nile-error-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-error-message.js","sourceRoot":"","sources":["../../../src/nile-error-message/nile-error-message.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-error-message.css';\n\nconst convertToStringArray = (value: any): Array<string> => {\n  if (Array.isArray(value)) {\n    return value.map(item => String(item));\n  }\n  return [];\n};\n\n/**\n * A custom error message component that displays error information to the user.\n * @customElement nile-error-message\n */\n@customElement('nile-error-message')\nexport class NileErrorMessage extends LitElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({\n    type: Array,\n    attribute: 'error-messages',\n    hasChanged: (newVal, oldVal) =>\n      JSON.stringify(newVal) !== JSON.stringify(oldVal), // Optional: to detect deep changes\n    converter: {\n      toAttribute: value => JSON.stringify(value),\n      fromAttribute: value => convertToStringArray(JSON.parse(value || '[]')),\n    },\n  })\n  errorMessages: Array<string> = [];\n\n  @property({ type: Number })\n  expandedIndex: number | null = null;\n\n  expandText(index: number, target: any) {\n    const element = target.querySelector('.nile-error-message__summary');\n    const originalHeight = element.clientHeight;\n    element.style.whiteSpace = 'normal';\n    element.style.height = 'auto';\n    const expandedHeight = Math.min(element.clientHeight, 5.5 * 12);\n\n    element.style.height = originalHeight + 'px';\n\n    requestAnimationFrame(() => {\n      element.style.height = expandedHeight + 'px';\n    });\n  }\n\n  collapseText(target: any) {\n    const element = target.querySelector('.nile-error-message__summary');\n    const expandedHeight = element.clientHeight;\n    element.style.height = expandedHeight + 'px';\n\n    requestAnimationFrame(() => {\n      element.style.height = '14px';\n      element.style.whiteSpace = 'nowrap';\n    });\n  }\n\n  toggleExpand(index: number, event: any) {\n    if (this.shadowRoot) {\n      if (this.expandedIndex !== null && this.expandedIndex !== index) {\n        const prevExpandable = this.shadowRoot.querySelectorAll(\n          '.nile-error-message__expandable'\n        )[this.expandedIndex];\n        if (prevExpandable) {\n          this.collapseText(prevExpandable);\n        }\n      }\n    }\n\n    if (this.expandedIndex === index) {\n      this.expandedIndex = null;\n      this.collapseText(event.currentTarget);\n    } else {\n      this.expandedIndex = index;\n      this.expandText(index, event.currentTarget);\n    }\n  }\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"nile-error-message\">\n        <div class=\"nile-error-message__info\">\n          <nile-icon\n            name=\"info2\"\n            size=\"14\"\n            class=\"nile-error-message__icon\"\n            part=\"icon\"\n          ></nile-icon>\n          ${this.errorMessages.length}\n          ${this.errorMessages.length > 1 ? 'attributes' : 'attribute'} are not\n          valid\n        </div>\n        ${this.errorMessages.map(\n          (errorMessage, index) => html`\n            <div\n              class=\"nile-error-message__expandable ${index !== 0\n                ? 'bordered'\n                : ''} ${this.expandedIndex === index ? 'expanded' : ''}\"\n              @click=\"${(event: any) => this.toggleExpand(index, event)}\"\n            >\n              <div class=\"nile-error-message__content\">\n                <nile-icon\n                  name=\"arrowright\"\n                  size=\"14\"\n                  class=\"nile-error-message__arrow\"\n                ></nile-icon>\n                <div class=\"nile-error-message__summary\">${errorMessage}</div>\n              </div>\n            </div>\n          `\n        )}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-error-message': NileErrorMessage;\n  }\n}\n"]}

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

@@ -1,6 +1,5 @@
 /**
  * Do not edit directly
- * Generated on Tue, 07 Feb 2023 13:10:43 GMT
  */
-declare const _default: "PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSAxMS41aDFWMUgzLjV2MUgxNXY5LjVaTTEgMTRWM2gxM3YxMUgxWk0yIDR2OWgxMVY0SDJabTQuNSAzLjVhMSAxIDAgMSAxLTIgMCAxIDEgMCAwIDEgMiAwWm0uNDE0IDIuNTg2QTIgMiAwIDAgMCAzLjUgMTEuNWg0YTIgMiAwIDAgMC0uNTg2LTEuNDE0Wk0xMiA3LjVIOC41djFIMTJ2LTFabS0yLjg3IDNoMi44OHYxSDkuMTN2LTFaIiBmaWxsPSJpbmhlcml0Ii8+";
+declare const _default: "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1IDExLjVoMVYxSDMuNXYxSDE1djkuNVpNMSAxNFYzaDEzdjExSDFaTTIgNHY5aDExVjRIMlptNC41IDMuNWExIDEgMCAxIDEtMiAwIDEgMSAwIDAgMSAyIDBabS40MTQgMi41ODZBMiAyIDAgMCAwIDMuNSAxMS41aDRhMiAyIDAgMCAwLS41ODYtMS40MTRaTTEyIDcuNUg4LjV2MUgxMnYtMVptLTIuODcgM2gyLjg4djFIOS4xM3YtMVoiIGZpbGw9ImluaGVyaXQiLz48L3N2Zz4=";
 export default _default;

package/dist/src/nile-icon/icons/svg/access-review.js

@@ -1,6 +1,5 @@
 /**
  * Do not edit directly
- * Generated on Tue, 07 Feb 2023 13:10:43 GMT
  */
-export default "PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSAxMS41aDFWMUgzLjV2MUgxNXY5LjVaTTEgMTRWM2gxM3YxMUgxWk0yIDR2OWgxMVY0SDJabTQuNSAzLjVhMSAxIDAgMSAxLTIgMCAxIDEgMCAwIDEgMiAwWm0uNDE0IDIuNTg2QTIgMiAwIDAgMCAzLjUgMTEuNWg0YTIgMiAwIDAgMC0uNTg2LTEuNDE0Wk0xMiA3LjVIOC41djFIMTJ2LTFabS0yLjg3IDNoMi44OHYxSDkuMTN2LTFaIiBmaWxsPSJpbmhlcml0Ii8+";
+export default "PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1IDExLjVoMVYxSDMuNXYxSDE1djkuNVpNMSAxNFYzaDEzdjExSDFaTTIgNHY5aDExVjRIMlptNC41IDMuNWExIDEgMCAxIDEtMiAwIDEgMSAwIDAgMSAyIDBabS40MTQgMi41ODZBMiAyIDAgMCAwIDMuNSAxMS41aDRhMiAyIDAgMCAwLS41ODYtMS40MTRaTTEyIDcuNUg4LjV2MUgxMnYtMVptLTIuODcgM2gyLjg4djFIOS4xM3YtMVoiIGZpbGw9ImluaGVyaXQiLz48L3N2Zz4=";
 //# sourceMappingURL=access-review.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"access-review.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/access-review.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAe,0VAA0V,CAAC","sourcesContent":["/**\n * Do not edit directly\n * Generated on Tue, 07 Feb 2023 13:10:43 GMT\n */\n\nexport default \"PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNSAxMS41aDFWMUgzLjV2MUgxNXY5LjVaTTEgMTRWM2gxM3YxMUgxWk0yIDR2OWgxMVY0SDJabTQuNSAzLjVhMSAxIDAgMSAxLTIgMCAxIDEgMCAwIDEgMiAwWm0uNDE0IDIuNTg2QTIgMiAwIDAgMCAzLjUgMTEuNWg0YTIgMiAwIDAgMC0uNTg2LTEuNDE0Wk0xMiA3LjVIOC41djFIMTJ2LTFabS0yLjg3IDNoMi44OHYxSDkuMTN2LTFaIiBmaWxsPSJpbmhlcml0Ii8+\";"]}
+{"version":3,"file":"access-review.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/access-review.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,keAAke,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE1IDExLjVoMVYxSDMuNXYxSDE1djkuNVpNMSAxNFYzaDEzdjExSDFaTTIgNHY5aDExVjRIMlptNC41IDMuNWExIDEgMCAxIDEtMiAwIDEgMSAwIDAgMSAyIDBabS40MTQgMi41ODZBMiAyIDAgMCAwIDMuNSAxMS41aDRhMiAyIDAgMCAwLS41ODYtMS40MTRaTTEyIDcuNUg4LjV2MUgxMnYtMVptLTIuODcgM2gyLjg4djFIOS4xM3YtMVoiIGZpbGw9ImluaGVyaXQiLz48L3N2Zz4=\";"]}

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

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+declare const _default: "PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGNpcmNsZSBjeD0iNSIgY3k9IjgiIHI9IjEiLz48cGF0aCBkPSJNNSwxMGEyLDIsMCwwLDEsMiwySDNBMiwyLDAsMCwxLDUsMTBaIi8+PHJlY3QgeD0iOCIgeT0iOCIgd2lkdGg9IjMuNSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iOC42IiB5PSIxMSIgd2lkdGg9IjIuOSIgaGVpZ2h0PSIxIi8+PHBhdGggZD0iTTEzLjUsMTQuNUguNVYzLjVoMTNabS0xMi0xaDExdi05SDEuNVoiLz48cG9seWdvbiBwb2ludHM9IjE1LjUgMTIgMTQuNSAxMiAxNC41IDIuNSAzIDIuNSAzIDEuNSAxNS41IDEuNSAxNS41IDEyIi8+PC9zdmc+";
+export default _default;

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

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+export default "PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGNpcmNsZSBjeD0iNSIgY3k9IjgiIHI9IjEiLz48cGF0aCBkPSJNNSwxMGEyLDIsMCwwLDEsMiwySDNBMiwyLDAsMCwxLDUsMTBaIi8+PHJlY3QgeD0iOCIgeT0iOCIgd2lkdGg9IjMuNSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iOC42IiB5PSIxMSIgd2lkdGg9IjIuOSIgaGVpZ2h0PSIxIi8+PHBhdGggZD0iTTEzLjUsMTQuNUguNVYzLjVoMTNabS0xMi0xaDExdi05SDEuNVoiLz48cG9seWdvbiBwb2ludHM9IjE1LjUgMTIgMTQuNSAxMiAxNC41IDIuNSAzIDIuNSAzIDEuNSAxNS41IDEuNSAxNS41IDEyIi8+PC9zdmc+";
+//# sourceMappingURL=accessreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accessreview.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/accessreview.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,0dAA0d,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGNpcmNsZSBjeD0iNSIgY3k9IjgiIHI9IjEiLz48cGF0aCBkPSJNNSwxMGEyLDIsMCwwLDEsMiwySDNBMiwyLDAsMCwxLDUsMTBaIi8+PHJlY3QgeD0iOCIgeT0iOCIgd2lkdGg9IjMuNSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iOC42IiB5PSIxMSIgd2lkdGg9IjIuOSIgaGVpZ2h0PSIxIi8+PHBhdGggZD0iTTEzLjUsMTQuNUguNVYzLjVoMTNabS0xMi0xaDExdi05SDEuNVoiLz48cG9seWdvbiBwb2ludHM9IjE1LjUgMTIgMTQuNSAxMiAxNC41IDIuNSAzIDIuNSAzIDEuNSAxNS41IDEuNSAxNS41IDEyIi8+PC9zdmc+\";"]}

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

@@ -1,6 +1,5 @@
 /**
  * Do not edit directly
- * Generated on Tue, 07 Feb 2023 13:10:43 GMT
  */
-declare const _default: "PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjY2IDE1TDcuNDIgOS42OEgxLjM3TDkuMzM5OTkgMUw4LjU4IDYuMjhIMTQuNjNMNi42NiAxNVpNMy42NiA4LjY4SDguNThMOC4xMDk5OSAxMkwxMi4zNyA3LjMySDcuNDJMNy44OSA0TDMuNjYgOC42OFoiIGZpbGw9ImluaGVyaXQiLz4=";
+declare const _default: "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjEuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNMi45LDEyLjJsLTEuOSwyTDEuOSwxNWwxLjktMmwxLjQsMS4zbDIuNi02LjVsLTYuNCwzLjFMMi45LDEyLjJ6IE02LjMsOS41bC0xLjQsMy40bC0wLjUtMC41bC0wLjMtMC4ybC0wLjYtMC42TDMsMTEuMQkJTDYuMyw5LjV6Ii8+PHBhdGggZD0iTTkuMywxQzYuMiwxLDMuNiwzLjUsMy42LDYuNmMwLDAuMywwLDAuNywwLjEsMWgwLjlDNC41LDcuMyw0LjUsNyw0LjUsNi42YzAtMi42LDIuMi00LjgsNC44LTQuOHM0LjgsMi4xLDQuOCw0LjgJCWMwLDIuNi0yLjIsNC43LTQuOCw0LjdjLTAuNCwwLTAuOCwwLTEuMS0wLjF2MC45YzAuNCwwLjEsMC43LDAuMSwxLjEsMC4xYzMuMSwwLDUuNy0yLjUsNS43LTUuNlMxMi40LDEsOS4zLDF6Ii8+PHBhdGggZD0iTTkuMyw4LjljLTAuMiwwLTAuNCwwLTAuNS0wLjFMOC41LDguN3YxbDAuMiwwYzAuMiwwLDAuNCwwLjEsMC42LDAuMWMxLjgsMCwzLjMtMS40LDMuMy0zLjJjMC0xLjgtMS41LTMuMi0zLjMtMy4yCQljLTEuOCwwLTMuMywxLjQtMy4zLDMuMmMwLDAuMiwwLDAuNCwwLjEsMC42bDAsMC4yaDFMNy4xLDdjMC0wLjEsMC0wLjMsMC0wLjVjMC0xLjIsMS0yLjMsMi4zLTIuM2MxLjMsMCwyLjMsMSwyLjMsMi4zCQlDMTEuNiw3LjgsMTAuNiw4LjksOS4zLDguOXoiLz48L2c+PC9zdmc+";
 export default _default;

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

@@ -1,6 +1,5 @@
 /**
  * Do not edit directly
- * Generated on Tue, 07 Feb 2023 13:10:43 GMT
  */
-export default "PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjY2IDE1TDcuNDIgOS42OEgxLjM3TDkuMzM5OTkgMUw4LjU4IDYuMjhIMTQuNjNMNi42NiAxNVpNMy42NiA4LjY4SDguNThMOC4xMDk5OSAxMkwxMi4zNyA3LjMySDcuNDJMNy44OSA0TDMuNjYgOC42OFoiIGZpbGw9ImluaGVyaXQiLz4=";
+export default "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjEuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNMi45LDEyLjJsLTEuOSwyTDEuOSwxNWwxLjktMmwxLjQsMS4zbDIuNi02LjVsLTYuNCwzLjFMMi45LDEyLjJ6IE02LjMsOS41bC0xLjQsMy40bC0wLjUtMC41bC0wLjMtMC4ybC0wLjYtMC42TDMsMTEuMQkJTDYuMyw5LjV6Ii8+PHBhdGggZD0iTTkuMywxQzYuMiwxLDMuNiwzLjUsMy42LDYuNmMwLDAuMywwLDAuNywwLjEsMWgwLjlDNC41LDcuMyw0LjUsNyw0LjUsNi42YzAtMi42LDIuMi00LjgsNC44LTQuOHM0LjgsMi4xLDQuOCw0LjgJCWMwLDIuNi0yLjIsNC43LTQuOCw0LjdjLTAuNCwwLTAuOCwwLTEuMS0wLjF2MC45YzAuNCwwLjEsMC43LDAuMSwxLjEsMC4xYzMuMSwwLDUuNy0yLjUsNS43LTUuNlMxMi40LDEsOS4zLDF6Ii8+PHBhdGggZD0iTTkuMyw4LjljLTAuMiwwLTAuNCwwLTAuNS0wLjFMOC41LDguN3YxbDAuMiwwYzAuMiwwLDAuNCwwLjEsMC42LDAuMWMxLjgsMCwzLjMtMS40LDMuMy0zLjJjMC0xLjgtMS41LTMuMi0zLjMtMy4yCQljLTEuOCwwLTMuMywxLjQtMy4zLDMuMmMwLDAuMiwwLDAuNCwwLjEsMC42bDAsMC4yaDFMNy4xLDdjMC0wLjEsMC0wLjMsMC0wLjVjMC0xLjIsMS0yLjMsMi4zLTIuM2MxLjMsMCwyLjMsMSwyLjMsMi4zCQlDMTEuNiw3LjgsMTAuNiw4LjksOS4zLDguOXoiLz48L2c+PC9zdmc+";
 //# sourceMappingURL=action.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"action.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/action.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,eAAe,0PAA0P,CAAC","sourcesContent":["/**\n * Do not edit directly\n * Generated on Tue, 07 Feb 2023 13:10:43 GMT\n */\n\nexport default \"PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjY2IDE1TDcuNDIgOS42OEgxLjM3TDkuMzM5OTkgMUw4LjU4IDYuMjhIMTQuNjNMNi42NiAxNVpNMy42NiA4LjY4SDguNThMOC4xMDk5OSAxMkwxMi4zNyA3LjMySDcuNDJMNy44OSA0TDMuNjYgOC42OFoiIGZpbGw9ImluaGVyaXQiLz4=\";"]}
+{"version":3,"file":"action.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/action.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,8yCAA8yC,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjEuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIJIHZpZXdCb3g9IjAgMCAxNiAxNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTYgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48cGF0aCBkPSJNMi45LDEyLjJsLTEuOSwyTDEuOSwxNWwxLjktMmwxLjQsMS4zbDIuNi02LjVsLTYuNCwzLjFMMi45LDEyLjJ6IE02LjMsOS41bC0xLjQsMy40bC0wLjUtMC41bC0wLjMtMC4ybC0wLjYtMC42TDMsMTEuMQkJTDYuMyw5LjV6Ii8+PHBhdGggZD0iTTkuMywxQzYuMiwxLDMuNiwzLjUsMy42LDYuNmMwLDAuMywwLDAuNywwLjEsMWgwLjlDNC41LDcuMyw0LjUsNyw0LjUsNi42YzAtMi42LDIuMi00LjgsNC44LTQuOHM0LjgsMi4xLDQuOCw0LjgJCWMwLDIuNi0yLjIsNC43LTQuOCw0LjdjLTAuNCwwLTAuOCwwLTEuMS0wLjF2MC45YzAuNCwwLjEsMC43LDAuMSwxLjEsMC4xYzMuMSwwLDUuNy0yLjUsNS43LTUuNlMxMi40LDEsOS4zLDF6Ii8+PHBhdGggZD0iTTkuMyw4LjljLTAuMiwwLTAuNCwwLTAuNS0wLjFMOC41LDguN3YxbDAuMiwwYzAuMiwwLDAuNCwwLjEsMC42LDAuMWMxLjgsMCwzLjMtMS40LDMuMy0zLjJjMC0xLjgtMS41LTMuMi0zLjMtMy4yCQljLTEuOCwwLTMuMywxLjQtMy4zLDMuMmMwLDAuMiwwLDAuNCwwLjEsMC42bDAsMC4yaDFMNy4xLDdjMC0wLjEsMC0wLjMsMC0wLjVjMC0xLjIsMS0yLjMsMi4zLTIuM2MxLjMsMCwyLjMsMSwyLjMsMi4zCQlDMTEuNiw3LjgsMTAuNiw4LjksOS4zLDguOXoiLz48L2c+PC9zdmc+\";"]}