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

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

@@ -0,0 +1 @@
+{"version":3,"file":"nv-drawer.js","sourceRoot":"","sources":["../../../../src/components/nv-drawer/nv-drawer.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

package/dist/collection/components/nv-drawerfooter/nv-drawerfooter.css

@@ -0,0 +1,8 @@
+nv-drawerfooter {
+  display: flex;
+  padding: var(--drawer-padding-y, var(--dialog-footer-padding-top)) var(--drawer-padding-x, var(--dialog-footer-padding-x)) var(--drawer-padding-y, var(--dialog-footer-padding-bottom)) var(--drawer-padding-x, var(--dialog-footer-padding-x));
+  justify-content: flex-end;
+  align-items: flex-end;
+  gap: var(--drawer-gap-y, var(--dialog-footer-gap-y));
+  align-self: stretch;
+}

package/dist/collection/components/nv-drawerfooter/nv-drawerfooter.docs.js

@@ -0,0 +1,6 @@
+const NvDrawerfooterDocs = {
+    component: 'nv-drawerfooter',
+    skip: true,
+};
+export default NvDrawerfooterDocs;
+//# sourceMappingURL=nv-drawerfooter.docs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nv-drawerfooter.docs.js","sourceRoot":"","sources":["../../../../src/components/nv-drawerfooter/nv-drawerfooter.docs.tsx"],"names":[],"mappings":"AAGA,MAAM,kBAAkB,GAAwC;IAC9D,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,IAAI;CACX,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\n\nconst NvDrawerfooterDocs: NovaDocs<Components.NvDrawerfooter> = {\n  component: 'nv-drawerfooter',\n  skip: true,\n};\n\nexport default NvDrawerfooterDocs;\n"]}

package/dist/collection/components/nv-drawerfooter/nv-drawerfooter.js

@@ -0,0 +1,325 @@
+import { h, Host, Fragment, } from "@stencil/core";
+import { ButtonType } from "../../utils/constants";
+/**
+ * @slot default - Custom content for the drawer footer. When provided, the default buttons will not be rendered.
+ */
+export class NvDrawerfooter {
+    constructor() {
+        this.hasSlot = false;
+        /****************************************************************************/
+        //#region PROPERTIES
+        /**
+         * Disables the primary button, preventing user interaction.
+         */
+        this.disabled = false;
+        /**
+         * Controls the visibility of the cancel button. When true, the cancel button is
+         * hidden.
+         */
+        this.undismissable = false;
+        /**
+         * Sets the leading icon for the primary button.
+         */
+        this.leadingIcon = null;
+        /**
+         * Sets the trailing icon for the primary button.
+         */
+        this.trailingIcon = null;
+        /**
+         * Sets the danger state for the primary button.
+         */
+        this.danger = false;
+        /**
+         * Sets the label for the cancel button.
+         */
+        this.cancelLabel = 'Cancel';
+        /**
+         * Sets the label for the primary button.
+         */
+        this.primaryLabel = 'Primary';
+        /**
+         * A form inside the drawer can be submitted through the drawer footer by
+         * giving the form an id and passing that id to the form attribute.
+         */
+        this.form = null;
+        //#endregion EVENTS
+        /****************************************************************************/
+        //#region METHODS
+        /**
+         * Handles the primary action when the primary button is clicked.
+         * @param {Event} event - The click event.
+         */
+        this.handlePrimary = (event) => {
+            event.stopPropagation();
+            this.drawerPrimaryClicked.emit();
+        };
+        /**
+         * Handles the cancel action when the cancel button is clicked. This will close the drawer.
+         * @param {Event} event - The click event.
+         */
+        this.handleCancel = (event) => {
+            event.stopPropagation();
+            this.drawerCanceled.emit();
+        };
+    }
+    //#endregion METHODS
+    /****************************************************************************/
+    //#region LIFECYCLE
+    componentWillLoad() {
+        // Check if there are any child elements that don't have a slot attribute
+        this.hasSlot = Array.from(this.el.childNodes).some(node => {
+            return (node.nodeType === Node.ELEMENT_NODE &&
+                !node.hasAttribute('slot'));
+        });
+    }
+    componentDidLoad() {
+        // Set the default button type based on the form property
+        this.primaryButtonType =
+            this.primaryButtonType || this.form
+                ? ButtonType.Submit
+                : ButtonType.Button;
+    }
+    //#endregion LIFECYCLE
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (h(Host, { key: '75b11ed4b84aa602f76895c473595423d38cc21d' }, !this.hasSlot ? (h(Fragment, null, !this.undismissable && (h("nv-button", { onClick: this.handleCancel, emphasis: "low", size: "sm" }, this.cancelLabel)), h("nv-button", { onClick: this.handlePrimary, disabled: this.disabled, danger: this.danger, size: "sm", emphasis: "high", form: this.form, type: this.primaryButtonType }, this.leadingIcon && (h("nv-icon", { slot: "leading-icon", name: this.leadingIcon, size: "sm" })), this.primaryLabel, this.trailingIcon && (h("nv-icon", { slot: "trailing-icon", name: this.trailingIcon, size: "sm" }))))) : (h("slot", null))));
+    }
+    static get is() { return "nv-drawerfooter"; }
+    static get formAssociated() { return true; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["nv-drawerfooter.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["nv-drawerfooter.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Disables the primary button, preventing user interaction."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "undismissable": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Controls the visibility of the cancel button. When true, the cancel button is\nhidden."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "undismissable",
+                "defaultValue": "false"
+            },
+            "leadingIcon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | null",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the leading icon for the primary button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "leading-icon",
+                "defaultValue": "null"
+            },
+            "trailingIcon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | null",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the trailing icon for the primary button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "trailing-icon",
+                "defaultValue": "null"
+            },
+            "danger": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the danger state for the primary button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "danger",
+                "defaultValue": "false"
+            },
+            "cancelLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | null",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the label for the cancel button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "cancel-label",
+                "defaultValue": "'Cancel'"
+            },
+            "primaryLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | null",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the label for the primary button."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "primary-label",
+                "defaultValue": "'Primary'"
+            },
+            "primaryButtonType": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "`${ButtonType}`",
+                    "resolved": "\"button\" | \"reset\" | \"submit\"",
+                    "references": {
+                        "ButtonType": {
+                            "location": "import",
+                            "path": "../../utils/constants",
+                            "id": "src/utils/constants.ts::ButtonType"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the type of the primary button. If using a form, this will default to\n'submit' if nothing passed."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "primary-button-type"
+            },
+            "form": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | null",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "A form inside the drawer can be submitted through the drawer footer by\ngiving the form an id and passing that id to the form attribute."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "form",
+                "defaultValue": "null"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "drawerCanceled",
+                "name": "drawerCanceled",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the cancel button is clicked. This will close the drawer."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }, {
+                "method": "drawerPrimaryClicked",
+                "name": "drawerPrimaryClicked",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the primary button is clicked. This allows to handle the\nprimary action and potential data capture before closing the drawer."
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+    static get attachInternalsMemberName() { return "internals"; }
+}
+//# sourceMappingURL=nv-drawerfooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nv-drawerfooter.js","sourceRoot":"","sources":["../../../../src/components/nv-drawerfooter/nv-drawerfooter.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}

package/dist/collection/components/nv-drawerheader/nv-drawerheader.css

@@ -0,0 +1,32 @@
+nv-drawerheader {
+  padding: var(--drawer-padding-y, var(--dialog-header-padding-top)) var(--drawer-padding-x, var(--dialog-header-padding-x)) var(--drawer-padding-y, var(--dialog-header-padding-bottom)) var(--drawer-padding-x, var(--dialog-header-padding-x));
+  justify-content: space-between;
+  align-items: flex-start;
+  align-self: stretch;
+}
+nv-drawerheader:has(> div:not(.heading):not(.subheading)) {
+  padding: 0;
+}
+nv-drawerheader > div[style*=gradient] {
+  background-attachment: local;
+}
+nv-drawerheader .heading {
+  color: var(--color-content-high-text);
+  /* heading/xs/medium */
+  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(--drawer-header-padding-right, var(--spacing-7));
+  line-height: var(--leading-px-6); /* 133.333% */
+  letter-spacing: var(--letter-spacing-heading-xs);
+}
+nv-drawerheader .subheading {
+  color: var(--color-content-low-text);
+  /* text/sm/regular */
+  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); /* 142.857% */
+}

package/dist/collection/components/nv-drawerheader/nv-drawerheader.docs.js

@@ -0,0 +1,6 @@
+const NvDrawerheaderDocs = {
+    component: 'nv-drawerheader',
+    skip: true,
+};
+export default NvDrawerheaderDocs;
+//# sourceMappingURL=nv-drawerheader.docs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nv-drawerheader.docs.js","sourceRoot":"","sources":["../../../../src/components/nv-drawerheader/nv-drawerheader.docs.tsx"],"names":[],"mappings":"AAGA,MAAM,kBAAkB,GAAwC;IAC9D,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,IAAI;CACX,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import type { NovaDocs } from '../../nova-docs';\nimport { Components } from '../../components';\n\nconst NvDrawerheaderDocs: NovaDocs<Components.NvDrawerheader> = {\n  component: 'nv-drawerheader',\n  skip: true,\n};\n\nexport default NvDrawerheaderDocs;\n"]}

package/dist/collection/components/nv-drawerheader/nv-drawerheader.js

@@ -0,0 +1,92 @@
+import { Host, h, Fragment } from "@stencil/core";
+/**
+ * @slot default - Custom content for the drawer header. When provided, the default header will not be rendered.
+ */
+export class NvDrawerheader {
+    constructor() {
+        this.hasSlot = false;
+        /****************************************************************************/
+        //#region PROPERTIES
+        /**
+         * Sets the heading text for the drawer.
+         */
+        this.heading = 'Drawer Title';
+        /**
+         * Sets the subheading text for the drawer.
+         */
+        this.subheading = null;
+    }
+    //#endregion PROPERTIES
+    /****************************************************************************/
+    //#region LIFECYCLE
+    componentWillLoad() {
+        // Check if there are any child elements that don't have a slot attribute
+        this.hasSlot = Array.from(this.el.childNodes).some(node => {
+            return (node.nodeType === Node.ELEMENT_NODE &&
+                !node.hasAttribute('slot'));
+        });
+    }
+    //#endregion LIFECYCLE
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (h(Host, { key: 'c61401c90c57982a645f703ae1e0bab4e7fcd3ff' }, !this.hasSlot ? (h(Fragment, null, h("div", { class: "heading" }, this.heading), h("div", { class: "subheading" }, this.subheading))) : (h("slot", null))));
+    }
+    static get is() { return "nv-drawerheader"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["nv-drawerheader.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["nv-drawerheader.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "heading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | null",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the heading text for the drawer."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "heading",
+                "defaultValue": "'Drawer Title'"
+            },
+            "subheading": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | null",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Sets the subheading text for the drawer."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "subheading",
+                "defaultValue": "null"
+            }
+        };
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=nv-drawerheader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nv-drawerheader.js","sourceRoot":"","sources":["../../../../src/components/nv-drawerheader/nv-drawerheader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE5E;;GAEG;AAMH,MAAM,OAAO,cAAc;IAL3B;QAOU,YAAO,GAAG,KAAK,CAAC;QAExB,8EAA8E;QAC9E,oBAAoB;QAEpB;;WAEG;QAEM,YAAO,GAAkB,cAAc,CAAC;QAEjD;;WAEG;QAEM,eAAU,GAAmB,IAAI,CAAC;KAoC5C;IAlCC,uBAAuB;IACvB,8EAA8E;IAC9E,mBAAmB;IAEnB,iBAAiB;QACf,yEAAyE;QACzE,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;YACxD,OAAO,CACL,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY;gBACnC,CAAE,IAAgB,CAAC,YAAY,CAAC,MAAM,CAAC,CACxC,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAED,sBAAsB;IACtB,8EAA8E;IAC9E,gBAAgB;IAEhB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,uDACF,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CACf,EAAC,QAAQ;YACP,WAAK,KAAK,EAAC,SAAS,IAAE,IAAI,CAAC,OAAO,CAAO;YACzC,WAAK,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,UAAU,CAAO,CACtC,CACZ,CAAC,CAAC,CAAC,CACF,eAAa,CACd,CACI,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGF","sourcesContent":["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"]}