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

package/dist/esm/nv-datagridcolumn.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nv-datagridcolumn.entry.js","sources":["src/components/nv-datagridcolumn/nv-datagridcolumn.tsx"],"sourcesContent":["import { Component, Host, Prop, h } from '@stencil/core';\n\n/**\n * @slot header - Defines how to render the header of the column.\n * @slot cell - Defines how to render every cell of the column.\n */\n@Component({\n  tag: 'nv-datagridcolumn',\n  shadow: false,\n})\nexport class NvDatagridcolumn {\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Defines the header of the column.\n   */\n  @Prop({ reflect: true })\n  readonly header?: string;\n\n  /**\n   * Defines the accessor of the column.\n   */\n  @Prop({ reflect: true })\n  readonly accessor!: string;\n\n  /**\n   * Whether the column need to be repeated with the template.\n   */\n  @Prop({ reflect: true })\n  readonly repeatTemplate: boolean = false;\n\n  /**\n   * Defines the group header of the column.\n   */\n  @Prop({ reflect: true })\n  readonly group?: string;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        <slot name=\"header\"></slot>\n        <slot name=\"cell\"></slot>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n  /****************************************************************************/\n}\n"],"names":[],"mappings":";;MAUa,gBAAgB,GAAA,MAAA;AAJ7B,IAAA,WAAA,CAAA,OAAA,EAAA;;AAoBE;;AAEG;AAEM,QAAA,IAAc,CAAA,cAAA,GAAY,KAAK;AAuBzC;;;;IAXC,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAQ,CAAA,EAC3B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAQ,CAAA,CACpB;;;;;;"}

package/dist/esm/nv-dialog.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nv-dialog.entry.js","sources":["src/components/nv-dialog/nv-dialog.scss?tag=nv-dialog","src/components/nv-dialog/nv-dialog.tsx"],"sourcesContent":["@use '../../styles/scrollbar' as scrollbar;\n\nnv-dialog {\n  dialog {\n    width: 100vw;\n    height: 100svh;\n    margin: 0;\n    max-height: unset;\n    max-width: unset;\n    padding: 0;\n    background: color-mix(in srgb, var(--components-overlay-background) 70%, transparent);\n    backdrop-filter: blur(4px);\n\n    &.full {\n      .content {\n        min-width: 90vw;\n        width: 90vw;\n        max-width: 90vw;\n      }\n    }\n  }\n  .backdrop {\n    display: flex;\n    min-height: 100%;\n    padding: var(--spacing-3);\n\n    /* shadow/2xl */\n    box-shadow: 0px var(--shadow-y-axis-2xl) var(--shadow-blur-2xl)\n      var(--shadow-spread-2xl) var(--shadow-color-opacity-3)\n      var(--shadow-color-opacity-3);\n\n    .content {\n      border-radius: var(--radius-rounded-2xl);\n      background: var(--color-level-00-background);\n      min-width: min(90vw, 400px);\n      width: fit-content;\n      max-width: clamp(90vw, min(90vw, 960px), 960px);\n      margin: auto;\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      height: fit-content;\n      position: relative;\n\n      nv-button.close-button {\n        position: absolute;\n        top: var(--dialog-dismissible-position-top);\n        right: var(--dialog-dismissible-position-right);\n        display: flex;\n        padding: var(--button-sm-icon-button-padding);\n        justify-content: flex-end;\n        align-items: flex-start;\n        gap: 10px;\n      }\n\n      .content-body {\n        @include scrollbar.scrollbar();\n\n        box-sizing: border-box;\n        padding: var(--dialog-body-padding-y) var(--dialog-body-padding-x);\n        scrollbar-gutter: stable both-edges;\n\n        /* text/md/regular */\n        font-family: var(--font-family-default), var(--font-family-fallback),\n          sans-serif;\n        font-size: var(--font-size-md);\n        font-style: normal;\n        font-weight: var(--font-weight-low-emphasis);\n        line-height: var(--line-height-base); /* 150% */\n\n        color: var(--color-content-medium-text);\n\n        width: 100%;\n      }\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Element,\n  Method,\n  Event,\n  EventEmitter,\n  Watch,\n  Listen,\n} from '@stencil/core';\nimport { tabbable } from 'tabbable';\nimport {\n  addEventListeners,\n  removeEventListeners,\n  type EventsAndListeners,\n} from '../../utils/events.utils';\nimport { useGrow, useFade, parallel } from '../../animations';\nimport clsx from 'clsx';\nimport { ButtonType } from '../../utils/constants';\nimport { v4 as uuidv4 } from 'uuid';\n\n/**\n * @slot default - Body of the dialog.\n * @slot trigger - Content to be placed as the trigger, will override the trigger prop.\n * @slot header - Content to be placed as the header, will override the header prop.\n * @slot footer - Content to be placed as the footer, will override the footer prop.\n */\n@Component({\n  tag: 'nv-dialog',\n  styleUrl: 'nv-dialog.scss',\n  shadow: false,\n})\nexport class NvDialog {\n  @Element() el: HTMLNvDialogElement;\n  private dialogElement!: HTMLDialogElement;\n  private backdropElement!: HTMLDivElement;\n  private contentElement!: HTMLDivElement;\n  private eventsAttached = false;\n  private form: string;\n\n  private triggerClickEvents: EventsAndListeners = [\n    ['click', this.show],\n    [\n      'keydown',\n      (e: KeyboardEvent) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          this.show();\n        }\n      },\n    ],\n  ];\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * @internal\n   * Accepts a reference to the DOM element acting as the popover trigger. This\n   * should be used when the slot for the trigger is not defined.\n   */\n  @Prop({ reflect: false, mutable: true })\n  triggerElement: Element;\n\n  /**\n   * @internal\n   * Accepts a reference to the DOM element acting as the header. This should\n   * be used when the slot for the header is not defined.\n   */\n  @Prop({ reflect: false, mutable: true })\n  headerElement: Element;\n\n  /**\n   * @internal\n   * Accepts a reference to the DOM element acting as the footer. This should\n   * be used when the slot for the footer is not defined.\n   */\n  @Prop({ reflect: false, mutable: true })\n  footerElement: Element;\n\n  /**\n   * Use this prop to toggle the visibility of the dialog. Set to true to show\n   * the dialog and false to hide it.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\n\n  /**\n   * If true, the dialog cannot be closed by the user.\n   */\n  @Prop({ reflect: true })\n  readonly undismissable: boolean = false;\n\n  /**\n   * If true, the dialog will be closed when the backdrop is clicked.\n   */\n  @Prop({ reflect: true })\n  readonly clickOutside: boolean = false;\n\n  /**\n   * If true, the dialog visibility is managed manually through methods or the\n   * open prop.\n   */\n  @Prop({ reflect: true })\n  readonly controlled: boolean = false;\n\n  /**\n   * If true, the dialog takes full width styling.\n   */\n  @Prop({ reflect: true })\n  readonly full: boolean = false;\n\n  /**\n   * Controls whether the dialog should automatically focus the first focusable\n   * element when opened. When disabled, prevents unwanted tooltip triggers on\n   * dialog open.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Call this method to show the dialog, making it visible on the screen.\n   */\n  @Method()\n  public async show() {\n    this.open = true;\n    this.preventScroll();\n    /** It is recommended to use the .show() or .showModal() method to render\n     * dialogs, rather than the open attribute. If a <dialog> is opened using\n     * the open attribute, it is non-modal. */\n    const { setFadeOut } = useFade(this.dialogElement);\n    setFadeOut();\n    this.dialogElement.showModal();\n\n    const { setGrowIn, growIn } = useGrow(this.contentElement, {\n      duration: 100,\n      amount: 0.9,\n    });\n    const { fadeIn } = useFade(this.dialogElement, {\n      duration: 100,\n    });\n\n    setGrowIn();\n    await parallel(fadeIn, growIn).start();\n  }\n\n  /**\n   * Call this method to hide the dialog, making it disappear from view.\n   */\n  @Method()\n  public async close() {\n    this.open = false;\n    this.allowScroll();\n    const { growOut } = useGrow(this.contentElement, {\n      duration: 150,\n      amount: 0.85,\n    });\n    const { fadeOut } = useFade(this.dialogElement, {\n      duration: 150,\n    });\n    await parallel(growOut, fadeOut).start();\n    this.dialogElement.close();\n  }\n\n  /**\n   * Sets the autofocus on the first focusable element in the dialog.\n   */\n  private setAutofocus() {\n    const focusableElements = tabbable(this.dialogElement, {\n      displayCheck: 'none',\n    });\n\n    if (focusableElements.length > 0) {\n      // Convert to array and find element with smallest top and left position\n      let topLeftElement = focusableElements[0];\n      let topLeftRect = topLeftElement.getBoundingClientRect();\n\n      focusableElements.forEach(element => {\n        const rect = element.getBoundingClientRect();\n        if (rect.top < topLeftRect.top || rect.left < topLeftRect.left) {\n          topLeftElement = element;\n          topLeftRect = rect;\n        }\n      });\n\n      // Set autofocus attribute on the found element\n      topLeftElement.setAttribute('autofocus', 'true');\n    }\n  }\n\n  /**\n   * Attaches event listeners to the dialog.\n   */\n  private attachEventListeners() {\n    if (this.triggerElement && !this.eventsAttached && !this.controlled) {\n      addEventListeners(this.triggerClickEvents, this.triggerElement, this);\n      this.eventsAttached = true;\n    }\n  }\n\n  /**\n   * Prevents the body from scrolling when the dialog is open.\n   * Compensates for scrollbar width to prevent layout shift.\n   */\n  private preventScroll() {\n    // Calculate scrollbar width\n    const scrollBarWidth =\n      window.innerWidth - document.documentElement.clientWidth;\n\n    // Apply overflow hidden and padding compensation\n    document.documentElement.style.overflow = 'hidden';\n    document.documentElement.style.paddingRight = `${scrollBarWidth}px`;\n  }\n\n  /**\n   * Allows the body to scroll when the dialog is closed.\n   * Removes the applied overflow and padding styles.\n   */\n  private allowScroll() {\n    // Remove the applied styles\n    document.documentElement.style.removeProperty('overflow');\n    document.documentElement.style.removeProperty('padding-right');\n  }\n\n  private ensureFormId(formElement: HTMLFormElement): string {\n    if (!formElement.id) {\n      formElement.id = `dialog-form-${uuidv4()}`;\n    }\n    return formElement.id;\n  }\n\n  /**\n   * Checks for and sets up form ID if a form is present\n   */\n  private checkForForm = () => {\n    if (!this.form) {\n      const formElement = this.el.querySelector('form') as HTMLFormElement;\n      if (formElement) {\n        this.form = this.ensureFormId(formElement);\n      }\n    }\n  };\n\n  /**\n   * Handles the native dialog close event.\n   */\n  private handleDialogClose = () => {\n    if (this.open) {\n      this.close();\n    }\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the dialog is closing in order to allow for cleanup, data-capture, etc.\n   * @bind open\n   */\n  @Event({ bubbles: false })\n  openChanged: EventEmitter<boolean>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('open')\n  async handleDialogOpenChange(isOpen: boolean) {\n    if (isOpen) {\n      this.show();\n      this.openChanged.emit(isOpen);\n    } else {\n      this.close();\n      this.openChanged.emit(isOpen);\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LISTENERS\n\n  /**\n   * Handles the keydown event to optionally prevent the native dialog from closing when the escape key is pressed.\n   * @param {KeyboardEvent} event - The keydown event.\n   */\n  @Listen('keydown', { target: 'document' })\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key !== 'Escape') return;\n    if (!this.open) return;\n\n    event.preventDefault();\n    event.stopPropagation();\n    const hasOpenPopover = this.checkForOpenPopovers();\n\n    if (!this.undismissable && !hasOpenPopover) {\n      event.preventDefault();\n      event.stopPropagation();\n      this.close();\n    }\n  }\n\n  /**\n   * Handles the click event to close the dialog when clickOutside is true.\n   * @param {MouseEvent} event - The click event.\n   */\n  private handleDialogClick = (event: MouseEvent) => {\n    if (!this.clickOutside || this.undismissable) return;\n    if (this.checkForOpenPopovers()) return;\n\n    if (event.target === this.backdropElement) {\n      this.close();\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  private checkForOpenPopovers = (): boolean => {\n    let hasOpenPopover = false;\n\n    this.el.querySelectorAll('nv-popover').forEach(popover => {\n      if (popover.hasAttribute('open')) {\n        hasOpenPopover = true;\n      }\n    });\n\n    return hasOpenPopover;\n  };\n\n  //#endregion LISTENERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  /**\n   * Lifecycle method that runs before the component loads.\n   * Initializes the trigger, header, and footer elements by finding them in the component's children.\n   * Elements are found either by their slot attribute or by their tag name (for dialog header/footer)\n   */\n  componentWillLoad() {\n    this.triggerElement = Array.from(this.el.children).find(child => {\n      return child.getAttribute('slot') === 'trigger';\n    }) as HTMLElement;\n\n    this.headerElement = Array.from(this.el.children).find(child => {\n      return (\n        child.getAttribute('slot') === 'header' ||\n        child.tagName.toLowerCase() === 'nv-dialogheader'\n      );\n    }) as HTMLElement;\n\n    this.footerElement = Array.from(this.el.children).find(child => {\n      return (\n        child.getAttribute('slot') === 'footer' ||\n        child.tagName.toLowerCase() === 'nv-dialogfooter'\n      );\n    }) as HTMLElement;\n\n    // Initial form check\n    this.checkForForm();\n  }\n\n  componentWillUpdate() {\n    this.attachEventListeners();\n  }\n\n  componentDidLoad() {\n    if (this.open) {\n      this.show();\n    }\n    // Only set autofocus if the prop is true and no element already has autofocus\n    if (this.autofocus && !this.dialogElement.querySelector('[autofocus]')) {\n      this.setAutofocus();\n    }\n    this.attachEventListeners();\n\n    // Additional form check in case form was added after initial load\n    this.checkForForm();\n\n    // this.setupContentBodyListeners();\n  }\n\n  disconnectedCallback() {\n    if (this.triggerElement && !this.eventsAttached && !this.controlled) {\n      removeEventListeners(this.triggerClickEvents, this.triggerElement, this);\n      this.eventsAttached = false;\n    }\n    this.allowScroll();\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    const hasForm = this.form || this.el.querySelector('form');\n\n    return (\n      <Host>\n        <slot name=\"trigger\"></slot>\n\n        <dialog\n          ref={el => (this.dialogElement = el)}\n          onClose={this.handleDialogClose}\n          onClick={this.handleDialogClick}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby=\"dialog-header\"\n          aria-describedby=\"dialog-content\"\n          class={clsx({ full: this.full })}\n        >\n          <div class=\"backdrop\" ref={el => (this.backdropElement = el)}>\n            <div class=\"content\" ref={el => (this.contentElement = el)}>\n              {!this.undismissable && (\n                <nv-button\n                  class=\"close-button\"\n                  emphasis=\"lower\"\n                  size=\"sm\"\n                  onClick={this.handleDialogClose}\n                  aria-label=\"Close dialog\"\n                >\n                  <nv-icon name=\"x\" size=\"sm\" />\n                </nv-button>\n              )}\n\n              {this.headerElement ? (\n                <slot name=\"header\"></slot>\n              ) : (\n                <nv-dialogheader id=\"dialog-header\"></nv-dialogheader>\n              )}\n\n              <div class=\"content-body\" id=\"dialog-content\">\n                <slot></slot>\n              </div>\n\n              {this.footerElement ? (\n                <slot name=\"footer\"></slot>\n              ) : (\n                <nv-dialogfooter\n                  form={this.form}\n                  primaryButtonType={\n                    hasForm ? ButtonType.Submit : ButtonType.Button\n                  }\n                  onDialogCanceled={this.handleDialogClose}\n                  undismissable={this.undismissable}\n                ></nv-dialogfooter>\n              )}\n            </div>\n          </div>\n        </dialog>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"names":["uuidv4"],"mappings":"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"}

package/dist/esm/nv-dialogfooter.nv-dialogheader.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nv-dialogfooter.nv-dialogheader.entry.js","sources":["src/components/nv-dialogfooter/nv-dialogfooter.scss?tag=nv-dialogfooter","src/components/nv-dialogfooter/nv-dialogfooter.tsx","src/components/nv-dialogheader/nv-dialogheader.scss?tag=nv-dialogheader","src/components/nv-dialogheader/nv-dialogheader.tsx"],"sourcesContent":["nv-dialogfooter {\n  display: flex;\n  padding: var(--dialog-footer-padding-top) var(--dialog-footer-padding-x)\n    var(--dialog-footer-padding-bottom) var(--dialog-footer-padding-x);\n\n  justify-content: flex-end;\n  align-items: flex-end;\n  gap: var(--dialog-footer-gap-y);\n  align-self: stretch;\n}\n","import {\n  AttachInternals,\n  Component,\n  h,\n  Host,\n  Prop,\n  Event,\n  EventEmitter,\n  Fragment,\n  Element,\n} from '@stencil/core';\nimport { ButtonType } from '../../utils/constants';\n\n/**\n * @slot default - Custom content for the dialog footer. When provided, the default buttons will not be rendered.\n */\n@Component({\n  tag: 'nv-dialogfooter',\n  styleUrl: 'nv-dialogfooter.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvDialogfooter {\n  @AttachInternals() internals: ElementInternals;\n  @Element() el: HTMLNvDialogfooterElement;\n  private hasSlot = false;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Disables the primary button, preventing user interaction.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Controls the visibility of the cancel button. When true, the cancel button is\n   * hidden.\n   */\n  @Prop({ reflect: true })\n  readonly undismissable: boolean = false;\n\n  /**\n   * Sets the leading icon for the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly leadingIcon: string = '';\n\n  /**\n   * Sets the trailing icon for the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly trailingIcon: string = '';\n\n  /**\n   * Sets the danger state for the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly danger: boolean = false;\n\n  /**\n   * Sets the label for the cancel button.\n   */\n  @Prop({ reflect: true })\n  readonly cancelLabel: string = 'Cancel';\n\n  /**\n   * Sets the label for the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly primaryLabel: string = 'Primary';\n\n  /**\n   * Sets the type of the primary button. If using a form, this will default to\n   * 'submit' if nothing passed.\n   */\n  @Prop({ reflect: true, mutable: true })\n  primaryButtonType: `${ButtonType}`;\n\n  /**\n   * A form inside the dialog can be submitted through the dialog footer by\n   * giving the form an id and passing that id to the form attribute.\n   */\n  @Prop({ reflect: true })\n  readonly form: string;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the cancel button is clicked. This will close the dialog.\n   */\n  @Event({ bubbles: false })\n  dialogCanceled: EventEmitter<void>;\n\n  /**\n   * Emitted when the primary button is clicked. This allows to handle the\n   * primary action and potential data capture before closing the dialog.\n   */\n  @Event({ bubbles: false })\n  dialogPrimaryClicked: EventEmitter<void>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles the primary action when the primary button is clicked.\n   * @param {Event} event - The click event.\n   */\n\n  private handlePrimary = (event: Event) => {\n    event.stopPropagation();\n    this.dialogPrimaryClicked.emit();\n  };\n\n  /**\n   * Handles the cancel action when the cancel button is clicked. This will close the dialog.\n   * @param {Event} event - The click event.\n   */\n  private handleCancel = (event: Event) => {\n    event.stopPropagation();\n    this.dialogCanceled.emit();\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    // Check if there are any child elements that don't have a slot attribute\n    this.hasSlot = Array.from(this.el.childNodes).some(node => {\n      return (\n        node.nodeType === Node.ELEMENT_NODE &&\n        !(node as Element).hasAttribute('slot')\n      );\n    });\n  }\n\n  componentDidLoad() {\n    // Set the default button type based on the form property\n    this.primaryButtonType =\n      this.primaryButtonType || this.form\n        ? ButtonType.Submit\n        : ButtonType.Button;\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        {!this.hasSlot ? (\n          <Fragment>\n            {!this.undismissable && (\n              <nv-button onClick={this.handleCancel} emphasis=\"low\" size=\"sm\">\n                {this.cancelLabel}\n              </nv-button>\n            )}\n            <nv-button\n              onClick={this.handlePrimary}\n              disabled={this.disabled}\n              danger={this.danger}\n              size=\"sm\"\n              emphasis=\"high\"\n              form={this.form}\n              type={this.primaryButtonType}\n            >\n              {this.leadingIcon && (\n                <nv-icon\n                  slot=\"leading-icon\"\n                  name={this.leadingIcon}\n                  size=\"sm\"\n                />\n              )}\n              {this.primaryLabel}\n              {this.trailingIcon && (\n                <nv-icon\n                  slot=\"trailing-icon\"\n                  name={this.trailingIcon}\n                  size=\"sm\"\n                />\n              )}\n            </nv-button>\n          </Fragment>\n        ) : (\n          <slot></slot>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n","nv-dialogheader {\n  // calc(var(--dialog-header-padding-x, 24px) + var(--dialog-dismissible-position-right, 12px) + var(--button-sm-icon-size, 16px) + var(--button-sm-icon-button-padding, 8px))\n  padding: var(--dialog-header-padding-top)\n    var(--dialog-header-padding-x)\n    var(--dialog-header-padding-bottom)\n    var(--dialog-header-padding-x);\n  justify-content: space-between;\n  align-items: flex-start;\n  align-self: stretch;\n\n  .heading {\n    color: var(--color-content-high-text);\n\n\n    /* heading/xs/medium */\n    font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n    font-size: var(--font-size-lg);\n    font-style: normal;\n    font-weight: var(--font-weight-medium-emphasis);\n    padding-right: var(--spacing-7);\n    line-height: var(--leading-px-6); /* 133.333% */\n    letter-spacing: var(--letter-spacing-heading-xs);\n  }\n\n  .subheading {\n    color: var(--color-content-low-text);\n\n    /* text/sm/regular */\n    font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n    font-size: var(--font-size-sm);\n    font-style: normal;\n    font-weight: var(--font-weight-low-emphasis);\n    line-height: var(--line-height-sm); /* 142.857% */\n  }\n}\n","import { Component, Host, Prop, h, Element, Fragment } from '@stencil/core';\n\n/**\n * @slot default - Custom content for the dialog header. When provided, the default header will not be rendered.\n */\n@Component({\n  tag: 'nv-dialogheader',\n  styleUrl: 'nv-dialogheader.scss',\n  shadow: false,\n})\nexport class NvDialogheader {\n  @Element() el: HTMLNvDialogheaderElement;\n  private hasSlot = false;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the heading text for the dialog.\n   */\n  @Prop({ reflect: true })\n  readonly heading: string = 'Dialog Title';\n\n  /**\n   * Sets the subheading text for the dialog.\n   */\n  @Prop({ reflect: true })\n  readonly subheading: string;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    // Check if there are any child elements that don't have a slot attribute\n    this.hasSlot = Array.from(this.el.childNodes).some(node => {\n      return (\n        node.nodeType === Node.ELEMENT_NODE &&\n        !(node as Element).hasAttribute('slot')\n      );\n    });\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        {!this.hasSlot ? (\n          <Fragment>\n            <div class=\"heading\">{this.heading}</div>\n            <div class=\"subheading\">{this.subheading}</div>\n          </Fragment>\n        ) : (\n          <slot></slot>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/nv-drawer.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nv-drawer.entry.js","sources":["src/components/nv-drawer/nv-drawer.scss?tag=nv-drawer","src/components/nv-drawer/nv-drawer.tsx"],"sourcesContent":["@import '../../styles/scrollbar';\n\nnv-drawer {\n  dialog {\n    width: 100vw;\n    height: 100svh;\n    margin: 0;\n    max-height: unset;\n    max-width: unset;\n    padding: 0;\n    background: color-mix(in srgb, var(--components-overlay-background) 70%, transparent);\n    backdrop-filter: blur(4px);\n    border: none;\n\n    &[data-state='closed'] {\n      pointer-events: none;\n    }\n\n    &[data-state='open'] {\n      pointer-events: auto;\n    }\n\n    &.side-right {\n      .backdrop {\n        justify-content: flex-end;\n      }\n\n      .content {\n        box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);\n      }\n    }\n\n    &.side-left {\n      .backdrop {\n        justify-content: flex-start;\n      }\n\n      .content {\n        box-shadow: 4px 0 24px rgba(0, 0, 0, 0.15);\n      }\n    }\n  }\n\n  .backdrop {\n    display: flex;\n    height: 100%;\n    width: 100%;\n    padding: 0;\n\n    .content {\n      background: var(--color-level-00-background);\n      width: var(--drawer-width, min(90vw, 400px));\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      position: relative;\n\n      // Border radius based on side\n      &[data-side='left'] {\n        border-top-right-radius: var(--drawer-radius-top-right, 0);\n        border-bottom-right-radius: var(--drawer-radius-bottom-right, 0);\n      }\n\n      &[data-side='right'] {\n        border-top-left-radius: var(--drawer-radius-top-left, 0);\n        border-bottom-left-radius: var(--drawer-radius-bottom-left, 0);\n      }\n\n      // Size variants using clamp() for responsive sizing\n      &.size-sm {\n        width: clamp(var(--drawer-size-sm-min-width), var(--drawer-size-sm-width), var(--drawer-size-sm-max-width));\n      }\n\n      &.size-md {\n        width: clamp(var(--drawer-size-md-min-width), var(--drawer-size-md-width), var(--drawer-size-md-max-width));\n      }\n\n      &.size-lg {\n        width: clamp(var(--drawer-size-lg-min-width), var(--drawer-size-lg-width), var(--drawer-size-lg-max-width));\n      }\n\n      &.size-full {\n        width: var(--drawer-size-full-width);\n      }\n\n      nv-button.close-button {\n        position: absolute;\n        top: var(--drawer-dismissible-position-top, var(--dialog-dismissible-position-top));\n        right: var(--drawer-dismissible-position-right, var(--dialog-dismissible-position-right));\n        z-index: 1;\n        display: flex;\n        padding: var(--button-sm-icon-button-padding);\n        justify-content: flex-end;\n        align-items: flex-start;\n        gap: var(--drawer-gap-y, 10px);\n      }\n\n      .content-body {\n        @include scrollbar();\n\n        box-sizing: border-box;\n        padding: var(--drawer-padding-y, var(--dialog-body-padding-y)) var(--drawer-padding-x, var(--dialog-body-padding-x));\n        scrollbar-gutter: stable both-edges;\n        flex: 1;\n        overflow-y: auto;\n        width: 100%;\n        border-bottom: 1px solid var(--color-content-low-border);\n\n        /* text/md/regular */\n        font-family: var(--font-family-default), var(--font-family-fallback),\n          sans-serif;\n        font-size: var(--font-size-md);\n        font-style: normal;\n        font-weight: var(--font-weight-low-emphasis);\n        line-height: var(--line-height-base); /* 150% */\n\n        color: var(--color-content-medium-text);\n      }\n\n      // Adjust footer padding-top\n      slot[name=\"footer\"]::slotted(*),\n      nv-drawerfooter {\n        padding-top: var(--spacing-4);\n      }\n    }\n  }\n}","import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Element,\n  Method,\n  Event,\n  EventEmitter,\n  Watch,\n  Listen,\n} from '@stencil/core';\nimport { tabbable } from 'tabbable';\nimport {\n  addEventListeners,\n  removeEventListeners,\n  type EventsAndListeners,\n} from '../../utils/events.utils';\nimport { useSlide, useFade, parallel } from '../../animations';\nimport clsx from 'clsx';\nimport { ButtonType } from '../../utils/constants';\nimport { v4 as uuidv4 } from 'uuid';\n\n/**\n * @slot default - Body of the drawer.\n * @slot trigger - Content to be placed as the trigger, will override the trigger prop.\n * @slot header - Content to be placed as the header, will override the header prop.\n * @slot footer - Content to be placed as the footer, will override the footer prop.\n */\n@Component({\n  tag: 'nv-drawer',\n  styleUrl: 'nv-drawer.scss',\n  shadow: false,\n})\nexport class NvDrawer {\n  @Element() el: HTMLNvDrawerElement;\n  private dialogElement!: HTMLDialogElement;\n  private backdropElement!: HTMLDivElement;\n  private contentElement!: HTMLDivElement;\n  private eventsAttached = false;\n  private form: string;\n  private swipeStartX: number | null = null;\n  private swipeStartY: number | null = null;\n  private swipeStartTime: number | null = null;\n  private isSwiping = false;\n  private SWIPE_THRESHOLD = 50; // Minimum distance for a swipe (px)\n  private SWIPE_EDGE_ZONE = 20; // Edge detection zone (px)\n  private SWIPE_VELOCITY_THRESHOLD = 0.3; // Minimum velocity (px/ms)\n  private triggerElement?: Element;\n  private headerElement?: Element;\n  private footerElement?: Element;\n\n  private triggerClickEvents: EventsAndListeners = [\n    ['click', this.show],\n    [\n      'keydown',\n      (e: KeyboardEvent) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          this.show();\n        }\n      },\n    ],\n  ];\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Use this prop to toggle the visibility of the drawer. Set to true to show\n   * the drawer and false to hide it.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\n\n  /**\n   * If true, the drawer cannot be closed by the user.\n   */\n  @Prop({ reflect: true })\n  readonly undismissable: boolean = false;\n\n  /**\n   * If true, the drawer will be closed when the backdrop is clicked.\n   */\n  @Prop({ reflect: true })\n  readonly clickOutside: boolean = false;\n\n  /**\n   * If true, the drawer visibility is managed manually through methods or the\n   * open prop.\n   */\n  @Prop({ reflect: true })\n  readonly controlled: boolean = false;\n\n  /**\n   * Side from which the drawer appears.\n   */\n  @Prop({ reflect: true })\n  readonly side: 'left' | 'right' = 'right';\n\n  /**\n   * Size of the drawer. Defaults to 'md'.\n   * - 'sm': Small drawer (~320px)\n   * - 'md': Medium drawer (~400px)\n   * - 'lg': Large drawer (~600px)\n   * - 'full': Full width drawer (100vw on mobile, ~800px on desktop)\n   */\n  @Prop({ reflect: true })\n  readonly size: 'sm' | 'md' | 'lg' | 'full' = 'md';\n\n  /**\n   * Width of the drawer. If specified, this will override the size prop.\n   * Defaults to the width corresponding to the size prop (400px for 'md').\n   */\n  @Prop({ reflect: true })\n  readonly width?: string;\n\n  /**\n   * Controls whether the drawer should automatically focus the first focusable\n   * element when opened. When disabled, prevents unwanted tooltip triggers on\n   * drawer open.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  /**\n   * Enables swipe gesture to open/close the drawer on touch devices.\n   * - Swipe from the edge (left for left drawer, right for right drawer) to open\n   * - Swipe towards the edge from inside the drawer to close\n   */\n  @Prop({ reflect: true })\n  readonly swipeToOpen: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Call this method to show the drawer, making it visible on the screen.\n   */\n  @Method()\n  public async show() {\n    this.open = true;\n    this.preventScroll();\n    /** It is recommended to use the .show() or .showModal() method to render\n     * drawers, rather than the open attribute. If a <dialog> is opened using\n     * the open attribute, it is non-modal. */\n    const { setFadeOut } = useFade(this.dialogElement);\n    setFadeOut();\n    this.dialogElement.showModal();\n\n    // Wait for dialog to be visible\n    await new Promise(resolve => requestAnimationFrame(resolve));\n\n    // Set initial position off-screen and animate\n    const slideDirection = this.side === 'right' ? 100 : -100;\n    const { setSlideX, slideX } = useSlide(this.contentElement, {\n      duration: 300,\n    });\n    const { fadeIn } = useFade(this.dialogElement, {\n      duration: 300,\n    });\n\n    // Clear any previous transform first\n    if (this.contentElement) {\n      this.contentElement.style.transform = '';\n    }\n\n    // Set initial position off-screen\n    setSlideX(slideDirection);\n\n    // Wait another frame to ensure position is set\n    await new Promise(resolve => requestAnimationFrame(resolve));\n\n    // Animate both slide and fade in parallel\n    const slideIn = slideX({ from: slideDirection, to: 0 });\n    await parallel(fadeIn, slideIn).start();\n  }\n\n  /**\n   * Call this method to hide the drawer, making it disappear from view.\n   */\n  @Method()\n  public async close() {\n    this.open = false;\n    this.allowScroll();\n    const slideDirection = this.side === 'right' ? 100 : -100;\n    const { slideX } = useSlide(this.contentElement, {\n      duration: 300,\n    });\n    const { fadeOut } = useFade(this.dialogElement, {\n      duration: 300,\n    });\n\n    // Animate both slide and fade out in parallel\n    const slideOut = slideX({ from: 0, to: slideDirection });\n    await parallel(slideOut, fadeOut).start();\n\n    // Reset transform after animation completes\n    if (this.contentElement) {\n      this.contentElement.style.transform = '';\n    }\n\n    this.dialogElement.close();\n  }\n\n  /**\n   * Sets the autofocus on the first focusable element in the drawer.\n   */\n  private setAutofocus() {\n    const focusableElements = tabbable(this.dialogElement, {\n      displayCheck: 'none',\n    });\n\n    if (focusableElements.length > 0) {\n      // Convert to array and find element with smallest top and left position\n      let topLeftElement = focusableElements[0];\n      let topLeftRect = topLeftElement.getBoundingClientRect();\n\n      focusableElements.forEach(element => {\n        const rect = element.getBoundingClientRect();\n        if (rect.top < topLeftRect.top || rect.left < topLeftRect.left) {\n          topLeftElement = element;\n          topLeftRect = rect;\n        }\n      });\n\n      // Set autofocus attribute on the found element\n      topLeftElement.setAttribute('autofocus', 'true');\n    }\n  }\n\n  /**\n   * Attaches event listeners to the drawer.\n   */\n  private attachEventListeners() {\n    if (this.triggerElement && !this.eventsAttached && !this.controlled) {\n      addEventListeners(this.triggerClickEvents, this.triggerElement, this);\n      this.eventsAttached = true;\n    }\n  }\n\n  /**\n   * Prevents the body from scrolling when the drawer is open.\n   * Compensates for scrollbar width to prevent layout shift.\n   */\n  private preventScroll() {\n    // Calculate scrollbar width\n    const scrollBarWidth =\n      window.innerWidth - document.documentElement.clientWidth;\n\n    // Apply overflow hidden and padding compensation\n    document.documentElement.style.overflow = 'hidden';\n    document.documentElement.style.paddingRight = `${scrollBarWidth}px`;\n  }\n\n  /**\n   * Allows the body to scroll when the drawer is closed.\n   * Removes the applied overflow and padding styles.\n   */\n  private allowScroll() {\n    // Remove the applied styles\n    document.documentElement.style.removeProperty('overflow');\n    document.documentElement.style.removeProperty('padding-right');\n  }\n\n  private ensureFormId(formElement: HTMLFormElement): string {\n    if (!formElement.id) {\n      formElement.id = `drawer-form-${uuidv4()}`;\n    }\n    return formElement.id;\n  }\n\n  /**\n   * Checks for and sets up form ID if a form is present\n   */\n  private checkForForm = () => {\n    if (!this.form) {\n      const formElement = this.el.querySelector('form') as HTMLFormElement;\n      if (formElement) {\n        this.form = this.ensureFormId(formElement);\n      }\n    }\n  };\n\n  /**\n   * Handles the native drawer close event.\n   */\n  private handleDrawerClose = () => {\n    if (this.open) {\n      this.close();\n    }\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the drawer is closing in order to allow for cleanup, data-capture, etc.\n   * @bind open\n   */\n  @Event({ bubbles: false })\n  openChanged: EventEmitter<boolean>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('open')\n  async handleDrawerOpenChange(isOpen: boolean) {\n    if (isOpen) {\n      this.show();\n      this.openChanged.emit(isOpen);\n    } else {\n      this.close();\n      this.openChanged.emit(isOpen);\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LISTENERS\n\n  /**\n   * Handles the keydown event to optionally prevent the native drawer from closing when the escape key is pressed.\n   * @param {KeyboardEvent} event - The keydown event.\n   */\n  @Listen('keydown', { target: 'document' })\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key !== 'Escape') return;\n    if (!this.open) return;\n\n    event.preventDefault();\n    event.stopPropagation();\n    const hasOpenPopover = this.checkForOpenPopovers();\n\n    if (!this.undismissable && !hasOpenPopover) {\n      event.preventDefault();\n      event.stopPropagation();\n      this.close();\n    }\n  }\n\n  /**\n   * Handles the click event to close the drawer when clickOutside is true.\n   * @param {MouseEvent} event - The click event.\n   */\n  private handleDrawerClick = (event: MouseEvent) => {\n    if (!this.clickOutside || this.undismissable) return;\n    if (this.checkForOpenPopovers()) return;\n\n    if (event.target === this.backdropElement) {\n      this.close();\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  };\n\n  private checkForOpenPopovers = (): boolean => {\n    let hasOpenPopover = false;\n\n    this.el.querySelectorAll('nv-popover').forEach(popover => {\n      if (popover.hasAttribute('open')) {\n        hasOpenPopover = true;\n      }\n    });\n\n    return hasOpenPopover;\n  };\n\n  /**\n   * Handles pointer down events for swipe detection.\n   * @param {PointerEvent} event - The pointer down event.\n   */\n  @Listen('pointerdown', { target: 'window' })\n  handlePointerDown(event: PointerEvent) {\n    if (!this.swipeToOpen || this.controlled) return;\n\n    const x = event.clientX;\n    const y = event.clientY;\n    const screenWidth = window.innerWidth;\n\n    // Check if swipe starts from edge (for opening drawer)\n    if (!this.open) {\n      const isLeftEdge = this.side === 'left' && x <= this.SWIPE_EDGE_ZONE;\n      const isRightEdge =\n        this.side === 'right' && x >= screenWidth - this.SWIPE_EDGE_ZONE;\n\n      if (isLeftEdge || isRightEdge) {\n        this.swipeStartX = x;\n        this.swipeStartY = y;\n        this.swipeStartTime = Date.now();\n        this.isSwiping = true;\n        event.preventDefault();\n      }\n    } else {\n      // Check if swipe starts from inside the drawer (for closing)\n      if (this.contentElement && this.dialogElement.hasAttribute('open')) {\n        const drawerRect = this.contentElement.getBoundingClientRect();\n        if (\n          x >= drawerRect.left &&\n          x <= drawerRect.right &&\n          y >= drawerRect.top &&\n          y <= drawerRect.bottom\n        ) {\n          this.swipeStartX = x;\n          this.swipeStartY = y;\n          this.swipeStartTime = Date.now();\n          this.isSwiping = true;\n        }\n      }\n    }\n  }\n\n  /**\n   * Handles pointer move events during swipe.\n   * @param {PointerEvent} event - The pointer move event.\n   */\n  @Listen('pointermove', { target: 'window' })\n  handlePointerMove(event: PointerEvent) {\n    if (!this.isSwiping || !this.swipeStartX || !this.swipeStartY) return;\n\n    // Prevent scrolling during swipe\n    event.preventDefault();\n  }\n\n  /**\n   * Handles pointer up events to complete swipe gesture.\n   * @param {PointerEvent} event - The pointer up event.\n   */\n  @Listen('pointerup', { target: 'window' })\n  handlePointerUp(event: PointerEvent) {\n    if (\n      !this.isSwiping ||\n      !this.swipeStartX ||\n      !this.swipeStartY ||\n      !this.swipeStartTime\n    ) {\n      this.resetSwipe();\n      return;\n    }\n\n    const x = event.clientX;\n    const y = event.clientY;\n    const deltaX = x - this.swipeStartX;\n    const deltaY = y - this.swipeStartY;\n    const deltaTime = Date.now() - this.swipeStartTime;\n    const distance = Math.abs(deltaX);\n    const velocity = distance / deltaTime;\n\n    // Only consider horizontal swipes (vertical movement should be less than horizontal)\n    if (Math.abs(deltaY) > Math.abs(deltaX)) {\n      this.resetSwipe();\n      return;\n    }\n\n    // Check if swipe meets threshold requirements\n    if (\n      distance >= this.SWIPE_THRESHOLD ||\n      velocity >= this.SWIPE_VELOCITY_THRESHOLD\n    ) {\n      if (!this.open) {\n        // Opening swipe: from left edge going right, or from right edge going left\n        const isOpeningSwipe =\n          (this.side === 'left' && deltaX > 0) ||\n          (this.side === 'right' && deltaX < 0);\n\n        if (isOpeningSwipe && !this.undismissable) {\n          this.show();\n        }\n      } else {\n        // Closing swipe: towards the edge\n        const isClosingSwipe =\n          (this.side === 'left' && deltaX < 0) ||\n          (this.side === 'right' && deltaX > 0);\n\n        if (isClosingSwipe && !this.undismissable) {\n          this.close();\n        }\n      }\n    }\n\n    this.resetSwipe();\n  }\n\n  /**\n   * Resets swipe tracking state.\n   */\n  private resetSwipe() {\n    this.swipeStartX = null;\n    this.swipeStartY = null;\n    this.swipeStartTime = null;\n    this.isSwiping = false;\n  }\n\n  //#endregion LISTENERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  /**\n   * Lifecycle method that runs before the component loads.\n   * Initializes the trigger, header, and footer elements by finding them in the component's children.\n   * Elements are found either by their slot attribute or by their tag name (for drawer header/footer)\n   */\n  componentWillLoad() {\n    this.triggerElement = Array.from(this.el.children).find(child => {\n      return child.getAttribute('slot') === 'trigger';\n    }) as HTMLElement;\n\n    this.headerElement = Array.from(this.el.children).find(child => {\n      return (\n        child.getAttribute('slot') === 'header' ||\n        child.tagName.toLowerCase() === 'nv-drawerheader'\n      );\n    }) as HTMLElement;\n\n    this.footerElement = Array.from(this.el.children).find(child => {\n      return (\n        child.getAttribute('slot') === 'footer' ||\n        child.tagName.toLowerCase() === 'nv-drawerfooter'\n      );\n    }) as HTMLElement;\n\n    // Initial form check\n    this.checkForForm();\n  }\n\n  componentWillUpdate() {\n    this.attachEventListeners();\n  }\n\n  componentDidLoad() {\n    if (this.open) {\n      this.show();\n    }\n    // Only set autofocus if the prop is true and no element already has autofocus\n    if (this.autofocus && !this.dialogElement.querySelector('[autofocus]')) {\n      this.setAutofocus();\n    }\n    this.attachEventListeners();\n\n    // Additional form check in case form was added after initial load\n    this.checkForForm();\n\n    // this.setupContentBodyListeners();\n  }\n\n  disconnectedCallback() {\n    if (this.triggerElement && !this.eventsAttached && !this.controlled) {\n      removeEventListeners(this.triggerClickEvents, this.triggerElement, this);\n      this.eventsAttached = false;\n    }\n    this.allowScroll();\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    const hasForm = this.form || this.el.querySelector('form');\n    const state = this.open ? 'open' : 'closed';\n\n    return (\n      <Host>\n        <slot name=\"trigger\"></slot>\n\n        <dialog\n          ref={el => (this.dialogElement = el)}\n          onClose={this.handleDrawerClose}\n          onClick={this.handleDrawerClick}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-labelledby=\"drawer-header\"\n          aria-describedby=\"drawer-content\"\n          class={clsx({ [`side-${this.side}`]: true })}\n          data-state={state}\n        >\n          <div class=\"backdrop\" ref={el => (this.backdropElement = el)}>\n            <div\n              class={clsx('content', `size-${this.size}`)}\n              ref={el => (this.contentElement = el)}\n              data-state={state}\n              data-side={this.side}\n              style={this.width ? { width: this.width } : {}}\n            >\n              {!this.undismissable && (\n                <nv-button\n                  class=\"close-button\"\n                  emphasis=\"lower\"\n                  size=\"sm\"\n                  onClick={this.handleDrawerClose}\n                  aria-label=\"Close drawer\"\n                >\n                  <nv-icon name=\"x\" size=\"sm\" />\n                </nv-button>\n              )}\n\n              {this.headerElement ? (\n                <slot name=\"header\"></slot>\n              ) : (\n                <nv-drawerheader id=\"drawer-header\"></nv-drawerheader>\n              )}\n\n              <div class=\"content-body\" id=\"drawer-content\">\n                <slot></slot>\n              </div>\n\n              {this.footerElement ? (\n                <slot name=\"footer\"></slot>\n              ) : (\n                <nv-drawerfooter\n                  form={this.form}\n                  primaryButtonType={\n                    hasForm ? ButtonType.Submit : ButtonType.Button\n                  }\n                  onDrawerCanceled={this.handleDrawerClose}\n                  undismissable={this.undismissable}\n                ></nv-drawerfooter>\n              )}\n            </div>\n          </div>\n        </dialog>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"names":["uuidv4"],"mappings":"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"}

package/dist/esm/nv-drawerfooter.nv-drawerheader.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nv-drawerfooter.nv-drawerheader.entry.js","sources":["src/components/nv-drawerfooter/nv-drawerfooter.scss?tag=nv-drawerfooter","src/components/nv-drawerfooter/nv-drawerfooter.tsx","src/components/nv-drawerheader/nv-drawerheader.scss?tag=nv-drawerheader","src/components/nv-drawerheader/nv-drawerheader.tsx"],"sourcesContent":["nv-drawerfooter {\n  display: flex;\n  padding: var(--drawer-padding-y, var(--dialog-footer-padding-top)) var(--drawer-padding-x, var(--dialog-footer-padding-x))\n    var(--drawer-padding-y, var(--dialog-footer-padding-bottom)) var(--drawer-padding-x, var(--dialog-footer-padding-x));\n\n  justify-content: flex-end;\n  align-items: flex-end;\n  gap: var(--drawer-gap-y, var(--dialog-footer-gap-y));\n  align-self: stretch;\n}","import {\n  AttachInternals,\n  Component,\n  h,\n  Host,\n  Prop,\n  Event,\n  EventEmitter,\n  Fragment,\n  Element,\n} from '@stencil/core';\nimport { ButtonType } from '../../utils/constants';\n\n/**\n * @slot default - Custom content for the drawer footer. When provided, the default buttons will not be rendered.\n */\n@Component({\n  tag: 'nv-drawerfooter',\n  styleUrl: 'nv-drawerfooter.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvDrawerfooter {\n  @AttachInternals() internals: ElementInternals;\n  @Element() el: HTMLNvDrawerfooterElement;\n  private hasSlot = false;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Disables the primary button, preventing user interaction.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Controls the visibility of the cancel button. When true, the cancel button is\n   * hidden.\n   */\n  @Prop({ reflect: true })\n  readonly undismissable: boolean = false;\n\n  /**\n   * Sets the leading icon for the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly leadingIcon?: string | null = null;\n\n  /**\n   * Sets the trailing icon for the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly trailingIcon?: string | null = null;\n\n  /**\n   * Sets the danger state for the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly danger: boolean = false;\n\n  /**\n   * Sets the label for the cancel button.\n   */\n  @Prop({ reflect: true })\n  readonly cancelLabel: string | null = 'Cancel';\n\n  /**\n   * Sets the label for the primary button.\n   */\n  @Prop({ reflect: true })\n  readonly primaryLabel: string | null = 'Primary';\n\n  /**\n   * Sets the type of the primary button. If using a form, this will default to\n   * 'submit' if nothing passed.\n   */\n  @Prop({ reflect: true, mutable: true })\n  primaryButtonType: `${ButtonType}`;\n\n  /**\n   * A form inside the drawer can be submitted through the drawer footer by\n   * giving the form an id and passing that id to the form attribute.\n   */\n  @Prop({ reflect: true })\n  readonly form?: string | null = null;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the cancel button is clicked. This will close the drawer.\n   */\n  @Event({ bubbles: false })\n  drawerCanceled: EventEmitter<void>;\n\n  /**\n   * Emitted when the primary button is clicked. This allows to handle the\n   * primary action and potential data capture before closing the drawer.\n   */\n  @Event({ bubbles: false })\n  drawerPrimaryClicked: EventEmitter<void>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Handles the primary action when the primary button is clicked.\n   * @param {Event} event - The click event.\n   */\n\n  private handlePrimary = (event: Event) => {\n    event.stopPropagation();\n    this.drawerPrimaryClicked.emit();\n  };\n\n  /**\n   * Handles the cancel action when the cancel button is clicked. This will close the drawer.\n   * @param {Event} event - The click event.\n   */\n  private handleCancel = (event: Event) => {\n    event.stopPropagation();\n    this.drawerCanceled.emit();\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    // Check if there are any child elements that don't have a slot attribute\n    this.hasSlot = Array.from(this.el.childNodes).some(node => {\n      return (\n        node.nodeType === Node.ELEMENT_NODE &&\n        !(node as Element).hasAttribute('slot')\n      );\n    });\n  }\n\n  componentDidLoad() {\n    // Set the default button type based on the form property\n    this.primaryButtonType =\n      this.primaryButtonType || this.form\n        ? ButtonType.Submit\n        : ButtonType.Button;\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        {!this.hasSlot ? (\n          <Fragment>\n            {!this.undismissable && (\n              <nv-button onClick={this.handleCancel} emphasis=\"low\" size=\"sm\">\n                {this.cancelLabel}\n              </nv-button>\n            )}\n            <nv-button\n              onClick={this.handlePrimary}\n              disabled={this.disabled}\n              danger={this.danger}\n              size=\"sm\"\n              emphasis=\"high\"\n              form={this.form}\n              type={this.primaryButtonType}\n            >\n              {this.leadingIcon && (\n                <nv-icon\n                  slot=\"leading-icon\"\n                  name={this.leadingIcon}\n                  size=\"sm\"\n                />\n              )}\n              {this.primaryLabel}\n              {this.trailingIcon && (\n                <nv-icon\n                  slot=\"trailing-icon\"\n                  name={this.trailingIcon}\n                  size=\"sm\"\n                />\n              )}\n            </nv-button>\n          </Fragment>\n        ) : (\n          <slot></slot>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n","nv-drawerheader {\n  padding: var(--drawer-padding-y, var(--dialog-header-padding-top))\n    var(--drawer-padding-x, var(--dialog-header-padding-x))\n    var(--drawer-padding-y, var(--dialog-header-padding-bottom))\n    var(--drawer-padding-x, var(--dialog-header-padding-x));\n  justify-content: space-between;\n  align-items: flex-start;\n  align-self: stretch;\n\n  // Reset padding when custom content is provided via slot\n  &:has(> div:not(.heading):not(.subheading)) {\n    padding: 0;\n  }\n\n  // Ensure gradient backgrounds are visible\n  > div[style*='gradient'] {\n    background-attachment: local;\n  }\n\n  .heading {\n    color: var(--color-content-high-text);\n\n\n    /* heading/xs/medium */\n    font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n    font-size: var(--font-size-lg);\n    font-style: normal;\n    font-weight: var(--font-weight-medium-emphasis);\n    padding-right: var(--drawer-header-padding-right, var(--spacing-7));\n    line-height: var(--leading-px-6); /* 133.333% */\n    letter-spacing: var(--letter-spacing-heading-xs);\n  }\n\n  .subheading {\n    color: var(--color-content-low-text);\n\n    /* text/sm/regular */\n    font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n    font-size: var(--font-size-sm);\n    font-style: normal;\n    font-weight: var(--font-weight-low-emphasis);\n    line-height: var(--line-height-sm); /* 142.857% */\n  }\n}","import { Component, Host, Prop, h, Element, Fragment } from '@stencil/core';\n\n/**\n * @slot default - Custom content for the drawer header. When provided, the default header will not be rendered.\n */\n@Component({\n  tag: 'nv-drawerheader',\n  styleUrl: 'nv-drawerheader.scss',\n  shadow: false,\n})\nexport class NvDrawerheader {\n  @Element() el: HTMLNvDrawerheaderElement;\n  private hasSlot = false;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the heading text for the drawer.\n   */\n  @Prop({ reflect: true })\n  readonly heading: string | null = 'Drawer Title';\n\n  /**\n   * Sets the subheading text for the drawer.\n   */\n  @Prop({ reflect: true })\n  readonly subheading?: string | null = null;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    // Check if there are any child elements that don't have a slot attribute\n    this.hasSlot = Array.from(this.el.childNodes).some(node => {\n      return (\n        node.nodeType === Node.ELEMENT_NODE &&\n        !(node as Element).hasAttribute('slot')\n      );\n    });\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        {!this.hasSlot ? (\n          <Fragment>\n            <div class=\"heading\">{this.heading}</div>\n            <div class=\"subheading\">{this.subheading}</div>\n          </Fragment>\n        ) : (\n          <slot></slot>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/nv-fieldcheckbox.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nv-fieldcheckbox.entry.js","sources":["src/components/nv-fieldcheckbox/nv-fieldcheckbox.scss?tag=nv-fieldcheckbox","src/components/nv-fieldcheckbox/nv-fieldcheckbox.tsx"],"sourcesContent":["@use \"../../styles/utils\" as utils;\n@use '../../styles/focus-ring' as focus;\n@use '../../styles/form-field' as forms;\n\n@mixin fieldcheckbox-variables() {\n  --nv-fieldcheckbox-border-default: var(\n    --components-form-field-border-default\n  );\n  --nv-fieldcheckbox-border-hover: var(--components-form-field-border-hover);\n  --nv-fieldcheckbox-border-focus: var(--components-form-field-border-default);\n  --nv-fieldcheckbox-background-default: var(\n    --components-form-field-background-default\n  );\n  --nv-fieldcheckbox-background-checked: var(\n    --components-form-field-background-checked\n  );\n  --nv-fieldcheckbox-background-disabled: var(\n    --components-form-field-background-disabled\n  );\n  --nv-fieldcheckbox-focus-box-shadow: var(--color-focus-brand);\n  --nv-fieldcheckbox-color-checked: var(\n    --components-form-shape-foreground-default\n  );\n  --nv-fieldcheckbox-color-disabled: var(\n    --components-form-shape-foreground-disabled\n  );\n  --nv-fieldcheckbox-outline-color: var(--color-focus-brand);\n}\n\n@mixin fieldcheckbox-error-variables() {\n  --nv-fieldcheckbox-border-default: var(--components-form-field-border-error);\n  --nv-fieldcheckbox-border-hover: var(--nv-fieldcheckbox-border-default);\n  --nv-fieldcheckbox-border-focus: var(--components-form-field-border-error);\n  --nv-fieldcheckbox-focus-box-shadow: var(--color-focus-destructive);\n  --nv-fieldcheckbox-color-disabled: var(\n    --components-form-shape-foreground-disabled-error\n  );\n  --nv-fieldcheckbox-background-checked: var(\n    --components-form-field-background-error\n  );\n  --nv-fieldcheckbox-outline-color: var(--color-focus-destructive);\n}\n\n@mixin root-styles() {\n  display: inline-flex;\n  align-items: flex-start;\n  gap: var(--form-gap-x);\n  position: relative;\n\n  &:not([disabled], [readonly]) {\n    input,\n    label {\n      cursor: pointer;\n    }\n  }\n}\n\n@mixin label-before-styles() {\n  flex-direction: row-reverse;\n}\n\n@mixin label-styles() {\n  align-self: stretch;\n  text-align: left;\n  color: var(--components-form-text-label-default);\n  font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n  font-size: var(--form-label-font-size);\n  font-style: normal;\n  font-weight: var(--form-label-font-weight);\n  line-height: var(--form-label-line-height);\n}\n\n@mixin description-styles() {\n  align-self: stretch;\n  color: var(--components-form-text-description-default);\n  font-family: var(--font-family-default), var(--font-family-fallback), sans-serif;\n  font-size: var(--form-description-font-size);\n  font-style: normal;\n  font-weight: var(--form-description-font-weight);\n  line-height: var(--form-description-line-height);\n}\n\n@mixin error-description-styles() {\n  @include description-styles();\n\n  color: var(--components-form-text-description-error);\n}\n\n@mixin text-container-styles() {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  flex: 1 0 0;\n}\n\n@mixin input-container-styles() {\n  position: relative;\n  color: var(--nv-fieldcheckbox-color-checked);\n\n  input[type='checkbox'][readonly] {\n    // TODO: Find a way to use the --components-form-opacity-disabled variable properly, right now it outputs a value of 50px instead of 0.5.\n    opacity: 0.5;\n  }\n\n  &:has(input[type='checkbox']:disabled:not([readonly])) {\n    color: var(--nv-fieldcheckbox-color-disabled);\n  }\n}\n\n@mixin input-styles() {\n  appearance: none;\n  position: relative;\n  display: flex;\n  width: var(--form-checkbox-size);\n  height: var(--form-checkbox-size);\n  flex-direction: column;\n  align-items: flex-start;\n  border-radius: var(--form-checkbox-radius);\n  border-width: var(--form-checkbox-border-width);\n  border-style: solid;\n  border-color: var(--nv-fieldcheckbox-border-default);\n  background: var(--nv-fieldcheckbox-background-default);\n\n  &:hover {\n    border-color: var(--nv-fieldcheckbox-border-hover);\n  }\n\n  &:focus {\n    border-color: var(--nv-fieldcheckbox-border-focus);\n  }\n\n  @include focus.focus-ring(var(--nv-fieldcheckbox-outline-color));\n\n  &:checked,\n  &:indeterminate {\n    background: var(--nv-fieldcheckbox-background-checked);\n    border-color: var(--nv-fieldcheckbox-background-checked);\n  }\n\n  &:disabled:not([readonly]) {\n    background: var(--nv-fieldcheckbox-background-disabled);\n    border-color: var(--nv-fieldcheckbox-border-default);\n  }\n\n  &[readonly] {\n    // TODO: Find a way to use the --components-form-opacity-disabled variable properly, right now it outputs a value of 50px instead of 0.5.\n    opacity: 0.5;\n  }\n}\n\n@mixin icon-styles() {\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    width: var(--form-checkbox-icon-size);\n    height: var(--form-checkbox-icon-size);\n    fill: none;\n    stroke: currentcolor;\n    stroke-width: var(--form-checkbox-icon-stroke);\n    flex-shrink: 0;\n  }\n}\n\nnv-fieldcheckbox {\n  @include fieldcheckbox-variables();\n  @include root-styles();\n\n  &.error > .input-container {\n    @include fieldcheckbox-error-variables();\n  }\n\n  &.label-placement-before {\n    @include label-before-styles();\n  }\n\n  &[disabled]:not([disabled='false']) {\n    // TODO: Find a way to use the --components-form-opacity-disabled variable properly, right now it outputs a value of 50px instead of 0.5.\n    opacity: 0.5;\n  }\n\n  > .input-container {\n    @include input-container-styles();\n\n    input[type='checkbox'] {\n      @include input-styles();\n    }\n\n    .icon {\n      @include icon-styles();\n    }\n  }\n\n  &[required]:not([required='false']) > .text-container label,\n  &[aria-required=\"true\"] > .text-container label {\n    @include forms.form-field-label-required();\n  }\n\n  > .text-container {\n    @include text-container-styles();\n\n    label {\n      @include label-styles();\n      &.visually-hidden {\n        @include utils.visually-hidden();\n      }\n    }\n\n    .description {\n      @include description-styles();\n    }\n\n    .error-description {\n      @include error-description-styles();\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Watch,\n  Event,\n  EventEmitter,\n  Listen,\n} from '@stencil/core';\nimport clsx from 'clsx';\nimport { v4 as uuidv4 } from 'uuid';\n\nimport { type LabelPlacement } from '../../utils/constants';\n\n/**\n * @slot default - Next to the label and description.\n * @slot main - Replaces the label and description.\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 * @slot checked-icon - Content to be placed as the checked icon, will override the checkedIcon prop.\n * @slot indeterminate-icon - Content to be placed as the indeterminate icon, will override the indeterminateIcon prop.\n */\n@Component({\n  tag: 'nv-fieldcheckbox',\n  styleUrl: 'nv-fieldcheckbox.scss',\n  formAssociated: true,\n  shadow: false,\n})\nexport class NvFieldcheckbox {\n  @Element() el!: HTMLNvFieldcheckboxElement;\n\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Message define a 'hint ' message for the Field.\n   * @deprecated Use `description` instead.\n   * */\n  @Prop({ reflect: true })\n  readonly message?: string;\n\n  /**\n   * The text for the validation message.\n   * @deprecated Use `errorDescription` and set the error prop instead.\n   * */\n  @Prop({ reflect: true })\n  readonly validation?: string;\n\n  /**\n   * When true, the label will be placed before the checkbox.\n   * @deprecated Use `labelPlacement = end` instead.\n   * */\n  @Prop({ reflect: true })\n  readonly labelBefore?: boolean = false;\n\n  //#endregion DEPRECATED\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the radio button’s input element and the for attribute of\n   * the associated label. If no ID is provided, a random one will be\n   * automatically generated to ensure unique identification, facilitating\n   * proper label association and accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * The name attribute for the checkbox input, used to reference the form data\n   * after submission.\n   */\n  @Prop({ reflect: true })\n  readonly name?: string;\n\n  /**\n   * The value attribute of the checkbox input, representing the value sent on\n   * form submission when the checkbox is checked. When the form is submitted,\n   * the data will consist of a name=value pair.\n   */\n  @Prop({ reflect: true })\n  readonly value?: string;\n\n  /**\n   * The label displayed next to the checkbox.\n   */\n  @Prop({ reflect: true })\n  readonly label?: string;\n\n  /**\n   * Determines the position of the label relative to the checkbox, either\n   * 'start' (before) or 'end' (after).\n   */\n  @Prop({ reflect: true, mutable: true })\n  labelPlacement: `${LabelPlacement}`;\n\n  /**\n   * Hides the label visually while still keeping it available for screen\n   * readers.\n   */\n  @Prop({ reflect: true })\n  readonly hideLabel: boolean = false;\n\n  /**\n   * A description providing additional context or information about the\n   * checkbox.\n   */\n  @Prop({ reflect: true, mutable: true })\n  description?: string;\n\n  /**\n   * Signals that there is an error associated with the checkbox, which can\n   * trigger visual cues.\n   * @validator error\n   */\n  @Prop({ reflect: true, mutable: true })\n  error: boolean = false;\n\n  /**\n   * A description that appears when there is an error related to the checkbox.\n   * @validator message\n   */\n  @Prop({ reflect: true, mutable: true })\n  errorDescription?: string;\n\n  /**\n   * Indicates whether the checkbox is checked or not.\n   */\n  @Prop({ reflect: true, mutable: true })\n  checked: boolean = false;\n\n  /**\n   * Indicates whether the checkbox is in an indeterminate state, typically used\n   * for hierarchical checkboxes.\n   */\n  @Prop({ reflect: true, mutable: true })\n  indeterminate: boolean = false;\n\n  /**\n   * Disables the checkbox, preventing user interaction.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Sets the checkbox to read-only, preventing user changes but still allowing\n   * focus and selection of text.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks the checkbox as required, indicating that it must be checked for\n   * form submission.\n   * @note This uses the native HTML `required` attribute, which triggers browser validation.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Marks the checkbox as required for accessibility purposes without triggering\n   * native HTML validation. Use this when implementing custom validation logic.\n   * @note When set, this uses `aria-required` instead of the native `required` attribute.\n   * This allows developers to implement custom validation while maintaining accessibility.\n   * @note If this prop is not explicitly set, the component will check for the HTML attribute\n   * 'aria-required' directly to determine if it should be applied.\n   */\n  @Prop({ reflect: true, attribute: 'aria-required' })\n  readonly ariaRequiredAttr: boolean = false;\n\n  /**\n   * Applies focus to the input field as soon as the component is mounted. This\n   * is equivalent to setting the native autofocus attribute on an <input>\n   * element.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emits when the checked state changes.\n   * @bind checked\n   */\n  @Event({ bubbles: false })\n  checkedChanged: EventEmitter<boolean>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region LISTENERS\n\n  /**\n   * Listens for the change event on the checkbox input element and updates the\n   * checked state.\n   * @param {Event} event - The change event.\n   */\n  @Listen('change')\n  handleChange(event: Event) {\n    const target = event.target as HTMLInputElement;\n\n    if (target.type === 'checkbox' && target.id === this.inputId) {\n      if (this.readonly || this.disabled) {\n        event.preventDefault();\n        return;\n      }\n\n      if (this.indeterminate) {\n        this.indeterminate = false;\n      }\n\n      this.checked = target.checked;\n    }\n  }\n\n  //#endregion LISTENERS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  /**\n   * Watches for changes to the checked state and emits the new value.\n   * @param {boolean} checked - The new value of the checked state.\n   */\n  @Watch('checked')\n  onCheckedChanged(checked: boolean) {\n    this.checkedChanged.emit(checked);\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillRender() {\n    if (this.message) {\n      this.description = this.message;\n    }\n\n    if (this.labelBefore) {\n      this.labelPlacement = 'before';\n    }\n\n    if (this.validation) {\n      this.errorDescription = this.validation;\n      this.error = true;\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    // Check aria-required from multiple sources:\n    // 1. HTML attribute 'aria-required' (direct HTML) - check if explicitly set\n    // 2. JavaScript prop (when prop is explicitly set via JavaScript)\n    // We use hasAttribute to determine if the attribute was explicitly set by the user,\n    // since the prop now defaults to false (to maintain Blazor compatibility)\n    const hasAriaRequiredAttr =\n      this.el.hasAttribute('aria-required') ||\n      this.el.hasAttribute('aria-required-attr');\n\n    const ariaRequiredFromAttr = hasAriaRequiredAttr\n      ? this.el.getAttribute('aria-required') ||\n        this.el.getAttribute('aria-required-attr')\n      : null;\n\n    // Use aria-required if the attribute was explicitly set\n    // With reflect: true, setting the prop will also set the attribute\n    const useAriaRequired = hasAriaRequiredAttr;\n\n    // Determine the value: use attribute if it exists (prop reflects to attribute via reflect: true)\n    // If attribute doesn't exist, the prop was never set and we don't use aria-required\n    const ariaRequiredAttrValue = hasAriaRequiredAttr\n      ? ariaRequiredFromAttr\n      : null;\n\n    // Determine which attributes to use\n    // If aria-required HTML attribute is present, use it (convert string to boolean)\n    // If required is set and aria-required is not \"false\", use native required\n    // If aria-required is \"false\", don't use native required even if required is set\n    const ariaRequiredValue = useAriaRequired\n      ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''\n      : undefined;\n\n    const useNativeRequired =\n      this.required && (!useAriaRequired || ariaRequiredValue === true);\n\n    return (\n      <Host\n        class={clsx(\n          this.labelPlacement === 'before' && 'label-placement-before',\n          this.error && 'error',\n        )}\n      >\n        <div class=\"input-container\">\n          <input\n            type=\"checkbox\"\n            id={this.inputId}\n            name={this.name}\n            autofocus={this.autofocus}\n            autocomplete=\"off\"\n            value={this.value}\n            checked={Boolean(this.checked)}\n            disabled={this.disabled || this.readonly}\n            readonly={this.readonly && !useNativeRequired}\n            required={useNativeRequired ? this.required : undefined}\n            {...(ariaRequiredValue !== undefined && {\n              'aria-required': String(ariaRequiredValue),\n            })}\n            indeterminate={this.indeterminate}\n            ref={el => {\n              if (el) {\n                el.indeterminate = this.indeterminate;\n              }\n            }}\n          />\n          <span class=\"icon\">\n            {this.checked && !this.indeterminate && (\n              <slot name=\"checked-icon\">\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"14\"\n                  height=\"14\"\n                  viewBox=\"0 0 14 14\"\n                  fill=\"none\"\n                >\n                  <path\n                    d=\"M11.6667 3.5L5.25004 9.91667L2.33337 7\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </slot>\n            )}\n            {this.indeterminate && (\n              <slot name=\"indeterminate-icon\">\n                <svg\n                  class=\"indeterminate-svg\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  viewBox=\"0 0 14 14\"\n                  fill=\"none\"\n                >\n                  <path\n                    d=\"M2.9165 7H11.0832\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  />\n                </svg>\n              </slot>\n            )}\n          </span>\n        </div>\n\n        <slot></slot>\n\n        <div class=\"text-container\">\n          <slot name=\"main\">\n            {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n              <label\n                htmlFor={this.inputId}\n                class={clsx(this.hideLabel && 'visually-hidden')}\n              >\n                <slot name=\"label\">{this.label}</slot>\n              </label>\n            )}\n\n            {(this.description ||\n              this.el.querySelector('[slot=\"description\"]')) && (\n              <div class=\"description\">\n                <slot name=\"description\">{this.description}</slot>\n              </div>\n            )}\n          </slot>\n\n          {(this.errorDescription ||\n            this.el.querySelector('[slot=\"error-description\"]')) && (\n            <div hidden={!this.error} class=\"error-description\">\n              <slot name=\"error-description\">{this.errorDescription}</slot>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"names":["uuidv4"],"mappings":"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"}

package/dist/esm/nv-fielddate.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nv-fielddate.entry.js","sources":["src/components/nv-fielddate/styles/nv-fielddate.scss?tag=nv-fielddate","src/components/nv-fielddate/nv-fielddate.tsx"],"sourcesContent":["@use '../../../styles/form-field' as forms;\n\nnv-fielddate {\n  @include forms.form-field-variables();\n  @include forms.form-field-root();\n\n  &[fluid]:not([fluid=\"false\"]) {\n    @include forms.form-field-fluid();\n  }\n\n  &[readonly]:not([readonly='false']) {\n    @include forms.form-field-readonly-variables();\n  }\n\n  &[error]:not([error='false']) {\n    @include forms.form-field-error-variables();\n  }\n\n  &[success]:not([success='false']) {\n    @include forms.form-field-success-variables();\n  }\n\n  &[required]:not([required='false']) label,\n  &[aria-required=\"true\"] label {\n    @include forms.form-field-label-required();\n  }\n\n  label {\n    @include forms.form-field-label();\n  }\n\n  nv-popover {\n    width: 100%;\n    display: block;\n\n    [data-scope='popover'] {\n      padding: 0;\n      background-color: var(--components-list-dropdown-background);\n      border: 1px solid var(--components-list-dropdown-border);\n      width: auto;\n    }\n\n    [slot='content'] {\n      display: block;\n      width: 100%;\n    }\n    .datepicker-container {\n        border: none\n    }\n  }\n\n  .input-wrapper {\n    @include forms.form-field-input-wrapper();\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    .input-container {\n      @include forms.form-field-input-container();\n\n      input {\n        @include forms.form-field-input();\n        font-feature-settings: 'tnum';\n        font-family: \"TTNorms Pro Mono\", monospace;\n      }\n\n      > nv-iconbutton {\n        @include forms.form-field-action();\n      }\n\n      nv-icon.validation {\n        @include forms.form-field-icon();\n      }\n    }\n  }\n\n  .description {\n    @include forms.form-field-description();\n  }\n\n  .error-description {\n    @include forms.form-field-error-description();\n  }\n}\n","import {\n  Component,\n  h,\n  Prop,\n  State,\n  Element,\n  Event,\n  EventEmitter,\n  Listen,\n  Host,\n  Watch,\n  Method,\n} from '@stencil/core';\nimport Inputmask from 'inputmask';\nimport { v4 as uuidv4 } from 'uuid';\n\n/**\n * Extends HTMLInputElement to include the inputmask property.\n */\ninterface HTMLInputElementWithInputmask extends HTMLInputElement {\n  /**\n   * The inputmask instance that provides masking functionality.\n   */\n  inputmask?: {\n    /**\n     * Removes the inputmask instance.\n     */\n    remove?: () => void;\n  };\n}\n\n/**\n * A field date component that combines an input with a calendar popover.\n *\n * @slot default - Child content of the component.\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input container.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n  tag: 'nv-fielddate',\n  styleUrl: 'styles/nv-fielddate.scss',\n  shadow: false,\n})\nexport class NvFielddate {\n  @Element() el: HTMLNvFielddateElement;\n  private inputElement!: HTMLInputElement;\n\n  private popoverElement!: HTMLNvPopoverElement;\n  private popoverId: string = uuidv4();\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   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * Text displayed as label. A slot label can override this prop.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Description displayed below the input. A slot description can override this prop.\n   */\n  @Prop({ reflect: true })\n  readonly description: string;\n\n  /**\n   * Placeholder for the input field.\n   */\n  @Prop({ reflect: true })\n  readonly placeholder: string;\n\n  /**\n   * Name attribute for the input.\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * Disables the input field.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Sets the input field as read-only.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks the input field as required.\n   * @note This uses the native HTML `required` attribute, which triggers browser validation.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Marks the input field as required for accessibility purposes without triggering\n   * native HTML validation. Use this when implementing custom validation logic.\n   * @note When set, this uses `aria-required` instead of the native `required` attribute.\n   * This allows developers to implement custom validation while maintaining accessibility.\n   * @note If this prop is not explicitly set, the component will check for the HTML attribute\n   * 'aria-required' directly to determine if it should be applied.\n   */\n  @Prop({ reflect: true, attribute: 'aria-required' })\n  readonly ariaRequiredAttr: boolean = false;\n\n  /**\n   * Indicates an error state.\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * Error description. A slot error-description can override this prop.\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription?: string;\n\n  /**\n   * Indicates a success state.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * Autofocus the input when the component is mounted.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  /**\n   * The initial value of the input (date in string format).\n   * @bind value\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string = '';\n\n  /**\n   * The current value of the input date in string format.\n   */\n  @State()\n  singleValue: string = '';\n\n  /**\n   * Controls the opening of the popover.\n   */\n  @State()\n  open: boolean = false;\n\n  /**\n   * First day of the week 0 = Sunday, 1 = Monday, etc.\n   * @default 1\n   */\n  @Prop({ reflect: true })\n  readonly firstDayOfWeek: number = 1;\n\n  /**\n   * Number of calendars to display\n   * @default 1\n   */\n  @Prop({ reflect: true })\n  readonly numberOfCalendars: number = 1;\n\n  /**\n   * Minimum date for selection ISO string format, ex: 2025-01-01\n   */\n  @Prop({ reflect: true })\n  readonly min?: string = '';\n\n  /**\n   * Maximum date for selection ISO string format, ex: 2025-12-31\n   */\n  @Prop({ reflect: true })\n  readonly max?: string = '';\n\n  /** Locale for date formatting\n   * @default 'en-BE'\n   */\n  @Prop({ reflect: true })\n  readonly locale: string = 'en-BE';\n\n  /** Date format ex: YYYY-MM-DD, DD-MM-YYYY, etc.\n   * @default 'YYYY-MM-DD'\n   * @note If the date format is in UTC mode, the date will be displayed in UTC time.\n   * @note If the date format is not in UTC mode, the date will be displayed in the local time.\n   */\n  @Prop({ reflect: true })\n  readonly dateFormat: string = 'YYYY-MM-DD';\n\n  /**\n   * Footer placement\n   * @default 'bottom'\n   */\n  @Prop({ reflect: true })\n  readonly shortcutsPlacement: 'bottom' | 'left' | 'right' = 'bottom';\n\n  /**\n   * Show action buttons\n   * @default false\n   */\n  @Prop({ reflect: true })\n  readonly showActions: boolean = false;\n\n  /**\n   * Custom actions to display in the footer\n   */\n  @Prop({ reflect: true })\n  readonly shortcuts: HTMLNvCalendarElement['shortcuts'];\n\n  /**\n   * Show week numbers\n   * @default true\n   */\n  @Prop({ reflect: true })\n  readonly showWeekNumbers: boolean;\n\n  /**\n   * Disabled dates ISO string array\n   */\n  @Prop({ reflect: true })\n  readonly disabledDates: Array<string>;\n\n  /**\n   * Allows the field to stretch and fill the entire width of its container.\n   */\n  @Prop({ reflect: true })\n  readonly fluid: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Converts the nv-calendar date format to the format expected by Inputmask.\n   * @param {string} format - The date format.\n   * @returns {string} Format adapted for Inputmask.\n   */\n  private convertToInputmaskFormat(format: string): string {\n    // If the format is not specified, use the default format\n    if (!format) {\n      return 'dd/mm/yyyy';\n    }\n\n    const formatMap = {\n      'DD/MM/YYYY': 'dd/mm/yyyy',\n      'MM/DD/YYYY': 'mm/dd/yyyy',\n      'YYYY-MM-DD': 'yyyy-mm-dd',\n      'DD.MM.YYYY': 'dd.mm.yyyy',\n      'YYYYMMDD': 'yyyymmdd',\n    };\n\n    return formatMap[format] || 'dd/mm/yyyy';\n  }\n\n  /**\n   * Closes the popover when a click is detected outside the component.\n   * @param {MouseEvent} event - The click event.\n   */\n  private handleClickOutside = (event: MouseEvent) => {\n    if (!(event.target instanceof Node)) return;\n    if (!this.el?.contains(event.target)) this.open = false;\n  };\n\n  /**\n   * Focuses the input when the input container is clicked.\n   * @param {MouseEvent} event - The click event.\n   */\n  private handleInputContainerClick = (event: MouseEvent) => {\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      return;\n    }\n    this.inputElement.focus();\n  };\n\n  /**\n   * Handles the input event on the input element.\n   * Updates internal state to keep UI in sync - events are only emitted on completion or clear.\n   * @param {Event} event - The input event.\n   */\n  private handleInput = (event: Event) => {\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      return;\n    }\n    const input = event.target as HTMLInputElement;\n\n    // Always update singleValue to keep state in sync\n    this.singleValue = input.value;\n\n    // Only emit event when input is cleared\n    if (input.value === '') {\n      this.value = '';\n      this.valueChanged.emit('');\n    }\n  };\n\n  /**\n   * Handles focus events on the input element.\n   * @param {FocusEvent} event - The focus event.\n   */\n  private handleFocus = (event: FocusEvent) => {\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      (event.target as HTMLElement).blur();\n      return;\n    }\n\n    this.open = true;\n  };\n\n  /**\n   * Prevents the valueChanged event from the calendar from propagating up.\n   * @param {CustomEvent} event - The valueChanged event from nv-calendar.\n   */\n  private handleCalendarValueChanged = (event: CustomEvent) => {\n    event.stopPropagation();\n  };\n\n  /**\n   * Sets the reference to the popover element.\n   * @param {HTMLNvPopoverElement} el - The popover element.\n   */\n  private setPopoverRef = (el: HTMLNvPopoverElement) => {\n    this.popoverElement = el;\n  };\n\n  /**\n   * Sets the reference to the input element.\n   * @param {HTMLInputElement} el - The input element.\n   */\n  private setInputRef = (el: HTMLInputElement) => {\n    this.inputElement = el;\n  };\n\n  /**\n   * Toggles the opening/closing of the popover.\n   * @param {MouseEvent} event - The click event.\n   */\n  private toggleCalendar = () => {\n    if (this.readonly || this.disabled) {\n      return;\n    }\n    this.open = !this.open;\n  };\n\n  /**\n   * Clears the current selection and resets the field to its initial state.\n   * This method can be called programmatically to reset the field.\n   */\n  @Method()\n  async clear(): Promise<void> {\n    // Reset internal state\n    this.singleValue = '';\n    this.value = '';\n\n    // Reset the input element value\n    if (this.inputElement) {\n      this.inputElement.value = '';\n      // Remove the input mask and reinitialize if needed\n      if ((this.inputElement as HTMLInputElementWithInputmask).inputmask) {\n        (this.inputElement as HTMLInputElementWithInputmask).inputmask.remove();\n      }\n    }\n\n    // Emit events to notify about the change\n    this.valueChanged.emit('');\n\n    // Close the popover if open\n    this.open = false;\n  }\n\n  private updateMask() {\n    if (!this.inputElement) return;\n    (this.inputElement as HTMLInputElementWithInputmask).inputmask?.remove?.();\n\n    const inputMask = new Inputmask({\n      alias: 'datetime',\n      inputFormat: this.convertToInputmaskFormat(this.dateFormat),\n      placeholder: this.convertToInputmaskFormat(this.dateFormat),\n      clearIncomplete: false,\n      showMaskOnHover: false,\n      showMaskOnFocus: true,\n      clearMaskOnLostFocus: !this.open,\n      postValidation: true,\n      oncomplete: (e: CustomEvent) => {\n        const newValue = (e.target as HTMLInputElement)?.value;\n        // Only emit if the value actually changed\n        if (this.value !== newValue) {\n          this.singleValue = newValue;\n          this.value = newValue;\n          this.valueChanged.emit(newValue);\n        }\n      },\n    });\n    inputMask.mask(this.inputElement);\n  }\n\n  /**\n   * Handles the single date selection event from nv-calendar.\n   * Updates the input value and closes the popover.\n   * @param {CustomEvent} event - The event from nv-calendar.\n   */\n  private handleSingleDateChange(event: CustomEvent) {\n    const value: string = event.detail;\n    const previousValue = this.value;\n    this.singleValue = value;\n    this.value = value;\n\n    // Set the input value directly when calendar is used\n    if (this.inputElement) {\n      this.inputElement.value = value;\n    }\n\n    // Only emit valueChanged if the value actually changed\n    if (previousValue !== value) {\n      this.valueChanged.emit(value);\n    }\n    if (!this.showActions) {\n      this.open = false;\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    if (this.value) {\n      this.singleValue = this.value;\n    }\n  }\n\n  componentDidLoad() {\n    this.updateMask();\n\n    // Set the initial value after applying the mask\n    if (this.inputElement.name === this.name && this.singleValue) {\n      requestAnimationFrame(() => {\n        this.inputElement.value = this.singleValue;\n        const event = new CustomEvent('input', { bubbles: true });\n        this.inputElement.dispatchEvent(event);\n      });\n    }\n  }\n\n  componentDidRender() {\n    // Only set value on initial render when there's no existing value in the input\n    if (this.singleValue && this.inputElement && !this.inputElement.value) {\n      requestAnimationFrame(() => {\n        this.inputElement.value = this.singleValue;\n        this.inputElement.setAttribute('value', this.singleValue);\n      });\n    }\n  }\n\n  disconnectedCallback() {\n    if (\n      this.inputElement &&\n      (this.inputElement as HTMLInputElementWithInputmask).inputmask\n    ) {\n      (this.inputElement as HTMLInputElementWithInputmask).inputmask.remove();\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the value changes (unified value binding).\n   * @bind value\n   */\n  @Event({ bubbles: false })\n  valueChanged: EventEmitter<string>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('value')\n  handleValueChange(newValue: string) {\n    this.singleValue = newValue;\n    // Only set input value if it's different from current input value\n    // This prevents interfering with user typing\n    if (this.inputElement && this.inputElement.value !== newValue) {\n      this.inputElement.value = newValue;\n    }\n  }\n\n  @Watch('open')\n  handleOpenChange(newOpen: boolean) {\n    this.updateMask();\n\n    // Additional side effect for external control, e.g., focus calendar if opened externally\n    if (newOpen && this.popoverElement) {\n      // Focus first selectable date\n      const firstDate = this.popoverElement.querySelector(\n        'nv-calendar [data-date]',\n      );\n      if (firstDate) (firstDate as HTMLElement).focus();\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LISTENERS\n\n  /* eslint-disable nova/native-event-listener */\n  @Listen('closePopover')\n  handleClosePopover(event: CustomEvent) {\n    event.stopPropagation();\n    this.open = false;\n  }\n  /* eslint-enable nova/native-event-listener */\n\n  @Listen('click', { target: 'document' })\n  handleDocumentClick(event: MouseEvent) {\n    this.handleClickOutside(event);\n  }\n\n  @Listen('keydown', { passive: false })\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Escape') {\n      this.open = false;\n      return;\n    }\n\n    if (!this.open) {\n      if (event.key === 'ArrowDown') {\n        this.open = true;\n\n        event.preventDefault();\n        return;\n      }\n      return;\n    }\n\n    // Verify if the popover element is defined\n    if (!this.popoverElement) {\n      console.warn('nv-fielddate -> Popover element is not defined');\n      return;\n    }\n  }\n\n  //#endregion LISTENERS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    // Check aria-required from multiple sources:\n    // 1. JavaScript prop (most reliable)\n    // 2. HTML attribute 'aria-required' (direct HTML)\n    // 3. HTML attribute 'aria-required-attr' (from JSX kebab-case conversion)\n    // Check aria-required from multiple sources:\n    // 1. HTML attribute 'aria-required' (direct HTML) - check if explicitly set\n    // 2. JavaScript prop (when prop is explicitly set via JavaScript)\n    // We use hasAttribute to determine if the attribute was explicitly set by the user,\n    // since the prop now defaults to false (to maintain Blazor compatibility)\n    const hasAriaRequiredAttr =\n      this.el.hasAttribute('aria-required') ||\n      this.el.hasAttribute('aria-required-attr');\n\n    const ariaRequiredFromAttr = hasAriaRequiredAttr\n      ? this.el.getAttribute('aria-required') ||\n        this.el.getAttribute('aria-required-attr')\n      : null;\n\n    // Use aria-required if the attribute was explicitly set\n    // With reflect: true, setting the prop will also set the attribute\n    const useAriaRequired = hasAriaRequiredAttr;\n\n    // Determine the value: use attribute if it exists (prop reflects to attribute via reflect: true)\n    // If attribute doesn't exist, the prop was never set and we don't use aria-required\n    const ariaRequiredAttrValue = hasAriaRequiredAttr\n      ? ariaRequiredFromAttr\n      : null;\n\n    // Determine which attributes to use\n    // If aria-required HTML attribute is present, use it (convert string to boolean)\n    // If required is set and aria-required is not \"false\", use native required\n    // If aria-required is \"false\", don't use native required even if required is set\n    const ariaRequiredValue = useAriaRequired\n      ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''\n      : undefined;\n\n    const useNativeRequired =\n      this.required && (!useAriaRequired || ariaRequiredValue === true);\n\n    return (\n      <Host>\n        {((this.label && this.label.length > 0) ||\n          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={this.setPopoverRef}\n          id={this.popoverId}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div slot=\"trigger\" class=\"input-wrapper\">\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              <input\n                id={this.inputId}\n                ref={this.setInputRef}\n                placeholder={\n                  this.placeholder ||\n                  this.convertToInputmaskFormat(this.dateFormat)\n                }\n                name={this.name}\n                disabled={this.disabled}\n                readOnly={this.readonly}\n                required={useNativeRequired ? this.required : undefined}\n                {...(ariaRequiredValue !== undefined && {\n                  'aria-required': String(ariaRequiredValue),\n                })}\n                autofocus={this.autofocus}\n                onInput={this.handleInput}\n                onFocus={this.handleFocus}\n                data-scope=\"date\"\n              />\n\n              {this.error && (\n                <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n              )}\n              {this.success && (\n                <nv-icon name=\"circle-check\" class=\"validation\" size=\"md\" />\n              )}\n\n              <nv-iconbutton\n                class=\"toggle-calendar-icon\"\n                name=\"calendar\" //{this.open ? 'chevron-top' : 'chevron-down'}\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide calendar' : 'Show calendar'}\n                onClick={this.toggleCalendar}\n                tabIndex={this.disabled ? -1 : 0}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div slot=\"content\">\n            <nv-calendar\n              onSingleDateChange={this.handleSingleDateChange.bind(this)}\n              dateFormat={this.dateFormat}\n              singleValue={this.singleValue}\n              firstDayOfWeek={this.firstDayOfWeek}\n              numberOfCalendars={this.numberOfCalendars}\n              min={this.min}\n              max={this.max}\n              locale={this.locale}\n              shortcutsPlacement={this.shortcutsPlacement}\n              showActions={this.showActions}\n              shortcuts={this.shortcuts}\n              showWeekNumbers={this.showWeekNumbers}\n              disabledDates={this.disabledDates}\n              onValueChanged={this.handleCalendarValueChanged}\n            ></nv-calendar>\n          </div>\n        </nv-popover>\n\n        {((this.description && this.description.length > 0) ||\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            {this.el.querySelector('[slot=\"error-description\"]') ? (\n              <slot name=\"error-description\"></slot>\n            ) : (\n              this.errorDescription\n            )}\n          </div>\n        )}\n\n        <slot></slot>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"names":["uuidv4"],"mappings":"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"}

package/dist/esm/nv-fielddaterange.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nv-fielddaterange.entry.js","sources":["src/components/nv-fielddaterange/styles/nv-fielddaterange.scss?tag=nv-fielddaterange","src/components/nv-fielddaterange/nv-fielddaterange.tsx"],"sourcesContent":["@use '../../../styles/form-field' as forms;\n@use './mixins' as *;\n\nnv-fielddaterange {\n  @include forms.form-field-variables();\n  @include forms.form-field-root();\n\n  &[fluid]:not([fluid='false']) {\n    @include forms.form-field-fluid();\n  }\n\n  &[readonly]:not([readonly='false']) {\n    @include forms.form-field-readonly-variables();\n  }\n\n  &[error]:not([error='false']) {\n    @include forms.form-field-error-variables();\n  }\n\n  &[success]:not([success='false']) {\n    @include forms.form-field-success-variables();\n  }\n\n  &[required]:not([required='false']) label,\n  &[aria-required=\"true\"] label {\n    @include forms.form-field-label-required();\n  }\n\n  label {\n    @include forms.form-field-label();\n  }\n\n  nv-popover {\n    width: 100%;\n    display: block;\n\n    [data-scope='popover'] {\n      padding: 0;\n      background-color: var(--components-list-dropdown-background);\n      border: 1px solid var(--components-list-dropdown-border);\n      width: auto;\n      z-index: 2;\n    }\n\n    [slot='content'] {\n      display: block;\n      width: 100%;\n    }\n  }\n\n  .input-wrapper {\n    @include forms.form-field-input-wrapper();\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    .input-container {\n      @include forms.form-field-input-container();\n\n      &:focus-within,\n      &:focus-within:hover,\n      &:focus,\n      &:focus:hover {\n        box-shadow: none;\n        border-color: var(--nv-field-border-default);\n      }\n\n      input {\n        @include forms.form-field-input();\n        width: 100%;\n        &:focus-within,\n        &:focus-within:hover,\n        &:focus,\n        &:focus:hover {\n          outline: var(--focus-outline-stroke) solid var(--nv-field-border-focus);\n          outline-offset: 0px;\n          & ~ .range-separator {\n            background-color: transparent;\n          }\n        }\n      }\n\n      > nv-iconbutton {\n        @include forms.form-field-action();\n      }\n\n      nv-icon.validation {\n        @include forms.form-field-icon();\n      }\n    }\n  }\n\n  .description {\n    @include forms.form-field-description();\n  }\n\n  .error-description {\n    @include forms.form-field-error-description();\n  }\n\n  .range-inputs {\n    display: flex;\n    align-items: center;\n    gap: 0;\n    width: 100%;\n    &:focus-within {\n      z-index: 1;\n    }\n\n    input {\n      flex: 1;\n      border: none;\n      outline: none;\n      padding: 0;\n      font-size: var(--form-field-font-size);\n      color: var(--components-form-field-content-text);\n      background: transparent;\n      min-width: 0; // to avoid overflow\n\n      &::placeholder {\n        color: var(--components-form-field-content-placeholder);\n      }\n\n      &:disabled {\n        cursor: not-allowed;\n        color: var(--components-form-field-content-text);\n        background-color: var(--components-form-field-background-disabled);\n      }\n    }\n\n    .range-separator {\n      @include range-separator();\n    }\n  }\n}\n","import {\n  Component,\n  h,\n  Prop,\n  State,\n  Element,\n  Event,\n  EventEmitter,\n  Listen,\n  Host,\n  Watch,\n  Method,\n} from '@stencil/core';\nimport Inputmask from 'inputmask';\nimport { v4 as uuidv4 } from 'uuid';\n\n/**\n * Extends HTMLInputElement to include the inputmask property.\n */\ninterface HTMLInputElementWithInputmask extends HTMLInputElement {\n  /**\n   * The inputmask instance that provides masking functionality.\n   */\n  inputmask?: {\n    /**\n     * Removes the inputmask instance.\n     */\n    remove: () => void;\n  };\n}\n\n/**\n * @slot default - Child content of the component.\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input container.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n  tag: 'nv-fielddaterange',\n  styleUrl: 'styles/nv-fielddaterange.scss',\n  shadow: false,\n})\nexport class NvFielddaterange {\n  @Element() el!: HTMLNvFielddaterangeElement;\n  private popoverElement!: HTMLNvPopoverElement;\n  private calendarElement!: HTMLNvCalendarElement;\n  private popoverId: string = uuidv4();\n  private contentRef?: HTMLDivElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the start input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated.\n   */\n  @Prop({ reflect: true })\n  readonly startInputId: string = uuidv4();\n\n  /**\n   * Sets the ID for the end input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated.\n   */\n  @Prop({ reflect: true })\n  readonly endInputId: string = uuidv4();\n\n  /**\n   * Text displayed as label. A slot label can override this prop.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Description displayed below the input. A slot description can override this prop.\n   */\n  @Prop({ reflect: true })\n  readonly description: string;\n\n  /**\n   * Placeholder for the start input field.\n   */\n  @Prop({ reflect: true })\n  readonly startPlaceholder: string;\n\n  /**\n   * Placeholder for the end input field.\n   */\n  @Prop({ reflect: true })\n  readonly endPlaceholder: string;\n\n  /**\n   * Name attribute for the start input.\n   */\n  @Prop({ reflect: true })\n  readonly startName: string;\n\n  /**\n   * Name attribute for the end input.\n   */\n  @Prop({ reflect: true })\n  readonly endName: string;\n\n  /**\n   * Disables both input fields.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Sets both input fields as read-only.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks both input fields as required.\n   * @note This uses the native HTML `required` attribute, which triggers browser validation.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Marks both input fields as required for accessibility purposes without triggering\n   * native HTML validation. Use this when implementing custom validation logic.\n   * @note When set, this uses `aria-required` instead of the native `required` attribute.\n   * This allows developers to implement custom validation while maintaining accessibility.\n   * @note If this prop is not explicitly set, the component will check for the HTML attribute\n   * 'aria-required' directly to determine if it should be applied.\n   */\n  @Prop({ reflect: true, attribute: 'aria-required' })\n  readonly ariaRequiredAttr: boolean = false;\n\n  /**\n   * Indicates an error state.\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * Error description. A slot error-description can override this prop.\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription?: string;\n\n  /**\n   * Indicates a success state.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * Autofocus the start input when the component is mounted.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  /**\n   * The initial value of the date range (in string format).\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable\n  @Prop({ reflect: true, mutable: true })\n  value: string = '';\n\n  /**\n   * The current value of the start date in string format.\n   */\n  @State()\n  startValue: string = '';\n\n  /**\n   * The current value of the end date in string format.\n   */\n  @State()\n  endValue: string = '';\n\n  /**\n   * Controls the opening of the popover.\n   */\n  @State()\n  open: boolean = false;\n\n  /**\n   * First day of the week 0 = Sunday, 1 = Monday, etc.\n   * @default 1\n   */\n  @Prop({ reflect: true })\n  readonly firstDayOfWeek: number = 1;\n\n  /**\n   * Number of calendars to display\n   * @default 2\n   */\n  @Prop({ reflect: true })\n  readonly numberOfCalendars: number = 2;\n\n  /**\n   * Minimum date for selection ISO string format, ex: 2025-01-01\n   */\n  @Prop({ reflect: true })\n  readonly min?: string = '';\n\n  /**\n   * Maximum date for selection ISO string format, ex: 2025-12-31\n   */\n  @Prop({ reflect: true })\n  readonly max?: string = '';\n\n  /** Locale for date formatting\n   * @default 'en-BE'\n   */\n  @Prop({ reflect: true })\n  readonly locale: string = 'en-BE';\n\n  /** Date format ex: YYYY-MM-DD, DD-MM-YYYY, etc.\n   * @default 'YYYY-MM-DD'\n   */\n  @Prop({ reflect: true })\n  readonly dateFormat: string = 'YYYY-MM-DD';\n\n  /**\n   * Footer placement\n   * @default 'bottom'\n   */\n  @Prop({ reflect: true })\n  readonly shortcutsPlacement: 'bottom' | 'left' | 'right' = 'bottom';\n\n  /**\n   * Show action buttons\n   * @default false\n   */\n  @Prop({ reflect: true })\n  readonly showActions: boolean = false;\n\n  /**\n   * Custom actions to display in the footer\n   */\n  @Prop({ reflect: true })\n  readonly shortcuts: HTMLNvCalendarElement['shortcuts'];\n\n  /**\n   * Show week numbers\n   */\n  @Prop({ reflect: true })\n  readonly showWeekNumbers: boolean;\n\n  /**\n   * Disabled dates ISO string array\n   */\n  @Prop({ reflect: true })\n  readonly disabledDates: Array<string>;\n\n  /**\n   * Allows the field to stretch and fill the entire width of its container.\n   */\n  @Prop({ reflect: true })\n  readonly fluid: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Parses the unified value prop and synchronizes with internal state\n   * @param {string} value - Value to parse\n   */\n  private parseUnifiedValue = (value: string): void => {\n    if (!value) {\n      // Reset all selections\n      this.startValue = '';\n      this.endValue = '';\n      return;\n    }\n\n    const values = value\n      .split(',')\n      .map(v => v.trim())\n      .filter(Boolean);\n\n    if (values.length >= 2) {\n      this.startValue = values[0];\n      this.endValue = values[1];\n    }\n  };\n\n  /**\n   * Converts the nv-calendar date format to the format expected by Inputmask.\n   * @param {string} format - The date format to convert\n   * @returns {string} The converted format for Inputmask\n   */\n  private convertToInputmaskFormat(format: string): string {\n    // If the format is not specified, use the default format YYYY-MM-DD\n    if (!format) {\n      return 'dd/mm/yyyy';\n    }\n\n    const formatMap = {\n      'YYYY-MM-DD': 'yyyy-mm-dd',\n      'DD/MM/YYYY': 'dd/mm/yyyy',\n      'MM/DD/YYYY': 'mm/dd/yyyy',\n      'DD.MM.YYYY': 'dd.mm.yyyy',\n      'YYYYMMDD': 'yyyymmdd',\n    };\n\n    return formatMap[format] || 'dd/mm/yyyy';\n  }\n\n  /**\n   * Closes the popover when a click is detected outside the component.\n   * @param {MouseEvent} event - The mouse event\n   */\n  private handleClickOutside = (event: MouseEvent) => {\n    if (this.open && this.el && !this.el.contains(event.target as Node)) {\n      this.open = false;\n    }\n  };\n\n  /**\n   * Handles the input event on the start input element.\n   * Updates internal state and calendar navigation without emitting events.\n   * @param {Event} event - The input event\n   */\n  private handleStartInput = (event: Event) => {\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      return;\n    }\n    const input = event.target as HTMLInputElement;\n\n    // Always update startValue to keep state in sync\n    this.startValue = input.value;\n\n    // Update calendar value for navigation (without triggering events)\n    if (this.calendarElement && input.value) {\n      // Temporarily enable navigation for keyboard input\n      this.calendarElement.removeAttribute('data-prevent-navigation');\n\n      // Update calendar's rangeValue to allow navigation\n      const currentValue = `${input.value},${this.endValue}`;\n      if (this.calendarElement.value !== currentValue) {\n        this.calendarElement.value = currentValue;\n      }\n\n      // Restore navigation prevention after update\n      setTimeout(() => {\n        if (this.calendarElement) {\n          this.calendarElement.setAttribute('data-prevent-navigation', 'true');\n        }\n      }, 100);\n    }\n  };\n\n  /**\n   * Handles the input event on the end input element.\n   * Updates internal state and calendar navigation without emitting events.\n   * @param {Event} event - The input event\n   */\n  private handleEndInput = (event: Event) => {\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      return;\n    }\n    const input = event.target as HTMLInputElement;\n\n    // Always update endValue to keep state in sync\n    this.endValue = input.value;\n\n    // Update calendar value for navigation (without triggering events)\n    if (this.calendarElement && input.value) {\n      // Temporarily enable navigation for keyboard input\n      this.calendarElement.removeAttribute('data-prevent-navigation');\n\n      // Update calendar's rangeValue to allow navigation\n      const currentValue = `${this.startValue},${input.value}`;\n      if (this.calendarElement.value !== currentValue) {\n        this.calendarElement.value = currentValue;\n      }\n\n      // Restore navigation prevention after update\n      setTimeout(() => {\n        if (this.calendarElement) {\n          this.calendarElement.setAttribute('data-prevent-navigation', 'true');\n        }\n      }, 100);\n    }\n  };\n\n  /**\n   * Handles focus events on the input elements.\n   * @param {FocusEvent} event - The focus event\n   */\n  private handleFocus = (event: FocusEvent) => {\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      (event.target as HTMLElement).blur();\n      return;\n    }\n\n    // Enable navigation on focus\n    if (this.calendarElement) {\n      this.calendarElement.removeAttribute('data-prevent-navigation');\n    }\n\n    this.open = true;\n\n    // Restore navigation prevention after opening\n    setTimeout(() => {\n      if (this.calendarElement) {\n        this.calendarElement.setAttribute('data-prevent-navigation', 'true');\n      }\n    }, 300);\n  };\n\n  /**\n   * Toggles the opening/closing of the popover.\n   * @param {MouseEvent} event - The click event.\n   */\n  private toggleCalendar = () => {\n    if (this.readonly || this.disabled) {\n      return;\n    }\n    this.open = !this.open;\n  };\n\n  /**\n   * Clears the current selection and resets the date range field to its initial state.\n   * This method can be called programmatically to reset the field.\n   */\n  @Method()\n  async clear(): Promise<void> {\n    // Reset internal state\n    this.startValue = '';\n    this.endValue = '';\n    this.value = '';\n\n    // Reset both input elements\n    const inputs = this.el.querySelectorAll('.input-wrapper input');\n    inputs.forEach((input: HTMLInputElement) => {\n      input.value = '';\n      // Remove input mask if exists\n      if ((input as HTMLInputElementWithInputmask).inputmask) {\n        (input as HTMLInputElementWithInputmask).inputmask.remove();\n      }\n    });\n\n    // Emit events to notify about the change\n    this.valueChanged.emit('');\n    this.dateRangeChange.emit({ start: '', end: '' });\n\n    // Close the popover if open\n    this.open = false;\n\n    // Clear the calendar if it exists\n    if (this.calendarElement) {\n      this.calendarElement.clear();\n    }\n  }\n\n  private updateMask() {\n    const inputs = this.el.querySelectorAll('.input-wrapper input');\n    inputs.forEach((input: HTMLInputElement) => {\n      (input as HTMLInputElementWithInputmask).inputmask?.remove?.();\n\n      const inputMask = new Inputmask({\n        alias: 'datetime',\n        inputFormat: this.convertToInputmaskFormat(this.dateFormat),\n        placeholder: this.convertToInputmaskFormat(this.dateFormat),\n        clearIncomplete: false,\n        showMaskOnHover: false,\n        showMaskOnFocus: true,\n        clearMaskOnLostFocus: !this.open,\n        postValidation: true,\n        oncleared: (e: CustomEvent) => {\n          const input = e.target as HTMLInputElement;\n          if (input.id === this.startInputId) {\n            this.startValue = '';\n          }\n          if (input.id === this.endInputId) {\n            this.endValue = '';\n          }\n        },\n        oncomplete: (e: CustomEvent) => {\n          const input = e.target as HTMLInputElement;\n\n          // Update the corresponding state based on which input completed\n          if (input.id === this.startInputId) {\n            this.startValue = input.value;\n          } else if (input.id === this.endInputId) {\n            this.endValue = input.value;\n          }\n\n          // Update unified value\n          const newValue = `${this.startValue},${this.endValue}`;\n\n          // Only emit if both dates are filled and value changed\n          if (this.startValue && this.endValue && this.value !== newValue) {\n            this.value = newValue;\n            this.valueChanged.emit(this.value);\n\n            // Legacy support (deprecated)\n            this.dateRangeChange.emit({\n              start: this.startValue,\n              end: this.endValue,\n            });\n          }\n        },\n      });\n      inputMask.mask(input);\n    });\n  }\n\n  /**\n   * Handles the reset event from the calendar's cancel button\n   * @param {CustomEvent} event - The event emitted by the calendar\n   */\n  private handleCancelDateChange(\n    event: CustomEvent<\n      | HTMLNvCalendarElementEventMap['rangeDateChange']\n      | HTMLNvCalendarElementEventMap['singleDateChange']\n    >,\n  ) {\n    let isResetSingle = false;\n    let isResetRange = false;\n\n    if (event.type === 'singleDateChange' && event.detail === '') {\n      isResetSingle = true;\n    }\n    if (\n      event.type === 'rangeDateChange' &&\n      typeof event.detail === 'object' &&\n      event.detail.start === '' &&\n      event.detail.end === ''\n    ) {\n      isResetRange = true;\n    }\n\n    if (isResetSingle || isResetRange) {\n      this.startValue = '';\n      this.endValue = '';\n\n      // Update unified value prop\n      this.value = '';\n      this.valueChanged.emit('');\n\n      const inputs = this.el.querySelectorAll('.input-wrapper input');\n      inputs.forEach((input: HTMLInputElement) => {\n        input.value = '';\n      });\n\n      // Legacy support (deprecated)\n      this.dateRangeChange.emit({ start: '', end: '' });\n    }\n  }\n\n  /**\n   * Handles the range date selection event from nv-calendar.\n   * @param {CustomEvent} event - The custom event\n   */\n  private handleRangeDateChange(\n    event: CustomEvent<HTMLNvCalendarElementEventMap['rangeDateChange']>,\n  ) {\n    // Check for cancel events\n    this.handleCancelDateChange(event);\n\n    // Check that both dates are defined\n    const { start, end } = event.detail || {};\n    if (start && end) {\n      this.startValue = start;\n      this.endValue = end;\n\n      // Update unified value prop (like nv-calendar)\n      const newValue = `${start},${end}`;\n      if (this.value !== newValue) {\n        this.value = newValue;\n        this.valueChanged.emit(this.value);\n      }\n\n      // Legacy support (deprecated)\n      this.dateRangeChange.emit({\n        start: this.startValue,\n        end: this.endValue,\n      });\n\n      if (!this.showActions) {\n        this.open = false;\n      }\n    }\n  }\n\n  /**\n   * Handles the unified value change event from nv-calendar\n   * @param {CustomEvent} event - The custom event\n   */\n  private handleCalendarValueChanged(\n    event: CustomEvent<HTMLNvCalendarElementEventMap['valueChanged']>,\n  ) {\n    const newValue = event.detail || '';\n\n    if (newValue !== this.value) {\n      this.value = newValue;\n      this.valueChanged.emit(newValue);\n\n      // Parse and update internal state\n      this.parseUnifiedValue(newValue);\n\n      // Legacy support - emit dateRangeChange\n      this.dateRangeChange.emit({\n        start: this.startValue,\n        end: this.endValue,\n      });\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  connectedCallback() {\n    document.addEventListener('click', this.handleClickOutside);\n  }\n\n  componentWillLoad() {\n    if (this.value) {\n      // Use the unified parsing method\n      this.parseUnifiedValue(this.value);\n    }\n  }\n\n  componentDidLoad() {\n    this.updateMask();\n\n    const inputs = this.el.querySelectorAll('.input-wrapper input');\n    inputs.forEach((input: HTMLInputElement) => {\n      // Set the value after applying the mask\n      if (input.name === this.startName && this.startValue) {\n        requestAnimationFrame(() => {\n          input.value = this.startValue;\n          const event = new CustomEvent('input', { bubbles: true });\n          input.dispatchEvent(event);\n        });\n      } else if (input.name === this.endName && this.endValue) {\n        requestAnimationFrame(() => {\n          input.value = this.endValue;\n          const event = new CustomEvent('input', { bubbles: true });\n          input.dispatchEvent(event);\n        });\n      }\n    });\n  }\n\n  componentDidRender() {\n    const inputs = this.el.querySelectorAll('.input-wrapper input');\n    inputs.forEach((input: HTMLInputElement) => {\n      const value =\n        input.name === this.startName\n          ? this.startValue\n          : this.endName\n          ? this.endValue\n          : '';\n      if (value) {\n        // Make sure the value is defined both as a property and attribute\n        requestAnimationFrame(() => {\n          input.value = value;\n          input.setAttribute('value', value);\n        });\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside);\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the date range changes.\n   */\n  @Event({ bubbles: false })\n  dateRangeChange: EventEmitter<\n    HTMLNvCalendarElementEventMap['rangeDateChange']\n  >;\n\n  /**\n   * Emitted when the unified value changes\n   * @bind value\n   */\n  @Event({ bubbles: false })\n  valueChanged: EventEmitter<string>;\n\n  /* eslint-disable nova/native-event-listener */\n  @Listen('closePopover')\n  handleClosePopover(event: CustomEvent) {\n    event.stopPropagation();\n    this.open = false;\n  }\n  /* eslint-enable nova/native-event-listener */\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region LISTENERS\n\n  /**\n   * Handles keyboard events.\n   * @param {KeyboardEvent} event - The keyboard event\n   */\n  @Listen('keydown', { passive: false })\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Escape') {\n      this.open = false;\n      return;\n    }\n\n    if (!this.open) {\n      if (event.key === 'ArrowDown') {\n        this.open = true;\n        event.preventDefault();\n        return;\n      }\n      return;\n    }\n\n    if (!this.popoverElement) {\n      console.warn('nv-fielddaterange -> Popover element is not defined');\n      return;\n    }\n  }\n\n  //#endregion LISTENERS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('value')\n  handleValueChange(newValue: string) {\n    // Use the unified parsing method instead of JSON.parse\n    this.parseUnifiedValue(newValue);\n  }\n\n  @Watch('open')\n  onOpenChanged(newValue: boolean) {\n    this.updateMask();\n    if (this.contentRef) {\n      if (newValue) {\n        this.contentRef.style.transition = 'none';\n        this.contentRef.style.maxHeight = '0px';\n        void this.contentRef.offsetHeight;\n        requestAnimationFrame(() => {\n          this.contentRef.style.transition =\n            'max-height 0.18s cubic-bezier(0.4,0,0.2,1)';\n          this.contentRef.style.maxHeight = this.contentRef.scrollHeight + 'px';\n        });\n      } else {\n        this.contentRef.style.transition = 'none';\n        this.contentRef.style.maxHeight = this.contentRef.scrollHeight + 'px';\n        void this.contentRef.offsetHeight;\n        requestAnimationFrame(() => {\n          this.contentRef.style.transition =\n            'max-height 0.18s cubic-bezier(0.4,0,0.2,1)';\n          this.contentRef.style.maxHeight = '0px';\n        });\n      }\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    // Check aria-required from multiple sources:\n    // 1. JavaScript prop (most reliable)\n    // 2. HTML attribute 'aria-required' (direct HTML)\n    // 3. HTML attribute 'aria-required-attr' (from JSX kebab-case conversion)\n    // Check aria-required from multiple sources:\n    // 1. HTML attribute 'aria-required' (direct HTML) - check if explicitly set\n    // 2. JavaScript prop (when prop is explicitly set via JavaScript)\n    // We use hasAttribute to determine if the attribute was explicitly set by the user,\n    // since the prop now defaults to false (to maintain Blazor compatibility)\n    const hasAriaRequiredAttr =\n      this.el.hasAttribute('aria-required') ||\n      this.el.hasAttribute('aria-required-attr');\n\n    const ariaRequiredFromAttr = hasAriaRequiredAttr\n      ? this.el.getAttribute('aria-required') ||\n        this.el.getAttribute('aria-required-attr')\n      : null;\n\n    // Use aria-required if the attribute was explicitly set\n    // With reflect: true, setting the prop will also set the attribute\n    const useAriaRequired = hasAriaRequiredAttr;\n\n    // Determine the value: use attribute if it exists (prop reflects to attribute via reflect: true)\n    // If attribute doesn't exist, the prop was never set and we don't use aria-required\n    const ariaRequiredAttrValue = hasAriaRequiredAttr\n      ? ariaRequiredFromAttr\n      : null;\n\n    // Determine which attributes to use\n    // If aria-required HTML attribute is present, use it (convert string to boolean)\n    // If required is set and aria-required is not \"false\", use native required\n    // If aria-required is \"false\", don't use native required even if required is set\n    const ariaRequiredValue = useAriaRequired\n      ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''\n      : undefined;\n\n    const useNativeRequired =\n      this.required && (!useAriaRequired || ariaRequiredValue === true);\n\n    return (\n      <Host>\n        {((this.label && this.label.length > 0) ||\n          this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.startInputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <nv-popover\n          ref={el => (this.popoverElement = el as HTMLNvPopoverElement)}\n          id={this.popoverId}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div slot=\"trigger\" class=\"input-wrapper\">\n            <slot name=\"before-input\"></slot>\n\n            <div class=\"input-container\">\n              <slot name=\"leading-input\"></slot>\n\n              <div class=\"range-inputs\">\n                <input\n                  id={this.startInputId}\n                  type=\"text\"\n                  placeholder={\n                    this.startPlaceholder ||\n                    this.convertToInputmaskFormat(this.dateFormat)\n                  }\n                  name={this.startName}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  required={useNativeRequired ? this.required : undefined}\n                  {...(ariaRequiredValue !== undefined && {\n                    'aria-required': String(ariaRequiredValue),\n                  })}\n                  autofocus={this.autofocus}\n                  value={this.startValue}\n                  onInput={this.handleStartInput}\n                  onFocus={this.handleFocus}\n                  data-scope=\"date-range\"\n                />\n\n                <div class=\"range-separator\"></div>\n\n                <input\n                  id={this.endInputId}\n                  type=\"text\"\n                  placeholder={\n                    this.endPlaceholder ||\n                    this.convertToInputmaskFormat(this.dateFormat)\n                  }\n                  name={this.endName}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  required={useNativeRequired ? this.required : undefined}\n                  {...(ariaRequiredValue !== undefined && {\n                    'aria-required': String(ariaRequiredValue),\n                  })}\n                  value={this.endValue}\n                  onInput={this.handleEndInput}\n                  onFocus={this.handleFocus}\n                  data-scope=\"date-range\"\n                />\n              </div>\n\n              {this.error && (\n                <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n              )}\n              {this.success && (\n                <nv-icon name=\"circle-check\" class=\"validation\" size=\"md\" />\n              )}\n\n              <nv-iconbutton\n                class=\"toggle-calendar-icon\"\n                name=\"calendar\"\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide calendar' : 'Show calendar'}\n                onClick={this.toggleCalendar}\n                tabIndex={this.disabled ? -1 : 0}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div slot=\"content\">\n            <nv-calendar\n              ref={el => (this.calendarElement = el)}\n              onRangeDateChange={this.handleRangeDateChange.bind(this)}\n              onValueChanged={this.handleCalendarValueChanged.bind(this)}\n              onSingleDateChange={this.handleCancelDateChange.bind(this)}\n              dateFormat={this.dateFormat}\n              value={this.value}\n              firstDayOfWeek={this.firstDayOfWeek}\n              numberOfCalendars={this.numberOfCalendars}\n              min={this.min}\n              max={this.max}\n              locale={this.locale}\n              shortcutsPlacement={this.shortcutsPlacement}\n              showActions={this.showActions}\n              shortcuts={this.shortcuts}\n              showWeekNumbers={this.showWeekNumbers}\n              disabledDates={this.disabledDates}\n              selectionType=\"range\"\n              data-prevent-navigation=\"true\"\n            ></nv-calendar>\n          </div>\n        </nv-popover>\n\n        {((this.description && this.description.length > 0) ||\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            {this.el.querySelector('[slot=\"error-description\"]') ? (\n              <slot name=\"error-description\"></slot>\n            ) : (\n              this.errorDescription\n            )}\n          </div>\n        )}\n\n        <slot></slot>\n      </Host>\n    );\n  }\n  //#endregion RENDER\n}\n"],"names":["uuidv4"],"mappings":"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"}