@nova-design-system/nova-webcomponents 3.0.0-beta.35 → 3.0.0-beta.37

package/dist/native/p-7dfb4a60.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["nvFieldnumberCss","NvFieldnumberStyle0","NvFieldnumber","constructor","hostRef","this","inputId","uuidv4","disabled","readonly","required","error","success","step","handleInput","event","input","target","value","Number","handleInputContainerClick","inputElement","focus","handlePlus","stepUp","handleMinus","stepDown","isMinValueReached","min","undefined","isMaxValueReached","max","componentWillRender","message","description","validation","errorDescription","watchValueHandler","newValue","valueChanged","emit","render","h","Host","key","label","el","querySelector","htmlFor","name","class","onClick","id","ref","e","placeholder","type","readOnly","onInput","size","clsx","hidden"],"sources":["src/components/nv-fieldnumber/nv-fieldnumber.scss?tag=nv-fieldnumber","src/components/nv-fieldnumber/nv-fieldnumber.tsx"],"sourcesContent":["@import '../../styles/form-field';\n\nnv-fieldnumber {\n  @include form-field-variables();\n  @include form-field-root();\n\n  &[readonly]:not([readonly='false']) {\n    @include form-field-readonly-variables();\n  }\n\n  &[error]:not([error='false']) {\n    @include form-field-error-variables();\n  }\n\n  &[success]:not([success='false']) {\n    @include form-field-success-variables();\n  }\n\n  &[required]:not([required='false']) label {\n    @include form-field-label-required();\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  .input-wrapper {\n    @include form-field-input-wrapper();\n\n    .input-container {\n      @include form-field-input-container();\n\n      container-type: inline-size;\n      container-name: field-number-input-container;\n      overflow: hidden;\n      position: relative;\n\n      input {\n        @include form-field-input();\n\n        width: 100%;\n        appearance: textfield;\n\n        &::-webkit-inner-spin-button,\n        &::-webkit-outer-spin-button {\n          appearance: none;\n          margin: 0;\n        }\n      }\n\n      nv-icon.validation {\n        @include form-field-icon();\n      }\n\n      .stepper {\n        position: absolute;\n        right: 0;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        border-left: var(--notification-border-width-low-emphasis) solid var(--components-form-field-border-readonly);\n\n        nv-icon {\n          color: var(--components-form-field-icon-default);\n          height: 100%;\n\n          &:first-child {\n            padding: var(--form-field-inner-button-padding-y) var(--form-field-inner-button-padding-x-int) var(--form-field-inner-button-padding-y) var(--form-field-inner-button-padding-x-ext);\n          }\n\n          &:last-child {\n            padding: var(--form-field-inner-button-padding-y) var(--form-field-inner-button-padding-x-ext) var(--form-field-inner-button-padding-y) var(--form-field-inner-button-padding-x-int);\n          }\n\n          &:hover {\n            background: var(--color-interaction-container-neutral-background-hover);\n          }\n        }\n      }\n\n      .stepper-spacer {\n        //2 icons both with interior and exterior padding, the default padding from the input-container and the thickness of the separator\n        width: calc(2 * (var(--form-field-icon-size) + var(--form-field-inner-button-padding-x-ext) + var(--form-field-inner-button-padding-x-int)) + var(--form-field-padding-x) + var(--notification-border-width-low-emphasis));\n      }\n\n      // container query to remove .stepper and and the spacer when the container is less than 150px\n      // .. this needs to be an absolute value because container queries do not accept variables\n      // .. using relative width (cqw) compared to a parent container would not work\n      // .. because the parent container follows the child's width\n      @container field-number-input-container (width < 150px) {\n        .stepper-spacer {\n          display: none;\n        }\n\n        .stepper {\n          display: none;\n        }\n      }\n    }\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n}","import {\n  Component,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Watch,\n} from '@stencil/core';\nimport clsx from 'clsx';\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 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\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  //#region DEPRECATED\n\n  /**\n   * Message defines a 'hint ' message for the number field.\n   * @deprecated use description instead.\n   */\n  @Prop()\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()\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  // 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   * 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   */\n  @Prop({ reflect: true })\n  readonly required: 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;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillRender() {\n    if (this.message) {\n      this.description = this.message;\n    }\n    if (this.validation) {\n      this.errorDescription = this.validation;\n      this.error = true;\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the input value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<number>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('value')\n  watchValueHandler(newValue: number) {\n    this.valueChanged.emit(newValue);\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region METHODS\n\n  private handleInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    this.value = Number(input.value);\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  private isMinValueReached = (): boolean => {\n    return this.min !== undefined && this.value <= this.min;\n  };\n\n  private isMaxValueReached = (): boolean => {\n    return this.max !== undefined && this.value >= this.max;\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\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            <input\n              id={this.inputId}\n              ref={e => (this.inputElement = e)}\n              placeholder={this.placeholder}\n              name={this.name}\n              type=\"number\"\n              required={this.required}\n              max={this.max}\n              min={this.min}\n              step={this.step}\n              value={this.value}\n              disabled={this.disabled}\n              readOnly={this.readonly}\n              onInput={this.handleInput}\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            <div class=\"stepper-spacer\"></div>\n            <div class=\"stepper\">\n              <nv-icon\n                name=\"minus\"\n                size=\"md\"\n                onClick={this.handleMinus}\n                class={clsx({ disabled: this.isMinValueReached() })}\n              />\n              <nv-icon\n                name=\"plus\"\n                size=\"md\"\n                onClick={this.handlePlus}\n                class={clsx({ disabled: this.isMaxValueReached() })}\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"],"mappings":"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","ignoreList":[]}

package/dist/native/p-826f1d28.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["nvFieldmultiselectCss","NvFieldmultiselectStyle0","NvFieldmultiselect","constructor","hostRef","this","inputId","uuidv4","maxHeight","badgeLabel","emptyresult","required","error","readonly","disabled","autocomplete","filterable","open","parsedOptions","selectedValues","sortedOptions","filterText","isFilterable","debounceDelay","modeState","isHandlingEscape","handleBadgeCloseOptions","multiselectChange","emit","items","Array","from","el","querySelectorAll","forEach","item","checked","style","display","filter","option","isDivider","reorderOptionsContent","handleBadgeCloseSlots","reorderSlotContent","handlePopoverClose","resetFilter","handleInputBlurOptions","setTimeout","contains","document","activeElement","popoverElement","hide","handleInputContainerClickOptions","event","target","tagName","show","inputContainer","querySelector","classList","add","removeFocusWithin","remove","addEventListener","handleInputContainerClickSlots","handleInputOptions","input","value","valueChanged","debounceTimer","window","clearTimeout","toLowerCase","filterItemsOption","handleInputSlots","filterSlotsItems","handleInputFocusOptions","handleInputFocusSlots","handleInputBlurSlots","togglePopoverOptions","focusFirstItem","togglePopoverSlots","connectedCallback","handleClickOutside","bind","componentWillLoad","mode","handleOptionsChange","options","requestAnimationFrame","Promise","resolve","then","hasAttribute","map","getAttribute","String","toLocaleLowerCase","filterItems","componentDidLoad","disconnectedCallback","removeEventListener","handleOpenChanged","detail","handleItemChecked","undefined","newSelectedValues","valueIndex","indexOf","push","splice","JSON","stringify","console","warn","newValue","parsedOpts","parse","isArray","watchValueHandler","setInitialSelection","watchFilterableHandler","handleSlotChange","slot","name","getFilterText","selectedItem","find","_a","textContent","trim","removeAttribute","setAttribute","inputElement","ul","emptyMessage","selectedItems","includes","unselectedItems","length","manageDivider","getSelectedValues","divider","hasEmptyMessage","appendChild","createElement","className","existingEmptyMessage","normalizedFilter","normalizeText","hasVisibleItems","opt","matchesFilter","label","visibleItems","visibleSelected","visibleUnselected","removeEmptyMessageOption","addEmptyMessageOption","visibleSelectedItems","text","normalize","replace","handleKeyDown","key","preventDefault","currentIndex","findIndex","updateHighlightedItem","isCurrentlyChecked","dispatchEvent","MouseEvent","view","bubbles","cancelable","stopPropagation","handleEscape","async","blur","index","i","scrollIntoView","block","checkbox","focus","firstItem","existingMessage","handleModeChange","shouldShowDivider","lastSelectedItem","after","renderOptionsMode","h","Host","htmlFor","ref","triggerMode","placement","class","color","dismissible","hidden","onCloseClicked","id","e","placeholder","readOnly","onInput","onFocus","onBlur","onKeyDown","onClick","tabIndex","role","size","emphasis","toString","description","renderDescriptions","renderSlotsMode","errorDescription","render"],"sources":["src/components/nv-fieldmultiselect/nv-fieldmultiselect.scss?tag=nv-fieldmultiselect","src/components/nv-fieldmultiselect/nv-fieldmultiselect.tsx"],"sourcesContent":["@import '../../styles/form-field';\n\nnv-fieldmultiselect {\n  @include form-field-variables();\n  @include form-field-root();\n\n  &[readonly]:not([readonly='false']) {\n    @include form-field-readonly-variables();\n  }\n\n  &[error]:not([error='false']) {\n    @include form-field-error-variables();\n  }\n\n  &[required]:not([required='false']) {\n    > label {\n      @include form-field-label-required();\n    }\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  nv-popover {\n    width: 100%;\n    display: block;\n  }\n\n  .input-wrapper-multiselect {\n    @include form-field-input-wrapper();\n    width: 100%;\n  }\n\n  .input-container-multiselect {\n    @include form-field-input-container();\n    display: flex;\n    align-items: center;\n    position: relative;\n    width: 100%;\n    min-height: 40px;\n    input,\n    p.non-filterable-text {\n      @include form-field-input();\n      width: 100%;\n      padding-right: 2rem;\n      flex-grow: 1;\n      margin: 0;\n      min-height: 100%;\n      box-sizing: border-box;\n    }\n\n    .toggle-dropdown-icon {\n      position: absolute;\n      right: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      z-index: 2;\n    }\n\n    nv-icon.validation {\n      @include form-field-icon();\n      position: absolute;\n      right: 50px;\n    }\n\n    &.focus-within,\n    &:hover {\n      border-color: var(--nv-field-border-focus);\n      box-shadow: 0px 0px 0px var(--focus-field-stroke)\n        var(--nv-field-focus-box-shadow);\n    }\n  }\n\n  .non-filterable-text {\n    display: block;\n    border-radius: var(--form-field-radius);\n    background-color: var(--nv-field-background);\n    color: var(--components-form-field-content-text);\n    font-size: var(--form-field-font-size);\n    font-weight: 500;\n    line-height: var(--form-field-line-height);\n    box-sizing: border-box;\n    cursor: pointer;\n    height: 100%;\n    min-height: 40px;\n\n    span {\n      display: inline-block;\n      width: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n}\n\n.input-container-multiselect.focus-within,\n.input-container-multiselect:hover {\n  border-color: var(--nv-field-border-focus);\n  box-shadow: 0px 0px 0px var(--focus-field-stroke)\n    var(--nv-field-focus-box-shadow);\n}\n\n.no-results-message {\n  text-align: center;\n  padding: 10px;\n  color: var(--nv-field-error-text, #999);\n}\n\n.multiselect-divider {\n  display: block;\n  width: 100%;\n  height: 1px;\n  background-color: var(--multiselect-divider-color, #ccc);\n  margin: 8px 0;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  State,\n  Listen,\n  Event,\n  EventEmitter,\n  Watch,\n  Method,\n} from '@stencil/core';\n\nimport { v4 as uuidv4 } from 'uuid';\nimport { TextInputAutocomplete } from '../../utils/constants';\nimport { DropdownItemSelectedEventDetail } from '../nv-fielddropdownitem/DropdownItemSelectedEventDetail';\n\n/**\n * @slot content - The content of the list.\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\n@Component({\n  tag: 'nv-fieldmultiselect',\n  styleUrl: 'nv-fieldmultiselect.scss',\n  shadow: false,\n})\nexport class NvFieldmultiselect {\n  @Element() el: HTMLNvFieldmultiselectElement;\n  private inputElement!: HTMLInputElement;\n  private popoverElement!: HTMLNvPopoverElement;\n  /**\n   * Timer for debouncing input events.\n   * Private property preferred over @State as it:\n   * - Doesn't need to trigger re-renders\n   * - Is purely for internal logic\n   * - Improves performance by avoiding Stencil's reactivity system\n   */\n  private debounceTimer: number;\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   * 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   * 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 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.\n   */\n  @Prop({ reflect: true })\n  readonly description: string;\n\n  /**\n   * Display temporary text inside the input field.\n   */\n  @Prop({ reflect: true })\n  readonly placeholder: string;\n\n  /**\n   * Defines the maximum height of the multiselect list when open.\n   */\n  @Prop({ reflect: true })\n  readonly maxHeight: string = '200px';\n\n  /**\n   * Text for the badge showing the number of selected items.\n   */\n  @Prop({ reflect: true })\n  readonly badgeLabel: string = '';\n\n  /**\n   * The text to display when no items match the filter.\n   */\n  @Prop({ reflect: true })\n  readonly emptyresult: string = 'No results found';\n\n  /**\n   * Marks the input field as required.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Alters the input field's appearance to indicate an error.\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * A description that appears when there is an error.\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription: string;\n\n  /**\n   * Display the input field's content without allowing users to change it.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Disables the input field.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * The autocomplete prop for faster input filling.\n   */\n  @Prop({ reflect: true })\n  readonly autocomplete: `${TextInputAutocomplete}` = 'off';\n\n  /**\n   * Enables or disables the filtering feature for the multiselect items.\n   */\n  @Prop({ reflect: true, mutable: true })\n  filterable: boolean = false;\n\n  /**\n   * Specifies the value of the input field.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string;\n\n  /**\n   * State of the multiselect popover.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\n\n  /**\n   * Multiselect mode: 'options' (JSON data) or 'slots' (custom items).\n   * This property is now reflected in the modeState.\n   */\n  @Prop({ reflect: true })\n  readonly mode: 'options' | 'slots';\n\n  /**\n   * List of options available in the multiselect.\n   * @description The options are passed as a JSON string.\n   * @example options='[{\"label\": \"Option 1\", \"value\": \"option1\"}, {\"label\": \"Option 2\", \"value\": \"option2\"}]'\n   */\n  @Prop({ reflect: true })\n  readonly options?: string;\n\n  /**\n   * Options configuration for the multiselect items.\n   */\n  @State()\n  parsedOptions: Array<{\n    /** Label to display for the option */\n    label: string;\n    /** Value associated with the option */\n    value: string;\n    /** Whether this option is a divider */\n    isDivider?: boolean;\n    /** Whether this option is disabled */\n    disabled?: boolean;\n    /** Additional description for the option */\n    description?: string;\n    /** Whether this option is pre-checked */\n    checked?: boolean;\n  }> = [];\n\n  /**\n   * List of selected values in the multiselect.\n   */\n  @State()\n  selectedValues: string[] = [];\n\n  /**\n   * Sorted options for display.\n   */\n  @State()\n  sortedOptions: Array<{\n    /** Label to display for the option */\n    label: string;\n    /** Value associated with the option */\n    value: string;\n    /** Whether this option is a divider */\n    isDivider?: boolean;\n  }> = [];\n\n  /**\n   * The text entered by the user for filtering multiselect items.\n   */\n  @State()\n  filterText: string = '';\n\n  /**\n   * Determines whether the multiselect is filterable.\n   */\n  @State()\n  isFilterable: boolean = this.filterable;\n\n  /**\n   * Delay in milliseconds before the search is triggered when typing in the filter input.\n   * @default 300\n   */\n  @Prop({ reflect: true })\n  readonly debounceDelay: number = 300;\n\n  /**\n   * State for the mode of the multiselect.\n   * @type {'options' | 'slots'}\n   * @default 'options'\n   */\n  @State()\n  modeState: 'options' | 'slots' = 'options'; // Default value\n\n  @State()\n  private isHandlingEscape: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  /**\n   * Subscribe to click outside event.\n   */\n  connectedCallback() {\n    document.addEventListener('click', this.handleClickOutside.bind(this));\n  }\n\n  /**\n   * Set the mode state and handle options change.\n   */\n  componentWillLoad() {\n    this.modeState = this.mode;\n\n    // Don't call handleOptionsChange if we are in slots mode\n    if (this.modeState === 'options') {\n      this.handleOptionsChange(this.options);\n    }\n\n    // Add the listener for the hide event\n    requestAnimationFrame(() => {\n      if (this.popoverElement) {\n        this.popoverElement.addEventListener('hide', () => {\n          this.handlePopoverClose();\n        });\n      }\n    });\n\n    // Specific initialization for slots mode\n    if (this.modeState === 'slots') {\n      Promise.resolve().then(() => {\n        const items = Array.from(\n          this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n        );\n\n        // Initialize selectedValues with checked items\n        this.selectedValues = items\n          .filter(item => item.hasAttribute('checked'))\n          .map(item => item.getAttribute('value') || '');\n\n        // Force a reorder after initialization\n        requestAnimationFrame(() => {\n          this.reorderSlotContent();\n        });\n      });\n    }\n\n    // Initialize the sorted options array with the parsed options for initial rendering\n    if (this.modeState === 'options') {\n      this.sortedOptions = [...this.parsedOptions];\n    }\n\n    // Apply filtering if the multiselect is filterable and there is a value\n    if (this.filterable && this.value) {\n      this.filterText = String(this.value).toLocaleLowerCase();\n      this.filterItems();\n    } else {\n      // Reset visibility state of all dropdown items\n      this.resetFilter();\n    }\n  }\n\n  /**\n   * Force reorder if options mode in componentDidLoad because of the initial render not trigger @watch\n   */\n  componentDidLoad() {\n    if (this.modeState === 'options') {\n      requestAnimationFrame(() => {\n        this.reorderOptionsContent();\n      });\n    }\n  }\n\n  /**\n   * Unsubscribe from click outside event.\n   */\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside.bind(this));\n\n    // Remove the listener for the hide event\n    if (this.popoverElement) {\n      this.popoverElement.removeEventListener('hide', () => {\n        this.handlePopoverClose();\n      });\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Event emitted when an item is selected.\n   */\n  @Event()\n  dropdownItemSelected: EventEmitter<DropdownItemSelectedEventDetail>;\n\n  /**\n   * Emitted when the input value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>;\n\n  /**\n   * Event emitted when the selection changes in the multiselect.\n   * Emits the current list of selected values.\n   */\n  @Event()\n  multiselectChange: EventEmitter<string[]>;\n\n  /**\n   * Emitted when the input loses focus.\n   * @param {CustomEvent<boolean>} event - The event object containing the focus state.\n   */\n  @Listen('openChanged')\n  handleOpenChanged(event: CustomEvent<boolean>) {\n    // Update the open state of popover\n    this.open = event.detail;\n\n    if (this.open) {\n      if (this.filterText) {\n        this.filterItems();\n      }\n    } else if (this.modeState === 'options') {\n      this.reorderOptionsContent();\n    } else {\n      this.reorderSlotContent();\n    }\n  }\n\n  /**\n   * Listen for the `itemChecked` event emitted by child items.\n   * @param {CustomEvent<{ value: string; checked: boolean }>} event - The event object containing the selected value and its checked state.\n   */\n  @Listen('itemChecked')\n  handleItemChecked(\n    event: CustomEvent<{\n      /** Value associated with the option */\n      value: string;\n      /** Whether this option is checked */\n      checked: boolean;\n    }>,\n  ) {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const { value, checked } = event.detail;\n\n    if (value !== undefined && value !== null) {\n      const newSelectedValues = [...this.selectedValues];\n      const valueIndex = newSelectedValues.indexOf(value);\n\n      if (checked && valueIndex === -1) {\n        newSelectedValues.push(value);\n      } else if (!checked && valueIndex > -1) {\n        newSelectedValues.splice(valueIndex, 1);\n      }\n\n      // Update the state and emit the event only if the selection has changed\n      if (\n        JSON.stringify(this.selectedValues) !==\n        JSON.stringify(newSelectedValues)\n      ) {\n        this.selectedValues = newSelectedValues;\n\n        // Use requestAnimationFrame to ensure the state is updated before emitting the event\n        requestAnimationFrame(() => {\n          this.multiselectChange.emit(this.selectedValues);\n        });\n      }\n    } else {\n      console.warn('Received itemChecked event with undefined or null value'); // Warning log\n    }\n  }\n\n  /**\n   * Emitted when the options change.\n   * @param {string | Array<{label: string, value: string, isDivider?: boolean, disabled?: boolean, description?: string, checked?: boolean}>} newValue - The new value of the options.\n   */\n  @Watch('options')\n  handleOptionsChange(\n    newValue:\n      | string\n      | Array<{\n          /** Label to display for the option */\n          label: string;\n          /** Value associated with the option */\n          value: string;\n          /** Whether this option is a divider */\n          isDivider?: boolean;\n          /** Whether this option is disabled */\n          disabled?: boolean;\n          /** Additional description for the option */\n          description?: string;\n          /** Whether this option is pre-checked */\n          checked?: boolean;\n        }>,\n  ) {\n    if (typeof newValue === 'string') {\n      try {\n        const parsedOpts = JSON.parse(newValue);\n        this.selectedValues = parsedOpts\n          .filter(option => option.checked)\n          .map(option => option.value);\n        this.parsedOptions = [...parsedOpts];\n      } catch (error) {\n        console.error('Error parsing options:', error);\n        this.parsedOptions = [];\n      }\n    } else if (Array.isArray(newValue)) {\n      this.selectedValues = newValue\n        .filter(option => option.checked)\n        .map(option => option.value);\n      this.parsedOptions = [...newValue];\n    } else {\n      this.parsedOptions = [];\n    }\n\n    // Wait for the options to be fully loaded\n    Promise.resolve().then(() => {\n      requestAnimationFrame(() => {\n        if (this.modeState === 'options') {\n          this.reorderOptionsContent();\n        }\n      });\n    });\n  }\n\n  /**\n   * Emitted when the value changes.\n   */\n  @Watch('value')\n  watchValueHandler() {\n    // Handle value change and update the corresponding multiselect item if it exists\n    this.setInitialSelection();\n  }\n\n  /**\n   * Emitted when the filterable property changes.\n   * @param {boolean} newValue - The new value of the filterable property.\n   */\n  @Watch('filterable')\n  watchFilterableHandler(newValue: boolean) {\n    this.isFilterable = newValue;\n    this.filterable = newValue;\n  }\n\n  // Add a listener for the slot content\n  @Listen('slotchange')\n  handleSlotChange(event: Event) {\n    // Check: we only want to reorder if it's the \"content\" slot\n    const slot = event.target as HTMLSlotElement;\n    if (slot && slot.name === 'content') {\n      // To give other platforms (VueJS, React, etc.) time to insert all their items,\n      // we place the reorder in a requestAnimationFrame\n      requestAnimationFrame(() => {\n        this.reorderSlotContent();\n      });\n    }\n  }\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Retrieves the current filter text entered by the user.\n   * @returns {string} The filter text.\n   */\n  @Method()\n  async getFilterText(): Promise<string> {\n    return this.filterText;\n  }\n\n  /**\n   * Set the initial selection based on the current value and update the inputElement value.\n   */\n  private setInitialSelection() {\n    const items = Array.from(this.el.querySelectorAll('nv-fielddropdownitem'));\n\n    const selectedItem = items.find(\n      item =>\n        item.getAttribute('label') === this.value ||\n        item.getAttribute('value') === this.value ||\n        item.textContent?.trim() === this.value,\n    );\n\n    // Remove 'selected' from all items first to reset the state\n    items.forEach(item => {\n      item.removeAttribute('selected');\n      item.classList.remove('selected');\n    });\n\n    if (selectedItem) {\n      // Add the `selected` attribute and `selected` class for visual styling\n      selectedItem.setAttribute('selected', 'true');\n      selectedItem.classList.add('selected');\n\n      // Update the value and inputElement value to reflect the pre-selected item\n      this.value =\n        selectedItem.getAttribute('label') ||\n        selectedItem.getAttribute('value') ||\n        selectedItem.textContent?.trim() ||\n        '';\n      if (this.inputElement) {\n        this.inputElement.value = this.value;\n      }\n    }\n  }\n\n  /**\n   * Reset the filter and make all items visible.\n   */\n  @Method()\n  async resetFilter(): Promise<void> {\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    // Reset visibility state of all dropdown items\n    items.forEach(item => {\n      item.style.display = '';\n    });\n\n    // Clean up filter-related UI elements\n    const ul = this.el.querySelector('ul');\n    if (ul) {\n      const emptyMessage = ul.querySelector('[data-empty]');\n      if (emptyMessage) emptyMessage.remove();\n\n      // Reorder with divider if needed\n      const selectedItems = items.filter(item =>\n        this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      const unselectedItems = items.filter(\n        item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n\n      if (selectedItems.length > 0) {\n        this.manageDivider(ul as HTMLElement, selectedItems, unselectedItems);\n      }\n    }\n  }\n\n  /**\n   * Returns the list of selected values.\n   * @returns {string[]} The selected values.\n   */\n  @Method()\n  async getSelectedValues(): Promise<string[]> {\n    return this.selectedValues;\n  }\n\n  /**\n   * Reorder the content of the slot.\n   */\n  private reorderSlotContent() {\n    if (this.modeState === 'options') return;\n\n    const ul = this.el.querySelector('ul');\n    if (!ul) return;\n\n    // Remove all existing <hr class=\"multiselect-divider\">\n    ul.querySelectorAll('hr.multiselect-divider').forEach(divider =>\n      divider.remove(),\n    );\n\n    // Retrieve all items (not hidden)\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    ).filter(item => item.style.display !== 'none');\n\n    // If you possibly have a \"No results\" message:\n    const hasEmptyMessage = ul.querySelector('[data-empty]');\n    if (hasEmptyMessage) {\n      // if there is a \"No results found\" message, do not reorder\n      return;\n    }\n\n    // Separate checked vs unchecked\n    const selectedItems = items.filter(item =>\n      this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n    const unselectedItems = items.filter(\n      item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n\n    // Reinsert CHECKED items FIRST\n    // appendChild() moves the element without recreating it\n    // this is not trigger a re-rendering of the component in the platforms\n    selectedItems.forEach(item => {\n      ul.appendChild(item); // <-- The <li> (or <nv-fielddropdownitemcheck>) is just \"moved\" to the end of the list\n    });\n\n    // Add a divider if needed\n    if (selectedItems.length > 0 && unselectedItems.length > 0) {\n      const divider = document.createElement('hr');\n      divider.className = 'multiselect-divider';\n      ul.appendChild(divider);\n    }\n\n    // Reinsert UNCHECKED items at the end\n    unselectedItems.forEach(item => {\n      ul.appendChild(item);\n    });\n  }\n\n  /**\n   * Reorder the content for options mode with async handling\n   */\n  private reorderOptionsContent() {\n    const ul = this.el.querySelector('ul[role=\"content\"]') as HTMLElement;\n    if (!ul) return;\n\n    const items = Array.from(\n      ul.querySelectorAll('nv-fielddropdownitemcheck'),\n    ).filter(item => item.style.display !== 'none');\n\n    const selectedItems = items.filter(item =>\n      this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n    const unselectedItems = items.filter(\n      item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n\n    // Reorder the elements\n    selectedItems.forEach(item => ul.appendChild(item));\n    unselectedItems.forEach(item => ul.appendChild(item));\n\n    // Manage the divider after the reordering\n    this.manageDivider(ul, selectedItems, unselectedItems);\n  }\n\n  /**\n   * Filter multiselect items based on the text entered by the user.\n   */\n  private filterItems() {\n    const ul = this.el.querySelector('ul');\n    if (!ul) return;\n\n    // Remove existing empty message if any\n    const existingEmptyMessage = ul.querySelector('[data-empty]');\n    if (existingEmptyMessage) {\n      existingEmptyMessage.remove();\n    }\n\n    if (!this.filterText.trim()) {\n      if (this.parsedOptions && this.parsedOptions.length > 0) {\n        // Reset options display\n        const items = Array.from(\n          ul.querySelectorAll('nv-fielddropdownitemcheck'),\n        );\n        items.forEach(item => {\n          item.style.display = '';\n        });\n      } else {\n        // Reset slot items display\n        const items = Array.from(\n          this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n        );\n        items.forEach(item => {\n          item.style.display = '';\n        });\n      }\n\n      // Reorder with divider\n      const items = Array.from(\n        ul.querySelectorAll('nv-fielddropdownitemcheck'),\n      );\n      const selectedItems = items.filter(item =>\n        this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      const unselectedItems = items.filter(\n        item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      this.manageDivider(ul, selectedItems, unselectedItems);\n      return;\n    }\n\n    const normalizedFilter = this.normalizeText(this.filterText);\n    let hasVisibleItems = false;\n\n    if (this.parsedOptions && this.parsedOptions.length > 0) {\n      // Filter options mode\n      const items = Array.from(\n        ul.querySelectorAll('nv-fielddropdownitemcheck'),\n      );\n\n      items.forEach(item => {\n        const option = this.parsedOptions.find(\n          opt => opt.value === item.getAttribute('value'),\n        );\n        if (option && !option.isDivider) {\n          const matchesFilter =\n            this.normalizeText(option.label).includes(normalizedFilter) ||\n            this.normalizeText(option.value).includes(normalizedFilter);\n\n          item.style.display = matchesFilter ? '' : 'none';\n          if (matchesFilter) hasVisibleItems = true;\n        }\n      });\n\n      // Manage the divider with the visible items\n      const visibleItems = items.filter(item => item.style.display !== 'none');\n      const visibleSelected = visibleItems.filter(item =>\n        this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      const visibleUnselected = visibleItems.filter(\n        item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n      );\n      this.manageDivider(ul, visibleSelected, visibleUnselected);\n    } else {\n      // Filter slot items mode\n      const items = Array.from(\n        this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n      );\n\n      items.forEach(item => {\n        const label = item.getAttribute('label') || '';\n        const value = item.getAttribute('value') || '';\n        const textContent = item.textContent || '';\n\n        const matchesFilter =\n          this.normalizeText(label).includes(normalizedFilter) ||\n          this.normalizeText(value).includes(normalizedFilter) ||\n          this.normalizeText(textContent).includes(normalizedFilter);\n\n        item.style.display = matchesFilter ? '' : 'none';\n        if (matchesFilter) hasVisibleItems = true;\n      });\n    }\n\n    // Add empty message if no items match the filter\n    if (!hasVisibleItems) {\n      const emptyMessage = document.createElement('li');\n      emptyMessage.setAttribute('data-empty', 'true');\n      emptyMessage.textContent = this.emptyresult;\n      emptyMessage.classList.add('no-results-message');\n      ul.appendChild(emptyMessage);\n    }\n\n    this.reorderSlotContent();\n  }\n\n  /**\n   * Filter multiselect items in options mode.\n   */\n  private filterItemsOption() {\n    const ul = this.el.querySelector('ul');\n    if (!ul) return;\n\n    const normalizedFilter = this.normalizeText(this.filterText);\n    let hasVisibleItems = false;\n\n    const items = Array.from(ul.querySelectorAll('nv-fielddropdownitemcheck'));\n\n    // Reset items if the filter text is empty\n    if (!this.filterText.trim()) {\n      // Remove the empty message if it exists\n      this.removeEmptyMessageOption(ul);\n      items.forEach(item => (item.style.display = ''));\n      this.reorderOptionsContent(); // Reorder after reset\n      return;\n    }\n\n    // Filter the items\n    items.forEach(item => {\n      const label = item.getAttribute('label') || '';\n      const value = item.getAttribute('value') || '';\n\n      const matchesFilter =\n        this.normalizeText(label).includes(normalizedFilter) ||\n        this.normalizeText(value).includes(normalizedFilter);\n\n      item.style.display = matchesFilter ? '' : 'none';\n      if (matchesFilter) hasVisibleItems = true;\n    });\n\n    // Manage the divider with the visible items\n    const visibleItems = items.filter(item => item.style.display !== 'none');\n    const visibleSelected = visibleItems.filter(item =>\n      this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n    const visibleUnselected = visibleItems.filter(\n      item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n\n    this.manageDivider(ul, visibleSelected, visibleUnselected);\n\n    // Add or remove the empty message based on the case\n    if (!hasVisibleItems) {\n      this.addEmptyMessageOption(ul);\n    } else {\n      this.removeEmptyMessageOption(ul);\n    }\n  }\n\n  /**\n   * Filter multiselect items in slots mode\n   */\n  private filterSlotsItems() {\n    if (this.modeState === 'options') return;\n\n    const ul = this.el.querySelector('ul');\n    if (!ul) return;\n\n    // Remove existing empty message if any\n    const existingEmptyMessage = ul.querySelector('[data-empty]');\n    if (existingEmptyMessage) {\n      existingEmptyMessage.remove();\n    }\n\n    // If filter text is empty, reset all items visibility\n    if (!this.filterText.trim()) {\n      this.resetFilter();\n      return;\n    }\n\n    const normalizedFilter = this.normalizeText(this.filterText);\n    let hasVisibleItems = false;\n\n    // Get all items and preserve them in the DOM\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    // Instead of removing/reordering, just hide/show items\n    items.forEach(item => {\n      const label = item.getAttribute('label') || '';\n      const value = item.getAttribute('value') || '';\n      const textContent = item.textContent?.trim() || '';\n\n      const matchesFilter =\n        this.normalizeText(label).includes(normalizedFilter) ||\n        this.normalizeText(value).includes(normalizedFilter) ||\n        this.normalizeText(textContent).includes(normalizedFilter);\n\n      item.style.display = matchesFilter ? '' : 'none';\n      if (matchesFilter) hasVisibleItems = true;\n    });\n\n    // Get visible items after filtering\n    const visibleItems = items.filter(item => item.style.display !== 'none');\n    const visibleSelectedItems = visibleItems.filter(item =>\n      this.selectedValues.includes(item.getAttribute('value') || ''),\n    );\n\n    this.manageDivider(\n      ul,\n      visibleSelectedItems,\n      visibleItems.filter(\n        item => !this.selectedValues.includes(item.getAttribute('value') || ''),\n      ),\n    );\n\n    // Add empty message if no items match the filter\n    if (!hasVisibleItems) {\n      const emptyMessage = document.createElement('li');\n      emptyMessage.setAttribute('data-empty', 'true');\n      emptyMessage.textContent = this.emptyresult;\n      emptyMessage.classList.add('no-results-message');\n      ul.appendChild(emptyMessage);\n    }\n  }\n\n  /**x\n   * Handle badge close for options mode.\n   */\n  private handleBadgeCloseOptions = (): void => {\n    this.selectedValues = [];\n    this.multiselectChange.emit(this.selectedValues);\n\n    // Uncheck all elements\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    items.forEach(item => {\n      item.checked = false;\n      item.style.display = '';\n    });\n\n    // Reorder options without the divider since there are no selected elements\n    this.parsedOptions = this.parsedOptions.filter(option => !option.isDivider);\n\n    // Reorder options without the divider since there are no selected elements\n    this.reorderOptionsContent();\n  };\n\n  /**\n   * Handle badge close for slots mode.\n   */\n  private handleBadgeCloseSlots = (): void => {\n    this.selectedValues = [];\n    this.multiselectChange.emit(this.selectedValues);\n\n    // Uncheck all elements\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitemcheck'),\n    );\n\n    items.forEach(item => {\n      item.checked = false;\n      item.style.display = '';\n    });\n\n    // Reorder slot content\n    this.reorderSlotContent();\n  };\n\n  /**\n   * Normalizes text by removing accents and converting to lowercase\n   * @param {string} text - The text to normalize\n   * @returns {string} The normalized text\n   *\n   * @example\n   * normalizeText(\"Café Latte\") => \"cafe latte\"\n   *\n   * @description\n   * This function performs text normalization in three steps:\n   * 1. Decomposes characters into their base form and combining characters (NFD)\n   * 2. Removes all diacritical marks (accents, umlauts, etc.)\n   * 3. Converts to lowercase and trims whitespace\n   *\n   * @see {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/normalize} - MDN documentation on String.normalize()\n   * @see {@link https://en.wikipedia.org/wiki/Unicode_equivalence#Normal_forms} - More info about Unicode normalization forms\n   */\n  private normalizeText(text: string): string {\n    return text\n      .normalize('NFD') // Decompose characters into base + combining characters (e.g., é => e + ´)\n      .replace(/[\\u0300-\\u036f]/g, '') // Remove all diacritical marks (Unicode range for combining characters)\n      .toLowerCase() // Convert to lowercase\n      .trim(); // Remove leading and trailing whitespace\n  }\n\n  /**\n   * Handle click outside the component.\n   * @param {MouseEvent} event - The click event.\n   */\n  private handleClickOutside(event: MouseEvent) {\n    if (\n      this.el.contains(event.target as Node) ||\n      (this.inputElement && this.inputElement.contains(event.target as Node))\n    ) {\n      return;\n    }\n\n    // Use handlePopoverClose for all cases\n    this.handlePopoverClose();\n  }\n\n  /**\n   * Handle popover close\n   */\n  private handlePopoverClose = () => {\n    // If we are handling Escape, ignore this event\n    if (this.isHandlingEscape) {\n      return;\n    }\n\n    this.open = false;\n    this.filterText = '';\n\n    // Only reorder based on the mode\n    if (this.modeState === 'options') {\n      this.reorderOptionsContent();\n    } else {\n      this.reorderSlotContent();\n    }\n\n    // Reset filter if needed\n    if (this.filterable) {\n      this.resetFilter();\n    }\n  };\n\n  /**\n   * Handle input blur for options mode.\n   */\n  private handleInputBlurOptions = () => {\n    setTimeout(() => {\n      if (!this.el.contains(document.activeElement)) {\n        // Close the popover without affecting the divider\n        this.open = false;\n        this.popoverElement.hide();\n\n        // Reset filter if needed\n        if (this.filterable) {\n          this.filterText = '';\n          this.resetFilter();\n        }\n      }\n    }, 150);\n  };\n\n  /**\n   * Handle keyboard events & arrow key navigation.\n   * If the multiselect is not open, opens it and focuses on the first item if the list is not filterable.\n   * If the multiselect is open, handles arrow key navigation and closes it if the focus is outside the component.\n   * @param {KeyboardEvent} event - The keyboard event.\n   */\n  @Listen('keydown', { passive: false })\n  async handleKeyDown(event: KeyboardEvent) {\n    if (!this.open) {\n      if (event.key === 'ArrowDown') {\n        this.open = true;\n        this.popoverElement.show();\n\n        // Focus on the first item if the list is not filterable\n        if (!this.filterable) {\n          requestAnimationFrame(() => {\n            this.focusFirstItem();\n          });\n        }\n\n        event.preventDefault();\n        return;\n      }\n      return;\n    }\n\n    const items = Array.from(\n      this.el.querySelectorAll(\n        'nv-fielddropdownitemcheck:not([style*=\"display: none\"])',\n      ),\n    ) as HTMLNvFielddropdownitemcheckElement[];\n\n    if (items.length === 0) {\n      console.warn('No visible items found to navigate');\n      return;\n    }\n\n    let currentIndex = items.findIndex(item =>\n      item.classList.contains('highlighted'),\n    );\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      currentIndex =\n        currentIndex === -1 ? 0 : (currentIndex + 1) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      currentIndex =\n        currentIndex === -1\n          ? items.length - 1\n          : (currentIndex - 1 + items.length) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'Enter' && currentIndex >= 0) {\n      event.preventDefault();\n      const selectedItem = items[currentIndex];\n\n      // Toggle the checked state\n      const isCurrentlyChecked = selectedItem.hasAttribute('checked');\n      selectedItem.checked = !isCurrentlyChecked;\n\n      // Trigger a click event to ensure proper event handling\n      selectedItem.dispatchEvent(\n        new MouseEvent('click', {\n          view: window,\n          bubbles: true,\n          cancelable: true,\n        }),\n      );\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n      event.stopPropagation(); // Prevent the event from propagating to the popover\n\n      // Do the reorder and wait a bit before closing\n      const handleEscape = async () => {\n        this.isHandlingEscape = true; // Disable the hide listener\n\n        if (this.modeState === 'options') {\n          this.reorderOptionsContent();\n        } else {\n          this.reorderSlotContent();\n        }\n\n        // Wait for the reorder to be applied\n        await new Promise(resolve => setTimeout(resolve, 100));\n\n        // Reactivate the hide listener after a short delay\n        setTimeout(() => {\n          this.isHandlingEscape = false;\n          this.open = false;\n          this.popoverElement.hide();\n        }, 150);\n\n        if (this.inputElement) {\n          this.inputElement.blur();\n        }\n      };\n\n      await handleEscape();\n    }\n  }\n\n  /**\n   * Updates the highlighted item in the dropdown list.\n   *\n   * @param {(HTMLNvFielddropdownitemElement | HTMLNvFielddropdownitemcheckElement)[]} items - The items to update.\n   * @param {number} index - The index of the item to highlight.\n   */\n  private updateHighlightedItem(\n    items: (\n      | HTMLNvFielddropdownitemElement\n      | HTMLNvFielddropdownitemcheckElement\n    )[],\n    index: number,\n  ) {\n    items.forEach((item, i) => {\n      if (i === index) {\n        item.classList.add('highlighted');\n        item.setAttribute('tabindex', '0');\n        item.scrollIntoView({ block: 'nearest' });\n        // Focus on the nv-fieldcheckbox inside\n        const checkbox = item.querySelector('nv-fieldcheckbox');\n        if (checkbox) {\n          (checkbox as HTMLElement).focus();\n        }\n      } else {\n        item.classList.remove('highlighted');\n        item.setAttribute('tabindex', '-1');\n      }\n    });\n  }\n\n  /**\n   * Focus on the first item in the dropdown list.\n   */\n  private focusFirstItem() {\n    const firstItem = this.el.querySelector(\n      'nv-fielddropdownitemcheck:not([style*=\"display: none\"])',\n    ) as HTMLNvFielddropdownitemcheckElement;\n\n    if (firstItem) {\n      firstItem.setAttribute('tabindex', '0');\n      firstItem.classList.add('highlighted');\n      firstItem.scrollIntoView({ block: 'nearest' });\n      // Focus on the nv-fieldcheckbox inside\n      const checkbox = firstItem.querySelector('nv-fieldcheckbox');\n      if (checkbox) {\n        (checkbox as HTMLElement).focus();\n      }\n    } else {\n      console.warn('No visible first item found to focus');\n    }\n  }\n\n  /**\n   * Handle click on the input container for options mode.\n   * @param {MouseEvent} event - The click event.\n   */\n  private handleInputContainerClickOptions = (event: MouseEvent) => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n\n    if (target.tagName === 'P' || target.tagName === 'SPAN') {\n      this.open = true;\n      this.popoverElement.show();\n\n      const inputContainer = this.el.querySelector(\n        '.input-container',\n      ) as HTMLElement;\n      if (inputContainer) {\n        inputContainer.classList.add('focus-within');\n\n        const removeFocusWithin = () => {\n          inputContainer.classList.remove('focus-within');\n        };\n\n        this.popoverElement.addEventListener('hide', removeFocusWithin);\n      }\n    }\n  };\n\n  /**\n   * Handle click on the input container for slots mode.\n   * @param {MouseEvent} event - The click event.\n   */\n  private handleInputContainerClickSlots = (event: MouseEvent) => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const target = event.target as HTMLElement;\n\n    if (target.tagName === 'P' || target.tagName === 'SPAN') {\n      this.open = true;\n      this.popoverElement.show();\n\n      const inputContainer = this.el.querySelector(\n        '.input-container',\n      ) as HTMLElement;\n      if (inputContainer) {\n        inputContainer.classList.add('focus-within');\n\n        const removeFocusWithin = () => {\n          inputContainer.classList.remove('focus-within');\n        };\n\n        this.popoverElement.addEventListener('hide', removeFocusWithin);\n      }\n    }\n  };\n\n  /**\n   * Handle input change for options mode.\n   * @param {Event} event - The input event.\n   */\n  private readonly handleInputOptions = (event: Event) => {\n    if (!this.filterable) return;\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    this.valueChanged.emit(this.value);\n\n    // Clear any existing timer\n    if (this.debounceTimer) {\n      window.clearTimeout(this.debounceTimer);\n    }\n\n    // Set a new timer for filtering\n    this.debounceTimer = window.setTimeout(() => {\n      this.filterText = input.value.toLowerCase();\n      this.filterItemsOption();\n    }, this.debounceDelay);\n  };\n\n  private addEmptyMessageOption(ul: HTMLElement) {\n    const existingMessage = ul.querySelector('[data-empty]');\n    if (existingMessage) return;\n\n    const emptyMessage = document.createElement('li');\n    emptyMessage.setAttribute('data-empty', 'true');\n    emptyMessage.textContent = this.emptyresult;\n    emptyMessage.classList.add('no-results-message');\n    ul.appendChild(emptyMessage);\n  }\n\n  private removeEmptyMessageOption(ul: HTMLElement) {\n    const existingMessage = ul.querySelector('[data-empty]');\n    if (existingMessage) existingMessage.remove();\n  }\n\n  /**\n   * Handle input change for slots mode\n   * @param {Event} event - The input event.\n   */\n  private readonly handleInputSlots = (event: Event) => {\n    if (!this.filterable) return;\n    if (this.disabled || this.readonly) return;\n\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    this.valueChanged.emit(this.value);\n\n    // Clear any existing timer\n    if (this.debounceTimer) {\n      window.clearTimeout(this.debounceTimer);\n    }\n\n    // Set a new timer for filtering\n    this.debounceTimer = window.setTimeout(() => {\n      this.filterText = input.value.toLowerCase();\n      this.filterSlotsItems();\n    }, this.debounceDelay);\n  };\n\n  /**\n   * Handle input focus for options mode.\n   */\n  private handleInputFocusOptions = () => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n    this.open = true;\n  };\n\n  /**\n   * Handle input focus for slots mode.\n   */\n  private handleInputFocusSlots = () => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n    this.open = true;\n  };\n\n  /**\n   * Handle input blur for slots mode.\n   */\n  private handleInputBlurSlots = () => {\n    setTimeout(() => {\n      if (!this.el.contains(document.activeElement)) {\n        // Fermer le popover sans affecter le divider\n        this.open = false;\n        this.popoverElement.hide();\n\n        // Reset filter if needed\n        if (this.filterable) {\n          this.filterText = '';\n          this.resetFilter();\n        }\n      }\n    }, 150);\n  };\n\n  /**\n   * Toggle the multiselect popover for options mode.\n   */\n  private togglePopoverOptions = (): void => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (this.open) {\n      this.handlePopoverClose();\n    } else {\n      this.open = true;\n      this.popoverElement.show();\n\n      if (!this.filterable) {\n        this.focusFirstItem();\n      }\n    }\n  };\n\n  /**\n   * Toggle the multiselect popover for slots mode.\n   */\n  private togglePopoverSlots = (): void => {\n    if (this.disabled || this.readonly) {\n      return;\n    }\n\n    if (this.open) {\n      this.handlePopoverClose();\n    } else {\n      this.open = true;\n      this.popoverElement.show();\n\n      if (!this.filterable) {\n        this.focusFirstItem();\n      }\n    }\n  };\n\n  /**\n   * Watch for changes in the mode prop and update modeState accordingly\n   * @param {string} newValue - The new mode value\n   */\n  @Watch('mode')\n  handleModeChange(newValue: 'options' | 'slots') {\n    this.modeState = newValue;\n  }\n\n  private manageDivider(\n    ul: HTMLElement,\n    selectedItems: Element[],\n    unselectedItems: Element[],\n  ) {\n    let divider = ul.querySelector('hr.multiselect-divider') as HTMLElement;\n    if (!divider) {\n      divider = document.createElement('hr');\n      divider.className = 'multiselect-divider';\n      ul.appendChild(divider);\n    }\n\n    const shouldShowDivider =\n      selectedItems.length > 0 && unselectedItems.length > 0;\n\n    if (shouldShowDivider) {\n      // Place the divider after the last selected item\n      const lastSelectedItem = selectedItems[selectedItems.length - 1];\n      lastSelectedItem.after(divider);\n      divider.style.display = '';\n    } else {\n      divider.style.display = 'none';\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  /**\n   * Renders the component in options mode\n   * @returns {any} The JSX for options mode\n   */\n  private renderOptionsMode() {\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        <nv-popover\n          ref={el => (this.popoverElement = el)}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div class=\"input-wrapper-multiselect\" slot=\"trigger\">\n            <slot name=\"before-input\"></slot>\n\n            <div class=\"input-container-multiselect\">\n              <slot name=\"leading-input\"></slot>\n\n              <nv-badge\n                slot=\"leading-input\"\n                prevent-auto-close=\"true\"\n                color=\"10\"\n                dismissible={this.selectedValues.length > 0}\n                hidden={this.selectedValues.length <= 0}\n                label={`${this.selectedValues.length} ${this.badgeLabel}`}\n                aria-label={`Clear all ${this.selectedValues.length} ${this.badgeLabel} items`}\n                onCloseClicked={this.handleBadgeCloseOptions}\n              ></nv-badge>\n\n              {this.isFilterable || this.disabled || this.readonly ? (\n                <input\n                  id={this.inputId}\n                  ref={e => (this.inputElement = e)}\n                  autocomplete={this.autocomplete}\n                  placeholder={this.placeholder}\n                  name={this.name}\n                  value={this.value}\n                  required={this.required}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  onInput={this.handleInputOptions}\n                  onFocus={this.handleInputFocusOptions}\n                  onBlur={this.handleInputBlurOptions}\n                  onKeyDown={this.handleKeyDown}\n                />\n              ) : (\n                <p\n                  id={this.inputId}\n                  class=\"non-filterable-text\"\n                  onClick={this.handleInputContainerClickOptions}\n                  tabIndex={0}\n                  onKeyDown={this.handleKeyDown}\n                  onFocus={this.handleInputFocusOptions}\n                  role=\"combobox\"\n                  aria-expanded={this.open}\n                >\n                  <span>{this.value || this.placeholder}</span>\n                </p>\n              )}\n\n              <nv-iconbutton\n                class=\"toggle-dropdown-icon\"\n                name={this.open ? 'chevron-top' : 'chevron-down'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n                aria-pressed={this.open.toString()}\n                onClick={this.togglePopoverOptions}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div\n            slot=\"content\"\n            role=\"listbox\"\n            aria-multiselectable=\"true\"\n            style={{ 'max-height': this.maxHeight, 'overflow-y': 'auto' }}\n          >\n            <ul role=\"content\">\n              {this.parsedOptions.map(option => (\n                <nv-fielddropdownitemcheck\n                  label={option.label}\n                  description={option.description}\n                  value={option.value}\n                  checked={this.selectedValues.includes(option.value)}\n                  disabled={option.disabled}\n                ></nv-fielddropdownitemcheck>\n              ))}\n              <hr class=\"multiselect-divider\" style={{ display: 'none' }} />\n            </ul>\n          </div>\n        </nv-popover>\n\n        {this.renderDescriptions()}\n      </Host>\n    );\n  }\n\n  /**\n   * Renders the component in slots mode\n   * @returns {any} The JSX for slots mode\n   */\n  private renderSlotsMode() {\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        <nv-popover\n          ref={el => (this.popoverElement = el)}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div class=\"input-wrapper-multiselect\" slot=\"trigger\">\n            <slot name=\"before-input\"></slot>\n\n            <div\n              class=\"input-container-multiselect\"\n              onClick={this.handleInputContainerClickSlots}\n            >\n              <slot name=\"leading-input\">\n                <p>No leading input</p>\n              </slot>\n\n              <nv-badge\n                slot=\"leading-input\"\n                prevent-auto-close=\"true\"\n                color=\"10\"\n                dismissible={this.selectedValues.length > 0}\n                hidden={this.selectedValues.length <= 0}\n                label={`${this.selectedValues.length} ${this.badgeLabel}`}\n                aria-label={`Clear all ${this.selectedValues.length} ${this.badgeLabel} items`}\n                onCloseClicked={this.handleBadgeCloseSlots}\n              ></nv-badge>\n\n              {this.isFilterable || this.disabled || this.readonly ? (\n                <input\n                  id={this.inputId}\n                  ref={e => (this.inputElement = e)}\n                  autocomplete={this.autocomplete}\n                  placeholder={this.placeholder}\n                  name={this.name}\n                  value={this.value}\n                  required={this.required}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  onInput={this.handleInputSlots}\n                  onFocus={this.handleInputFocusSlots}\n                  onBlur={this.handleInputBlurSlots}\n                  onKeyDown={this.handleKeyDown}\n                />\n              ) : (\n                <p\n                  id={this.inputId}\n                  class=\"non-filterable-text\"\n                  onClick={this.handleInputContainerClickSlots}\n                  tabIndex={0}\n                  onKeyDown={this.handleKeyDown}\n                  onFocus={this.handleInputFocusSlots}\n                  role=\"combobox\"\n                  aria-expanded={this.open}\n                >\n                  <span>{this.value || this.placeholder}</span>\n                </p>\n              )}\n\n              <nv-iconbutton\n                class=\"toggle-dropdown-icon\"\n                name={this.open ? 'chevron-top' : 'chevron-down'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n                aria-pressed={this.open.toString()}\n                onClick={this.togglePopoverSlots}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div\n            slot=\"content\"\n            role=\"listbox\"\n            aria-multiselectable=\"true\"\n            style={{ 'max-height': this.maxHeight, 'overflow-y': 'auto' }}\n          >\n            <slot name=\"content\"></slot>\n          </div>\n        </nv-popover>\n\n        {this.renderDescriptions()}\n      </Host>\n    );\n  }\n\n  /**\n   * Renders description and error description sections\n   * @returns {any} The JSX for descriptions\n   */\n  private renderDescriptions() {\n    return [\n      (this.description || this.el.querySelector('[slot=\"description\"]')) && (\n        <div class=\"description\">\n          <slot name=\"description\">{this.description}</slot>\n        </div>\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    ];\n  }\n\n  /**\n   * Main render method that decides which mode to render\n   * @returns {any} The JSX for the component\n   */\n  render() {\n    return this.modeState === 'options'\n      ? this.renderOptionsMode()\n      : this.renderSlotsMode();\n  }\n\n  //#endregion RENDER\n  /****************************************************************************/\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/p-87b93cc2.entry.js

@@ -1,2 +0,0 @@
-import{r as c,h as a,a as e}from"./p-9b093b92.js";const r="";const d=r;const s=class{constructor(a){c(this,a)}render(){return a(e,{key:"99a83706b411732ff2d2443794ab61bdc0a95c7e"},a("tr",{key:"d64ab8c5d39236cdbe4950c7d891f3aca9c696dc"},a("slot",{key:"696117c1e59fe60e0d3de5928658ba479cfeb472"})))}};s.style=d;export{s as nv_datagridrow};
-//# sourceMappingURL=p-87b93cc2.entry.js.map

package/dist/native/p-8ae9aaf1.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as b,a as c}from"./p-9b093b92.js";const e="";const r=e;const s=class{constructor(b){a(this,b)}render(){return b(c,{key:"b36e5025d1bdc47acfb8502ca733681b34bb5481"},b("tr",{key:"60d9831825ab3fe6acda82ae63336c4f2dddf52a"},b("slot",{key:"d5f7388f36ef8a3c06d2ba13c6d2b751479be426"})))}};s.style=r;export{s as nv_tablerow};
-//# sourceMappingURL=p-8ae9aaf1.entry.js.map

package/dist/native/p-8f0984b0.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as o,h as t,a as i,g as r}from"./p-9b093b92.js";import{v as n}from"./p-f5ff676c.js";const d='nv-fielddropdown{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box}nv-fielddropdown[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fielddropdown[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive)}nv-fielddropdown[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fielddropdown label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fielddropdown nv-popover{width:100%;display:block}nv-fielddropdown nv-popover [data-scope=popover]{padding:var(--list-custom-padding);background-color:var(--components-list-custom-background);border:1px solid var(--components-list-custom-border);width:100%}nv-fielddropdown nv-popover [data-scope=popover] hr{color:var(--components-list-custom-separator)}nv-fielddropdown nv-popover [slot=content]{gap:var(--list-custom-gap-y);display:flex;flex-direction:column}nv-fielddropdown .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;width:100%}nv-fielddropdown .input-container{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default);background:var(--nv-field-background);transition:all 150ms ease-out;display:flex;align-items:center;position:relative;width:100%;min-height:40px}nv-fielddropdown .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddropdown .input-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddropdown .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fielddropdown .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fielddropdown .input-container input,nv-fielddropdown .input-container p.non-filterable-text{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%;padding-right:2rem;flex-grow:1;margin:0;min-height:100%;box-sizing:border-box}nv-fielddropdown .input-container input:focus,nv-fielddropdown .input-container p.non-filterable-text:focus{outline:none}nv-fielddropdown .input-container input::placeholder,nv-fielddropdown .input-container p.non-filterable-text::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fielddropdown .input-container .toggle-dropdown-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:2}nv-fielddropdown .input-container nv-icon.validation{color:var(--nv-field-border-default);position:absolute;right:50px}nv-fielddropdown .input-container.focus-within,nv-fielddropdown .input-container:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fielddropdown .non-filterable-text{display:block;border-radius:var(--form-field-radius);background-color:var(--nv-field-background);color:var(--components-form-field-content-text);font-size:var(--form-field-font-size);font-weight:500;line-height:var(--form-field-line-height);box-sizing:border-box;cursor:pointer;height:100%;min-height:40px}nv-fielddropdown .non-filterable-text span{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis}nv-fielddropdown .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fielddropdown .error-description{align-self:stretch;color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fielddropdown hr{border:none;height:1px;background-color:var(--components-list-custom-separator);margin:0}.input-container.focus-within,.input-container:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}';const s=d;const l=class{constructor(t){e(this,t);this.dropdownItemSelected=o(this,"dropdownItemSelected",7);this.valueChanged=o(this,"valueChanged",7);this.inputId=n();this.open=false;this.autocomplete="off";this.required=false;this.error=false;this.readonly=false;this.disabled=false;this.emptyresult="No results found";this.filterText="";this.filterable=false;this.isFilterable=this.filterable;this.selectedValues=new Set;this.handleInputContainerClick=e=>{if(this.disabled||this.readonly){return}const o=e.target;if(o.tagName==="P"||o.tagName==="SPAN"){this.open=true;this.popoverElement.show();const e=this.el.querySelector(".input-container");if(e){e.classList.add("focus-within");const o=()=>{e.classList.remove("focus-within")};this.popoverElement.addEventListener("hide",o)}}};this.handleInput=e=>{if(!this.filterable)return;if(this.disabled||this.readonly){return}const o=e.target;this.filterText=o.value.toLowerCase();this.value=o.value;this.valueChanged.emit(o.value);this.filterItems()};this.handleInputFocus=()=>{if(this.disabled||this.readonly){return}this.open=true};this.handleInputBlur=()=>{setTimeout((()=>{if(!this.el.contains(document.activeElement)){this.open=false;this.popoverElement.hide()}}),150)};this.togglePopover=()=>{if(this.disabled||this.readonly){return}this.open=!this.open;if(this.open){this.popoverElement.show();if(!this.filterable){this.focusFirstItem()}}else{this.popoverElement.hide()}}}handleItemSelected(e){if(this.disabled||this.readonly)return;const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));o.forEach((o=>{if(o!==e.target){o.removeAttribute("selected");o.classList.remove("selected")}}));this.value=e.detail.value;e.target.setAttribute("selected","true");e.target.classList.add("selected");this.dropdownItemSelected.emit(e.detail);if(this.popoverElement){this.popoverElement.hide()}}handleOpenChanged(e){this.open=e.detail}watchFilterableHandler(e){this.isFilterable=e;this.filterable=e}watchValueHandler(e){if(e){this.updateSelectedItem(e)}}componentWillLoad(){if(this.value){this.updateSelectedItem(this.value)}}componentDidLoad(){document.addEventListener("click",this.handleClickOutside.bind(this));if(this.value){this.updateSelectedItem(this.value)}}connectedCallback(){document.addEventListener("click",this.handleClickOutside.bind(this));this.resetFilter();this.setInitialSelection();if(this.filterable&&this.filterText){this.filterItems()}}setInitialSelection(){var e;const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));const t=o.find((e=>{var o;return e.getAttribute("label")===this.value||e.getAttribute("value")===this.value||((o=e.textContent)===null||o===void 0?void 0:o.trim())===this.value}));o.forEach((e=>{e.removeAttribute("selected");e.classList.remove("selected")}));if(t){t.setAttribute("selected","true");t.classList.add("selected");this.value=t.getAttribute("label")||t.getAttribute("value")||((e=t.textContent)===null||e===void 0?void 0:e.trim())||"";if(this.inputElement){this.inputElement.value=this.value}}else{console.warn("No matching item found for value:",this.value)}}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside.bind(this))}filterItems(){var e;const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));const t=this.el.querySelector("nv-fielddropdownitem[data-empty]");if(t){t.remove()}let i=false;o.forEach((e=>{var o,t;const r=((o=e.textContent)===null||o===void 0?void 0:o.toLowerCase())||"";const n=((t=e.value)===null||t===void 0?void 0:t.toLowerCase())||"";const d=n.includes(this.filterText)||r.includes(this.filterText);e.style.display=d?"":"none";if(d){i=true}}));if(!i){const o=document.createElement("nv-fielddropdownitem");o.setAttribute("data-empty","true");o.setAttribute("disabled","true");o.textContent=this.emptyresult;(e=this.el.querySelector('ul[slot="content"]'))===null||e===void 0?void 0:e.appendChild(o)}}resetFilter(){const e=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));e.forEach((e=>{e.style.display=""}))}async getFilterText(){return this.filterText}handleClickOutside(e){if(this.el.contains(e.target)||this.inputElement&&this.inputElement.contains(e.target)){return}this.popoverElement.hide()}handleKeyDown(e){if(!this.open){if(e.key==="ArrowDown"){this.open=true;this.popoverElement.show();if(!this.filterable){this.focusFirstItem()}e.preventDefault();return}return}if(!this.popoverElement){console.warn("Popover element is not defined");return}const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitem:not([data-empty])"));if(o.length===0){console.warn("No dropdown items found to navigate");return}let t=o.findIndex((e=>e.classList.contains("highlighted")));if(e.key==="ArrowDown"){e.preventDefault();t=(t+1)%o.length;this.updateHighlightedItem(o,t)}else if(e.key==="ArrowUp"){e.preventDefault();t=(t-1+o.length)%o.length;this.updateHighlightedItem(o,t)}else if(e.key==="Enter"&&t>=0){e.preventDefault();o[t].click()}else if(e.key==="Escape"){e.preventDefault();this.open=false;this.popoverElement.hide();if(this.inputElement){this.inputElement.blur()}}}updateHighlightedItem(e,o){e.forEach(((e,t)=>{if(t===o){e.classList.add("highlighted");e.setAttribute("tabindex","0");e.focus();e.scrollIntoView({block:"nearest"})}else{e.classList.remove("highlighted");e.setAttribute("tabindex","-1")}}))}focusFirstItem(){const e=this.el.querySelector("nv-fielddropdownitem");if(e){e.focus();this.updateHighlightedItem(Array.from(this.el.querySelectorAll("nv-fielddropdownitem")),0)}else{console.warn("No first item found to focus")}}updateSelectedItem(e){const o=Array.from(this.el.querySelectorAll("nv-fielddropdownitem"));o.forEach((e=>{e.removeAttribute("selected");e.classList.remove("selected")}));const t=o.find((o=>{var t;const i=o.getAttribute("label");const r=o.getAttribute("value");const n=(t=o.textContent)===null||t===void 0?void 0:t.trim();return i===e||r===e||n===e}));if(t){t.setAttribute("selected","true");t.classList.add("selected");if(this.inputElement){this.inputElement.value=e}this.dropdownItemSelected.emit({value:e,label:t.getAttribute("label")||e,selected:true,disabled:t.hasAttribute("disabled")})}}render(){return t(i,{key:"2ff0476929b58734a50c303ebb6ad308f0c41602"},(this.label||this.el.querySelector('[slot="label"]'))&&t("label",{key:"87756cac62747e76d851813426c4aa560b6a5a4e",htmlFor:this.inputId},t("slot",{key:"ae2d7374b524274e86777639cd1ad5cbc5c57404",name:"label"},this.label)),t("nv-popover",{key:"ed58d72aab9b23f25cd4ec8359ce7148a43fb22e",ref:e=>this.popoverElement=e,triggerMode:"controlled",placement:"bottom-start",open:this.open},t("div",{key:"ae3e65b9274c56f012e9798f549ee62063879688",class:"input-wrapper",slot:"trigger"},t("slot",{key:"1fc77f160aebd9e21c8a79406ec1e829bd3c9265",name:"before-input"}),t("div",{key:"7502dc9df91a3b91bf1bb448e9f3cbee9f356f80",class:"input-container",onClick:this.handleInputContainerClick},t("slot",{key:"50acd86050d4357c8e7af3c8464ad34cb73382ad",name:"leading-input"}),this.isFilterable||this.disabled||this.readonly?t("input",{id:this.inputId,type:"search",ref:e=>this.inputElement=e,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,value:this.value,required:this.required,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,onKeyDown:this.handleKeyDown}):t("p",{id:this.inputId,class:"non-filterable-text",onClick:this.handleInputContainerClick,tabIndex:0,onKeyDown:this.handleKeyDown,onFocus:this.handleInputFocus},t("span",null,this.value||this.placeholder)),t("nv-iconbutton",{key:"2f8c2773754656835583484e2fa7acc0fabcffb6",class:"toggle-dropdown-icon",name:this.open?"chevron-top":"chevron-down",size:"md",emphasis:"lower","aria-label":this.open?"Hide dropdown":"Show dropdown","aria-pressed":this.open.toString(),onClick:this.togglePopover})),t("slot",{key:"26d4de108aa80b931f03201adc7b2470dc9ed526",name:"after-input"})),t("slot",{key:"b9a39773f100d2579b2a9e568c19fabbbabbcefe",name:"content"})),(this.description||this.el.querySelector('[slot="description"]'))&&t("div",{key:"220b815bc502ff4f18fe40471139efc808f6a31b",class:"description"},t("slot",{key:"6d0bfc07e3c5c5329d38e447f0c3a1974663e15b",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&t("div",{key:"0cc511a914c00de65ee9f0f2033e292b9123620c",hidden:!this.error,class:"error-description"},t("slot",{key:"f442db41fdde383abc0873bafbaabba8be1387b3",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return r(this)}static get watchers(){return{filterable:["watchFilterableHandler"],value:["watchValueHandler"]}}};l.style=s;export{l as nv_fielddropdown};
-//# sourceMappingURL=p-8f0984b0.entry.js.map

package/dist/native/p-8f0984b0.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["nvFielddropdownCss","NvFielddropdownStyle0","NVFieldDropDown","constructor","hostRef","this","inputId","uuidv4","open","autocomplete","required","error","readonly","disabled","emptyresult","filterText","filterable","isFilterable","selectedValues","Set","handleInputContainerClick","event","target","tagName","popoverElement","show","inputContainer","el","querySelector","classList","add","removeFocusWithin","remove","addEventListener","handleInput","input","value","toLowerCase","valueChanged","emit","filterItems","handleInputFocus","handleInputBlur","setTimeout","contains","document","activeElement","hide","togglePopover","focusFirstItem","handleItemSelected","items","Array","from","querySelectorAll","forEach","item","removeAttribute","detail","setAttribute","dropdownItemSelected","handleOpenChanged","watchFilterableHandler","newValue","watchValueHandler","updateSelectedItem","componentWillLoad","componentDidLoad","handleClickOutside","bind","connectedCallback","resetFilter","setInitialSelection","selectedItem","find","getAttribute","_a","textContent","trim","inputElement","console","warn","disconnectedCallback","removeEventListener","existingEmptyItem","hasVisibleItems","_b","shouldShow","includes","style","display","emptyItem","createElement","appendChild","getFilterText","handleKeyDown","key","preventDefault","length","currentIndex","findIndex","updateHighlightedItem","click","blur","index","i","focus","scrollIntoView","block","firstItem","matchingItem","itemLabel","itemValue","itemText","label","selected","hasAttribute","render","h","Host","htmlFor","name","ref","triggerMode","placement","class","slot","onClick","id","type","e","placeholder","readOnly","onInput","onFocus","onBlur","onKeyDown","tabIndex","size","emphasis","toString","description","errorDescription","hidden"],"sources":["src/components/nv-fielddropdown/nv-fielddropdown.scss?tag=nv-fielddropdown","src/components/nv-fielddropdown/nv-fielddropdown.tsx"],"sourcesContent":["@import '../../styles/form-field';\n\nnv-fielddropdown {\n  @include form-field-variables();\n  @include form-field-root();\n\n  &[readonly]:not([readonly='false']) {\n    @include form-field-readonly-variables();\n  }\n\n  &[error]:not([error='false']) {\n    @include form-field-error-variables();\n  }\n\n  &[required]:not([required='false']) label {\n    @include form-field-label-required();\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  nv-popover {\n    width: 100%;\n    display: block;\n  }\n\n  nv-popover  [data-scope=popover]{\n    padding: var(--list-custom-padding);\n    background-color: var(--components-list-custom-background);\n    border: 1px solid var(--components-list-custom-border);\n    width: 100%;\n    \n    hr{\n      color : var(--components-list-custom-separator);\n    }\n  }\n\n  nv-popover [slot=content] {\n    gap: var(--list-custom-gap-y);\n    display: flex;\n    flex-direction: column;\n  }\n\n  .input-wrapper {\n    @include form-field-input-wrapper();\n    width: 100%;\n  }\n\n  .input-container {\n    @include form-field-input-container();\n    display: flex;\n    align-items: center;\n    position: relative;\n    width: 100%;\n    min-height: 40px;\n    input,\n    p.non-filterable-text {\n      @include form-field-input();\n      width: 100%;\n      padding-right: 2rem;\n      flex-grow: 1;\n      margin: 0;\n      min-height: 100%;\n      box-sizing: border-box;\n    }\n\n    .toggle-dropdown-icon {\n      position: absolute;\n      right: 0;\n      top: 50%;\n      transform: translateY(-50%);\n      z-index: 2;\n    }\n\n    nv-icon.validation {\n      @include form-field-icon();\n      position: absolute;\n      right: 50px;\n    }\n\n    &.focus-within,\n    &:hover {\n      border-color: var(--nv-field-border-focus);\n      box-shadow: 0px 0px 0px var(--focus-field-stroke)\n        var(--nv-field-focus-box-shadow);\n    }\n  }\n\n  .non-filterable-text {\n    display: block;\n    border-radius: var(--form-field-radius);\n    background-color: var(--nv-field-background);\n    color: var(--components-form-field-content-text);\n    font-size: var(--form-field-font-size);\n    font-weight: 500;\n    line-height: var(--form-field-line-height);\n    box-sizing: border-box;\n    cursor: pointer;\n    height: 100%;\n    min-height: 40px;\n\n    span {\n      display: inline-block;\n      width: 100%;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n\n  hr {\n    border: none;\n    height: 1px;\n    background-color: var(--components-list-custom-separator);\n    margin: 0;\n  }\n}\n\n.input-container.focus-within,\n.input-container:hover {\n  border-color: var(--nv-field-border-focus);\n  box-shadow: 0px 0px 0px var(--focus-field-stroke)\n    var(--nv-field-focus-box-shadow);\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  State,\n  Listen,\n  Event,\n  EventEmitter,\n  Watch,\n  Method,\n} from '@stencil/core';\n\nimport { v4 as uuidv4 } from 'uuid';\nimport { TextInputAutocomplete } from '../../utils/constants';\nimport { DropdownItemSelectedEventDetail } from '../nv-fielddropdownitem/DropdownItemSelectedEventDetail';\n\n/**\n * @slot content - Use a <ul></ul> tag for the slot, and place <nv-dropdownitem> elements inside.\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\n@Component({\n  tag: 'nv-fielddropdown',\n  styleUrl: 'nv-fielddropdown.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NVFieldDropDown {\n  @Element() el: HTMLNvFielddropdownElement;\n  private inputElement!: HTMLInputElement;\n  private popoverElement!: HTMLNvPopoverElement;\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  @Prop({ reflect: true })\n  readonly 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   * The placeholder is displayed only when the filterable option is enabled.\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   * State of the dropdown popover.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\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   * 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   * Marks the input field as required, ensuring that the user must fill it out\n   * before submitting the form.\n   */\n  @Prop({ reflect: true })\n  readonly required: 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 dropdown\n   * field.\n   * @validator message\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription: string;\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   * 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   * The text to display when no items match the filter.\n   */\n  @Prop({ reflect: true })\n  readonly emptyresult: string = 'No results found';\n\n  /**\n   * The text entered by the user for filtering dropdown items.\n   */\n  @State()\n  filterText: string = '';\n\n  /**\n   * Enables or disables the filtering feature for the dropdown items.\n   */\n  @Prop({ reflect: true, mutable: true })\n  filterable: boolean = false;\n\n  @State()\n  isFilterable: boolean = this.filterable;\n\n  @State()\n  selectedValues: Set<string> = new Set();\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Event emitted when an item is selected.\n   */\n  @Event()\n  dropdownItemSelected: EventEmitter<DropdownItemSelectedEventDetail>;\n\n  @Listen('itemSelected')\n  handleItemSelected(event: CustomEvent<DropdownItemSelectedEventDetail>) {\n    if (this.disabled || this.readonly) return;\n\n    // Retrieve all nv-fielddropdownitem elements present in the dropdown.\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    // For each item, remove the 'selected' attribute and the 'selected' class.\n    items.forEach(item => {\n      if (item !== event.target) {\n        item.removeAttribute('selected');\n        item.classList.remove('selected');\n      }\n    });\n\n    // Update the value and emit the event with the selected item.\n    this.value = event.detail.value;\n    (event.target as HTMLNvFielddropdownitemElement).setAttribute(\n      'selected',\n      'true',\n    );\n    (event.target as HTMLElement).classList.add('selected');\n    this.dropdownItemSelected.emit(event.detail);\n\n    // Close the popover after selecting.\n    if (this.popoverElement) {\n      this.popoverElement.hide();\n    }\n  }\n\n  /**\n   * Emitted when the input value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>;\n\n  @Listen('openChanged')\n  handleOpenChanged(event: CustomEvent<boolean>) {\n    this.open = event.detail; // Update `open` based on the popover state\n  }\n\n  @Watch('filterable')\n  watchFilterableHandler(newValue: boolean) {\n    this.isFilterable = newValue;\n    this.filterable = newValue;\n  }\n\n  @Watch('value')\n  watchValueHandler(newValue: string) {\n    if (newValue) {\n      this.updateSelectedItem(newValue);\n    }\n  }\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region METHODS\n\n  componentWillLoad() {\n    if (this.value) {\n      // If an initial value exists, set it as selected\n      this.updateSelectedItem(this.value);\n    }\n  }\n\n  componentDidLoad() {\n    document.addEventListener('click', this.handleClickOutside.bind(this));\n\n    // Check again after complete rendering\n    if (this.value) {\n      this.updateSelectedItem(this.value);\n    }\n  }\n\n  /**\n   * Subscribe to click outside event.\n   */\n  connectedCallback() {\n    document.addEventListener('click', this.handleClickOutside.bind(this));\n\n    // First, reset the filter to ensure all elements are visible\n    this.resetFilter();\n\n    // Then, handle the pre-selection\n    this.setInitialSelection();\n\n    // Finally, apply the filter if needed\n    if (this.filterable && this.filterText) {\n      this.filterItems();\n    }\n  }\n\n  /**\n   * Set the initial selection based on the current value and update the inputElement value.\n   */\n  private setInitialSelection() {\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    const selectedItem = items.find(\n      item =>\n        item.getAttribute('label') === this.value ||\n        item.getAttribute('value') === this.value ||\n        item.textContent?.trim() === this.value,\n    );\n\n    items.forEach(item => {\n      item.removeAttribute('selected');\n      item.classList.remove('selected');\n    });\n\n    if (selectedItem) {\n      selectedItem.setAttribute('selected', 'true');\n      selectedItem.classList.add('selected');\n      this.value =\n        selectedItem.getAttribute('label') ||\n        selectedItem.getAttribute('value') ||\n        selectedItem.textContent?.trim() ||\n        '';\n      if (this.inputElement) {\n        this.inputElement.value = this.value;\n      }\n    } else {\n      console.warn('No matching item found for value:', this.value);\n    }\n  }\n\n  /**\n   * Unsubscribe from click outside event.\n   */\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside.bind(this));\n  }\n\n  /**\n   * Handle click on the input container.\n   * @param {MouseEvent} event - The click event.\n   */\n  private handleInputContainerClick = (event: MouseEvent) => {\n    if (this.disabled || this.readonly) {\n      return; // Do nothing if the dropdown is disabled or read-only\n    }\n\n    const target = event.target as HTMLElement;\n\n    // Check if it is the paragraph or another part of the container\n    if (target.tagName === 'P' || target.tagName === 'SPAN') {\n      this.open = true;\n      this.popoverElement.show();\n\n      // Simulate focus to trigger \"focus-within\" style\n      const inputContainer = this.el.querySelector(\n        '.input-container',\n      ) as HTMLElement;\n      if (inputContainer) {\n        inputContainer.classList.add('focus-within');\n\n        // Remove the \"focus-within\" class after a delay or when the popover is closed\n        const removeFocusWithin = () => {\n          inputContainer.classList.remove('focus-within');\n        };\n\n        // Or remove the class when the popover is closed\n        this.popoverElement.addEventListener('hide', removeFocusWithin);\n      }\n    }\n  };\n\n  /**\n   * Handle input change.\n   * @param {Event} event - The input event.\n   */\n  private handleInput = (event: Event) => {\n    if (!this.filterable) return; // Do not filter if `filterable` is false\n    if (this.disabled || this.readonly) {\n      return; // Do not toggle the state if the dropdown is disabled or read-only\n    }\n    const input = event.target as HTMLInputElement;\n    this.filterText = input.value.toLowerCase();\n    this.value = input.value; // Update the value\n    this.valueChanged.emit(input.value); // Emit an event if needed\n    this.filterItems(); // Update the visibility of items\n  };\n\n  /**\n   * Filter dropdown items based on the text entered by the user.\n   * If no items are found, display a message indicating no results.\n   */\n  private filterItems() {\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    // Remove the \"no results found\" item if it exists\n    const existingEmptyItem = this.el.querySelector(\n      'nv-fielddropdownitem[data-empty]',\n    );\n    if (existingEmptyItem) {\n      existingEmptyItem.remove();\n    }\n\n    let hasVisibleItems = false;\n\n    // Iterate over all items and adjust their visibility\n    items.forEach(item => {\n      const textContent = item.textContent?.toLowerCase() || ''; // Get the textual content of the slot\n      const value = item.value?.toLowerCase() || ''; // Get the value of the `value` attribute\n\n      // Check if the filtered text is present either in the value or in the textual content\n      const shouldShow =\n        value.includes(this.filterText) ||\n        textContent.includes(this.filterText);\n\n      item.style.display = shouldShow ? '' : 'none'; // Hide or show the item\n\n      if (shouldShow) {\n        hasVisibleItems = true;\n      }\n    });\n\n    // If no items are visible, add the \"no results found\" item\n    if (!hasVisibleItems) {\n      const emptyItem = document.createElement('nv-fielddropdownitem');\n      emptyItem.setAttribute('data-empty', 'true');\n      emptyItem.setAttribute('disabled', 'true');\n      emptyItem.textContent = this.emptyresult;\n      this.el.querySelector('ul[slot=\"content\"]')?.appendChild(emptyItem);\n    }\n  }\n\n  /**\n   * Reset the filter and make all items visible.\n   */\n  private resetFilter() {\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    items.forEach(item => {\n      item.style.display = '';\n    });\n  }\n\n  /**\n   * Retrieves the current filter text entered by the user.\n   * @returns {string} The filter text.\n   */\n  @Method()\n  async getFilterText(): Promise<string> {\n    return this.filterText;\n  }\n\n  /**\n   * Handle click outside the component.\n   * @param {MouseEvent} event - The click event.\n   */\n  private handleClickOutside(event: MouseEvent) {\n    if (\n      this.el.contains(event.target as Node) ||\n      (this.inputElement && this.inputElement.contains(event.target as Node))\n    ) {\n      return;\n    }\n    this.popoverElement.hide();\n  }\n\n  /**\n   * Handle input focus.\n   */\n  private handleInputFocus = () => {\n    if (this.disabled || this.readonly) {\n      return; // Do not toggle the state if the dropdown is disabled or read-only\n    }\n    this.open = true; // Force the popover to open\n  };\n\n  /**\n   * Handle input blur.\n   */\n  private handleInputBlur = () => {\n    // Use a delay to check if the focus is still within the popover\n    setTimeout(() => {\n      if (!this.el.contains(document.activeElement)) {\n        this.open = false;\n        this.popoverElement.hide(); // Close the popover if the focus is outside the component\n      }\n    }, 150);\n  };\n\n  /**\n   * Toggle the dropdown popover.\n   * @returns {void}\n   */\n  private togglePopover = (): void => {\n    if (this.disabled || this.readonly) {\n      return; // Do not toggle if disabled or read-only\n    }\n\n    this.open = !this.open;\n    if (this.open) {\n      this.popoverElement.show();\n\n      // Si le dropdown n'est pas filtrable, focus sur le premier élément\n      if (!this.filterable) {\n        this.focusFirstItem();\n      }\n    } else {\n      this.popoverElement.hide();\n    }\n  };\n\n  @Listen('keydown', { passive: false })\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.open) {\n      if (event.key === 'ArrowDown') {\n        this.open = true;\n        this.popoverElement.show();\n\n        if (!this.filterable) {\n          // Focus sur le premier élément si ce n'est pas filtrable\n          this.focusFirstItem();\n        }\n\n        event.preventDefault();\n        return;\n      }\n      return;\n    }\n\n    // Vérifiez si le popover est défini avant de chercher les items\n    if (!this.popoverElement) {\n      console.warn('Popover element is not defined');\n      return;\n    }\n\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem:not([data-empty])'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    // Vérifiez si les items existent\n    if (items.length === 0) {\n      console.warn('No dropdown items found to navigate');\n      return;\n    }\n\n    let currentIndex = items.findIndex(item =>\n      item.classList.contains('highlighted'),\n    );\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      currentIndex = (currentIndex + 1) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      currentIndex = (currentIndex - 1 + items.length) % items.length;\n      this.updateHighlightedItem(items, currentIndex);\n    } else if (event.key === 'Enter' && currentIndex >= 0) {\n      event.preventDefault();\n      items[currentIndex].click();\n    } else if (event.key === 'Escape') {\n      event.preventDefault();\n      this.open = false;\n      this.popoverElement.hide();\n      if (this.inputElement) {\n        this.inputElement.blur();\n      }\n    }\n  }\n\n  private updateHighlightedItem(\n    items: HTMLNvFielddropdownitemElement[],\n    index: number,\n  ) {\n    items.forEach((item, i) => {\n      if (i === index) {\n        item.classList.add('highlighted');\n        item.setAttribute('tabindex', '0');\n        item.focus(); // Forcer le focus ici\n        item.scrollIntoView({ block: 'nearest' });\n      } else {\n        item.classList.remove('highlighted');\n        item.setAttribute('tabindex', '-1');\n      }\n    });\n  }\n\n  private focusFirstItem() {\n    const firstItem = this.el.querySelector('nv-fielddropdownitem');\n    if (firstItem) {\n      (firstItem as HTMLElement).focus();\n      this.updateHighlightedItem(\n        Array.from(\n          this.el.querySelectorAll('nv-fielddropdownitem'),\n        ) as HTMLNvFielddropdownitemElement[],\n        0,\n      );\n    } else {\n      console.warn('No first item found to focus');\n    }\n  }\n\n  private updateSelectedItem(value: string) {\n    const items = Array.from(\n      this.el.querySelectorAll('nv-fielddropdownitem'),\n    ) as HTMLNvFielddropdownitemElement[];\n\n    // Reset all items\n    items.forEach(item => {\n      item.removeAttribute('selected');\n      item.classList.remove('selected');\n    });\n\n    // Find the item matching the value\n    const matchingItem = items.find(item => {\n      const itemLabel = item.getAttribute('label');\n      const itemValue = item.getAttribute('value');\n      const itemText = item.textContent?.trim();\n\n      return itemLabel === value || itemValue === value || itemText === value;\n    });\n\n    if (matchingItem) {\n      // Mark the item as selected\n      matchingItem.setAttribute('selected', 'true');\n      matchingItem.classList.add('selected');\n\n      // Update the input\n      if (this.inputElement) {\n        this.inputElement.value = value;\n      }\n\n      // Emit the selection event\n      this.dropdownItemSelected.emit({\n        value: value,\n        label: matchingItem.getAttribute('label') || value,\n        selected: true,\n        disabled: matchingItem.hasAttribute('disabled'),\n      });\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\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        <nv-popover\n          ref={el => (this.popoverElement = el as HTMLNvPopoverElement)}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div class=\"input-wrapper\" slot=\"trigger\">\n            <slot name=\"before-input\"></slot>\n\n            <div\n              class=\"input-container\"\n              onClick={this.handleInputContainerClick}\n            >\n              <slot name=\"leading-input\"></slot>\n\n              {this.isFilterable || this.disabled || this.readonly ? (\n                <input\n                  id={this.inputId}\n                  type=\"search\"\n                  ref={e => (this.inputElement = e)}\n                  autocomplete={this.autocomplete}\n                  placeholder={this.placeholder}\n                  name={this.name}\n                  value={this.value}\n                  required={this.required}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  onInput={this.handleInput}\n                  onFocus={this.handleInputFocus}\n                  onBlur={this.handleInputBlur}\n                  onKeyDown={this.handleKeyDown} // Gérer les touches fléchées ici\n                />\n              ) : (\n                <p\n                  id={this.inputId}\n                  class=\"non-filterable-text\"\n                  onClick={this.handleInputContainerClick}\n                  tabIndex={0} // Ajout du tabindex pour permettre de le focus\n                  onKeyDown={this.handleKeyDown} // Gérer les touches fléchées ici également\n                  onFocus={this.handleInputFocus}\n                >\n                  <span>{this.value || this.placeholder}</span>\n                </p>\n              )}\n\n              <nv-iconbutton\n                class=\"toggle-dropdown-icon\"\n                name={this.open ? 'chevron-top' : 'chevron-down'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide dropdown' : 'Show dropdown'}\n                aria-pressed={this.open.toString()}\n                onClick={this.togglePopover}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <slot name=\"content\"></slot>\n        </nv-popover>\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  //#endregion RENDER\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/p-9341cf9d.entry.js

@@ -1,2 +0,0 @@
-import{r as c,h as l,a}from"./p-9b093b92.js";import{c as t}from"./p-8a1a6e56.js";const i="nv-col{display:block;flex:1 1 0%;padding-left:calc(var(--spacing-4) / 2);padding-right:calc(var(--spacing-4) / 2)}nv-col[class*=w-]{flex:none}nv-col.w-1\\/12{width:calc(100% * 1 / 12)}nv-col.w-2\\/12{width:calc(100% * 2 / 12)}nv-col.w-3\\/12{width:calc(100% * 3 / 12)}nv-col.w-4\\/12{width:calc(100% * 4 / 12)}nv-col.w-5\\/12{width:calc(100% * 5 / 12)}nv-col.w-6\\/12{width:calc(100% * 6 / 12)}nv-col.w-7\\/12{width:calc(100% * 7 / 12)}nv-col.w-8\\/12{width:calc(100% * 8 / 12)}nv-col.w-9\\/12{width:calc(100% * 9 / 12)}nv-col.w-10\\/12{width:calc(100% * 10 / 12)}nv-col.w-11\\/12{width:calc(100% * 11 / 12)}nv-col.w-12\\/12{width:calc(100% * 12 / 12)}";const n=i;const o=class{constructor(l){c(this,l)}getColSize(){if(this.size){if(this.size<1||this.size>12)return;return`w-${this.size}/12`}}render(){return l(a,{key:"b3ef4b6e10022cdb97e2ea6238ba99b5a84c5c82",class:t(this.getColSize())},l("slot",{key:"a77821b6384d2abc78233bfa966795b99db785ff"}))}};o.style=n;export{o as nv_col};
-//# sourceMappingURL=p-9341cf9d.entry.js.map

package/dist/native/p-967f1aee.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as t,a as e,g as n}from"./p-9b093b92.js";import{c as r}from"./p-8a1a6e56.js";const i='nv-iconbutton.root{display:inline-flex;justify-content:center;align-items:center;font-style:normal;font-weight:500;font-family:"TT Norms Pro", sans-serif;transition:background-color 150ms ease-out;height:fit-content;width:fit-content}nv-iconbutton.size-xs{padding:var(--button-xs-icon-button-padding);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);font-size:var(--button-xs-font-size)}nv-iconbutton.size-sm{padding:var(--button-sm-icon-button-padding);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);font-size:var(--button-sm-font-size)}nv-iconbutton.size-md{padding:var(--button-md-icon-button-padding);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size)}nv-iconbutton.size-lg{padding:var(--button-lg-icon-button-padding);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);font-size:var(--button-lg-font-size)}nv-iconbutton.emphasis-high{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-iconbutton.emphasis-high:hover{background:var(--components-button-high-background-hover);color:var(--components-button-high-text-hover)}nv-iconbutton.emphasis-high:focus,nv-iconbutton.emphasis-high:focus-within{outline:none}nv-iconbutton.emphasis-high:focus-visible,nv-iconbutton.emphasis-high:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-high:disabled{background:var(--components-button-high-background);color:var(--components-button-high-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-high nv-icon>svg{color:var(--components-button-high-icon)}nv-iconbutton.emphasis-medium{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-iconbutton.emphasis-medium:hover{background:var(--components-button-medium-background-hover);color:var(--components-button-medium-text-hover)}nv-iconbutton.emphasis-medium:focus,nv-iconbutton.emphasis-medium:focus-within{outline:none}nv-iconbutton.emphasis-medium:focus-visible,nv-iconbutton.emphasis-medium:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-medium:disabled{background:var(--components-button-medium-background);color:var(--components-button-medium-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-medium nv-icon>svg{color:var(--components-button-medium-icon)}nv-iconbutton.emphasis-low{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-iconbutton.emphasis-low:hover{background:var(--components-button-low-background-hover);color:var(--components-button-low-text-hover)}nv-iconbutton.emphasis-low:focus,nv-iconbutton.emphasis-low:focus-within{outline:none}nv-iconbutton.emphasis-low:focus-visible,nv-iconbutton.emphasis-low:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-low:disabled{background:var(--components-button-low-background);color:var(--components-button-low-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-low nv-icon>svg{color:var(--components-button-low-icon)}nv-iconbutton.emphasis-lower{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-iconbutton.emphasis-lower:hover{background:var(--components-button-lower-background-hover);color:var(--components-button-lower-text-hover)}nv-iconbutton.emphasis-lower:focus,nv-iconbutton.emphasis-lower:focus-within{outline:none}nv-iconbutton.emphasis-lower:focus-visible,nv-iconbutton.emphasis-lower:has(:focus-visible){outline:var(--focus-outline-stroke) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-iconbutton.emphasis-lower:disabled{background:var(--components-button-lower-background);color:var(--components-button-lower-text);opacity:0.5;cursor:not-allowed;box-shadow:none}nv-iconbutton.emphasis-lower nv-icon>svg{color:var(--components-button-lower-icon)}nv-iconbutton.loading [slot=leading-icon]{display:none}nv-iconbutton.shape-rounded{border-radius:var(--radius-rounded-full)}';const a=i;const s=class{constructor(t){o(this,t);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.size="md";this.emphasis="high";this.loading=false;this.disabled=false;this.active=false;this.type="button";this.shape="square";this.handleClick=o=>{var t,e,n,r;if(this.disabled){o.preventDefault();return}if(this.type==="submit"){(e=(t=this.internals)===null||t===void 0?void 0:t.form)===null||e===void 0?void 0:e.requestSubmit()}if(this.type==="reset"){(r=(n=this.internals)===null||n===void 0?void 0:n.form)===null||r===void 0?void 0:r.reset()}}}handleLoadingChange(o){this.loading=o;this.disabled=o}handleDisabledChange(o){if(this.loading){this.disabled=this.loading}else{this.disabled=o}}componentWillLoad(){if(this.loading){this.disabled=this.loading}}render(){return t(e,{key:"da500bc993c56223fbbef59de813d6abc4edae66",role:"button",type:this.type,tabindex:"0",disabled:this.disabled?true:undefined,class:r("root",`size-${this.size}`,`emphasis-${this.emphasis}`,this.loading&&"loading",`shape-${this.shape}`),onClick:this.handleClick},this.loading&&t("nv-loader",{key:"853eb4bb3b24acab512e4a97d1d62d9f9868c54b",size:this.size}),!this.loading&&t("nv-icon",{key:"ae37d9c53d96da31230b0ea783ba90873bc63fd3",name:this.name,size:this.size}),t("slot",{key:"e244d12cf966dc1636eee84dcf4ce91a8982127e"}))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}}};s.style=a;const d='@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}nv-loader{display:inline-block;position:relative;aspect-ratio:1/1;border-radius:9999px;color:inherit}nv-loader.size-xs{width:var(--loader-size-xs);height:var(--loader-size-xs)}nv-loader.size-xs::before,nv-loader.size-xs::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-xs::before{content:" ";border:calc(var(--loader-size-xs) / 10) solid;opacity:0.3}nv-loader.size-xs::after{content:" ";border-top:calc(var(--loader-size-xs) / 10) solid transparent;border-left:calc(var(--loader-size-xs) / 10) solid transparent;border-right:calc(var(--loader-size-xs) / 10) solid transparent;border-bottom:calc(var(--loader-size-xs) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-sm{width:var(--loader-size-sm);height:var(--loader-size-sm)}nv-loader.size-sm::before,nv-loader.size-sm::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-sm::before{content:" ";border:calc(var(--loader-size-sm) / 10) solid;opacity:0.3}nv-loader.size-sm::after{content:" ";border-top:calc(var(--loader-size-sm) / 10) solid transparent;border-left:calc(var(--loader-size-sm) / 10) solid transparent;border-right:calc(var(--loader-size-sm) / 10) solid transparent;border-bottom:calc(var(--loader-size-sm) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-md{width:var(--loader-size-md);height:var(--loader-size-md)}nv-loader.size-md::before,nv-loader.size-md::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-md::before{content:" ";border:calc(var(--loader-size-md) / 10) solid;opacity:0.3}nv-loader.size-md::after{content:" ";border-top:calc(var(--loader-size-md) / 10) solid transparent;border-left:calc(var(--loader-size-md) / 10) solid transparent;border-right:calc(var(--loader-size-md) / 10) solid transparent;border-bottom:calc(var(--loader-size-md) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-lg{width:var(--loader-size-lg);height:var(--loader-size-lg)}nv-loader.size-lg::before,nv-loader.size-lg::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-lg::before{content:" ";border:calc(var(--loader-size-lg) / 10) solid;opacity:0.3}nv-loader.size-lg::after{content:" ";border-top:calc(var(--loader-size-lg) / 10) solid transparent;border-left:calc(var(--loader-size-lg) / 10) solid transparent;border-right:calc(var(--loader-size-lg) / 10) solid transparent;border-bottom:calc(var(--loader-size-lg) / 10) solid;animation:rotation 1s linear infinite}nv-loader.size-xl{width:var(--loader-size-xl);height:var(--loader-size-xl)}nv-loader.size-xl::before,nv-loader.size-xl::after{content:" ";position:absolute;top:0;left:0;border-radius:inherit;width:100%;height:100%}nv-loader.size-xl::before{content:" ";border:calc(var(--loader-size-xl) / 10) solid;opacity:0.3}nv-loader.size-xl::after{content:" ";border-top:calc(var(--loader-size-xl) / 10) solid transparent;border-left:calc(var(--loader-size-xl) / 10) solid transparent;border-right:calc(var(--loader-size-xl) / 10) solid transparent;border-bottom:calc(var(--loader-size-xl) / 10) solid;animation:rotation 1s linear infinite}nv-loader.color-brand::before{border-color:var(--components-loader-brand-background);opacity:1}nv-loader.color-brand::after{border-bottom-color:var(--components-loader-brand-foreground)}nv-loader.color-white::before{border-color:var(--components-loader-white-background);opacity:1}nv-loader.color-white::after{border-bottom-color:var(--components-loader-white-foreground)}';const l=d;const c=class{constructor(t){o(this,t);this.size="md"}render(){return t(e,{key:"d47cddef84d79aa07307501fc9aa43d33ae79287",class:r(this.size&&`size-${this.size}`,this.color&&`color-${this.color}`)})}};c.style=l;export{s as nv_iconbutton,c as nv_loader};
-//# sourceMappingURL=p-967f1aee.entry.js.map

package/dist/native/p-967f1aee.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["nvIconbuttonCss","NvIconbuttonStyle0","NvIconbutton","constructor","hostRef","this","size","emphasis","loading","disabled","active","type","shape","handleClick","event","preventDefault","_b","_a","internals","form","requestSubmit","_d","_c","reset","handleLoadingChange","handleDisabledChange","componentWillLoad","render","h","Host","key","role","tabindex","undefined","class","clsx","onClick","name","nvLoaderCss","NvLoaderStyle0","NvLoader","color"],"sources":["src/components/nv-iconbutton/nv-iconbutton.scss?tag=nv-iconbutton","src/components/nv-iconbutton/nv-iconbutton.tsx","src/components/nv-loader/nv-loader.scss?tag=nv-loader","src/components/nv-loader/nv-loader.tsx"],"sourcesContent":["@use \"sass:map\";\n@import \"../../styles/focus-ring\";\n\n/* Variants */\n$button-sizes: (\"xs\", \"sm\", \"md\", \"lg\");\n$button-emphasis: (\"high\", \"medium\", \"low\", \"lower\");\n\n/* Define maps for size-related variables */\n$button-icon-button-padding: (\n  \"xs\": var(--button-xs-icon-button-padding),\n  \"sm\": var(--button-sm-icon-button-padding),\n  \"md\": var(--button-md-icon-button-padding),\n  \"lg\": var(--button-lg-icon-button-padding)\n);\n\n$button-gap: (\n  \"xs\": var(--button-xs-gap),\n  \"sm\": var(--button-sm-gap),\n  \"md\": var(--button-md-gap),\n  \"lg\": var(--button-lg-gap)\n);\n\n$button-border-radius: (\n  \"xs\": var(--button-xs-border-radius),\n  \"sm\": var(--button-sm-border-radius),\n  \"md\": var(--button-md-border-radius),\n  \"lg\": var(--button-lg-border-radius)\n);\n\n$button-line-height: (\n  \"xs\": var(--button-xs-line-height),\n  \"sm\": var(--button-sm-line-height),\n  \"md\": var(--button-md-line-height),\n  \"lg\": var(--button-lg-line-height)\n);\n\n$button-font-size: (\n  \"xs\": var(--button-xs-font-size),\n  \"sm\": var(--button-sm-font-size),\n  \"md\": var(--button-md-font-size),\n  \"lg\": var(--button-lg-font-size)\n);\n\n/* Define maps for emphasis-related variables */\n$components-button-background: (\n  \"high\": var(--components-button-high-background),\n  \"medium\": var(--components-button-medium-background),\n  \"low\": var(--components-button-low-background),\n  \"lower\": var(--components-button-lower-background)\n);\n\n$components-button-border: (\n  \"high\": var(--components-button-high-border),\n  \"medium\": var(--components-button-medium-border),\n  \"low\": var(--components-button-low-border),\n  \"lower\": var(--components-button-lower-border)\n);\n\n$components-button-text: (\n  \"high\": var(--components-button-high-text),\n  \"medium\": var(--components-button-medium-text),\n  \"low\": var(--components-button-low-text),\n  \"lower\": var(--components-button-lower-text)\n);\n\n$components-button-background-hover: (\n  \"high\": var(--components-button-high-background-hover),\n  \"medium\": var(--components-button-medium-background-hover),\n  \"low\": var(--components-button-low-background-hover),\n  \"lower\": var(--components-button-lower-background-hover)\n);\n\n$components-button-text-hover: (\n  \"high\": var(--components-button-high-text-hover),\n  \"medium\": var(--components-button-medium-text-hover),\n  \"low\": var(--components-button-low-text-hover),\n  \"lower\": var(--components-button-lower-text-hover)\n);\n\n$components-button-icon: (\n  \"high\": var(--components-button-high-icon),\n  \"medium\": var(--components-button-medium-icon),\n  \"low\": var(--components-button-low-icon),\n  \"lower\": var(--components-button-lower-icon)\n);\n\n@mixin root-styles() {\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  font-style: normal;\n  font-weight: 500;\n  font-family: \"TT Norms Pro\", sans-serif;\n  transition: background-color 150ms ease-out;\n  height: fit-content;\n  width: fit-content;\n}\n\n@mixin size-styles($size) {\n  padding: map.get($button-icon-button-padding, $size);\n  gap: map.get($button-gap, $size);\n  border-radius: map.get($button-border-radius, $size);\n  line-height: map.get($button-line-height, $size);\n  font-size: map.get($button-font-size, $size);\n}\n\n@mixin emphasis-styles($emphasis) {\n  background: map.get($components-button-background, $emphasis);\n  border: 1px solid map.get($components-button-border, $emphasis);\n  color: map.get($components-button-text, $emphasis);\n\n  &:hover {\n    background: map.get($components-button-background-hover, $emphasis);\n    color: map.get($components-button-text-hover, $emphasis);\n  }\n\n  @include focus-ring();\n\n  &:disabled {\n    background: map.get($components-button-background, $emphasis);\n    color: map.get($components-button-text, $emphasis);\n    opacity: 0.5;\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n\n  & nv-icon > svg {\n    color: map.get($components-button-icon, $emphasis);\n  }\n}\n\nnv-iconbutton {\n  &.root {\n    @include root-styles();\n  }\n\n  @each $size in $button-sizes {\n    &.size-#{$size} {\n      @include size-styles($size);\n    }\n  }\n\n  @each $emphasis in $button-emphasis {\n    &.emphasis-#{$emphasis} {\n      @include emphasis-styles($emphasis);\n    }\n  }\n\n  &.loading {\n    [slot=\"leading-icon\"] {\n      display: none;\n    }\n  }\n\n  &.shape-rounded {\n    border-radius: var(--radius-rounded-full);\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  AttachInternals,\n  Element,\n  Watch,\n} from '@stencil/core';\nimport clsx from 'clsx';\n\nimport {\n  ButtonSize,\n  ButtonEmphasis,\n  ButtonType,\n  IconButtonShape,\n} from '../../utils/constants';\nimport { IconName } from '../nv-icon/nv-icons';\n\n/**\n * @slot default - Content of the button.\n */\n@Component({\n  tag: 'nv-iconbutton',\n  shadow: false,\n  formAssociated: true,\n  styleUrl: 'nv-iconbutton.scss',\n  scoped: false,\n})\nexport class NvIconbutton {\n  @AttachInternals() internals: ElementInternals;\n  @Element() el: HTMLNvIconbuttonElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Determines how large or small the button appears, allowing for\n   * customization of the button's dimensions to fit different design\n   * specifications and user needs.\n   */\n  @Prop({ reflect: true })\n  readonly size: `${ButtonSize}` = 'md';\n\n  /**\n   * Adjusts the button’s emphasis to make it more or less visually prominent\n   * to users. Use this to draw attention to important actions or reduce focus\n   * on less critical ones.\n   */\n  @Prop({ reflect: true })\n  readonly emphasis: `${ButtonEmphasis}` = 'high';\n\n  /**\n   * Set this to true to show a spinner on the button, letting users know that\n   * their action is being processed. It helps improve user experience by\n   * indicating ongoing activities. The icon is not displayed when the button\n   * is loading. Also, the button is disabled. If you want to disable the\n   * button, it is not possible. It is automatically disabled when loading.\n   */\n  @Prop({ reflect: true, mutable: true })\n  loading: boolean = false;\n\n  /**\n   * Disables the button, preventing user interaction.\n   */\n  @Prop({ mutable: true, reflect: true })\n  disabled: boolean = false;\n\n  /**\n   * Makes the button look active when it’s within a compatible component\n   * like a button group.\n   */\n  @Prop({ reflect: true })\n  readonly active: boolean = false;\n\n  /**\n   * Choose the icon you want to display. This also sets the aria-label for\n   * improved accessibility, helping users who rely on screen readers.\n   * The icon is not displayed when the button is loading.\n   */\n  @Prop({ reflect: true })\n  readonly name: `${IconName}` | string;\n\n  /**\n   * Sets the button type to control its function in forms. Use 'submit' to send\n   * form data, 'reset' to clear the form, or 'button' for a standard button\n   * that doesn’t interact with form submission by default.\n   */\n  @Prop({ reflect: true })\n  readonly type: `${ButtonType}` = 'button';\n\n  /**\n   * Sets the shape of the button. Choose between square and rounded.\n   */\n  @Prop({ reflect: true })\n  readonly shape: `${IconButtonShape}` = 'square';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles form-related actions when the button is clicked.\n   * - Submits the form if the button type is 'submit'.\n   * - Resets the form if the button type is 'reset'.\n   * @param {Event} event - The click event.\n   */\n  private handleClick = (event: Event) => {\n    if (this.disabled) {\n      event.preventDefault();\n      return;\n    }\n\n    if (this.type === 'submit') {\n      this.internals?.form?.requestSubmit();\n    }\n    if (this.type === 'reset') {\n      this.internals?.form?.reset();\n    }\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('loading')\n  handleLoadingChange(loading: boolean) {\n    this.loading = loading;\n    this.disabled = loading;\n  }\n\n  @Watch('disabled')\n  handleDisabledChange(disabled: boolean) {\n    if (this.loading) {\n      this.disabled = this.loading;\n    } else {\n      this.disabled = disabled;\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    if (this.loading) {\n      this.disabled = this.loading;\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host\n        role=\"button\"\n        type={this.type}\n        tabindex=\"0\"\n        disabled={this.disabled ? true : undefined}\n        class={clsx(\n          'root',\n          `size-${this.size}`,\n          `emphasis-${this.emphasis}`,\n          this.loading && 'loading',\n          `shape-${this.shape}`,\n        )}\n        onClick={this.handleClick}\n      >\n        {this.loading && <nv-loader size={this.size}></nv-loader>}\n\n        {!this.loading && <nv-icon name={this.name} size={this.size} />}\n\n        <slot></slot>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n","@use \"sass:map\";\n\n/* Variants */\n$loader-sizes: (\"xs\", \"sm\", \"md\", \"lg\", \"xl\");\n$loader-color: (\"brand\", \"white\");\n\n/* Define maps for color-related variables */\n$components-loader-background: (\n  \"brand\": var(--components-loader-brand-background),\n  \"white\": var(--components-loader-white-background)\n);\n\n$components-loader-foreground: (\n  \"brand\": var(--components-loader-brand-foreground),\n  \"white\": var(--components-loader-white-foreground)\n);\n\n/* Define maps for size-related variables */\n$components-loader-size: (\n  \"xs\": var(--loader-size-xs),\n  \"sm\": var(--loader-size-sm),\n  \"md\": var(--loader-size-md),\n  \"lg\": var(--loader-size-lg),\n  \"xl\": var(--loader-size-xl)\n);\n\n@mixin root-styles() {\n  display: inline-block;\n  position: relative;\n  aspect-ratio: 1 / 1;\n  border-radius: 9999px;\n  color: inherit;\n}\n\n@mixin size-styles($size) {\n  $loader-size: map.get($components-loader-size, $size);\n  $border-size: calc($loader-size / 10);\n\n  width: $loader-size;\n  height: $loader-size;\n\n  &::before,\n  &::after {\n    content: \" \";\n    position: absolute;\n    top: 0;\n    left: 0;\n    border-radius: inherit;\n    width: 100%;\n    height: 100%;\n  }\n\n  &::before {\n    content: \" \";\n    border: $border-size solid;\n    opacity: 0.3;\n  }\n\n  &::after {\n    content: \" \";\n    border-top: $border-size solid transparent;\n    border-left: $border-size solid transparent;\n    border-right: $border-size solid transparent;\n    border-bottom: $border-size solid;\n    animation: rotation 1s linear infinite;\n  }\n}\n\n@mixin color-styles($color) {\n  &::before {\n    border-color: map.get($components-loader-background, $color);\n    opacity: 1;\n  }\n\n  &::after {\n    border-bottom-color: map.get($components-loader-foreground, $color);\n  }\n}\n\n@keyframes rotation {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\nnv-loader {\n  @include root-styles();\n\n  @each $size in $loader-sizes {\n    &.size-#{$size} {\n      @include size-styles($size);\n    }\n  }\n\n  @each $color in $loader-color {\n    &.color-#{$color} {\n      @include color-styles($color);\n    }\n  }\n}\n","import { Component, Host, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\nimport { SemanticSizes, LoaderColors } from '../../utils/constants';\n\n@Component({\n  tag: 'nv-loader',\n  styleUrl: 'nv-loader.scss',\n  shadow: false,\n})\nexport class NvLoader {\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Choose the size of the loader to best fit your application’s needs, whether\n   * it’s a small spinner for subtle loading indicators or a large one for more\n   * prominent displays.\n   */\n  @Prop({ reflect: true })\n  readonly size: `${SemanticSizes}` = 'md';\n\n  /**\n   * Choose the color of the loader. Options are primary and white to keep the\n   * design consistent and ensure the loader stands out or blends in\n   * appropriately with your application’s interface.\n   */\n  @Prop({ reflect: true })\n  readonly color: `${LoaderColors}`;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region RENDER\n\n  /* <slot> empty to force rendering change */\n  render() {\n    return (\n      <Host\n        class={clsx(\n          this.size && `size-${this.size}`,\n          this.color && `color-${this.color}`,\n        )}\n      ></Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"6FAAA,MAAMA,EAAkB,6nJACxB,MAAAC,EAAeD,E,MC4BFE,EAAY,MAPzB,WAAAC,CAAAC,G,0KAoBWC,KAAAC,KAAwB,KAQxBD,KAAAE,SAAgC,OAUzCF,KAAAG,QAAmB,MAMnBH,KAAAI,SAAoB,MAOXJ,KAAAK,OAAkB,MAgBlBL,KAAAM,KAAwB,SAMxBN,KAAAO,MAA8B,SAY/BP,KAAAQ,YAAeC,I,YACrB,GAAIT,KAAKI,SAAU,CACjBK,EAAMC,iBACN,M,CAGF,GAAIV,KAAKM,OAAS,SAAU,EAC1BK,GAAAC,EAAAZ,KAAKa,aAAS,MAAAD,SAAA,SAAAA,EAAEE,QAAI,MAAAH,SAAA,SAAAA,EAAEI,e,CAExB,GAAIf,KAAKM,OAAS,QAAS,EACzBU,GAAAC,EAAAjB,KAAKa,aAAS,MAAAI,SAAA,SAAAA,EAAEH,QAAI,MAAAE,SAAA,SAAAA,EAAEE,O,GAS1B,mBAAAC,CAAoBhB,GAClBH,KAAKG,QAAUA,EACfH,KAAKI,SAAWD,C,CAIlB,oBAAAiB,CAAqBhB,GACnB,GAAIJ,KAAKG,QAAS,CAChBH,KAAKI,SAAWJ,KAAKG,O,KAChB,CACLH,KAAKI,SAAWA,C,EAQpB,iBAAAiB,GACE,GAAIrB,KAAKG,QAAS,CAChBH,KAAKI,SAAWJ,KAAKG,O,EAQzB,MAAAmB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,SACLpB,KAAMN,KAAKM,KACXqB,SAAS,IACTvB,SAAUJ,KAAKI,SAAW,KAAOwB,UACjCC,MAAOC,EACL,OACA,QAAQ9B,KAAKC,OACb,YAAYD,KAAKE,WACjBF,KAAKG,SAAW,UAChB,SAASH,KAAKO,SAEhBwB,QAAS/B,KAAKQ,aAEbR,KAAKG,SAAWoB,EAAA,aAAAE,IAAA,2CAAWxB,KAAMD,KAAKC,QAErCD,KAAKG,SAAWoB,EAAA,WAAAE,IAAA,2CAASO,KAAMhC,KAAKgC,KAAM/B,KAAMD,KAAKC,OAEvDsB,EAAA,QAAAE,IAAA,6C,6KC9KR,MAAMQ,EAAc,wmHACpB,MAAAC,EAAeD,E,MCSFE,EAAQ,MALrB,WAAArC,CAAAC,G,UAeWC,KAAAC,KAA2B,I,CAepC,MAAAqB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHI,MAAOC,EACL9B,KAAKC,MAAQ,QAAQD,KAAKC,OAC1BD,KAAKoC,OAAS,SAASpC,KAAKoC,U","ignoreList":[]}

package/dist/native/p-9b093b92.js

@@ -1,3 +0,0 @@
-const e="native";const t={allRenderFn:true,appendChildSlotFix:true,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:true,cmpDidLoad:true,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:true,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:true,experimentalSlotFixes:true,formAssociated:true,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:true,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,modernPropertyDecls:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:true,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:false,slot:true,slotChildNodesFix:true,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:false,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:true};var n=Object.defineProperty;var l=(e,t)=>{for(var l in t)n(e,l,{get:t[l],enumerable:true})};var r={};var i="http://www.w3.org/2000/svg";var s="http://www.w3.org/1999/xhtml";var o=new WeakMap;var f=e=>o.get(e);var a=(e,t)=>{o.set(t.t=e,t)};var c=(e,t)=>{const n={l:0,$hostElement$:e,i:t,o:new Map};{n.u=new Promise((e=>n.v=e))}{n.h=new Promise((e=>n.p=e));e["s-p"]=[];e["s-rc"]=[]}const l=o.set(e,n);return l};var u=(e,t)=>t in e;var v=(e,t)=>(0,console.error)(e,t);var d=new Map;var h=(e,t,n)=>{const l=e.m.replace(/-/g,"_");const r=e.$;if(!r){return void 0}const i=d.get(r);if(i){return i[l]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${r}.entry.js${""}`).then((e=>{{d.set(r,e)}return e[l]}),v)};var p=new Map;var m="r";var $="o";var b="s";var y="t";var g="c";var w="s-id";var S="sty-id";var O="c-id";var j="{visibility:hidden}.hydrated{visibility:inherit}";var C="slot-fb{display:contents}slot-fb[hidden]{display:none}";var k=["formAssociatedCallback","formResetCallback","formDisabledCallback","formStateRestoreCallback"];var x=typeof window!=="undefined"?window:{};var E=x.document||{head:{}};var T=x.HTMLElement||class{};var L={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)};var R=t.shadowDom;var D=(()=>{let e=false;try{E.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var A=e=>Promise.resolve(e);var F=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var M=false;var N=[];var P=[];var I=(e,t)=>n=>{e.push(n);if(!M){M=true;if(t&&L.l&4){B(W)}else{L.raf(W)}}};var U=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){v(e)}}e.length=0};var W=()=>{U(N);{U(P);if(M=N.length>0){L.raf(W)}}};var B=e=>A().then(e);var H=I(P,true);var _=e=>{e=typeof e;return e==="object"||e==="function"};function z(e){var t,n,l;return(l=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?l:void 0}var Q={};l(Q,{err:()=>q,map:()=>G,ok:()=>V,unwrap:()=>K,unwrapErr:()=>X});var V=e=>({isOk:true,isErr:false,value:e});var q=e=>({isOk:false,isErr:true,value:e});function G(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>V(e)))}else{return V(n)}}if(e.isErr){const t=e.value;return q(t)}throw"should never get here"}var K=e=>{if(e.isOk){return e.value}else{throw e.value}};var X=e=>{if(e.isErr){return e.value}else{throw e.value}};var J=e=>{const t=e.__childNodes||e.childNodes;if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){Y(t,e.tagName).forEach((e=>{var t;if(e.nodeType===1&&e.tagName==="SLOT-FB"){if((t=Z(e,e["s-sn"],false))==null?void 0:t.length){e.hidden=true}else{e.hidden=false}}}))}for(const e of t){if(e.nodeType===1&&(e.__childNodes||e.childNodes).length){J(e)}}};var Y=(e,t,n)=>{let l=0;let r=[];let i;for(;l<e.length;l++){i=e[l];if(i["s-sr"]&&i["s-hn"]===t&&(!n||i["s-sn"]===n)){r.push(i);if(typeof n!=="undefined")return r}r=[...r,...Y(i.childNodes,t,n)]}return r};var Z=(e,t,n=true)=>{const l=[];if(n&&e["s-sr"]||!e["s-sr"])l.push(e);while((e=e.nextSibling)&&e["s-sn"]===t){l.push(e)}return l};var ee=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var te=(e,t,n,l)=>{let r;if(e["s-ol"]&&e["s-ol"].isConnected){r=e["s-ol"]}else{r=document.createTextNode("");r["s-nr"]=e}if(!t["s-cr"]||!t["s-cr"].parentNode)return;const i=t["s-cr"].parentNode;const s=n?i.__prepend||i.prepend:i.__appendChild||i.appendChild;if(typeof l!=="undefined"){{r["s-oo"]=l;const e=i.__childNodes||i.childNodes;const t=[r];e.forEach((e=>{if(e["s-nr"])t.push(e)}));t.sort(((e,t)=>{if(!e["s-oo"]||e["s-oo"]<t["s-oo"])return-1;else if(!t["s-oo"]||t["s-oo"]<e["s-oo"])return 1;return 0}));t.forEach((e=>s.call(i,e)))}}else{s.call(i,r)}e["s-ol"]=r;e["s-sh"]=t["s-hn"]};var ne=(e,t,...n)=>{let l=null;let r=null;let i=null;let s=false;let o=false;const f=[];const a=t=>{for(let n=0;n<t.length;n++){l=t[n];if(Array.isArray(l)){a(l)}else if(l!=null&&typeof l!=="boolean"){if(s=typeof e!=="function"&&!_(l)){l=String(l)}if(s&&o){f[f.length-1].O+=l}else{f.push(s?le(null,l):l)}o=s}}};a(n);if(t){if(t.key){r=t.key}if(t.name){i=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}const c=le(e,null);c.j=t;if(f.length>0){c.C=f}{c.k=r}{c.T=i}return c};var le=(e,t)=>{const n={l:0,L:e,O:t,R:null,C:null};{n.j=null}{n.k=null}{n.T=null}return n};var re={};var ie=e=>e&&e.L===re;var se=(e,t,n,l,r,i)=>{if(n!==l){let s=u(e,t);let o=t.toLowerCase();if(t==="class"){const t=e.classList;const r=fe(n);let i=fe(l);if(e["s-si"]){i.push(e["s-si"]);r.forEach((t=>{if(t.startsWith(e["s-si"]))i.push(t)}));i=[...new Set(i)];t.add(...i);delete e["s-si"]}else{t.remove(...r.filter((e=>e&&!i.includes(e))));t.add(...i.filter((e=>e&&!r.includes(e))))}}else if(t==="style"){{for(const t in n){if(!l||l[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in l){if(!n||l[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,l[t])}else{e.style[t]=l[t]}}}}else if(t==="key");else if(t==="ref"){if(l){l(e)}}else if(!s&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(u(x,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(n||l){const r=t.endsWith(ae);t=t.replace(ce,"");if(n){L.rel(e,t,n,r)}if(l){L.ael(e,t,l,r)}}}else{const o=_(l);if((s||o&&l!==null)&&!r){try{if(!e.tagName.includes("-")){const r=l==null?"":l;if(t==="list"){s=false}else if(n==null||e[t]!=r){if(typeof e.__lookupSetter__(t)==="function"){e[t]=r}else{e.setAttribute(t,r)}}}else{e[t]=l}}catch(e){}}if(l==null||l===false){if(l!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!s||i&4||r)&&!o){l=l===true?"":l;{e.setAttribute(t,l)}}}}};var oe=/\s/;var fe=e=>{if(typeof e==="object"&&"baseVal"in e){e=e.baseVal}if(!e){return[]}return e.split(oe)};var ae="Capture";var ce=new RegExp(ae+"$");var ue=(e,t,n)=>{const l=t.R.nodeType===11&&t.R.host?t.R.host:t.R;const i=e&&e.j||r;const s=t.j||r;{for(const e of ve(Object.keys(i))){if(!(e in s)){se(l,e,i[e],void 0,n,t.l)}}}for(const e of ve(Object.keys(s))){se(l,e,i[e],s[e],n,t.l)}};function ve(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var de;var he;var pe=false;var me=false;var $e=false;var be=false;var ye=(e,n,l)=>{var r;const o=n.C[l];let f=0;let a;let c;let u;if(!pe){$e=true;if(o.L==="slot"){o.l|=o.C?2:1}}if(o.O!==null){a=o.R=E.createTextNode(o.O)}else if(o.l&1){a=o.R=E.createTextNode("")}else{if(!be){be=o.L==="svg"}a=o.R=E.createElementNS(be?i:s,!pe&&t.slotRelocation&&o.l&2?"slot-fb":o.L);if(be&&o.L==="foreignObject"){be=false}{ue(null,o,be)}if(o.C){for(f=0;f<o.C.length;++f){c=ye(e,o,f);if(c){a.appendChild(c)}}}{if(o.L==="svg"){be=false}else if(a.tagName==="foreignObject"){be=true}}}a["s-hn"]=he;{if(o.l&(2|1)){a["s-sr"]=true;a["s-cr"]=de;a["s-sn"]=o.T||"";a["s-rf"]=(r=o.j)==null?void 0:r.ref;u=e&&e.C&&e.C[l];if(u&&u.L===o.L&&e.R){{ge(e.R)}}}}return a};var ge=e=>{L.l|=1;const t=e.closest(he.toLowerCase());if(t!=null){const n=Array.from(t.__childNodes||t.childNodes).find((e=>e["s-cr"]));const l=Array.from(e.__childNodes||e.childNodes);for(const e of n?l.reverse():l){if(e["s-sh"]!=null){Re(t,e,n!=null?n:null);e["s-sh"]=void 0;$e=true}}}L.l&=~1};var we=(e,n)=>{L.l|=1;const l=Array.from(e.__childNodes||e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===he){l.push(t)}}}for(let e=l.length-1;e>=0;e--){const t=l[e];if(t["s-hn"]!==he&&t["s-ol"]){Re(ke(t).parentNode,t,ke(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;$e=true}if(n){we(t,n)}}L.l&=~1};var Se=(e,t,n,l,r,i)=>{let s=e["s-cr"]&&e["s-cr"].parentNode||e;let o;for(;r<=i;++r){if(l[r]){o=ye(null,n,r);if(o){l[r].R=o;Re(s,o,ke(t))}}}};var Oe=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.R;Le(t);if(e){{me=true;if(e["s-ol"]){e["s-ol"].remove()}else{we(e,true)}}e.remove()}}}};var je=(e,t,n,l,r=false)=>{let i=0;let s=0;let o=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=l.length-1;let d=l[0];let h=l[v];let p;let m;while(i<=a&&s<=v){if(c==null){c=t[++i]}else if(u==null){u=t[--a]}else if(d==null){d=l[++s]}else if(h==null){h=l[--v]}else if(Ce(c,d,r)){xe(c,d,r);c=t[++i];d=l[++s]}else if(Ce(u,h,r)){xe(u,h,r);u=t[--a];h=l[--v]}else if(Ce(c,h,r)){if(c.L==="slot"||h.L==="slot"){we(c.R.parentNode,false)}xe(c,h,r);Re(e,c.R,u.R.nextSibling);c=t[++i];h=l[--v]}else if(Ce(u,d,r)){if(c.L==="slot"||h.L==="slot"){we(u.R.parentNode,false)}xe(u,d,r);Re(e,u.R,c.R);u=t[--a];d=l[++s]}else{o=-1;{for(f=i;f<=a;++f){if(t[f]&&t[f].k!==null&&t[f].k===d.k){o=f;break}}}if(o>=0){m=t[o];if(m.L!==d.L){p=ye(t&&t[s],n,o)}else{xe(m,d,r);t[o]=void 0;p=m.R}d=l[++s]}else{p=ye(t&&t[s],n,s);d=l[++s]}if(p){{Re(ke(c.R).parentNode,p,ke(c.R))}}}}if(i>a){Se(e,l[v+1]==null?null:l[v+1].R,n,l,s,v)}else if(s>v){Oe(t,i,a)}};var Ce=(e,t,n=false)=>{if(e.L===t.L){if(e.L==="slot"){return e.T===t.T}if(!n){return e.k===t.k}if(n&&!e.k&&t.k){e.k=t.k}return true}return false};var ke=e=>e&&e["s-ol"]||e;var xe=(e,n,l=false)=>{const r=n.R=e.R;const i=e.C;const s=n.C;const o=n.L;const f=n.O;let a;if(f===null){{be=o==="svg"?true:o==="foreignObject"?false:be}{if(o==="slot"&&!pe){if(e.T!==n.T){n.R["s-sn"]=n.T||"";ge(n.R.parentElement)}}else{ue(e,n,be)}}if(i!==null&&s!==null){je(r,i,n,s,l)}else if(s!==null){if(e.O!==null){r.textContent=""}Se(r,null,n,s,0,s.length-1)}else if(!l&&t.updatable&&i!==null){Oe(i,0,i.length-1)}if(be&&o==="svg"){be=false}}else if(a=r["s-cr"]){a.parentNode.textContent=f}else if(e.O!==f){r.data=f}};var Ee=[];var Te=e=>{let t;let n;let l;const r=e.__childNodes||e.childNodes;for(const e of r){if(e["s-sr"]&&(t=e["s-cr"])&&t.parentNode){n=t.parentNode.__childNodes||t.parentNode.childNodes;const r=e["s-sn"];for(l=n.length-1;l>=0;l--){t=n[l];if(!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==e["s-hn"]&&(!t["s-sh"]||t["s-sh"]!==e["s-hn"])){if(ee(t,r)){let n=Ee.find((e=>e.D===t));me=true;t["s-sn"]=t["s-sn"]||r;if(n){n.D["s-sh"]=e["s-hn"];n.A=e}else{t["s-sh"]=e["s-hn"];Ee.push({A:e,D:t})}if(t["s-sr"]){Ee.map((e=>{if(ee(e.D,t["s-sn"])){n=Ee.find((e=>e.D===t));if(n&&!e.A){e.A=n.A}}}))}}else if(!Ee.some((e=>e.D===t))){Ee.push({D:t})}}}}if(e.nodeType===1){Te(e)}}};var Le=e=>{{e.j&&e.j.ref&&e.j.ref(null);e.C&&e.C.map(Le)}};var Re=(e,t,n)=>{const l=e==null?void 0:e.insertBefore(t,n);return l};var De=(e,t,n=false)=>{var l,r,i,s,o;const f=e.$hostElement$;const a=e.i;const c=e.F||le(null,null);const u=ie(t)?t:ne(null,null,t);he=f.tagName;if(a.M){u.j=u.j||{};a.M.map((([e,t])=>u.j[t]=f[e]))}if(n&&u.j){for(const e of Object.keys(u.j)){if(f.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){u.j[e]=f[e]}}}u.L=null;u.l|=4;e.F=u;u.R=c.R=f;pe=R;{de=f["s-cr"];me=false}xe(c,u,n);{L.l|=1;if($e){Te(u.R);for(const e of Ee){const t=e.D;if(!t["s-ol"]){const e=E.createTextNode("");e["s-nr"]=t;Re(t.parentNode,t["s-ol"]=e,t)}}for(const e of Ee){const t=e.D;const o=e.A;if(o){const e=o.parentNode;let n=o.nextSibling;if(n&&n.nodeType===1){let i=(l=t["s-ol"])==null?void 0:l.previousSibling;while(i){let l=(r=i["s-nr"])!=null?r:null;if(l&&l["s-sn"]===t["s-sn"]&&e===l.parentNode){l=l.nextSibling;while(l===t||(l==null?void 0:l["s-sr"])){l=l==null?void 0:l.nextSibling}if(!l||!l["s-nr"]){n=l;break}}i=i.previousSibling}}if(!n&&e!==t.parentNode||t.nextSibling!==n){if(t!==n){Re(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(i=t["s-ih"])!=null?i:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](t)}else{if(t.nodeType===1){if(n){t["s-ih"]=(s=t.hidden)!=null?s:false}t.hidden=true}}}}if(me){J(u.R)}L.l&=~1;Ee.length=0}if(a.l&2){const e=u.R.__childNodes||u.R.childNodes;for(const t of e){if(t["s-hn"]!==he&&!t["s-sh"]){if(n&&t["s-ih"]==null){t["s-ih"]=(o=t.hidden)!=null?o:false}t.hidden=true}}}de=void 0};var Ae=e=>{if(!e||e.__nextSibling||!globalThis.Node)return;Fe(e);Ne(e);if(e.nodeType===Node.ELEMENT_NODE){Me(e);Pe(e)}};var Fe=e=>{if(!e||e.__nextSibling)return;We("nextSibling",e);Object.defineProperty(e,"nextSibling",{get:function(){var e;const t=(e=this["s-ol"])==null?void 0:e.parentNode.childNodes;const n=t==null?void 0:t.indexOf(this);if(t&&n>-1){return t[n+1]}return this.__nextSibling}})};var Me=e=>{if(!e||e.__nextElementSibling)return;We("nextElementSibling",e);Object.defineProperty(e,"nextElementSibling",{get:function(){var e;const t=(e=this["s-ol"])==null?void 0:e.parentNode.children;const n=t==null?void 0:t.indexOf(this);if(t&&n>-1){return t[n+1]}return this.__nextElementSibling}})};var Ne=e=>{if(!e||e.__previousSibling)return;We("previousSibling",e);Object.defineProperty(e,"previousSibling",{get:function(){var e;const t=(e=this["s-ol"])==null?void 0:e.parentNode.childNodes;const n=t==null?void 0:t.indexOf(this);if(t&&n>-1){return t[n-1]}return this.__previousSibling}})};var Pe=e=>{if(!e||e.__previousElementSibling)return;We("previousElementSibling",e);Object.defineProperty(e,"previousElementSibling",{get:function(){var e;const t=(e=this["s-ol"])==null?void 0:e.parentNode.children;const n=t==null?void 0:t.indexOf(this);if(t&&n>-1){return t[n-1]}return this.__previousElementSibling}})};var Ie=["children","nextElementSibling","previousElementSibling"];var Ue=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent"];function We(e,t){let n;if(Ie.includes(e)){n=Object.getOwnPropertyDescriptor(Element.prototype,e)}else if(Ue.includes(e)){n=Object.getOwnPropertyDescriptor(Node.prototype,e)}if(!n){n=Object.getOwnPropertyDescriptor(t,e)}if(n)Object.defineProperty(t,"__"+e,n)}var Be=(e,t="")=>{{return()=>{}}};var He=(e,t)=>{{return()=>{}}};var _e=(e,t,n,l)=>{const r=Be("hydrateClient",t);const i=e.shadowRoot;const s=[];const o=[];const f=[];const a=null;const c=le(t,null);c.R=e;if(!L.N){Qe(E.body,L.N=new Map)}e[w]=n;e.removeAttribute(w);l.F=ze(c,s,o,a,e,e,n,f);let u=0;const v=s.length;let d;for(u;u<v;u++){d=s[u];const n=d.P+"."+d.I;const l=L.N.get(n);const r=d.R;if(!i){r["s-hn"]=t.toUpperCase();if(d.L==="slot"){r["s-cr"]=e["s-cr"]}}if(d.L==="slot"){if(d.C){d.l|=2;if(!d.R.childNodes.length){d.C.forEach((e=>{d.R.appendChild(e.R)}))}}else{d.l|=1}}if(l&&l.isConnected){if(i&&l["s-en"]===""){l.parentNode.insertBefore(r,l.nextSibling)}l.parentNode.removeChild(l);if(!i){r["s-oo"]=parseInt(d.I)}}L.N.delete(n)}const h=[];const p=f.length;let m=0;let $;let b;let y;let g;for(m;m<p;m++){$=f[m];if(!$||!$.length)continue;y=$.length;b=0;for(b;b<y;b++){g=$[b];if(!h[g.hostId]){h[g.hostId]=L.N.get(g.hostId)}if(!h[g.hostId])continue;const e=h[g.hostId];if(!e.shadowRoot||!i){g.slot["s-cr"]=e["s-cr"];if(!g.slot["s-cr"]&&e.shadowRoot){g.slot["s-cr"]=e}else{g.slot["s-cr"]=(e.__childNodes||e.childNodes)[0]}te(g.node,g.slot,false,g.node["s-oo"]);{Ae(g.node)}}if(e.shadowRoot&&g.node.parentElement!==e){e.appendChild(g.node)}}}l.$hostElement$=e;r()};var ze=(e,t,n,l,r,i,s,o=[])=>{let f;let a;let c;let u;if(i.nodeType===1){f=i.getAttribute(O);if(f){a=f.split(".");if(a[0]===s||a[0]==="0"){c=Ve({l:0,P:a[0],I:a[1],U:a[2],W:a[3],L:i.tagName.toLowerCase(),R:i,j:{class:i.className||""}});t.push(c);i.removeAttribute(O);if(!e.C){e.C=[]}const r=c.R.getAttribute("s-sn");if(typeof r==="string"){if(c.L==="slot-fb"){qe(r,a[2],c,i,e,t,n,l,o)}c.R["s-sn"]=r;c.R.removeAttribute("s-sn")}if(c.W!==void 0){e.C[c.W]=c}e=c;if(l&&c.U==="0"){l[c.W]=c.R}}}if(i.shadowRoot){for(u=i.shadowRoot.childNodes.length-1;u>=0;u--){ze(e,t,n,l,r,i.shadowRoot.childNodes[u],s,o)}}const v=i.__childNodes||i.childNodes;for(u=v.length-1;u>=0;u--){ze(e,t,n,l,r,v[u],s,o)}}else if(i.nodeType===8){a=i.nodeValue.split(".");if(a[1]===s||a[1]==="0"){f=a[0];c=Ve({P:a[1],I:a[2],U:a[3],W:a[4]||"0",R:i,j:null,C:null,k:null,T:null,L:null,O:null});if(f===y){c.R=i.nextSibling;if(c.R&&c.R.nodeType===3){c.O=c.R.textContent;t.push(c);i.remove();if(s===c.P){if(!e.C){e.C=[]}e.C[c.W]=c}if(l&&c.U==="0"){l[c.W]=c.R}}}else if(f===g){c.R=i.nextSibling;if(c.R&&c.R.nodeType===8){t.push(c);i.remove()}}else if(c.P===s){if(f===b){const r=i["s-sn"]=a[5]||"";qe(r,a[2],c,i,e,t,n,l,o)}else if(f===m){{r["s-cr"]=i;i["s-cn"]=true}}}}}else if(e&&e.L==="style"){const t=le(null,i.textContent);t.R=i;t.W="0";e.C=[t]}return e};var Qe=(e,t)=>{if(e.nodeType===1){const n=e[w]||e.getAttribute(w);if(n){t.set(n,e)}let l=0;if(e.shadowRoot){for(;l<e.shadowRoot.childNodes.length;l++){Qe(e.shadowRoot.childNodes[l],t)}}const r=e.__childNodes||e.childNodes;for(l=0;l<r.length;l++){Qe(r[l],t)}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===$){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var Ve=e=>{const t={l:0,P:null,I:null,U:null,W:"0",R:null,j:null,C:null,k:null,T:null,L:null,O:null};return{...t,...e}};function qe(e,t,n,l,r,i,s,o,f){l["s-sr"]=true;n.T=e||null;n.L="slot";const a=(r==null?void 0:r.R)?r.R["s-id"]||r.R.getAttribute("s-id"):"";{const s=n.R;const o=a&&a!==n.P&&r.R.shadowRoot;Ge(f,t,e,l,o?a:n.P);if(o){r.R.insertBefore(s,r.R.children[0])}i.push(n)}s.push(n);if(!r.C){r.C=[]}r.C[n.W]=n}var Ge=(e,t,n,l,r)=>{let i=l.nextSibling;e[t]=e[t]||[];while(i&&((i["getAttribute"]&&i.getAttribute("slot")||i["s-sn"])===n||n===""&&!i["s-sn"]&&(i.nodeType===8&&i.nodeValue.indexOf(".")!==1||i.nodeType===3))){i["s-sn"]=n;e[t].push({slot:l,node:i,hostId:r});i=i.nextSibling}};var Ke=(e,t)=>{if(e!=null&&!_(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var Xe=e=>f(e).$hostElement$;var Je=(e,t,n)=>{const l=Xe(e);return{emit:e=>Ye(l,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var Ye=(e,t,n)=>{const l=L.ce(t,n);e.dispatchEvent(l);return l};var Ze=new WeakMap;var et=(e,t,n)=>{let l=p.get(e);if(F&&n){l=l||new CSSStyleSheet;if(typeof l==="string"){l=t}else{l.replaceSync(t)}}else{l=t}p.set(e,l)};var tt=(e,t,n)=>{var l;const r=lt(t);const i=p.get(r);e=e.nodeType===11?e:E;if(i){if(typeof i==="string"){e=e.head||e;let n=Ze.get(e);let s;if(!n){Ze.set(e,n=new Set)}if(!n.has(r)){if(e.host&&(s=e.querySelector(`[${S}="${r}"]`))){s.innerHTML=i}else{s=document.querySelector(`[${S}="${r}"]`)||E.createElement("style");s.innerHTML=i;const n=(l=L.B)!=null?l:z(E);if(n!=null){s.setAttribute("nonce",n)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(s,n)}else if("host"in e){if(F){const t=new CSSStyleSheet;t.replaceSync(i);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=i+t.innerHTML}else{e.prepend(s)}}}else{e.append(s)}}if(t.l&1&&e.nodeName!=="HEAD"){e.insertBefore(s,null)}}if(t.l&4){s.innerHTML+=C}if(n){n.add(r)}}}else if(!e.adoptedStyleSheets.includes(i)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,i]}}return r};var nt=e=>{const t=e.i;const n=e.$hostElement$;const l=Be("attachStyles",t.m);tt(n.getRootNode(),t);l()};var lt=(e,t)=>"sc-"+e.m;var rt=(e,t)=>{if(t&&!e.H&&t["s-p"]){t["s-p"].push(new Promise((t=>e.H=t)))}};var it=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}rt(e,e._);const n=()=>st(e,t);return H(n)};var st=(e,t)=>{const n=e.$hostElement$;const l=Be("scheduleUpdate",e.i.m);const r=e.t;if(!r){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let i;if(t){{e.l|=256;if(e.V){e.V.map((([e,t])=>mt(r,e,t)));e.V=void 0}}{i=mt(r,"componentWillLoad")}}else{{i=mt(r,"componentWillUpdate")}}{i=ot(i,(()=>mt(r,"componentWillRender")))}l();return ot(i,(()=>at(e,r,t)))};var ot=(e,t)=>ft(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var ft=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var at=async(e,t,n)=>{var l;const r=e.$hostElement$;const i=Be("update",e.i.m);const s=r["s-rc"];if(n){nt(e)}const o=Be("render",e.i.m);{ut(e,t,r,n)}if(s){s.map((e=>e()));r["s-rc"]=void 0}o();i();{const t=(l=r["s-p"])!=null?l:[];const n=()=>dt(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var ct=null;var ut=(e,t,n,l)=>{try{ct=t;t=t.render();{e.l&=~16}{e.l|=2}{{{De(e,t,l)}}}}catch(t){v(t,e.$hostElement$)}ct=null;return null};var vt=()=>ct;var dt=e=>{const t=e.i.m;const n=e.$hostElement$;const l=Be("postUpdate",t);const r=e.t;const i=e._;if(!(e.l&64)){e.l|=64;{$t(n)}{mt(r,"componentDidLoad")}l();{e.p(n);if(!i){pt()}}}else{l()}{e.v(n)}{if(e.H){e.H();e.H=void 0}if(e.l&512){B((()=>it(e,false)))}e.l&=~(4|512)}};var ht=e=>{{const t=f(e);const n=t.$hostElement$.isConnected;if(n&&(t.l&(2|16))===2){it(t,false)}return n}};var pt=t=>{{$t(E.documentElement)}B((()=>Ye(x,"appload",{detail:{namespace:e}})))};var mt=(e,t,n)=>{if(e&&e[t]){try{return e[t](n)}catch(e){v(e)}}return void 0};var $t=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var bt=(e,t)=>f(e).o.get(t);var yt=(e,t,n,l)=>{const r=f(e);if(!r){throw new Error(`Couldn't find host element for "${l.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const i=r.$hostElement$;const s=r.o.get(t);const o=r.l;const a=r.t;n=Ke(n,l.q[t][0]);const c=Number.isNaN(s)&&Number.isNaN(n);const u=n!==s&&!c;if((!(o&8)||s===void 0)&&u){r.o.set(t,n);if(a){if(l.G&&o&128){const e=l.G[t];if(e){e.map((e=>{try{a[e](n,s,t)}catch(e){v(e,i)}}))}}if((o&(2|16))===2){it(r,false)}}}};var gt=(e,n,l)=>{var r,i;const s=e.prototype;if(n.l&64&&l&1){k.forEach((e=>{Object.defineProperty(s,e,{value(...t){const n=f(this);const l=n.t;if(!l){n.h.then((n=>{const l=n[e];typeof l==="function"&&l.call(n,...t)}))}else{const n=l[e];typeof n==="function"&&n.call(l,...t)}}})}))}if(n.q||(n.G||e.watchers)){if(e.watchers&&!n.G){n.G=e.watchers}const o=Object.entries((r=n.q)!=null?r:{});o.map((([e,[t]])=>{if(t&31||l&2&&t&32){if((t&2048)===0){Object.defineProperty(s,e,{get(){return bt(this,e)},set(t){yt(this,e,t,n)},configurable:true,enumerable:true})}else if(l&1&&t&2048){{Object.defineProperty(s,e,{get(){const t=f(this);const n=t?t.t:s;if(!n)return;return n[e]},configurable:true,enumerable:true})}if(t&4096){const t=Object.getOwnPropertyDescriptor(s,e).set;Object.defineProperty(s,e,{set(l){const r=f(this);if(t){const i=r.$hostElement$[e];if(!r.o.get(e)&&i){r.o.set(e,i)}t.apply(this,[Ke(l,n.q[e][0])]);yt(this,e,r.$hostElement$[e],n);return}if(!r)return;const i=()=>{const t=r.t[e];if(!r.o.get(e)&&t){r.o.set(e,t)}r.t[e]=Ke(l,n.q[e][0]);yt(this,e,r.t[e],n)};if(r.t){i()}else{r.h.then((()=>i()))}}})}}}else if(l&1&&t&64){Object.defineProperty(s,e,{value(...t){var n;const l=f(this);return(n=l==null?void 0:l.u)==null?void 0:n.then((()=>{var n;return(n=l.t)==null?void 0:n[e](...t)}))}})}}));if(l&1){const l=new Map;s.attributeChangedCallback=function(e,r,i){L.jmp((()=>{var o;const a=l.get(e);if(this.hasOwnProperty(a)&&t.lazyLoad){i=this[a];delete this[a]}else if(s.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==i){return}else if(a==null){const t=f(this);const l=t==null?void 0:t.l;if(l&&!(l&8)&&l&128&&i!==r){const l=t.t;const s=(o=n.G)==null?void 0:o[e];s==null?void 0:s.forEach((t=>{if(l[t]!=null){l[t].call(l,i,r,e)}}))}return}const c=Object.getOwnPropertyDescriptor(s,a);if(!c.get||!!c.set){this[a]=i===null&&typeof this[a]==="boolean"?false:i}}))};e.observedAttributes=Array.from(new Set([...Object.keys((i=n.G)!=null?i:{}),...o.filter((([e,t])=>t[0]&15)).map((([e,t])=>{var r;const i=t[1]||e;l.set(i,e);if(t[0]&512){(r=n.M)==null?void 0:r.push([e,i])}return i}))]))}}return e};var wt=async(e,t,n,l)=>{let r;if((t.l&32)===0){t.l|=32;const l=n.$;if(l){const e=h(n);if(e&&"then"in e){const t=He();r=await e;t()}else{r=e}if(!r){throw new Error(`Constructor for "${n.m}#${t.K}" was not found`)}if(!r.isProxied){{n.G=r.watchers}gt(r,n,2);r.isProxied=true}const l=Be("createInstance",n.m);{t.l|=8}try{new r(t)}catch(e){v(e)}{t.l&=~8}{t.l|=128}l();St(t.t)}else{r=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.l|=128))}if(r&&r.style){let e;if(typeof r.style==="string"){e=r.style}const t=lt(n);if(!p.has(t)){const l=Be("registerStyles",n.m);et(t,e,!!(n.l&1));l()}}}const i=t._;const s=()=>it(t,true);if(i&&i["s-rc"]){i["s-rc"].push(s)}else{s()}};var St=e=>{{mt(e,"connectedCallback")}};var Ot=e=>{if((L.l&1)===0){const t=f(e);const n=t.i;const l=Be("connectedCallback",n.m);if(!(t.l&1)){t.l|=1;let l;{l=e.getAttribute(w);if(l){_e(e,n.m,l,t)}}if(!l){if(n.l&(4|8)){jt(e)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){rt(t,t._=n);break}}}if(n.q){Object.entries(n.q).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{wt(e,t,n)}}else{Et(e,t,n.X);if(t==null?void 0:t.t){St(t.t)}else if(t==null?void 0:t.h){t.h.then((()=>St(t.t)))}}l()}};var jt=e=>{const t=e["s-cr"]=E.createComment("");t["s-cn"]=true;Re(e,t,e.firstChild)};var Ct=e=>{{mt(e,"disconnectedCallback")}};var kt=async e=>{if((L.l&1)===0){const t=f(e);{if(t.J){t.J.map((e=>e()));t.J=void 0}}if(t==null?void 0:t.t){Ct(t.t)}else if(t==null?void 0:t.h){t.h.then((()=>Ct(t.t)))}}};var xt=(e,t={})=>{var n;const l=Be();const r=[];const i=t.exclude||[];const s=x.customElements;const o=E.head;const a=o.querySelector("meta[charset]");const u=E.createElement("style");const v=[];let d;let h=true;Object.assign(L,t);L.S=new URL(t.resourcesUrl||"./",E.baseURI).href;{L.l|=2}let p=false;e.map((e=>{e[1].map((t=>{var n;const l={l:t[0],m:t[1],q:t[2],X:t[3]};if(l.l&4){p=true}{l.q=t[2]}{l.X=t[3]}{l.M=[]}{l.G=(n=t[4])!=null?n:{}}const o=l.m;const a=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;c(e,l)}connectedCallback(){const e=f(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;Et(this,e,l.X)}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{L.jmp((()=>Ot(this)))}}disconnectedCallback(){L.jmp((()=>kt(this)))}componentOnReady(){return f(this).h}};if(l.l&64){a.formAssociated=true}l.$=e[0];if(!i.includes(o)&&!s.get(o)){r.push(o);s.define(o,gt(a,l,1))}}))}));if(r.length>0){if(p){u.textContent+=C}{u.textContent+=r.sort()+j}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=L.B)!=null?n:z(E);if(e!=null){u.setAttribute("nonce",e)}o.insertBefore(u,a?a.nextSibling:o.firstChild)}}h=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{L.jmp((()=>d=setTimeout(pt,30)))}}l()};var Et=(e,t,n,l)=>{if(n){n.map((([n,l,r])=>{const i=Lt(e,n);const s=Tt(t,r);const o=Rt(n);L.ael(i,l,s,o);(t.J=t.J||[]).push((()=>L.rel(i,l,s,o)))}))}};var Tt=(e,t)=>n=>{var l;try{{if(e.l&256){(l=e.t)==null?void 0:l[t](n)}else{(e.V=e.V||[]).push([t,n])}}}catch(e){v(e)}};var Lt=(e,t)=>{if(t&4)return E;return e};var Rt=e=>D?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var Dt=e=>L.B=e;export{T as H,re as a,xt as b,Je as c,vt as d,ht as f,Xe as g,ne as h,A as p,a as r,Dt as s};
-//# sourceMappingURL=p-9b093b92.js.map

package/dist/native/p-a37c2ac2.js

@@ -1,2 +0,0 @@
-import{i as o,a as t}from"./p-1daca48a.js";function n(o,t,n){o.forEach((([o,e])=>t.addEventListener(o,e.bind(n))))}function e(o,t,n){o.forEach((([o,e])=>t.removeEventListener(o,e.bind(n))))}const a=Object.freeze({__proto__:null,addEventListeners:n,removeEventListeners:e});const s=(n,{duration:e=200,amount:a=.8,hasFade:s=true}={})=>{const r=o(n);function c(){return new Promise((o=>{t({from:{opacity:s?0:1,scale:a},to:{opacity:1,scale:1},duration:e,onUpdate(o){const t={scale:o.scale};if(s){t["opacity"]=o.opacity}r.set(t)},onComplete(){o();if(s){n.style.removeProperty("opacity")}n.style.removeProperty("transform")}})}))}function i(){n.style.transform=`scale(${a})`;if(s){n.style.opacity="0"}}function u(){n.style.transform=`scale(1)`;if(s){n.style.opacity="1"}}function f(){return new Promise((o=>{t({from:{opacity:1,scale:1},to:{opacity:s?0:1,scale:a},duration:e,onUpdate(o){const t={scale:o.scale};if(s){t["opacity"]=o.opacity}r.set(t)},onComplete(){o()}})}))}return{growIn:c,growOut:f,setGrowOut:i,setGrowIn:u}};export{n as a,a as e,e as r,s as u};
-//# sourceMappingURL=p-a37c2ac2.js.map

package/dist/native/p-a37c2ac2.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["addEventListeners","events","target","context","forEach","event","listener","addEventListener","bind","removeEventListeners","removeEventListener","useGrow","node","duration","amount","hasFade","nodeStyler","styler","growIn","Promise","resolve","animate","from","opacity","scale","to","onUpdate","latest","updates","set","onComplete","style","removeProperty","setGrowOut","transform","setGrowIn","growOut"],"sources":["src/utils/events.utils.ts","src/animations/grow.animation.ts"],"sourcesContent":["export type EventsAndListeners = [string, EventListener][];\n\n/**\n * Adds a set of event listeners to the given target.\n * @param {EventsAndListeners} events - The events and listeners to add.\n * @param {Element | Window | Document} target  - The target element or window to add the event listeners to.\n * @param {T} context - The class context to bind the event listeners to.\n */\nexport function addEventListeners<T>(\n  events: EventsAndListeners,\n  target: Element | Window | Document,\n  context: T,\n) {\n  events.forEach(([event, listener]) =>\n    target.addEventListener(event, listener.bind(context)),\n  );\n}\n\n/**\n * Removes a set of event listeners from the given target.\n * @param {EventsAndListeners} events - The events and listeners to remove.\n * @param {Element | Window | Document} target  - The target element or window to remove the event listeners from.\n * @param {T} context - The class context to bind the event listeners to.\n */\nexport function removeEventListeners<T>(\n  events: EventsAndListeners,\n  target: Element | Window | Document,\n  context: T,\n) {\n  events.forEach(([event, listener]) =>\n    target.removeEventListener(event, listener.bind(context)),\n  );\n}\n","import { animate } from 'popmotion';\nimport styler from 'stylefire';\n\nexport type GrowOptions = {\n  /** How long the animation should take in ms @default 200 */\n  duration?: number;\n  /** The amount to scale the element by @default 0.8 */\n  amount?: number;\n  /** Whether to include a fade effect in the animation @default true */\n  hasFade?: boolean;\n};\n\nconst useGrow = (\n  node: HTMLElement,\n  { duration = 200, amount = 0.8, hasFade = true }: GrowOptions = {},\n) => {\n  const nodeStyler = styler(node);\n\n  /**\n   * Will animate the scale and optionally the opacity to make the element grow and fade in,\n   * and removes the scale and opacity style attributes once complete.\n   */\n  function growIn() {\n    return new Promise<void>(resolve => {\n      animate({\n        from: { opacity: hasFade ? 0 : 1, scale: amount },\n        to: { opacity: 1, scale: 1 },\n        duration,\n        onUpdate(latest) {\n          const updates = {\n            scale: latest.scale,\n          };\n          if (hasFade) {\n            updates['opacity'] = latest.opacity;\n          }\n          nodeStyler.set(updates);\n        },\n        onComplete() {\n          resolve();\n          if (hasFade) {\n            node.style.removeProperty('opacity');\n          }\n          node.style.removeProperty('transform');\n        },\n      });\n    });\n  }\n\n  /**\n   * Applies the growOut styles without animating, useful when the initial\n   * state is hidden.\n   */\n  function setGrowOut() {\n    node.style.transform = `scale(${amount})`;\n    if (hasFade) {\n      node.style.opacity = '0';\n    }\n  }\n\n  /**\n   * Applies the growIn styles without animating, useful when the initial\n   * state is visible.\n   */\n  function setGrowIn() {\n    node.style.transform = `scale(1)`;\n    if (hasFade) {\n      node.style.opacity = '1';\n    }\n  }\n\n  /**\n   * Will animate the scale and optionally the opacity to make the element shrink and fade out,\n   * leaving the scale and opacity styles on the element.\n   */\n  function growOut() {\n    return new Promise<void>(resolve => {\n      animate({\n        from: { opacity: 1, scale: 1 },\n        to: { opacity: hasFade ? 0 : 1, scale: amount },\n        duration,\n        onUpdate(latest) {\n          const updates = {\n            scale: latest.scale,\n          };\n          if (hasFade) {\n            updates['opacity'] = latest.opacity;\n          }\n          nodeStyler.set(updates);\n        },\n        onComplete() {\n          resolve();\n        },\n      });\n    });\n  }\n\n  return {\n    growIn,\n    growOut,\n    setGrowOut,\n    setGrowIn,\n  };\n};\n\nexport { useGrow };\n"],"mappings":"oDAQgBA,EACdC,EACAC,EACAC,GAEAF,EAAOG,SAAQ,EAAEC,EAAOC,KACtBJ,EAAOK,iBAAiBF,EAAOC,EAASE,KAAKL,KAEjD,C,SAQgBM,EACdR,EACAC,EACAC,GAEAF,EAAOG,SAAQ,EAAEC,EAAOC,KACtBJ,EAAOQ,oBAAoBL,EAAOC,EAASE,KAAKL,KAEpD,C,yFCpBMQ,EAAU,CACdC,GACEC,WAAW,IAAKC,SAAS,GAAKC,UAAU,MAAsB,MAEhE,MAAMC,EAAaC,EAAOL,GAM1B,SAASM,IACP,OAAO,IAAIC,SAAcC,IACvBC,EAAQ,CACNC,KAAM,CAAEC,QAASR,EAAU,EAAI,EAAGS,MAAOV,GACzCW,GAAI,CAAEF,QAAS,EAAGC,MAAO,GACzBX,WACA,QAAAa,CAASC,GACP,MAAMC,EAAU,CACdJ,MAAOG,EAAOH,OAEhB,GAAIT,EAAS,CACXa,EAAQ,WAAaD,EAAOJ,O,CAE9BP,EAAWa,IAAID,E,EAEjB,UAAAE,GACEV,IACA,GAAIL,EAAS,CACXH,EAAKmB,MAAMC,eAAe,U,CAE5BpB,EAAKmB,MAAMC,eAAe,Y,GAE5B,G,CAQN,SAASC,IACPrB,EAAKmB,MAAMG,UAAY,SAASpB,KAChC,GAAIC,EAAS,CACXH,EAAKmB,MAAMR,QAAU,G,EAQzB,SAASY,IACPvB,EAAKmB,MAAMG,UAAY,WACvB,GAAInB,EAAS,CACXH,EAAKmB,MAAMR,QAAU,G,EAQzB,SAASa,IACP,OAAO,IAAIjB,SAAcC,IACvBC,EAAQ,CACNC,KAAM,CAAEC,QAAS,EAAGC,MAAO,GAC3BC,GAAI,CAAEF,QAASR,EAAU,EAAI,EAAGS,MAAOV,GACvCD,WACA,QAAAa,CAASC,GACP,MAAMC,EAAU,CACdJ,MAAOG,EAAOH,OAEhB,GAAIT,EAAS,CACXa,EAAQ,WAAaD,EAAOJ,O,CAE9BP,EAAWa,IAAID,E,EAEjB,UAAAE,GACEV,G,GAEF,G,CAIN,MAAO,CACLF,SACAkB,UACAH,aACAE,YACD,S","ignoreList":[]}

package/dist/native/p-e8d181e6.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as r,a as c}from"./p-9b093b92.js";const s="nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);row-gap:var(--spacing-4)}";const e=s;const n=class{constructor(r){a(this,r)}render(){return r(c,{key:"d114427cd2f3e3ec93f16d42db6f011c299d7550"},r("slot",{key:"1246a285010f7e84b97ab00d82878e1abce631c2"}))}};n.style=e;export{n as nv_row};
-//# sourceMappingURL=p-e8d181e6.entry.js.map

package/dist/native/p-eade52d4.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as r,a as e}from"./p-9b093b92.js";const b="nv-breadcrumbs{display:block}nv-breadcrumbs>ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-1)}nv-breadcrumbs nv-breadcrumb:last-child [data-scope=separator],nv-breadcrumbs nv-breadcrumb:last-child [slot=separator]{display:none}";const s=b;const c=class{constructor(r){a(this,r)}render(){return r(e,{key:"5ab0f09cb86a92464ffcd06d8129543539bdcddf",role:"navigation","aria-label":"breadcrumbs"},r("ol",{key:"a7624a2400d9a91ec477694bbd3600960e198981"},r("slot",{key:"7c4102ceebe110377bf212e0695bdec6b455ea74"})))}};c.style=s;export{c as nv_breadcrumbs};
-//# sourceMappingURL=p-eade52d4.entry.js.map

package/dist/native/p-eade52d4.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["nvBreadcrumbsCss","NvBreadcrumbsStyle0","NvBreadcrumbs","render","h","Host","key","role"],"sources":["src/components/nv-breadcrumbs/nv-breadcrumbs.scss?tag=nv-breadcrumbs","src/components/nv-breadcrumbs/nv-breadcrumbs.tsx"],"sourcesContent":["@mixin root-styles() {\n  display: block;\n}\n\n@mixin list-styles() {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: var(--spacing-1);\n}\n\n@mixin breadcrumb-styles() {\n  &:last-child {\n    [data-scope=\"separator\"], [slot=\"separator\"] {\n      display: none;\n    }\n  }\n}\n\nnv-breadcrumbs {\n  @include root-styles();\n  > ol {\n    @include list-styles();\n  }\n  nv-breadcrumb {\n    @include breadcrumb-styles();\n  }\n}\n","import { Component, Host, h } from '@stencil/core';\n\n/**\n * @slot default - Child content of the component.\n */\n@Component({\n  tag: 'nv-breadcrumbs',\n  styleUrl: 'nv-breadcrumbs.scss',\n  shadow: false,\n})\nexport class NvBreadcrumbs {\n  //#region RENDER\n\n  render() {\n    return (\n      <Host role=\"navigation\" aria-label=\"breadcrumbs\">\n        <ol>\n          <slot></slot>\n        </ol>\n      </Host>\n    );\n  }\n\n  // #endregion RENDER\n}\n"],"mappings":"kDAAA,MAAMA,EAAmB,2PACzB,MAAAC,EAAeD,E,MCSFE,EAAa,M,yBAGxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,aAAY,aAAY,eACjCH,EAAA,MAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,8C","ignoreList":[]}