@nova-design-system/nova-webcomponents 3.15.0 → 3.16.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["nvMenuCss","NvMenuStyle0","NvMenu","constructor","hostRef","this","isHandlingKeyDown","open","nested","disableCloseOnSelect","placement","renderMenuItems","items","map","item","hasSubmenu","_a","submenuItems","length","h","slot","disabled","icon","shortcut","id","value","name","label","show","close","focusFirstItem","firstButton","popoverElement","querySelector","requestAnimationFrame","focus","handleOpenChange","newOpen","handleMenuItemSelect","event","detail","handleKeydown","key","document","activeElement","triggerElement","preventDefault","firstMenuItem","menuContent","el","menuItems","Array","from","childNodes","filter","matches","call","currentIndex","indexOf","parentElement","find","forEach","nextIndex","nextFocusable","prevIndex","prevFocusable","submenu","handleOpenChanged","stopPropagation","target","triggerHasFocus","triggerHasFocusVisible","componentWillLoad","children","child","getAttribute","render","Host","ref","triggerMode"],"sources":["src/components/nv-menu/nv-menu.scss?tag=nv-menu","src/components/nv-menu/nv-menu.tsx"],"sourcesContent":["@use \"../nv-menuitem/nv-menuitem\" as nv-menuitem;\n\n@mixin root-styles() {\n  display: inline-block;\n  position: relative;\n\n  &:has([fluid]:not([fluid=\"false\"])) {\n    display: block;\n  }\n}\n\n@mixin content-styles() {\n  padding: var(--menu-contextual-padding-y)\n          var(--menu-contextual-padding-x);\n  border-radius: var(--menu-contextual-radius);\n  gap: var(--menu-contextual-gap-y);\n  background-color: var(--components-menu-contextual-background);\n  border-color: var(--components-menu-contextual-border);\n  display: flex;\n  flex-direction: column;\n}\n\n@mixin separator-styles() {\n  display: block;\n  margin: var(--menu-contextual-divider-padding-top)\n          var(--menu-contextual-divider-padding-x)\n          var(--menu-contextual-divider-padding-bottom)\n          var(--menu-contextual-divider-padding-x) ;\n}\n\nnv-menu {\n  @include root-styles();\n\n  nv-popover {\n    display: unset;\n\n    [data-scope=popover]{\n      background-color: transparent !important;\n      padding: 0 !important;\n    }\n  }\n\n  [slot=\"content\"] {\n    @include content-styles();\n  }\n\n  nv-menu[open]:not([open=\"false\"]) {\n    > nv-menuitem {\n      @include nv-menuitem.focused-styles();\n    }\n  }\n\n  hr {\n    @include separator-styles();\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Listen,\n  Event,\n  EventEmitter,\n  Method,\n  Watch,\n} from '@stencil/core';\nimport type { Placement } from '@floating-ui/dom';\nimport { IconName } from '../nv-icon/nv-icons';\n\n/**\n * @slot trigger - The button element that toggles the menu popover\n * @slot content - The content of the menu, should be wrapped in a ul element containing nv-menuitem elements\n */\n@Component({\n  tag: 'nv-menu',\n  styleUrl: 'nv-menu.scss',\n  shadow: false,\n})\nexport class NvMenu {\n  @Element() el: HTMLNvMenuElement;\n  private triggerElement!: HTMLElement;\n  private popoverElement!: HTMLNvPopoverElement;\n  private isHandlingKeyDown: boolean = false;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Use this to toggle the initial visibility of the menu, by default the menu\n   * is hidden.\n   */\n  @Prop({ reflect: true, mutable: true })\n  open: boolean = false;\n\n  /**\n   * Use this if the menu is nested inside another menu. This will prevent the\n   * parent menu from closing when the child menu is opened.\n   */\n  @Prop({ reflect: true })\n  readonly nested: boolean = false;\n\n  /**\n   * Use this to disable the menu from closing automatically when a menu item is\n   * selected.\n   */\n  @Prop({ reflect: true })\n  readonly disableCloseOnSelect: boolean = false;\n\n  /**\n   * Decides where the menu shows up next to the button it's linked to (above,\n   * below, to the sides). If there isn't enough room, it will adjust its\n   * position on the axis to fit on the screen, so users can always see it.\n   */\n  @Prop({ reflect: true })\n  readonly placement: Placement = 'bottom-end';\n\n  /**\n   * List of items used to automatically generate dropdown items. This\n   * provides an alternative to using the slot manually.\n   *\n   * @example\n   * items = [{\n   *  \"label\": \"Option 1\",\n   *  \"value\": \"option1\",\n   * },\n   * {\n   *  \"label\": \"Option 2\",\n   *  \"value\": \"option2\",\n   * }]\n   */\n  @Prop({ reflect: true })\n  readonly items?: {\n    /**\n     * The label of the menu item.\n     */\n    label: string;\n    /**\n     * The value of the menu item.\n     */\n    value?: string;\n    /**\n     * Whether the menu item is disabled.\n     */\n    disabled?: boolean;\n    /**\n     * Whether the menu item has a submenu.\n     */\n    hasSubmenu?: boolean;\n    /**\n     * The icon of the menu item.\n     */\n    icon?: string;\n    /**\n     * The shortcut of the menu item.\n     */\n    shortcut?: string;\n    /**\n     * Whether the menu item is nested.\n     */\n    nested?: boolean;\n    /**\n     * The submenu items of the menu item.\n     */\n    submenuItems?: InstanceType<typeof NvMenu>['items'];\n  }[];\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Opens the menu.\n   */\n  @Method()\n  async show() {\n    this.open = true;\n  }\n\n  /**\n   * Closes the menu.\n   */\n  @Method()\n  async close() {\n    this.open = false;\n  }\n\n  private focusFirstItem() {\n    const firstButton = this.popoverElement.querySelector('nv-menuitem');\n    if (firstButton) {\n      requestAnimationFrame(() => firstButton.focus());\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted from nv-menuitem elements with the corresponding id and name when\n   * selected (via click or keyboard). This event listener can be attached to\n   * either the nv-menu or the nv-menuitem element.\n   */\n  @Event()\n  menuitemSelected: EventEmitter<\n    HTMLNvMenuitemElementEventMap['menuitemSelected']\n  >;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('open')\n  handleOpenChange(newOpen: boolean) {\n    // React to external changes, e.g., focus first item if opened externally\n    if (newOpen) {\n      this.focusFirstItem();\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LISTENERS\n\n  @Listen('menuitemSelected')\n  handleMenuItemSelect(\n    event: CustomEvent<HTMLNvMenuitemElementEventMap['menuitemSelected']>,\n  ) {\n    if (this.disableCloseOnSelect) return;\n    if (event.detail.hasSubmenu) return;\n    this.open = false;\n  }\n\n  @Listen('keydown', { passive: false })\n  handleKeydown(event: KeyboardEvent) {\n    // If the menu is not open, check if the trigger is focused\n    // and the user presses Enter or ArrowDown, open the menu\n    if (!this.open) {\n      if (\n        (event.key === 'Enter' ||\n          event.key === 'ArrowDown' ||\n          event.key === ' ') &&\n        document.activeElement === this.triggerElement\n      ) {\n        event.preventDefault();\n        this.show();\n        // Then, put the focus on the first menuitem\n        const firstMenuItem = this.popoverElement.querySelector('nv-menuitem');\n        if (firstMenuItem) {\n          requestAnimationFrame(() => (firstMenuItem as HTMLElement).focus());\n        }\n      }\n      return;\n    }\n\n    if (this.isHandlingKeyDown) return;\n    this.isHandlingKeyDown = true;\n\n    if (\n      event.key === 'ArrowDown' ||\n      event.key === 'ArrowUp' ||\n      event.key === 'ArrowLeft' ||\n      event.key === 'ArrowRight' ||\n      event.key === 'Escape'\n    ) {\n      event.preventDefault();\n    }\n\n    if (event.key === 'Escape' && !this.nested) {\n      this.close();\n      this.triggerElement.focus();\n      this.isHandlingKeyDown = false;\n      return;\n    }\n\n    const menuContent = this.el.querySelector('[slot=\"content\"]');\n    const menuItems = (\n      Array.from(menuContent.childNodes) as Array<\n        HTMLNvMenuitemElement | HTMLNvMenuElement\n      >\n    ).filter(item => item.matches?.('nv-menuitem, nv-menu'));\n\n    let currentIndex = menuItems.indexOf(\n      document.activeElement as HTMLNvMenuitemElement,\n    );\n    if (currentIndex === -1)\n      currentIndex = menuItems.indexOf(\n        document.activeElement.parentElement as HTMLNvMenuitemElement,\n      );\n    if (\n      currentIndex === -1 &&\n      menuItems.find(item => item.matches('nv-menu[open]'))\n    ) {\n      this.isHandlingKeyDown = false;\n      return;\n    }\n\n    if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      menuItems.forEach(item => {\n        if (item.matches('nv-menu')) (item as HTMLNvMenuElement).close();\n      });\n    }\n\n    if (event.key === 'ArrowDown') {\n      let nextIndex = (currentIndex + 1) % menuItems.length;\n      while (menuItems[nextIndex].matches('nv-menuitem[disabled]')) {\n        nextIndex = (nextIndex + 1) % menuItems.length;\n      }\n      const nextFocusable = menuItems[nextIndex];\n      if (nextFocusable.matches('nv-menuitem')) {\n        nextFocusable.focus();\n      } else if (nextFocusable.matches('nv-menu')) {\n        nextFocusable.querySelector('nv-menuitem').focus();\n      }\n    }\n\n    if (event.key === 'ArrowUp') {\n      let prevIndex = (currentIndex - 1 + menuItems.length) % menuItems.length;\n      while (menuItems[prevIndex].matches('nv-menuitem[disabled]')) {\n        prevIndex = (prevIndex - 1 + menuItems.length) % menuItems.length;\n      }\n      const prevFocusable = menuItems[prevIndex];\n      if (prevFocusable.matches('nv-menuitem')) {\n        prevFocusable.focus();\n      } else if (prevFocusable.matches('nv-menu')) {\n        prevFocusable.querySelector('nv-menuitem').focus();\n      }\n    }\n\n    if (event.key === 'ArrowRight') {\n      const submenu = menuItems[currentIndex];\n      if (!submenu.matches('nv-menu')) {\n        this.isHandlingKeyDown = false;\n        return;\n      }\n      (submenu as HTMLNvMenuElement).show();\n    }\n\n    if (event.key === 'ArrowLeft' && this.nested) {\n      if (menuItems.find(item => item.matches('nv-menu[open]'))) {\n        this.isHandlingKeyDown = false;\n        return;\n      }\n      this.close();\n      this.triggerElement.focus();\n    }\n\n    this.isHandlingKeyDown = false;\n  }\n\n  @Listen('openChanged')\n  handleOpenChanged(event: CustomEvent<boolean>) {\n    // Stop propagation to prevent the event from affecting parent components like dialogs\n    event.stopPropagation();\n\n    if (event.target === this.el.querySelector('nv-popover')) {\n      this.open = event.detail;\n    }\n    const triggerHasFocus = this.triggerElement === document.activeElement;\n    const triggerHasFocusVisible =\n      this.triggerElement.matches(':focus-visible');\n    if (triggerHasFocus && triggerHasFocusVisible) this.focusFirstItem();\n  }\n\n  //#endregion LISTENERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.triggerElement = Array.from(this.el.children).find(child => {\n      return child.getAttribute('slot') === 'trigger';\n    }) as HTMLElement;\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  /**\n   * Generates menu items from the `items` property.\n   * @param {MenuItem[]} items - The items to display in the menu.\n   * @returns {HTMLElement[]} The rendered items.\n   */\n  private renderMenuItems = () => {\n    return this.items.map(item => {\n      if (item.hasSubmenu && item.submenuItems?.length > 0) {\n        return (\n          <nv-menu nested placement=\"right-start\" items={item.submenuItems}>\n            <nv-menuitem\n              slot=\"trigger\"\n              hasSubmenu\n              disabled={item.disabled}\n              icon={item.icon as IconName}\n              shortcut={item.shortcut}\n              id={item.value}\n              name={item.label}\n              label={item.label}\n            ></nv-menuitem>\n          </nv-menu>\n        );\n      }\n      return (\n        <nv-menuitem\n          disabled={item.disabled}\n          icon={item.icon as IconName}\n          shortcut={item.shortcut}\n          id={item.value}\n          name={item.label}\n          label={item.label}\n        ></nv-menuitem>\n      );\n    });\n  };\n\n  render() {\n    return (\n      <Host>\n        <slot name=\"trigger\"></slot>\n        <nv-popover\n          ref={el => (this.popoverElement = el)}\n          triggerMode=\"click\"\n          triggerElement={this.triggerElement}\n          placement={this.placement}\n          nested={this.nested}\n          open={this.open}\n        >\n          {this.items ? (\n            <ul slot=\"content\">{this.renderMenuItems()}</ul>\n          ) : (\n            <slot name=\"content\"></slot>\n          )}\n        </nv-popover>\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as t,c as i,h as a,F as s,H as e,g as o}from"./p-3060df80.js";import{b as n}from"./p-51602221.js";const l="nv-dialogfooter{display:flex;padding:var(--dialog-footer-padding-top) var(--dialog-footer-padding-x) var(--dialog-footer-padding-bottom) var(--dialog-footer-padding-x);justify-content:flex-end;align-items:flex-end;gap:var(--dialog-footer-gap-y);align-self:stretch}";const r=l;const h=class{constructor(a){t(this,a);this.dialogCanceled=i(this,"dialogCanceled",7);this.dialogPrimaryClicked=i(this,"dialogPrimaryClicked",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.hasSlot=false;this.disabled=false;this.undismissable=false;this.leadingIcon="";this.trailingIcon="";this.danger=false;this.cancelLabel="Cancel";this.primaryLabel="Primary";this.handlePrimary=t=>{t.stopPropagation();this.dialogPrimaryClicked.emit()};this.handleCancel=t=>{t.stopPropagation();this.dialogCanceled.emit()}}componentWillLoad(){this.hasSlot=Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE&&!t.hasAttribute("slot")))}componentDidLoad(){this.primaryButtonType=this.primaryButtonType||this.form?n.Submit:n.Button}render(){return a(e,{key:"0868c3af73f89219eee7c006b4ddca47c6da29b0"},!this.hasSlot?a(s,null,!this.undismissable&&a("nv-button",{onClick:this.handleCancel,emphasis:"low",size:"sm"},this.cancelLabel),a("nv-button",{onClick:this.handlePrimary,disabled:this.disabled,danger:this.danger,size:"sm",emphasis:"high",form:this.form,type:this.primaryButtonType},this.leadingIcon&&a("nv-icon",{slot:"leading-icon",name:this.leadingIcon,size:"sm"}),this.primaryLabel,this.trailingIcon&&a("nv-icon",{slot:"trailing-icon",name:this.trailingIcon,size:"sm"}))):a("slot",null))}static get formAssociated(){return true}get el(){return o(this)}};h.style=r;const d="nv-dialogheader{padding:var(--dialog-header-padding-top) var(--dialog-header-padding-x) var(--dialog-header-padding-bottom) var(--dialog-header-padding-x);justify-content:space-between;align-items:flex-start;align-self:stretch}nv-dialogheader .heading{color:var(--color-content-high-text);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-lg);font-style:normal;font-weight:var(--font-weight-medium-emphasis);padding-right:var(--spacing-7);line-height:var(--leading-px-6);letter-spacing:var(--letter-spacing-heading-xs)}nv-dialogheader .subheading{color:var(--color-content-low-text);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--font-size-sm);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--line-height-sm);}";const g=d;const f=class{constructor(i){t(this,i);this.hasSlot=false;this.heading="Dialog Title"}componentWillLoad(){this.hasSlot=Array.from(this.el.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE&&!t.hasAttribute("slot")))}render(){return a(e,{key:"f91a9aea8aa7116266f52bb356ef2ec493df6354"},!this.hasSlot?a(s,null,a("div",{class:"heading"},this.heading),a("div",{class:"subheading"},this.subheading)):a("slot",null))}get el(){return o(this)}};f.style=g;export{h as nv_dialogfooter,f as nv_dialogheader};
+//# sourceMappingURL=p-f3c73492.entry.js.map

package/dist/native/{p-b32d0a5a.entry.js.map → p-f3c73492.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["nvDialogfooterCss","NvDialogfooterStyle0","NvDialogfooter","constructor","hostRef","this","hasSlot","disabled","undismissable","leadingIcon","trailingIcon","danger","cancelLabel","primaryLabel","handlePrimary","event","stopPropagation","dialogPrimaryClicked","emit","handleCancel","dialogCanceled","componentWillLoad","Array","from","el","childNodes","some","node","nodeType","Node","ELEMENT_NODE","hasAttribute","componentDidLoad","primaryButtonType","form","ButtonType","Submit","Button","render","h","Host","key","Fragment","onClick","emphasis","size","type","slot","name","nvDialogheaderCss","NvDialogheaderStyle0","NvDialogheader","heading","class","subheading"],"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()\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()\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: 'TT Norms Pro', sans-serif;\n    font-size: var(--font-size-lg);\n    font-style: normal;\n    font-weight: 500;\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\n    /* text/sm/regular */\n    font-family: 'TT Norms Pro', sans-serif;\n    font-size: var(--font-size-sm);\n    font-style: normal;\n    font-weight: 400;\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"],"mappings":"2GAAA,MAAMA,EAAoB,2QAC1B,MAAAC,EAAeD,E,MCqBFE,EAAc,MAN3B,WAAAC,CAAAC,G,oRASUC,KAAAC,QAAU,MASTD,KAAAE,SAAoB,MAOpBF,KAAAG,cAAyB,MAMzBH,KAAAI,YAAsB,GAMtBJ,KAAAK,aAAuB,GAMvBL,KAAAM,OAAkB,MAMlBN,KAAAO,YAAsB,SAMtBP,KAAAQ,aAAuB,UA0CxBR,KAAAS,cAAiBC,IACvBA,EAAMC,kBACNX,KAAKY,qBAAqBC,MAAM,EAO1Bb,KAAAc,aAAgBJ,IACtBA,EAAMC,kBACNX,KAAKe,eAAeF,MAAM,C,CAO5B,iBAAAG,GAEEhB,KAAKC,QAAUgB,MAAMC,KAAKlB,KAAKmB,GAAGC,YAAYC,MAAKC,GAE/CA,EAAKC,WAAaC,KAAKC,eACrBH,EAAiBI,aAAa,S,CAKtC,gBAAAC,GAEE3B,KAAK4B,kBACH5B,KAAK4B,mBAAqB5B,KAAK6B,KAC3BC,EAAWC,OACXD,EAAWE,M,CAOnB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACDpC,KAAKC,QACLiC,EAACG,EAAQ,MACLrC,KAAKG,eACL+B,EAAA,aAAWI,QAAStC,KAAKc,aAAcyB,SAAS,MAAMC,KAAK,MACxDxC,KAAKO,aAGV2B,EAAA,aACEI,QAAStC,KAAKS,cACdP,SAAUF,KAAKE,SACfI,OAAQN,KAAKM,OACbkC,KAAK,KACLD,SAAS,OACTV,KAAM7B,KAAK6B,KACXY,KAAMzC,KAAK4B,mBAEV5B,KAAKI,aACJ8B,EAAA,WACEQ,KAAK,eACLC,KAAM3C,KAAKI,YACXoC,KAAK,OAGRxC,KAAKQ,aACLR,KAAKK,cACJ6B,EAAA,WACEQ,KAAK,gBACLC,KAAM3C,KAAKK,aACXmC,KAAK,SAMbN,EAAA,a,6EC9LV,MAAMU,EAAoB,osBAC1B,MAAAC,EAAeD,E,MCSFE,EAAc,MAL3B,WAAAhD,CAAAC,G,UAOUC,KAAAC,QAAU,MASTD,KAAA+C,QAAkB,c,CAY3B,iBAAA/B,GAEEhB,KAAKC,QAAUgB,MAAMC,KAAKlB,KAAKmB,GAAGC,YAAYC,MAAKC,GAE/CA,EAAKC,WAAaC,KAAKC,eACrBH,EAAiBI,aAAa,S,CAStC,MAAAO,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACDpC,KAAKC,QACLiC,EAACG,EAAQ,KACPH,EAAA,OAAKc,MAAM,WAAWhD,KAAK+C,SAC3Bb,EAAA,OAAKc,MAAM,cAAchD,KAAKiD,aAGhCf,EAAA,a","ignoreList":[]}
+{"version":3,"names":["nvDialogfooterCss","NvDialogfooterStyle0","NvDialogfooter","constructor","hostRef","this","hasSlot","disabled","undismissable","leadingIcon","trailingIcon","danger","cancelLabel","primaryLabel","handlePrimary","event","stopPropagation","dialogPrimaryClicked","emit","handleCancel","dialogCanceled","componentWillLoad","Array","from","el","childNodes","some","node","nodeType","Node","ELEMENT_NODE","hasAttribute","componentDidLoad","primaryButtonType","form","ButtonType","Submit","Button","render","h","Host","key","Fragment","onClick","emphasis","size","type","slot","name","nvDialogheaderCss","NvDialogheaderStyle0","NvDialogheader","heading","class","subheading"],"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()\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()\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"],"mappings":"2GAAA,MAAMA,EAAoB,2QAC1B,MAAAC,EAAeD,E,MCqBFE,EAAc,MAN3B,WAAAC,CAAAC,G,oRASUC,KAAAC,QAAU,MASTD,KAAAE,SAAoB,MAOpBF,KAAAG,cAAyB,MAMzBH,KAAAI,YAAsB,GAMtBJ,KAAAK,aAAuB,GAMvBL,KAAAM,OAAkB,MAMlBN,KAAAO,YAAsB,SAMtBP,KAAAQ,aAAuB,UA0CxBR,KAAAS,cAAiBC,IACvBA,EAAMC,kBACNX,KAAKY,qBAAqBC,MAAM,EAO1Bb,KAAAc,aAAgBJ,IACtBA,EAAMC,kBACNX,KAAKe,eAAeF,MAAM,C,CAO5B,iBAAAG,GAEEhB,KAAKC,QAAUgB,MAAMC,KAAKlB,KAAKmB,GAAGC,YAAYC,MAAKC,GAE/CA,EAAKC,WAAaC,KAAKC,eACrBH,EAAiBI,aAAa,S,CAKtC,gBAAAC,GAEE3B,KAAK4B,kBACH5B,KAAK4B,mBAAqB5B,KAAK6B,KAC3BC,EAAWC,OACXD,EAAWE,M,CAOnB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACDpC,KAAKC,QACLiC,EAACG,EAAQ,MACLrC,KAAKG,eACL+B,EAAA,aAAWI,QAAStC,KAAKc,aAAcyB,SAAS,MAAMC,KAAK,MACxDxC,KAAKO,aAGV2B,EAAA,aACEI,QAAStC,KAAKS,cACdP,SAAUF,KAAKE,SACfI,OAAQN,KAAKM,OACbkC,KAAK,KACLD,SAAS,OACTV,KAAM7B,KAAK6B,KACXY,KAAMzC,KAAK4B,mBAEV5B,KAAKI,aACJ8B,EAAA,WACEQ,KAAK,eACLC,KAAM3C,KAAKI,YACXoC,KAAK,OAGRxC,KAAKQ,aACLR,KAAKK,cACJ6B,EAAA,WACEQ,KAAK,gBACLC,KAAM3C,KAAKK,aACXmC,KAAK,SAMbN,EAAA,a,6EC9LV,MAAMU,EAAoB,i1BAC1B,MAAAC,EAAeD,E,MCSFE,EAAc,MAL3B,WAAAhD,CAAAC,G,UAOUC,KAAAC,QAAU,MASTD,KAAA+C,QAAkB,c,CAY3B,iBAAA/B,GAEEhB,KAAKC,QAAUgB,MAAMC,KAAKlB,KAAKmB,GAAGC,YAAYC,MAAKC,GAE/CA,EAAKC,WAAaC,KAAKC,eACrBH,EAAiBI,aAAa,S,CAStC,MAAAO,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACDpC,KAAKC,QACLiC,EAACG,EAAQ,KACPH,EAAA,OAAKc,MAAM,WAAWhD,KAAK+C,SAC3Bb,EAAA,OAAKc,MAAM,cAAchD,KAAKiD,aAGhCf,EAAA,a","ignoreList":[]}

package/dist/native/{p-9c5d6827.entry.js → p-fa78d8eb.entry.js}

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

package/dist/types/components/nv-accordion/nv-accordion.d.ts

@@ -38,11 +38,9 @@ export declare class NvAccordion {
     /****************************************************************************/
     /**
      * Event emitted when an item's open state changes
+     * @bind openIndexes
      */
-    openChanged: EventEmitter<{
-        /** Index of open items */
-        openIndexes: number[];
-    }>;
+    openIndexesChanged: EventEmitter<number[]>;
     /****************************************************************************/
     /**
      * Opens an item by its index (Public API)

package/dist/types/components/nv-dialog/nv-dialog.d.ts

@@ -10,6 +10,7 @@ export declare class NvDialog {
     private dialogElement;
     private eventsAttached;
     private form;
+    private triggerClickEvents;
     /****************************************************************************/
     /**
      * @internal
@@ -89,16 +90,20 @@ export declare class NvDialog {
      * Checks for and sets up form ID if a form is present
      */
     private checkForForm;
+    /**
+     * Handles the native dialog close event.
+     */
+    private handleDialogClose;
+    private handleClickOutside;
     /****************************************************************************/
     /**
      * Emitted when the dialog is closing in order to allow for cleanup, data-capture, etc.
      * @bind open
      */
     openChanged: EventEmitter<boolean>;
-    /**
-     * Handles the native dialog close event.
-     */
-    private handleDialogClose;
+    /****************************************************************************/
+    handleDialogOpenChange(isOpen: boolean): Promise<void>;
+    /****************************************************************************/
     /**
      * Handles the keydown event to optionally prevent the native dialog from closing when the escape key is pressed.
      * @param {KeyboardEvent} event - The keydown event.
@@ -109,10 +114,6 @@ export declare class NvDialog {
      * @param {MouseEvent} event - The click event.
      */
     handleDocumentClick(event: MouseEvent): void;
-    private handleClickOutside;
-    private triggerClickEvents;
-    /****************************************************************************/
-    handleDialogOpenChange(isOpen: boolean): Promise<void>;
     /****************************************************************************/
     /**
      * Lifecycle method that runs before the component loads.

package/dist/types/components/nv-fielddate/nv-fielddate.d.ts

@@ -152,7 +152,7 @@ export declare class NvFielddate {
     private handleInputContainerClick;
     /**
      * Handles the input event on the input element.
-     * Updates the singleValue and emits the valueChanged event if empty.
+     * Updates internal state to keep UI in sync - events are only emitted on completion or clear.
      * @param {Event} event - The input event.
      */
     private handleInput;
@@ -178,6 +178,7 @@ export declare class NvFielddate {
     private setInputRef;
     /**
      * Toggles the opening/closing of the popover.
+     * @param {MouseEvent} event - The click event.
      */
     private toggleCalendar;
     /**
@@ -198,6 +199,10 @@ export declare class NvFielddate {
      * @bind value
      */
     valueChanged: EventEmitter<string>;
+    /****************************************************************************/
+    handleValueChange(newValue: string): void;
+    handleOpenChange(newOpen: boolean): void;
+    /****************************************************************************/
     /**
      * Handles the single date selection event from nv-calendar.
      * Updates the input value and closes the popover.
@@ -206,8 +211,6 @@ export declare class NvFielddate {
     handleSingleDateChange(event: CustomEvent): void;
     handleClosePopover(): void;
     handleKeyDown(event: KeyboardEvent): void;
-    handleValueChange(newValue: string): void;
-    handleOpenChange(): void;
     /****************************************************************************/
     render(): any;
 }

package/dist/types/components/nv-fielddaterange/nv-fielddaterange.d.ts

@@ -164,18 +164,16 @@ export declare class NvFielddaterange {
     private handleClickOutside;
     /**
      * Handles the input event on the start input element.
+     * Updates internal state and calendar navigation without emitting events.
      * @param {Event} event - The input event
      */
     private handleStartInput;
     /**
      * Handles the input event on the end input element.
+     * Updates internal state and calendar navigation without emitting events.
      * @param {Event} event - The input event
      */
     private handleEndInput;
-    /**
-     * Update the calendar's rangeValue property without forcing month change
-     */
-    private updateCalendarValue;
     /**
      * Handles focus events on the input elements.
      * @param {FocusEvent} event - The focus event
@@ -183,6 +181,7 @@ export declare class NvFielddaterange {
     private handleFocus;
     /**
      * Toggles the opening/closing of the popover.
+     * @param {MouseEvent} event - The click event.
      */
     private toggleCalendar;
     /**
@@ -209,11 +208,13 @@ export declare class NvFielddaterange {
     valueChanged: EventEmitter<string>;
     /**
      * Handles the range date selection event from nv-calendar.
+     * Stops propagation to prevent duplicate events with handleCalendarValueChanged.
      * @param {CustomEvent<DateRange>} event - The custom event
      */
     handleRangeDateChange(event: CustomEvent<HTMLNvCalendarElementEventMap['rangeDateChange']>): void;
     /**
      * Handles the unified value change event from nv-calendar
+     * Note: This might not be called if rangeDateChange stops propagation first.
      * @param {CustomEvent<string>} event - The custom event
      */
     handleCalendarValueChanged(event: CustomEvent<string>): void;

package/dist/types/components/nv-fielddropdown/nv-fielddropdown.d.ts

@@ -172,8 +172,9 @@ export declare class NvFielddropdown {
     /****************************************************************************/
     handleOptionsChange(newValue: typeof this.options): void;
     watchValueHandler(newValue: typeof this.value): void;
+    handleOpenChange(newOpen: boolean): void;
     /****************************************************************************/
-    handleOpenChanged(event: CustomEvent<boolean>): void;
+    handleOpenChanged(event: CustomEvent<HTMLNvPopoverElementEventMap['openChanged']>): void;
     handleDropdownItemSelected(event: CustomEvent<HTMLNvFielddropdownitemElementEventMap['dropdownItemSelected']>): void;
     handleBlur(event: FocusEvent): void;
     handleKeyDown(event: KeyboardEvent): void;
@@ -201,6 +202,7 @@ export declare class NvFielddropdown {
     private getSelectedLabel;
     private clearFilter;
     private updateSelectedItem;
+    private handleBlurInput;
     /****************************************************************************/
     render(): any;
 }

package/dist/types/components/nv-fieldmultiselect/nv-fieldmultiselect.d.ts

@@ -22,6 +22,8 @@ export declare class NvFieldmultiselect {
      * - Improves performance by avoiding Stencil's reactivity system
      */
     private debounceTimer;
+    private preventBlurClose;
+    private _boundHandleClickOutside?;
     /****************************************************************************/
     /**
      * Lets you define the text that explains what users should enter in the text
@@ -187,9 +189,6 @@ export declare class NvFieldmultiselect {
      * Controls the visibility of the select all section.
      */
     private isSelectAllSectionVisible;
-    private preventBlurClose;
-    private _boundHandleClickOutside?;
-    private handleMouseDownPreventBlur;
     /****************************************************************************/
     /**
      * Emitted when the selected values change.
@@ -203,12 +202,13 @@ export declare class NvFieldmultiselect {
     /****************************************************************************/
     handleOptionsChange(newValue: typeof this.options): void;
     watchValueHandler(): void;
+    handleOpenChange(newOpen: boolean): void;
     /****************************************************************************/
     /**
      * Emitted when the input loses focus.
      * @param {CustomEvent<boolean>} event - The event object containing the focus state.
      */
-    handleOpenChanged(event: CustomEvent<boolean>): void;
+    handleOpenChanged(event: CustomEvent<HTMLNvPopoverElementEventMap['openChanged']>): void;
     /**
      * Listen for the `itemChecked` event emitted by child items.
      * @param {CustomEvent} event - The event object containing the selected value and its checked state.
@@ -220,6 +220,13 @@ export declare class NvFieldmultiselect {
         checked: boolean;
     }>): void;
     handleSlotChange(event: Event): void;
+    /**
+     * Handle keyboard events & arrow key navigation.
+     * If the multiselect is not open, opens it and focuses on the first item if the list is not filterable.
+     * If the multiselect is open, handles arrow key navigation and closes it if the focus is outside the component.
+     * @param {KeyboardEvent} event - The keyboard event.
+     */
+    handleKeyDown(event: KeyboardEvent): Promise<void>;
     /****************************************************************************/
     /**
      * Subscribe to click outside event.
@@ -330,13 +337,6 @@ export declare class NvFieldmultiselect {
      * Handle input blur for options mode.
      */
     private handleInputBlurOptions;
-    /**
-     * Handle keyboard events & arrow key navigation.
-     * If the multiselect is not open, opens it and focuses on the first item if the list is not filterable.
-     * If the multiselect is open, handles arrow key navigation and closes it if the focus is outside the component.
-     * @param {KeyboardEvent} event - The keyboard event.
-     */
-    handleKeyDown(event: KeyboardEvent): Promise<void>;
     /**
      * Updates the highlighted item in the dropdown list.
      *
@@ -451,6 +451,7 @@ export declare class NvFieldmultiselect {
      * Initializes the value array from checked slotted nv-fielddropdownitemcheck elements (slots mode only).
      */
     private initializeValueFromSlots;
+    private handleMouseDownPreventBlur;
     /****************************************************************************/
     /**
      * Renders the component in options mode

package/dist/types/components/nv-fieldtime/nv-fieldtime.d.ts

@@ -126,6 +126,7 @@ export declare class NvFieldtime {
     handleKeyDown(event: KeyboardEvent): void;
     /****************************************************************************/
     handleValueChange(newValue: string): void;
+    handleOpenChange(newOpen: boolean): void;
     /****************************************************************************/
     private handleInputChange;
     private handleHoursChange;

package/dist/types/components/nv-icon/nv-icons.d.ts

@@ -1,3 +1,3 @@
 /** Available icons */
-export declare const iconNames: readonly ["access-point-off", "access-point", "accessible", "activity", "address-book", "adjustments-horizontal", "adjustments-up", "adjustments", "affiliate", "air-conditioning", "alert-circle", "alert-triangle", "align-center", "align-left", "align-right", "app-window", "apps", "archive", "areas", "arrow-back-up", "arrow-back", "arrow-down-left", "arrow-down-right", "arrow-down", "arrow-forward-up", "arrow-forward", "arrow-left", "arrow-right", "arrow-up-left", "arrow-up-right", "arrow-up", "arrows-diagonal", "arrows-exchange", "arrows-maximize", "arrows-minimize", "arrows-move", "aspect-ratio", "atom", "ban", "basket", "battery-1", "battery-2", "battery-3", "battery-4", "battery-automotive", "battery-charging", "battery-eco", "battery-off", "battery", "bell-off", "bell-ringing", "bell", "bike", "bluetooth-connected", "bluetooth-off", "bluetooth", "bolt-off", "bolt", "book", "bookmark-off", "bookmark", "bookmarks", "box-align-top", "box-multiple", "brand-facebook", "brand-instagram", "brand-linkedin", "brand-x", "brand-youtube", "briefcase", "brightness-down", "brightness-up", "browser-check", "browser-plus", "browser-x", "browser", "brush", "building-bank", "building-factory", "building-lighthouse", "building-store", "building", "bulb-off", "bulb", "cake", "calendar-time", "calendar", "camera-off", "camera", "car-crane", "car", "caravan", "cash-banknote", "cash", "cast", "cell", "charging-pile", "chart-arcs", "chart-area-line", "chart-area", "chart-arrows-vertical", "chart-arrows", "chart-bar", "chart-bubble", "chart-circles", "chart-donut", "chart-dots", "chart-line", "chart-pie", "chart-radar", "check", "checkbox", "checklist", "checks", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "chevrons-left", "chevrons-right", "circle-caret-right", "circle-check", "circle-x", "circuit-alternate", "circuit-ground-digital", "clipboard-check", "clipboard-list", "clipboard-plus", "clipboard-text", "clipboard-x", "clipboard", "clock-edit", "clock", "cloud-data-connection", "cloud-download", "cloud-rain", "cloud-snow", "cloud-upload", "cloud", "color-picker", "color-swatch", "columns-1", "columns-2", "columns-3", "compass", "contract", "cookie", "copy", "cpu", "crane", "credit-card", "crop", "cross", "crown", "currency-bitcoin", "currency-dollar", "currency-ethereum", "currency-euro", "cut", "dashboard", "database", "device-desktop", "device-floppy", "device-gamepad", "device-laptop", "device-mobile-rotated", "device-mobile", "device-tablet", "device-watch", "devices", "dialpad", "direction-horizontal", "direction-sign", "direction", "discount", "door-enter", "door-exit", "door-off", "dots-vertical", "dots", "download", "drone", "droplet-filled", "droplet-half", "droplet", "droplets", "edit", "empty", "engine", "equal-not", "eraser-off", "eraser", "external-link", "eye-off", "eye", "face-id", "feather", "file-alert", "file-analytics", "file-check", "file-code", "file-download", "file-export", "file-horizontal", "file-import", "file-plus", "file-search", "file-text-bookmark", "file-text", "file-type-bmp", "file-type-css", "file-type-csv", "file-type-doc", "file-type-html", "file-type-jpg", "file-type-js", "file-type-pdf", "file-type-png", "file-type-ppt", "file-type-xls", "file-type-xml", "file-type-zip", "file-upload", "file-x", "file-zip", "file", "files-off", "files", "filter-off", "filter-sort", "filter", "fingerprint", "fire-extinguisher", "flag", "flame", "flip-horizontal", "flip-vertical", "folder-minus", "folder-off", "folder-plus", "folder-x", "folder", "folders", "frame", "gas-station", "gauge-off", "gauge", "gift", "git-branch", "gps", "grid-dots", "grip-horizontal", "grip-vertical", "hand-stop", "hand-waving", "hash", "haze", "headphones-off", "headphones", "headset", "heart-off", "heart", "heartbeat", "helicopter", "helmet-swopp", "helmet", "help", "history", "home", "hourglass-empty", "hourglass-high", "hourglass-low", "hourglass-off", "hourglass", "inbox", "info-circle", "keyboard-hide", "keyboard-show", "keyboard", "layout-board-split", "layout-dashboard", "layout-grid", "layout-sidebar-left-collapse", "layout-sidebar-left-expand", "layout-sidebar-right-collapse", "layout-sidebar-right-expand", "layout", "leaf", "lifebuoy", "link", "list-search", "list", "loader", "location", "lock-off", "lock-open", "lock", "login", "logout", "mail-forward", "mail-opened", "mail", "map-pin-2", "map-pin-off", "map-pin", "map", "menu", "message-dots", "message-off", "message", "messages", "microphone-off", "microphone", "minus", "mist", "moon", "motorbike", "mouse", "movie", "network", "news", "note", "notebook", "notes", "offshore-station", "package", "palette", "paperclip", "pencil", "phone-call", "phone-calling", "phone-check", "phone-incoming", "phone-off", "phone-outgoing", "phone", "photo-off", "photo", "pig", "pin", "pinned-off", "pinned", "plane-off", "plane", "plant", "player-pause", "player-play", "player-skip-back", "player-skip-forward", "player-stop", "player-track-next", "player-track-prev", "plug-connected", "plug", "plus", "power-ac", "power-dc", "power", "presentation-analytics", "presentation", "printer", "propeller", "published", "puzzle-2", "puzzle", "pylon", "qrcode", "radar", "radio", "radioactive", "receipt-dollar", "receipt-euro", "receipt", "recharging", "recycle", "refresh-alert", "refresh-off", "refresh", "repeat-once", "repeat", "replace", "report-analytics", "report-medical", "report-search", "report", "ripple-off", "ripple", "rocket", "rotate-2", "rotate-clockwise-2", "rotate-clockwise", "rotate-dot", "rotate", "router", "ruler-measure", "sailboat", "satellite", "scale", "school", "scissors", "scooter-electric", "screenshot", "search", "seeding", "select", "selector", "send", "server", "settings", "shape", "share-2", "share", "shield-check", "shield-lock", "shield-off", "shield-x", "shield", "ship-off", "ship", "shopping-cart", "slash", "smart-home", "snowflake", "solar-panel", "sort-ascending-letters", "sort-ascending-numbers", "sort-descending-letters", "sort-descending-numbers", "spacing-horizontal", "spacing-vertical", "speakerphone", "stack", "stairs", "star", "sun", "sunrise", "sunset", "switch-horizontal", "switch-vertical", "table", "tag", "tank-empty-fill", "tank-full-fill", "tank-medium-fill", "temperature-off", "temperature", "template", "terminal", "text-size", "text", "thumb-down", "thumb-up", "ticket", "timeline", "tir", "tool", "tools", "train", "trash-off", "trash", "tree", "trees", "truck-delivery", "truck", "umbrella", "unlink", "upload", "user-circle", "user-exclamation", "user-minus", "user-off", "user-plus", "user-worker", "user", "users", "versions", "video-minus", "video-off", "video-plus", "video", "volume-2", "volume-3", "volume", "wand", "wave", "waves", "wifi-off", "wifi", "wind-direction", "wind", "windmill", "wood", "world-code", "world", "writing", "x", "zoom-reset"];
+export declare const iconNames: readonly ["access-point-off", "access-point", "accessible", "activity", "address-book", "adjustments-horizontal", "adjustments-up", "adjustments", "affiliate", "air-conditioning", "alert-circle", "alert-triangle", "align-center", "align-left", "align-right", "app-window", "apps", "archive", "areas", "arrow-back-up", "arrow-back", "arrow-down-left", "arrow-down-right", "arrow-down", "arrow-forward-up", "arrow-forward", "arrow-left", "arrow-right", "arrow-up-left", "arrow-up-right", "arrow-up", "arrows-diagonal", "arrows-exchange", "arrows-maximize", "arrows-minimize", "arrows-move", "aspect-ratio", "atom", "ban", "basket", "battery-1", "battery-2", "battery-3", "battery-4", "battery-automotive", "battery-charging", "battery-eco", "battery-off", "battery", "bell-off", "bell-ringing", "bell", "bike", "bluetooth-connected", "bluetooth-off", "bluetooth", "bolt-off", "bolt", "book", "bookmark-off", "bookmark", "bookmarks", "box-align-top", "box-multiple", "brand-facebook", "brand-instagram", "brand-linkedin", "brand-x", "brand-youtube", "briefcase", "brightness-down", "brightness-up", "browser-check", "browser-plus", "browser-x", "browser", "brush", "building-bank", "building-factory", "building-lighthouse", "building-store", "building", "bulb-off", "bulb", "cake", "calendar-time", "calendar", "camera-off", "camera", "car-crane", "car", "caravan", "cash-banknote", "cash", "cast", "cell", "charging-pile", "chart-arcs", "chart-area-line", "chart-area", "chart-arrows-vertical", "chart-arrows", "chart-bar", "chart-bubble", "chart-circles", "chart-donut", "chart-dots", "chart-line", "chart-pie", "chart-radar", "check", "checkbox", "checklist", "checks", "chevron-down", "chevron-left", "chevron-right", "chevron-top", "chevrons-left", "chevrons-right", "circle-caret-right", "circle-check", "circle-x", "circuit-alternate", "circuit-ground-digital", "clipboard-check", "clipboard-list", "clipboard-plus", "clipboard-text", "clipboard-x", "clipboard", "clock-edit", "clock", "cloud-data-connection", "cloud-download", "cloud-rain", "cloud-snow", "cloud-upload", "cloud", "color-picker", "color-swatch", "columns-1", "columns-2", "columns-3", "compass", "contract", "cookie", "copy", "cpu", "crane", "credit-card", "crop", "cross", "crown", "currency-bitcoin", "currency-dollar", "currency-ethereum", "currency-euro", "cut", "dashboard", "database", "device-desktop", "device-floppy", "device-gamepad", "device-laptop", "device-mobile-rotated", "device-mobile", "device-tablet", "device-watch", "devices", "dialpad", "direction-horizontal", "direction-sign", "direction", "discount", "door-enter", "door-exit", "door-off", "dots-vertical", "dots", "download", "drone", "droplet-filled", "droplet-half", "droplet", "droplets", "edit", "empty", "engine", "equal-not", "eraser-off", "eraser", "external-link", "eye-off", "eye", "face-id", "feather", "file-alert", "file-analytics", "file-check", "file-code", "file-download", "file-export", "file-horizontal", "file-import", "file-plus", "file-search", "file-text-bookmark", "file-text", "file-type-bmp", "file-type-css", "file-type-csv", "file-type-doc", "file-type-html", "file-type-jpg", "file-type-js", "file-type-pdf", "file-type-png", "file-type-ppt", "file-type-xls", "file-type-xml", "file-type-zip", "file-upload", "file-x", "file-zip", "file", "files-off", "files", "filter-off", "filter-sort", "filter", "fingerprint", "fire-extinguisher", "flag", "flame", "flip-horizontal", "flip-vertical", "folder-minus", "folder-off", "folder-plus", "folder-x", "folder", "folders", "frame", "gas-station", "gauge-off", "gauge", "gift", "git-branch", "git-compare", "gps", "grid-dots", "grip-horizontal", "grip-vertical", "hand-stop", "hand-waving", "hash", "haze", "headphones-off", "headphones", "headset", "heart-off", "heart", "heartbeat", "helicopter", "helmet-swopp", "helmet", "help", "history", "home", "hourglass-empty", "hourglass-high", "hourglass-low", "hourglass-off", "hourglass", "inbox", "info-circle", "keyboard-hide", "keyboard-show", "keyboard", "layout-board-split", "layout-dashboard", "layout-grid", "layout-sidebar-left-collapse", "layout-sidebar-left-expand", "layout-sidebar-right-collapse", "layout-sidebar-right-expand", "layout", "leaf", "lifebuoy", "link", "list-search", "list", "loader", "location", "lock-off", "lock-open", "lock", "login", "logout", "mail-forward", "mail-opened", "mail", "map-pin-2", "map-pin-off", "map-pin", "map", "master-data", "menu", "message-dots", "message-off", "message", "messages", "microphone-off", "microphone", "minus", "mist", "moon", "motorbike", "mouse", "movie", "network", "news", "note", "notebook", "notes", "offshore-station", "package", "palette", "paperclip", "pencil", "phone-call", "phone-calling", "phone-check", "phone-incoming", "phone-off", "phone-outgoing", "phone", "photo-off", "photo", "pig", "pin", "pinned-off", "pinned", "plane-off", "plane", "plant", "player-pause", "player-play", "player-skip-back", "player-skip-forward", "player-stop", "player-track-next", "player-track-prev", "plug-connected", "plug", "plus", "power-ac", "power-dc", "power", "presentation-analytics", "presentation", "printer", "propeller", "published", "puzzle-2", "puzzle", "pylon", "qrcode", "quotes-open", "quotes", "radar", "radio", "radioactive", "receipt-dollar", "receipt-euro", "receipt", "recharging", "recycle", "refresh-alert", "refresh-off", "refresh", "repeat-once", "repeat", "replace", "report-analytics", "report-medical", "report-search", "report", "ripple-off", "ripple", "rocket", "rotate-2", "rotate-clockwise-2", "rotate-clockwise", "rotate-dot", "rotate", "router", "ruler-measure", "sailboat", "satellite", "scale", "school", "scissors", "scooter-electric", "screenshot", "search", "seeding", "select", "selector", "send", "server", "settings", "shape", "share-2", "share", "shield-check", "shield-lock", "shield-off", "shield-x", "shield", "ship-off", "ship", "shopping-cart", "slash", "smart-home", "snowflake", "solar-panel", "sort-ascending-letters", "sort-ascending-numbers", "sort-descending-letters", "sort-descending-numbers", "spacing-horizontal", "spacing-vertical", "sparkles", "speakerphone", "stack", "stairs", "star", "sun", "sunrise", "sunset", "switch-horizontal", "switch-vertical", "table", "tag", "tank-empty-fill", "tank-full-fill", "tank-medium-fill", "temperature-off", "temperature", "template", "terminal", "text-size", "text", "thumb-down", "thumb-up", "ticket", "timeline", "tir", "tool", "tools", "train", "trash-off", "trash", "tree", "trees", "truck-delivery", "truck", "umbrella", "unlink", "upload", "user-circle", "user-exclamation", "user-minus", "user-off", "user-plus", "user-worker", "user", "users", "versions", "video-minus", "video-off", "video-plus", "video", "volume-2", "volume-3", "wallet", "wand", "wave", "waves", "wifi-off", "wifi", "wind-direction", "wind", "windmill", "wood", "world-code", "world", "writing", "x", "zoom-reset"];
 export type IconName = (typeof iconNames)[number];

package/dist/types/components/nv-menu/nv-menu.d.ts

@@ -88,6 +88,7 @@ export declare class NvMenu {
      * Closes the menu.
      */
     close(): Promise<void>;
+    private focusFirstItem;
     /****************************************************************************/
     /**
      * Emitted from nv-menuitem elements with the corresponding id and name when
@@ -95,10 +96,12 @@ export declare class NvMenu {
      * either the nv-menu or the nv-menuitem element.
      */
     menuitemSelected: EventEmitter<HTMLNvMenuitemElementEventMap['menuitemSelected']>;
+    /****************************************************************************/
+    handleOpenChange(newOpen: boolean): void;
+    /****************************************************************************/
     handleMenuItemSelect(event: CustomEvent<HTMLNvMenuitemElementEventMap['menuitemSelected']>): void;
     handleKeydown(event: KeyboardEvent): void;
     handleOpenChanged(event: CustomEvent<boolean>): void;
-    private focusFirstItem;
     /****************************************************************************/
     componentWillLoad(): void;
     /****************************************************************************/

package/dist/types/components/nv-popover/nv-popover.d.ts

@@ -9,6 +9,12 @@ export declare class NvPopover {
     private popoverElement;
     private arrowElement;
     private eventsAttached;
+    private isAnimating;
+    private clickEvents;
+    private hideTimeout;
+    private showTimeout;
+    private hoverEvents;
+    private closeEvents;
     /****************************************************************************/
     /**
      * @internal
@@ -108,23 +114,19 @@ export declare class NvPopover {
      */
     private positionPopover;
     /****************************************************************************/
+    private outsideClickEvents;
+    /****************************************************************************/
     /**
      * Emitted when the popover is toggled.
      * @bind open
      */
     openChanged: EventEmitter<boolean>;
-    handleOpenChanged(event: CustomEvent<boolean>): void;
-    private clickEvents;
-    private outsideClickEvents;
-    private hideTimeout;
-    private showTimeout;
-    private hoverEvents;
-    private closeEvents;
     /****************************************************************************/
-    private isAnimating;
     handleOpenChange(open: boolean): Promise<void>;
     handleStrategyChange(): void;
     /****************************************************************************/
+    handleOpenChanged(event: CustomEvent<boolean>): void;
+    /****************************************************************************/
     componentWillLoad(): void;
     componentWillUpdate(): void;
     componentDidLoad(): void;

package/dist/types/components/nv-table/nv-table.d.ts

@@ -1,98 +1,17 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { ColumnConfig } from '../../interfaces/ColumnConfig';
 /**
- * @slot default - Slot for the composed table columns
- * @slot before - Use this slot to insert HTML before the table.
- * @slot after - Use this slot to insert HTML after the table.
- *
- * @deprecated [EXPERIMENTAL]
- * @experimental - This component is used as a base for the nv-datagrid component. Do not use it directly.
+ * @slot default - Child content of the component.
  */
 export declare class NvTable {
-    el: HTMLNvTableElement;
-    private readonly templateCache;
-    private readonly headerTemplateCache;
+    host: HTMLNvTableElement;
+    private resizeState;
     /****************************************************************************/
-    parsedColumns: ColumnConfig[];
-    parsedData: any[];
-    private table;
     /****************************************************************************/
-    /**
-     * Data to be displayed in the table
-     */
-    readonly data: any[];
-    /**
-     * Configuration of the columns of the table
-     */
-    readonly columnsConfig: ColumnConfig[];
-    /**
-     * Data to be displayed in the table
-     */
-    readonly dataJson?: string;
-    /**
-     * Configuration of the columns of the table
-     */
-    readonly columnsConfigJson?: string;
-    /**
-     * Fallback value to be displayed when data is not available
-     */
-    readonly fallbackValue: string;
-    /**
-     * Message to be displayed when no data is available
-     */
-    readonly noDataMessage: string;
-    /**
-     * The message to display when there are no columns or data available.
-     * @default 'No data or columns available to display.'
-     */
-    readonly noColumnsNoDataMessage: string;
     /****************************************************************************/
-    /**
-     * Caches templates for cells and headers upfront to improve performance.
-     */
-    private cacheTemplates;
-    private parseDataAndColumns;
-    private deepEqual;
-    /**
-     * Parses the data array and sets the state accordingly
-     * @param {any[]} newValue - New value of the data array
-     * @param {any[]} oldValue - Old value of the data array
-     * @returns {void}
-     */
-    private parseDataArray;
-    /**
-     * Parses the columns array and sets the state accordingly
-     * @param {ColumnConfig[]} newValue - New value of the columns array
-     * @param {ColumnConfig[]} oldValue - Old value of the columns array
-     * @returns {void}
-     */
-    private parseColumnsArray;
-    private initializeTable;
-    private getTableData;
-    private replaceKeyWithValue;
-    private renderTemplate;
-    private replacePlaceholdersTextContent;
-    private replacePlaceholdersAttributes;
-    private replacePlaceholdersProperties;
+    onPointerDown(ev: PointerEvent): void;
+    onPointerMove(ev: PointerEvent): void;
+    onPointerUp(ev: PointerEvent): void;
     /****************************************************************************/
-    parseColumns(newValue: ColumnConfig[], oldValue: ColumnConfig[]): void;
-    parseJsonColumns(newValue: string | undefined, oldValue: ColumnConfig[]): void;
-    parseData(newValue: any[], oldValue: any[]): void;
-    parseJsonData(newValue: string | undefined): void;
-    handleParsedChange(): void;
     /****************************************************************************/
-    componentWillLoad(): void;
-    /****************************************************************************/
-    action: EventEmitter<{
-        /**
-         * Key action to be performed
-         */
-        keyAction: string;
-        /**
-         * Details of the action to be performed
-         */
-        details: any;
-    }>;
     /****************************************************************************/
     render(): any;
 }