@aquera/nile-elements 1.5.6 → 1.5.8

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

@@ -1 +1 @@
-{"version":3,"file":"nile-input.cjs.js","sources":["../../../src/nile-input/nile-input.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  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-input.css';\nimport '../nile-icon';\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 type { CSSResultGroup } from 'lit';\nimport NileElement, { NileFormControl } from '../internal/nile-element';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\n\n/**\n * Nile icon component.\n *\n * @tag nile-input\n *\n */\n@customElement('nile-input')\nexport class NileInput extends NileElement implements NileFormControl {\n  static styles: CSSResultGroup = styles;\n\n  private readonly formControlController = new FormControlController(this, {\n    assumeInteractionOn: ['nile-blur', 'nile-input'],\n  });\n  private readonly hasSlotController = new HasSlotController(\n    this,\n    'help-text',\n    'label'\n  );\n\n  @query('.input__control') input: HTMLInputElement;\n\n  @state() private hasFocus = false;\n  @property() title = ''; // make reactive to pass through\n\n  /**\n   * The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\n   * to `text`.\n   */\n  @property({ reflect: true }) type:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'time'\n    | 'url' = 'text';\n\n  /** The name of the input, submitted as a name/value pair with form data. */\n  @property() name = '';\n\n  /** The current value of the input, submitted as a name/value pair with form data. */\n  @property() value = '';\n\n  @property({ type: Boolean }) checkNonPrintableChar: boolean = false;\n\n  /** The default value of the form control. Primarily used for resetting the form control. */\n  @defaultValue() defaultValue = '';\n\n  /** The input's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Draws a filled input. */\n  @property({ type: Boolean, reflect: true }) filled = false;\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  /** Sets the input to a Destructive state, changing its visual appearance. */\n  @property({ type: Boolean }) destructive = false;\n\n  /** Draws a pill-style input with rounded edges. */\n  @property({ type: Boolean, reflect: true }) pill = false;\n\n  /** The input's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  @property({ attribute: 'help-text', reflect: true }) helpText = '';\n\n  @property({ attribute: 'error-message', reflect: true }) errorMessage = '';\n\n  /** Adds a clear button when the input is not empty. */\n  @property({ type: Boolean }) clearable = false;\n\n  /** Disables the input. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Placeholder text to show as a hint when the input is empty. */\n  @property() placeholder = '';\n\n  /** Makes the input readonly. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /** Adds a button to toggle the password's visibility. Only applies to password types. */\n  @property({ attribute: 'password-toggle', type: Boolean }) passwordToggle =\n    false;\n\n  /** Determines whether or not the password is currently visible. Only applies to password input types. */\n  @property({ attribute: 'password-visible', type: Boolean }) passwordVisible =\n    false;\n\n  /** Hides the browser's built-in increment/decrement spin buttons for number inputs. */\n  @property({ attribute: 'no-spin-buttons', type: Boolean }) noSpinButtons =\n    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 input a required field. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** A regular expression pattern to validate input against. */\n  @property() pattern: string;\n\n  /** The minimum length of input that will be considered valid. */\n  @property({ type: Number }) minlength: number;\n\n  /** The maximum length of input that will be considered valid. */\n  @property({ type: Number }) maxlength: number;\n\n  /** The input's minimum value. Only applies to date and number input types. */\n  @property() min: number | string;\n\n  /** The input's maximum value. Only applies to date and number input types. */\n  @property() max: number | string;\n\n  /**\n   * Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\n   * implied, allowing any numeric value. Only applies to date and number input types.\n   */\n  @property() step: number | 'any';\n\n  /** Controls whether and how text input is automatically capitalized as it is entered by the user. */\n  @property() autocapitalize:\n    | 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters';\n\n  /** Indicates whether the browser's autocorrect feature is on or off. */\n  @property() autocorrect: 'off' | 'on';\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 = 'off';\n\n  /** Indicates that the input should receive focus on page load. */\n  @property({ type: Boolean, attribute: true, reflect: true }) autofocus: boolean;\n\n  /** Used to customize the label or icon of the Enter key on virtual keyboards. */\n  @property() enterkeyhint:\n    | 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send';\n\n  /** Enables spell checking on the input. */\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  @property({ type: Boolean, reflect: true }) canSavePassword = false;\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:\n    | 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url';\n\n  //\n  // NOTE: We use an in-memory input for these getters/setters instead of the one in the template because the properties\n  // can be set before the component is rendered.\n  //\n\n  @state() hasPrintableCharacters: boolean = false;\n\n  @state() markedValue: string;\n\n  @property() noOutline: any = false;\n\n  @property() noPadding: any = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  /** Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. */\n  get valueAsDate() {\n    const input = document.createElement('input');\n    input.type = 'date';\n    input.value = this.value;\n    return input.valueAsDate;\n  }\n\n  set valueAsDate(newValue: Date | null) {\n    const input = document.createElement('input');\n    input.type = 'date';\n    input.valueAsDate = newValue;\n    this.value = input.value;\n  }\n\n  /** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */\n  get valueAsNumber() {\n    const input = document.createElement('input');\n    input.type = 'number';\n    input.value = this.value;\n    return input.valueAsNumber;\n  }\n\n  set valueAsNumber(newValue: number) {\n    const input = document.createElement('input');\n    input.type = 'number';\n    input.valueAsNumber = newValue;\n    this.value = input.value;\n  }\n\n  /** Gets the validity state object */\n  get validity() {\n    return this.input.validity;\n  }\n\n  /** Gets the validation message */\n  get validationMessage() {\n    return this.input.validationMessage;\n  }\n\n  firstUpdated() {\n    this.emit('nile-after-init');\n    this.formControlController.updateValidity();\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.emit('nile-change', { value: this.value });\n  }\n\n  private handleClearClick(event: MouseEvent) {\n    this.value = '';\n    this.emit('nile-clear', { value: this.value });\n    this.emit('nile-input', { value: this.value });\n    this.emit('nile-change', { value: this.value });\n    this.input.focus();\n\n    event.stopPropagation();\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('nile-focus', { value: this.value });\n\n    if (this.checkNonPrintableChar) {\n      this.markNonPrintableCharacters();\n    }\n  }\n\n  private handleInput() {\n    this.value = this.input.value;\n    this.formControlController.updateValidity();\n    if(this.value && this.type === 'number') {\n      this.emit('nile-input', { value: Number(this.value) });\n    } else {\n      this.emit('nile-input', { value: this.value });\n    }\n  }\n\n  private handleInvalid(event: Event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    const hasModifier =\n      event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;\n\n    // Pressing enter when focused on an input should submit the form like a native input, but we wait a tick before\n    // submitting to allow users to cancel the keydown event if they need to\n    if (event.key === 'Enter' && !hasModifier) {\n      setTimeout(() => {\n        //\n        // When using an Input Method Editor (IME), pressing enter will cause the form to submit unexpectedly. One way\n        // to check for this is to look at event.isComposing, which will be true when the IME is open.\n        //\n\n        //\n        if (!event.defaultPrevented && !event.isComposing) {\n          this.formControlController.submit();\n        }\n      });\n    }\n  }\n\n  private handlePasswordToggle() {\n    this.passwordVisible = !this.passwordVisible;\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    // Disabled form controls are always valid\n    this.formControlController.setValidity(this.disabled);\n  }\n\n  @watch('step', { waitUntilFirstUpdate: true })\n  handleStepChange() {\n    // If step changes, the value may become invalid so we need to recheck after the update. We set the new step\n    // imperatively so we don't have to wait for the next render to report the updated validity.\n    this.input.step = String(this.step);\n  }\n\n  @watch('value', { waitUntilFirstUpdate: true })\n  async handleValueChange() {\n    await this.updateComplete;\n\n    if (this.checkNonPrintableChar) {\n      this.markNonPrintableCharacters();\n    }\n  }\n\n  /** checks non printable characters in the value. */\n  markNonPrintableCharacters() {\n    let markedValue = '';\n    this.hasPrintableCharacters = false;\n    if (this.value) {\n      for (let i = 0, n = this.value.length; i < n; i++) {\n        const charCode = this.value.charCodeAt(i);\n\n        if (charCode > 127) {\n          markedValue += `<span class=\"input__srtiked-text\">${this.value.charAt(\n            i\n          )}</span>`;\n          this.hasPrintableCharacters = true;\n        } else {\n          markedValue += this.value.charAt(i);\n        }\n      }\n    }\n\n    this.markedValue = markedValue;\n    this.emit('nile-value-marked', {\n      value: this.markedValue,\n      hasNonPrintableCharacters: this.hasPrintableCharacters,\n    });\n  }\n\n  /** Removes all non printable characters from the value. */\n  removeAllNonPrintableCharacters() {\n    let cleanedValue = '';\n\n    if (this.value) {\n      for (let i = 0, n = this.value.length; i < n; i++) {\n        const charCode = this.value.charCodeAt(i);\n\n        // Consider a character printable if it's not in the specified non-printable ranges\n        if (charCode < 128) {\n          cleanedValue += this.value.charAt(i);\n        }\n      }\n    }\n\n    this.value = cleanedValue;\n    this.emit('nile-npchar-removed', { value: this.value });\n  }\n\n  /** Sets focus on the input. */\n  focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the input. */\n  blur() {\n    this.input.blur();\n  }\n\n  /** Selects all the text in the input. */\n  select() {\n    this.input.select();\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(\n      selectionStart,\n      selectionEnd,\n      selectionDirection\n    );\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\n  // /** Displays the browser picker for an input element (only works if the browser supports it for the input type). */\n  // showPicker() {\n  //   if ('showPicker' in HTMLInputElement.prototype) {\n  //     this.input.showPicker();\n  //   }\n  // }\n\n  /** Increments the value of a numeric input type by the value of the step attribute. */\n  stepUp() {\n    this.input.stepUp();\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n  }\n\n  /** Decrements the value of a numeric input type by the value of the step attribute. */\n  stepDown() {\n    this.input.stepDown();\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n  }\n\n  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n  checkValidity() {\n    return this.input.checkValidity();\n  }\n\n  /** Gets the associated form, if one exists. */\n  getForm(): HTMLFormElement | null {\n    return this.formControlController.getForm();\n  }\n\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  reportValidity() {\n    return this.input.reportValidity();\n  }\n\n  /** Sets a custom validation message. Pass an empty string to restore validity. */\n  setCustomValidity(message: string) {\n    this.input.setCustomValidity(message);\n    this.formControlController.updateValidity();\n  }\n\n  public inputFocus() {\n    this.input.focus();\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    const hasLabelSuffixSlot = this.hasSlotController.test('label-suffix');\n    const hasHelpText = this.helpText ? true : false;\n    const hasErrorMessage = this.errorMessage ? true : false;\n    const hasClearIcon =\n      this.clearable &&\n      !this.disabled &&\n      !this.readonly &&\n      (typeof this.value === 'number' || this.value.length > 0);\n\n    return html`\n      <div\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--small': this.size === 'small',\n          'form-control--medium': this.size === 'medium',\n          'form-control--large': this.size === 'large',\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        ${hasLabelSuffixSlot ? html` <slot name=\"label-suffix\"></slot> ` : ``}\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n        ${this.checkNonPrintableChar\n  ? html`\n      <nile-popup ?active=${this.hasPrintableCharacters}\n        placement=\"bottom-start\"\n        distance=\"5\"\n        exportparts=\"input\"\n        strategy=\"fixed\"\n      >\n        <div\n          slot=\"anchor\"\n          part=\"base\"\n          class=${classMap({\n            input: true,\n\n            // Sizes\n            'input--small': this.size === 'small',\n            'input--medium': this.size === 'medium',\n            'input--large': this.size === 'large',\n\n            // States\n            'input--pill': this.pill,\n            'input--standard': !this.filled,\n            'input--warning': this.warning,\n            'input--error': this.error,\n            'input--success': this.success,\n            'input--destructive': this.destructive,\n            'input--filled': this.filled,\n            'input--disabled': this.disabled,\n            'input--focused': this.hasFocus,\n            'input--empty': !this.value,\n            'input--no-spin-buttons': this.noSpinButtons,\n          })}\n        >\n          <slot name=\"prefix\" part=\"prefix\" class=\"input__prefix\"></slot>\n          <input\n            part=\"input\"\n            id=\"input\"\n            class=\"input__control ${\n              this.type === 'password' && !this.passwordVisible\n                ? 'input__password'\n                : ''\n            }\"\n            type=${this.type === 'password'\n              ? this.passwordVisible\n                ? 'text'\n                : 'password'\n              : this.type}\n            title=${\n              this.title /* An empty title prevents browser validation tooltips from appearing on hover */\n            }\n            name=${ifDefined(this.name)}\n            ?disabled=${this.disabled}\n            ?readonly=${this.readonly}\n            ?required=${this.required}\n            placeholder=${ifDefined(this.placeholder)}\n            minlength=${ifDefined(this.minlength)}\n            maxlength=${ifDefined(this.maxlength)}\n            min=${ifDefined(this.min)}\n            max=${ifDefined(this.max)}\n            step=${ifDefined(this.step as number)}\n            .value=${live(this.value)}\n            autocapitalize=${ifDefined(this.autocapitalize)}\n            autocomplete=${ifDefined(this.autocomplete as any)}\n            autocorrect=${ifDefined(this.autocorrect)}\n            ?autofocus=${this.autofocus}\n            spellcheck=${this.spellcheck}\n            pattern=${ifDefined(this.pattern)}\n            enterkeyhint=${ifDefined(this.enterkeyhint)}\n            inputmode=${ifDefined(this.inputmode)}\n            aria-describedby=\"help-text\"\n            @change=${this.handleChange}\n            @input=${this.handleInput}\n            @invalid=${this.handleInvalid}\n            @keydown=${this.handleKeyDown}\n            @focus=${this.handleFocus}\n            @blur=${this.handleBlur}\n          />\n\n          ${\n            hasClearIcon\n              ? html`\n                  <button\n                    part=\"clear-button\"\n                    class=\"input__clear\"\n                    type=\"button\"\n                    aria-label=\"clearEntry\"\n                    @click=${this.handleClearClick}\n                    tabindex=\"-1\"\n                  >\n                    <slot name=\"clear-icon\">\n                      <nile-icon name=\"var(--nile-icon-error, var(--ng-icon-x-circle))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" library=\"system\"></nile-icon>\n                    </slot>\n                  </button>\n                `\n              : ''\n          }\n          ${\n            this.passwordToggle && !this.disabled\n              ? html`\n                  <button\n                    part=\"password-toggle-button\"\n                    class=\"input__password-toggle\"\n                    type=\"button\"\n                    aria-label=${this.passwordVisible\n                      ? 'hidePassword'\n                      : 'showPassword'}\n                    @click=${this.handlePasswordToggle}\n                    tabindex=\"-1\"\n                  >\n                    ${this.passwordVisible\n                      ? html`\n                          <slot name=\"show-password-icon\">\n                            <nile-icon\n                              name=\"var(--nile-icon-eye, var(--ng-icon-eye))\"\n                              method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n                              library=\"system\"\n                            ></nile-icon>\n                          </slot>\n                        `\n                      : html`\n                          <slot name=\"hide-password-icon\">\n                            <nile-icon\n                              name=\"var(--nile-icon-eye, var(--ng-icon-eye))\"\n                              method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n                              library=\"system\"\n                            ></nile-icon>\n                          </slot>\n                        `}\n                  </button>\n                `\n              : ''\n          }\n\n          <slot name=\"suffix\" part=\"suffix\" class=\"input__suffix\"></slot>\n        </div>\n\n        <div class=\"input__non-printable\">\n          Non-printable character detected.\n          <nile-badge variant=\"error\" @click=${\n          this.removeAllNonPrintableCharacters\n          }class=\"input__remove-non-printable\">\n            Remove All\n          </nile-badge>\n\n          <div class=\"input__srtiked-text-container\">${unsafeHTML(\n          this.markedValue\n          )} </div>\n        </div>\n      </nile-popup>\n    `\n  : html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          input: true,\n\n          // Sizes\n          'input--small': this.size === 'small',\n          'input--medium': this.size === 'medium',\n          'input--large': this.size === 'large',\n\n          // States\n          'input--pill': this.pill,\n          'input--standard': !this.filled,\n          'input--warning': this.warning,\n          'input--error': this.error,\n          'input--success': this.success,\n          'input--destructive': this.destructive,\n          'input--filled': this.filled,\n          'input--disabled': this.disabled,\n          'input--focused': this.hasFocus,\n          'input--empty': !this.value,\n          'input--no-spin-buttons': this.noSpinButtons,\n        })}\n      >\n        <slot name=\"prefix\" part=\"prefix\" class=\"input__prefix\"></slot>\n        <input\n          part=\"input\"\n          id=\"input\"\n          class=\"input__control ${\n            this.type === 'password' && !this.passwordVisible\n              ? 'input__password'\n              : ''\n          }\"\n          type=${this.type === 'password'\n            ? this.passwordVisible\n              ? 'text'\n              : 'password'\n            : this.type}\n          title=${this.title}\n          name=${ifDefined(this.name)}\n          ?disabled=${this.disabled}\n          ?readonly=${this.readonly}\n          ?required=${this.required}\n          placeholder=${ifDefined(this.placeholder)}\n          minlength=${ifDefined(this.minlength)}\n          maxlength=${ifDefined(this.maxlength)}\n          min=${ifDefined(this.min)}\n          max=${ifDefined(this.max)}\n          step=${ifDefined(this.step as number)}\n          .value=${live(this.value)}\n          autocapitalize=${ifDefined(this.autocapitalize)}\n          autocomplete=${ifDefined(this.autocomplete as any)}\n          autocorrect=${ifDefined(this.autocorrect)}\n          ?autofocus=${this.autofocus}\n          spellcheck=${this.spellcheck}\n          pattern=${ifDefined(this.pattern)}\n          enterkeyhint=${ifDefined(this.enterkeyhint)}\n          inputmode=${ifDefined(this.inputmode)}\n          aria-describedby=\"help-text\"\n          @change=${this.handleChange}\n          @input=${this.handleInput}\n          @invalid=${this.handleInvalid}\n          @keydown=${this.handleKeyDown}\n          @focus=${this.handleFocus}\n          @blur=${this.handleBlur}\n        />\n\n        ${\n          hasClearIcon\n            ? html`\n                <button\n                  part=\"clear-button\"\n                  class=\"input__clear\"\n                  type=\"button\"\n                  aria-label=\"clearEntry\"\n                  @click=${this.handleClearClick}\n                  tabindex=\"-1\"\n                >\n                  <slot name=\"clear-icon\">\n                    <nile-icon\n                      name=\"var(--nile-icon-error, var(--ng-icon-x-circle))\"\n                      method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n                      library=\"system\"\n                    ></nile-icon>\n                  </slot>\n                </button>\n              `\n            : ''\n        }\n\n        ${\n          this.passwordToggle && !this.disabled\n            ? html`\n                <button\n                  part=\"password-toggle-button\"\n                  class=\"input__password-toggle\"\n                  type=\"button\"\n                  aria-label=${this.passwordVisible\n                    ? 'hidePassword'\n                    : 'showPassword'}\n                  @click=${this.handlePasswordToggle}\n                  tabindex=\"-1\"\n                >\n                  ${this.passwordVisible\n                    ? html`\n                        <slot name=\"show-password-icon\">\n                          <nile-icon\n                            name=\"var(--nile-icon-eye, var(--ng-icon-eye))\"\n                            method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n                            library=\"system\"\n                          ></nile-icon>\n                        </slot>\n                      `\n                    : html`\n                        <slot name=\"hide-password-icon\">\n                          <nile-icon\n                            name=\"var(--nile-icon-eye, var(--ng-icon-eye))\"\n                            method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n                            library=\"system\"\n                          ></nile-icon>\n                        </slot>\n                      `}\n                </button>\n              `\n            : ''\n        }\n\n        <slot name=\"suffix\" part=\"suffix\" class=\"input__suffix\"></slot>\n      </div>\n    `}\n\n        </div>\n\n        ${\n          hasHelpText\n            ? html`\n                <nile-form-help-text exportparts=\"container: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      </div>\n    `;\n  }\n}\n\nexport default NileInput;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-input': NileInput;\n  }\n}\n"],"names":["NileInput","d","this","formControlController","FormControlController","assumeInteractionOn","hasSlotController","HasSlotController","hasFocus","title","type","name","value","checkNonPrintableChar","defaultValue","size","filled","warning","error","success","destructive","pill","label","helpText","errorMessage","clearable","disabled","placeholder","readonly","passwordToggle","passwordVisible","noSpinButtons","form","required","autocomplete","spellcheck","canSavePassword","hasPrintableCharacters","noOutline","noPadding","_this","_inherits","_v","_createClass","key","connectedCallback","super","emit","disconnectedCallback","get","input","document","createElement","valueAsDate","set","newValue","valueAsNumber","validity","validationMessage","firstUpdated","updateValidity","handleBlur","handleChange","handleClearClick","event","focus","stopPropagation","handleFocus","markNonPrintableCharacters","handleInput","Number","handleInvalid","setValidity","emitInvalidEvent","handleKeyDown","_this2","hasModifier","metaKey","ctrlKey","shiftKey","altKey","setTimeout","defaultPrevented","isComposing","submit","handlePasswordToggle","handleDisabledChange","handleStepChange","step","String","_handleValueChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context2","prev","next","updateComplete","stop","handleValueChange","markedValue","i","n","length","charCodeAt","concat","charAt","hasNonPrintableCharacters","removeAllNonPrintableCharacters","cleanedValue","options","blur","select","setSelectionRange","selectionStart","selectionEnd","selectionDirection","setRangeText","replacement","start","end","selectMode","stepUp","stepDown","checkValidity","getForm","reportValidity","setCustomValidity","message","inputFocus","render","hasLabelSlot","test","hasLabel","hasLabelSuffixSlot","hasHelpText","hasErrorMessage","hasClearIcon","html","_templateObject","_taggedTemplateLiteral","classMap","_templateObject2","_templateObject3","ifDefined","minlength","maxlength","min","max","live","autocapitalize","autocorrect","autofocus","pattern","enterkeyhint","inputmode","_templateObject4","_templateObject5","_templateObject6","_templateObject7","unsafeHTML","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","NileElement","styles","__decorate","query","prototype","state","property","reflect","Boolean","attribute","converter","fromAttribute","toAttribute","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-input.cjs.js","sources":["../../../src/nile-input/nile-input.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  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-input.css';\nimport '../nile-icon';\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 type { CSSResultGroup } from 'lit';\nimport NileElement, { NileFormControl } from '../internal/nile-element';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\n\n/**\n * Nile icon component.\n *\n * @tag nile-input\n *\n */\n@customElement('nile-input')\nexport class NileInput extends NileElement implements NileFormControl {\n  static styles: CSSResultGroup = styles;\n\n  private readonly formControlController = new FormControlController(this, {\n    assumeInteractionOn: ['nile-blur', 'nile-input'],\n  });\n  private readonly hasSlotController = new HasSlotController(\n    this,\n    'help-text',\n    'label'\n  );\n\n  @query('.input__control') input: HTMLInputElement;\n\n  @state() private hasFocus = false;\n  @property() title = ''; // make reactive to pass through\n\n  /**\n   * The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\n   * to `text`.\n   */\n  @property({ reflect: true }) type:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'search'\n    | 'tel'\n    | 'text'\n    | 'time'\n    | 'url' = 'text';\n\n  /** The name of the input, submitted as a name/value pair with form data. */\n  @property() name = '';\n\n  /** The current value of the input, submitted as a name/value pair with form data. */\n  @property() value = '';\n\n  @property({ type: Boolean }) checkNonPrintableChar: boolean = false;\n\n  /** The default value of the form control. Primarily used for resetting the form control. */\n  @defaultValue() defaultValue = '';\n\n  /** The input's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Draws a filled input. */\n  @property({ type: Boolean, reflect: true }) filled = false;\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  /** Sets the input to a Destructive state, changing its visual appearance. */\n  @property({ type: Boolean }) destructive = false;\n\n  /** Draws a pill-style input with rounded edges. */\n  @property({ type: Boolean, reflect: true }) pill = false;\n\n  /** The input's label. If you need to display HTML, use the `label` slot instead. */\n  @property() label = '';\n\n  @property({ attribute: 'help-text', reflect: true }) helpText = '';\n\n  @property({ attribute: 'error-message', reflect: true }) errorMessage = '';\n\n  /** Adds a clear button when the input is not empty. */\n  @property({ type: Boolean }) clearable = false;\n\n  /** Disables the input. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Placeholder text to show as a hint when the input is empty. */\n  @property() placeholder = '';\n\n  /** Makes the input readonly. */\n  @property({ type: Boolean, reflect: true }) readonly = false;\n\n  /** Adds a button to toggle the password's visibility. Only applies to password types. */\n  @property({ attribute: 'password-toggle', type: Boolean }) passwordToggle =\n    false;\n\n  /** Determines whether or not the password is currently visible. Only applies to password input types. */\n  @property({ attribute: 'password-visible', type: Boolean }) passwordVisible =\n    false;\n\n  /** Hides the browser's built-in increment/decrement spin buttons for number inputs. */\n  @property({ attribute: 'no-spin-buttons', type: Boolean }) noSpinButtons =\n    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 input a required field. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** A regular expression pattern to validate input against. */\n  @property() pattern: string;\n\n  /** The minimum length of input that will be considered valid. */\n  @property({ type: Number }) minlength: number;\n\n  /** The maximum length of input that will be considered valid. */\n  @property({ type: Number }) maxlength: number;\n\n  /** The input's minimum value. Only applies to date and number input types. */\n  @property() min: number | string;\n\n  /** The input's maximum value. Only applies to date and number input types. */\n  @property() max: number | string;\n\n  /**\n   * Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\n   * implied, allowing any numeric value. Only applies to date and number input types.\n   */\n  @property() step: number | 'any';\n\n  /** Controls whether and how text input is automatically capitalized as it is entered by the user. */\n  @property() autocapitalize:\n    | 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters';\n\n  /** Indicates whether the browser's autocorrect feature is on or off. */\n  @property() autocorrect: 'off' | 'on';\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 = 'off';\n\n  /** Indicates that the input should receive focus on page load. */\n  @property({ type: Boolean, attribute: true, reflect: true }) autofocus: boolean;\n\n  /** Used to customize the label or icon of the Enter key on virtual keyboards. */\n  @property() enterkeyhint:\n    | 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send';\n\n  /** Enables spell checking on the input. */\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  @property({ type: Boolean, reflect: true }) canSavePassword = false;\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:\n    | 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url';\n\n  //\n  // NOTE: We use an in-memory input for these getters/setters instead of the one in the template because the properties\n  // can be set before the component is rendered.\n  //\n\n  @state() hasPrintableCharacters: boolean = false;\n\n  @state() markedValue: string;\n\n  @property() noOutline: any = false;\n\n  @property() noPadding: any = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  /** Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted. */\n  get valueAsDate() {\n    const input = document.createElement('input');\n    input.type = 'date';\n    input.value = this.value;\n    return input.valueAsDate;\n  }\n\n  set valueAsDate(newValue: Date | null) {\n    const input = document.createElement('input');\n    input.type = 'date';\n    input.valueAsDate = newValue;\n    this.value = input.value;\n  }\n\n  /** Gets or sets the current value as a number. Returns `NaN` if the value can't be converted. */\n  get valueAsNumber() {\n    const input = document.createElement('input');\n    input.type = 'number';\n    input.value = this.value;\n    return input.valueAsNumber;\n  }\n\n  set valueAsNumber(newValue: number) {\n    const input = document.createElement('input');\n    input.type = 'number';\n    input.valueAsNumber = newValue;\n    this.value = input.value;\n  }\n\n  /** Gets the validity state object */\n  get validity() {\n    return this.input.validity;\n  }\n\n  /** Gets the validation message */\n  get validationMessage() {\n    return this.input.validationMessage;\n  }\n\n  firstUpdated() {\n    this.emit('nile-after-init');\n    this.formControlController.updateValidity();\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.emit('nile-change', { value: this.value });\n  }\n\n  private handleClearClick(event: MouseEvent) {\n    this.value = '';\n    this.emit('nile-clear', { value: this.value });\n    this.emit('nile-input', { value: this.value });\n    this.emit('nile-change', { value: this.value });\n    this.input.focus();\n\n    event.stopPropagation();\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('nile-focus', { value: this.value });\n\n    if (this.checkNonPrintableChar) {\n      this.markNonPrintableCharacters();\n    }\n  }\n\n  private handleInput() {\n    this.value = this.input.value;\n    this.formControlController.updateValidity();\n    if(this.value && this.type === 'number') {\n      this.emit('nile-input', { value: Number(this.value) });\n    } else {\n      this.emit('nile-input', { value: this.value });\n    }\n  }\n\n  private handleInvalid(event: Event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    const hasModifier =\n      event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;\n\n    // Pressing enter when focused on an input should submit the form like a native input, but we wait a tick before\n    // submitting to allow users to cancel the keydown event if they need to\n    if (event.key === 'Enter' && !hasModifier) {\n      setTimeout(() => {\n        //\n        // When using an Input Method Editor (IME), pressing enter will cause the form to submit unexpectedly. One way\n        // to check for this is to look at event.isComposing, which will be true when the IME is open.\n        //\n\n        //\n        if (!event.defaultPrevented && !event.isComposing) {\n          this.formControlController.submit();\n        }\n      });\n    }\n  }\n\n  private handlePasswordToggle() {\n    this.passwordVisible = !this.passwordVisible;\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    // Disabled form controls are always valid\n    this.formControlController.setValidity(this.disabled);\n  }\n\n  @watch('step', { waitUntilFirstUpdate: true })\n  handleStepChange() {\n    // If step changes, the value may become invalid so we need to recheck after the update. We set the new step\n    // imperatively so we don't have to wait for the next render to report the updated validity.\n    this.input.step = String(this.step);\n  }\n\n  @watch('value', { waitUntilFirstUpdate: true })\n  async handleValueChange() {\n    await this.updateComplete;\n\n    if (this.checkNonPrintableChar) {\n      this.markNonPrintableCharacters();\n    }\n  }\n\n  /** checks non printable characters in the value. */\n  markNonPrintableCharacters() {\n    let markedValue = '';\n    this.hasPrintableCharacters = false;\n    if (this.value) {\n      for (let i = 0, n = this.value.length; i < n; i++) {\n        const charCode = this.value.charCodeAt(i);\n\n        if (charCode > 127) {\n          markedValue += `<span class=\"input__srtiked-text\">${this.value.charAt(\n            i\n          )}</span>`;\n          this.hasPrintableCharacters = true;\n        } else {\n          markedValue += this.value.charAt(i);\n        }\n      }\n    }\n\n    this.markedValue = markedValue;\n    this.emit('nile-value-marked', {\n      value: this.markedValue,\n      hasNonPrintableCharacters: this.hasPrintableCharacters,\n    });\n  }\n\n  /** Removes all non printable characters from the value. */\n  removeAllNonPrintableCharacters() {\n    let cleanedValue = '';\n\n    if (this.value) {\n      for (let i = 0, n = this.value.length; i < n; i++) {\n        const charCode = this.value.charCodeAt(i);\n\n        // Consider a character printable if it's not in the specified non-printable ranges\n        if (charCode < 128) {\n          cleanedValue += this.value.charAt(i);\n        }\n      }\n    }\n\n    this.value = cleanedValue;\n    this.emit('nile-npchar-removed', { value: this.value });\n  }\n\n  /** Sets focus on the input. */\n  focus(options?: FocusOptions) {\n    this.input.focus(options);\n  }\n\n  /** Removes focus from the input. */\n  blur() {\n    this.input.blur();\n  }\n\n  /** Selects all the text in the input. */\n  select() {\n    this.input.select();\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(\n      selectionStart,\n      selectionEnd,\n      selectionDirection\n    );\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\n  // /** Displays the browser picker for an input element (only works if the browser supports it for the input type). */\n  // showPicker() {\n  //   if ('showPicker' in HTMLInputElement.prototype) {\n  //     this.input.showPicker();\n  //   }\n  // }\n\n  /** Increments the value of a numeric input type by the value of the step attribute. */\n  stepUp() {\n    this.input.stepUp();\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n  }\n\n  /** Decrements the value of a numeric input type by the value of the step attribute. */\n  stepDown() {\n    this.input.stepDown();\n    if (this.value !== this.input.value) {\n      this.value = this.input.value;\n    }\n  }\n\n  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n  checkValidity() {\n    return this.input.checkValidity();\n  }\n\n  /** Gets the associated form, if one exists. */\n  getForm(): HTMLFormElement | null {\n    return this.formControlController.getForm();\n  }\n\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  reportValidity() {\n    return this.input.reportValidity();\n  }\n\n  /** Sets a custom validation message. Pass an empty string to restore validity. */\n  setCustomValidity(message: string) {\n    this.input.setCustomValidity(message);\n    this.formControlController.updateValidity();\n  }\n\n  public inputFocus() {\n    this.input.focus();\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    const hasLabelSuffixSlot = this.hasSlotController.test('label-suffix');\n    const hasHelpText = this.helpText ? true : false;\n    const hasErrorMessage = this.errorMessage ? true : false;\n    const hasClearIcon =\n      this.clearable &&\n      !this.disabled &&\n      !this.readonly &&\n      (typeof this.value === 'number' || this.value.length > 0);\n\n    return html`\n      <div\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--small': this.size === 'small',\n          'form-control--medium': this.size === 'medium',\n          'form-control--large': this.size === 'large',\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        ${hasLabelSuffixSlot ? html` <slot name=\"label-suffix\"></slot> ` : ``}\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n        ${this.checkNonPrintableChar\n  ? html`\n      <nile-popup ?active=${this.hasPrintableCharacters}\n        placement=\"bottom-start\"\n        distance=\"5\"\n        exportparts=\"input\"\n        strategy=\"fixed\"\n      >\n        <div\n          slot=\"anchor\"\n          part=\"base\"\n          class=${classMap({\n            input: true,\n\n            // Sizes\n            'input--small': this.size === 'small',\n            'input--medium': this.size === 'medium',\n            'input--large': this.size === 'large',\n\n            // States\n            'input--pill': this.pill,\n            'input--standard': !this.filled,\n            'input--warning': this.warning,\n            'input--error': this.error,\n            'input--success': this.success,\n            'input--destructive': this.destructive,\n            'input--filled': this.filled,\n            'input--disabled': this.disabled,\n            'input--focused': this.hasFocus,\n            'input--empty': !this.value,\n            'input--no-spin-buttons': this.noSpinButtons,\n          })}\n        >\n          <slot name=\"prefix\" part=\"prefix\" class=\"input__prefix\"></slot>\n          <input\n            part=\"input\"\n            id=\"input\"\n            class=\"input__control ${\n              this.type === 'password' && !this.passwordVisible\n                ? 'input__password'\n                : ''\n            }\"\n            type=${this.type === 'password'\n              ? this.passwordVisible\n                ? 'text'\n                : 'password'\n              : this.type}\n            title=${\n              this.title /* An empty title prevents browser validation tooltips from appearing on hover */\n            }\n            name=${ifDefined(this.name)}\n            ?disabled=${this.disabled}\n            tabindex=${this.disabled ? '-1' : '0'}\n            ?readonly=${this.readonly}\n            ?required=${this.required}\n            placeholder=${ifDefined(this.placeholder)}\n            minlength=${ifDefined(this.minlength)}\n            maxlength=${ifDefined(this.maxlength)}\n            min=${ifDefined(this.min)}\n            max=${ifDefined(this.max)}\n            step=${ifDefined(this.step as number)}\n            .value=${live(this.value)}\n            autocapitalize=${ifDefined(this.autocapitalize)}\n            autocomplete=${ifDefined(this.autocomplete as any)}\n            autocorrect=${ifDefined(this.autocorrect)}\n            ?autofocus=${this.autofocus}\n            spellcheck=${this.spellcheck}\n            pattern=${ifDefined(this.pattern)}\n            enterkeyhint=${ifDefined(this.enterkeyhint)}\n            inputmode=${ifDefined(this.inputmode)}\n            aria-describedby=\"help-text\"\n            @change=${this.handleChange}\n            @input=${this.handleInput}\n            @invalid=${this.handleInvalid}\n            @keydown=${this.handleKeyDown}\n            @focus=${this.handleFocus}\n            @blur=${this.handleBlur}\n          />\n\n          ${\n            hasClearIcon\n              ? html`\n                  <button\n                    part=\"clear-button\"\n                    class=\"input__clear\"\n                    type=\"button\"\n                    aria-label=\"clearEntry\"\n                    @click=${this.handleClearClick}\n                    tabindex=\"-1\"\n                  >\n                    <slot name=\"clear-icon\">\n                      <nile-icon name=\"var(--nile-icon-error, var(--ng-icon-x-circle))\" method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\" library=\"system\"></nile-icon>\n                    </slot>\n                  </button>\n                `\n              : ''\n          }\n          ${\n            this.passwordToggle && !this.disabled\n              ? html`\n                  <button\n                    part=\"password-toggle-button\"\n                    class=\"input__password-toggle\"\n                    type=\"button\"\n                    aria-label=${this.passwordVisible\n                      ? 'hidePassword'\n                      : 'showPassword'}\n                    @click=${this.handlePasswordToggle}\n                    tabindex=\"-1\"\n                  >\n                    ${this.passwordVisible\n                      ? html`\n                          <slot name=\"show-password-icon\">\n                            <nile-icon\n                              name=\"var(--nile-icon-eye, var(--ng-icon-eye))\"\n                              method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n                              library=\"system\"\n                            ></nile-icon>\n                          </slot>\n                        `\n                      : html`\n                          <slot name=\"hide-password-icon\">\n                            <nile-icon\n                              name=\"var(--nile-icon-eye, var(--ng-icon-eye))\"\n                              method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n                              library=\"system\"\n                            ></nile-icon>\n                          </slot>\n                        `}\n                  </button>\n                `\n              : ''\n          }\n\n          <slot name=\"suffix\" part=\"suffix\" class=\"input__suffix\"></slot>\n        </div>\n\n        <div class=\"input__non-printable\">\n          Non-printable character detected.\n          <nile-badge variant=\"error\" @click=${\n          this.removeAllNonPrintableCharacters\n          }class=\"input__remove-non-printable\">\n            Remove All\n          </nile-badge>\n\n          <div class=\"input__srtiked-text-container\">${unsafeHTML(\n          this.markedValue\n          )} </div>\n        </div>\n      </nile-popup>\n    `\n  : html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          input: true,\n\n          // Sizes\n          'input--small': this.size === 'small',\n          'input--medium': this.size === 'medium',\n          'input--large': this.size === 'large',\n\n          // States\n          'input--pill': this.pill,\n          'input--standard': !this.filled,\n          'input--warning': this.warning,\n          'input--error': this.error,\n          'input--success': this.success,\n          'input--destructive': this.destructive,\n          'input--filled': this.filled,\n          'input--disabled': this.disabled,\n          'input--focused': this.hasFocus,\n          'input--empty': !this.value,\n          'input--no-spin-buttons': this.noSpinButtons,\n        })}\n      >\n        <slot name=\"prefix\" part=\"prefix\" class=\"input__prefix\"></slot>\n        <input\n          part=\"input\"\n          id=\"input\"\n          class=\"input__control ${\n            this.type === 'password' && !this.passwordVisible\n              ? 'input__password'\n              : ''\n          }\"\n          type=${this.type === 'password'\n            ? this.passwordVisible\n              ? 'text'\n              : 'password'\n            : this.type}\n          title=${this.title}\n          name=${ifDefined(this.name)}\n          ?disabled=${this.disabled}\n          tabindex=${this.disabled ? '-1' : '0'}\n          ?readonly=${this.readonly}\n          ?required=${this.required}\n          placeholder=${ifDefined(this.placeholder)}\n          minlength=${ifDefined(this.minlength)}\n          maxlength=${ifDefined(this.maxlength)}\n          min=${ifDefined(this.min)}\n          max=${ifDefined(this.max)}\n          step=${ifDefined(this.step as number)}\n          .value=${live(this.value)}\n          autocapitalize=${ifDefined(this.autocapitalize)}\n          autocomplete=${ifDefined(this.autocomplete as any)}\n          autocorrect=${ifDefined(this.autocorrect)}\n          ?autofocus=${this.autofocus}\n          spellcheck=${this.spellcheck}\n          pattern=${ifDefined(this.pattern)}\n          enterkeyhint=${ifDefined(this.enterkeyhint)}\n          inputmode=${ifDefined(this.inputmode)}\n          aria-describedby=\"help-text\"\n          @change=${this.handleChange}\n          @input=${this.handleInput}\n          @invalid=${this.handleInvalid}\n          @keydown=${this.handleKeyDown}\n          @focus=${this.handleFocus}\n          @blur=${this.handleBlur}\n        />\n\n        ${\n          hasClearIcon\n            ? html`\n                <button\n                  part=\"clear-button\"\n                  class=\"input__clear\"\n                  type=\"button\"\n                  aria-label=\"clearEntry\"\n                  @click=${this.handleClearClick}\n                  tabindex=\"-1\"\n                >\n                  <slot name=\"clear-icon\">\n                    <nile-icon\n                      name=\"var(--nile-icon-error, var(--ng-icon-x-circle))\"\n                      method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n                      library=\"system\"\n                    ></nile-icon>\n                  </slot>\n                </button>\n              `\n            : ''\n        }\n\n        ${\n          this.passwordToggle && !this.disabled\n            ? html`\n                <button\n                  part=\"password-toggle-button\"\n                  class=\"input__password-toggle\"\n                  type=\"button\"\n                  aria-label=${this.passwordVisible\n                    ? 'hidePassword'\n                    : 'showPassword'}\n                  @click=${this.handlePasswordToggle}\n                  tabindex=\"-1\"\n                >\n                  ${this.passwordVisible\n                    ? html`\n                        <slot name=\"show-password-icon\">\n                          <nile-icon\n                            name=\"var(--nile-icon-eye, var(--ng-icon-eye))\"\n                            method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n                            library=\"system\"\n                          ></nile-icon>\n                        </slot>\n                      `\n                    : html`\n                        <slot name=\"hide-password-icon\">\n                          <nile-icon\n                            name=\"var(--nile-icon-eye, var(--ng-icon-eye))\"\n                            method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n                            library=\"system\"\n                          ></nile-icon>\n                        </slot>\n                      `}\n                </button>\n              `\n            : ''\n        }\n\n        <slot name=\"suffix\" part=\"suffix\" class=\"input__suffix\"></slot>\n      </div>\n    `}\n\n        </div>\n\n        ${\n          hasHelpText\n            ? html`\n                <nile-form-help-text exportparts=\"container: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      </div>\n    `;\n  }\n}\n\nexport default NileInput;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-input': NileInput;\n  }\n}\n"],"names":["NileInput","d","this","formControlController","FormControlController","assumeInteractionOn","hasSlotController","HasSlotController","hasFocus","title","type","name","value","checkNonPrintableChar","defaultValue","size","filled","warning","error","success","destructive","pill","label","helpText","errorMessage","clearable","disabled","placeholder","readonly","passwordToggle","passwordVisible","noSpinButtons","form","required","autocomplete","spellcheck","canSavePassword","hasPrintableCharacters","noOutline","noPadding","_this","_inherits","_v","_createClass","key","connectedCallback","super","emit","disconnectedCallback","get","input","document","createElement","valueAsDate","set","newValue","valueAsNumber","validity","validationMessage","firstUpdated","updateValidity","handleBlur","handleChange","handleClearClick","event","focus","stopPropagation","handleFocus","markNonPrintableCharacters","handleInput","Number","handleInvalid","setValidity","emitInvalidEvent","handleKeyDown","_this2","hasModifier","metaKey","ctrlKey","shiftKey","altKey","setTimeout","defaultPrevented","isComposing","submit","handlePasswordToggle","handleDisabledChange","handleStepChange","step","String","_handleValueChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context2","prev","next","updateComplete","stop","handleValueChange","markedValue","i","n","length","charCodeAt","concat","charAt","hasNonPrintableCharacters","removeAllNonPrintableCharacters","cleanedValue","options","blur","select","setSelectionRange","selectionStart","selectionEnd","selectionDirection","setRangeText","replacement","start","end","selectMode","stepUp","stepDown","checkValidity","getForm","reportValidity","setCustomValidity","message","inputFocus","render","hasLabelSlot","test","hasLabel","hasLabelSuffixSlot","hasHelpText","hasErrorMessage","hasClearIcon","html","_templateObject","_taggedTemplateLiteral","classMap","_templateObject2","_templateObject3","ifDefined","minlength","maxlength","min","max","live","autocapitalize","autocorrect","autofocus","pattern","enterkeyhint","inputmode","_templateObject4","_templateObject5","_templateObject6","_templateObject7","unsafeHTML","_templateObject8","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","NileElement","styles","__decorate","query","prototype","state","property","reflect","Boolean","attribute","converter","fromAttribute","toAttribute","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}

package/dist/nile-input/nile-input.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    --ng-nxt-gen-outline: var(--ng-border-width-1) solid var(--ng-colors-border-brand);\n    --ng-nxt-gen-outline-error: var(--ng-border-width-1) solid var(--ng-colors-border-error);\n    --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;\n    --ng-box-shadow-1: 0px 1px 2px 0px var(--ng-colors-effects-shadow-xs);\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: var(--nile-spacing-none);\n    padding: var(--nile-spacing-none);\n  }\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: var(--nile-type-scale-6, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-dark-500);\n    margin-top: var(--nile-spacing-sm);\n  }\n\n  /* Error message */\n  .form-control__error-message {\n    display: block;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n    margin-top: var(--nile-spacing-lg, var(--ng-spacing-sm));\n    font-size: var(--nile-type-scale-2);\n    font-style: normal;\n    line-height: var( --nile-form-error-text-line-height,  var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: var(--nile-type-scale-1);\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: var(--nile-spacing-xxxsmall);\n  }\n\n  .input {\n    flex: 1 1 auto;\n    display: inline-flex;\n    align-items: stretch;\n    justify-content: start;\n    position: relative;\n    width: 100%;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: text;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color, 150ms outline;\n    box-sizing: border-box;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3);\n    font-style: normal;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n\n  /* Standard inputs */\n  .input--standard {\n    background-color: var(--nile-input-standard-background-color, var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-input-standard-border-color, var(--ng-colors-border-primary));\n    box-shadow: var(--nile-input-shadow-standard, var(--ng-shadow-xs));\n    outline:var(--nile-outline-none, var(--ng-private-outline-transparent));\n  }\n\n  .input--standard:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-neutral));\n  }\n\n  .input--standard.input--error:hover:not(.input--disabled) {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-error));\n  }\n\n  .input--standard.input--focused:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-brand));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n  }\n  .input--standard.input--focused:not(.input--disabled) {\n  position: relative; \n  background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n  border-color: var(--nile-colors-primary-500, var(--ng-colors-border-brand));\n  /* border-width: var(--nile-border-width-1, var(--ng-border-width-2)); */\n}\n\n/* Added to apply the hover effect in nxtgen  */\n.input--standard.input--focused:not(.input--disabled)::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;  \n  pointer-events: none; \n  border-radius: 6.5px;\n  box-shadow: inset 0 0 0 1px  var(--ng-colors-border-brand);\n}\n\n  .input--standard.input--focused.input--warning:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-warning));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-warning));\n  }\n\n  .input--standard.input--focused.input--success:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-success));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-success));\n  }\n  \n  .input--standard.input--focused.input--error:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-error));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-error));\n  }\n\n  .input--standard.input--focused:not(.input--disabled) .input__control {\n    color: var(--nile-colors-primary-900);\n  }\n\n  .input--standard.input--disabled {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-disabled));\n    /* opacity: 0.5; */\n    cursor: not-allowed;\n  }\n\n  .input--standard.input--disabled .input__control {\n    color:  var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n  }\n\n  .input--standard.input--disabled .input__control::placeholder {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    background:var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  }\n\n  .input--standard.input--warning {\n    border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning-subtle));\n  }\n\n  .input--standard.input--warning:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-warning));\n  }\n\n  .input--standard.input--error {\n    border-color: var(--nile-colors-red-500, var(--ng-colors-border-error-subtle));\n  }\n\n  .input--standard.input--success {\n    border-color: var(--nile-colors-green-500, var(--ng-colors-border-success-subtle));\n  }\n\n  .input--standard.input--success:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-success));\n  }\n\n  .input--standard.input--destructive {\n    border-color: var(--nile-colors-red-400);\n  }\n\n  .input--standard.input--focused.input--destructive:not(.input--disabled) {\n    border: 1px solid var(--nile-colors-red-400);\n    box-shadow: var(--nile-input-shadow-destructive-active);\n  }\n\n  .input--destructive:active {\n    border: 1px solid var(--nile-colors-red-400);\n    box-shadow: var(--nile-input-shadow-destructive-active);\n  }\n\n  /* Filled inputs */\n  .input--filled {\n    border: none;\n    background-color: var(--nile-colors-dark-100);\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled:hover:not(.input--disabled) {\n    background-color: var(--nile-colors-dark-100);\n  }\n\n  .input--filled.input--focused:not(.input--disabled) {\n    background-color: var(--nile-colors-dark-100);\n    outline: solid 3px hsl(200.4 98% 39.4%);\n    outline-offset: 1px;\n  }\n\n  .input--filled.input--disabled {\n    background-color: var(--nile-colors-dark-100);\n    cursor: not-allowed;\n  }\n\n  .input__control {\n    flex: 1 1 auto;\n    min-width: 0;\n    height: 100%;\n    border: none;\n    background: none;\n    box-shadow: none;\n    padding: var(--nile-spacing-none, var(--ng-spacing-md)) var(--nile-spacing-none, var(--ng-spacing-lg));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n    cursor: inherit;\n    -webkit-appearance: none;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-type-scale-4, var(--ng-line-height-text-md));\n    letter-spacing: 0.2px;\n  }\n\n  .input__control::-webkit-search-decoration,\n  .input__control::-webkit-search-cancel-button,\n  .input__control::-webkit-search-results-button,\n  .input__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input__control::placeholder {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-placeholder));\n    user-select: none;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n  }\n\n  .input:hover:not(.input--disabled) .input__control {\n    color: var(--nile-colors-dark-900);\n  }\n\n  .input__control:focus {\n    outline: none;\n  }\n\n  .input__prefix,\n  .input__suffix {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    cursor: default;\n  }\n\n  .input__prefix::slotted(nile-icon) {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__suffix::slotted(nile-icon) {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input--standard:focus {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    border: 1px solid var(--nile-colors-primary-500);\n    box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs));\n  }\n\n  /*\n   * Size modifiers\n   */\n\n  .input--small {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-input-font-size-small);\n    height: 1.875rem;\n  }\n\n  .input--small .input__control {\n    height: calc(1.875rem);\n    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--small .input__clear {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__password-toggle {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--small .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--medium {\n    font-size: var(--nile-font-size-rem-large);\n    height: var(--nile-height-40px, var(--ng-height-auto));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n  }\n\n  .input--medium .input__control {\n    height: var(--nile-type-scale-3, var(--ng-height-auto));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--medium .input__clear {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__password-toggle {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--medium .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--large {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-type-scale-6);\n    height: 3.125rem;\n  }\n\n  .input--large .input__control {\n    height: calc(3.125rem - 1px * 2);\n    padding: var(--nile-spacing-none) var(--nile-spacing-xl);\n  }\n\n  .input--large .input__clear {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__password-toggle {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-small, var(--ng-spacing-lg));\n  }\n\n  .input--large .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-small, var(--ng-spacing-lg));\n  }\n\n  /*\n   * Pill modifier\n   */\n\n  .input--pill.input--small {\n    border-radius:var(--nile-radius-3xl, var(--ng-spacing-lg));\n  }\n\n  .input--pill.input--medium {\n    border-radius: var(--nile-radius-4xl, var(--ng-spacing-lg));\n  }\n\n  .input--pill.input--large {\n    border-radius: var(--nile-radius-4xl, var(--ng-spacing-lg));\n  }\n\n  /*\n   * Clearable + Password Toggle\n   */\n\n  .input__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--nile-colors-neutral-700);\n    border: none;\n    background: none;\n    padding: var(--nile-spacing-none);\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__password-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--nile-colors-neutral-700);\n    border: none;\n    background: none;\n    padding: var(--nile-spacing-none);\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__clear:hover {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__password-toggle:hover {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__clear:focus,\n  .input__password-toggle:focus {\n    outline: none;\n  }\n\n  .input--empty .input__clear {\n    visibility: hidden;\n  }\n\n  /* Don't show the browser's password toggle in Edge */\n  ::-ms-reveal {\n    display: none;\n  }\n\n  /* Hide the built-in number spinner */\n  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,\n  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n\n  .input--no-spin-buttons input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  :host([no-border]) .input--standard {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-outline]) .input--standard {\n    outline: var(--nile-outline-unset, var(--ng-outline-none));\n  }\n\n  :host([no-border]) .input--standard:hover:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  .input__password {\n    font-family: var(--nile-font-family-disc, var(--ng-font-family-body));\n    letter-spacing: var(--nile-spacing-xxs, var(--ng-spacing-none));\n  }\n\n  .input__non-printable {\n    border-radius: var(--nile-radius-sm);\n    max-width: 400px;\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border: 1px solid var(--nile-colors-red-500);\n    color: var(--nile-colors-red-500);\n    padding: var(--nile-spacing-10px);\n    font-size: var(--nile-type-scale-2);\n    max-height: 300px;\n    overflow-y: scroll;\n    line-height: var(--nile-type-scale-4);\n  }\n\n  .input__remove-non-printable {\n    color: var(--nile-colors-red-500);\n    margin-left: var(--nile-spacing-10px);\n    font-size: var(--nile-type-scale-3);\n    color: var(--nile-colors-dark-900);\n    cursor: pointer;\n  }\n\n  .input__srtiked-text-container {\n    margin-top: var(--nile-spacing-xs);\n    color: var(--nile-colors-dark-900);\n    word-break: break-all;\n    line-height: var(--nile-type-scale-4);\n  }\n\n  .input__srtiked-text {\n    text-decoration: line-through;\n    text-decoration-color: var(--nile-colors-white-base);\n    color: var(--nile-colors-white-base);\n    background-color: var(--nile-colors-red-500);\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    --ng-nxt-gen-outline: var(--ng-border-width-1) solid var(--ng-colors-border-brand);\n    --ng-nxt-gen-outline-error: var(--ng-border-width-1) solid var(--ng-colors-border-error);\n    --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;\n    --ng-box-shadow-1: 0px 1px 2px 0px var(--ng-colors-effects-shadow-xs);\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: var(--nile-spacing-none);\n    padding: var(--nile-spacing-none);\n  }\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: var(--nile-type-scale-6, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n  :host([disabled]) .form-control--has-label .form-control__label {\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-dark-500);\n    margin-top: var(--nile-spacing-sm);\n  }\n\n  /* Error message */\n  .form-control__error-message {\n    display: block;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n    margin-top: var(--nile-spacing-lg, var(--ng-spacing-sm));\n    font-size: var(--nile-type-scale-2);\n    font-style: normal;\n    line-height: var( --nile-form-error-text-line-height,  var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: var(--nile-type-scale-1);\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: var(--nile-spacing-xxxsmall);\n  }\n\n  .input {\n    flex: 1 1 auto;\n    display: inline-flex;\n    align-items: stretch;\n    justify-content: start;\n    position: relative;\n    width: 100%;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: text;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color, 150ms outline;\n    box-sizing: border-box;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3);\n    font-style: normal;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n\n  /* Standard inputs */\n  .input--standard {\n    background-color: var(--nile-input-standard-background-color, var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-input-standard-border-color, var(--ng-colors-border-primary));\n    box-shadow: var(--nile-input-shadow-standard, var(--ng-shadow-xs));\n    outline:var(--nile-outline-none, var(--ng-private-outline-transparent));\n  }\n\n  .input--standard:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-neutral));\n  }\n\n  .input--standard.input--error:hover:not(.input--disabled) {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-error));\n  }\n\n  .input--standard.input--focused:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-brand));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n  }\n  .input--standard.input--focused:not(.input--disabled) {\n  position: relative; \n  background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n  border-color: var(--nile-colors-primary-500, var(--ng-colors-border-brand));\n  /* border-width: var(--nile-border-width-1, var(--ng-border-width-2)); */\n}\n\n/* Added to apply the hover effect in nxtgen  */\n.input--standard.input--focused:not(.input--disabled)::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;  \n  pointer-events: none; \n  border-radius: 6.5px;\n  box-shadow: inset 0 0 0 1px  var(--ng-colors-border-brand);\n}\n\n  .input--standard.input--focused.input--warning:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-warning));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-warning));\n  }\n\n  .input--standard.input--focused.input--success:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-success));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-success));\n  }\n  \n  .input--standard.input--focused.input--error:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-error));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-error));\n  }\n\n  .input--standard.input--focused:not(.input--disabled) .input__control {\n    color: var(--nile-colors-primary-900);\n  }\n\n  .input--standard.input--disabled {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-disabled));\n    /* opacity: 0.5; */\n    cursor: not-allowed;\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  .input--standard.input--disabled .input__control {\n    color:  var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    user-select: none;\n    -webkit-user-select: none;\n    pointer-events: none;\n    \n  }\n\n  .input--standard.input--disabled .input__control::placeholder {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    background:var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  }\n\n  .input--standard.input--warning {\n    border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning-subtle));\n  }\n\n  .input--standard.input--warning:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-warning));\n  }\n\n  .input--standard.input--error {\n    border-color: var(--nile-colors-red-500, var(--ng-colors-border-error-subtle));\n  }\n\n  .input--standard.input--success {\n    border-color: var(--nile-colors-green-500, var(--ng-colors-border-success-subtle));\n  }\n\n  .input--standard.input--success:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-success));\n  }\n\n  .input--standard.input--destructive {\n    border-color: var(--nile-colors-red-400);\n  }\n\n  .input--standard.input--focused.input--destructive:not(.input--disabled) {\n    border: 1px solid var(--nile-colors-red-400);\n    box-shadow: var(--nile-input-shadow-destructive-active);\n  }\n\n  .input--destructive:active {\n    border: 1px solid var(--nile-colors-red-400);\n    box-shadow: var(--nile-input-shadow-destructive-active);\n  }\n\n  /* Filled inputs */\n  .input--filled {\n    border: none;\n    background-color: var(--nile-colors-dark-100);\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled:hover:not(.input--disabled) {\n    background-color: var(--nile-colors-dark-100);\n  }\n\n  .input--filled.input--focused:not(.input--disabled) {\n    background-color: var(--nile-colors-dark-100);\n    outline: solid 3px hsl(200.4 98% 39.4%);\n    outline-offset: 1px;\n  }\n\n  .input--filled.input--disabled {\n    background-color: var(--nile-colors-dark-100);\n    cursor: not-allowed;\n  }\n\n  .input__control {\n    flex: 1 1 auto;\n    min-width: 0;\n    height: 100%;\n    border: none;\n    background: none;\n    box-shadow: none;\n    padding: var(--nile-spacing-none, var(--ng-spacing-md)) var(--nile-spacing-none, var(--ng-spacing-lg));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n    cursor: inherit;\n    -webkit-appearance: none;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-type-scale-4, var(--ng-line-height-text-md));\n    letter-spacing: 0.2px;\n  }\n\n  .input__control::-webkit-search-decoration,\n  .input__control::-webkit-search-cancel-button,\n  .input__control::-webkit-search-results-button,\n  .input__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input__control::placeholder {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-placeholder));\n    user-select: none;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n  }\n\n  .input:hover:not(.input--disabled) .input__control {\n    color: var(--nile-colors-dark-900);\n  }\n\n  .input__control:focus {\n    outline: none;\n  }\n\n  .input__prefix,\n  .input__suffix {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    cursor: default;\n  }\n\n  .input__prefix::slotted(nile-icon) {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__suffix::slotted(nile-icon) {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input--standard:focus {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    border: 1px solid var(--nile-colors-primary-500);\n    box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs));\n  }\n\n  /*\n   * Size modifiers\n   */\n\n  .input--small {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-input-font-size-small);\n    height: 1.875rem;\n  }\n\n  .input--small .input__control {\n    height: calc(1.875rem);\n    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--small .input__clear {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__password-toggle {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--small .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--medium {\n    font-size: var(--nile-font-size-rem-large);\n    height: var(--nile-height-40px, var(--ng-height-auto));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n  }\n\n  .input--medium .input__control {\n    height: var(--nile-type-scale-3, var(--ng-height-auto));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--medium .input__clear {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__password-toggle {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--medium .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--large {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-type-scale-6);\n    height: 3.125rem;\n  }\n\n  .input--large .input__control {\n    height: calc(3.125rem - 1px * 2);\n    padding: var(--nile-spacing-none) var(--nile-spacing-xl);\n  }\n\n  .input--large .input__clear {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__password-toggle {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-small, var(--ng-spacing-lg));\n  }\n\n  .input--large .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-small, var(--ng-spacing-lg));\n  }\n\n  /*\n   * Pill modifier\n   */\n\n  .input--pill.input--small {\n    border-radius:var(--nile-radius-3xl, var(--ng-spacing-lg));\n  }\n\n  .input--pill.input--medium {\n    border-radius: var(--nile-radius-4xl, var(--ng-spacing-lg));\n  }\n\n  .input--pill.input--large {\n    border-radius: var(--nile-radius-4xl, var(--ng-spacing-lg));\n  }\n\n  /*\n   * Clearable + Password Toggle\n   */\n\n  .input__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--nile-colors-neutral-700);\n    border: none;\n    background: none;\n    padding: var(--nile-spacing-none);\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__password-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--nile-colors-neutral-700);\n    border: none;\n    background: none;\n    padding: var(--nile-spacing-none);\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__clear:hover {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__password-toggle:hover {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__clear:focus,\n  .input__password-toggle:focus {\n    outline: none;\n  }\n\n  .input--empty .input__clear {\n    visibility: hidden;\n  }\n\n  /* Don't show the browser's password toggle in Edge */\n  ::-ms-reveal {\n    display: none;\n  }\n\n  /* Hide the built-in number spinner */\n  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,\n  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n\n  .input--no-spin-buttons input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  :host([no-border]) .input--standard {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-outline]) .input--standard {\n    outline: var(--nile-outline-unset, var(--ng-outline-none));\n  }\n\n  :host([no-border]) .input--standard:hover:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  .input__password {\n    font-family: var(--nile-font-family-disc, var(--ng-font-family-body));\n    letter-spacing: var(--nile-spacing-xxs, var(--ng-spacing-none));\n  }\n\n  .input__non-printable {\n    border-radius: var(--nile-radius-sm);\n    max-width: 400px;\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border: 1px solid var(--nile-colors-red-500);\n    color: var(--nile-colors-red-500);\n    padding: var(--nile-spacing-10px);\n    font-size: var(--nile-type-scale-2);\n    max-height: 300px;\n    overflow-y: scroll;\n    line-height: var(--nile-type-scale-4);\n  }\n\n  .input__remove-non-printable {\n    color: var(--nile-colors-red-500);\n    margin-left: var(--nile-spacing-10px);\n    font-size: var(--nile-type-scale-3);\n    color: var(--nile-colors-dark-900);\n    cursor: pointer;\n  }\n\n  .input__srtiked-text-container {\n    margin-top: var(--nile-spacing-xs);\n    color: var(--nile-colors-dark-900);\n    word-break: break-all;\n    line-height: var(--nile-type-scale-4);\n  }\n\n  .input__srtiked-text {\n    text-decoration: line-through;\n    text-decoration-color: var(--nile-colors-white-base);\n    color: var(--nile-colors-white-base);\n    background-color: var(--nile-colors-red-500);\n  }\n"]))));}};});
 //# sourceMappingURL=nile-input.css.cjs.js.map

package/dist/nile-input/nile-input.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-input.css.cjs.js","sources":["../../../src/nile-input/nile-input.css.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 { css } from 'lit';\n\n/**\n * Input CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n    --ng-nxt-gen-outline: var(--ng-border-width-1) solid var(--ng-colors-border-brand);\n    --ng-nxt-gen-outline-error: var(--ng-border-width-1) solid var(--ng-colors-border-error);\n    --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;\n    --ng-box-shadow-1: 0px 1px 2px 0px var(--ng-colors-effects-shadow-xs);\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: var(--nile-spacing-none);\n    padding: var(--nile-spacing-none);\n  }\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: var(--nile-type-scale-6, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-dark-500);\n    margin-top: var(--nile-spacing-sm);\n  }\n\n  /* Error message */\n  .form-control__error-message {\n    display: block;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n    margin-top: var(--nile-spacing-lg, var(--ng-spacing-sm));\n    font-size: var(--nile-type-scale-2);\n    font-style: normal;\n    line-height: var( --nile-form-error-text-line-height,  var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: var(--nile-type-scale-1);\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: var(--nile-spacing-xxxsmall);\n  }\n\n  .input {\n    flex: 1 1 auto;\n    display: inline-flex;\n    align-items: stretch;\n    justify-content: start;\n    position: relative;\n    width: 100%;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: text;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color, 150ms outline;\n    box-sizing: border-box;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3);\n    font-style: normal;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n\n  /* Standard inputs */\n  .input--standard {\n    background-color: var(--nile-input-standard-background-color, var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-input-standard-border-color, var(--ng-colors-border-primary));\n    box-shadow: var(--nile-input-shadow-standard, var(--ng-shadow-xs));\n    outline:var(--nile-outline-none, var(--ng-private-outline-transparent));\n  }\n\n  .input--standard:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-neutral));\n  }\n\n  .input--standard.input--error:hover:not(.input--disabled) {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-error));\n  }\n\n  .input--standard.input--focused:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-brand));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n  }\n  .input--standard.input--focused:not(.input--disabled) {\n  position: relative; \n  background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n  border-color: var(--nile-colors-primary-500, var(--ng-colors-border-brand));\n  /* border-width: var(--nile-border-width-1, var(--ng-border-width-2)); */\n}\n\n/* Added to apply the hover effect in nxtgen  */\n.input--standard.input--focused:not(.input--disabled)::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;  \n  pointer-events: none; \n  border-radius: 6.5px;\n  box-shadow: inset 0 0 0 1px  var(--ng-colors-border-brand);\n}\n\n  .input--standard.input--focused.input--warning:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-warning));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-warning));\n  }\n\n  .input--standard.input--focused.input--success:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-success));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-success));\n  }\n  \n  .input--standard.input--focused.input--error:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-error));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-error));\n  }\n\n  .input--standard.input--focused:not(.input--disabled) .input__control {\n    color: var(--nile-colors-primary-900);\n  }\n\n  .input--standard.input--disabled {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-disabled));\n    /* opacity: 0.5; */\n    cursor: not-allowed;\n  }\n\n  .input--standard.input--disabled .input__control {\n    color:  var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n  }\n\n  .input--standard.input--disabled .input__control::placeholder {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    background:var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  }\n\n  .input--standard.input--warning {\n    border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning-subtle));\n  }\n\n  .input--standard.input--warning:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-warning));\n  }\n\n  .input--standard.input--error {\n    border-color: var(--nile-colors-red-500, var(--ng-colors-border-error-subtle));\n  }\n\n  .input--standard.input--success {\n    border-color: var(--nile-colors-green-500, var(--ng-colors-border-success-subtle));\n  }\n\n  .input--standard.input--success:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-success));\n  }\n\n  .input--standard.input--destructive {\n    border-color: var(--nile-colors-red-400);\n  }\n\n  .input--standard.input--focused.input--destructive:not(.input--disabled) {\n    border: 1px solid var(--nile-colors-red-400);\n    box-shadow: var(--nile-input-shadow-destructive-active);\n  }\n\n  .input--destructive:active {\n    border: 1px solid var(--nile-colors-red-400);\n    box-shadow: var(--nile-input-shadow-destructive-active);\n  }\n\n  /* Filled inputs */\n  .input--filled {\n    border: none;\n    background-color: var(--nile-colors-dark-100);\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled:hover:not(.input--disabled) {\n    background-color: var(--nile-colors-dark-100);\n  }\n\n  .input--filled.input--focused:not(.input--disabled) {\n    background-color: var(--nile-colors-dark-100);\n    outline: solid 3px hsl(200.4 98% 39.4%);\n    outline-offset: 1px;\n  }\n\n  .input--filled.input--disabled {\n    background-color: var(--nile-colors-dark-100);\n    cursor: not-allowed;\n  }\n\n  .input__control {\n    flex: 1 1 auto;\n    min-width: 0;\n    height: 100%;\n    border: none;\n    background: none;\n    box-shadow: none;\n    padding: var(--nile-spacing-none, var(--ng-spacing-md)) var(--nile-spacing-none, var(--ng-spacing-lg));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n    cursor: inherit;\n    -webkit-appearance: none;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-type-scale-4, var(--ng-line-height-text-md));\n    letter-spacing: 0.2px;\n  }\n\n  .input__control::-webkit-search-decoration,\n  .input__control::-webkit-search-cancel-button,\n  .input__control::-webkit-search-results-button,\n  .input__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input__control::placeholder {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-placeholder));\n    user-select: none;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n  }\n\n  .input:hover:not(.input--disabled) .input__control {\n    color: var(--nile-colors-dark-900);\n  }\n\n  .input__control:focus {\n    outline: none;\n  }\n\n  .input__prefix,\n  .input__suffix {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    cursor: default;\n  }\n\n  .input__prefix::slotted(nile-icon) {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__suffix::slotted(nile-icon) {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input--standard:focus {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    border: 1px solid var(--nile-colors-primary-500);\n    box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs));\n  }\n\n  /*\n   * Size modifiers\n   */\n\n  .input--small {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-input-font-size-small);\n    height: 1.875rem;\n  }\n\n  .input--small .input__control {\n    height: calc(1.875rem);\n    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--small .input__clear {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__password-toggle {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--small .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--medium {\n    font-size: var(--nile-font-size-rem-large);\n    height: var(--nile-height-40px, var(--ng-height-auto));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n  }\n\n  .input--medium .input__control {\n    height: var(--nile-type-scale-3, var(--ng-height-auto));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--medium .input__clear {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__password-toggle {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--medium .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--large {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-type-scale-6);\n    height: 3.125rem;\n  }\n\n  .input--large .input__control {\n    height: calc(3.125rem - 1px * 2);\n    padding: var(--nile-spacing-none) var(--nile-spacing-xl);\n  }\n\n  .input--large .input__clear {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__password-toggle {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-small, var(--ng-spacing-lg));\n  }\n\n  .input--large .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-small, var(--ng-spacing-lg));\n  }\n\n  /*\n   * Pill modifier\n   */\n\n  .input--pill.input--small {\n    border-radius:var(--nile-radius-3xl, var(--ng-spacing-lg));\n  }\n\n  .input--pill.input--medium {\n    border-radius: var(--nile-radius-4xl, var(--ng-spacing-lg));\n  }\n\n  .input--pill.input--large {\n    border-radius: var(--nile-radius-4xl, var(--ng-spacing-lg));\n  }\n\n  /*\n   * Clearable + Password Toggle\n   */\n\n  .input__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--nile-colors-neutral-700);\n    border: none;\n    background: none;\n    padding: var(--nile-spacing-none);\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__password-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--nile-colors-neutral-700);\n    border: none;\n    background: none;\n    padding: var(--nile-spacing-none);\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__clear:hover {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__password-toggle:hover {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__clear:focus,\n  .input__password-toggle:focus {\n    outline: none;\n  }\n\n  .input--empty .input__clear {\n    visibility: hidden;\n  }\n\n  /* Don't show the browser's password toggle in Edge */\n  ::-ms-reveal {\n    display: none;\n  }\n\n  /* Hide the built-in number spinner */\n  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,\n  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n\n  .input--no-spin-buttons input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  :host([no-border]) .input--standard {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-outline]) .input--standard {\n    outline: var(--nile-outline-unset, var(--ng-outline-none));\n  }\n\n  :host([no-border]) .input--standard:hover:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  .input__password {\n    font-family: var(--nile-font-family-disc, var(--ng-font-family-body));\n    letter-spacing: var(--nile-spacing-xxs, var(--ng-spacing-none));\n  }\n\n  .input__non-printable {\n    border-radius: var(--nile-radius-sm);\n    max-width: 400px;\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border: 1px solid var(--nile-colors-red-500);\n    color: var(--nile-colors-red-500);\n    padding: var(--nile-spacing-10px);\n    font-size: var(--nile-type-scale-2);\n    max-height: 300px;\n    overflow-y: scroll;\n    line-height: var(--nile-type-scale-4);\n  }\n\n  .input__remove-non-printable {\n    color: var(--nile-colors-red-500);\n    margin-left: var(--nile-spacing-10px);\n    font-size: var(--nile-type-scale-3);\n    color: var(--nile-colors-dark-900);\n    cursor: pointer;\n  }\n\n  .input__srtiked-text-container {\n    margin-top: var(--nile-spacing-xs);\n    color: var(--nile-colors-dark-900);\n    word-break: break-all;\n    line-height: var(--nile-type-scale-4);\n  }\n\n  .input__srtiked-text {\n    text-decoration: line-through;\n    text-decoration-color: var(--nile-colors-white-base);\n    color: var(--nile-colors-white-base);\n    background-color: var(--nile-colors-red-500);\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-input.css.cjs.js","sources":["../../../src/nile-input/nile-input.css.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 { css } from 'lit';\n\n/**\n * Input CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n    --ng-nxt-gen-outline: var(--ng-border-width-1) solid var(--ng-colors-border-brand);\n    --ng-nxt-gen-outline-error: var(--ng-border-width-1) solid var(--ng-colors-border-error);\n    --ng-private-outline-transparent: var(--ng-border-width-1) solid transparent;\n    --ng-box-shadow-1: 0px 1px 2px 0px var(--ng-colors-effects-shadow-xs);\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: var(--nile-spacing-none);\n    padding: var(--nile-spacing-none);\n  }\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  /* To Hide Safari's AutoFill icon */\n  input::-webkit-contacts-auto-fill-button {\n    visibility: hidden;\n    width: 0;\n    margin: 0;\n    padding: 0;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: var(--nile-spacing-sm, var(--ng-spacing-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: var(--nile-type-scale-6, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n  :host([disabled]) .form-control--has-label .form-control__label {\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: var(--nile-colors-dark-500);\n    margin-top: var(--nile-spacing-sm);\n  }\n\n  /* Error message */\n  .form-control__error-message {\n    display: block;\n    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n    margin-top: var(--nile-spacing-lg, var(--ng-spacing-sm));\n    font-size: var(--nile-type-scale-2);\n    font-style: normal;\n    line-height: var( --nile-form-error-text-line-height,  var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: var(--nile-type-scale-1);\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: var(--nile-spacing-xxxsmall);\n  }\n\n  .input {\n    flex: 1 1 auto;\n    display: inline-flex;\n    align-items: stretch;\n    justify-content: start;\n    position: relative;\n    width: 100%;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: text;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color, 150ms outline;\n    box-sizing: border-box;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3);\n    font-style: normal;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n\n  /* Standard inputs */\n  .input--standard {\n    background-color: var(--nile-input-standard-background-color, var(--ng-colors-bg-primary));\n    border: solid 1px var(--nile-input-standard-border-color, var(--ng-colors-border-primary));\n    box-shadow: var(--nile-input-shadow-standard, var(--ng-shadow-xs));\n    outline:var(--nile-outline-none, var(--ng-private-outline-transparent));\n  }\n\n  .input--standard:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-neutral));\n  }\n\n  .input--standard.input--error:hover:not(.input--disabled) {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-error));\n  }\n\n  .input--standard.input--focused:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-brand));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n  }\n  .input--standard.input--focused:not(.input--disabled) {\n  position: relative; \n  background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n  box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n  border-color: var(--nile-colors-primary-500, var(--ng-colors-border-brand));\n  /* border-width: var(--nile-border-width-1, var(--ng-border-width-2)); */\n}\n\n/* Added to apply the hover effect in nxtgen  */\n.input--standard.input--focused:not(.input--disabled)::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;  \n  pointer-events: none; \n  border-radius: 6.5px;\n  box-shadow: inset 0 0 0 1px  var(--ng-colors-border-brand);\n}\n\n  .input--standard.input--focused.input--warning:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-warning));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-warning));\n  }\n\n  .input--standard.input--focused.input--success:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-success));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-success));\n  }\n  \n  .input--standard.input--focused.input--error:not(.input--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-error));\n    box-shadow: var(--nile-input-shadow-standard-focused-not-disabled, var(--ng-box-shadow-2));\n    outline: var(--nile-border-width-1, var(--ng-border-width-1)) solid var(--nile-outline-none, var(--ng-colors-border-error));\n  }\n\n  .input--standard.input--focused:not(.input--disabled) .input__control {\n    color: var(--nile-colors-primary-900);\n  }\n\n  .input--standard.input--disabled {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n    border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-disabled));\n    /* opacity: 0.5; */\n    cursor: not-allowed;\n    user-select: none;\n    -webkit-user-select: none;\n  }\n\n  .input--standard.input--disabled .input__control {\n    color:  var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    user-select: none;\n    -webkit-user-select: none;\n    pointer-events: none;\n    \n  }\n\n  .input--standard.input--disabled .input__control::placeholder {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    background:var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  }\n\n  .input--standard.input--warning {\n    border-color: var(--nile-colors-yellow-500, var(--ng-colors-border-warning-subtle));\n  }\n\n  .input--standard.input--warning:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-warning));\n  }\n\n  .input--standard.input--error {\n    border-color: var(--nile-colors-red-500, var(--ng-colors-border-error-subtle));\n  }\n\n  .input--standard.input--success {\n    border-color: var(--nile-colors-green-500, var(--ng-colors-border-success-subtle));\n  }\n\n  .input--standard.input--success:hover {\n    border-color: var(--nile-colors-dark-900, var(--ng-colors-border-success));\n  }\n\n  .input--standard.input--destructive {\n    border-color: var(--nile-colors-red-400);\n  }\n\n  .input--standard.input--focused.input--destructive:not(.input--disabled) {\n    border: 1px solid var(--nile-colors-red-400);\n    box-shadow: var(--nile-input-shadow-destructive-active);\n  }\n\n  .input--destructive:active {\n    border: 1px solid var(--nile-colors-red-400);\n    box-shadow: var(--nile-input-shadow-destructive-active);\n  }\n\n  /* Filled inputs */\n  .input--filled {\n    border: none;\n    background-color: var(--nile-colors-dark-100);\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled:hover:not(.input--disabled) {\n    background-color: var(--nile-colors-dark-100);\n  }\n\n  .input--filled.input--focused:not(.input--disabled) {\n    background-color: var(--nile-colors-dark-100);\n    outline: solid 3px hsl(200.4 98% 39.4%);\n    outline-offset: 1px;\n  }\n\n  .input--filled.input--disabled {\n    background-color: var(--nile-colors-dark-100);\n    cursor: not-allowed;\n  }\n\n  .input__control {\n    flex: 1 1 auto;\n    min-width: 0;\n    height: 100%;\n    border: none;\n    background: none;\n    box-shadow: none;\n    padding: var(--nile-spacing-none, var(--ng-spacing-md)) var(--nile-spacing-none, var(--ng-spacing-lg));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n    cursor: inherit;\n    -webkit-appearance: none;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-type-scale-4, var(--ng-line-height-text-md));\n    letter-spacing: 0.2px;\n  }\n\n  .input__control::-webkit-search-decoration,\n  .input__control::-webkit-search-cancel-button,\n  .input__control::-webkit-search-results-button,\n  .input__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-white-base, var(--ng-colors-bg-primary)) inset !important;\n    /* -webkit-text-fill-color: hsl(198.6 88.7% 48.4%); */\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem var(--nile-colors-dark-100) inset !important;\n  }\n\n  .input__control::placeholder {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-placeholder));\n    user-select: none;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n  }\n\n  .input:hover:not(.input--disabled) .input__control {\n    color: var(--nile-colors-dark-900);\n  }\n\n  .input__control:focus {\n    outline: none;\n  }\n\n  .input__prefix,\n  .input__suffix {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    cursor: default;\n  }\n\n  .input__prefix::slotted(nile-icon) {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__suffix::slotted(nile-icon) {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input--standard:focus {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    border: 1px solid var(--nile-colors-primary-500);\n    box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs));\n  }\n\n  /*\n   * Size modifiers\n   */\n\n  .input--small {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-input-font-size-small);\n    height: 1.875rem;\n  }\n\n  .input--small .input__control {\n    height: calc(1.875rem);\n    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--small .input__clear {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__password-toggle {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--small .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-xsmall, var(--ng-spacing-lg));\n  }\n\n  .input--medium {\n    font-size: var(--nile-font-size-rem-large);\n    height: var(--nile-height-40px, var(--ng-height-auto));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n  }\n\n  .input--medium .input__control {\n    height: var(--nile-type-scale-3, var(--ng-height-auto));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--medium .input__clear {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__password-toggle {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--medium .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-lg, var(--ng-spacing-lg));\n  }\n\n  .input--large {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    font-size: var(--nile-type-scale-6);\n    height: 3.125rem;\n  }\n\n  .input--large .input__control {\n    height: calc(3.125rem - 1px * 2);\n    padding: var(--nile-spacing-none) var(--nile-spacing-xl);\n  }\n\n  .input--large .input__clear {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__password-toggle {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__prefix::slotted(*) {\n    margin-inline-start: var(--nile-spacing-small, var(--ng-spacing-lg));\n  }\n\n  .input--large .input__suffix::slotted(*) {\n    margin-inline-end: var(--nile-spacing-small, var(--ng-spacing-lg));\n  }\n\n  /*\n   * Pill modifier\n   */\n\n  .input--pill.input--small {\n    border-radius:var(--nile-radius-3xl, var(--ng-spacing-lg));\n  }\n\n  .input--pill.input--medium {\n    border-radius: var(--nile-radius-4xl, var(--ng-spacing-lg));\n  }\n\n  .input--pill.input--large {\n    border-radius: var(--nile-radius-4xl, var(--ng-spacing-lg));\n  }\n\n  /*\n   * Clearable + Password Toggle\n   */\n\n  .input__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--nile-colors-neutral-700);\n    border: none;\n    background: none;\n    padding: var(--nile-spacing-none);\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__password-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: var(--nile-colors-neutral-700);\n    border: none;\n    background: none;\n    padding: var(--nile-spacing-none);\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__clear:hover {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__password-toggle:hover {\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .input__clear:focus,\n  .input__password-toggle:focus {\n    outline: none;\n  }\n\n  .input--empty .input__clear {\n    visibility: hidden;\n  }\n\n  /* Don't show the browser's password toggle in Edge */\n  ::-ms-reveal {\n    display: none;\n  }\n\n  /* Hide the built-in number spinner */\n  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,\n  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n\n  .input--no-spin-buttons input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  :host([no-border]) .input--standard {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-outline]) .input--standard {\n    outline: var(--nile-outline-unset, var(--ng-outline-none));\n  }\n\n  :host([no-border]) .input--standard:hover:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  .input__password {\n    font-family: var(--nile-font-family-disc, var(--ng-font-family-body));\n    letter-spacing: var(--nile-spacing-xxs, var(--ng-spacing-none));\n  }\n\n  .input__non-printable {\n    border-radius: var(--nile-radius-sm);\n    max-width: 400px;\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border: 1px solid var(--nile-colors-red-500);\n    color: var(--nile-colors-red-500);\n    padding: var(--nile-spacing-10px);\n    font-size: var(--nile-type-scale-2);\n    max-height: 300px;\n    overflow-y: scroll;\n    line-height: var(--nile-type-scale-4);\n  }\n\n  .input__remove-non-printable {\n    color: var(--nile-colors-red-500);\n    margin-left: var(--nile-spacing-10px);\n    font-size: var(--nile-type-scale-3);\n    color: var(--nile-colors-dark-900);\n    cursor: pointer;\n  }\n\n  .input__srtiked-text-container {\n    margin-top: var(--nile-spacing-xs);\n    color: var(--nile-colors-dark-900);\n    word-break: break-all;\n    line-height: var(--nile-type-scale-4);\n  }\n\n  .input__srtiked-text {\n    text-decoration: line-through;\n    text-decoration-color: var(--nile-colors-white-base);\n    color: var(--nile-colors-white-base);\n    background-color: var(--nile-colors-red-500);\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-input/nile-input.css.esm.js

@@ -60,6 +60,10 @@ import{css as r}from"lit";const o=r`
   .form-control--has-label.form-control--medium .form-control__label {
     font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
   }
+  :host([disabled]) .form-control--has-label .form-control__label {
+    user-select: none;
+    -webkit-user-select: none;
+  }
 
   :host([required]) .form-control--has-label .form-control__label::after {
     content: '*';
@@ -186,10 +190,16 @@ import{css as r}from"lit";const o=r`
     border-color: var(--nile-colors-neutral-500,var(--ng-colors-border-disabled));
     /* opacity: 0.5; */
     cursor: not-allowed;
+    user-select: none;
+    -webkit-user-select: none;
   }
 
   .input--standard.input--disabled .input__control {
-    color:  var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));
+    color:  var(--nile-colors-dark-500, var(--ng-colors-text-disabled));
+    user-select: none;
+    -webkit-user-select: none;
+    pointer-events: none;
+    
   }
 
   .input--standard.input--disabled .input__control::placeholder {