@nova-design-system/nova-webcomponents 3.24.0 → 3.26.0

package/dist/collection/components/nv-fieldnumber/nv-fieldnumber.docs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nv-fieldnumber.docs.js","sourceRoot":"","sources":["../../../../src/components/nv-fieldnumber/nv-fieldnumber.docs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\nimport { nameof } from '../../utils/class.utils';\n\nconst NvFieldnumberDocs: NovaDocs<Components.NvFieldnumber> = {\n  component: 'nv-fieldnumber',\n  subcomponents: ['nv-button', 'nv-badge'],\n  stories: [\n    // Default\n    {\n      name: 'Default',\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // label\n    {\n      name: nameof<Components.NvFieldnumber>(x => x.label),\n      args: {\n        label: 'Fieldnumber Label',\n      },\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // description\n    {\n      name: nameof<Components.NvFieldnumber>(x => x.description),\n      args: {\n        label: 'Fieldnumber Description',\n        description: 'Description will show here',\n      },\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // placeholder\n    {\n      name: nameof<Components.NvFieldnumber>(x => x.placeholder),\n      args: {\n        label: 'Fieldnumber Placeholder',\n        placeholder: 'Type something...',\n      },\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // name\n    {\n      name: nameof<Components.NvFieldnumber>(x => x.name),\n      args: {\n        label: 'Fieldnumber Name',\n        name: 'name',\n      },\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // value\n    {\n      name: nameof<Components.NvFieldnumber>(x => x.value),\n      args: {\n        label: 'Fieldnumber Value',\n        value: 123,\n      },\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // disabled\n    {\n      name: nameof<Components.NvFieldnumber>(x => x.disabled),\n      args: {\n        label: 'Fieldnumber Disabled',\n        disabled: true,\n      },\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // readonly\n    {\n      name: nameof<Components.NvFieldnumber>(x => x.readonly),\n      args: {\n        label: 'Fieldnumber Readonly',\n        readonly: true,\n        value: 123,\n      },\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // required\n    {\n      name: nameof<Components.NvFieldnumber>(x => x.required),\n      args: {\n        label: 'Fieldnumber Required',\n        required: true,\n      },\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // ariaRequiredAttr\n    {\n      name: nameof<Components.NvFieldnumber>(x => x.ariaRequiredAttr),\n      args: {\n        label: 'Aria Required Fieldnumber',\n        ariaRequiredAttr: true,\n      },\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // error\n    {\n      name: nameof<Components.NvFieldnumber>(x => x.error),\n      args: {\n        label: 'Fieldnumber Error',\n        error: true,\n      },\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // errorDescription\n    {\n      name: nameof<Components.NvFieldnumber>(x => x.errorDescription),\n      args: {\n        label: 'Fieldnumber Error Description',\n        description: 'Make sure to be valid.',\n        error: true,\n        errorDescription: 'This input has an error.',\n      },\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // success\n    {\n      name: nameof<Components.NvFieldnumber>(x => x.success),\n      args: {\n        label: 'Fieldnumber Success',\n        success: true,\n      },\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // min\n    {\n      name: nameof<Components.NvFieldnumber>(x => x.min),\n      args: {\n        label: 'Fieldnumber Min',\n        min: 0,\n      },\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // max\n    {\n      name: nameof<Components.NvFieldnumber>(x => x.max),\n      args: {\n        label: 'Fieldnumber Max',\n        max: 10,\n      },\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // step\n    {\n      name: nameof<Components.NvFieldnumber>(x => x.step),\n      args: {\n        label: 'Fieldnumber Step',\n        step: 2,\n      },\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // autofocus\n    {\n      name: nameof<Components.NvFieldnumber>(x => x.autofocus),\n      args: {\n        label: 'Autofocus',\n        autofocus: true,\n      },\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // fluid\n    {\n      name: nameof<Components.NvFieldnumber>(x => x.fluid),\n      args: {\n        label: 'Fluid',\n        fluid: true,\n      },\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // message\n    {\n      name: nameof<Components.NvFieldnumber>(x => x.message),\n      description:\n        \"Deprecated: Use 'description' instead. Message defines a 'hint' message for the number field.\",\n      args: {\n        label: 'Message (Deprecated)',\n        message: 'This is a hint message',\n      },\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // validation\n    {\n      name: nameof<Components.NvFieldnumber>(x => x.validation),\n      description:\n        'Deprecated: Use errorDescription and set the error prop instead. Add the message to the validation state.',\n      args: {\n        label: 'Validation (Deprecated)',\n        validation: 'This is a validation message',\n      },\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // inputId\n    {\n      name: nameof<Components.NvFieldnumber>(x => x.inputId),\n      description:\n        'Sets the ID for the input element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated to ensure unique identification, facilitating proper label association and accessibility.',\n      args: {\n        label: 'Number with Custom ID',\n        inputId: 'custom-number-id',\n      },\n      template: <nv-fieldnumber data-storybook-args></nv-fieldnumber>,\n    },\n    // SlotBeforeInput\n    {\n      name: 'SlotBeforeInput',\n      description:\n        'Content to be placed before the number input, outside the input container.',\n      args: {\n        label: 'Before Input Slot',\n        description: 'This is placed before the number field',\n      },\n      template: (\n        <nv-fieldnumber data-storybook-args>\n          <nv-button slot=\"before-input\">Before Input Slot</nv-button>\n        </nv-fieldnumber>\n      ),\n    },\n    // SlotAfterInput\n    {\n      name: 'SlotAfterInput',\n      description:\n        'Content to be placed after the number input, outside the input container.',\n      args: {\n        label: 'After Input Slot',\n        description: 'This is placed after the number field',\n      },\n      template: (\n        <nv-fieldnumber data-storybook-args>\n          <nv-button slot=\"after-input\">After Input Slot</nv-button>\n        </nv-fieldnumber>\n      ),\n    },\n    // SlotLeadingInput\n    {\n      name: 'SlotLeadingInput',\n      description:\n        'Content to be placed before the number input, within the input container.',\n      args: {\n        label: 'Leading Input',\n      },\n      template: (\n        <nv-fieldnumber data-storybook-args>\n          <nv-badge\n            slot=\"leading-input\"\n            label=\"Leading\"\n            dismissible\n            data-class=\"ml-1\"\n          ></nv-badge>\n        </nv-fieldnumber>\n      ),\n    },\n    // SlotTrailingInput\n    {\n      name: 'SlotTrailingInput',\n      description:\n        'Content to be placed after the number input, within the input container.',\n      args: {\n        label: 'Trailing Input',\n      },\n      template: (\n        <nv-fieldnumber data-storybook-args>\n          <span slot=\"trailing-input\" data-class=\"mr-1\">\n            EUR\n          </span>\n        </nv-fieldnumber>\n      ),\n    },\n    // SlotLabel\n    {\n      name: 'SlotLabel',\n      description:\n        'Content to be placed as the label, will override the label prop.',\n      args: {\n        label: 'Original Label',\n      },\n      template: (\n        <nv-fieldnumber data-storybook-args>\n          <span slot=\"label\">Custom Label</span>\n        </nv-fieldnumber>\n      ),\n    },\n    // SlotDescription\n    {\n      name: 'SlotDescription',\n      description:\n        'Content to be placed as the description, will override the description prop.',\n      args: {\n        label: 'Description Slot',\n        description: 'Original description',\n      },\n      template: (\n        <nv-fieldnumber data-storybook-args>\n          <span slot=\"description\">Custom Description</span>\n        </nv-fieldnumber>\n      ),\n    },\n    // SlotErrorDescription\n    {\n      name: 'SlotErrorDescription',\n      description:\n        'Content to be placed as the error description, will override the errorDescription prop.',\n      args: {\n        label: 'Error Description Slot',\n        errorDescription: 'Original error description',\n        error: true,\n      },\n      template: (\n        <nv-fieldnumber data-storybook-args>\n          <span slot=\"error-description\">Custom Error Description</span>\n        </nv-fieldnumber>\n      ),\n    },\n  ],\n};\n\nexport default NvFieldnumberDocs;\n"]}

package/dist/collection/components/nv-fieldnumber/nv-fieldnumber.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nv-fieldnumber.js","sourceRoot":"","sources":["../../../../src/components/nv-fieldnumber/nv-fieldnumber.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Watch,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\n\n/**\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot trailing-input - Content to be placed after the input text, within the input container.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input container.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n  tag: 'nv-fieldnumber',\n  styleUrl: 'nv-fieldnumber.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvFieldnumber {\n  @Element() el: HTMLNvFieldnumberElement;\n  private inputElement!: HTMLInputElement;\n\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Message defines a 'hint ' message for the number field.\n   * @deprecated Use `description` instead.\n   */\n  @Prop({ reflect: true })\n  readonly message: string;\n\n  /**\n   * Add the message to the validation state.\n   * @deprecated Use `errorDescription` and set the error prop instead.\n   */\n  @Prop({ reflect: true })\n  readonly validation: string;\n\n  //#endregion DEPRECATED\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated\n   * to ensure unique identification, facilitating proper label association and\n   * accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * Lets you define the text that explains what users should enter in the text\n   * input field. It’s a crucial element for making forms clear and\n   * user-friendly.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Add helpful hints or extra information under the text input field. This is\n   * where you can clarify what users should enter or provide additional\n   * instructions, making the form easier to fill out correctly.\n   */\n  @Prop({ reflect: true, mutable: true })\n  description: string;\n\n  /**\n   * Display temporary text inside the input field to give users a hint about\n   * what to type. It’s a great way to provide examples or suggestions directly\n   * in the field before they start typing.\n   */\n  @Prop({ reflect: true })\n  readonly placeholder: string;\n\n  /**\n   * Defines the name attribute of the input field, which is crucial for form\n   * submission. This value is used as the key in the key-value pair sent to\n   * the server, representing the input’s data in form submissions. It should be\n   * unique within the form to avoid conflicts\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * The disabled prop lets you turn off the input field so that users can’t\n   * type in it. When disabled, the field is grayed out and won’t respond to#\n   * clicks or touches.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Display the input field’s content without allowing users to change it.\n   * Users can still click on it, select, and copy the text, but they won’t be\n   * able to type or delete anything.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks the input field as required, ensuring that the user must fill it out\n   * before submitting the form.\n   * @note This uses the native HTML `required` attribute, which triggers browser validation.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Marks the input field as required for accessibility purposes without triggering\n   * native HTML validation. Use this when implementing custom validation logic.\n   * @note When set, this uses `aria-required` instead of the native `required` attribute.\n   * This allows developers to implement custom validation while maintaining accessibility.\n   * @note If this prop is not explicitly set, the component will check for the HTML attribute\n   * 'aria-required' directly to determine if it should be applied.\n   */\n  @Prop({ reflect: true, attribute: 'aria-required' })\n  readonly ariaRequiredAttr: boolean = false;\n\n  /**\n   * Alters the input field's appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true, mutable: true })\n  error: boolean = false;\n\n  /**\n   * Show a helpful message under the input field when there’s a problem. It\n   * explains what’s wrong and how users can fix it, making the error easier to\n   * understand and resolve.\n   * @validator message\n   */\n  @Prop({ reflect: true, mutable: true })\n  errorDescription: string;\n\n  /**\n   * Changes the input field’s appearance to indicate successful input or\n   * validation.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * The maximum value that the input field can accept. Use this in combination\n   * with min to create a range of valid values.\n   */\n  @Prop({ reflect: true })\n  readonly max: number;\n\n  /**\n   * The minimum value that the input field can accept. Use this in combination\n   * with max to create a range of valid values.\n   */\n  @Prop({ reflect: true })\n  readonly min: number;\n\n  /**\n   * Define the increment value for the input field. It determines how much the\n   * value will increase or decrease when the user clicks the stepper buttons.\n   */\n  @Prop({ reflect: true })\n  readonly step: number = 1;\n\n  /**\n   * The value of the input field. It’s the text that users type in or the value\n   * that you set programmatically. This is the main way to interact with the\n   * input field, and it’s essential for creating forms that users can fill out.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: number | null;\n\n  /**\n   * Applies focus to the input field as soon as the component is mounted. This\n   * is equivalent to setting the native autofocus attribute on an <input>\n   * element.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  /**\n   * Allows the field to stretch and fill the entire width of its container.\n   */\n  @Prop({ reflect: true })\n  readonly fluid: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the input value changes.\n   * @bind value\n   */\n  // eslint-disable-next-line nova/bind-event-naming, nova/event-inline-interfaces\n  @Event({ bubbles: false })\n  valueChanged: EventEmitter<number | null>; // eslint-disable-line nova/event-inline-interfaces\n\n  /**\n   * Tracks the last emitted value to avoid double firing for normalized nulls.\n   */\n  private lastEmittedValue?: number | null;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('value')\n  watchValueHandler(newValue: number | null | undefined) {\n    const normalized =\n      typeof newValue === 'number' && !Number.isNaN(newValue) ? newValue : null;\n\n    if (this.lastEmittedValue === normalized) {\n      return;\n    }\n\n    this.lastEmittedValue = normalized;\n    this.valueChanged.emit(normalized);\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region METHODS\n\n  private handleInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    if (input.value === '') {\n      this.value = null;\n      return;\n    }\n\n    const nextValue = input.valueAsNumber;\n\n    if (Number.isNaN(nextValue)) {\n      return;\n    }\n\n    this.value = nextValue;\n  };\n\n  private handleInputContainerClick = () => {\n    this.inputElement.focus();\n  };\n\n  private handlePlus = () => {\n    this.inputElement.stepUp();\n    this.value = Number(this.inputElement.value);\n  };\n\n  private handleMinus = () => {\n    this.inputElement.stepDown();\n    this.value = Number(this.inputElement.value);\n  };\n\n  // prevents text selection when clicking the buttons multiple times\n  private preventSelection = (event: Event) => {\n    event.preventDefault();\n  };\n\n  private isMinValueReached = (): boolean => {\n    return (\n      this.min !== undefined &&\n      typeof this.value === 'number' &&\n      this.value <= this.min\n    );\n  };\n\n  private isMaxValueReached = (): boolean => {\n    return (\n      this.max !== undefined &&\n      typeof this.value === 'number' &&\n      this.value >= this.max\n    );\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillRender() {\n    if (this.message) {\n      this.description = this.message;\n    }\n\n    if (this.validation) {\n      this.errorDescription = this.validation;\n      this.error = true;\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    // Check aria-required from multiple sources:\n    // 1. HTML attribute 'aria-required' (direct HTML) - check if explicitly set\n    // 2. JavaScript prop (when prop is explicitly set via JavaScript)\n    // We use hasAttribute to determine if the attribute was explicitly set by the user,\n    // since the prop now defaults to false (to maintain Blazor compatibility)\n    const hasAriaRequiredAttr =\n      this.el.hasAttribute('aria-required') ||\n      this.el.hasAttribute('aria-required-attr');\n\n    const ariaRequiredFromAttr = hasAriaRequiredAttr\n      ? this.el.getAttribute('aria-required') ||\n        this.el.getAttribute('aria-required-attr')\n      : null;\n\n    // Use aria-required if the attribute was explicitly set\n    // With reflect: true, setting the prop will also set the attribute\n    const useAriaRequired = hasAriaRequiredAttr;\n\n    // Determine the value: use attribute if it exists (prop reflects to attribute via reflect: true)\n    // If attribute doesn't exist, the prop was never set and we don't use aria-required\n    const ariaRequiredAttrValue = hasAriaRequiredAttr\n      ? ariaRequiredFromAttr\n      : null;\n\n    // Determine which attributes to use\n    // If aria-required HTML attribute is present, use it (convert string to boolean)\n    // If required is set and aria-required is not \"false\", use native required\n    // If aria-required is \"false\", don't use native required even if required is set\n    const ariaRequiredValue = useAriaRequired\n      ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''\n      : undefined;\n\n    const useNativeRequired =\n      this.required && (!useAriaRequired || ariaRequiredValue === true);\n\n    return (\n      <Host>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <div class=\"input-wrapper\">\n          <slot name=\"before-input\"></slot>\n\n          <div class=\"input-container\" onClick={this.handleInputContainerClick}>\n            <slot name=\"leading-input\"></slot>\n\n            <input\n              id={this.inputId}\n              ref={e => (this.inputElement = e)}\n              placeholder={this.placeholder}\n              name={this.name}\n              type=\"number\"\n              autofocus={this.autofocus}\n              required={useNativeRequired ? this.required : undefined}\n              {...(ariaRequiredValue !== undefined && {\n                'aria-required': String(ariaRequiredValue),\n              })}\n              max={this.max}\n              min={this.min}\n              step={this.step}\n              value={typeof this.value === 'number' ? this.value : undefined}\n              disabled={this.disabled}\n              readOnly={this.readonly}\n              onInput={this.handleInput}\n            />\n\n            <slot name=\"trailing-input\"></slot>\n\n            {this.error && (\n              <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n            )}\n            {this.success && (\n              <nv-icon name=\"circle-check\" class=\"validation\" size=\"md\" />\n            )}\n\n            <div class=\"stepper\">\n              <nv-iconbutton\n                size=\"md\"\n                name=\"minus\"\n                emphasis=\"lower\"\n                onClick={this.handleMinus}\n                disabled={this.isMinValueReached()}\n                onMouseDown={this.preventSelection}\n                tabindex=\"-1\"\n              ></nv-iconbutton>\n              <nv-iconbutton\n                size=\"md\"\n                name=\"plus\"\n                emphasis=\"lower\"\n                onClick={this.handlePlus}\n                disabled={this.isMaxValueReached()}\n                onMouseDown={this.preventSelection}\n                tabindex=\"-1\"\n              />\n            </div>\n          </div>\n\n          <slot name=\"after-input\"></slot>\n        </div>\n\n        {(this.description ||\n          this.el.querySelector('[slot=\"description\"]')) && (\n          <div class=\"description\">\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div hidden={!this.error} class=\"error-description\">\n            <slot name=\"error-description\">{this.errorDescription}</slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"]}

package/dist/collection/components/nv-fieldpassword/nv-fieldpassword.docs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nv-fieldpassword.docs.js","sourceRoot":"","sources":["../../../../src/components/nv-fieldpassword/nv-fieldpassword.docs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\nimport { nameof } from '../../utils/class.utils';\n\nconst NvFieldpasswordDocs: NovaDocs<Components.NvFieldpassword> = {\n  component: 'nv-fieldpassword',\n  subcomponents: ['nv-button', 'nv-badge'],\n  stories: [\n    // Default\n    {\n      name: 'Default',\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // label\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.label),\n      args: {\n        label: 'Password Label',\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // description\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.description),\n      args: {\n        label: 'Password Description',\n        description: 'Enter a strong password.',\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // placeholder\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.placeholder),\n      args: {\n        label: 'Password Placeholder',\n        placeholder: 'Enter your password...',\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // name\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.name),\n      args: {\n        label: 'Password Name',\n        name: 'password',\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // value\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.value),\n      args: {\n        label: 'Password Value',\n        value: 'password123',\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // disabled\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.disabled),\n      args: {\n        label: 'Password Disabled',\n        disabled: true,\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // readonly\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.readonly),\n      args: {\n        label: 'Password Readonly',\n        readonly: true,\n        value: 'readonlypassword',\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // required\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.required),\n      args: {\n        label: 'Password Required',\n        required: true,\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // ariaRequiredAttr\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.ariaRequiredAttr),\n      args: {\n        label: 'Aria Required Password',\n        ariaRequiredAttr: true,\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // error\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.error),\n      args: {\n        label: 'Password Error',\n        error: true,\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // errorDescription\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.errorDescription),\n      args: {\n        label: 'Password Error Description',\n        description: 'Ensure your password is correct.',\n        error: true,\n        errorDescription: 'This password is incorrect.',\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // success\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.success),\n      args: {\n        label: 'Password Success',\n        success: true,\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // maxlength\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.maxlength),\n      args: {\n        label: 'Password Max Length (max 4 characters)',\n        maxlength: 4,\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // minlength\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.minlength),\n      args: {\n        label: 'Password Min Length (min 4 characters)',\n        minlength: 4,\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // hidePasswordIcon\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.hidePasswordIcon),\n      args: {\n        label: 'Password Hide Icon',\n        hidePasswordIcon: true,\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // showPassword\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.showPassword),\n      args: {\n        label: 'Password Show Text',\n        value: 'password123',\n        showPassword: true,\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // autofocus\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.autofocus),\n      args: {\n        label: 'Autofocus',\n        autofocus: true,\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // fluid\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.fluid),\n      args: {\n        label: 'Fluid',\n        fluid: true,\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // inputId\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.inputId),\n      description:\n        'Sets the ID for the input element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated to ensure unique identification, facilitating proper label association and accessibility.',\n      args: {\n        label: 'Password with Custom ID',\n        inputId: 'custom-password-id',\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // pattern\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.pattern),\n      description:\n        \"Set rules for how the input should be formatted. For example, you can require that a phone number includes only digits or that an email address has the correct format. If users don't follow these rules, they'll get a prompt to correct their input on form submission. The rules are applied to the input value via regexes.\",\n      args: {\n        label:\n          'Password with Pattern (min 8 chars, 1 uppercase, 1 lowercase, 1 number)',\n        pattern: '^(?=.*[a-z])(?=.*[A-Z])(?=.*\\\\d).{8,}$',\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // mode\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.mode),\n      description: 'Defines the type of the input. Default is text.',\n      args: {\n        label: 'Password Mode',\n        mode: 'number',\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // autocomplete\n    {\n      name: nameof<Components.NvFieldpassword>(x => x.autocomplete),\n      description:\n        \"The autocomplete prop helps users fill out the input field faster by suggesting entries they've used before, like their email or address. You can turn it on to make forms more convenient or off to ensure users always type in fresh data.\",\n      args: {\n        label: 'Password Autocomplete',\n        autocomplete: 'current-password',\n      },\n      template: <nv-fieldpassword data-storybook-args></nv-fieldpassword>,\n    },\n    // SlotBeforeInput\n    {\n      name: 'SlotBeforeInput',\n      description:\n        'Content to be placed before the input text, outside the input container.',\n      args: {\n        label: 'Before Input Slot',\n        description: 'This is placed before the password field',\n      },\n      template: (\n        <nv-fieldpassword data-storybook-args>\n          <nv-button slot=\"before-input\">Before Input Slot</nv-button>\n        </nv-fieldpassword>\n      ),\n    },\n    // SlotAfterInput\n    {\n      name: 'SlotAfterInput',\n      description:\n        'Content to be placed after the input text, outside the input container.',\n      args: {\n        label: 'After Input Slot',\n        description: 'This is placed after the password field',\n      },\n      template: (\n        <nv-fieldpassword data-storybook-args>\n          <nv-button slot=\"after-input\">After Input Slot</nv-button>\n        </nv-fieldpassword>\n      ),\n    },\n    // SlotLeadingInput\n    {\n      name: 'SlotLeadingInput',\n      description:\n        'Content to be placed before the input text, within the input container.',\n      args: {\n        label: 'Leading Input',\n      },\n      template: (\n        <nv-fieldpassword data-storybook-args>\n          <nv-badge\n            slot=\"leading-input\"\n            label=\"Leading\"\n            dismissible\n            data-class=\"ml-1\"\n          ></nv-badge>\n        </nv-fieldpassword>\n      ),\n    },\n    // SlotLabel\n    {\n      name: 'SlotLabel',\n      description:\n        'Content to be placed as the label, will override the label prop.',\n      args: {\n        label: 'Original Label',\n      },\n      template: (\n        <nv-fieldpassword data-storybook-args>\n          <span slot=\"label\">Custom Label</span>\n        </nv-fieldpassword>\n      ),\n    },\n    // SlotDescription\n    {\n      name: 'SlotDescription',\n      description:\n        'Content to be placed as the description, will override the description prop.',\n      args: {\n        label: 'Description Slot',\n        description: 'Original description',\n      },\n      template: (\n        <nv-fieldpassword data-storybook-args>\n          <span slot=\"description\">Custom Description</span>\n        </nv-fieldpassword>\n      ),\n    },\n    // SlotErrorDescription\n    {\n      name: 'SlotErrorDescription',\n      description:\n        'Content to be placed as the error description, will override the errorDescription prop.',\n      args: {\n        label: 'Error Description Slot',\n        errorDescription: 'Original error description',\n        error: true,\n      },\n      template: (\n        <nv-fieldpassword data-storybook-args>\n          <span slot=\"error-description\">Custom Error Description</span>\n        </nv-fieldpassword>\n      ),\n    },\n  ],\n};\n\nexport default NvFieldpasswordDocs;\n"]}

package/dist/collection/components/nv-fieldpassword/nv-fieldpassword.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nv-fieldpassword.js","sourceRoot":"","sources":["../../../../src/components/nv-fieldpassword/nv-fieldpassword.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\nimport { TextInputAutocomplete } from '../../utils/constants';\n\n/**\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input container.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n  tag: 'nv-fieldpassword',\n  styleUrl: 'nv-fieldpassword.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvFieldpassword {\n  @Element() el: HTMLNvFieldpasswordElement;\n  private inputElement!: HTMLInputElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated\n   * to ensure unique identification, facilitating proper label association and\n   * accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * Lets you define the text that explains what users should enter in the text\n   * input field. It’s a crucial element for making forms clear and\n   * user-friendly.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Add helpful hints or extra information under the text input field. This is\n   * where you can clarify what users should enter or provide additional\n   * instructions, making the form easier to fill out correctly.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable\n  @Prop({ reflect: true, mutable: true })\n  description: string;\n\n  /**\n   * Display temporary text inside the input field to give users a hint about\n   * what to type. It’s a great way to provide examples or suggestions directly\n   * in the field before they start typing.\n   */\n  @Prop({ reflect: true })\n  readonly placeholder: string;\n\n  /**\n   * Defines the name attribute of the input field, which is crucial for form\n   * submission. This value is used as the key in the key-value pair sent to\n   * the server, representing the input’s data in form submissions. It should be\n   * unique within the form to avoid conflicts\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * Specifies the value of the input field, which determines the text displayed\n   * within the field. This prop is typically used in controlled components\n   * where the input’s value is managed by the component’s state.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string;\n\n  /**\n   * The disabled prop lets you turn off the input field so that users can’t\n   * type in it. When disabled, the field is grayed out and won’t respond to#\n   * clicks or touches.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Display the input field’s content without allowing users to change it.\n   * Users can still click on it, select, and copy the text, but they won’t be\n   * able to type or delete anything.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks the input field as required, ensuring that the user must fill it out\n   * before submitting the form.\n   * @note This uses the native HTML `required` attribute, which triggers browser validation.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Marks the input field as required for accessibility purposes without triggering\n   * native HTML validation. Use this when implementing custom validation logic.\n   * @note When set, this uses `aria-required` instead of the native `required` attribute.\n   * This allows developers to implement custom validation while maintaining accessibility.\n   * @note If this prop is not explicitly set, the component will check for the HTML attribute\n   * 'aria-required' directly to determine if it should be applied.\n   */\n  @Prop({ reflect: true, attribute: 'aria-required' })\n  readonly ariaRequiredAttr: boolean = false;\n\n  /**\n   * Alters the input field's appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * A description that appears when there is an error related to the password\n   * field.\n   * @validator message\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription: string;\n\n  /**\n   * Changes the input field’s appearance to indicate successful input or\n   * validation.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * Limits how many characters users can type into the input field. It’s\n   * helpful for making sure users don’t enter too much information, keeping\n   * their input within the allowed limit.\n   */\n  @Prop({ reflect: true })\n  readonly maxlength: number;\n\n  /**\n   * Ensures that users type at least a certain number of characters into the\n   * input field. It’s a way to make sure users provide enough information\n   * before moving on.\n   */\n  @Prop({ reflect: true })\n  readonly minlength: number;\n\n  /**\n   * Set rules for how the input should be formatted. For example, you can\n   * require that a phone number includes only digits or that an email address\n   * has the correct format. If users don’t follow these rules, they’ll get a\n   * prompt to correct their input on form submission.\n   * the rules are applied to the input value via regexes.\n   */\n  @Prop({ reflect: true })\n  readonly pattern: string;\n\n  /**\n   * Defines the type of the input.\n   * @default 'text'\n   */\n  @Prop({ reflect: true })\n  readonly mode: 'text' | 'number' = 'text';\n\n  /**\n   * The autocomplete prop helps users fill out the input field faster by\n   * suggesting entries they’ve used before, like their email or address.\n   * You can turn it on to make forms more convenient or off to ensure users\n   * always type in fresh data.\n   */\n  @Prop({ reflect: true })\n  readonly autocomplete: `${TextInputAutocomplete}` = 'off';\n\n  /**\n   * Hide the button to show/hide the password.\n   */\n  @Prop({ reflect: true })\n  readonly hidePasswordIcon: boolean = false;\n\n  /**\n   * Show/hide the password programmatically.\n   */\n  @Prop({ reflect: true })\n  readonly showPassword: boolean = false;\n\n  /**\n   * Defines whether the password is visible or not.\n   */\n  @State()\n  showPasswordState: boolean;\n\n  /**\n   * Applies focus to the input field as soon as the component is mounted. This\n   * is equivalent to setting the native autofocus attribute on an <input>\n   * element.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  /**\n   * Allows the field to stretch and fill the entire width of its container.\n   */\n  @Prop({ reflect: true })\n  readonly fluid: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the input value changes.\n   * @bind value\n   */\n  @Event({ bubbles: false })\n  valueChanged: EventEmitter<string>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region METHODS\n\n  private handleInputContainerClick = () => {\n    this.inputElement.focus();\n  };\n\n  @Watch('showPassword')\n  handleShowPasswordChange(newValue: boolean) {\n    this.showPasswordState = newValue;\n  }\n\n  private togglePasswordVisibility = () => {\n    this.showPasswordState = !this.showPasswordState;\n  };\n\n  private handleInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    this.value = input.value; // Update the input value without worrying about the space\n    this.valueChanged.emit(input.value);\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.showPasswordState = this.showPassword;\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    // Check aria-required from multiple sources:\n    // 1. JavaScript prop (most reliable)\n    // 2. HTML attribute 'aria-required' (direct HTML)\n    // 3. HTML attribute 'aria-required-attr' (from JSX kebab-case conversion)\n    // Check aria-required from multiple sources:\n    // 1. HTML attribute 'aria-required' (direct HTML) - check if explicitly set\n    // 2. JavaScript prop (when prop is explicitly set via JavaScript)\n    // We use hasAttribute to determine if the attribute was explicitly set by the user,\n    // since the prop now defaults to false (to maintain Blazor compatibility)\n    const hasAriaRequiredAttr =\n      this.el.hasAttribute('aria-required') ||\n      this.el.hasAttribute('aria-required-attr');\n\n    const ariaRequiredFromAttr = hasAriaRequiredAttr\n      ? this.el.getAttribute('aria-required') ||\n        this.el.getAttribute('aria-required-attr')\n      : null;\n\n    // Use aria-required if the attribute was explicitly set\n    // With reflect: true, setting the prop will also set the attribute\n    const useAriaRequired = hasAriaRequiredAttr;\n\n    // Determine the value: use attribute if it exists (prop reflects to attribute via reflect: true)\n    // If attribute doesn't exist, the prop was never set and we don't use aria-required\n    const ariaRequiredAttrValue = hasAriaRequiredAttr\n      ? ariaRequiredFromAttr\n      : null;\n\n    // Determine which attributes to use\n    // If aria-required HTML attribute is present, use it (convert string to boolean)\n    // If required is set and aria-required is not \"false\", use native required\n    // If aria-required is \"false\", don't use native required even if required is set\n    const ariaRequiredValue = useAriaRequired\n      ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''\n      : undefined;\n\n    const useNativeRequired =\n      this.required && (!useAriaRequired || ariaRequiredValue === true);\n\n    return (\n      <Host>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <div class=\"input-wrapper\">\n          <slot name=\"before-input\"></slot>\n\n          <div class=\"input-container\" onClick={this.handleInputContainerClick}>\n            <slot name=\"leading-input\"></slot>\n\n            <input\n              id={this.inputId}\n              ref={e => (this.inputElement = e)}\n              autofocus={this.autofocus}\n              autocomplete={this.autocomplete}\n              placeholder={this.placeholder}\n              name={this.name}\n              type={this.showPasswordState ? 'text' : 'password'}\n              inputMode={this.mode}\n              value={this.value}\n              required={useNativeRequired ? this.required : undefined}\n              {...(ariaRequiredValue !== undefined && {\n                'aria-required': String(ariaRequiredValue),\n              })}\n              maxlength={this.maxlength}\n              minlength={this.minlength}\n              pattern={this.pattern}\n              disabled={this.disabled}\n              readOnly={this.readonly}\n              onInput={this.handleInput}\n            />\n\n            {(this.success || this.error) && (\n              <nv-icon\n                name={this.success ? 'circle-check' : 'alert-circle'}\n                class=\"validation\"\n                size=\"md\"\n              />\n            )}\n\n            {!this.hidePasswordIcon && (\n              <nv-iconbutton\n                name={this.showPasswordState ? 'eye' : 'eye-off'}\n                size=\"md\"\n                emphasis=\"lower\"\n                onClick={this.togglePasswordVisibility}\n                aria-label={\n                  this.showPasswordState ? 'Hide password' : 'Show password'\n                }\n                aria-pressed={this.showPasswordState.toString()}\n              />\n            )}\n          </div>\n\n          <slot name=\"after-input\"></slot>\n        </div>\n\n        {(this.description ||\n          this.el.querySelector('[slot=\"description\"]')) && (\n          <div class=\"description\">\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div hidden={!this.error} class=\"error-description\">\n            <slot name=\"error-description\">{this.errorDescription}</slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"]}

package/dist/collection/components/nv-fieldradio/nv-fieldradio.docs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nv-fieldradio.docs.js","sourceRoot":"","sources":["../../../../src/components/nv-fieldradio/nv-fieldradio.docs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAGlC,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD,MAAM,gBAAgB,GAAsC;IAC1D,SAAS,EAAE,eAAe;IAC1B,OAAO,EAAE;QACP,UAAU;QACV;YACE,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;YACxB,QAAQ,EAAE,mDAAmD;SAC9D;QACD,UAAU;QACV;YACE,IAAI,EAAE,MAAM,CAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;YACrD,IAAI,EAAE;gBACJ,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,iBAAiB;aAC3B;YACD,QAAQ,EAAE,mDAAmD;SAC9D;QACD,OAAO;QACP;YACE,IAAI,EAAE,MAAM,CAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;YAClD,IAAI,EAAE;gBACJ,KAAK,EAAE,OAAO;gBACd,IAAI,EAAE,YAAY;aACnB;YACD,QAAQ,EAAE,mDAAmD;SAC9D;QACD,QAAQ;QACR;YACE,IAAI,EAAE,MAAM,CAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;YACnD,IAAI,EAAE;gBACJ,KAAK,EAAE,OAAO;gBACd,KAAK,EAAE,aAAa;aACrB;YACD,QAAQ,EAAE,mDAAmD;SAC9D;QACD,QAAQ;QACR;YACE,IAAI,EAAE,MAAM,CAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;YACnD,IAAI,EAAE;gBACJ,KAAK,EAAE,OAAO;aACf;YACD,QAAQ,EAAE,mDAAmD;SAC9D;QACD,iBAAiB;QACjB;YACE,IAAI,EAAE,MAAM,CAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC;YAC5D,IAAI,EAAE;gBACJ,KAAK,EAAE,OAAO;gBACd,cAAc,EAAE,QAAQ;aACzB;YACD,QAAQ,EAAE,mDAAmD;SAC9D;QACD,cAAc;QACd;YACE,IAAI,EAAE,MAAM,CAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;YACzD,IAAI,EAAE;gBACJ,KAAK,EAAE,OAAO;gBACd,WAAW,EAAE,aAAa;aAC3B;YACD,QAAQ,EAAE,mDAAmD;SAC9D;QACD,QAAQ;QACR;YACE,IAAI,EAAE,MAAM,CAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;YACnD,IAAI,EAAE;gBACJ,KAAK,EAAE,OAAO;gBACd,KAAK,EAAE,IAAI;aACZ;YACD,QAAQ,EAAE,mDAAmD;SAC9D;QACD,mBAAmB;QACnB;YACE,IAAI,EAAE,MAAM,CAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC;YAC9D,IAAI,EAAE;gBACJ,KAAK,EAAE,OAAO;gBACd,KAAK,EAAE,IAAI;gBACX,gBAAgB,EAAE,oBAAoB;aACvC;YACD,QAAQ,EAAE,mDAAmD;SAC9D;QACD,UAAU;QACV;YACE,IAAI,EAAE,MAAM,CAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;YACrD,IAAI,EAAE;gBACJ,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,IAAI;aACd;YACD,QAAQ,EAAE,mDAAmD;SAC9D;QACD,WAAW;QACX;YACE,IAAI,EAAE,MAAM,CAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;YACtD,IAAI,EAAE;gBACJ,KAAK,EAAE,OAAO;gBACd,QAAQ,EAAE,IAAI;aACf;YACD,QAAQ,EAAE,mDAAmD;SAC9D;QACD,YAAY;QACZ;YACE,IAAI,EAAE,MAAM,CAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YACvD,IAAI,EAAE;gBACJ,KAAK,EAAE,WAAW;gBAClB,SAAS,EAAE,IAAI;aAChB;YACD,QAAQ,EAAE,mDAAmD;SAC9D;QACD,UAAU;QACV;YACE,IAAI,EAAE,MAAM,CAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;YACrD,WAAW,EACT,mFAAmF;YACrF,IAAI,EAAE;gBACJ,KAAK,EAAE,sBAAsB;gBAC7B,OAAO,EAAE,wBAAwB;aAClC;YACD,QAAQ,EAAE,mDAAmD;SAC9D;QACD,cAAc;QACd;YACE,IAAI,EAAE,MAAM,CAA0B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC;YACzD,WAAW,EACT,sFAAsF;YACxF,IAAI,EAAE;gBACJ,KAAK,EAAE,2BAA2B;gBAClC,WAAW,EAAE,IAAI;aAClB;YACD,QAAQ,EAAE,mDAAmD;SAC9D;QACD,kBAAkB;QAClB;YACE,IAAI,EAAE,iBAAiB;YACvB,WAAW,EAAE,+CAA+C;YAC5D,IAAI,EAAE;gBACJ,KAAK,EAAE,OAAO;gBACd,QAAQ,EAAE,IAAI;gBACd,OAAO,EAAE,IAAI;aACd;YACD,QAAQ,EAAE,mDAAmD;SAC9D;QACD,aAAa;QACb;YACE,IAAI,EAAE,YAAY;YAClB,WAAW,EACT,uEAAuE;YACzE,QAAQ,EAAE,CACR,yBAAgB,qBAAqB;gBACnC,8BAAqB,qBAAqB;oBACxC,4BAAmB,0BAA0B,wBAEpC;oBACT,qBACE,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,SAAS,EACf,KAAK,EAAC,UAAU,EAChB,OAAO,SACQ;oBACjB,qBACE,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,SAAS,EACf,KAAK,EAAC,UAAU,GACD;oBACjB,qBACE,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,SAAS,EACf,KAAK,EAAC,UAAU,GACD,CACR;gBAEX,8BAAqB,qBAAqB;oBACxC,4BAAmB,0BAA0B,oCAEpC;oBACT,qBACE,IAAI,EAAC,mBAAmB,EACxB,KAAK,EAAC,OAAO,EACb,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,yBAAyB,GACtB;oBACjB,qBACE,IAAI,EAAC,mBAAmB,EACxB,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,QAAQ,EACd,WAAW,EAAC,sBAAsB,EAClC,OAAO,SACQ;oBACjB,qBACE,IAAI,EAAC,mBAAmB,EACxB,KAAK,EAAC,OAAO,EACb,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,8BAA8B,GAC3B,CACR;gBAEX,8BAAqB,qBAAqB;oBACxC,4BAAmB,0BAA0B,wCAEpC;oBACT,qBACE,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,YAAY,EAClB,KAAK,EAAC,oBAAoB,EAC1B,OAAO,SACQ;oBACjB,qBACE,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,aAAa,EACnB,KAAK,EAAC,oBAAoB,EAC1B,WAAW,EAAC,wCAAwC,EACpD,QAAQ,SACO;oBACjB,qBACE,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,YAAY,EAClB,KAAK,EAAC,oBAAoB,GACX,CACR;gBAEX,8BAAqB,qBAAqB;oBACxC,4BAAmB,0BAA0B,mCAEpC;oBACT,qBACE,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,SAAS,EACf,KAAK,EAAC,UAAU,GACD;oBACjB,qBACE,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,SAAS,EACf,KAAK,EAAC,UAAU,EAChB,KAAK,6BACa,0BAA0B,GAC7B;oBACjB,qBACE,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,SAAS,EACf,KAAK,EAAC,UAAU,GACD,CACR;gBAEX,8BAAqB,YAAY;oBAC/B,4BAAmB,0BAA0B,6BAEpC;oBACT,qBACE,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,KAAK,EACX,OAAO,SACQ;oBACjB,qBACE,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAC,IAAI,EACV,KAAK,EAAC,IAAI,GACK;oBACjB,qBACE,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAC,OAAO,EACb,KAAK,EAAC,OAAO,GACE,CACR,CACP,CACP;SACF;QACD,YAAY;QACZ;YACE,IAAI,EAAE,WAAW;YACjB,WAAW,EAAE,oDAAoD;YACjE,IAAI,EAAE;gBACJ,KAAK,EAAE,OAAO;aACf;YACD,QAAQ,EAAE,CACR;gBACE,YAAM,IAAI,EAAC,OAAO,mBAAoB,CACxB,CACjB;SACF;QACD,kBAAkB;QAClB;YACE,IAAI,EAAE,iBAAiB;YACvB,WAAW,EAAE,0DAA0D;YACvE,IAAI,EAAE;gBACJ,KAAK,EAAE,OAAO;gBACd,WAAW,EAAE,aAAa;aAC3B;YACD,QAAQ,EAAE,CACR;gBACE,YAAM,IAAI,EAAC,aAAa,yBAA0B,CACpC,CACjB;SACF;QACD,uBAAuB;QACvB;YACE,IAAI,EAAE,sBAAsB;YAC5B,WAAW,EACT,gEAAgE;YAClE,IAAI,EAAE;gBACJ,KAAK,EAAE,OAAO;gBACd,KAAK,EAAE,IAAI;gBACX,gBAAgB,EAAE,mBAAmB;aACtC;YACD,QAAQ,EAAE,CACR;gBACE,YAAM,IAAI,EAAC,mBAAmB,+BAAgC,CAChD,CACjB;SACF;KACF;CACF,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\nimport { nameof } from '../../utils/class.utils';\n\nconst NvFieldradioDocs: NovaDocs<Components.NvFieldradio> = {\n  component: 'nv-fieldradio',\n  stories: [\n    // Default\n    {\n      name: 'Default',\n      args: { label: 'Label' },\n      template: <nv-fieldradio data-storybook-args></nv-fieldradio>,\n    },\n    // inputId\n    {\n      name: nameof<Components.NvFieldradio>(x => x.inputId),\n      args: {\n        label: 'Label',\n        inputId: 'custom-radio-id',\n      },\n      template: <nv-fieldradio data-storybook-args></nv-fieldradio>,\n    },\n    // name\n    {\n      name: nameof<Components.NvFieldradio>(x => x.name),\n      args: {\n        label: 'Label',\n        name: 'radio-name',\n      },\n      template: <nv-fieldradio data-storybook-args></nv-fieldradio>,\n    },\n    // value\n    {\n      name: nameof<Components.NvFieldradio>(x => x.value),\n      args: {\n        label: 'Label',\n        value: 'radio-value',\n      },\n      template: <nv-fieldradio data-storybook-args></nv-fieldradio>,\n    },\n    // label\n    {\n      name: nameof<Components.NvFieldradio>(x => x.label),\n      args: {\n        label: 'Label',\n      },\n      template: <nv-fieldradio data-storybook-args></nv-fieldradio>,\n    },\n    // labelPlacement\n    {\n      name: nameof<Components.NvFieldradio>(x => x.labelPlacement),\n      args: {\n        label: 'Label',\n        labelPlacement: 'before',\n      },\n      template: <nv-fieldradio data-storybook-args></nv-fieldradio>,\n    },\n    // description\n    {\n      name: nameof<Components.NvFieldradio>(x => x.description),\n      args: {\n        label: 'Label',\n        description: 'Description',\n      },\n      template: <nv-fieldradio data-storybook-args></nv-fieldradio>,\n    },\n    // error\n    {\n      name: nameof<Components.NvFieldradio>(x => x.error),\n      args: {\n        label: 'Label',\n        error: true,\n      },\n      template: <nv-fieldradio data-storybook-args></nv-fieldradio>,\n    },\n    // errorDescription\n    {\n      name: nameof<Components.NvFieldradio>(x => x.errorDescription),\n      args: {\n        label: 'Label',\n        error: true,\n        errorDescription: 'There is an error!',\n      },\n      template: <nv-fieldradio data-storybook-args></nv-fieldradio>,\n    },\n    // checked\n    {\n      name: nameof<Components.NvFieldradio>(x => x.checked),\n      args: {\n        label: 'Label',\n        checked: true,\n      },\n      template: <nv-fieldradio data-storybook-args></nv-fieldradio>,\n    },\n    // disabled\n    {\n      name: nameof<Components.NvFieldradio>(x => x.disabled),\n      args: {\n        label: 'Label',\n        disabled: true,\n      },\n      template: <nv-fieldradio data-storybook-args></nv-fieldradio>,\n    },\n    // autofocus\n    {\n      name: nameof<Components.NvFieldradio>(x => x.autofocus),\n      args: {\n        label: 'Autofocus',\n        autofocus: true,\n      },\n      template: <nv-fieldradio data-storybook-args></nv-fieldradio>,\n    },\n    // message\n    {\n      name: nameof<Components.NvFieldradio>(x => x.message),\n      description:\n        'Deprecated: use description instead. Adds a helpful hint message below the label.',\n      args: {\n        label: 'Message (Deprecated)',\n        message: 'This is a hint message',\n      },\n      template: <nv-fieldradio data-storybook-args></nv-fieldradio>,\n    },\n    // labelBefore\n    {\n      name: nameof<Components.NvFieldradio>(x => x.labelBefore),\n      description:\n        'Deprecated: use labelPlacement instead. Set the label placement to before the input.',\n      args: {\n        label: 'Label Before (Deprecated)',\n        labelBefore: true,\n      },\n      template: <nv-fieldradio data-storybook-args></nv-fieldradio>,\n    },\n    // DisabledChecked\n    {\n      name: 'DisabledChecked',\n      description: 'Radio button in a disabled and checked state.',\n      args: {\n        label: 'Label',\n        disabled: true,\n        checked: true,\n      },\n      template: <nv-fieldradio data-storybook-args></nv-fieldradio>,\n    },\n    // RadioGroup\n    {\n      name: 'RadioGroup',\n      description:\n        'Multiple radio buttons grouped together demonstrating various states.',\n      template: (\n        <div data-class=\"flex flex-col gap-8\">\n          <fieldset data-class=\"flex flex-col gap-4\">\n            <legend data-class=\"text-sm font-medium mb-2\">\n              Basic Radio Group\n            </legend>\n            <nv-fieldradio\n              name=\"basic-group\"\n              value=\"option1\"\n              label=\"Option 1\"\n              checked\n            ></nv-fieldradio>\n            <nv-fieldradio\n              name=\"basic-group\"\n              value=\"option2\"\n              label=\"Option 2\"\n            ></nv-fieldradio>\n            <nv-fieldradio\n              name=\"basic-group\"\n              value=\"option3\"\n              label=\"Option 3\"\n            ></nv-fieldradio>\n          </fieldset>\n\n          <fieldset data-class=\"flex flex-col gap-4\">\n            <legend data-class=\"text-sm font-medium mb-2\">\n              Radio Group with Descriptions\n            </legend>\n            <nv-fieldradio\n              name=\"description-group\"\n              value=\"small\"\n              label=\"Small\"\n              description=\"Best for individual use\"\n            ></nv-fieldradio>\n            <nv-fieldradio\n              name=\"description-group\"\n              value=\"medium\"\n              label=\"Medium\"\n              description=\"Best for small teams\"\n              checked\n            ></nv-fieldradio>\n            <nv-fieldradio\n              name=\"description-group\"\n              value=\"large\"\n              label=\"Large\"\n              description=\"Best for large organizations\"\n            ></nv-fieldradio>\n          </fieldset>\n\n          <fieldset data-class=\"flex flex-col gap-4\">\n            <legend data-class=\"text-sm font-medium mb-2\">\n              Radio Group with Disabled Options\n            </legend>\n            <nv-fieldradio\n              name=\"disabled-group\"\n              value=\"available1\"\n              label=\"Available Option 1\"\n              checked\n            ></nv-fieldradio>\n            <nv-fieldradio\n              name=\"disabled-group\"\n              value=\"unavailable\"\n              label=\"Unavailable Option\"\n              description=\"This option is temporarily unavailable\"\n              disabled\n            ></nv-fieldradio>\n            <nv-fieldradio\n              name=\"disabled-group\"\n              value=\"available2\"\n              label=\"Available Option 2\"\n            ></nv-fieldradio>\n          </fieldset>\n\n          <fieldset data-class=\"flex flex-col gap-4\">\n            <legend data-class=\"text-sm font-medium mb-2\">\n              Radio Group with Error State\n            </legend>\n            <nv-fieldradio\n              name=\"error-group\"\n              value=\"option1\"\n              label=\"Option 1\"\n            ></nv-fieldradio>\n            <nv-fieldradio\n              name=\"error-group\"\n              value=\"option2\"\n              label=\"Option 2\"\n              error\n              error-description=\"This option has an error\"\n            ></nv-fieldradio>\n            <nv-fieldradio\n              name=\"error-group\"\n              value=\"option3\"\n              label=\"Option 3\"\n            ></nv-fieldradio>\n          </fieldset>\n\n          <fieldset data-class=\"flex gap-4\">\n            <legend data-class=\"text-sm font-medium mb-2\">\n              Horizontal Radio Group\n            </legend>\n            <nv-fieldradio\n              name=\"horizontal-group\"\n              value=\"yes\"\n              label=\"Yes\"\n              checked\n            ></nv-fieldradio>\n            <nv-fieldradio\n              name=\"horizontal-group\"\n              value=\"no\"\n              label=\"No\"\n            ></nv-fieldradio>\n            <nv-fieldradio\n              name=\"horizontal-group\"\n              value=\"maybe\"\n              label=\"Maybe\"\n            ></nv-fieldradio>\n          </fieldset>\n        </div>\n      ),\n    },\n    // SlotLabel\n    {\n      name: 'SlotLabel',\n      description: 'Radio button replacing the label with custom html.',\n      args: {\n        label: 'Label',\n      },\n      template: (\n        <nv-fieldradio data-storybook-args>\n          <span slot=\"label\">Custom Label</span>\n        </nv-fieldradio>\n      ),\n    },\n    // SlotDescription\n    {\n      name: 'SlotDescription',\n      description: 'Radio button replacing the description with custom html.',\n      args: {\n        label: 'Label',\n        description: 'Description',\n      },\n      template: (\n        <nv-fieldradio data-storybook-args>\n          <span slot=\"description\">Custom Description</span>\n        </nv-fieldradio>\n      ),\n    },\n    // SlotErrorDescription\n    {\n      name: 'SlotErrorDescription',\n      description:\n        'Radio button replacing the error description with custom html.',\n      args: {\n        label: 'Label',\n        error: true,\n        errorDescription: 'Error Description',\n      },\n      template: (\n        <nv-fieldradio data-storybook-args>\n          <span slot=\"error-description\">Custom Error Description</span>\n        </nv-fieldradio>\n      ),\n    },\n  ],\n};\n\nexport default NvFieldradioDocs;\n"]}

package/dist/collection/components/nv-fieldradio/nv-fieldradio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nv-fieldradio.js","sourceRoot":"","sources":["../../../../src/components/nv-fieldradio/nv-fieldradio.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Listen,\n  Watch,\n  Element,\n} from '@stencil/core';\nimport clsx from 'clsx';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { type LabelPlacement } from '../../utils/constants';\n\n/**\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n  tag: 'nv-fieldradio',\n  shadow: false,\n  styleUrl: 'styles/nv-fieldradio.scss',\n  formAssociated: true,\n})\nexport class NvFieldradio {\n  @Element() el: HTMLNvFieldradioElement;\n\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Adds a helpful hint message below the label\n   * @deprecated use description instead.\n   */\n  @Prop({ reflect: true })\n  readonly message: string;\n\n  /**\n   * Set the label placement to before the input\n   * @deprecated use labelPlacement instead.\n   */\n  @Prop({ reflect: true })\n  readonly labelBefore: boolean = false;\n\n  componentWillRender() {\n    if (this.message) {\n      this.description = this.message;\n    }\n\n    if (this.labelBefore) {\n      this.labelPlacement = 'before';\n    }\n  }\n\n  //#endregion DEPRECATED\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the radio button’s input element and the for attribute of\n   * the associated label. If no ID is provided, a random one will be\n   * automatically generated to ensure unique identification, facilitating\n   * proper label association and accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * Use this to assign a group name to your radio buttons. When you have\n   * multiple radio buttons with the same name, users will be able to select\n   * only one option within that group, making your forms more organized and\n   * user-friendly.\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * Defines what data will be sent when the radio button is selected.\n   * This helps you identify which option the user has chosen in your form,\n   * ensuring accurate data collection. When the form is submitted, the data\n   * will consist of a name=value pair.\n   */\n  @Prop({ reflect: true })\n  readonly value: string;\n\n  /**\n   * Sets the text content that is rendered next to the input element of type\n   * radio. This label is essential for accessibility and user clarity, as it\n   * describes the purpose or option of the radio button.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Defines the position of the label relative to the radio button.\n   */\n  @Prop({ mutable: true, reflect: true })\n  labelPlacement: `${LabelPlacement}`;\n\n  /**\n   * Adds a helpful hint message below the label. This description provides\n   * extra information or context about the radio button option, assisting users\n   * in making more informed choices.\n   */\n  @Prop({ mutable: true, reflect: true })\n  description: string;\n\n  /**\n   * Highlight the radio button with error styling. It helps users quickly\n   * identify which option needs attention, improving their form-filling\n   * experience by making issues more visible.\n   * @validator error\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * A description that appears when there is an error related to the radio\n   * button.\n   * @validator message\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription: string;\n\n  /**\n   * Controls whether the radio button is selected.\n   */\n  @Prop({ mutable: true, reflect: true })\n  checked: boolean = false;\n\n  /**\n   * Disables the radio button, making it un-selectable.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Applies focus to the input field as soon as the component is mounted. This\n   * is equivalent to setting the native autofocus attribute on an <input>\n   * element.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emits when the checked state changes.\n   * @bind checked\n   */\n  @Event({ bubbles: false })\n  checkedChanged: EventEmitter<boolean>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  /**\n   * Watches for changes to the checked state and emits the new value.\n   * @param {boolean} checked - The new value of the checked state.\n   */\n  @Watch('checked')\n  handleCheckedChange(checked: boolean) {\n    this.checkedChanged.emit(checked);\n  }\n\n  /**\n   * Listens for the change event on the radio button input element and controls\n   * the checked state of the host elements.\n   * @param {Event} event - The change event.\n   */\n  @Listen('change')\n  handleChange(event: Event) {\n    const target = event.target as HTMLInputElement;\n\n    if (target?.type === 'radio') {\n      Array.from(document.getElementsByTagName('nv-fieldradio')).forEach(\n        element => {\n          if (element.name === this.name) {\n            element.checked = false;\n          }\n        },\n      );\n\n      this.checked = target.checked;\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        class={clsx(\n          this.labelPlacement === 'before' && 'label-placement-before',\n          this.error && 'error',\n        )}\n      >\n        <input\n          type=\"radio\"\n          id={this.inputId}\n          name={this.name}\n          autofocus={this.autofocus}\n          autocomplete=\"off\"\n          value={this.value}\n          checked={this.checked}\n          disabled={this.disabled}\n        />\n\n        <div class=\"text-container\">\n          {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n            <label htmlFor={this.inputId}>\n              <slot name=\"label\">{this.label}</slot>\n            </label>\n          )}\n\n          {(this.description ||\n            this.el.querySelector('[slot=\"description\"]')) && (\n            <div class=\"description\">\n              <slot name=\"description\">{this.description}</slot>\n            </div>\n          )}\n\n          {(this.errorDescription ||\n            this.el.querySelector('[slot=\"error-description\"]')) && (\n            <div hidden={!this.error} class=\"error-description\">\n              <slot name=\"error-description\">{this.errorDescription}</slot>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"]}

package/dist/collection/components/nv-fieldselect/nv-fieldselect.docs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nv-fieldselect.docs.js","sourceRoot":"","sources":["../../../../src/components/nv-fieldselect/nv-fieldselect.docs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\nimport { nameof } from '../../utils/class.utils';\n\nconst NvFieldselectDocs: NovaDocs<Components.NvFieldselect> = {\n  component: 'nv-fieldselect',\n  subcomponents: ['nv-badge', 'nv-button'],\n  stories: [\n    // Default\n    {\n      name: 'Default',\n      description: 'A default nv-fieldselect with no specific props set.',\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n          <option value=\"3\">Option 3</option>\n          <option value=\"4\">Option 4</option>\n        </nv-fieldselect>\n      ),\n    },\n    // label\n    {\n      name: nameof<Components.NvFieldselect>(x => x.label),\n      args: {\n        label: 'Select Label',\n      },\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n          <option value=\"3\">Option 3</option>\n          <option value=\"4\">Option 4</option>\n        </nv-fieldselect>\n      ),\n    },\n    // description\n    {\n      name: nameof<Components.NvFieldselect>(x => x.description),\n      args: {\n        label: 'Select with Description',\n        description: 'This is a description.',\n      },\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n          <option value=\"3\">Option 3</option>\n          <option value=\"4\">Option 4</option>\n        </nv-fieldselect>\n      ),\n    },\n    // value\n    {\n      name: nameof<Components.NvFieldselect>(x => x.value),\n      args: {\n        label: 'Select Value',\n        value: '2',\n      },\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n          <option value=\"3\">Option 3</option>\n          <option value=\"4\">Option 4</option>\n        </nv-fieldselect>\n      ),\n    },\n    // disabled\n    {\n      name: nameof<Components.NvFieldselect>(x => x.disabled),\n      args: {\n        label: 'Disabled Select',\n        disabled: true,\n        value: '3',\n      },\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n          <option value=\"3\">Option 3</option>\n          <option value=\"4\">Option 4</option>\n        </nv-fieldselect>\n      ),\n    },\n    // readonly\n    {\n      name: nameof<Components.NvFieldselect>(x => x.readonly),\n      args: {\n        label: 'Readonly Select',\n        readonly: true,\n        value: '1',\n      },\n      template: (\n        <div data-class=\"flex flex-col gap-2\">\n          <nv-fieldselect data-storybook-args>\n            <option value=\"1\">Option 1</option>\n            <option value=\"2\">Option 2</option>\n            <option value=\"3\">Option 3</option>\n            <option value=\"4\">Option 4</option>\n          </nv-fieldselect>\n          <nv-fieldselect data-storybook-args multiple={true}>\n            <option value=\"1\">Option 1</option>\n            <option value=\"2\">Option 2</option>\n            <option value=\"3\">Option 3</option>\n            <option value=\"4\">Option 4</option>\n          </nv-fieldselect>\n        </div>\n      ),\n    },\n    // displayValue\n    {\n      name: nameof<Components.NvFieldselect>(x => x.displayValue),\n      args: {\n        label: 'Readonly Select with Display Label',\n        readonly: true,\n        displayValue: true,\n        value: '1',\n      },\n      template: (\n        <div data-class=\"flex flex-col gap-2\">\n          <nv-fieldselect data-storybook-args>\n            <option value=\"1\">Option 1</option>\n            <option value=\"2\">Option 2</option>\n          </nv-fieldselect>\n          <nv-fieldselect data-storybook-args multiple={true}>\n            <option value=\"1\">Option 1</option>\n            <option value=\"2\">Option 2</option>\n          </nv-fieldselect>\n        </div>\n      ),\n    },\n    // required\n    {\n      name: nameof<Components.NvFieldselect>(x => x.required),\n      args: {\n        label: 'Required Field',\n        required: true,\n      },\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n          <option value=\"3\">Option 3</option>\n          <option value=\"4\">Option 4</option>\n        </nv-fieldselect>\n      ),\n    },\n    // ariaRequiredAttr\n    {\n      name: nameof<Components.NvFieldselect>(x => x.ariaRequiredAttr),\n      args: {\n        label: 'Aria Required Field',\n        ariaRequiredAttr: true,\n      },\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n          <option value=\"3\">Option 3</option>\n          <option value=\"4\">Option 4</option>\n        </nv-fieldselect>\n      ),\n    },\n    // error\n    {\n      name: nameof<Components.NvFieldselect>(x => x.error),\n      args: {\n        label: 'Error State',\n        error: true,\n      },\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n          <option value=\"3\">Option 3</option>\n          <option value=\"4\">Option 4</option>\n        </nv-fieldselect>\n      ),\n    },\n    // success\n    {\n      name: nameof<Components.NvFieldselect>(x => x.success),\n      args: {\n        label: 'Success State',\n        success: true,\n      },\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n          <option value=\"3\">Option 3</option>\n          <option value=\"4\">Option 4</option>\n        </nv-fieldselect>\n      ),\n    },\n    // multiple\n    {\n      name: nameof<Components.NvFieldselect>(x => x.multiple),\n      args: {\n        label: 'Multiple Select',\n        multiple: true,\n      },\n      template: (\n        <div data-class=\"flex flex-col gap-2\">\n          <nv-fieldselect data-storybook-args>\n            <option value=\"1\">Option 1</option>\n            <option value=\"2\">Option 2</option>\n            <option value=\"3\">Option 3</option>\n            <option value=\"4\">Option 4</option>\n          </nv-fieldselect>\n          <nv-fieldselect value=\"1, 2\" data-storybook-args>\n            <option value=\"1\">Option 1</option>\n            <option value=\"2\">Option 2</option>\n            <option value=\"3\">Option 3</option>\n            <option value=\"4\">Option 4</option>\n          </nv-fieldselect>\n        </div>\n      ),\n    },\n    // autofocus\n    {\n      name: nameof<Components.NvFieldselect>(x => x.autofocus),\n      args: {\n        label: 'Autofocus',\n        autofocus: true,\n      },\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n          <option value=\"3\">Option 3</option>\n          <option value=\"4\">Option 4</option>\n        </nv-fieldselect>\n      ),\n    },\n    // fluid\n    {\n      name: nameof<Components.NvFieldtextarea>(x => x.fluid),\n      args: {\n        label: 'Fluid',\n        fluid: true,\n      },\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n          <option value=\"3\">Option 3</option>\n          <option value=\"4\">Option 4</option>\n        </nv-fieldselect>\n      ),\n    },\n    // message\n    {\n      name: nameof<Components.NvFieldselect>(x => x.message),\n      description:\n        \"Deprecated: Use 'description' instead. Message defines a 'hint' message for the Select Field.\",\n      args: {\n        label: 'Message (Deprecated)',\n        message: 'This is a hint message',\n      },\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n        </nv-fieldselect>\n      ),\n    },\n    // validation\n    {\n      name: nameof<Components.NvFieldselect>(x => x.validation),\n      description:\n        'Deprecated: Use errorDescription and set the error prop instead. Add the message to the validation state.',\n      args: {\n        label: 'Validation (Deprecated)',\n        validation: 'This is a validation message',\n      },\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n        </nv-fieldselect>\n      ),\n    },\n    // options\n    {\n      name: nameof<Components.NvFieldselect>(x => x.options),\n      description:\n        'Options to display in the select. Format: [{ label: string, value: string, selected?: boolean, disabled?: boolean }]',\n      args: {\n        label: 'Select with Options',\n        options: [\n          { label: 'Option 1', value: '1' },\n          { label: 'Option 2', value: '2' },\n          { label: 'Option 3', value: '3' },\n          { label: 'Option 4', value: '4', disabled: true },\n        ],\n      },\n      template: <nv-fieldselect data-storybook-args></nv-fieldselect>,\n    },\n    // inputId\n    {\n      name: nameof<Components.NvFieldselect>(x => x.inputId),\n      description:\n        'Sets the ID for the select element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated to ensure unique identification, facilitating proper label association and accessibility.',\n      args: {\n        label: 'Select with Custom ID',\n        inputId: 'custom-select-id',\n      },\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n        </nv-fieldselect>\n      ),\n    },\n    // name\n    {\n      name: nameof<Components.NvFieldselect>(x => x.name),\n      description:\n        'Defines the name attribute of the select field, which is crucial for form submission. This value is used as the key in the key-value pair sent to the server, representing the selected data in form submissions. It should be unique within the form to avoid conflicts.',\n      args: {\n        label: 'Select with Name',\n        name: 'country-select',\n      },\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n        </nv-fieldselect>\n      ),\n    },\n    // errorDescription\n    {\n      name: nameof<Components.NvFieldselect>(x => x.errorDescription),\n      description:\n        \"Show a helpful message under the select field when there's a problem. It explains what's wrong and how users can fix it, making the error easier to understand and resolve.\",\n      args: {\n        label: 'Select with Error',\n        error: true,\n        errorDescription: 'Please select a valid option.',\n      },\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n        </nv-fieldselect>\n      ),\n    },\n    // Placeholder\n    {\n      name: 'Placeholder',\n      description:\n        'Display temporary text inside the select field to give users a hint about what to choose.',\n      args: {\n        label: 'Select with Placeholder',\n      },\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <option value=\"\" disabled>\n            Choose an option...\n          </option>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n          <option value=\"3\">Option 3</option>\n          <option value=\"4\">Option 4</option>\n        </nv-fieldselect>\n      ),\n    },\n    // OptionsArray\n    {\n      name: 'OptionsArray',\n      args: {\n        label: 'Select with Options Array',\n        options: [\n          { label: 'Paris', value: 'paris' },\n          { label: 'London', value: 'london' },\n          { label: 'New York', value: 'ny' },\n          { label: 'Tokyo', value: 'tokyo', disabled: true },\n          { label: 'Berlin', value: 'berlin' },\n        ],\n      },\n      template: <nv-fieldselect data-storybook-args></nv-fieldselect>,\n    },\n    // OptionsArrayWithPreselection\n    {\n      name: 'OptionsArrayWithPreselection',\n      args: {\n        label: 'Select with Preselected Option',\n        options: [\n          { label: 'Paris', value: 'paris' },\n          { label: 'London', value: 'london', selected: true },\n          { label: 'New York', value: 'ny' },\n          { label: 'Tokyo', value: 'tokyo', disabled: true },\n          { label: 'Berlin', value: 'berlin' },\n        ],\n      },\n      template: <nv-fieldselect data-storybook-args></nv-fieldselect>,\n    },\n    // SlotDefault\n    {\n      name: 'SlotDefault',\n      description: 'Content to be placed inside the select element.',\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n          <option value=\"3\">Option 3</option>\n          <option value=\"4\">Option 4</option>\n        </nv-fieldselect>\n      ),\n    },\n    // SlotLabel\n    {\n      name: 'SlotLabel',\n      description:\n        'You can use the `label` slot to customize the content of the label.',\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <span slot=\"label\">Label</span>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n          <option value=\"3\">Option 3</option>\n          <option value=\"4\">Option 4</option>\n        </nv-fieldselect>\n      ),\n    },\n    // SlotDescription\n    {\n      name: 'SlotDescription',\n      description:\n        'You can use the `description` slot to customize the content of the description.',\n      args: {\n        label: 'Select with Description',\n        description: 'This is a description.',\n      },\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <span slot=\"description\">Description</span>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n          <option value=\"3\">Option 3</option>\n          <option value=\"4\">Option 4</option>\n        </nv-fieldselect>\n      ),\n    },\n    // SlotLeadingInput\n    {\n      name: 'SlotLeadingInput',\n      description:\n        'Content to be placed before the select input, within the select container.',\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <span slot=\"leading-input\">Leading</span>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n        </nv-fieldselect>\n      ),\n    },\n    // SlotBeforeInput\n    {\n      name: 'SlotBeforeInput',\n      description:\n        'You can use the `before-input` slot to customize the content before the select.',\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <span slot=\"before-input\">Before</span>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n          <option value=\"3\">Option 3</option>\n          <option value=\"4\">Option 4</option>\n        </nv-fieldselect>\n      ),\n    },\n    // SlotAfterInput\n    {\n      name: 'SlotAfterInput',\n      description:\n        'You can use the `after-input` slot to customize the content after the select.',\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <span slot=\"after-input\">After</span>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n          <option value=\"3\">Option 3</option>\n          <option value=\"4\">Option 4</option>\n        </nv-fieldselect>\n      ),\n    },\n    // SlotErrorDescription\n    {\n      name: 'SlotErrorDescription',\n      description:\n        'You can use the `error-description` slot to customize the content of the error description.',\n      args: {\n        label: 'Select with Error',\n        error: true,\n        errorDescription: 'This is an error.',\n      },\n      template: (\n        <nv-fieldselect data-storybook-args>\n          <span slot=\"error-description\">Error Description</span>\n          <option value=\"1\">Option 1</option>\n          <option value=\"2\">Option 2</option>\n          <option value=\"3\">Option 3</option>\n          <option value=\"4\">Option 4</option>\n        </nv-fieldselect>\n      ),\n    },\n  ],\n};\n\nexport default NvFieldselectDocs;\n"]}

package/dist/collection/components/nv-fieldselect/nv-fieldselect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nv-fieldselect.js","sourceRoot":"","sources":["../../../../src/components/nv-fieldselect/nv-fieldselect.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Watch,\n  Element,\n  State,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\n\n/**\n * @slot default - Content to be placed inside the select element.\n * @slot leading-input - Content to be placed before the select input, within the select container.\n * @slot before-input - Content to be placed before the select input, outside the select container.\n * @slot after-input - Content to be placed after the select input, outside the select container.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n  tag: 'nv-fieldselect',\n  shadow: false,\n  formAssociated: true,\n  styleUrl: 'styles/nv-fieldselect.scss',\n})\nexport class NvFieldselect {\n  @Element() el: HTMLNvFieldselectElement;\n  private selectElement!: HTMLSelectElement;\n  private internals: ElementInternals;\n\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Message defines a 'hint ' message for the Select Field.\n   * @deprecated Use `description` instead.\n   */\n  @Prop({ reflect: true })\n  readonly message: string;\n\n  /**\n   * Add the message to the validation state.\n   * @deprecated Use `errorDescription` and set the error prop instead.\n   */\n  @Prop({ reflect: true })\n  readonly validation: string;\n\n  //#endregion DEPRECATED\n  /****************************************************************************/\n  //#region STATES\n\n  @State()\n  private computedDisplayValue: string = '';\n\n  @State()\n  private internalReadonly: boolean = false;\n\n  /**\n   * Options to display in the select.\n   * Format: [{ label: string, value: string, selected?: boolean, disabled?: boolean }]\n   */\n  @Prop({ reflect: false })\n  readonly options?: Array<{\n    /**\n     * The label of the option\n     */\n    label: string;\n    /**\n     * The value of the option\n     */\n    value: string;\n    /**\n     * Whether the option is selected\n     */\n    selected?: boolean;\n    /**\n     * Whether the option is disabled\n     */\n    disabled?: boolean;\n  }>;\n\n  //#endregion STATES\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the select element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated\n   * to ensure unique identification, facilitating proper label association and\n   * accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * Lets you define the text that explains what users should choose in the\n   * select field. It’s a crucial element for making forms clear and\n   * user-friendly.\n   */\n  @Prop({ reflect: true })\n  readonly label?: string;\n\n  /**\n   * Add helpful hints or extra information under the select field. This is\n   * where you can clarify what users should choose or provide additional\n   * instructions, making the form easier to fill out correctly.\n   */\n  @Prop({ reflect: true, mutable: true })\n  description?: string;\n\n  /**\n   * Defines the name attribute of the select field, which is crucial for form\n   * submission. This value is used as the key in the key-value pair sent to\n   * the server, representing the selected data in form submissions. It should be\n   * unique within the form to avoid conflicts\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * The disabled prop lets you turn off the select field so that users can’t\n   * choose something. When disabled, the field is grayed out and won’t respond to\n   * clicks or touches.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Display the select field’s content without allowing users to change it.\n   * Users can still click on it, select, and copy the text, but they won’t be\n   * able to change or delete anything.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks the select field as required, ensuring that the user must fill it out\n   * before submitting the form.\n   * @note This uses the native HTML `required` attribute, which triggers browser validation.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Marks the select field as required for accessibility purposes without triggering\n   * native HTML validation. Use this when implementing custom validation logic.\n   * @note When set, this uses `aria-required` instead of the native `required` attribute.\n   * This allows developers to implement custom validation while maintaining accessibility.\n   * @note If this prop is not explicitly set, the component will check for the HTML attribute\n   * 'aria-required' directly to determine if it should be applied.\n   */\n  @Prop({ reflect: true, attribute: 'aria-required' })\n  readonly ariaRequiredAttr: boolean = false;\n\n  /**\n   * Alters the select field's appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true, mutable: true })\n  error: boolean = false;\n\n  /**\n   * Show a helpful message under the select field when there’s a problem. It\n   * explains what’s wrong and how users can fix it, making the error easier to\n   * understand and resolve.\n   * @validator message\n   */\n  @Prop({ reflect: true, mutable: true })\n  errorDescription: string;\n\n  /**\n   * Changes the select field’s appearance to indicate successful input or\n   * validation.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * When enabled, allows the select to handle multiple selections.\n   */\n  @Prop({ reflect: true })\n  readonly multiple: boolean = false;\n\n  /**\n   * The value of the select field.\n   * - If `multiple` is `false`, it's a single string.\n   * - If `multiple` is `true`, it's a comma-separated string of selected values.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string = '';\n\n  /**\n   * When enabled, displays the value element instead of the label when readonly.\n   * By default, the label is displayed in readonly mode. Also it automatically\n   * sets the component to readonly.\n   */\n  @Prop({ reflect: true })\n  readonly displayValue: boolean = false;\n\n  /**\n   * Applies focus to the input field as soon as the component is mounted. This\n   * is equivalent to setting the native autofocus attribute on a <select>\n   * element.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  /**\n   * Allows the field to stretch and fill the entire width of its container.\n   */\n  @Prop({ reflect: true })\n  readonly fluid: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the selected value changes.\n   * @bind value\n   */\n  @Event({ bubbles: false })\n  valueChanged: EventEmitter<string>; // Emit as a string\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  /**\n   * Updates the display value when the value property changes. This watcher is\n   * used to update the display value when the selected value changes. This is\n   * necessary for readonly select fields to display the selected value.\n   * @internal This watcher is not intended to be called outside of the component.\n   * @param {string} newValue - The new value of the select field.\n   */\n  @Watch('value')\n  updateDisplayValueWatcher(newValue: string) {\n    this.updateDisplayValue();\n\n    if (this.selectElement) {\n      const selectedValues = newValue.split(',').map(val => val.trim());\n      const options = this.selectElement.options;\n\n      if (options) {\n        Array.from(options).forEach(option => {\n          option.selected = this.multiple\n            ? selectedValues.includes(option.value)\n            : option.value === selectedValues[0];\n        });\n\n        if (!this.multiple) {\n          this.selectElement.value = newValue; // Only set when not multiple\n        }\n      } else {\n        this.selectElement.value = selectedValues[0] || '';\n      }\n    }\n\n    // Update form value\n    this.setFormValue();\n  }\n\n  /**\n   * Watcher for the displayValue prop to ensure internalReadonly is true when displayValue is true.\n   * @param {boolean} newValue - The new value of displayValue.\n   */\n  @Watch('displayValue')\n  handleDisplayValueChange(newValue: boolean) {\n    this.internalReadonly = newValue; // Set internalReadonly to true if displayValue is true\n\n    if (this.readonly) {\n      this.internalReadonly = true;\n    }\n  }\n\n  /**\n   * Watcher for the readonly prop to ensure internalReadonly is true when readonly is true.\n   * @param {boolean} newValue - The new value of readonly.\n   */\n  @Watch('readonly')\n  handleReadonlyChange(newValue: boolean) {\n    this.internalReadonly = newValue; // Set internalReadonly to true if displayValue is true\n\n    if (this.displayValue) {\n      this.internalReadonly = true;\n    }\n  }\n\n  /**\n   * Handle options change and update the internal state\n   * @param {typeof this.options} newValue - The new value of options\n   */\n  @Watch('options')\n  handleOptionsChange(newValue: typeof this.options) {\n    if (!newValue) return;\n\n    // Update the value if an option is pre-selected\n    const selectedOption = newValue.find(opt => opt.selected);\n    if (selectedOption) {\n      this.value = selectedOption.value;\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles the change event on the select element. This method is used to\n   * update the value property when the selected options change. It is also\n   * used to emit the selectChanged event when the selected value changes.\n   * @param {Event} event - The change event on the select element.\n   * @emits selectChanged\n   */\n  private readonly handleSelectChange = (event: Event) => {\n    const select = event.target as HTMLSelectElement;\n    let selectedValues: string[] = Array.from(select.selectedOptions).map(\n      option => option.value,\n    );\n\n    if (!this.multiple) {\n      selectedValues = selectedValues.slice(0, 1);\n    }\n\n    this.value = this.multiple\n      ? selectedValues.join(', ')\n      : selectedValues[0] || '';\n    this.valueChanged.emit(this.value);\n\n    // Update form value\n    this.setFormValue();\n  };\n\n  /**\n   * Handles focus when the select container is clicked.\n   */\n  private readonly handleSelectContainerClick = () => {\n    if (!this.internalReadonly && this.selectElement) {\n      this.selectElement.focus();\n    }\n  };\n\n  /**\n   * Updates the display value of the select field. This method is used to\n   * update the display value when the selected value changes. This is necessary\n   * for readonly select fields to display the selected value. This method is\n   * called in the componentDidLoad lifecycle hook and the updateDisplayValueWatcher\n   * watcher.\n   * @internal This method is not intended to be called outside of the component.\n   */\n  private updateDisplayValue(): void {\n    if (this.internalReadonly && !this.displayValue) {\n      if (this.multiple) {\n        const selectedLabels = this.value\n          .split(',')\n          .map(key => key.trim())\n          .map(key => this.getLabelFromId(key) || '')\n          .filter(label => label !== '');\n        this.computedDisplayValue = selectedLabels.join(', ') || '';\n      } else {\n        this.computedDisplayValue = this.getLabelFromId(this.value) || '';\n      }\n    } else if (this.internalReadonly && this.displayValue) {\n      this.computedDisplayValue = this.value || '';\n    }\n  }\n\n  /**\n   * Retrieves the label from the <option> elements based on the provided key (value).\n   * This method uses the id or value attribute directly from the <select> options.\n   * @param {string} key - The key (value) for which to find the corresponding label.\n   * @returns {string} The label if found; otherwise, an empty string.\n   */\n  private getLabelFromId(key: string): string {\n    this.ensureSelectElement();\n    if (!this.selectElement) {\n      return '';\n    }\n\n    // Cache the option list\n    const options = this.selectElement.options;\n\n    if (options) {\n      const option = Array.from(options).find(option => option.value === key);\n      return option ? option.textContent.trim() || '' : '';\n    } else {\n      return '';\n    }\n  }\n\n  /**\n   * Sets the value of the form element for form submission. This method is\n   * called when the selected value changes or when the value property is set.\n   * @internal This method is not intended to be called outside of the component.\n   */\n  private setFormValue(): void {\n    this.internals.setFormValue(this.value);\n  }\n\n  /**\n   * Ensures the select element is available. This method is used to ensure\n   * the select element is available before attempting to access it.\n   * @internal This method is not intended to be called outside of the component.\n   */\n  private ensureSelectElement(): void {\n    if (!this.selectElement) {\n      this.selectElement = this.el.querySelector('select') as HTMLSelectElement;\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillRender() {\n    this.updateDisplayValue(); // Ensure display value is updated before render\n\n    if (this.message) {\n      this.description = this.message;\n    }\n\n    if (this.validation) {\n      this.errorDescription = this.validation;\n      this.error = true;\n    }\n  }\n\n  /**\n   * Lifecycle method that is called before the component is rendered. This is\n   * where the internal state is set up before rendering occurs.\n   */\n  componentWillLoad() {\n    // Set internalReadonly based on the readonly prop\n    this.internalReadonly = this.readonly;\n\n    // Ensure internalReadonly is true if displayValue is true during loading\n    if (this.displayValue) {\n      this.internalReadonly = true;\n    }\n\n    if ('attachInternals' in this.el) {\n      this.internals = (\n        this.el as HTMLElement & {\n          /**\n           * Attach the element to the form internals.\n           * @returns {ElementInternals} - The element internals object.\n           */\n          attachInternals: () => ElementInternals;\n        }\n      ).attachInternals();\n    } else {\n      // Fallback logic for browsers without attachInternals support\n      this.internals = {\n        setFormValue: (value: string) => {\n          const formElement = this.el.closest('form');\n          if (formElement) {\n            const input = document.createElement('input');\n            input.type = 'hidden';\n            input.name = this.name;\n            input.value = value;\n            formElement.appendChild(input);\n          }\n        },\n      } as ElementInternals;\n    }\n\n    // Initialize value as an empty string if multiple is true\n    if (this.multiple && typeof this.value !== 'string') {\n      this.value = '';\n    }\n\n    // Parse initial options if present\n    if (this.options) {\n      this.handleOptionsChange(this.options);\n    }\n  }\n\n  /**\n   * Lifecycle method that is called after the component has been rendered.\n   * This is where the display value is updated and the initial select element's\n   * state is set.\n   */\n  componentDidLoad() {\n    this.updateDisplayValue();\n\n    if (this.selectElement) {\n      // Only set the value for single selection, skip for multiple\n      if (!this.multiple) {\n        this.selectElement.value = this.value;\n      }\n\n      const selectedValues = this.multiple\n        ? this.value.split(',').map(v => v.trim())\n        : [this.value];\n\n      const options = this.selectElement.options;\n\n      if (options) {\n        Array.from(options).forEach(option => {\n          option.selected = this.multiple\n            ? selectedValues.includes(option.value)\n            : option.value === selectedValues[0];\n        });\n      } else {\n        // Handle case where there are no options\n        this.selectElement.value = selectedValues[0] || '';\n      }\n    }\n\n    // Set the initial form value\n    this.setFormValue();\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDERING\n\n  /**\n   * The render method creates the HTML structure for the component, including\n   * the label, select element, and any error or description messages. It also\n   * applies the appropriate CSS classes based on the readonly state and\n   * displayValue prop. This method is called when the component is rendered.\n   * @returns {HTMLStencilElement} The HTML element to render.\n   */\n  render() {\n    // Check aria-required from multiple sources:\n    // 1. HTML attribute 'aria-required' (direct HTML) - check if explicitly set\n    // 2. JavaScript prop (when prop is explicitly set via JavaScript)\n    // We use hasAttribute to determine if the attribute was explicitly set by the user,\n    // since the prop now defaults to false (to maintain Blazor compatibility)\n    const hasAriaRequiredAttr =\n      this.el.hasAttribute('aria-required') ||\n      this.el.hasAttribute('aria-required-attr');\n\n    const ariaRequiredFromAttr = hasAriaRequiredAttr\n      ? this.el.getAttribute('aria-required') ||\n        this.el.getAttribute('aria-required-attr')\n      : null;\n\n    // Use aria-required if the attribute was explicitly set\n    // With reflect: true, setting the prop will also set the attribute\n    const useAriaRequired = hasAriaRequiredAttr;\n\n    // Determine the value: use attribute if it exists (prop reflects to attribute via reflect: true)\n    // If attribute doesn't exist, the prop was never set and we don't use aria-required\n    const ariaRequiredAttrValue = hasAriaRequiredAttr\n      ? ariaRequiredFromAttr\n      : null;\n\n    // Determine which attributes to use\n    // If aria-required HTML attribute is present, use it (convert string to boolean)\n    // If required is set and aria-required is not \"false\", use native required\n    // If aria-required is \"false\", don't use native required even if required is set\n    const ariaRequiredValue = useAriaRequired\n      ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''\n      : undefined;\n\n    const useNativeRequired =\n      this.required && (!useAriaRequired || ariaRequiredValue === true);\n\n    return (\n      <Host>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <div class=\"select-wrapper\">\n          <slot name=\"before-input\"></slot>\n\n          <div\n            class=\"select-container\"\n            onClick={this.handleSelectContainerClick}\n          >\n            <slot name=\"leading-input\"></slot>\n\n            {this.internalReadonly && (\n              <input\n                id={this.inputId + '-readonly'}\n                type=\"text\"\n                value={this.computedDisplayValue}\n                readonly\n                class=\"readonly-input\"\n                aria-readonly=\"true\"\n                aria-label={this.label}\n                aria-describedby={\n                  this.error\n                    ? `${this.inputId}-error`\n                    : `${this.inputId}-description`\n                }\n              />\n            )}\n\n            <select\n              id={this.inputId}\n              ref={el => (this.selectElement = el)}\n              name={this.name}\n              autofocus={this.autofocus}\n              disabled={this.disabled}\n              required={useNativeRequired ? this.required : undefined}\n              {...(ariaRequiredValue !== undefined && {\n                'aria-required': String(ariaRequiredValue),\n              })}\n              multiple={this.multiple}\n              onChange={this.handleSelectChange}\n              class={this.internalReadonly ? 'hidden' : ''}\n              aria-label={this.label}\n              aria-describedby={\n                this.error\n                  ? `${this.inputId}-error`\n                  : `${this.inputId}-description`\n              }\n            >\n              {this.options && this.options.length > 0 ? (\n                this.options.map(option => (\n                  <option\n                    value={option.value}\n                    selected={option.selected}\n                    disabled={option.disabled}\n                  >\n                    {option.label}\n                  </option>\n                ))\n              ) : (\n                <slot />\n              )}\n            </select>\n            <div class=\"select-icons\">\n              {this.error && (\n                <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n              )}\n              {this.success && (\n                <nv-icon name=\"circle-check\" class=\"validation\" size=\"md\" />\n              )}\n\n              {!this.multiple && (\n                <nv-iconbutton\n                  name=\"chevron-down\"\n                  size=\"md\"\n                  emphasis=\"lower\"\n                  tabindex={-1}\n                />\n              )}\n            </div>\n          </div>\n\n          <slot name=\"after-input\"></slot>\n        </div>\n\n        {(this.description ||\n          this.el.querySelector('[slot=\"description\"]')) && (\n          <div class=\"description\" id={`${this.inputId}-description`}>\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div class=\"error-description\" id={`${this.inputId}-error`}>\n            <slot name=\"error-description\">{this.errorDescription}</slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDERING\n}\n"]}

package/dist/collection/components/nv-fieldslider/nv-fieldslider.docs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nv-fieldslider.docs.js","sourceRoot":"","sources":["../../../../src/components/nv-fieldslider/nv-fieldslider.docs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { h } from '@stencil/core';\nimport type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\nimport { nameof } from '../../utils/class.utils';\n\nconst NvFieldsliderDocs: NovaDocs<Components.NvFieldslider> = {\n  component: 'nv-fieldslider',\n  stories: [\n    // Default\n    {\n      name: 'Default',\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // labelBeforeValue\n    {\n      name: nameof<Components.NvFieldslider>(x => x.labelBeforeValue),\n      args: {\n        label: 'Price',\n        value: [50],\n        labelBeforeValue: '$',\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // labelAfterValue\n    {\n      name: nameof<Components.NvFieldslider>(x => x.labelAfterValue),\n      args: {\n        label: 'Distance',\n        value: [25],\n        labelAfterValue: 'km',\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // step\n    {\n      name: nameof<Components.NvFieldslider>(x => x.step),\n      args: {\n        label: 'Volume (increments of 5)',\n        min: 0,\n        max: 100,\n        value: [25],\n        step: 5,\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // snap\n    {\n      name: nameof<Components.NvFieldslider>(x => x.snap),\n      args: {\n        label: 'Snapping Slider',\n        min: 0,\n        max: 100,\n        value: [35],\n        step: 5,\n        snap: true,\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // showTicks\n    {\n      name: nameof<Components.NvFieldslider>(x => x.showTicks),\n      args: {\n        label: 'Volume',\n        min: 0,\n        max: 100,\n        value: [40],\n        step: 10,\n        snap: true,\n        showTicks: true,\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // ticks\n    {\n      name: nameof<Components.NvFieldslider>(x => x.ticks),\n      args: {\n        label: 'Temperature (°C)',\n        min: 0,\n        max: 100,\n        value: [7],\n        step: 1,\n        labelAfterValue: '°C',\n        ticks: [\n          { value: 10, label: 'Cold' },\n          { value: 80, label: 'Hot' },\n        ],\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // snapTicks\n    {\n      name: nameof<Components.NvFieldslider>(x => x.snapTicks),\n      description:\n        'When snapTicks is true, the slider will snap to custom tick values rather than regular steps.',\n      args: {\n        label: 'Custom Pricing Tiers ($)',\n        min: 0,\n        max: 100,\n        value: [10],\n        step: 1,\n        snapTicks: true,\n        ticks: [\n          { value: 0, label: 'Free' },\n          { value: 10, label: 'Basic' },\n          { value: 30, label: 'Pro' },\n          { value: 75, label: 'Business' },\n          { value: 100, label: 'Enterprise' },\n        ],\n        labelAfterValue: '$',\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // hasField\n    {\n      name: nameof<Components.NvFieldslider>(x => x.hasField),\n      args: {\n        label: 'Price',\n        min: 0,\n        max: 1000,\n        value: [550],\n        step: 10,\n        hasField: true,\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // range\n    {\n      name: nameof<Components.NvFieldslider>(x => x.range),\n      args: {\n        label: 'Price Range ($)',\n        min: 0,\n        max: 1000,\n        value: [200, 800],\n        step: 50,\n        range: true,\n        labelAfterValue: '$',\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // hideLabel\n    {\n      name: nameof<Components.NvFieldslider>(x => x.hideLabel),\n      args: {\n        label: 'Volume Level',\n        hideLabel: true,\n        value: [75],\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // error\n    {\n      name: nameof<Components.NvFieldslider>(x => x.error),\n      args: {\n        label: 'Budget ($)',\n        value: [1500, 20000],\n        min: 0,\n        max: 100000,\n        range: true,\n        error: true,\n        labelAfterValue: '$',\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // errorDescription\n    {\n      name: nameof<Components.NvFieldslider>(x => x.errorDescription),\n      args: {\n        label: 'Budget ($)',\n        value: [1500, 20000],\n        min: 0,\n        max: 100000,\n        range: true,\n        error: true,\n        errorDescription: 'Not enough funds!',\n        labelAfterValue: '$',\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // success\n    {\n      name: nameof<Components.NvFieldslider>(x => x.success),\n      args: {\n        label: 'Target Achieved',\n        value: [30, 70],\n        range: true,\n        min: 0,\n        max: 100,\n        success: true,\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // disabled\n    {\n      name: nameof<Components.NvFieldslider>(x => x.disabled),\n      args: {\n        label: 'Settings (Locked)',\n        value: [30],\n        disabled: true,\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // readonly\n    {\n      name: nameof<Components.NvFieldslider>(x => x.readonly),\n      args: {\n        label: 'Current Progress',\n        value: [65],\n        readonly: true,\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // fluid\n    {\n      name: nameof<Components.NvFieldslider>(x => x.fluid),\n      args: {\n        label: 'Full Width Slider',\n        value: [50],\n        fluid: true,\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // startInputId\n    {\n      name: nameof<Components.NvFieldslider>(x => x.startInputId),\n      description:\n        'Sets the ID for the start input element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated.',\n      args: {\n        label: 'Custom Start ID',\n        value: [50],\n        startInputId: 'custom-start-id',\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // endInputId\n    {\n      name: nameof<Components.NvFieldslider>(x => x.endInputId),\n      description:\n        'Sets the ID for the end input element and the for attribute of the associated label. If no ID is provided, a random one will be automatically generated.',\n      args: {\n        label: 'Custom End ID',\n        value: [25, 75],\n        range: true,\n        endInputId: 'custom-end-id',\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // label\n    {\n      name: nameof<Components.NvFieldslider>(x => x.label),\n      description:\n        \"Provides a textual description of the slider's function, helping users understand what the control adjusts. It also supports accessibility by serving as the accessible name for the component.\",\n      args: {\n        label: 'Volume Level',\n        value: [60],\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // description\n    {\n      name: nameof<Components.NvFieldslider>(x => x.description),\n      description:\n        'Add helpful hints or extra information under the slider. This is where you can clarify what users should enter or provide additional instructions, making the form easier to fill out correctly.',\n      args: {\n        label: 'Brightness',\n        description: 'Adjust the screen brightness level',\n        value: [70],\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // value\n    {\n      name: nameof<Components.NvFieldslider>(x => x.value),\n      description:\n        'Numeric value of the slider as an array of numbers. When in single mode, the value should be an array of one number. When in range mode, the value should be an array of two numbers.',\n      args: {\n        label: 'Initial Value',\n        value: [42],\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // name\n    {\n      name: nameof<Components.NvFieldslider>(x => x.name),\n      description:\n        'Name attribute for the form input element. Required for form submission. For range sliders, this will be used for the start value input and add -end to the end input name.',\n      args: {\n        label: 'Price',\n        name: 'price-slider',\n        value: [250],\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // endName\n    {\n      name: nameof<Components.NvFieldslider>(x => x.endName),\n      description:\n        \"Name attribute for the end value input when using range mode. If not provided, the name attribute will be used with '-end' appended.\",\n      args: {\n        label: 'Price Range',\n        name: 'price-start',\n        endName: 'price-end',\n        value: [100, 500],\n        range: true,\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // min\n    {\n      name: nameof<Components.NvFieldslider>(x => x.min),\n      description:\n        'Defines the minimum allowed value for the slider. The thumb cannot move below this value, and manual input is also constrained accordingly.',\n      args: {\n        label: 'Temperature',\n        min: -10,\n        max: 40,\n        value: [5],\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // max\n    {\n      name: nameof<Components.NvFieldslider>(x => x.max),\n      description:\n        'Defines the maximum allowed value for the slider. The thumb cannot move above this value, and manual input is also constrained accordingly.',\n      args: {\n        label: 'Capacity',\n        min: 0,\n        max: 200,\n        value: [150],\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // MinMax\n    {\n      name: 'MinMax',\n      description: 'Slider with custom min/max range and initial value.',\n      args: {\n        label: 'Temperature (°C)',\n        min: -20,\n        max: 40,\n        value: [22],\n        labelAfterValue: '°C',\n      },\n      template: <nv-fieldslider data-storybook-args />,\n    },\n    // SlotLabel\n    {\n      name: 'SlotLabel',\n      description:\n        'Content to be placed as the label, will override the label prop.',\n      args: {\n        label: 'Original Label',\n        value: [45],\n      },\n      template: (\n        <nv-fieldslider data-storybook-args>\n          <span slot=\"label\">Custom Label</span>\n        </nv-fieldslider>\n      ),\n    },\n    // SlotDescription\n    {\n      name: 'SlotDescription',\n      description:\n        'Content to be placed as the description, will override the description prop.',\n      args: {\n        label: 'Description Example',\n        description: 'Original description',\n        value: [60],\n      },\n      template: (\n        <nv-fieldslider data-storybook-args>\n          <span slot=\"description\">Custom Description</span>\n        </nv-fieldslider>\n      ),\n    },\n    // SlotErrorDescription\n    {\n      name: 'SlotErrorDescription',\n      description:\n        'Content to be placed as the error description, will override the errorDescription prop.',\n      args: {\n        label: 'Error Description Example',\n        errorDescription: 'Original error description',\n        value: [150],\n        min: 0,\n        max: 100,\n        error: true,\n      },\n      template: (\n        <nv-fieldslider data-storybook-args>\n          <span slot=\"error-description\">Custom Error Description</span>\n        </nv-fieldslider>\n      ),\n    },\n  ],\n};\n\nexport default NvFieldsliderDocs;\n"]}

package/dist/collection/components/nv-fieldslider/nv-fieldslider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nv-fieldslider.js","sourceRoot":"","sources":["../../../../src/components/nv-fieldslider/nv-fieldslider.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  State,\n  Watch,\n  Element,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport {\n  clamp,\n  valueToPercent,\n  snapToStep,\n  generateTicks,\n  snapToTicks,\n} from './nv-fieldslider.utils';\n\nimport { SingleThumb } from './partials/single-thumb';\nimport { RangeThumb } from './partials/range-thumb';\nimport { TickMarks } from './partials/tick-marks';\nimport { FieldInput, type FieldInputProps } from './partials/field-input';\n\n/**\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n  tag: 'nv-fieldslider',\n  styleUrl: 'styles/nv-fieldslider.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvFieldslider {\n  @Element() el: HTMLNvFieldsliderElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the start input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated.\n   */\n  @Prop({ reflect: true })\n  readonly startInputId: string = uuidv4();\n\n  /**\n   * Sets the ID for the end input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated.\n   */\n  @Prop({ reflect: true })\n  readonly endInputId: string = uuidv4();\n\n  /**\n   * Provides a textual description of the slider's function, helping users\n   * understand what the control adjusts. It also supports accessibility by\n   * serving as the accessible name for the component.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Keeps the interface clean by removing visible labels, but still announces\n   * the label to screen readers so users relying on assistive tech aren't left\n   * guessing.\n   */\n  @Prop({ reflect: true })\n  readonly hideLabel: boolean = false;\n\n  /**\n   * Add helpful hints or extra information under the slider. This is where you\n   * can clarify what users should enter or provide additional instructions,\n   * making the form easier to fill out correctly.\n   */\n  @Prop({ reflect: true })\n  readonly description: string;\n\n  /**\n   * Enables an optional numeric input field alongside the slider, allowing\n   * users to type a value directly instead of—or in addition to—using the\n   * slider handle. The field accepts numeric values in the format based on\n   * client-side local settings.\n   */\n  @Prop({ reflect: true })\n  readonly hasField: boolean = false;\n\n  /**\n   * Allows the slider to display two thumbs, enabling users to select a\n   * continuous range between a minimum and maximum value. Ideal for use cases\n   * like filtering by price or time.\n   */\n  @Prop({ reflect: true })\n  readonly range: boolean = false;\n\n  /**\n   * Disables user interaction with the slider and its associated input fields.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Makes the slider and input non-editable while keeping them focusable and\n   * included in form submissions.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Alters the slider's appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * A description that appears when there is an error related to the slider.\n   * @validator message\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription: string;\n\n  /**\n   * Changes the slider's appearance to indicate successful input or validation.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * Numeric value of the slider as an array of numbers. When in single mode,\n   * the value should be a an array of one number. When in range mode, the value\n   * should be an array of two numbers.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: number[] = [0];\n\n  /**\n   * Defines the interval between selectable values on the slider. Controls how\n   * much the value increases or decreases with each keyboard interaction, drag\n   * movement, or direct input.\n   */\n  @Prop({ reflect: true })\n  readonly step: number = 1;\n\n  /**\n   * Controls whether the slider handle should visually snap to step values\n   * during dragging. When false, the handle can be positioned at any point\n   * along the track while dragging, but the actual value will still snap to the\n   * nearest step value. When true, the handle will visually snap to the nearest\n   * step value during dragging.\n   */\n  @Prop({ reflect: true })\n  readonly snap: boolean = false;\n\n  /**\n   * When true and custom ticks are provided, the slider will snap to the nearest\n   * tick value during dragging, instead of using the step value. This is useful\n   * when you have custom ticks at specific values that don't align with regular step intervals.\n   */\n  @Prop({ reflect: true })\n  readonly snapTicks: boolean = false;\n\n  /**\n   * Name attribute for the form input element. Required for form submission.\n   * For range sliders, this will be used for the start value input and add -end\n   * to the end input name.\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * Name attribute for the end value input when using range mode.\n   * If not provided, the name attribute will be used with '-end' appended.\n   */\n  @Prop({ reflect: true })\n  readonly endName: string;\n\n  /**\n   * Defines the minimum allowed value for the slider. The thumb cannot move\n   * below this value, and manual input is also constrained accordingly.\n   */\n  @Prop({ reflect: true })\n  readonly min: number = 0;\n\n  /**\n   * Defines the maximum allowed value for the slider. The thumb cannot move\n   * above this value, and manual input is also constrained accordingly.\n   */\n  @Prop({ reflect: true })\n  readonly max: number = 100;\n\n  /**\n   * Controls the visibility of tick marks on the slider. When enabled, all\n   * visual ticks that indicate step points along the track are shown. If custom\n   * ticks are provided, they are always shown regardless of this setting.\n   */\n  @Prop({ reflect: true })\n  readonly showTicks: boolean = false;\n\n  /**\n   * Allows you to specify custom tick marks at specific values along the\n   * slider. Each tick can optionally display a label to provide additional\n   * context or guidance for users.\n   */\n  @Prop({ reflect: false })\n  readonly ticks: {\n    /** The numeric value of the tick */\n    value: number;\n    /** The label of the tick */\n    label?: string;\n  }[];\n\n  /**\n   * Allows the field to stretch and fill the entire width of its container.\n   */\n  @Prop({ reflect: true })\n  readonly fluid: boolean = false;\n\n  /**\n   * Use this to automatically show a label, like \"~\" for approximate values,\n   * before the slider's value in the tooltip or input, giving users quick\n   * context about the number.\n   */\n  @Prop({ reflect: true })\n  readonly labelBeforeValue: string;\n\n  /**\n   * Use this to automatically show a label, like \"$\" or \"kg,\" after the value\n   * on the slider's tooltip or input, helping users better understand the\n   * number.\n   */\n  @Prop({ reflect: true })\n  readonly labelAfterValue: string;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region STATE\n\n  @State()\n  isDragging = false;\n\n  @State()\n  activeDragThumb: 'left' | 'right' | 'single' = 'single';\n\n  @State()\n  internalTicks: typeof this.ticks = [];\n\n  // These track the raw slider positions for visual display\n  @State()\n  rawPosition = 0;\n\n  @State()\n  rawRangePosition: [number, number] = [0, 0];\n\n  @State()\n  valueInternal: number = 0;\n\n  @State()\n  rangeValueInternal: [number, number] = [0, 0];\n\n  //#endregion STATE\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Ensures value is valid and within bounds.\n   * @param {number} val - The value to validate\n   * @returns {number} The validated and snapped value\n   */\n  private validateValue(val: number): number {\n    // First ensure the value is within bounds\n    const clampedValue = clamp(val, this.min, this.max);\n\n    // If snapTicks is true and we have custom ticks, snap to the nearest tick\n    if (this.snapTicks && this.internalTicks && this.internalTicks.length > 0) {\n      return snapToTicks(clampedValue, this.internalTicks);\n    }\n\n    // Otherwise snap to step values\n    return snapToStep(clampedValue, this.min, this.max, this.step);\n  }\n\n  /**\n   * Parses the value string into a number or array of numbers for internal use.\n   */\n  private parseValue = (): void => {\n    if (typeof this.value === 'string') {\n      console.error(\n        'Sliders require a number or array of numbers to be passed in the value prop.',\n      );\n      return;\n    }\n    if (this.range && this.value.length !== 2) {\n      console.error(\n        'Range sliders require an array of two values to be passed in the value prop.',\n      );\n      return;\n    }\n\n    if (!this.range && this.value.length !== 1) {\n      console.error(\n        'Single sliders require a single value as an array to be passed in the value prop.',\n      );\n      return;\n    }\n    this.valueInternal = this.value[0];\n    this.rangeValueInternal = [this.value[0], this.value[1]];\n  };\n\n  /**\n   * Handles value changes from slider interaction.\n   * @param {number | number[]} newValue - The new value or range values\n   */\n  private handleValueChange(newValue: number | number[]): void {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (this.range) {\n      // Handle range values\n      if (Array.isArray(newValue) && newValue.length === 2) {\n        // Ensure values are in order (left ≤ right)\n        const orderedValues = [\n          Math.min(newValue[0], newValue[1]),\n          Math.max(newValue[0], newValue[1]),\n        ];\n\n        // Snap to steps and clamp\n        const validatedValues: [number, number] = [\n          this.validateValue(orderedValues[0]),\n          this.validateValue(orderedValues[1]),\n        ];\n\n        if (\n          validatedValues[0] !== this.rangeValueInternal[0] ||\n          validatedValues[1] !== this.rangeValueInternal[1]\n        ) {\n          this.rangeValueInternal = validatedValues;\n          this.value = this.rangeValueInternal;\n          this.valueChanged.emit(this.rangeValueInternal);\n        }\n      }\n    } else {\n      // Handle single value\n      if (typeof newValue === 'number') {\n        const validatedValue = this.validateValue(newValue);\n\n        if (validatedValue !== this.valueInternal) {\n          this.valueInternal = validatedValue;\n          this.value = [this.valueInternal];\n          this.valueChanged.emit([this.valueInternal]);\n        }\n      }\n    }\n  }\n\n  /**\n   * Generates the ticks to display based on props and state.\n   */\n  private generateDisplayTicks(): void {\n    // If custom ticks are provided, always use them regardless of showTicks setting\n    if (this.ticks && this.ticks.length > 0) {\n      this.internalTicks = [...this.ticks].sort((a, b) => a.value - b.value);\n      return;\n    }\n\n    // If showTicks is false and there are no custom ticks, hide all ticks\n    if (!this.showTicks) {\n      this.internalTicks = [];\n      return;\n    }\n\n    // Generate all ticks at each step point\n    const autoTicks = generateTicks(this.min, this.max, this.step);\n    this.internalTicks = autoTicks.map(value => ({ value }));\n  }\n\n  /**\n   * Handles pointer events on the track.\n   * @param {PointerEvent} event - The pointer event\n   */\n  private onTrackInteraction = (event: PointerEvent): void => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const trackRect = (\n      event.currentTarget as HTMLElement\n    ).getBoundingClientRect();\n    const percentage = clamp(\n      ((event.clientX - trackRect.left) / trackRect.width) * 100,\n      0,\n      100,\n    );\n\n    const newValue = this.min + (percentage / 100) * (this.max - this.min);\n\n    // Store raw position for visual display\n    this.rawPosition = newValue;\n\n    if (this.range) {\n      // In range mode, determine which thumb to move based on proximity\n      const leftPct = valueToPercent(\n        this.rangeValueInternal[0],\n        this.min,\n        this.max,\n      );\n      const rightPct = valueToPercent(\n        this.rangeValueInternal[1],\n        this.min,\n        this.max,\n      );\n\n      const distanceToLeft = Math.abs(percentage - leftPct);\n      const distanceToRight = Math.abs(percentage - rightPct);\n\n      if (distanceToLeft <= distanceToRight) {\n        this.activeDragThumb = 'left';\n        this.rawRangePosition = [newValue, this.rawRangePosition[1]];\n        this.handleValueChange([newValue, this.rangeValueInternal[1]]);\n      } else {\n        this.activeDragThumb = 'right';\n        this.rawRangePosition = [this.rawRangePosition[0], newValue];\n        this.handleValueChange([this.rangeValueInternal[0], newValue]);\n      }\n    } else {\n      this.activeDragThumb = 'single';\n      this.rawPosition = newValue;\n      this.handleValueChange(newValue);\n    }\n\n    this.isDragging = true;\n    this.registerGlobalEvents();\n  };\n\n  /**\n   * Handles pointer move events during drag.\n   * @param {PointerEvent} event - The pointer event\n   */\n  private onPointerMove = (event: PointerEvent): void => {\n    if (!this.isDragging || this.disabled || this.readonly) {\n      return;\n    }\n\n    const trackElement = this.el.querySelector('.track') as HTMLElement;\n    if (!trackElement) return;\n\n    const trackRect = trackElement.getBoundingClientRect();\n    const percentage = clamp(\n      ((event.clientX - trackRect.left) / trackRect.width) * 100,\n      0,\n      100,\n    );\n\n    const newValue = this.min + (percentage / 100) * (this.max - this.min);\n\n    // Update visual position\n    if (this.range) {\n      if (this.activeDragThumb === 'left') {\n        this.rawRangePosition = [newValue, this.rawRangePosition[1]];\n        this.handleValueChange([newValue, this.rangeValueInternal[1]]);\n      } else {\n        this.rawRangePosition = [this.rawRangePosition[0], newValue];\n        this.handleValueChange([this.rangeValueInternal[0], newValue]);\n      }\n    } else {\n      this.rawPosition = newValue;\n      this.handleValueChange(newValue);\n    }\n  };\n\n  /**\n   * Handles the end of a drag operation.\n   */\n  private onPointerUp = (): void => {\n    this.isDragging = false;\n    this.removeGlobalEvents();\n  };\n\n  /**\n   * Registers global events for tracking pointer movement.\n   */\n  private registerGlobalEvents(): void {\n    document.addEventListener('pointermove', this.onPointerMove);\n    document.addEventListener('pointerup', this.onPointerUp);\n    document.addEventListener('pointercancel', this.onPointerUp);\n  }\n\n  /**\n   * Removes global events when tracking ends.\n   */\n  private removeGlobalEvents(): void {\n    document.removeEventListener('pointermove', this.onPointerMove);\n    document.removeEventListener('pointerup', this.onPointerUp);\n    document.removeEventListener('pointercancel', this.onPointerUp);\n  }\n\n  /**\n   * Handles keydown events for keyboard accessibility.\n   * @param {KeyboardEvent} event - The keyboard event\n   */\n  private onKeyDown = (event: KeyboardEvent): void => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    let newValue: number | number[];\n    const stepMultiplier = event.shiftKey ? 10 : 1;\n    const singleStep = this.step * stepMultiplier;\n\n    if (this.range) {\n      const focusedThumb = (event.target as HTMLElement).getAttribute(\n        'data-thumb',\n      );\n      const idx = focusedThumb === 'left' ? 0 : 1;\n      const currentValue = [...this.rangeValueInternal];\n\n      switch (event.key) {\n        case 'ArrowRight':\n        case 'ArrowUp':\n          currentValue[idx] += singleStep;\n          break;\n        case 'ArrowLeft':\n        case 'ArrowDown':\n          currentValue[idx] -= singleStep;\n          break;\n        case 'Home':\n          currentValue[idx] = this.min;\n          break;\n        case 'End':\n          currentValue[idx] = this.max;\n          break;\n        case 'PageUp':\n          currentValue[idx] += singleStep * 10;\n          break;\n        case 'PageDown':\n          currentValue[idx] -= singleStep * 10;\n          break;\n        default:\n          return;\n      }\n\n      newValue = currentValue;\n    } else {\n      switch (event.key) {\n        case 'ArrowRight':\n        case 'ArrowUp':\n          newValue = this.valueInternal + singleStep;\n          break;\n        case 'ArrowLeft':\n        case 'ArrowDown':\n          newValue = this.valueInternal - singleStep;\n          break;\n        case 'Home':\n          newValue = this.min;\n          break;\n        case 'End':\n          newValue = this.max;\n          break;\n        case 'PageUp':\n          newValue = this.valueInternal + singleStep * 10;\n          break;\n        case 'PageDown':\n          newValue = this.valueInternal - singleStep * 10;\n          break;\n        default:\n          return;\n      }\n    }\n\n    event.preventDefault();\n    this.handleValueChange(newValue);\n  };\n\n  /**\n   * Handles field input value changes.\n   * @param {FieldInputProps['onInput']} details - The parsed value and index\n   */\n  private handleFieldChange: FieldInputProps['onInput'] = (details): void => {\n    const newValue = details.value;\n\n    if (isNaN(newValue)) {\n      return;\n    }\n\n    if (this.range) {\n      const fieldIndex = details.index === 0 ? 0 : 1;\n      const updatedRange = [...this.rangeValueInternal];\n      updatedRange[fieldIndex] = newValue;\n      this.handleValueChange(updatedRange);\n    } else {\n      this.handleValueChange(newValue);\n    }\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('value')\n  onValueChange() {\n    this.parseValue();\n  }\n\n  @Watch('min')\n  @Watch('max')\n  @Watch('step')\n  @Watch('ticks')\n  @Watch('showTicks')\n  @Watch('snap')\n  @Watch('snapTicks')\n  onConfigChange() {\n    this.generateDisplayTicks();\n\n    if (this.range) {\n      this.handleValueChange(this.rangeValueInternal);\n    } else {\n      this.handleValueChange(this.valueInternal);\n    }\n  }\n\n  @Watch('range')\n  onRangeChange(newValue: boolean) {\n    if (newValue) {\n      // Switching to range mode\n      this.rangeValueInternal = [this.min, this.valueInternal];\n    } else {\n      // Switching to single mode, take the higher value\n      this.valueInternal = this.rangeValueInternal[1];\n    }\n  }\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n  connectedCallback() {\n    this.parseValue();\n    this.generateDisplayTicks();\n\n    // Initialize values and make sure they're valid\n    if (this.range) {\n      if (\n        !Array.isArray(this.rangeValueInternal) ||\n        this.rangeValueInternal.length !== 2\n      ) {\n        this.rangeValueInternal = [this.min, this.max];\n      }\n      this.handleValueChange(this.rangeValueInternal);\n      // Initialize raw range position to match actual values\n      this.rawRangePosition = [\n        this.rangeValueInternal[0],\n        this.rangeValueInternal[1],\n      ];\n    } else {\n      this.handleValueChange(this.valueInternal);\n      // Initialize raw position to match actual value\n      this.rawPosition = this.valueInternal;\n    }\n  }\n\n  componentWillLoad() {\n    // Initialize value array based on range mode when props are available\n    if (this.value.length === 1 && this.range) {\n      // If range mode but only one value provided, duplicate it\n      this.value = [this.value[0], this.value[0]];\n    } else if (this.value.length === 2 && !this.range) {\n      // If single mode but two values provided, take the first\n      this.value = [this.value[0]];\n    }\n  }\n\n  disconnectedCallback() {\n    this.removeGlobalEvents();\n  }\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the slider values change.\n   * @bind value\n   */\n  @Event({ bubbles: false })\n  valueChanged: EventEmitter<number[]>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.startInputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <div class=\"slider-container\">\n          {/* First input (always render for the start value, but may be hidden) */}\n          {this.range ? (\n            <FieldInput\n              range={this.range}\n              hasField={this.hasField}\n              value={this.valueInternal}\n              rangeValue={this.rangeValueInternal}\n              index={0}\n              inputId={this.startInputId}\n              min={this.min}\n              max={this.max}\n              step={this.step}\n              disabled={this.disabled}\n              readonly={this.readonly}\n              onInput={this.handleFieldChange}\n              labelBeforeValue={this.labelBeforeValue}\n              labelAfterValue={this.labelAfterValue}\n              name={this.name}\n              endName={this.endName}\n            />\n          ) : null}\n\n          <div class=\"track-container\">\n            <div class=\"track\" onPointerDown={this.onTrackInteraction}>\n              {this.range ? (\n                <RangeThumb\n                  rangeValue={this.rangeValueInternal}\n                  rawRangePosition={this.rawRangePosition}\n                  activeDragThumb={this.activeDragThumb}\n                  isDragging={this.isDragging}\n                  snap={this.snap}\n                  min={this.min}\n                  max={this.max}\n                  step={this.step}\n                  disabled={this.disabled}\n                  readonly={this.readonly}\n                  onKeyDown={this.onKeyDown}\n                  labelBeforeValue={this.labelBeforeValue}\n                  labelAfterValue={this.labelAfterValue}\n                />\n              ) : (\n                <SingleThumb\n                  value={this.valueInternal}\n                  min={this.min}\n                  max={this.max}\n                  step={this.step}\n                  rawPosition={this.rawPosition}\n                  isDragging={this.isDragging}\n                  snap={this.snap}\n                  disabled={this.disabled}\n                  readonly={this.readonly}\n                  onKeyDown={this.onKeyDown}\n                  labelBeforeValue={this.labelBeforeValue}\n                  labelAfterValue={this.labelAfterValue}\n                />\n              )}\n            </div>\n\n            <TickMarks\n              ticks={this.internalTicks}\n              min={this.min}\n              max={this.max}\n            />\n          </div>\n\n          {/* Second input (for range mode, or for single value if not already rendered) */}\n          {this.range ? (\n            <FieldInput\n              range={this.range}\n              hasField={this.hasField}\n              value={this.valueInternal}\n              rangeValue={this.rangeValueInternal}\n              index={1}\n              inputId={this.endInputId}\n              min={this.min}\n              max={this.max}\n              step={this.step}\n              disabled={this.disabled}\n              readonly={this.readonly}\n              onInput={this.handleFieldChange}\n              labelBeforeValue={this.labelBeforeValue}\n              labelAfterValue={this.labelAfterValue}\n              name={this.name}\n              endName={this.endName}\n            />\n          ) : (\n            <FieldInput\n              range={this.range}\n              hasField={this.hasField}\n              value={this.valueInternal}\n              rangeValue={this.rangeValueInternal}\n              inputId={this.startInputId}\n              min={this.min}\n              max={this.max}\n              step={this.step}\n              disabled={this.disabled}\n              readonly={this.readonly}\n              onInput={this.handleFieldChange}\n              labelBeforeValue={this.labelBeforeValue}\n              labelAfterValue={this.labelAfterValue}\n              name={this.name}\n            />\n          )}\n        </div>\n\n        {(this.success ||\n          this.description ||\n          this.el.querySelector('[slot=\"description\"]')) && (\n          <div class=\"description\">\n            {this.success && (\n              <nv-icon name=\"circle-check\" class=\"validation\" size=\"md\" />\n            )}\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.error ||\n          this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div class=\"error-description\" hidden={!this.error}>\n            {this.error && (\n              <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n            )}\n            <slot name=\"error-description\">{this.errorDescription}</slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n  // #endregion RENDER\n}\n"]}