@aquera/nile-elements 0.0.6-6 → 0.0.6-8

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

@@ -1 +1 @@
-{"version":3,"file":"nile-textarea.cjs.js","sources":["../../../src/nile-textarea/nile-textarea.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 {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-textarea.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query, state } from 'lit/decorators.js';\nimport { defaultValue } from '../internal/default-value';\nimport { FormControlController } from '../internal/form';\nimport { HasSlotController } from '../internal/slot';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Textareas collect data from the user and allow multiple lines of text.\n * @tag nile-text-area\n\n *\n * @slot label - The textarea's label. Alternatively, you can use the `label` attribute.\n * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n *\n * @event nile-blur - Emitted when the control loses focus.\n * @event nile-change - Emitted when an alteration to the control's value is committed by the user.\n * @event nile-focus - Emitted when the control gains focus.\n * @event nile-input - Emitted when the control receives input.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart base - The component's base wrapper.\n * @csspart textarea - The internal `<textarea>` control.\n */\n\n@customElement('nile-textarea')\nexport class NileTextarea extends NileElement  {\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n  private resizeObserver: ResizeObserver;\n\n  @query('.textarea__control') input: HTMLTextAreaElement;\n\n  @state() private hasFocus = false;\n  @property() title = ''; // make reactive to pass through\n\n  /** The name of the textarea, submitted as a name/value pair with form data. */\n  @property() name = '';\n\n  /** The current value of the textarea, submitted as a name/value pair with form data. */\n  @property() value = '';\n\n  /** The textarea's size. */\n  @property({ reflect: true }) size = 'medium';\n\n  /** Draws a filled textarea. */\n  @property({ type: Boolean, reflect: true }) filled = false;\n\n  /** The textarea's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  /** The textarea's help text. If you need to display HTML, use the `help-text` slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** The input's error message. If you need to display HTML, use the `error-message` slot instead. */\n  @property({ attribute: 'error-message' }) errorMessage = '';\n\n  /** Placeholder text to show as a hint when the input is empty. */\n  @property() placeholder = '';\n\n  /** The number of rows to display by default. */\n  @property({ type: Number }) rows = 4;\n\n  /** Controls how the textarea can be resized. */\n  @property() resize: 'none' | 'vertical' | 'auto' = 'vertical';\n\n  /** Disables the textarea. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Makes the textarea readonly. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n   * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n   * the same document or shadow root for this to work.\n   */\n  @property({ reflect: true }) form = '';\n\n  /** Makes the textarea a required field. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  @property({ type: Number }) minlength: number;\n\n  @property({ type: Number }) maxlength: number;\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  /** Controls whether and how text input is automatically capitalized as it is entered by the user. */\n  @property() autocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';\n\n  /** Indicates whether the browser's autocorrect feature is on or off. */\n  @property() autocorrect: string;\n\n  /**\n   * Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n   * [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n   */\n  @property() autocomplete: string;\n\n  /** Indicates that the input should receive focus on page load. */\n  @property({ type: Boolean }) autofocus: boolean;\n\n  /** Used to customize the label or icon of the Enter key on virtual keyboards. */\n  @property() enterkeyhint: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';\n\n  /** Enables spell checking on the textarea. */\n  @property({\n    type: Boolean,\n    converter: {\n      // Allow \"true|false\" attribute values but keep the property boolean\n      fromAttribute: value => (!value || value === 'false' ? false : true),\n      toAttribute: value => (value ? 'true' : 'false')\n    }\n  })\n  spellcheck = true;\n\n  /**\n   * Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\n   * keyboard on supportive devices.\n   */\n  @property() inputmode: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';\n\n  /** The default value of the form control. Primarily used for resetting the form control. */\n  @defaultValue() defaultValue = '';\n\n  @property({ type: Boolean, reflect: true }) fullHeight = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.resizeObserver = new ResizeObserver(() => this.setTextareaHeight());\n\n    this.updateComplete.then(() => {\n      this.setTextareaHeight();\n      this.resizeObserver.observe(this.input);\n    });\n\n    if(this.fullHeight){\n    requestAnimationFrame(() => {\n      let parentHeight = this.parentElement?.getBoundingClientRect().height;\n\n      if (parentHeight) {\n        parentHeight = parentHeight - 65;\n        this.shadowRoot?.querySelector('textarea')?.style.setProperty('height', `${parentHeight}px`);\n      }\n    });\n    }\n\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.resizeObserver.unobserve(this.input);\n    this.emit('nile-destroy');\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('nile-blur', { value: this.value });\n  }\n\n  private handleChange() {\n    this.value = this.input.value;\n    this.setTextareaHeight();\n    this.emit('nile-change', { value: this.value });\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('nile-focus', { value: this.value });\n  }\n\n  private handleInput() {\n    this.value = this.input.value;\n    this.emit('nile-input', { value: this.value });\n  }\n\n  private setTextareaHeight() {\n    if (this.resize === 'auto') {\n      this.input.style.height = 'auto';\n      this.input.style.height = `${this.input.scrollHeight}px`;\n    } else {\n      (this.input.style.height as string | undefined) = undefined;\n    }\n  }\n\n  @watch('rows', { waitUntilFirstUpdate: true })\n  handleRowsChange() {\n    this.setTextareaHeight();\n  }\n\n  @watch('value', { waitUntilFirstUpdate: true })\n  async handleValueChange() {\n    await this.updateComplete;\n    this.setTextareaHeight();\n  }\n\n  /** Sets focus on the textarea. */\n  focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the textarea. */\n  blur() {\n    this.input.blur();\n  }\n\n  /** Selects all the text in the textarea. */\n  select() {\n    this.input.select();\n  }\n\n  /** Gets or sets the textarea's scroll position. */\n  scrollPosition(position?: { top?: number; left?: number }): { top: number; left: number } | undefined {\n    if (position) {\n      if (typeof position.top === 'number') this.input.scrollTop = position.top;\n      if (typeof position.left === 'number') this.input.scrollLeft = position.left;\n      return undefined;\n    }\n\n    return {\n      top: this.input.scrollTop,\n      left: this.input.scrollTop\n    };\n  }\n\n  /** Sets the start and end positions of the text selection (0-based). */\n  setSelectionRange(\n    selectionStart: number,\n    selectionEnd: number,\n    selectionDirection: 'forward' | 'backward' | 'none' = 'none'\n  ) {\n    this.input.setSelectionRange(selectionStart, selectionEnd, selectionDirection);\n  }\n\n  /** Replaces a range of text with a new string. */\n  setRangeText(\n    replacement: string,\n    start?: number,\n    end?: number,\n    selectMode?: 'select' | 'start' | 'end' | 'preserve'\n  ) {\n    // @ts-expect-error - start, end, and selectMode are optional\n    this.input.setRangeText(replacement, start, end, selectMode);\n\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n      this.setTextareaHeight();\n    }\n  }\n\n  render() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\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': this.size === 'medium',\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText\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 part=\"form-control-input\" class=\"form-control-input\">\n          <div\n            part=\"base\"\n            class=${classMap({\n              textarea: true,\n              'textarea--medium': this.size === 'medium',\n              'textarea--warning': this.warning,\n              'textarea--error': this.error,\n              'textarea--success': this.success,\n              'textarea--standard': !this.filled,\n              'textarea--disabled': this.disabled,\n              'textarea--focused': this.hasFocus,\n              'textarea--empty': !this.value,\n              'textarea--resize-none': this.resize === 'none',\n              'textarea--resize-vertical': this.resize === 'vertical',\n              'textarea--resize-auto': this.resize === 'auto'\n            })}\n          >\n            <textarea\n              part=\"textarea\"\n              id=\"input\"\n              class=\"textarea__control\"\n              title=${this.title /* An empty title prevents browser validation tooltips from appearing on hover */}\n              name=${ifDefined(this.name)}\n              .value=${live(this.value)}\n              ?disabled=${this.disabled}\n              ?readonly=${this.readonly}\n              ?required=${this.required}\n              placeholder=${ifDefined(this.placeholder)}\n              rows=${ifDefined(this.rows)}\n              minlength=${ifDefined(this.minlength)}\n              maxlength=${ifDefined(this.maxlength)}\n              autocapitalize=${ifDefined(this.autocapitalize)}\n              autocorrect=${ifDefined(this.autocorrect)}\n              ?autofocus=${this.autofocus}\n              spellcheck=${ifDefined(this.spellcheck)}\n              enterkeyhint=${ifDefined(this.enterkeyhint)}\n              inputmode=${ifDefined(this.inputmode)}\n              aria-describedby=\"help-text\"\n              @change=${this.handleChange}\n              @input=${this.handleInput}\n              @focus=${this.handleFocus}\n              @blur=${this.handleBlur}\n            ></textarea>\n          </div>\n        </div>\n\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 NileTextarea;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-textarea': NileTextarea;\n  }\n}\n"],"names":["NileTextarea","p","this","hasSlotController","HasSlotController","hasFocus","title","name","value","size","filled","label","helpText","errorMessage","placeholder","rows","resize","disabled","readonly","form","required","warning","error","success","spellcheck","defaultValue","fullHeight","_this","_createClass","key","connectedCallback","super","resizeObserver","ResizeObserver","setTextareaHeight","updateComplete","then","observe","input","requestAnimationFrame","_this2$parentElement","_this2$shadowRoot","parentHeight","parentElement","getBoundingClientRect","height","shadowRoot","querySelector","style","setProperty","concat","emit","disconnectedCallback","unobserve","handleBlur","handleChange","handleFocus","handleInput","scrollHeight","undefined","handleRowsChange","_handleValueChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context2","prev","next","stop","handleValueChange","apply","arguments","focus","options","blur","select","scrollPosition","position","top","scrollTop","left","scrollLeft","setSelectionRange","selectionStart","selectionEnd","selectionDirection","length","setRangeText","replacement","start","end","selectMode","render","hasLabelSlot","test","hasLabel","hasHelpText","hasErrorMessage","html","_templateObject","_taggedTemplateLiteral","classMap","textarea","ifDefined","live","minlength","maxlength","autocapitalize","autocorrect","autofocus","enterkeyhint","inputmode","_templateObject2","_templateObject3","NileElement","styles","__decorate","query","prototype","state","property","reflect","type","Boolean","attribute","Number","converter","fromAttribute","toAttribute","watch","waitUntilFirstUpdate","customElement"],"mappings":"ogaA2CaA,CAAAA,uBAAAA,EAAAA,EAAAA,SAAAA,CAAAA,CAAAA,CAAAA,EAAAA,MAAAA,MAAAA,CAAAA,YAAAA,CAAAA,CAAAA,EAAN,SAAAC,EAAA,uEAGYC,KAAAA,CAAiBC,iBAAG,CAAA,GAAIC,CAAAA,gCAAwB,WAAA,CAAa,SAK7DF,KAAAA,CAAQG,QAAAA,CAAAA,CAAG,CAChBH,CAAAA,KAAAA,CAAAI,KAAQ,CAAA,EAAA,CAGRJ,KAAAA,CAAIK,IAAG,CAAA,EAAA,CAGPL,KAAAA,CAAKM,KAAG,CAAA,EAAA,CAGSN,KAAAA,CAAIO,IAAG,CAAA,QAAA,CAGQP,KAAAA,CAAMQ,MAAG,CAAA,CAAA,CAAA,CAGzCR,KAAAA,CAAKS,KAAG,CAAA,EAAA,CAGkBT,KAAAA,CAAQU,QAAG,CAAA,EAAA,CAGPV,KAAAA,CAAYW,YAAG,CAAA,EAAA,CAG7CX,KAAAA,CAAWY,WAAG,CAAA,EAAA,CAGEZ,KAAAA,CAAIa,IAAG,CAAA,CAAA,CAGvBb,KAAAA,CAAMc,MAAiC,CAAA,UAAA,CAGPd,KAAAA,CAAQe,QAAG,CAAA,CAAA,CAAA,CAGXf,KAAAA,CAAQgB,QAAG,CAAA,CAAA,CAAA,CAO1BhB,KAAAA,CAAIiB,IAAG,CAAA,EAAA,CAGQjB,KAAAA,CAAQkB,QAAG,CAAA,CAAA,CAAA,CAO1BlB,KAAAA,CAAOmB,OAAG,CAAA,CAAA,CAAA,CAGVnB,KAAAA,CAAKoB,KAAAA,CAAAA,CAAG,CAGRpB,CAAAA,KAAAA,CAAOqB,SAAG,CA6BvCrB,CAAAA,KAAAA,CAAUsB,YAAG,CASGtB,CAAAA,KAAAA,CAAYuB,aAAG,EAEavB,CAAAA,KAAAA,CAAUwB,YAAG,CAgO1D,QAAAC,KAAA,EA9NCC,YAAA,CAAA3B,CAAA,GAAA4B,GAAA,qBAAArB,KAAA,UAAAsB,kBAAA,CACEC,KAAAA,MAAAA,MAAAA,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,4BAAAA,IAAAA,OACA7B,IAAK8B,CAAAA,cAAAA,CAAiB,GAAIC,CAAAA,cAAe,CAAA,iBAAM/B,CAAAA,OAAKgC,iBAEpDhC,CAAAA,CAAAA,EAAAA,CAAAA,CAAAA,IAAAA,CAAKiC,eAAeC,IAAK,CAAA,UAAA,CACvBlC,OAAKgC,iBACLhC,CAAAA,CAAAA,CAAAA,MAAAA,CAAK8B,eAAeK,OAAQnC,CAAAA,MAAAA,CAAKoC,MAAM,EAGtCpC,CAAAA,CAAAA,IAAAA,CAAKwB,YACRa,qBAAsB,CAAA,UAAA,KAAAC,oBAAA,CAAAC,iBAAA,CACpB,GAAIC,CAAAA,CAAexC,EAAAA,oBAAAA,CAAAA,MAAAA,CAAKyC,4DAALzC,oBAAAA,CAAoB0C,qBAAwBC,CAAAA,CAAAA,CAAAA,MAAAA,CAE3DH,CACFA,GAAAA,CAAAA,EAA8B,EAC9BxC,EAAAA,iBAAAA,CAAAA,MAAAA,CAAK4C,mEAAL5C,iBAAAA,CAAiB6C,aAAc,CAAA,UAAA,CAAA,UAAAN,iBAAA,iBAA/BvC,iBAAAA,CAA4C8C,MAAMC,WAAY,CAAA,QAAA,IAAAC,MAAA,CAAaR,CAC5E,MAAA,CAAA,CAAA,EAAA,CAAA,CAIHxC,KAAKiD,IAAK,CAAA,WAAA,CACX,EAED,GAAAtB,GAAA,wBAAArB,KAAA,UAAA4C,qBAAA,CAAAA,CACErB,IAAAA,CAAAA,eAAAA,CAAAA,CAAAA,CAAAA,SAAAA,+BAAAA,IAAAA,OACA7B,IAAAA,CAAK8B,eAAeqB,SAAUnD,CAAAA,IAAAA,CAAKoC,OACnCpC,IAAKiD,CAAAA,IAAAA,CAAK,eACX,EAEO,GAAAtB,GAAA,cAAArB,KAAA,UAAA8C,WAAA,EACNpD,IAAKG,CAAAA,QAAAA,CAAAA,CAAW,EAChBH,IAAKiD,CAAAA,IAAAA,CAAK,YAAa,CAAE3C,KAAAA,CAAON,KAAKM,KACtC,CAAA,CAAA,EAEO,GAAAqB,GAAA,gBAAArB,KAAA,UAAA+C,aAAA,CACNrD,CAAAA,IAAAA,CAAKM,MAAQN,IAAKoC,CAAAA,KAAAA,CAAM9B,KACxBN,CAAAA,IAAAA,CAAKgC,iBACLhC,CAAAA,CAAAA,CAAAA,IAAAA,CAAKiD,KAAK,aAAe,CAAA,CAAE3C,MAAON,IAAKM,CAAAA,KAAAA,CAAAA,CACxC,EAEO,GAAAqB,GAAA,eAAArB,KAAA,UAAAgD,YAAA,CAAAA,CACNtD,KAAKG,QAAW,CAAA,CAAA,CAAA,CAChBH,KAAKiD,IAAK,CAAA,YAAA,CAAc,CAAE3C,KAAON,CAAAA,IAAAA,CAAKM,OACvC,EAEO,GAAAqB,GAAA,eAAArB,KAAA,UAAAiD,YAAA,EACNvD,IAAKM,CAAAA,KAAAA,CAAQN,KAAKoC,KAAM9B,CAAAA,KAAAA,CACxBN,KAAKiD,IAAK,CAAA,YAAA,CAAc,CAAE3C,KAAON,CAAAA,IAAAA,CAAKM,OACvC,EAEO,GAAAqB,GAAA,qBAAArB,KAAA,UAAA0B,kBAAA,EACc,MAAhBhC,GAAAA,IAAAA,CAAKc,QACPd,IAAKoC,CAAAA,KAAAA,CAAMU,MAAMH,MAAS,CAAA,MAAA,CAC1B3C,IAAKoC,CAAAA,KAAAA,CAAMU,KAAMH,CAAAA,MAAAA,IAAAA,MAAAA,CAAY3C,IAAKoC,CAAAA,KAAAA,CAAMoB,oBAEvCxD,IAAKoC,CAAAA,KAAAA,CAAMU,MAAMH,MAAgCc,CAAAA,IAAAA,EAErD,EAGD,GAAA9B,GAAA,oBAAArB,KAAA,UAAAoD,iBAAA,CAAAA,CACE1D,KAAKgC,iBACN,CAAA,CAAA,EAGK,GAAAL,GAAA,qBAAArB,KAAA,gBAAAqD,kBAAA,CAAAC,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,UAAAC,QAAA,SAAAF,mBAAA,GAAAG,IAAA,UAAAC,SAAAC,SAAA,iBAAAA,SAAA,CAAAC,IAAA,CAAAD,SAAA,CAAAE,IAAA,SAAAF,SAAA,CAAAE,IAAA,SACEpE,KAAAA,CAAKiC,sBACXjC,IAAKgC,CAAAA,iBAAAA,CAAAA,CACN,yBAAAkC,SAAA,CAAAG,IAAA,MAAAN,OAAA,QAGD,YAAAO,kBAAA,SAAAX,kBAAA,CAAAY,KAAA,MAAAC,SAAA,UAAAF,iBAAA,OAAA3C,GAAA,SAAArB,KAAA,UAAAmE,MAAMC,GACJ1E,IAAKoC,CAAAA,KAAAA,CAAMqC,MAAMC,CAClB,CAAA,EAGD,GAAA/C,GAAA,QAAArB,KAAA,UAAAqE,KAAA,CACE3E,CAAAA,IAAAA,CAAKoC,MAAMuC,IACZ,CAAA,CAAA,EAGD,GAAAhD,GAAA,UAAArB,KAAA,UAAAsE,OAAA,CACE5E,CAAAA,IAAAA,CAAKoC,MAAMwC,MACZ,CAAA,CAAA,EAGD,GAAAjD,GAAA,kBAAArB,KAAA,UAAAuE,eAAeC,CAAAA,CAAAA,CACb,MAAIA,CAAAA,CAAAA,EAC0B,QAAjBA,EAAAA,MAAAA,CAAAA,CAAAA,CAASC,MAAkB/E,IAAKoC,CAAAA,KAAAA,CAAM4C,UAAYF,CAASC,CAAAA,GAAAA,CAAAA,CAAAA,KACzC,gBAAlBD,CAAAA,CAASG,CAAAA,IAAAA,GAAmBjF,KAAKoC,KAAM8C,CAAAA,UAAAA,CAAaJ,EAASG,IAInE,CAAA,CAAA,EAAA,CACLF,IAAK/E,IAAKoC,CAAAA,KAAAA,CAAM4C,UAChBC,IAAMjF,CAAAA,IAAAA,CAAKoC,MAAM4C,SAEpB,CAAA,EAGD,GAAArD,GAAA,qBAAArB,KAAA,UAAA6E,kBACEC,CAAAA,CACAC,EACsD,IAAtDC,CAAAA,CAAsD,CAAAd,SAAA,CAAAe,MAAA,IAAAf,SAAA,MAAAf,SAAA,CAAAe,SAAA,IAAA,MAAA,CAEtDxE,KAAKoC,KAAM+C,CAAAA,iBAAAA,CAAkBC,EAAgBC,CAAcC,CAAAA,CAAAA,CAC5D,EAGD,GAAA3D,GAAA,gBAAArB,KAAA,UAAAkF,aACEC,EACAC,CACAC,CAAAA,CAAAA,CACAC,GAGA5F,IAAKoC,CAAAA,KAAAA,CAAMoD,YAAaC,CAAAA,CAAAA,CAAaC,CAAOC,CAAAA,CAAAA,CAAKC,GAE7C5F,IAAKM,CAAAA,KAAAA,GAAUN,KAAKoC,KAAM9B,CAAAA,KAAAA,GAC5BN,KAAKM,KAAQN,CAAAA,IAAAA,CAAKoC,MAAM9B,KAGtBN,CAAAA,CAAAA,IAAAA,CAAKM,QAAUN,IAAKoC,CAAAA,KAAAA,CAAM9B,QAC5BN,IAAKM,CAAAA,KAAAA,CAAQN,KAAKoC,KAAM9B,CAAAA,KAAAA,CACxBN,IAAKgC,CAAAA,iBAAAA,CAAAA,CAAAA,CAER,EAED,GAAAL,GAAA,UAAArB,KAAA,UAAAuF,OAAA,EACE,GAAMC,CAAAA,CAAAA,CAAe9F,KAAKC,iBAAkB8F,CAAAA,IAAAA,CAAK,SACzB/F,IAAKC,CAAAA,iBAAAA,CAAkB8F,KAAK,WACpD,CAAA,CAAA,GAAMC,CAAAA,IAAWhG,IAAKS,CAAAA,KAAAA,EAAAA,CAAAA,CAAiBqF,EAEjCG,CAAcjG,CAAAA,CAAAA,CAAAA,IAAAA,CAAKU,SACnBwF,CAAkBlG,CAAAA,CAAAA,CAAAA,IAAAA,CAAKW,YAE7B,CAAA,MAAOwF,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,oxCAGCC,CAAS,CAAA,CACf,gBAAgB,CAChB,CAAA,sBAAA,CAAsC,WAAdtG,IAAKO,CAAAA,IAAAA,CAC7B,yBAA2ByF,CAAAA,CAAAA,CAC3B,6BAA+BC,CAAAA,CAAAA,CAAAA,CAAAA,CAOjBD,CAAAA,CAAW,OAAU,CAAA,MAAA,CAEdhG,IAAKS,CAAAA,KAAAA,CAMhB6F,CAAAA,CAAS,CACfC,QAAU,CAAA,CAAA,CAAA,CACV,kBAAkC,CAAA,QAAA,GAAdvG,KAAKO,IACzB,CAAA,mBAAA,CAAqBP,IAAKmB,CAAAA,OAAAA,CAC1B,kBAAmBnB,IAAKoB,CAAAA,KAAAA,CACxB,oBAAqBpB,IAAKqB,CAAAA,OAAAA,CAC1B,sBAAuBrB,IAAKQ,CAAAA,MAAAA,CAC5B,oBAAsBR,CAAAA,IAAAA,CAAKe,SAC3B,mBAAqBf,CAAAA,IAAAA,CAAKG,QAC1B,CAAA,iBAAA,CAAA,CAAoBH,KAAKM,KACzB,CAAA,uBAAA,CAAyC,MAAhBN,GAAAA,IAAAA,CAAKc,OAC9B,2BAA6C,CAAA,UAAA,GAAhBd,KAAKc,MAClC,CAAA,uBAAA,CAAyC,SAAhBd,IAAKc,CAAAA,MAAAA,CAAAA,CAAAA,CAOtBd,IAAKI,CAAAA,KAAAA,CACNoG,CAAAA,CAAUxG,IAAKK,CAAAA,IAAAA,CAAAA,CACboG,CAAAA,CAAKzG,IAAKM,CAAAA,KAAAA,CAAAA,CACPN,IAAKe,CAAAA,QAAAA,CACLf,IAAKgB,CAAAA,QAAAA,CACLhB,IAAKkB,CAAAA,QAAAA,CACHsF,CAAAA,CAAUxG,IAAKY,CAAAA,WAAAA,CAAAA,CACtB4F,CAAAA,CAAUxG,IAAKa,CAAAA,IAAAA,CAAAA,CACV2F,CAAAA,CAAUxG,IAAK0G,CAAAA,SAAAA,CAAAA,CACfF,CAAAA,CAAUxG,IAAK2G,CAAAA,SAAAA,CAAAA,CACVH,CAAAA,CAAUxG,IAAK4G,CAAAA,cAAAA,CAAAA,CAClBJ,CAAAA,CAAUxG,IAAK6G,CAAAA,WAAAA,CAAAA,CAChB7G,IAAK8G,CAAAA,SAAAA,CACLN,CAAAA,CAAUxG,IAAKsB,CAAAA,UAAAA,CAAAA,CACbkF,CAAAA,CAAUxG,IAAK+G,CAAAA,YAAAA,CAAAA,CAClBP,CAAAA,CAAUxG,IAAKgH,CAAAA,SAAAA,CAAAA,CAEjBhH,IAAKqD,CAAAA,YAAAA,CACNrD,IAAKuD,CAAAA,WAAAA,CACLvD,IAAKsD,CAAAA,WAAAA,CACNtD,IAAKoD,CAAAA,UAAAA,CAMjB6C,CAAAA,CACIE,CAAI,CAAAc,gBAAA,GAAAA,gBAAA,CAAAZ,sBAAA,wFACqBrG,IAAKU,CAAAA,QAAAA,EAE9B,EAAA,CAIJwF,CAAAA,CACIC,CAAI,CAAAe,gBAAA,GAAAA,gBAAA,CAAAb,sBAAA,sIAEGrG,IAAKW,CAAAA,YAAAA,EAGZ,EAAA,EAIX,CAAA,WAAAZ,CAAA,GA3U+BoH,CAA3B,GACErH,EAAMsH,MAAmBA,CAAAA,CAAAA,CAKHC,CAAA,CAAA,CAA5BC,EAAM,oBAAiDxH,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyH,SAAA,CAAA,OAAA,CAAA,IAAA,IAE/CF,CAAA,CAAA,CAARG,CAAiC1H,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyH,UAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CACtBF,CAAA,CAAA,CAAXI,KAAsB3H,CAAAyH,CAAAA,SAAAA,CAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CAGXF,EAAA,CAAXI,CAAAA,CAAAA,CAAAA,CAAAA,CAAqB3H,CAAAyH,CAAAA,SAAAA,CAAA,WAAA,EAGVF,CAAAA,CAAAA,CAAAA,CAAA,CAAXI,CAAAA,CAAAA,CAAAA,CAAAA,CAAsB3H,EAAAyH,SAAA,CAAA,OAAA,CAAA,IAAA,EAGMF,CAAAA,CAAAA,CAAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAwB5H,EAAAyH,SAAA,CAAA,MAAA,CAAA,IAAA,EAGDF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAS,CAAA,CAAEE,IAAMC,CAAAA,OAAAA,CAASF,SAAS,CAAuB5H,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyH,SAAA,CAAA,QAAA,CAAA,IAAA,IAG/CF,CAAA,CAAA,CAAXI,CAAsB3H,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyH,UAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CAGeF,CAAA,CAAA,CAArCI,EAAS,CAAEI,SAAAA,CAAW,eAA6B/H,CAAAyH,CAAAA,SAAAA,CAAA,eAAA,EAGVF,CAAAA,CAAAA,CAAAA,CAAA,CAAzCI,CAAAA,CAAS,CAAEI,SAAW,CAAA,eAAA,CAAA,CAAA,CAAA,CAAqC/H,CAAAyH,CAAAA,SAAAA,CAAA,mBAAA,EAGhDF,CAAAA,CAAAA,CAAAA,CAAA,CAAXI,CAAAA,CAAAA,CAAAA,CAAAA,CAA4B3H,EAAAyH,SAAA,CAAA,aAAA,CAAA,IAAA,EAGDF,CAAAA,CAAAA,CAAAA,CAAA,CAA3BI,CAAS,CAAA,CAAEE,IAAMG,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAAmBhI,EAAAyH,SAAA,CAAA,MAAA,CAAA,IAAA,EAGzBF,CAAAA,CAAAA,CAAAA,CAAA,CAAXI,CAA6D3H,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyH,SAAA,CAAA,QAAA,CAAA,IAAA,IAGlBF,CAAA,CAAA,CAA3CI,CAAS,CAAA,CAAEE,KAAMC,OAASF,CAAAA,OAAAA,CAAAA,CAAS,CAAyB5H,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyH,UAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAGjBF,CAAA,CAAA,CAA3CI,EAAS,CAAEE,IAAAA,CAAMC,OAASF,CAAAA,OAAAA,CAAAA,CAAS,KAAyB5H,CAAAyH,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAOhCF,EAAA,CAA5BI,CAAAA,CAAS,CAAEC,OAAAA,CAAAA,CAAS,KAAkB5H,CAAAyH,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAGKF,EAAA,CAA3CI,CAAAA,CAAS,CAAEE,IAAAA,CAAMC,QAASF,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyB5H,EAAAyH,SAAA,CAAA,UAAA,CAAA,IAAA,IAEjCF,CAAA,CAAA,CAA3BI,CAAS,CAAA,CAAEE,KAAMG,MAA4BhI,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyH,SAAA,CAAA,WAAA,CAAA,IAAA,IAElBF,CAAA,CAAA,CAA3BI,CAAS,CAAA,CAAEE,KAAMG,MAA4BhI,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyH,SAAA,CAAA,WAAA,CAAA,IAAA,IAGjBF,CAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEE,KAAMC,OAA2B9H,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyH,SAAA,CAAA,SAAA,CAAA,IAAA,IAGhBF,CAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEE,KAAMC,OAAyB9H,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyH,SAAA,CAAA,OAAA,CAAA,IAAA,IAGdF,CAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEE,KAAMC,OAA2B9H,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyH,SAAA,CAAA,SAAA,CAAA,IAAA,IAGjCF,CAAA,CAAA,CAAXI,CAAwF3H,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyH,UAAA,gBAAA,CAAA,IAAA,EAAA,CAAA,CAG7EF,CAAA,CAAA,CAAXI,KAA+B3H,CAAAyH,CAAAA,SAAAA,CAAA,aAAA,CAAA,IAAA,EAAA,CAAA,CAMpBF,EAAA,CAAXI,CAAAA,CAAAA,CAAAA,CAAAA,CAAgC3H,CAAAyH,CAAAA,SAAAA,CAAA,mBAAA,EAGJF,CAAAA,CAAAA,CAAAA,CAAA,CAA5BI,CAAAA,CAAS,CAAEE,IAAMC,CAAAA,OAAAA,CAAAA,CAAAA,CAAAA,CAA8B9H,EAAAyH,SAAA,CAAA,WAAA,CAAA,IAAA,IAGpCF,CAAA,CAAA,CAAXI,CAA2F3H,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyH,UAAA,cAAA,CAAA,IAAA,EAAA,CAAA,CAW5FF,CAAA,CAAA,CARCI,EAAS,CACRE,IAAAA,CAAMC,OACNG,CAAAA,SAAAA,CAAW,CAETC,aAAe1H,CAAAA,SAAAA,cAAAA,CAAAA,QAAAA,EAAAA,CAAWA,CAAmB,EAAA,OAAA,GAAVA,KACnC2H,WAAa3H,CAAAA,SAAAA,YAAAA,CAAAA,QAAUA,CAAAA,CAAQ,CAAA,MAAA,CAAS,cAG1BR,CAAAyH,CAAAA,SAAAA,CAAA,YAAA,CAAA,IAAA,EAAA,CAAA,CAMNF,EAAA,CAAXI,CAAAA,CAAAA,CAAAA,CAAAA,CAAmG3H,CAAAyH,CAAAA,SAAAA,CAAA,gBAAA,EAGpFF,CAAAA,CAAAA,CAAAA,CAAA,CAAf9F,CAAiCzB,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyH,UAAA,cAAA,CAAA,IAAA,EAAA,CAAA,CAEUF,CAAA,CAAA,CAA3CI,EAAS,CAAEE,IAAAA,CAAMC,OAASF,CAAAA,OAAAA,CAAAA,CAAS,KAA2B5H,CAAAyH,CAAAA,SAAAA,CAAA,YAAA,CAAA,IAAA,EAAA,CAAA,CA8D/DF,EAAA,CADCa,CAAAA,CAAM,MAAQ,CAAA,CAAEC,sBAAsB,CAGtCrI,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAyH,SAAA,CAAA,kBAAA,CAAA,MAGKF,CAAA,CAAA,CADLa,CAAM,CAAA,OAAA,CAAS,CAAEC,oBAAsB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAIvCrI,CAAAyH,CAAAA,SAAAA,CAAA,oBAAA,IAlLUzH,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAYuH,EAAA,CADxBe,CAAAA,CAAc,kBACFtI"}
+{"version":3,"file":"nile-textarea.cjs.js","sources":["../../../src/nile-textarea/nile-textarea.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 {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-textarea.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query, state } from 'lit/decorators.js';\nimport { defaultValue } from '../internal/default-value';\nimport { FormControlController } from '../internal/form';\nimport { HasSlotController } from '../internal/slot';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Textareas collect data from the user and allow multiple lines of text.\n * @tag nile-text-area\n\n *\n * @slot label - The textarea's label. Alternatively, you can use the `label` attribute.\n * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n *\n * @event nile-blur - Emitted when the control loses focus.\n * @event nile-change - Emitted when an alteration to the control's value is committed by the user.\n * @event nile-focus - Emitted when the control gains focus.\n * @event nile-input - Emitted when the control receives input.\n *\n * @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart base - The component's base wrapper.\n * @csspart textarea - The internal `<textarea>` control.\n */\n\n@customElement('nile-textarea')\nexport class NileTextarea extends NileElement  {\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n  private resizeObserver: ResizeObserver;\n\n  @query('.textarea__control') input: HTMLTextAreaElement;\n\n  @state() private hasFocus = false;\n  @property() title = ''; // make reactive to pass through\n\n  /** The name of the textarea, submitted as a name/value pair with form data. */\n  @property() name = '';\n\n  /** The current value of the textarea, submitted as a name/value pair with form data. */\n  @property() value = '';\n\n  /** The textarea's size. */\n  @property({ reflect: true }) size = 'medium';\n\n  /** Draws a filled textarea. */\n  @property({ type: Boolean, reflect: true }) filled = false;\n\n  /** The textarea's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  /** The textarea's help text. If you need to display HTML, use the `help-text` slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** The input's error message. If you need to display HTML, use the `error-message` slot instead. */\n  @property({ attribute: 'error-message' }) errorMessage = '';\n\n  /** Placeholder text to show as a hint when the input is empty. */\n  @property() placeholder = '';\n\n  /** The number of rows to display by default. */\n  @property({ type: Number }) rows = 4;\n\n  /** Controls how the textarea can be resized. */\n  @property() resize: 'none' | 'vertical' | 'auto' = 'vertical';\n\n  /** Disables the textarea. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Makes the textarea readonly. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n   * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n   * the same document or shadow root for this to work.\n   */\n  @property({ reflect: true }) form = '';\n\n  /** Makes the textarea a required field. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  @property({ type: Number }) minlength: number;\n\n  @property({ type: Number }) maxlength: number;\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  /** Controls whether and how text input is automatically capitalized as it is entered by the user. */\n  @property() autocapitalize: 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';\n\n  /** Indicates whether the browser's autocorrect feature is on or off. */\n  @property() autocorrect: string;\n\n  /**\n   * Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n   * [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n   */\n  @property() autocomplete: string;\n\n  /** Indicates that the input should receive focus on page load. */\n  @property({ type: Boolean }) autofocus: boolean;\n\n  /** Used to customize the label or icon of the Enter key on virtual keyboards. */\n  @property() enterkeyhint: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';\n\n  /** Enables spell checking on the textarea. */\n  @property({\n    type: Boolean,\n    converter: {\n      // Allow \"true|false\" attribute values but keep the property boolean\n      fromAttribute: value => (!value || value === 'false' ? false : true),\n      toAttribute: value => (value ? 'true' : 'false')\n    }\n  })\n  spellcheck = true;\n\n  /**\n   * Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\n   * keyboard on supportive devices.\n   */\n  @property() inputmode: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';\n\n  /** The default value of the form control. Primarily used for resetting the form control. */\n  @defaultValue() defaultValue = '';\n\n  @property({ type: Boolean, reflect: true }) fullHeight = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.resizeObserver = new ResizeObserver(() => this.setTextareaHeight());\n\n    this.updateComplete.then(() => {\n      this.setTextareaHeight();\n      this.resizeObserver.observe(this.input);\n    });\n\n    if(this.fullHeight){\n    requestAnimationFrame(() => {\n      let parentHeight = this.parentElement?.getBoundingClientRect().height;\n\n      if (parentHeight) {\n        parentHeight = parentHeight - 65;\n        this.shadowRoot?.querySelector('textarea')?.style.setProperty('height', `${parentHeight}px`);\n      }\n    });\n    }\n\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    if(this.input) {\n          this.resizeObserver.unobserve(this.input);\n    }\n    this.emit('nile-destroy');\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('nile-blur', { value: this.value });\n  }\n\n  private handleChange() {\n    this.value = this.input.value;\n    this.setTextareaHeight();\n    this.emit('nile-change', { value: this.value });\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('nile-focus', { value: this.value });\n  }\n\n  private handleInput() {\n    this.value = this.input.value;\n    this.emit('nile-input', { value: this.value });\n  }\n\n  private setTextareaHeight() {\n    if (this.resize === 'auto') {\n      this.input.style.height = 'auto';\n      this.input.style.height = `${this.input.scrollHeight}px`;\n    } else {\n      (this.input.style.height as string | undefined) = undefined;\n    }\n  }\n\n  @watch('rows', { waitUntilFirstUpdate: true })\n  handleRowsChange() {\n    this.setTextareaHeight();\n  }\n\n  @watch('value', { waitUntilFirstUpdate: true })\n  async handleValueChange() {\n    await this.updateComplete;\n    this.setTextareaHeight();\n  }\n\n  /** Sets focus on the textarea. */\n  focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the textarea. */\n  blur() {\n    this.input.blur();\n  }\n\n  /** Selects all the text in the textarea. */\n  select() {\n    this.input.select();\n  }\n\n  /** Gets or sets the textarea's scroll position. */\n  scrollPosition(position?: { top?: number; left?: number }): { top: number; left: number } | undefined {\n    if (position) {\n      if (typeof position.top === 'number') this.input.scrollTop = position.top;\n      if (typeof position.left === 'number') this.input.scrollLeft = position.left;\n      return undefined;\n    }\n\n    return {\n      top: this.input.scrollTop,\n      left: this.input.scrollTop\n    };\n  }\n\n  /** Sets the start and end positions of the text selection (0-based). */\n  setSelectionRange(\n    selectionStart: number,\n    selectionEnd: number,\n    selectionDirection: 'forward' | 'backward' | 'none' = 'none'\n  ) {\n    this.input.setSelectionRange(selectionStart, selectionEnd, selectionDirection);\n  }\n\n  /** Replaces a range of text with a new string. */\n  setRangeText(\n    replacement: string,\n    start?: number,\n    end?: number,\n    selectMode?: 'select' | 'start' | 'end' | 'preserve'\n  ) {\n    // @ts-expect-error - start, end, and selectMode are optional\n    this.input.setRangeText(replacement, start, end, selectMode);\n\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n      this.setTextareaHeight();\n    }\n  }\n\n  render() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\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': this.size === 'medium',\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText\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 part=\"form-control-input\" class=\"form-control-input\">\n          <div\n            part=\"base\"\n            class=${classMap({\n              textarea: true,\n              'textarea--medium': this.size === 'medium',\n              'textarea--warning': this.warning,\n              'textarea--error': this.error,\n              'textarea--success': this.success,\n              'textarea--standard': !this.filled,\n              'textarea--disabled': this.disabled,\n              'textarea--focused': this.hasFocus,\n              'textarea--empty': !this.value,\n              'textarea--resize-none': this.resize === 'none',\n              'textarea--resize-vertical': this.resize === 'vertical',\n              'textarea--resize-auto': this.resize === 'auto'\n            })}\n          >\n            <textarea\n              part=\"textarea\"\n              id=\"input\"\n              class=\"textarea__control\"\n              title=${this.title /* An empty title prevents browser validation tooltips from appearing on hover */}\n              name=${ifDefined(this.name)}\n              .value=${live(this.value)}\n              ?disabled=${this.disabled}\n              ?readonly=${this.readonly}\n              ?required=${this.required}\n              placeholder=${ifDefined(this.placeholder)}\n              rows=${ifDefined(this.rows)}\n              minlength=${ifDefined(this.minlength)}\n              maxlength=${ifDefined(this.maxlength)}\n              autocapitalize=${ifDefined(this.autocapitalize)}\n              autocorrect=${ifDefined(this.autocorrect)}\n              ?autofocus=${this.autofocus}\n              spellcheck=${ifDefined(this.spellcheck)}\n              enterkeyhint=${ifDefined(this.enterkeyhint)}\n              inputmode=${ifDefined(this.inputmode)}\n              aria-describedby=\"help-text\"\n              @change=${this.handleChange}\n              @input=${this.handleInput}\n              @focus=${this.handleFocus}\n              @blur=${this.handleBlur}\n            ></textarea>\n          </div>\n        </div>\n\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 NileTextarea;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-textarea': NileTextarea;\n  }\n}\n"],"names":["NileTextarea","p","this","hasSlotController","HasSlotController","hasFocus","title","name","value","size","filled","label","helpText","errorMessage","placeholder","rows","resize","disabled","readonly","form","required","warning","error","success","spellcheck","defaultValue","fullHeight","_this","_createClass","key","connectedCallback","super","resizeObserver","ResizeObserver","setTextareaHeight","updateComplete","then","observe","input","requestAnimationFrame","_this2$parentElement","_this2$shadowRoot","parentHeight","parentElement","getBoundingClientRect","height","shadowRoot","querySelector","style","setProperty","concat","emit","disconnectedCallback","unobserve","handleBlur","handleChange","handleFocus","handleInput","scrollHeight","undefined","handleRowsChange","_handleValueChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context2","prev","next","stop","handleValueChange","apply","arguments","focus","options","blur","select","scrollPosition","position","top","scrollTop","left","scrollLeft","setSelectionRange","selectionStart","selectionEnd","selectionDirection","length","setRangeText","replacement","start","end","selectMode","render","hasLabelSlot","test","hasLabel","hasHelpText","hasErrorMessage","html","_templateObject","_taggedTemplateLiteral","classMap","textarea","ifDefined","live","minlength","maxlength","autocapitalize","autocorrect","autofocus","enterkeyhint","inputmode","_templateObject2","_templateObject3","NileElement","styles","__decorate","query","prototype","state","property","reflect","type","Boolean","attribute","Number","converter","fromAttribute","toAttribute","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import{__decorate as t}from"tslib";import{x as e}from"../index-cd2f9c12.esm.js";import{query as i,state as s,customElement as o}from"lit/decorators.js";import{s as r}from"./nile-textarea.css.esm.js";import{classMap as a}from"lit/directives/class-map.js";import{d as l}from"../internal/default-value.esm.js";import{H as h}from"../internal/slot.esm.js";import{ifDefined as n}from"lit/directives/if-defined.js";import{live as d}from"lit/directives/live.js";import{w as m}from"../internal/watch.esm.js";import{N as c}from"../internal/nile-element.esm.js";import{n as u}from"../property-09139d3c.esm.js";import"lit";let p=class extends c{constructor(){super(...arguments),this.hasSlotController=new h(this,"help-text","label"),this.hasFocus=!1,this.title="",this.name="",this.value="",this.size="medium",this.filled=!1,this.label="",this.helpText="",this.errorMessage="",this.placeholder="",this.rows=4,this.resize="vertical",this.disabled=!1,this.readonly=!1,this.form="",this.required=!1,this.warning=!1,this.error=!1,this.success=!1,this.spellcheck=!0,this.defaultValue="",this.fullHeight=!1}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>this.setTextareaHeight())),this.updateComplete.then((()=>{this.setTextareaHeight(),this.resizeObserver.observe(this.input)})),this.fullHeight&&requestAnimationFrame((()=>{let t=this.parentElement?.getBoundingClientRect().height;t&&(t-=65,this.shadowRoot?.querySelector("textarea")?.style.setProperty("height",`${t}px`))})),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.input),this.emit("nile-destroy")}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value})}handleChange(){this.value=this.input.value,this.setTextareaHeight(),this.emit("nile-change",{value:this.value})}handleFocus(){this.hasFocus=!0,this.emit("nile-focus",{value:this.value})}handleInput(){this.value=this.input.value,this.emit("nile-input",{value:this.value})}setTextareaHeight(){"auto"===this.resize?(this.input.style.height="auto",this.input.style.height=`${this.input.scrollHeight}px`):this.input.style.height=void 0}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.setTextareaHeight()}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}scrollPosition(t){return t?("number"==typeof t.top&&(this.input.scrollTop=t.top),void("number"==typeof t.left&&(this.input.scrollLeft=t.left))):{top:this.input.scrollTop,left:this.input.scrollTop}}setSelectionRange(t,e,i="none"){this.input.setSelectionRange(t,e,i)}setRangeText(t,e,i,s){this.input.setRangeText(t,e,i,s),this.value!==this.input.value&&(this.value=this.input.value),this.value!==this.input.value&&(this.value=this.input.value,this.setTextareaHeight())}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-cd2f9c12.esm.js";import{query as i,state as s,customElement as o}from"lit/decorators.js";import{s as r}from"./nile-textarea.css.esm.js";import{classMap as a}from"lit/directives/class-map.js";import{d as l}from"../internal/default-value.esm.js";import{H as h}from"../internal/slot.esm.js";import{ifDefined as n}from"lit/directives/if-defined.js";import{live as d}from"lit/directives/live.js";import{w as m}from"../internal/watch.esm.js";import{N as c}from"../internal/nile-element.esm.js";import{n as u}from"../property-09139d3c.esm.js";import"lit";let p=class extends c{constructor(){super(...arguments),this.hasSlotController=new h(this,"help-text","label"),this.hasFocus=!1,this.title="",this.name="",this.value="",this.size="medium",this.filled=!1,this.label="",this.helpText="",this.errorMessage="",this.placeholder="",this.rows=4,this.resize="vertical",this.disabled=!1,this.readonly=!1,this.form="",this.required=!1,this.warning=!1,this.error=!1,this.success=!1,this.spellcheck=!0,this.defaultValue="",this.fullHeight=!1}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>this.setTextareaHeight())),this.updateComplete.then((()=>{this.setTextareaHeight(),this.resizeObserver.observe(this.input)})),this.fullHeight&&requestAnimationFrame((()=>{let t=this.parentElement?.getBoundingClientRect().height;t&&(t-=65,this.shadowRoot?.querySelector("textarea")?.style.setProperty("height",`${t}px`))})),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.input&&this.resizeObserver.unobserve(this.input),this.emit("nile-destroy")}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value})}handleChange(){this.value=this.input.value,this.setTextareaHeight(),this.emit("nile-change",{value:this.value})}handleFocus(){this.hasFocus=!0,this.emit("nile-focus",{value:this.value})}handleInput(){this.value=this.input.value,this.emit("nile-input",{value:this.value})}setTextareaHeight(){"auto"===this.resize?(this.input.style.height="auto",this.input.style.height=`${this.input.scrollHeight}px`):this.input.style.height=void 0}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.setTextareaHeight()}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}scrollPosition(t){return t?("number"==typeof t.top&&(this.input.scrollTop=t.top),void("number"==typeof t.left&&(this.input.scrollLeft=t.left))):{top:this.input.scrollTop,left:this.input.scrollTop}}setSelectionRange(t,e,i="none"){this.input.setSelectionRange(t,e,i)}setRangeText(t,e,i,s){this.input.setRangeText(t,e,i,s),this.value!==this.input.value&&(this.value=this.input.value),this.value!==this.input.value&&(this.value=this.input.value,this.setTextareaHeight())}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=${a({"form-control":!0,"form-control--medium":"medium"===this.size,"form-control--has-label":i,"form-control--has-help-text":s})}

package/dist/src/index.d.ts

@@ -31,3 +31,4 @@ export { NileFormHelpText } from './nile-form-help-text';
 export { NileCalendar } from './nile-calendar';
 export { NileLink } from './nile-link';
 export { NileSwitcher } from './nile-switcher';
+export { NileContentEditor } from './nile-content-editor';

package/dist/src/index.js

@@ -31,4 +31,5 @@ export { NileFormHelpText } from './nile-form-help-text';
 export { NileCalendar } from './nile-calendar';
 export { NileLink } from './nile-link';
 export { NileSwitcher } from './nile-switcher';
+export { NileContentEditor } from './nile-content-editor';
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileSidebar } from './nile-sidebar';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSelect } from './nile-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink } from './nile-link';\nexport { NileSwitcher } from './nile-switcher';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileSidebar } from './nile-sidebar';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSelect } from './nile-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink } from './nile-link';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\n"]}

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

@@ -0,0 +1 @@
+export { NileContentEditor } from './nile-content-editor';

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

@@ -0,0 +1,2 @@
+export { NileContentEditor } from './nile-content-editor';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-content-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["export { NileContentEditor } from './nile-content-editor';\n"]}

package/dist/src/nile-content-editor/nile-content-editor.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.
+ */
+/**
+ * AttributeExpression CSS
+ */
+export declare const styles: import("lit-element").CSSResult;
+declare const _default: import("lit-element").CSSResult[];
+export default _default;

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';