@aquera/nile-elements 1.3.3-beta-1.3 → 1.3.3-beta-1.4

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-input.js","sourceRoot":"","sources":["../../../src/nile-input/nile-input.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  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    this.emit('nile-input', { value: this.value });\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>${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"]}

package/dist/src/nile-input/nile-input.test.js

@@ -0,0 +1,143 @@
+import { fixture, html, expect, oneEvent, aTimeout } from '@open-wc/testing';
+import './nile-input';
+describe('nile-input', () => {
+    it('renders correctly', async () => {
+        const el = await fixture(html `<nile-input label="Test Label"></nile-input>`);
+        expect(el).shadowDom.to.equalSnapshot();
+    });
+    it('updates the value on input', async () => {
+        const el = await fixture(html `<nile-input></nile-input>`);
+        const input = el.shadowRoot?.querySelector('input') ?? {};
+        input.value = 'New Value';
+        input.dispatchEvent(new Event('input'));
+        expect(el.value).to.equal('New Value');
+    });
+    it('shows error message when invalid', async () => {
+        const el = await fixture(html `<nile-input required error-message='errr'></nile-input>`);
+        const errorMessage = el.shadowRoot?.querySelector('nile-form-error-message');
+        expect(errorMessage).to.exist;
+    });
+    it('should renders all slots correctly and verify its content', async () => {
+        const el = await fixture(html `
+      <nile-input>
+        <span slot="label">Slot Label</span>
+        <span slot="label-suffix">Slot Label suffix</span>
+        <span slot="prefix">prefix slot</span>
+        <span slot="suffix">suffix slot</span>
+        <span slot="clear-icon">
+          <nile-icon name="error" library="system"></nile-icon>
+        </span>
+        <span slot="show-password-icon">
+          <nile-icon
+            name="eye"
+            library="system"
+          ></nile-icon>
+        </span>
+      </nile-input>
+    `);
+        const labelSlot = el.shadowRoot?.querySelector('slot[name="label"]') ?? {};
+        const labelSuffixSlot = el.shadowRoot?.querySelector('slot[name="label-suffix"]') ?? {};
+        const prefixSlot = el.shadowRoot?.querySelector('slot[name="prefix"]') ?? {};
+        const suffixSlot = el.shadowRoot?.querySelector('slot[name="suffix"]') ?? {};
+        const clearIconSlot = el.shadowRoot?.querySelector('slot[name="clear-icon"]') ?? {};
+        const showPasswordSlot = el.shadowRoot?.querySelector('slot[name="show-password-icon"]') ?? {};
+        expect(labelSlot.assignedNodes()[0].textContent).to.equal('Slot Label');
+        expect(labelSuffixSlot.assignedNodes()[0].textContent).to.equal('Slot Label suffix');
+        expect(prefixSlot.assignedNodes()[0].textContent).to.equal('prefix slot');
+        expect(suffixSlot.assignedNodes()[0].textContent).to.equal('suffix slot');
+        expect(clearIconSlot).to.exist;
+        expect(showPasswordSlot).to.exist;
+    });
+    it('handles password toggle', async () => {
+        const el = await fixture(html `<nile-input type="password" password-toggle></nile-input>`);
+        const button = el.shadowRoot?.querySelector('.input__password-toggle') ?? {};
+        button.click();
+        await el.updateComplete;
+        expect(el.passwordVisible).to.be.true;
+        expect(el.shadowRoot.querySelector('input').type).to.equal('text');
+    });
+    it('validates input against pattern', async () => {
+        const el = await fixture(html `<nile-input pattern="^[a-zA-Z]+$"></nile-input>`);
+        el.value = '123';
+        el.reportValidity();
+        await el.updateComplete;
+        const validMessages = [
+            'Please match the requested format.',
+            'Please match the format requested.'
+        ];
+        expect(validMessages).to.include(el.validationMessage);
+    });
+    it('should emit events on blur', async () => {
+        const el = await fixture(html `<nile-input></nile-input>`);
+        const input = el.shadowRoot.querySelector('input');
+        setTimeout(() => input.dispatchEvent(new Event('blur')));
+        const event = await oneEvent(el, 'nile-blur');
+        expect(event).to.exist;
+    });
+    it('should clear input when clear button is clicked', async () => {
+        const el = await fixture(html `<nile-input clearable value="test"></nile-input>`);
+        const button = el.shadowRoot.querySelector('.input__clear');
+        button.click();
+        expect(el.value).to.equal('');
+    });
+    it('should mark non-printable characters on focus', async () => {
+        const el = await fixture(html `<nile-input checkNonPrintableChar value="test日本語組版処理の要件"></nile-input>`);
+        const input = el.shadowRoot.querySelector('input');
+        input.focus();
+        await el.updateComplete;
+        expect(el.hasPrintableCharacters).to.be.true;
+    });
+    it('should remove non-printable characters', async () => {
+        const el = await fixture(html `<nile-input checkNonPrintableChar value="test日本語組版処理の要件"></nile-input>`);
+        const input = el.shadowRoot.querySelector('input');
+        input.focus();
+        await el.updateComplete;
+        expect(el.hasPrintableCharacters).to.be.true;
+        const rem = el.shadowRoot.querySelector('.input__remove-non-printable');
+        rem.click();
+        await el.updateComplete;
+        expect(el.value).to.equal('test');
+    });
+    it('should toggle password visibility', async () => {
+        const el = await fixture(html `<nile-input type="password" password-toggle></nile-input>`);
+        const button = el.shadowRoot.querySelector('.input__password-toggle');
+        button.click();
+        expect(el.passwordVisible).to.be.true;
+    });
+    // it('should call the formControlController.submit() on Enter key', async () => {
+    //   const el: NileInput = await fixture(html`<nile-input></nile-input>`);
+    //   const input = el.shadowRoot!.querySelector('input')!;
+    //   const submitStub = Sinon.stub(el['formControlController'], 'submit');
+    //   const event = new KeyboardEvent('keydown', { key: 'Enter' });
+    //   input.dispatchEvent(event);
+    //   await el.updateComplete;
+    //   expect(submitStub).to.have.been.calledOnce;
+    // });
+    // complex regress scenarios
+    it('should debounce input events', async () => {
+        const el = await fixture(html `<nile-input debounce="500"></nile-input>`);
+        const input = el.shadowRoot.querySelector('input');
+        const changeEvent = new Event('input', { bubbles: true, composed: true });
+        input.value = 'a';
+        input.dispatchEvent(changeEvent);
+        input.value = 'ab';
+        input.dispatchEvent(changeEvent);
+        await aTimeout(100);
+        expect(el.value).to.equal('ab');
+        input.value = 'abc';
+        input.dispatchEvent(changeEvent);
+        await aTimeout(600);
+        expect(el.value).to.equal('abc');
+    });
+    it('should validate input against a regular expression pattern', async () => {
+        const el = await fixture(html `<nile-input pattern="[A-Za-z]{3}"></nile-input>`);
+        const input = el.shadowRoot.querySelector('input');
+        input.value = 'ab';
+        input.dispatchEvent(new Event('input'));
+        expect(el.validity.valid).to.be.false;
+        input.value = 'abc';
+        input.dispatchEvent(new Event('input'));
+        expect(el.validity.valid).to.be.true;
+    });
+});
+//# sourceMappingURL=nile-input.test.js.map

package/dist/src/nile-input/nile-input.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-input.test.js","sourceRoot":"","sources":["../../../src/nile-input/nile-input.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, html, expect, oneEvent, nextFrame, aTimeout } from '@open-wc/testing';\nimport './nile-input';\nimport { NileInput } from './nile-input';\n\ndescribe('nile-input', () => {\n  it('renders correctly', async () => {\n    const el = await fixture<NileInput>(html`<nile-input label=\"Test Label\"></nile-input>`);\n    expect(el).shadowDom.to.equalSnapshot();\n  });\n\n  it('updates the value on input', async () => {\n    const el :any = await fixture<NileInput>(html`<nile-input></nile-input>`);\n    const input = el.shadowRoot?.querySelector('input') ?? {} as any;\n    input.value = 'New Value';\n    input.dispatchEvent(new Event('input'));\n    expect(el.value).to.equal('New Value');\n  });\n  \n\n  it('shows error message when invalid', async () => {\n    const el = await fixture<NileInput>(html`<nile-input required error-message='errr'></nile-input>`);\n    const errorMessage = el.shadowRoot?.querySelector('nile-form-error-message');\n    expect(errorMessage).to.exist;\n  });\n\n\n  it('should renders all slots correctly and verify its content', async () => {\n    const el = await fixture<NileInput>(html`\n      <nile-input>\n        <span slot=\"label\">Slot Label</span>\n        <span slot=\"label-suffix\">Slot Label suffix</span>\n        <span slot=\"prefix\">prefix slot</span>\n        <span slot=\"suffix\">suffix slot</span>\n        <span slot=\"clear-icon\">\n          <nile-icon name=\"error\" library=\"system\"></nile-icon>\n        </span>\n        <span slot=\"show-password-icon\">\n          <nile-icon\n            name=\"eye\"\n            library=\"system\"\n          ></nile-icon>\n        </span>\n      </nile-input>\n    `);\n    const labelSlot = el.shadowRoot?.querySelector('slot[name=\"label\"]') ?? {} as any;\n    const labelSuffixSlot = el.shadowRoot?.querySelector('slot[name=\"label-suffix\"]') ?? {} as any;\n    const prefixSlot = el.shadowRoot?.querySelector('slot[name=\"prefix\"]') ?? {} as any;\n    const suffixSlot = el.shadowRoot?.querySelector('slot[name=\"suffix\"]') ?? {} as any;\n    const clearIconSlot = el.shadowRoot?.querySelector('slot[name=\"clear-icon\"]') ?? {} as HTMLElement;\n    const showPasswordSlot = el.shadowRoot?.querySelector('slot[name=\"show-password-icon\"]') ?? {} as HTMLElement;\n    expect(labelSlot.assignedNodes()[0].textContent).to.equal('Slot Label');\n    expect(labelSuffixSlot.assignedNodes()[0].textContent).to.equal('Slot Label suffix');\n    expect(prefixSlot.assignedNodes()[0].textContent).to.equal('prefix slot');\n    expect(suffixSlot.assignedNodes()[0].textContent).to.equal('suffix slot');\n    expect(clearIconSlot).to.exist;\n    expect(showPasswordSlot).to.exist;\n  });\n\n  it('handles password toggle', async () => {\n    const el = await fixture<NileInput>(html`<nile-input type=\"password\" password-toggle></nile-input>`);\n    const button = el.shadowRoot?.querySelector('.input__password-toggle') ?? {} as any;\n    button.click();\n    await el.updateComplete;\n    expect(el.passwordVisible).to.be.true;\n    expect(el.shadowRoot!.querySelector('input')!.type).to.equal('text');\n  });\n\n  it('validates input against pattern', async () => {\n    const el = await fixture<NileInput>(html`<nile-input pattern=\"^[a-zA-Z]+$\"></nile-input>`);\n    el.value = '123';\n    el.reportValidity();\n    await el.updateComplete;\n  \n    const validMessages = [\n      'Please match the requested format.',\n      'Please match the format requested.'\n    ];\n    expect(validMessages).to.include(el.validationMessage);\n  });\n  \n\n  it('should emit events on blur', async () => {\n    const el = await fixture<NileInput>(html`<nile-input></nile-input>`);\n    const input = el.shadowRoot!.querySelector('input')!;\n    setTimeout(() => input.dispatchEvent(new Event('blur')));\n    const event = await oneEvent(el, 'nile-blur');\n    expect(event).to.exist;\n  });\n\n  it('should clear input when clear button is clicked', async () => {\n    const el = await fixture<NileInput>(html`<nile-input clearable value=\"test\"></nile-input>`);\n    const button = el.shadowRoot!.querySelector('.input__clear') as HTMLElement;\n    button.click();\n    expect(el.value).to.equal('');\n  });\n\n  it('should mark non-printable characters on focus', async () => {\n    const el: NileInput = await fixture(html`<nile-input checkNonPrintableChar value=\"test日本語組版処理の要件\"></nile-input>`);\n    const input = el.shadowRoot!.querySelector('input')!;\n    input.focus();\n    await el.updateComplete;\n    expect(el.hasPrintableCharacters).to.be.true;\n  });\n\n  it('should remove non-printable characters', async () => {\n    const el: NileInput = await fixture(html`<nile-input checkNonPrintableChar value=\"test日本語組版処理の要件\"></nile-input>`);\n    const input = el.shadowRoot!.querySelector('input')!;\n    input.focus();\n    await el.updateComplete;\n    expect(el.hasPrintableCharacters).to.be.true;\n    const rem : HTMLElement=el.shadowRoot!.querySelector('.input__remove-non-printable')!;\n    rem.click()\n    await el.updateComplete;\n    expect(el.value).to.equal('test');\n  });\n\n  it('should toggle password visibility', async () => {\n    const el: NileInput = await fixture(html`<nile-input type=\"password\" password-toggle></nile-input>`);\n    const button = el.shadowRoot!.querySelector('.input__password-toggle') as HTMLElement;\n    button.click();\n    expect(el.passwordVisible).to.be.true;\n  });\n\n  // it('should call the formControlController.submit() on Enter key', async () => {\n  //   const el: NileInput = await fixture(html`<nile-input></nile-input>`);\n  //   const input = el.shadowRoot!.querySelector('input')!;\n  //   const submitStub = Sinon.stub(el['formControlController'], 'submit');\n  //   const event = new KeyboardEvent('keydown', { key: 'Enter' });\n  //   input.dispatchEvent(event);\n  //   await el.updateComplete;\n  //   expect(submitStub).to.have.been.calledOnce;\n  // });\n\n  // complex regress scenarios\n  it('should debounce input events', async () => {\n    const el: NileInput = await fixture(html`<nile-input debounce=\"500\"></nile-input>`);\n    const input = el.shadowRoot!.querySelector('input')!;\n    const changeEvent = new Event('input', { bubbles: true, composed: true });\n\n    input.value = 'a';\n    input.dispatchEvent(changeEvent);\n    input.value = 'ab';\n    input.dispatchEvent(changeEvent);\n\n    await aTimeout(100);\n    expect(el.value).to.equal('ab');\n    input.value = 'abc';\n    input.dispatchEvent(changeEvent);\n\n    await aTimeout(600);\n    expect(el.value).to.equal('abc');\n  });\n\n  it('should validate input against a regular expression pattern', async () => {\n    const el: NileInput = await fixture(html`<nile-input pattern=\"[A-Za-z]{3}\"></nile-input>`);\n    const input = el.shadowRoot!.querySelector('input')!;\n    input.value = 'ab';\n    input.dispatchEvent(new Event('input'));\n    expect(el.validity.valid).to.be.false;\n\n    input.value = 'abc';\n    input.dispatchEvent(new Event('input'));\n    expect(el.validity.valid).to.be.true;\n  });\n})"]}

package/dist/src/nile-link/index.js

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

package/dist/src/nile-link/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-link/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAC,MAAM,aAAa,CAAC","sourcesContent":["export { NileLink} from './nile-link';\n"]}

package/dist/src/nile-link/nile-link.css.js

@@ -0,0 +1,99 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit';
+/**
+ * Link CSS
+ */
+export const styles = css `
+  :host {
+    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
+    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
+  }
+
+  .link {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    user-select: none;
+    white-space: nowrap;
+    padding: var(--nile-spacing-lg, var(--ng-spacing-lg));
+    gap: var(--nile-spacing-md, var(--ng-spacing-xs));
+    height: 38px;
+    box-sizing: border-box;
+    cursor: pointer;
+    text-decoration:none;
+  }
+
+  .link__label {
+    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));
+    text-align: center;
+    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    font-style: normal;
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-semibold));
+    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));
+    letter-spacing: 0.2px;
+  }
+
+  .link--disabled {
+    color: var(--nile-colors-primary-500, var(--ng-colors-text-tertiary-600));
+    cursor: not-allowed;
+    pointer-events: none;
+    opacity: 0.6;
+  }
+
+  .link.link--disabled:not(.link__button) .link__label {
+    color: var(--nile-colors-primary-500, var(--ng-colors-fg-disabled));
+  }
+
+  
+  .link:not(.link--disabled):not(.link__button):hover ,
+  .link:not(.link--disabled):not(.link__button):hover .link__label {
+    color: var(--nile-colors-primary-700, var(--ng-colors-text-brand-secondary-hover));
+    text-decoration: var(--nile-text-decoration-none, var(--ng-text-decoration-underline));
+  }
+
+  .link:not(.link--disabled):not(.link__button):active,
+  .link:not(.link--disabled):not(.link__button):active .link__label {
+    color: var(--nile-colors-primary-900, var(--ng-colors-text-brand-secondary-hover));
+  }
+
+  .link__button:hover {
+    color: var(--nile-colors-primary-700, var(--ng-colors-text-brand-tertiary-600));
+    border-radius: var(--nile-radius-sm, var(--ng-radius-md));
+    background: var(--nile-colors-dark-200, var(--ng-colors-bg-primary-hover));
+  }
+
+  .link__button.link--disabled .link__label {
+    color: var(--nile-colors-primary-700, var(--ng-colors-fg-disabled));
+  }
+
+  .link__button.link--disabled:hover,
+  .link__button.link--disabled:focus {
+    color: var(--nile-colors-primary-500, var(--ng-colors-fg-disabled));
+    box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-none));
+    border-radius: var(--nile-radius-sm, var(--ng-radius-md));
+    background: var(--nile-colors-dark-200, var(--ng-colors-bg-primary));
+  }
+
+  .link__button:active {
+    color: var(--nile-colors-primary-100, var(--ng-colors-text-brand-tertiary-600));
+    border-radius: var(--nile-radius-sm, var(--ng-radius-md));
+    background: var(--nile-colors-primary-100, var(--ng-colors-bg-primary));
+    box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring));
+  }
+
+  .link__button:focus {
+    border-radius: var(--nile-radius-sm, var(--ng-radius-md));
+    box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring));
+  }
+
+`;
+export default [styles];
+//# sourceMappingURL=nile-link.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-link.css.js","sourceRoot":"","sources":["../../../src/nile-link/nile-link.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsFxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Link CSS\n */\nexport const styles = css`\n  :host {\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  .link {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    user-select: none;\n    white-space: nowrap;\n    padding: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    gap: var(--nile-spacing-md, var(--ng-spacing-xs));\n    height: 38px;\n    box-sizing: border-box;\n    cursor: pointer;\n    text-decoration:none;\n  }\n\n  .link__label {\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    text-align: center;\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-regular, var(--ng-font-weight-semibold));\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .link--disabled {\n    color: var(--nile-colors-primary-500, var(--ng-colors-text-tertiary-600));\n    cursor: not-allowed;\n    pointer-events: none;\n    opacity: 0.6;\n  }\n\n  .link.link--disabled:not(.link__button) .link__label {\n    color: var(--nile-colors-primary-500, var(--ng-colors-fg-disabled));\n  }\n\n  \n  .link:not(.link--disabled):not(.link__button):hover ,\n  .link:not(.link--disabled):not(.link__button):hover .link__label {\n    color: var(--nile-colors-primary-700, var(--ng-colors-text-brand-secondary-hover));\n    text-decoration: var(--nile-text-decoration-none, var(--ng-text-decoration-underline));\n  }\n\n  .link:not(.link--disabled):not(.link__button):active,\n  .link:not(.link--disabled):not(.link__button):active .link__label {\n    color: var(--nile-colors-primary-900, var(--ng-colors-text-brand-secondary-hover));\n  }\n\n  .link__button:hover {\n    color: var(--nile-colors-primary-700, var(--ng-colors-text-brand-tertiary-600));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    background: var(--nile-colors-dark-200, var(--ng-colors-bg-primary-hover));\n  }\n\n  .link__button.link--disabled .link__label {\n    color: var(--nile-colors-primary-700, var(--ng-colors-fg-disabled));\n  }\n\n  .link__button.link--disabled:hover,\n  .link__button.link--disabled:focus {\n    color: var(--nile-colors-primary-500, var(--ng-colors-fg-disabled));\n    box-shadow: var(--nile-box-shadow-none, var(--ng-shadow-none));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    background: var(--nile-colors-dark-200, var(--ng-colors-bg-primary));\n  }\n\n  .link__button:active {\n    color: var(--nile-colors-primary-100, var(--ng-colors-text-brand-tertiary-600));\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    background: var(--nile-colors-primary-100, var(--ng-colors-bg-primary));\n    box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring));\n  }\n\n  .link__button:focus {\n    border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n    box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring));\n  }\n\n`;\n\nexport default [styles];\n"]}

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

@@ -0,0 +1,118 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { customElement, state, property } from 'lit/decorators.js';
+import { styles } from './nile-link.css';
+import { HasSlotController } from '../slot';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { classMap } from 'lit/directives/class-map.js';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-link
+ *
+ */
+let NileLink = class NileLink extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.hasSlotController = new HasSlotController(this, '[default]', 'prefix', 'suffix');
+        this.hasFocus = false;
+        /** Disables the button. */
+        this.disabled = false;
+        this.button = false;
+        /* #endregion */
+    }
+    /**
+     * The styles for Link
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.handleHostClick = this.handleHostClick.bind(this);
+        this.addEventListener('click', this.handleHostClick);
+        this.emit('nile-init');
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('click', this.handleHostClick);
+        this.emit('nile-destroy');
+    }
+    handleHostClick(event) {
+        // Prevent the click event from being emitted when the button is disabled
+        if (this.disabled) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            event.stopPropagation();
+        }
+    }
+    handleBlur() {
+        this.hasFocus = false;
+        this.emit('nile-blur');
+    }
+    handleFocus() {
+        this.hasFocus = true;
+        this.emit('nile-focus');
+    }
+    handleClick(e) {
+        if (this.disabled) {
+            e.stopPropagation();
+            return;
+        }
+    }
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        return html `
+      <a
+        part="base"
+        href="${ifDefined(this.href)}"
+        class=${classMap({
+            'link': true,
+            'link--disabled': this.disabled,
+            'link__button': this.button,
+        })}
+        .disabled=${this.disabled}
+        title=${this
+            .title /* An empty title prevents browser validation tooltips from appearing on hover */}
+        aria-disabled=${this.disabled ? 'true' : 'false'}
+        tabindex=${this.disabled ? '-1' : '0'}
+        @blur=${this.handleBlur}
+        @focus=${this.handleFocus}
+        @click=${this.handleClick}
+      >
+        <slot name="prefix" part="prefix" class="link__prefix"></slot>
+        <slot part="label" class="link__label"></slot>
+        <slot name="suffix" part="suffix" class="link__suffix"></slot>
+      </a>
+    `;
+    }
+};
+__decorate([
+    state()
+], NileLink.prototype, "hasFocus", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], NileLink.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], NileLink.prototype, "button", void 0);
+__decorate([
+    property({ type: String })
+], NileLink.prototype, "href", void 0);
+NileLink = __decorate([
+    customElement('nile-link')
+], NileLink);
+export { NileLink };
+export default NileLink;
+//# sourceMappingURL=nile-link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-link.js","sourceRoot":"","sources":["../../../src/nile-link/nile-link.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, state, property } from 'lit/decorators.js';\nimport {styles} from './nile-link.css';\nimport { HasSlotController } from '../slot';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../internal/watch';\n\n/**\n * Nile icon component.\n *\n * @tag nile-link\n *\n */\n@customElement('nile-link')\nexport class NileLink extends NileElement {\n  /**\n   * The styles for Link\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private readonly hasSlotController = new HasSlotController(\n    this,\n    '[default]',\n    'prefix',\n    'suffix'\n  );\n\n  @state() private hasFocus = false;\n\n  /** Disables the button. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @property({ type: Boolean }) button = false;\n\n  @property({ type: String }) href:string;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handleHostClick = this.handleHostClick.bind(this);\n    this.addEventListener('click', this.handleHostClick);\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.handleHostClick);\n    this.emit('nile-destroy');\n  }\n\n  private handleHostClick(event: MouseEvent) {\n    // Prevent the click event from being emitted when the button is disabled\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n      event.stopPropagation();\n    }\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('nile-blur');\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('nile-focus');\n  }\n\n  handleClick(e: MouseEvent) {\n    if (this.disabled) {\n      e.stopPropagation();\n      return;\n    }\n  }\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n      <a\n        part=\"base\"\n        href=\"${ifDefined(this.href)}\"\n        class=${classMap({\n          'link': true,\n          'link--disabled': this.disabled,\n          'link__button': this.button,\n        })}\n        .disabled=${this.disabled}\n        title=${\n          this\n            .title /* An empty title prevents browser validation tooltips from appearing on hover */\n        }\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        tabindex=${this.disabled ? '-1' : '0'}\n        @blur=${this.handleBlur}\n        @focus=${this.handleFocus}\n        @click=${this.handleClick}\n      >\n        <slot name=\"prefix\" part=\"prefix\" class=\"link__prefix\"></slot>\n        <slot part=\"label\" class=\"link__label\"></slot>\n        <slot name=\"suffix\" part=\"suffix\" class=\"link__suffix\"></slot>\n      </a>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileLink;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n     'nile-link': NileLink;\n   }\n }\n"]}

package/dist/src/nile-link/nile-link.test.js

@@ -0,0 +1,72 @@
+import { fixture, expect, oneEvent, aTimeout } from '@open-wc/testing';
+import { html } from 'lit';
+import './nile-link';
+describe('NileLink', () => {
+    it('should render correctly', async () => {
+        const el = await fixture(html `<nile-link></nile-link>`);
+        expect(el.shadowRoot).to.exist;
+        expect(el.shadowRoot.querySelector('.link')).to.exist;
+    });
+    it('should handle the disabled attribute', async () => {
+        const el = await fixture(html `<nile-link disabled></nile-link>`);
+        const link = el.shadowRoot.querySelector('.link');
+        expect(el.disabled).to.be.true;
+        expect(link.getAttribute('aria-disabled')).to.equal('true');
+        expect(link.getAttribute('tabindex')).to.equal('-1');
+    });
+    it('should emit custom events on focus and blur', async () => {
+        const el = await fixture(html `<nile-link></nile-link>`);
+        setTimeout(() => el.shadowRoot.querySelector('.link').focus());
+        const focusEvent = await oneEvent(el, 'nile-focus');
+        expect(focusEvent).to.exist;
+        setTimeout(() => el.shadowRoot.querySelector('.link').blur());
+        const blurEvent = await oneEvent(el, 'nile-blur');
+        expect(blurEvent).to.exist;
+    });
+    it('should prevent click events when disabled', async () => {
+        const el = await fixture(html `<nile-link disabled></nile-link>`);
+        let clicked = false;
+        el.addEventListener('click', () => {
+            clicked = true;
+        });
+        el.shadowRoot.querySelector('.link').click();
+        await aTimeout(100);
+        expect(clicked).to.be.false;
+    });
+    it('should handle button property correctly', async () => {
+        const el = await fixture(html `<nile-link button></nile-link>`);
+        const link = el.shadowRoot.querySelector('.link');
+        expect(link.classList.contains('link__button')).to.be.true;
+    });
+    it('should have all slots rendered successfully', async () => {
+        const el = await fixture(html `<nile-link><span slot="prefix">Prefix</span><span>Label</span><span slot="suffix">Suffix</span></nile-link>`);
+        const prefixSlot = el.shadowRoot.querySelector('slot[name="prefix"]');
+        const labelSlot = el.shadowRoot.querySelector('slot:not([name])');
+        const suffixSlot = el.shadowRoot.querySelector('slot[name="suffix"]');
+        expect(prefixSlot.assignedNodes().length).to.equal(1);
+        expect(labelSlot.assignedNodes().length).to.equal(1);
+        expect(suffixSlot.assignedNodes().length).to.equal(1);
+    });
+    it('should emit nile-init and nile-destroy events on connected and disconnected', async () => {
+        const el = document.createElement('nile-link');
+        let initEvent, destroyEvent;
+        el.addEventListener('nile-init', (e) => initEvent = e);
+        el.addEventListener('nile-init', (e) => destroyEvent = e);
+        document.body.appendChild(el);
+        await el.updateComplete;
+        expect(initEvent).to.exist;
+        document.body.removeChild(el);
+        await el.updateComplete;
+        expect(destroyEvent).to.exist;
+    });
+    it('should reflect properties correctly', async () => {
+        const el = await fixture(html `<nile-link></nile-link>`);
+        el.disabled = true;
+        await el.updateComplete;
+        expect(el.hasAttribute('disabled')).to.be.true;
+        el.disabled = false;
+        await el.updateComplete;
+        expect(el.hasAttribute('disabled')).to.be.false;
+    });
+});
+//# sourceMappingURL=nile-link.test.js.map

package/dist/src/nile-link/nile-link.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-link.test.js","sourceRoot":"","sources":["../../../src/nile-link/nile-link.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, oneEvent, aTimeout } from '@open-wc/testing';\nimport { html } from 'lit';\nimport './nile-link';\nimport { NileLink } from './nile-link';\ndescribe('NileLink', () => {\n    it('should render correctly', async () => {\n        const el: NileLink = await fixture(html`<nile-link></nile-link>`);\n        expect(el.shadowRoot).to.exist;\n        expect(el.shadowRoot!.querySelector('.link')).to.exist;\n    });\n\n    it('should handle the disabled attribute', async () => {\n        const el: NileLink = await fixture(html`<nile-link disabled></nile-link>`);\n        const link = el.shadowRoot!.querySelector('.link')!;\n        expect(el.disabled).to.be.true;\n        expect(link.getAttribute('aria-disabled')).to.equal('true');\n        expect(link.getAttribute('tabindex')).to.equal('-1');\n    });\n\n    it('should emit custom events on focus and blur', async () => {\n        const el: NileLink = await fixture(html`<nile-link></nile-link>`);\n        setTimeout(() => el.shadowRoot!.querySelector<HTMLElement>('.link')!.focus());\n        const focusEvent = await oneEvent(el, 'nile-focus');\n        expect(focusEvent).to.exist;\n\n        setTimeout(() => el.shadowRoot!.querySelector<HTMLElement>('.link')!.blur());\n        const blurEvent = await oneEvent(el, 'nile-blur');\n        expect(blurEvent).to.exist;\n    });\n\n    it('should prevent click events when disabled', async () => {\n        const el: NileLink = await fixture(html`<nile-link disabled></nile-link>`);\n        let clicked = false;\n        el.addEventListener('click', () => {\n            clicked = true;\n        });\n\n        el.shadowRoot!.querySelector<HTMLElement>('.link')!.click();\n        await aTimeout(100);\n        expect(clicked).to.be.false;\n    });\n\n    it('should handle button property correctly', async () => {\n        const el: NileLink = await fixture(html`<nile-link button></nile-link>`);\n        const link = el.shadowRoot!.querySelector('.link')!;\n        expect(link.classList.contains('link__button')).to.be.true;\n    });\n\n    it('should have all slots rendered successfully', async () => {\n        const el: NileLink = await fixture(html`<nile-link><span slot=\"prefix\">Prefix</span><span>Label</span><span slot=\"suffix\">Suffix</span></nile-link>`);\n        const prefixSlot = el.shadowRoot!.querySelector<HTMLSlotElement>('slot[name=\"prefix\"]')!;\n        const labelSlot = el.shadowRoot!.querySelector<HTMLSlotElement>('slot:not([name])')!;\n        const suffixSlot = el.shadowRoot!.querySelector<HTMLSlotElement>('slot[name=\"suffix\"]')!;\n        expect(prefixSlot.assignedNodes().length).to.equal(1);\n        expect(labelSlot.assignedNodes().length).to.equal(1);\n        expect(suffixSlot.assignedNodes().length).to.equal(1);\n    });\n\n\n    it('should emit nile-init and nile-destroy events on connected and disconnected', async () => {\n        const el: NileLink = document.createElement('nile-link');\n        let initEvent:any, destroyEvent:any;\n        el.addEventListener('nile-init',(e)=>initEvent=e)\n        el.addEventListener('nile-init',(e)=>destroyEvent=e)\n        document.body.appendChild(el);\n        await el.updateComplete\n        expect(initEvent).to.exist;\n        document.body.removeChild(el);\n        await el.updateComplete\n        expect(destroyEvent).to.exist;\n    });\n\n    it('should reflect properties correctly', async () => {\n        const el: NileLink = await fixture(html`<nile-link></nile-link>`);\n        el.disabled = true;\n        await el.updateComplete;\n        expect(el.hasAttribute('disabled')).to.be.true;\n    \n        el.disabled = false;\n        await el.updateComplete;\n        expect(el.hasAttribute('disabled')).to.be.false;\n    });\n})"]}