@aquera/nile-elements 0.0.95 → 0.0.97

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

@@ -1 +1 @@
-{"version":3,"file":"nile-chip.cjs.js","sources":["../../../src/nile-chip/nile-chip.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\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  // 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  @property({ type: Array }) errorIndexes: number[] = [];\n\n  @property({ attribute: 'help-text', reflect: true }) helpText = '';\n\n  @property({ attribute: 'error-message', reflect: true }) errorMessage = '';\n\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    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\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    if(event.key === 'Enter' &&\n    this.inputValue &&\n    (this.noDuplicates || this.tags.includes(this.inputValue))){\n      this.emit('nile-duplicates-blocked');\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\n    const hasHelpText = this.helpText ? true : false;\n    const hasErrorMessage = this.errorMessage ? true : false;\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, index) => html`\n              <nile-tag\n                class=${classMap({\n                  'nile-chip__tags': true,\n                })}\n                .variant=${this.errorIndexes.includes(index) ? 'error' : 'normal'}\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        ${\n          hasHelpText\n            ? html`\n                <nile-form-help-text>${this.helpText}</nile-form-help-text>\n              `\n            : ``\n        }\n\n        ${\n          hasErrorMessage\n            ? html`\n                <nile-form-error-message\n                  >${this.errorMessage}</nile-form-error-message\n                >\n              `\n            : ``\n        }\n      </div>\n    `;\n  }\n}\n\nexport default NileChip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-chip': NileChip;\n  }\n}\n"],"names":["NileChip","c","constructor","this","hasSlotController","HasSlotController","tags","inputValue","isDropdownOpen","warning","error","success","noDuplicates","label","acceptUserInput","clearable","placeholder","readonly","disabled","autoCompleteOptions","filteredAutoCompleteOptions","value","noWrap","errorIndexes","helpText","errorMessage","_this","_inherits","_a","_createClass","key","onAutoCompleteOptionsChanged","filter","option","includes","onValueChanged","onTagsChanged","connectedCallback","super","emit","disconnectedCallback","handleSelect","event","detail","resetInput","handleRemove","tag","concat","_toConsumableArray","handleInputChange","handleInputKeydown","handleFocus","autoComplete","render","hasLabelSlot","test","hasLabel","hasHelpText","hasErrorMessage","html","_templateObject","_taggedTemplateLiteral","classMap","map","index","_templateObject2","_templateObject3","_templateObject4","__decorate","get","styles","NileElement","state","prototype","query","property","type","Boolean","reflect","Array","attribute","watch","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-chip.cjs.js","sources":["../../../src/nile-chip/nile-chip.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\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  // 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  @property({ type: Array }) errorIndexes: number[] = [];\n\n  @property({ attribute: 'help-text', reflect: true }) helpText = '';\n\n  @property({ attribute: 'error-message', reflect: true }) errorMessage = '';\n\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    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\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' || event.key === 'Tab' ) &&\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    if((event.key === 'Enter'|| event.key === 'Tab' ) &&\n    this.inputValue &&\n    (this.noDuplicates || this.tags.includes(this.inputValue))){\n      this.emit('nile-duplicates-blocked');\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\n    const hasHelpText = this.helpText ? true : false;\n    const hasErrorMessage = this.errorMessage ? true : false;\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, index) => html`\n              <nile-tag\n                class=${classMap({\n                  'nile-chip__tags': true,\n                })}\n                .variant=${this.errorIndexes.includes(index) ? 'error' : 'normal'}\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        ${\n          hasHelpText\n            ? html`\n                <nile-form-help-text>${this.helpText}</nile-form-help-text>\n              `\n            : ``\n        }\n\n        ${\n          hasErrorMessage\n            ? html`\n                <nile-form-error-message\n                  >${this.errorMessage}</nile-form-error-message\n                >\n              `\n            : ``\n        }\n      </div>\n    `;\n  }\n}\n\nexport default NileChip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-chip': NileChip;\n  }\n}\n"],"names":["NileChip","c","this","hasSlotController","HasSlotController","tags","inputValue","isDropdownOpen","warning","error","success","noDuplicates","label","acceptUserInput","clearable","placeholder","readonly","disabled","autoCompleteOptions","filteredAutoCompleteOptions","value","noWrap","errorIndexes","helpText","errorMessage","_this","_inherits","_a","_createClass","key","onAutoCompleteOptionsChanged","filter","option","includes","onValueChanged","onTagsChanged","connectedCallback","super","emit","disconnectedCallback","handleSelect","event","detail","resetInput","handleRemove","tag","handleInputChange","handleInputKeydown","concat","_toConsumableArray","handleFocus","autoComplete","render","hasLabelSlot","test","hasLabel","hasHelpText","hasErrorMessage","html","_templateObject","_taggedTemplateLiteral","classMap","map","index","_templateObject2","_templateObject3","_templateObject4","__decorate","get","styles","NileElement","state","prototype","query","property","type","Boolean","reflect","Array","attribute","watch","customElement"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import{__decorate as t}from"tslib";import{x as e}from"../index-0a3007c5.esm.js";import{state as i,query as s,customElement as o}from"lit/decorators.js";import{s as l}from"./nile-chip.css.esm.js";import{classMap as h}from"lit/directives/class-map.js";import{H as n}from"../internal/slot.esm.js";import{w as r}from"../internal/watch.esm.js";import{N as a}from"../internal/nile-element.esm.js";import{n as p}from"../property-09139d3c.esm.js";import"lit";let c=class extends a{constructor(){super(...arguments),this.hasSlotController=new n(this,"help-text","label"),this.tags=[],this.inputValue="",this.isDropdownOpen=!1,this.warning=!1,this.error=!1,this.success=!1,this.noDuplicates=!1,this.label="",this.acceptUserInput=!1,this.clearable=!1,this.placeholder="type here...",this.readonly=!1,this.disabled=!1,this.autoCompleteOptions=[],this.filteredAutoCompleteOptions=[],this.value=[],this.noWrap=!1,this.errorIndexes=[],this.helpText="",this.errorMessage=""}static get styles(){return[l]}onAutoCompleteOptionsChanged(){this.filteredAutoCompleteOptions=[...this.autoCompleteOptions],this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((t=>!this.value.includes(t))))}onValueChanged(){this.tags=[...this.value],this.onTagsChanged()}onTagsChanged(){this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((t=>!this.tags.includes(t))))}connectedCallback(){super.connectedCallback(),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((t=>!this.value.includes(t)))),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}handleSelect(t){this.noDuplicates&&this.tags.includes(t.detail.value)||(this.tags=[...this.tags,t.detail.value],this.emit("nile-chip-change",{value:this.tags}),this.resetInput())}handleRemove(t){this.tags=this.tags.filter((e=>e!==t)),this.noDuplicates&&this.autoCompleteOptions.includes(t)&&(this.filteredAutoCompleteOptions=[...this.filteredAutoCompleteOptions,t]),this.emit("nile-chip-change",{value:this.tags})}handleInputChange(t){this.inputValue=t.detail.value}handleInputKeydown(t){this.acceptUserInput&&("Enter"!==t.key||!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})),"Enter"===t.key&&this.inputValue&&(this.noDuplicates||this.tags.includes(this.inputValue))&&this.emit("nile-duplicates-blocked"))}handleFocus(){this.isDropdownOpen=!0}resetInput(){this.inputValue="",this.isDropdownOpen=!1,this.autoComplete.value="",this.autoComplete.handleFocus()}render(){const t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const i=!!this.label||!!t,s=!!this.helpText,o=!!this.errorMessage;return e`
+import{__decorate as t}from"tslib";import{x as e}from"../index-0a3007c5.esm.js";import{state as i,query as s,customElement as o}from"lit/decorators.js";import{s as l}from"./nile-chip.css.esm.js";import{classMap as h}from"lit/directives/class-map.js";import{H as n}from"../internal/slot.esm.js";import{w as r}from"../internal/watch.esm.js";import{N as a}from"../internal/nile-element.esm.js";import{n as p}from"../property-09139d3c.esm.js";import"lit";let c=class extends a{constructor(){super(...arguments),this.hasSlotController=new n(this,"help-text","label"),this.tags=[],this.inputValue="",this.isDropdownOpen=!1,this.warning=!1,this.error=!1,this.success=!1,this.noDuplicates=!1,this.label="",this.acceptUserInput=!1,this.clearable=!1,this.placeholder="type here...",this.readonly=!1,this.disabled=!1,this.autoCompleteOptions=[],this.filteredAutoCompleteOptions=[],this.value=[],this.noWrap=!1,this.errorIndexes=[],this.helpText="",this.errorMessage=""}static get styles(){return[l]}onAutoCompleteOptionsChanged(){this.filteredAutoCompleteOptions=[...this.autoCompleteOptions],this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((t=>!this.value.includes(t))))}onValueChanged(){this.tags=[...this.value],this.onTagsChanged()}onTagsChanged(){this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((t=>!this.tags.includes(t))))}connectedCallback(){super.connectedCallback(),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter((t=>!this.value.includes(t)))),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}handleSelect(t){this.noDuplicates&&this.tags.includes(t.detail.value)||(this.tags=[...this.tags,t.detail.value],this.emit("nile-chip-change",{value:this.tags}),this.resetInput())}handleRemove(t){this.tags=this.tags.filter((e=>e!==t)),this.noDuplicates&&this.autoCompleteOptions.includes(t)&&(this.filteredAutoCompleteOptions=[...this.filteredAutoCompleteOptions,t]),this.emit("nile-chip-change",{value:this.tags})}handleInputChange(t){this.inputValue=t.detail.value}handleInputKeydown(t){this.acceptUserInput&&("Enter"!==t.key&&"Tab"!==t.key||!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})),"Enter"!==t.key&&"Tab"!==t.key||!this.inputValue||!this.noDuplicates&&!this.tags.includes(this.inputValue)||this.emit("nile-duplicates-blocked"))}handleFocus(){this.isDropdownOpen=!0}resetInput(){this.inputValue="",this.isDropdownOpen=!1,this.autoComplete.value="",this.autoComplete.handleFocus()}render(){const t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const i=!!this.label||!!t,s=!!this.helpText,o=!!this.errorMessage;return e`
       <div
         part="form-control"
         class=${h({"form-control":!0,"form-control--medium":!0,"form-control--has-label":i,"form-control--has-help-text":s,"nile-chip--disabled":this.disabled})}