@aquera/nile-elements 0.0.4-1 → 0.0.4-3

package/dist/nile-dropdown/nile-dropdown.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-dropdown.cjs.js","sources":["../../../src/nile-dropdown/nile-dropdown.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-dropdown.css';\nimport { animateTo, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport {  query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { getTabbableBoundary } from '../internal/tabbable';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\nimport type NileButton from '../nile-button/nile-button';\nimport type NileIconButton from '../nile-icon-button/nile-icon-button';\nimport type { NileMenu } from '../nile-menu';\nimport type { NilePopup } from '../nile-popup';\nimport '../nile-popup';\n\n/**\n * Nile icon component.\n *\n * @tag nile-dropdown\n * @summary Dropdowns expose additional content that \"drops down\" in a panel.\n * @dependency nile-popup\n *\n * @slot - The dropdown's main content.\n * @slot trigger - The dropdown's trigger, usually a `<nile-button>` element.\n *\n * @event nile-show - Emitted when the dropdown opens.\n * @event nile-after-show - Emitted after the dropdown opens and all animations are complete.\n * @event nile-hide - Emitted when the dropdown closes.\n * @event nile-after-hide - Emitted after the dropdown closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart trigger - The container that wraps the trigger.\n * @csspart panel - The panel that gets shown when the dropdown is open.\n *\n * @animation dropdown.show - The animation to use when showing the dropdown.\n * @animation dropdown.hide - The animation to use when hiding the dropdown.\n */\n@customElement('nile-dropdown')\nexport class NileDropdown extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  @query('.dropdown') popup: NilePopup;\n  @query('.dropdown__trigger') trigger: HTMLSlotElement;\n  @query('.dropdown__panel') panel: HTMLSlotElement;\n\n\n  /**\n   * Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you\n   * can use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /**\n   * The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\n   * inside of the viewport.\n   */\n  @property({ reflect: true }) placement:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end' = 'bottom-start';\n\n  /** Disables the dropdown so the panel will not open. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\n   * dropdowns that allow for multiple interactions.\n   */\n  @property({ attribute: 'stay-open-on-select', type: Boolean, reflect: true }) stayOpenOnSelect = false;\n\n  /**\n   * The dropdown will close when the user interacts outside of this element (e.g. clicking). Useful for composing other\n   * components that use a dropdown internally.\n   */\n  @property({ attribute: false }) containingElement?: HTMLElement;\n\n  /** The distance in pixels from which to offset the panel away from its trigger. */\n  @property({ type: Number }) distance = 0;\n\n\n  @property({ type: Boolean }) noOpenOnClick = false;\n\n  /** The distance in pixels from which to offset the panel along its trigger. */\n  @property({ type: Number }) skidding = 0;\n\n  /**\n   * Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n   * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n   */\n  @property({ type: Boolean }) hoist = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handlePanelSelect = this.handlePanelSelect.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);\n    this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this);\n\n    if (!this.containingElement) {\n      this.containingElement = this;\n    }\n  }\n\n  firstUpdated() {\n    this.panel.hidden = !this.open;\n\n    // If the dropdown is visible on init, update its position\n    if (this.open) {\n      this.addOpenListeners();\n      this.popup.active = true;\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeOpenListeners();\n    this.hide();\n  }\n\n  focusOnTrigger() {\n    const trigger = this.trigger.assignedElements({ flatten: true })[0] as HTMLElement | undefined;\n    if (typeof trigger?.focus === 'function') {\n      trigger.focus();\n    }\n  }\n\n  getMenu() {\n    return this.panel.assignedElements({ flatten: true }).find(el => el.tagName.toLowerCase() === 'nile-menu') as\n      | NileMenu\n      | undefined;\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    // Close when escape is pressed inside an open dropdown. We need to listen on the panel itself and stop propagation\n    // in case any ancestors are also listening for this key.\n    if (this.open && event.key === 'Escape') {\n      event.stopPropagation();\n      this.hide();\n      this.focusOnTrigger();\n    }\n  }\n\n  handleDocumentKeyDown(event: KeyboardEvent) {\n    // Close when escape or tab is pressed\n    if (event.key === 'Escape' && this.open) {\n      event.stopPropagation();\n      this.focusOnTrigger();\n      this.hide();\n      return;\n    }\n\n    // Handle tabbing\n    if (event.key === 'Tab') {\n      // Tabbing within an open menu should close the dropdown and refocus the trigger\n      if (this.open && document.activeElement?.tagName.toLowerCase() === 'nile-menu-item') {\n        event.preventDefault();\n        this.hide();\n        this.focusOnTrigger();\n        return;\n      }\n\n      // Tabbing outside of the containing element closes the panel\n      //\n      // If the dropdown is used within a shadow DOM, we need to obtain the activeElement within that shadowRoot,\n      // otherwise `document.activeElement` will only return the name of the parent shadow DOM element.\n      setTimeout(() => {\n        const activeElement =\n          this.containingElement?.getRootNode() instanceof ShadowRoot\n            ? document.activeElement?.shadowRoot?.activeElement\n            : document.activeElement;\n\n        if (\n          !this.containingElement ||\n          activeElement?.closest(this.containingElement.tagName.toLowerCase()) !== this.containingElement\n        ) {\n          this.hide();\n        }\n      });\n    }\n  }\n\n  handleDocumentMouseDown(event: MouseEvent) {\n    // Close when clicking outside of the containing element\n    const path = event.composedPath();\n    if (this.containingElement && !path.includes(this.containingElement)) {\n      this.hide();\n    }\n  }\n\n  handlePanelSelect(event: any) {\n    const target = event.target as HTMLElement;\n\n    // Hide the dropdown when a menu item is selected\n    if (!this.stayOpenOnSelect && target.tagName.toLowerCase() === 'nile-menu') {\n      this.hide();\n      this.focusOnTrigger();\n    }\n  }\n\n  handleTriggerClick() {\n    if(this.noOpenOnClick){\n      return;\n    }\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n      this.focusOnTrigger();\n    }\n  }\n\n  handleTriggerKeyDown(event: KeyboardEvent) {\n    // When spacebar/enter is pressed, show the panel but don't focus on the menu. This let's the user press the same\n    // key again to hide the menu in case they don't want to make a selection.\n    // if (['Enter'].includes(event.key)) {\n    //   event.preventDefault();\n    //   this.handleTriggerClick();\n    //   return;\n    // }\n\n    const menu = this.getMenu();\n\n    if (menu) {\n      const menuItems = menu.getAllItems();\n      const firstMenuItem = menuItems[0];\n      const lastMenuItem = menuItems[menuItems.length - 1];\n\n      // When up/down is pressed, we make the assumption that the user is familiar with the menu and plans to make a\n      // selection. Rather than toggle the panel, we focus on the menu (if one exists) and activate the first item for\n      // faster navigation.\n      if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {\n        event.preventDefault();\n\n        // Show the menu if it's not already open\n        if (!this.open) {\n          this.show();\n        }\n\n        if (menuItems.length > 0) {\n          // Focus on the first/last menu item after showing\n          this.updateComplete.then(() => {\n            if (event.key === 'ArrowDown' || event.key === 'Home') {\n              menu.setCurrentItem(firstMenuItem);\n              firstMenuItem.focus();\n            }\n\n            if (event.key === 'ArrowUp' || event.key === 'End') {\n              menu.setCurrentItem(lastMenuItem);\n              lastMenuItem.focus();\n            }\n          });\n        }\n      }\n    }\n  }\n\n  handleTriggerKeyUp(event: KeyboardEvent) {\n    // Prevent space from triggering a click event in Firefox\n    if (event.key === ' ') {\n      event.preventDefault();\n    }\n  }\n\n  handleTriggerSlotChange() {\n    this.updateAccessibleTrigger();\n  }\n\n  //\n  // Slotted triggers can be arbitrary content, but we need to link them to the dropdown panel with `aria-haspopup` and\n  // `aria-expanded`. These must be applied to the \"accessible trigger\" (the tabbable portion of the trigger element\n  // that gets slotted in) so screen readers will understand them. The accessible trigger could be the slotted element,\n  // a child of the slotted element, or an element in the slotted element's shadow root.\n  //\n  // For example, the accessible trigger of an <nile-button> is a <button> located inside its shadow root.\n  //\n  // To determine this, we assume the first tabbable element in the trigger slot is the \"accessible trigger.\"\n  //\n  updateAccessibleTrigger() {\n    const assignedElements = this.trigger.assignedElements({ flatten: true }) as HTMLElement[];\n    const accessibleTrigger = assignedElements.find(el => getTabbableBoundary(el).start);\n    let target: HTMLElement;\n\n    if (accessibleTrigger) {\n      switch (accessibleTrigger.tagName.toLowerCase()) {\n        // nile buttons have to update the internal button so it's announced correctly by screen readers\n        case 'nile-button':\n        case 'nile-icon-button':\n          target = (accessibleTrigger as NileButton | NileIconButton).button;\n          break;\n\n        default:\n          target = accessibleTrigger;\n      }\n\n      target.setAttribute('aria-haspopup', 'true');\n      target.setAttribute('aria-expanded', this.open ? 'true' : 'false');\n    }\n  }\n\n  /** Shows the dropdown panel. */\n  async show() {\n    if (this.open) {\n      return undefined;\n    }\n\n    this.open = true;\n    return waitForEvent(this, 'nile-after-show');\n  }\n\n  /** Hides the dropdown panel */\n  async hide() {\n    if (!this.open) {\n      return undefined;\n    }\n\n    this.open = false;\n    return waitForEvent(this, 'nile-after-hide');\n  }\n\n  /**\n   * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu\n   * is activated.\n   */\n  reposition() {\n    this.popup.reposition();\n  }\n\n  addOpenListeners() {\n    this.panel.addEventListener('nile-select', this.handlePanelSelect);\n    this.panel.addEventListener('keydown', this.handleKeyDown);\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n    document.addEventListener('mousedown', this.handleDocumentMouseDown);\n  }\n\n  removeOpenListeners() {\n    if (this.panel) {\n      this.panel.removeEventListener('nile-select', this.handlePanelSelect);\n      this.panel.removeEventListener('keydown', this.handleKeyDown);\n    }\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown);\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.disabled) {\n      this.open = false;\n      return;\n    }\n\n    this.updateAccessibleTrigger();\n\n    if (this.open) {\n      // Show\n      this.emit('nile-show');\n      this.addOpenListeners();\n\n      await stopAnimations(this);\n      this.panel.hidden = false;\n      this.popup.active = true;\n      const { keyframes, options } = getAnimation(this, 'dropdown.show', { dir: '' });\n      await animateTo(this.popup.popup, keyframes, options);\n\n      this.emit('nile-after-show');\n    } else {\n      // Hide\n      this.emit('nile-hide');\n      this.removeOpenListeners();\n\n      await stopAnimations(this);\n      const { keyframes, options } = getAnimation(this, 'dropdown.hide', { dir: '' });\n      await animateTo(this.popup.popup, keyframes, options);\n      this.panel.hidden = true;\n      this.popup.active = false;\n\n      this.emit('nile-after-hide');\n    }\n  }\n\n  render() {\n    return html`\n      <nile-popup\n        part=\"base\"\n        id=\"dropdown\"\n        placement=${this.placement}\n        distance=${this.distance}\n        skidding=${this.skidding}\n        strategy=${this.hoist ? 'fixed' : 'absolute'}\n        flip\n        shift\n        auto-size=\"both\"\n        auto-size-padding=\"10\"\n        class=${classMap({\n          dropdown: true,\n          'dropdown--open': this.open\n        })}\n      >\n        <slot\n          name=\"trigger\"\n          slot=\"anchor\"\n          part=\"trigger\"\n          class=\"dropdown__trigger\"\n          @click=${this.handleTriggerClick}\n          @keydown=${this.handleTriggerKeyDown}\n          @keyup=${this.handleTriggerKeyUp}\n          @slotchange=${this.handleTriggerSlotChange}\n        ></slot>\n\n        <slot\n          part=\"panel\"\n          class=\"dropdown__panel\"\n          aria-hidden=${this.open ? 'false' : 'true'}\n          aria-labelledby=\"dropdown\"\n        ></slot>\n      </nile-popup>\n    `;\n  }\n}\n\nsetDefaultAnimation('dropdown.show', {\n  keyframes: [\n    { opacity: 0, scale: 0.9 },\n    { opacity: 1, scale: 1 }\n  ],\n  options: { duration: 100, easing: 'ease' }\n});\n\nsetDefaultAnimation('dropdown.hide', {\n  keyframes: [\n    { opacity: 1, scale: 1 },\n    { opacity: 0, scale: 0.9 }\n  ],\n  options: { duration: 100, easing: 'ease' }\n});\n\nexport default NileDropdown;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-dropdown': NileDropdown;\n  }\n}\n"],"names":["NileDropdown","constructor","this","open","placement","disabled","stayOpenOnSelect","distance","noOpenOnClick","skidding","hoist","connectedCallback","super","handlePanelSelect","bind","handleKeyDown","handleDocumentKeyDown","handleDocumentMouseDown","containingElement","firstUpdated","panel","hidden","addOpenListeners","popup","active","disconnectedCallback","removeOpenListeners","hide","focusOnTrigger","trigger","assignedElements","flatten","focus","getMenu","find","el","tagName","toLowerCase","event","key","stopPropagation","document","activeElement","preventDefault","setTimeout","getRootNode","ShadowRoot","shadowRoot","closest","path","composedPath","includes","target","handleTriggerClick","show","handleTriggerKeyDown","menu","menuItems","getAllItems","firstMenuItem","lastMenuItem","length","updateComplete","then","setCurrentItem","handleTriggerKeyUp","handleTriggerSlotChange","updateAccessibleTrigger","accessibleTrigger","getTabbableBoundary","start","button","setAttribute","async","waitForEvent","reposition","addEventListener","removeEventListener","emit","stopAnimations","getAnimation","dir","keyframes","options","animateTo","render","html","classMap","dropdown","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","attribute","Number","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","scale","duration","easing"],"mappings":"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"}
+{"version":3,"file":"nile-dropdown.cjs.js","sources":["../../../src/nile-dropdown/nile-dropdown.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-dropdown.css';\nimport { animateTo, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport {  query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { getTabbableBoundary } from '../internal/tabbable';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\nimport type NileButton from '../nile-button/nile-button';\nimport type NileIconButton from '../nile-icon-button/nile-icon-button';\nimport type { NileMenu } from '../nile-menu';\nimport type { NilePopup } from '../nile-popup';\nimport '../nile-popup';\n\n/**\n * Nile icon component.\n *\n * @tag nile-dropdown\n * @summary Dropdowns expose additional content that \"drops down\" in a panel.\n * @dependency nile-popup\n *\n * @slot - The dropdown's main content.\n * @slot trigger - The dropdown's trigger, usually a `<nile-button>` element.\n *\n * @event nile-show - Emitted when the dropdown opens.\n * @event nile-after-show - Emitted after the dropdown opens and all animations are complete.\n * @event nile-hide - Emitted when the dropdown closes.\n * @event nile-after-hide - Emitted after the dropdown closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart trigger - The container that wraps the trigger.\n * @csspart panel - The panel that gets shown when the dropdown is open.\n *\n * @animation dropdown.show - The animation to use when showing the dropdown.\n * @animation dropdown.hide - The animation to use when hiding the dropdown.\n */\n@customElement('nile-dropdown')\nexport class NileDropdown extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  @query('.dropdown') popup: NilePopup;\n  @query('.dropdown__trigger') trigger: HTMLSlotElement;\n  @query('.dropdown__panel') panel: HTMLSlotElement;\n\n\n  /**\n   * Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you\n   * can use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /**\n   * The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\n   * inside of the viewport.\n   */\n  @property({ reflect: true }) placement:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end' = 'bottom-start';\n\n  /** Disables the dropdown so the panel will not open. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\n   * dropdowns that allow for multiple interactions.\n   */\n  @property({ attribute: 'stay-open-on-select', type: Boolean, reflect: true }) stayOpenOnSelect = false;\n\n  /**\n   * The dropdown will close when the user interacts outside of this element (e.g. clicking). Useful for composing other\n   * components that use a dropdown internally.\n   */\n  @property({ attribute: false }) containingElement?: HTMLElement;\n\n  /** The distance in pixels from which to offset the panel away from its trigger. */\n  @property({ type: Number }) distance = 0;\n\n\n  @property({ type: Boolean }) noOpenOnClick = false;\n\n  /** The distance in pixels from which to offset the panel along its trigger. */\n  @property({ type: Number }) skidding = 0;\n\n  /**\n   * Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n   * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n   */\n  @property({ type: Boolean }) hoist = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handlePanelSelect = this.handlePanelSelect.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);\n    this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this);\n\n    if (!this.containingElement) {\n      this.containingElement = this;\n    }\n  }\n\n  firstUpdated() {\n    this.panel.hidden = !this.open;\n\n    // If the dropdown is visible on init, update its position\n    if (this.open) {\n      this.addOpenListeners();\n      this.popup.active = true;\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeOpenListeners();\n    this.hide();\n  }\n\n  focusOnTrigger() {\n    const trigger = this.trigger.assignedElements({ flatten: true })[0] as HTMLElement | undefined;\n    if (typeof trigger?.focus === 'function') {\n      trigger.focus();\n    }\n  }\n\n  getMenu() {\n    return this.panel.assignedElements({ flatten: true }).find(el => el.tagName.toLowerCase() === 'nile-menu') as\n      | NileMenu\n      | undefined;\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    // Close when escape is pressed inside an open dropdown. We need to listen on the panel itself and stop propagation\n    // in case any ancestors are also listening for this key.\n    if (this.open && event.key === 'Escape') {\n      event.stopPropagation();\n      this.hide();\n      this.focusOnTrigger();\n    }\n  }\n\n  handleDocumentKeyDown(event: KeyboardEvent) {\n    // Close when escape or tab is pressed\n    if (event.key === 'Escape' && this.open) {\n      event.stopPropagation();\n      this.focusOnTrigger();\n      this.hide();\n      return;\n    }\n\n    // Handle tabbing\n    if (event.key === 'Tab') {\n      // Tabbing within an open menu should close the dropdown and refocus the trigger\n      if (this.open && document.activeElement?.tagName.toLowerCase() === 'nile-menu-item') {\n        event.preventDefault();\n        this.hide();\n        this.focusOnTrigger();\n        return;\n      }\n\n      // Tabbing outside of the containing element closes the panel\n      //\n      // If the dropdown is used within a shadow DOM, we need to obtain the activeElement within that shadowRoot,\n      // otherwise `document.activeElement` will only return the name of the parent shadow DOM element.\n      setTimeout(() => {\n        const activeElement =\n          this.containingElement?.getRootNode() instanceof ShadowRoot\n            ? document.activeElement?.shadowRoot?.activeElement\n            : document.activeElement;\n\n        if (\n          !this.containingElement ||\n          activeElement?.closest(this.containingElement.tagName.toLowerCase()) !== this.containingElement\n        ) {\n          this.hide();\n        }\n      });\n    }\n  }\n\n  handleDocumentMouseDown(event: MouseEvent) {\n    // Close when clicking outside of the containing element\n    const path = event.composedPath();\n    if (this.containingElement && !path.includes(this.containingElement)) {\n      this.hide();\n    }\n  }\n\n  handlePanelSelect(event: any) {\n    const target = event.target as HTMLElement;\n\n    // Hide the dropdown when a menu item is selected\n    if (!this.stayOpenOnSelect && target.tagName.toLowerCase() === 'nile-menu') {\n      this.hide();\n      this.focusOnTrigger();\n    }\n  }\n\n  handleTriggerClick() {\n    if(this.noOpenOnClick){\n      return;\n    }\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n      this.focusOnTrigger();\n    }\n  }\n\n  handleTriggerKeyDown(event: KeyboardEvent) {\n    // When spacebar/enter is pressed, show the panel but don't focus on the menu. This let's the user press the same\n    // key again to hide the menu in case they don't want to make a selection.\n    // if (['Enter'].includes(event.key)) {\n    //   event.preventDefault();\n    //   this.handleTriggerClick();\n    //   return;\n    // }\n\n    const menu = this.getMenu();\n\n    if (menu) {\n      const menuItems = menu.getAllItems();\n      const firstMenuItem = menuItems[0];\n      const lastMenuItem = menuItems[menuItems.length - 1];\n\n      // When up/down is pressed, we make the assumption that the user is familiar with the menu and plans to make a\n      // selection. Rather than toggle the panel, we focus on the menu (if one exists) and activate the first item for\n      // faster navigation.\n      if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {\n        event.preventDefault();\n\n        // Show the menu if it's not already open\n        if (!this.open) {\n          this.show();\n        }\n\n        if (menuItems.length > 0) {\n          // Focus on the first/last menu item after showing\n          this.updateComplete.then(() => {\n            if (event.key === 'ArrowDown' || event.key === 'Home') {\n              menu.setCurrentItem(firstMenuItem);\n              firstMenuItem.focus();\n            }\n\n            if (event.key === 'ArrowUp' || event.key === 'End') {\n              menu.setCurrentItem(lastMenuItem);\n              lastMenuItem.focus();\n            }\n          });\n        }\n      }\n    }\n  }\n\n  handleTriggerKeyUp(event: KeyboardEvent) {\n    // Prevent space from triggering a click event in Firefox\n    if (event.key === ' ') {\n      event.preventDefault();\n    }\n  }\n\n  handleTriggerSlotChange() {\n    this.updateAccessibleTrigger();\n  }\n\n  //\n  // Slotted triggers can be arbitrary content, but we need to link them to the dropdown panel with `aria-haspopup` and\n  // `aria-expanded`. These must be applied to the \"accessible trigger\" (the tabbable portion of the trigger element\n  // that gets slotted in) so screen readers will understand them. The accessible trigger could be the slotted element,\n  // a child of the slotted element, or an element in the slotted element's shadow root.\n  //\n  // For example, the accessible trigger of an <nile-button> is a <button> located inside its shadow root.\n  //\n  // To determine this, we assume the first tabbable element in the trigger slot is the \"accessible trigger.\"\n  //\n  updateAccessibleTrigger() {\n    const assignedElements = this.trigger.assignedElements({ flatten: true }) as HTMLElement[];\n    const accessibleTrigger = assignedElements.find(el => getTabbableBoundary(el).start);\n    let target: HTMLElement;\n\n    if (accessibleTrigger) {\n      switch (accessibleTrigger.tagName.toLowerCase()) {\n        // nile buttons have to update the internal button so it's announced correctly by screen readers\n        case 'nile-button':\n        case 'nile-icon-button':\n          target = (accessibleTrigger as NileButton | NileIconButton).button;\n          break;\n\n        default:\n          target = accessibleTrigger;\n      }\n\n      target.setAttribute('aria-haspopup', 'true');\n      target.setAttribute('aria-expanded', this.open ? 'true' : 'false');\n    }\n  }\n\n  /** Shows the dropdown panel. */\n  async show() {\n    if (this.open) {\n      return undefined;\n    }\n\n    this.open = true;\n    return waitForEvent(this, 'nile-after-show');\n  }\n\n  /** Hides the dropdown panel */\n  async hide() {\n    if (!this.open) {\n      return undefined;\n    }\n\n    this.open = false;\n    return waitForEvent(this, 'nile-after-hide');\n  }\n\n  /**\n   * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu\n   * is activated.\n   */\n  reposition() {\n    this.popup.reposition();\n  }\n\n  addOpenListeners() {\n    this.panel.addEventListener('nile-select', this.handlePanelSelect);\n    this.panel.addEventListener('keydown', this.handleKeyDown);\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n    document.addEventListener('mousedown', this.handleDocumentMouseDown);\n  }\n\n  removeOpenListeners() {\n    if (this.panel) {\n      this.panel.removeEventListener('nile-select', this.handlePanelSelect);\n      this.panel.removeEventListener('keydown', this.handleKeyDown);\n    }\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown);\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.disabled) {\n      this.open = false;\n      return;\n    }\n\n    this.updateAccessibleTrigger();\n\n    if (this.open) {\n      // Show\n      this.emit('nile-show');\n      this.addOpenListeners();\n\n      await stopAnimations(this);\n      this.panel.hidden = false;\n      this.popup.active = true;\n      const { keyframes, options } = getAnimation(this, 'dropdown.show', { dir: '' });\n      await animateTo(this.popup.popup, keyframes, options);\n\n      this.emit('nile-after-show');\n    } else {\n      // Hide\n      this.emit('nile-hide');\n      this.removeOpenListeners();\n\n      await stopAnimations(this);\n      const { keyframes, options } = getAnimation(this, 'dropdown.hide', { dir: '' });\n      await animateTo(this.popup.popup, keyframes, options);\n      this.panel.hidden = true;\n      this.popup.active = false;\n\n      this.emit('nile-after-hide');\n    }\n  }\n\n  render() {\n    return html`\n      <nile-popup\n        part=\"base\"\n        id=\"dropdown\"\n        placement=${this.placement}\n        distance=${this.distance}\n        skidding=${this.skidding}\n        strategy=${this.hoist ? 'fixed' : 'absolute'}\n        flip\n        shift\n        auto-size=\"both\"\n        auto-size-padding=\"10\"\n        class=${classMap({\n          dropdown: true,\n          'dropdown--open': this.open\n        })}\n      >\n        <slot\n          name=\"trigger\"\n          slot=\"anchor\"\n          part=\"trigger\"\n          class=\"dropdown__trigger\"\n          @click=${this.handleTriggerClick}\n          @keydown=${this.handleTriggerKeyDown}\n          @keyup=${this.handleTriggerKeyUp}\n          @slotchange=${this.handleTriggerSlotChange}\n        ></slot>\n\n        <slot\n          part=\"panel\"\n          class=\"dropdown__panel\"\n          aria-hidden=${this.open ? 'false' : 'true'}\n          aria-labelledby=\"dropdown\"\n        ></slot>\n      </nile-popup>\n    `;\n  }\n}\n\nsetDefaultAnimation('dropdown.show', {\n  keyframes: [\n    { opacity: 0, scale: 0.9 },\n    { opacity: 1, scale: 1 }\n  ],\n  options: { duration: 100, easing: 'ease' }\n});\n\nsetDefaultAnimation('dropdown.hide', {\n  keyframes: [\n    { opacity: 1, scale: 1 },\n    { opacity: 0, scale: 0.9 }\n  ],\n  options: { duration: 100, easing: 'ease' }\n});\n\nexport default NileDropdown;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-dropdown': NileDropdown;\n  }\n}\n"],"names":["NileDropdown","w","this","open","placement","disabled","stayOpenOnSelect","distance","noOpenOnClick","skidding","hoist","_this","_createClass","key","value","connectedCallback","super","handlePanelSelect","bind","handleKeyDown","handleDocumentKeyDown","handleDocumentMouseDown","containingElement","firstUpdated","panel","hidden","addOpenListeners","popup","active","disconnectedCallback","removeOpenListeners","hide","focusOnTrigger","trigger","assignedElements","flatten","focus","getMenu","find","el","tagName","toLowerCase","event","stopPropagation","_document$activeEleme","document","activeElement","preventDefault","setTimeout","getRootNode","ShadowRoot","shadowRoot","closest","path","composedPath","includes","target","handleTriggerClick","show","handleTriggerKeyDown","menu","menuItems","getAllItems","firstMenuItem","lastMenuItem","length","updateComplete","then","setCurrentItem","handleTriggerKeyUp","handleTriggerSlotChange","updateAccessibleTrigger","accessibleTrigger","getTabbableBoundary","start","button","setAttribute","_show","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context2","prev","next","waitForEvent","stop","apply","arguments","_hide","_callee2","_callee2$","_context3","abrupt","reposition","addEventListener","removeEventListener","_handleOpenChange","_callee3","_d","_t","_i","_d2","_t2","_i2","_callee3$","_context4","emit","stopAnimations","getAnimation","dir","animateTo","keyframes","options","handleOpenChange","render","html","_templateObject","_taggedTemplateLiteral","classMap","dropdown","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","attribute","Number","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","scale","duration","easing"],"mappings":"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"}

package/dist/nile-dropdown/nile-dropdown.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../index-adad7634.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",t=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n:host {\n    display: inline-block;\n  }\n\n  .dropdown::part(popup) {\n    z-index: 900;\n  }\n\n  .dropdown[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .dropdown[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  .dropdown[data-current-placement^='left']::part(popup) {\n    transform-origin: right;\n  }\n\n  .dropdown[data-current-placement^='right']::part(popup) {\n    transform-origin: left;\n  }\n\n  .dropdown__trigger {\n    display: block;\n  }\n\n  .dropdown__panel {\n    font-size: 1rem;\n    font-weight: 400;\n    box-shadow: 0 2px 8px hsl(240 3.8% 46.1% / 12%);\n    border-radius: 0.25rem;\n    pointer-events: none;\n  }\n\n  .dropdown--open .dropdown__panel {\n    display: block;\n    pointer-events: all;\n  }\n\n  /* When users slot a menu, make sure it conforms to the popup's auto-size */\n  ::slotted(nile-menu) {\n    max-width: var(--auto-size-available-width) !important;\n    max-height: var(--auto-size-available-height) !important;\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",t=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n:host {\n    display: inline-block;\n  }\n\n  .dropdown::part(popup) {\n    z-index: 900;\n  }\n\n  .dropdown[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .dropdown[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  .dropdown[data-current-placement^='left']::part(popup) {\n    transform-origin: right;\n  }\n\n  .dropdown[data-current-placement^='right']::part(popup) {\n    transform-origin: left;\n  }\n\n  .dropdown__trigger {\n    display: block;\n  }\n\n  .dropdown__panel {\n    font-size: 1rem;\n    font-weight: 400;\n    box-shadow: 0 2px 8px hsl(240 3.8% 46.1% / 12%);\n    border-radius: 0.25rem;\n    pointer-events: none;\n  }\n\n  .dropdown--open .dropdown__panel {\n    display: block;\n    pointer-events: all;\n  }\n\n  /* When users slot a menu, make sure it conforms to the popup's auto-size */\n  ::slotted(nile-menu) {\n    max-width: var(--auto-size-available-width) !important;\n    max-height: var(--auto-size-available-height) !important;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-dropdown.css.cjs.js.map

package/dist/nile-dropdown/nile-dropdown.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-dropdown.css.cjs.js","sources":["../../../src/nile-dropdown/nile-dropdown.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * Dropdown CSS\n */\nexport const styles = css`\n:host {\n    display: inline-block;\n  }\n\n  .dropdown::part(popup) {\n    z-index: 900;\n  }\n\n  .dropdown[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .dropdown[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  .dropdown[data-current-placement^='left']::part(popup) {\n    transform-origin: right;\n  }\n\n  .dropdown[data-current-placement^='right']::part(popup) {\n    transform-origin: left;\n  }\n\n  .dropdown__trigger {\n    display: block;\n  }\n\n  .dropdown__panel {\n    font-size: 1rem;\n    font-weight: 400;\n    box-shadow: 0 2px 8px hsl(240 3.8% 46.1% / 12%);\n    border-radius: 0.25rem;\n    pointer-events: none;\n  }\n\n  .dropdown--open .dropdown__panel {\n    display: block;\n    pointer-events: all;\n  }\n\n  /* When users slot a menu, make sure it conforms to the popup's auto-size */\n  ::slotted(nile-menu) {\n    max-width: var(--auto-size-available-width) !important;\n    max-height: var(--auto-size-available-height) !important;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG"}
+{"version":3,"file":"nile-dropdown.css.cjs.js","sources":["../../../src/nile-dropdown/nile-dropdown.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * Dropdown CSS\n */\nexport const styles = css`\n:host {\n    display: inline-block;\n  }\n\n  .dropdown::part(popup) {\n    z-index: 900;\n  }\n\n  .dropdown[data-current-placement^='top']::part(popup) {\n    transform-origin: bottom;\n  }\n\n  .dropdown[data-current-placement^='bottom']::part(popup) {\n    transform-origin: top;\n  }\n\n  .dropdown[data-current-placement^='left']::part(popup) {\n    transform-origin: right;\n  }\n\n  .dropdown[data-current-placement^='right']::part(popup) {\n    transform-origin: left;\n  }\n\n  .dropdown__trigger {\n    display: block;\n  }\n\n  .dropdown__panel {\n    font-size: 1rem;\n    font-weight: 400;\n    box-shadow: 0 2px 8px hsl(240 3.8% 46.1% / 12%);\n    border-radius: 0.25rem;\n    pointer-events: none;\n  }\n\n  .dropdown--open .dropdown__panel {\n    display: block;\n    pointer-events: all;\n  }\n\n  /* When users slot a menu, make sure it conforms to the popup's auto-size */\n  ::slotted(nile-menu) {\n    max-width: var(--auto-size-available-width) !important;\n    max-height: var(--auto-size-available-height) !important;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-dropdown/nile-dropdown.css.esm.js

@@ -1,4 +1,4 @@
-import{i as o}from"../index-f1b94546.esm.js";const t=o`
+import{i as o}from"../index-cd2f9c12.esm.js";const t=o`
 :host {
     display: inline-block;
   }

package/dist/nile-dropdown/nile-dropdown.esm.js

@@ -1,4 +1,4 @@
-import{__decorate as t}from"tslib";import{y as i}from"../index-f1b94546.esm.js";import{query as e,customElement as s}from"lit/decorators.js";import{s as o}from"./nile-dropdown.css.esm.js";import{s as n,a as h}from"../internal/animate.esm.js";import{classMap as r}from"lit/directives/class-map.js";import{s as a,g as d}from"../utilities/animation-registry.esm.js";import{g as l}from"../internal/tabbable.esm.js";import{w as p}from"../internal/event.esm.js";import{w as c}from"../internal/watch.esm.js";import{N as m}from"../internal/nile-element.esm.js";import"../nile-popup/nile-popup.esm.js";import{e as u}from"../property-bf6307e2.esm.js";import"lit";import"../nile-popup/nile-popup.css.esm.js";let w=class extends m{constructor(){super(...arguments),this.open=!1,this.placement="bottom-start",this.disabled=!1,this.stayOpenOnSelect=!1,this.distance=0,this.noOpenOnClick=!1,this.skidding=0,this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}focusOnTrigger(){const t=this.trigger.assignedElements({flatten:!0})[0];"function"==typeof t?.focus&&t.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find((t=>"nile-menu"===t.tagName.toLowerCase()))}handleKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide(),this.focusOnTrigger())}handleDocumentKeyDown(t){if("Escape"===t.key&&this.open)return t.stopPropagation(),this.focusOnTrigger(),void this.hide();if("Tab"===t.key){if(this.open&&"nile-menu-item"===document.activeElement?.tagName.toLowerCase())return t.preventDefault(),this.hide(),void this.focusOnTrigger();setTimeout((()=>{const t=this.containingElement?.getRootNode()instanceof ShadowRoot?document.activeElement?.shadowRoot?.activeElement:document.activeElement;this.containingElement&&t?.closest(this.containingElement.tagName.toLowerCase())===this.containingElement||this.hide()}))}}handleDocumentMouseDown(t){const i=t.composedPath();this.containingElement&&!i.includes(this.containingElement)&&this.hide()}handlePanelSelect(t){const i=t.target;this.stayOpenOnSelect||"nile-menu"!==i.tagName.toLowerCase()||(this.hide(),this.focusOnTrigger())}handleTriggerClick(){this.noOpenOnClick||(this.open?this.hide():(this.show(),this.focusOnTrigger()))}handleTriggerKeyDown(t){const i=this.getMenu();if(i){const e=i.getAllItems(),s=e[0],o=e[e.length-1];["ArrowDown","ArrowUp","Home","End"].includes(t.key)&&(t.preventDefault(),this.open||this.show(),e.length>0&&this.updateComplete.then((()=>{"ArrowDown"!==t.key&&"Home"!==t.key||(i.setCurrentItem(s),s.focus()),"ArrowUp"!==t.key&&"End"!==t.key||(i.setCurrentItem(o),o.focus())})))}}handleTriggerKeyUp(t){" "===t.key&&t.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}updateAccessibleTrigger(){const t=this.trigger.assignedElements({flatten:!0}).find((t=>l(t).start));let i;if(t){switch(t.tagName.toLowerCase()){case"nile-button":case"nile-icon-button":i=t.button;break;default:i=t}i.setAttribute("aria-haspopup","true"),i.setAttribute("aria-expanded",this.open?"true":"false")}}async show(){if(!this.open)return this.open=!0,p(this,"nile-after-show")}async hide(){if(this.open)return this.open=!1,p(this,"nile-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){this.panel.addEventListener("nile-select",this.handlePanelSelect),this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){this.panel&&(this.panel.removeEventListener("nile-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async handleOpenChange(){if(this.disabled)this.open=!1;else if(this.updateAccessibleTrigger(),this.open){this.emit("nile-show"),this.addOpenListeners(),await n(this),this.panel.hidden=!1,this.popup.active=!0;const{keyframes:t,options:i}=d(this,"dropdown.show",{dir:""});await h(this.popup.popup,t,i),this.emit("nile-after-show")}else{this.emit("nile-hide"),this.removeOpenListeners(),await n(this);const{keyframes:t,options:i}=d(this,"dropdown.hide",{dir:""});await h(this.popup.popup,t,i),this.panel.hidden=!0,this.popup.active=!1,this.emit("nile-after-hide")}}render(){return i`
+import{__decorate as t}from"tslib";import{x as i}from"../index-cd2f9c12.esm.js";import{query as e,customElement as s}from"lit/decorators.js";import{s as o}from"./nile-dropdown.css.esm.js";import{s as n,a as h}from"../internal/animate.esm.js";import{classMap as r}from"lit/directives/class-map.js";import{s as a,g as d}from"../utilities/animation-registry.esm.js";import{g as l}from"../internal/tabbable.esm.js";import{w as p}from"../internal/event.esm.js";import{w as c}from"../internal/watch.esm.js";import{N as m}from"../internal/nile-element.esm.js";import"../nile-popup/nile-popup.esm.js";import{n as u}from"../property-09139d3c.esm.js";import"lit";import"../nile-popup/nile-popup.css.esm.js";let w=class extends m{constructor(){super(...arguments),this.open=!1,this.placement="bottom-start",this.disabled=!1,this.stayOpenOnSelect=!1,this.distance=0,this.noOpenOnClick=!1,this.skidding=0,this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this)}firstUpdated(){this.panel.hidden=!this.open,this.open&&(this.addOpenListeners(),this.popup.active=!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeOpenListeners(),this.hide()}focusOnTrigger(){const t=this.trigger.assignedElements({flatten:!0})[0];"function"==typeof t?.focus&&t.focus()}getMenu(){return this.panel.assignedElements({flatten:!0}).find((t=>"nile-menu"===t.tagName.toLowerCase()))}handleKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide(),this.focusOnTrigger())}handleDocumentKeyDown(t){if("Escape"===t.key&&this.open)return t.stopPropagation(),this.focusOnTrigger(),void this.hide();if("Tab"===t.key){if(this.open&&"nile-menu-item"===document.activeElement?.tagName.toLowerCase())return t.preventDefault(),this.hide(),void this.focusOnTrigger();setTimeout((()=>{const t=this.containingElement?.getRootNode()instanceof ShadowRoot?document.activeElement?.shadowRoot?.activeElement:document.activeElement;this.containingElement&&t?.closest(this.containingElement.tagName.toLowerCase())===this.containingElement||this.hide()}))}}handleDocumentMouseDown(t){const i=t.composedPath();this.containingElement&&!i.includes(this.containingElement)&&this.hide()}handlePanelSelect(t){const i=t.target;this.stayOpenOnSelect||"nile-menu"!==i.tagName.toLowerCase()||(this.hide(),this.focusOnTrigger())}handleTriggerClick(){this.noOpenOnClick||(this.open?this.hide():(this.show(),this.focusOnTrigger()))}handleTriggerKeyDown(t){const i=this.getMenu();if(i){const e=i.getAllItems(),s=e[0],o=e[e.length-1];["ArrowDown","ArrowUp","Home","End"].includes(t.key)&&(t.preventDefault(),this.open||this.show(),e.length>0&&this.updateComplete.then((()=>{"ArrowDown"!==t.key&&"Home"!==t.key||(i.setCurrentItem(s),s.focus()),"ArrowUp"!==t.key&&"End"!==t.key||(i.setCurrentItem(o),o.focus())})))}}handleTriggerKeyUp(t){" "===t.key&&t.preventDefault()}handleTriggerSlotChange(){this.updateAccessibleTrigger()}updateAccessibleTrigger(){const t=this.trigger.assignedElements({flatten:!0}).find((t=>l(t).start));let i;if(t){switch(t.tagName.toLowerCase()){case"nile-button":case"nile-icon-button":i=t.button;break;default:i=t}i.setAttribute("aria-haspopup","true"),i.setAttribute("aria-expanded",this.open?"true":"false")}}async show(){if(!this.open)return this.open=!0,p(this,"nile-after-show")}async hide(){if(this.open)return this.open=!1,p(this,"nile-after-hide")}reposition(){this.popup.reposition()}addOpenListeners(){this.panel.addEventListener("nile-select",this.handlePanelSelect),this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown)}removeOpenListeners(){this.panel&&(this.panel.removeEventListener("nile-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown)}async handleOpenChange(){if(this.disabled)this.open=!1;else if(this.updateAccessibleTrigger(),this.open){this.emit("nile-show"),this.addOpenListeners(),await n(this),this.panel.hidden=!1,this.popup.active=!0;const{keyframes:t,options:i}=d(this,"dropdown.show",{dir:""});await h(this.popup.popup,t,i),this.emit("nile-after-show")}else{this.emit("nile-hide"),this.removeOpenListeners(),await n(this);const{keyframes:t,options:i}=d(this,"dropdown.hide",{dir:""});await h(this.popup.popup,t,i),this.panel.hidden=!0,this.popup.active=!1,this.emit("nile-after-hide")}}render(){return i`
       <nile-popup
         part="base"
         id="dropdown"
@@ -30,4 +30,4 @@ import{__decorate as t}from"tslib";import{y as i}from"../index-f1b94546.esm.js";
           aria-labelledby="dropdown"
         ></slot>
       </nile-popup>
-    `}};w.styles=o,t([e(".dropdown")],w.prototype,"popup",void 0),t([e(".dropdown__trigger")],w.prototype,"trigger",void 0),t([e(".dropdown__panel")],w.prototype,"panel",void 0),t([u({type:Boolean,reflect:!0})],w.prototype,"open",void 0),t([u({reflect:!0})],w.prototype,"placement",void 0),t([u({type:Boolean,reflect:!0})],w.prototype,"disabled",void 0),t([u({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],w.prototype,"stayOpenOnSelect",void 0),t([u({attribute:!1})],w.prototype,"containingElement",void 0),t([u({type:Number})],w.prototype,"distance",void 0),t([u({type:Boolean})],w.prototype,"noOpenOnClick",void 0),t([u({type:Number})],w.prototype,"skidding",void 0),t([u({type:Boolean})],w.prototype,"hoist",void 0),t([c("open",{waitUntilFirstUpdate:!0})],w.prototype,"handleOpenChange",null),w=t([s("nile-dropdown")],w),a("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),a("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});
+    `}};w.styles=o,t([e(".dropdown")],w.prototype,"popup",void 0),t([e(".dropdown__trigger")],w.prototype,"trigger",void 0),t([e(".dropdown__panel")],w.prototype,"panel",void 0),t([u({type:Boolean,reflect:!0})],w.prototype,"open",void 0),t([u({reflect:!0})],w.prototype,"placement",void 0),t([u({type:Boolean,reflect:!0})],w.prototype,"disabled",void 0),t([u({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],w.prototype,"stayOpenOnSelect",void 0),t([u({attribute:!1})],w.prototype,"containingElement",void 0),t([u({type:Number})],w.prototype,"distance",void 0),t([u({type:Boolean})],w.prototype,"noOpenOnClick",void 0),t([u({type:Number})],w.prototype,"skidding",void 0),t([u({type:Boolean})],w.prototype,"hoist",void 0),t([c("open",{waitUntilFirstUpdate:!0})],w.prototype,"handleOpenChange",null),w=t([s("nile-dropdown")],w),a("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),a("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});export{w as N};

package/dist/nile-error-message/index.cjs.js

@@ -1,2 +1,2 @@
-System.register(["./nile-error-message.cjs.js","tslib","../index-adad7634.cjs.js","lit/decorators.js","./nile-error-message.css.cjs.js","../property-ec52a751.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileErrorMessageCjsJs){},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileErrorMessageCssCjsJs){},function(_property002CjsJs){}],execute:function(){}};});
+System.register(["./nile-error-message.cjs.js","tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-error-message.css.cjs.js","../property-0f6a51ec.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileErrorMessageCjsJs){_export("NileErrorMessage",_nileErrorMessageCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileErrorMessageCssCjsJs){},function(_property002CjsJs){}],execute:function(){}};});
 //# sourceMappingURL=index.cjs.js.map

package/dist/nile-error-message/index.esm.js

@@ -1 +1 @@
-import"./nile-error-message.esm.js";import"tslib";import"../index-f1b94546.esm.js";import"lit/decorators.js";import"./nile-error-message.css.esm.js";import"../property-bf6307e2.esm.js";
+export{N as NileErrorMessage}from"./nile-error-message.esm.js";import"tslib";import"../index-cd2f9c12.esm.js";import"lit/decorators.js";import"./nile-error-message.css.esm.js";import"../property-09139d3c.esm.js";

package/dist/nile-error-message/nile-error-message.cjs.js

@@ -1,2 +1,2 @@
-System.register(["tslib","../index-adad7634.cjs.js","lit/decorators.js","./nile-error-message.css.cjs.js","../property-ec52a751.cjs.js"],function(_export,_context){"use strict";var e,r,s,i,t,a,_templateObject,_templateObject2,n;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){r=_index001CjsJs.s;s=_index001CjsJs.y;},function(_litDecoratorsJs){i=_litDecoratorsJs.customElement;},function(_nileErrorMessageCssCjsJs){t=_nileErrorMessageCssCjsJs.s;},function(_property002CjsJs){a=_property002CjsJs.e;}],execute:function(){n=/*#__PURE__*/function(_r){_inherits(n,_r);var _super=_createSuper(n);function n(){var _this;_classCallCheck(this,n);_this=_super.apply(this,arguments),_this.errorMessages=[],_this.expandedIndex=null;return _this;}_createClass(n,[{key:"expandText",value:function expandText(e,r){var s=r.querySelector(".nile-error-message__summary"),i=s.clientHeight;s.style.whiteSpace="normal",s.style.height="auto";var t=Math.min(s.clientHeight,66);s.style.height=i+"px",requestAnimationFrame(function(){s.style.height=t+"px";});}},{key:"collapseText",value:function collapseText(e){var r=e.querySelector(".nile-error-message__summary"),s=r.clientHeight;r.style.height=s+"px",requestAnimationFrame(function(){r.style.height="14px",r.style.whiteSpace="nowrap";});}},{key:"toggleExpand",value:function toggleExpand(e,r){if(this.shadowRoot&&null!==this.expandedIndex&&this.expandedIndex!==e){var _e=this.shadowRoot.querySelectorAll(".nile-error-message__expandable")[this.expandedIndex];_e&&this.collapseText(_e);}this.expandedIndex===e?(this.expandedIndex=null,this.collapseText(r.currentTarget)):(this.expandedIndex=e,this.expandText(e,r.currentTarget));}},{key:"render",value:function render(){var _this2=this;return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-error-message\">\n        <div class=\"nile-error-message__info\">\n          <nile-icon\n            name=\"info2\"\n            size=\"14\"\n            class=\"nile-error-message__icon\"\n            part=\"icon\"\n          ></nile-icon>\n          ","\n          "," are not\n          valid\n        </div>\n        ","\n      </div>\n    "])),this.errorMessages.length,this.errorMessages.length>1?"attributes":"attribute",this.errorMessages.map(function(e,r){return s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n            <div\n              class=\"nile-error-message__expandable "," ","\"\n              @click=\"","\"\n            >\n              <div class=\"nile-error-message__content\">\n                <nile-icon\n                  name=\"arrowright\"\n                  size=\"14\"\n                  class=\"nile-error-message__arrow\"\n                ></nile-icon>\n                <div class=\"nile-error-message__summary\">","</div>\n              </div>\n            </div>\n          "])),0!==r?"bordered":"",_this2.expandedIndex===r?"expanded":"",function(e){return _this2.toggleExpand(r,e);},e);}));}}],[{key:"styles",get:function get(){return[t];}}]);return n;}(r);e([a({type:Array,attribute:"error-messages",hasChanged:function hasChanged(e,r){return JSON.stringify(e)!==JSON.stringify(r);},converter:{toAttribute:function toAttribute(e){return JSON.stringify(e);},fromAttribute:function fromAttribute(e){return function(e){return Array.isArray(e)?e.map(function(e){return String(e);}):[];}(JSON.parse(e||"[]"));}}})],n.prototype,"errorMessages",void 0),e([a({type:Number})],n.prototype,"expandedIndex",void 0),n=e([i("nile-error-message")],n);}};});
+System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-error-message.css.cjs.js","../property-0f6a51ec.cjs.js"],function(_export,_context){"use strict";var e,r,s,i,t,a,_templateObject,_templateObject2,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){r=_index001CjsJs.s;s=_index001CjsJs.x;},function(_litDecoratorsJs){i=_litDecoratorsJs.customElement;},function(_nileErrorMessageCssCjsJs){t=_nileErrorMessageCssCjsJs.s;},function(_property002CjsJs){a=_property002CjsJs.n;}],execute:function(){_export("N",o=/*#__PURE__*/function(_r){_inherits(o,_r);var _super=_createSuper(o);function o(){var _this;_classCallCheck(this,o);_this=_super.apply(this,arguments),_this.errorMessages=[],_this.expandedIndex=null;return _this;}_createClass(o,[{key:"expandText",value:function expandText(e,r){var s=r.querySelector(".nile-error-message__summary"),i=s.clientHeight;s.style.whiteSpace="normal",s.style.height="auto";var t=Math.min(s.clientHeight,66);s.style.height=i+"px",requestAnimationFrame(function(){s.style.height=t+"px";});}},{key:"collapseText",value:function collapseText(e){var r=e.querySelector(".nile-error-message__summary"),s=r.clientHeight;r.style.height=s+"px",requestAnimationFrame(function(){r.style.height="14px",r.style.whiteSpace="nowrap";});}},{key:"toggleExpand",value:function toggleExpand(e,r){if(this.shadowRoot&&null!==this.expandedIndex&&this.expandedIndex!==e){var _e=this.shadowRoot.querySelectorAll(".nile-error-message__expandable")[this.expandedIndex];_e&&this.collapseText(_e);}this.expandedIndex===e?(this.expandedIndex=null,this.collapseText(r.currentTarget)):(this.expandedIndex=e,this.expandText(e,r.currentTarget));}},{key:"render",value:function render(){var _this2=this;return s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-error-message\">\n        <div class=\"nile-error-message__info\">\n          <nile-icon\n            name=\"info2\"\n            size=\"14\"\n            class=\"nile-error-message__icon\"\n            part=\"icon\"\n          ></nile-icon>\n          ","\n          "," are not\n          valid\n        </div>\n        ","\n      </div>\n    "])),this.errorMessages.length,this.errorMessages.length>1?"attributes":"attribute",this.errorMessages.map(function(e,r){return s(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n            <div\n              class=\"nile-error-message__expandable "," ","\"\n              @click=\"","\"\n            >\n              <div class=\"nile-error-message__content\">\n                <nile-icon\n                  name=\"arrowright\"\n                  size=\"14\"\n                  class=\"nile-error-message__arrow\"\n                ></nile-icon>\n                <div class=\"nile-error-message__summary\">","</div>\n              </div>\n            </div>\n          "])),0!==r?"bordered":"",_this2.expandedIndex===r?"expanded":"",function(e){return _this2.toggleExpand(r,e);},e);}));}}],[{key:"styles",get:function get(){return[t];}}]);return o;}(r));e([a({type:Array,attribute:"error-messages",hasChanged:function hasChanged(e,r){return JSON.stringify(e)!==JSON.stringify(r);},converter:{toAttribute:function toAttribute(e){return JSON.stringify(e);},fromAttribute:function fromAttribute(e){return function(e){return Array.isArray(e)?e.map(function(e){return String(e);}):[];}(JSON.parse(e||"[]"));}}})],o.prototype,"errorMessages",void 0),e([a({type:Number})],o.prototype,"expandedIndex",void 0),_export("N",o=e([i("nile-error-message")],o));}};});
 //# sourceMappingURL=nile-error-message.cjs.js.map

package/dist/nile-error-message/nile-error-message.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-error-message.cjs.js","sources":["../../../src/nile-error-message/nile-error-message.ts"],"sourcesContent":["import {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-error-message.css';\n\nconst convertToStringArray = (value: any): Array<string> => {\n  if (Array.isArray(value)) {\n    return value.map(item => String(item));\n  }\n  return [];\n};\n\n/**\n * A custom error message component that displays error information to the user.\n * @customElement nile-error-message\n */\n@customElement('nile-error-message')\nexport class NileErrorMessage extends LitElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({\n    type: Array,\n    attribute: 'error-messages',\n    hasChanged: (newVal, oldVal) =>\n      JSON.stringify(newVal) !== JSON.stringify(oldVal), // Optional: to detect deep changes\n    converter: {\n      toAttribute: value => JSON.stringify(value),\n      fromAttribute: value => convertToStringArray(JSON.parse(value || '[]')),\n    },\n  })\n  errorMessages: Array<string> = [];\n\n  @property({ type: Number })\n  expandedIndex: number | null = null;\n\n  expandText(index: number, target: any) {\n    const element = target.querySelector('.nile-error-message__summary');\n    const originalHeight = element.clientHeight;\n    element.style.whiteSpace = 'normal';\n    element.style.height = 'auto';\n    const expandedHeight = Math.min(element.clientHeight, 5.5 * 12);\n\n    element.style.height = originalHeight + 'px';\n\n    requestAnimationFrame(() => {\n      element.style.height = expandedHeight + 'px';\n    });\n  }\n\n  collapseText(target: any) {\n    const element = target.querySelector('.nile-error-message__summary');\n    const expandedHeight = element.clientHeight;\n    element.style.height = expandedHeight + 'px';\n\n    requestAnimationFrame(() => {\n      element.style.height = '14px';\n      element.style.whiteSpace = 'nowrap';\n    });\n  }\n\n  toggleExpand(index: number, event: any) {\n    if (this.shadowRoot) {\n      if (this.expandedIndex !== null && this.expandedIndex !== index) {\n        const prevExpandable = this.shadowRoot.querySelectorAll(\n          '.nile-error-message__expandable'\n        )[this.expandedIndex];\n        if (prevExpandable) {\n          this.collapseText(prevExpandable);\n        }\n      }\n    }\n\n    if (this.expandedIndex === index) {\n      this.expandedIndex = null;\n      this.collapseText(event.currentTarget);\n    } else {\n      this.expandedIndex = index;\n      this.expandText(index, event.currentTarget);\n    }\n  }\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"nile-error-message\">\n        <div class=\"nile-error-message__info\">\n          <nile-icon\n            name=\"info2\"\n            size=\"14\"\n            class=\"nile-error-message__icon\"\n            part=\"icon\"\n          ></nile-icon>\n          ${this.errorMessages.length}\n          ${this.errorMessages.length > 1 ? 'attributes' : 'attribute'} are not\n          valid\n        </div>\n        ${this.errorMessages.map(\n          (errorMessage, index) => html`\n            <div\n              class=\"nile-error-message__expandable ${index !== 0\n                ? 'bordered'\n                : ''} ${this.expandedIndex === index ? 'expanded' : ''}\"\n              @click=\"${(event: any) => this.toggleExpand(index, event)}\"\n            >\n              <div class=\"nile-error-message__content\">\n                <nile-icon\n                  name=\"arrowright\"\n                  size=\"14\"\n                  class=\"nile-error-message__arrow\"\n                ></nile-icon>\n                <div class=\"nile-error-message__summary\">${errorMessage}</div>\n              </div>\n            </div>\n          `\n        )}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-error-message': NileErrorMessage;\n  }\n}\n"],"names":["NileErrorMessage","constructor","this","errorMessages","expandedIndex","styles","expandText","index","target","element","querySelector","originalHeight","clientHeight","style","whiteSpace","height","expandedHeight","Math","min","requestAnimationFrame","collapseText","toggleExpand","event","shadowRoot","prevExpandable","querySelectorAll","currentTarget","render","html","length","map","errorMessage","LitElement","__decorate","property","type","Array","attribute","hasChanged","newVal","oldVal","JSON","stringify","converter","toAttribute","value","fromAttribute","isArray","item","String","parse","prototype","Number","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-error-message.cjs.js","sources":["../../../src/nile-error-message/nile-error-message.ts"],"sourcesContent":["import {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-error-message.css';\n\nconst convertToStringArray = (value: any): Array<string> => {\n  if (Array.isArray(value)) {\n    return value.map(item => String(item));\n  }\n  return [];\n};\n\n/**\n * A custom error message component that displays error information to the user.\n * @customElement nile-error-message\n */\n@customElement('nile-error-message')\nexport class NileErrorMessage extends LitElement {\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({\n    type: Array,\n    attribute: 'error-messages',\n    hasChanged: (newVal, oldVal) =>\n      JSON.stringify(newVal) !== JSON.stringify(oldVal), // Optional: to detect deep changes\n    converter: {\n      toAttribute: value => JSON.stringify(value),\n      fromAttribute: value => convertToStringArray(JSON.parse(value || '[]')),\n    },\n  })\n  errorMessages: Array<string> = [];\n\n  @property({ type: Number })\n  expandedIndex: number | null = null;\n\n  expandText(index: number, target: any) {\n    const element = target.querySelector('.nile-error-message__summary');\n    const originalHeight = element.clientHeight;\n    element.style.whiteSpace = 'normal';\n    element.style.height = 'auto';\n    const expandedHeight = Math.min(element.clientHeight, 5.5 * 12);\n\n    element.style.height = originalHeight + 'px';\n\n    requestAnimationFrame(() => {\n      element.style.height = expandedHeight + 'px';\n    });\n  }\n\n  collapseText(target: any) {\n    const element = target.querySelector('.nile-error-message__summary');\n    const expandedHeight = element.clientHeight;\n    element.style.height = expandedHeight + 'px';\n\n    requestAnimationFrame(() => {\n      element.style.height = '14px';\n      element.style.whiteSpace = 'nowrap';\n    });\n  }\n\n  toggleExpand(index: number, event: any) {\n    if (this.shadowRoot) {\n      if (this.expandedIndex !== null && this.expandedIndex !== index) {\n        const prevExpandable = this.shadowRoot.querySelectorAll(\n          '.nile-error-message__expandable'\n        )[this.expandedIndex];\n        if (prevExpandable) {\n          this.collapseText(prevExpandable);\n        }\n      }\n    }\n\n    if (this.expandedIndex === index) {\n      this.expandedIndex = null;\n      this.collapseText(event.currentTarget);\n    } else {\n      this.expandedIndex = index;\n      this.expandText(index, event.currentTarget);\n    }\n  }\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"nile-error-message\">\n        <div class=\"nile-error-message__info\">\n          <nile-icon\n            name=\"info2\"\n            size=\"14\"\n            class=\"nile-error-message__icon\"\n            part=\"icon\"\n          ></nile-icon>\n          ${this.errorMessages.length}\n          ${this.errorMessages.length > 1 ? 'attributes' : 'attribute'} are not\n          valid\n        </div>\n        ${this.errorMessages.map(\n          (errorMessage, index) => html`\n            <div\n              class=\"nile-error-message__expandable ${index !== 0\n                ? 'bordered'\n                : ''} ${this.expandedIndex === index ? 'expanded' : ''}\"\n              @click=\"${(event: any) => this.toggleExpand(index, event)}\"\n            >\n              <div class=\"nile-error-message__content\">\n                <nile-icon\n                  name=\"arrowright\"\n                  size=\"14\"\n                  class=\"nile-error-message__arrow\"\n                ></nile-icon>\n                <div class=\"nile-error-message__summary\">${errorMessage}</div>\n              </div>\n            </div>\n          `\n        )}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-error-message': NileErrorMessage;\n  }\n}\n"],"names":["NileErrorMessage","o","this","errorMessages","expandedIndex","_this","_createClass","key","value","expandText","index","target","element","querySelector","originalHeight","clientHeight","style","whiteSpace","height","expandedHeight","Math","min","requestAnimationFrame","collapseText","toggleExpand","event","shadowRoot","prevExpandable","querySelectorAll","currentTarget","render","html","_templateObject","_taggedTemplateLiteral","length","map","errorMessage","_templateObject2","get","styles","LitElement","__decorate","property","type","Array","attribute","hasChanged","newVal","oldVal","JSON","stringify","converter","toAttribute","fromAttribute","isArray","item","String","convertToStringArray","parse","prototype","Number","_export","customElement"],"mappings":"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"}

package/dist/nile-error-message/nile-error-message.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../index-adad7634.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    width:100%;\n  }\n\n  .nile-error-message {\n    width: 100%;\n    font-size: var(--nile-font-size-small);\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-font-size-small);\n    border: 1px solid var(--nile-colors-red-500);\n    border-left: 6px solid var(--nile-colors-red-500);\n    border-radius: var(--nile-radius-base-standard);\n    background: var(--nile-colors-red-100);\n  }\n\n  .nile-error-message__info {\n    color: var(--nile-colors-red-500);\n    padding: 8px;\n    display: flex;\n    align-items: center;\n  }\n\n  .nile-error-message__icon,\n  .nile-error-message__arrow {\n    vertical-align: middle;\n    margin-right: 6px;\n    transition: transform 0.3s ease-in-out;\n  }\n\n  .nile-error-message__expandable {\n    cursor: pointer;\n    overflow: hidden;\n  }\n\n  .nile-error-message__content {\n    display: flex;\n    align-items: flex-start;\n    padding: 8px 12px;\n  }\n\n  .nile-error-message__expandable.bordered {\n    border-top: 1px solid var(--nile-colors-neutral-500);\n  }\n\n  .nile-error-message__summary {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transition: height 0.3s ease-in-out, white-space 1s ease-in-out;\n    height: 14px;\n  }\n\n  .nile-error-message__expandable.expanded .nile-error-message__summary {\n    white-space: normal;\n    max-height: 6em;\n    overflow-y: scroll;\n  }\n\n  .nile-error-message__expandable.expanded\n    .nile-error-message__summary::-webkit-scrollbar {\n    width: 8px;\n  }\n\n  .nile-error-message__expandable.expanded\n    .nile-error-message__summary::-webkit-scrollbar-thumb {\n    border-radius: 20px;\n    background: rgba(148, 159, 184, 0.25);\n  }\n\n  .nile-error-message__expandable.expanded .nile-error-message__arrow {\n    transform: rotate(90deg);\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    width:100%;\n  }\n\n  .nile-error-message {\n    width: 100%;\n    font-size: var(--nile-font-size-small);\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-font-size-small);\n    border: 1px solid var(--nile-colors-red-500);\n    border-left: 6px solid var(--nile-colors-red-500);\n    border-radius: var(--nile-radius-base-standard);\n    background: var(--nile-colors-red-100);\n  }\n\n  .nile-error-message__info {\n    color: var(--nile-colors-red-500);\n    padding: 8px;\n    display: flex;\n    align-items: center;\n  }\n\n  .nile-error-message__icon,\n  .nile-error-message__arrow {\n    vertical-align: middle;\n    margin-right: 6px;\n    transition: transform 0.3s ease-in-out;\n  }\n\n  .nile-error-message__expandable {\n    cursor: pointer;\n    overflow: hidden;\n  }\n\n  .nile-error-message__content {\n    display: flex;\n    align-items: flex-start;\n    padding: 8px 12px;\n  }\n\n  .nile-error-message__expandable.bordered {\n    border-top: 1px solid var(--nile-colors-neutral-500);\n  }\n\n  .nile-error-message__summary {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transition: height 0.3s ease-in-out, white-space 1s ease-in-out;\n    height: 14px;\n  }\n\n  .nile-error-message__expandable.expanded .nile-error-message__summary {\n    white-space: normal;\n    max-height: 6em;\n    overflow-y: scroll;\n  }\n\n  .nile-error-message__expandable.expanded\n    .nile-error-message__summary::-webkit-scrollbar {\n    width: 8px;\n  }\n\n  .nile-error-message__expandable.expanded\n    .nile-error-message__summary::-webkit-scrollbar-thumb {\n    border-radius: 20px;\n    background: rgba(148, 159, 184, 0.25);\n  }\n\n  .nile-error-message__expandable.expanded .nile-error-message__arrow {\n    transform: rotate(90deg);\n  }\n"]))));}};});
 //# sourceMappingURL=nile-error-message.css.cjs.js.map

package/dist/nile-error-message/nile-error-message.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-error-message.css.cjs.js","sources":["../../../src/nile-error-message/nile-error-message.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * ErrorMessage CSS\n */\nexport const styles = css`\n  :host {\n    width:100%;\n  }\n\n  .nile-error-message {\n    width: 100%;\n    font-size: var(--nile-font-size-small);\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-font-size-small);\n    border: 1px solid var(--nile-colors-red-500);\n    border-left: 6px solid var(--nile-colors-red-500);\n    border-radius: var(--nile-radius-base-standard);\n    background: var(--nile-colors-red-100);\n  }\n\n  .nile-error-message__info {\n    color: var(--nile-colors-red-500);\n    padding: 8px;\n    display: flex;\n    align-items: center;\n  }\n\n  .nile-error-message__icon,\n  .nile-error-message__arrow {\n    vertical-align: middle;\n    margin-right: 6px;\n    transition: transform 0.3s ease-in-out;\n  }\n\n  .nile-error-message__expandable {\n    cursor: pointer;\n    overflow: hidden;\n  }\n\n  .nile-error-message__content {\n    display: flex;\n    align-items: flex-start;\n    padding: 8px 12px;\n  }\n\n  .nile-error-message__expandable.bordered {\n    border-top: 1px solid var(--nile-colors-neutral-500);\n  }\n\n  .nile-error-message__summary {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transition: height 0.3s ease-in-out, white-space 1s ease-in-out;\n    height: 14px;\n  }\n\n  .nile-error-message__expandable.expanded .nile-error-message__summary {\n    white-space: normal;\n    max-height: 6em;\n    overflow-y: scroll;\n  }\n\n  .nile-error-message__expandable.expanded\n    .nile-error-message__summary::-webkit-scrollbar {\n    width: 8px;\n  }\n\n  .nile-error-message__expandable.expanded\n    .nile-error-message__summary::-webkit-scrollbar-thumb {\n    border-radius: 20px;\n    background: rgba(148, 159, 184, 0.25);\n  }\n\n  .nile-error-message__expandable.expanded .nile-error-message__arrow {\n    transform: rotate(90deg);\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG"}
+{"version":3,"file":"nile-error-message.css.cjs.js","sources":["../../../src/nile-error-message/nile-error-message.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * ErrorMessage CSS\n */\nexport const styles = css`\n  :host {\n    width:100%;\n  }\n\n  .nile-error-message {\n    width: 100%;\n    font-size: var(--nile-font-size-small);\n    font-weight: var(--nile-font-weight-regular);\n    line-height: var(--nile-font-size-small);\n    border: 1px solid var(--nile-colors-red-500);\n    border-left: 6px solid var(--nile-colors-red-500);\n    border-radius: var(--nile-radius-base-standard);\n    background: var(--nile-colors-red-100);\n  }\n\n  .nile-error-message__info {\n    color: var(--nile-colors-red-500);\n    padding: 8px;\n    display: flex;\n    align-items: center;\n  }\n\n  .nile-error-message__icon,\n  .nile-error-message__arrow {\n    vertical-align: middle;\n    margin-right: 6px;\n    transition: transform 0.3s ease-in-out;\n  }\n\n  .nile-error-message__expandable {\n    cursor: pointer;\n    overflow: hidden;\n  }\n\n  .nile-error-message__content {\n    display: flex;\n    align-items: flex-start;\n    padding: 8px 12px;\n  }\n\n  .nile-error-message__expandable.bordered {\n    border-top: 1px solid var(--nile-colors-neutral-500);\n  }\n\n  .nile-error-message__summary {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    transition: height 0.3s ease-in-out, white-space 1s ease-in-out;\n    height: 14px;\n  }\n\n  .nile-error-message__expandable.expanded .nile-error-message__summary {\n    white-space: normal;\n    max-height: 6em;\n    overflow-y: scroll;\n  }\n\n  .nile-error-message__expandable.expanded\n    .nile-error-message__summary::-webkit-scrollbar {\n    width: 8px;\n  }\n\n  .nile-error-message__expandable.expanded\n    .nile-error-message__summary::-webkit-scrollbar-thumb {\n    border-radius: 20px;\n    background: rgba(148, 159, 184, 0.25);\n  }\n\n  .nile-error-message__expandable.expanded .nile-error-message__arrow {\n    transform: rotate(90deg);\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-error-message/nile-error-message.css.esm.js

@@ -1,4 +1,4 @@
-import{i as e}from"../index-f1b94546.esm.js";const r=e`
+import{i as e}from"../index-cd2f9c12.esm.js";const r=e`
   :host {
     width:100%;
   }

package/dist/nile-error-message/nile-error-message.esm.js

@@ -1,4 +1,4 @@
-import{__decorate as e}from"tslib";import{s as r,y as s}from"../index-f1b94546.esm.js";import{customElement as i}from"lit/decorators.js";import{s as t}from"./nile-error-message.css.esm.js";import{e as a}from"../property-bf6307e2.esm.js";let n=class extends r{constructor(){super(...arguments),this.errorMessages=[],this.expandedIndex=null}static get styles(){return[t]}expandText(e,r){const s=r.querySelector(".nile-error-message__summary"),i=s.clientHeight;s.style.whiteSpace="normal",s.style.height="auto";const t=Math.min(s.clientHeight,66);s.style.height=i+"px",requestAnimationFrame((()=>{s.style.height=t+"px"}))}collapseText(e){const r=e.querySelector(".nile-error-message__summary"),s=r.clientHeight;r.style.height=s+"px",requestAnimationFrame((()=>{r.style.height="14px",r.style.whiteSpace="nowrap"}))}toggleExpand(e,r){if(this.shadowRoot&&null!==this.expandedIndex&&this.expandedIndex!==e){const e=this.shadowRoot.querySelectorAll(".nile-error-message__expandable")[this.expandedIndex];e&&this.collapseText(e)}this.expandedIndex===e?(this.expandedIndex=null,this.collapseText(r.currentTarget)):(this.expandedIndex=e,this.expandText(e,r.currentTarget))}render(){return s`
+import{__decorate as e}from"tslib";import{s as r,x as s}from"../index-cd2f9c12.esm.js";import{customElement as i}from"lit/decorators.js";import{s as t}from"./nile-error-message.css.esm.js";import{n as a}from"../property-09139d3c.esm.js";let o=class extends r{constructor(){super(...arguments),this.errorMessages=[],this.expandedIndex=null}static get styles(){return[t]}expandText(e,r){const s=r.querySelector(".nile-error-message__summary"),i=s.clientHeight;s.style.whiteSpace="normal",s.style.height="auto";const t=Math.min(s.clientHeight,66);s.style.height=i+"px",requestAnimationFrame((()=>{s.style.height=t+"px"}))}collapseText(e){const r=e.querySelector(".nile-error-message__summary"),s=r.clientHeight;r.style.height=s+"px",requestAnimationFrame((()=>{r.style.height="14px",r.style.whiteSpace="nowrap"}))}toggleExpand(e,r){if(this.shadowRoot&&null!==this.expandedIndex&&this.expandedIndex!==e){const e=this.shadowRoot.querySelectorAll(".nile-error-message__expandable")[this.expandedIndex];e&&this.collapseText(e)}this.expandedIndex===e?(this.expandedIndex=null,this.collapseText(r.currentTarget)):(this.expandedIndex=e,this.expandText(e,r.currentTarget))}render(){return s`
       <div class="nile-error-message">
         <div class="nile-error-message__info">
           <nile-icon
@@ -27,4 +27,4 @@ import{__decorate as e}from"tslib";import{s as r,y as s}from"../index-f1b94546.e
             </div>
           `))}
       </div>
-    `}};e([a({type:Array,attribute:"error-messages",hasChanged:(e,r)=>JSON.stringify(e)!==JSON.stringify(r),converter:{toAttribute:e=>JSON.stringify(e),fromAttribute:e=>(e=>Array.isArray(e)?e.map((e=>String(e))):[])(JSON.parse(e||"[]"))}})],n.prototype,"errorMessages",void 0),e([a({type:Number})],n.prototype,"expandedIndex",void 0),n=e([i("nile-error-message")],n);
+    `}};e([a({type:Array,attribute:"error-messages",hasChanged:(e,r)=>JSON.stringify(e)!==JSON.stringify(r),converter:{toAttribute:e=>JSON.stringify(e),fromAttribute:e=>(e=>Array.isArray(e)?e.map((e=>String(e))):[])(JSON.parse(e||"[]"))}})],o.prototype,"errorMessages",void 0),e([a({type:Number})],o.prototype,"expandedIndex",void 0),o=e([i("nile-error-message")],o);export{o as N};

package/dist/nile-footer/index.cjs.js

@@ -1,2 +1,2 @@
-System.register(["tslib","../index-adad7634.cjs.js","lit/decorators.js","./nile-footer.css.cjs.js"],function(_export,_context){"use strict";var s,t,r,o,e,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){s=_tslib.__decorate;},function(_index001CjsJs){t=_index001CjsJs.s;r=_index001CjsJs.y;},function(_litDecoratorsJs){o=_litDecoratorsJs.customElement;},function(_nileFooterCssCjsJs){e=_nileFooterCssCjsJs.s;}],execute:function(){i=/*#__PURE__*/function(_t){_inherits(i,_t);var _super=_createSuper(i);function i(){_classCallCheck(this,i);return _super.apply(this,arguments);}_createClass(i,[{key:"render",value:function render(){return r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<slot> </slot>\n\t\t\t"])));}}],[{key:"styles",get:function get(){return[e];}}]);return i;}(t);i=s([o("nile-footer")],i);}};});
+System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-footer.css.cjs.js"],function(_export,_context){"use strict";var s,t,r,o,e,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){s=_tslib.__decorate;},function(_index001CjsJs){t=_index001CjsJs.s;r=_index001CjsJs.x;},function(_litDecoratorsJs){o=_litDecoratorsJs.customElement;},function(_nileFooterCssCjsJs){e=_nileFooterCssCjsJs.s;}],execute:function(){i=/*#__PURE__*/function(_t){_inherits(i,_t);var _super=_createSuper(i);function i(){_classCallCheck(this,i);return _super.apply(this,arguments);}_createClass(i,[{key:"render",value:function render(){return r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<slot> </slot>\n\t\t\t"])));}}],[{key:"styles",get:function get(){return[e];}}]);return i;}(t);i=s([o("nile-footer")],i);}};});
 //# sourceMappingURL=index.cjs.js.map

package/dist/nile-footer/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../src/nile-footer/index.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-footer.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-footer\n *\n */\n@customElement('nile-footer')\nexport class NileFooter extends LitElement {\n\n\t/**\n\t * The styles for Footer\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t\t<slot> </slot>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileFooter;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-footer': NileFooter;\n  }\n}"],"names":["NileFooter","render","html","styles","LitElement","__decorate","customElement"],"mappings":"kkHAkBaA,qLAkBLC,iBAAAA,CACN,MAAOC,EAAI,gGAGX,CAAA,sBAhBiBC,eACjB,MAAO,CAACA,EACR,EAUMF,eAlBwBG,CAAAA,EAAnBJ,CAAUK,CAAAA,CAAAA,CAAA,CADtBC,CAAAA,CAAc,aACFN,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}
+{"version":3,"file":"index.cjs.js","sources":["../../../src/nile-footer/index.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-footer.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-footer\n *\n */\n@customElement('nile-footer')\nexport class NileFooter extends LitElement {\n\n\t/**\n\t * The styles for Footer\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t\t<slot> </slot>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileFooter;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-footer': NileFooter;\n  }\n}"],"names":["NileFooter","render","html","_templateObject","_taggedTemplateLiteral","key","get","styles","i","LitElement","__decorate","customElement"],"mappings":"kkHAkBaA,CAAAA,uBAAAA,EAAAA,EAAAA,SAAAA,CAAAA,CAAAA,CAAAA,EAAAA,MAAAA,MAAAA,CAAAA,YAAAA,CAAAA,CAAAA,WAAAA,EAAAA,EAAAA,eAAAA,MAAAA,CAAAA,SAAAA,MAAAA,CAAAA,KAAAA,MAAAA,SAAAA,GAAAA,YAAAA,CAAAA,CAAAA,GAAAA,GAAAA,UAAAA,KAAAA,CAkBL,SAAAC,OAAA,CACN,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,uCAGX,CAAA,KAAAC,GAAA,UAAAC,GAAA,CAhBM,SAAAA,IAAA,EACN,MAAO,CAACC,EACR,EAUM,WAAAC,CAAA,GAlBwBC,CAMxB,EANKT,CAAUU,CAAAA,CAAAA,CAAA,CADtBC,CAAAA,CAAc,aACFX,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}

package/dist/nile-footer/index.esm.js

@@ -1,3 +1,3 @@
-import{__decorate as s}from"tslib";import{s as t,y as r}from"../index-f1b94546.esm.js";import{customElement as e}from"lit/decorators.js";import{s as o}from"./nile-footer.css.esm.js";let i=class extends t{static get styles(){return[o]}render(){return r`
+import{__decorate as s}from"tslib";import{s as t,x as r}from"../index-cd2f9c12.esm.js";import{customElement as e}from"lit/decorators.js";import{s as o}from"./nile-footer.css.esm.js";let i=class extends t{static get styles(){return[o]}render(){return r`
 			<slot> </slot>
 			`}};i=s([e("nile-footer")],i);

package/dist/nile-footer/nile-footer.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../index-adad7634.cjs.js"],function(_export,_context){"use strict";var s,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){s=_index001CjsJs.i;}],execute:function(){_export("s",o=s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\n\t}\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var s,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){s=_index001CjsJs.i;}],execute:function(){_export("s",o=s(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\n\t}\n"]))));}};});
 //# sourceMappingURL=nile-footer.css.cjs.js.map

package/dist/nile-footer/nile-footer.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-footer.css.cjs.js","sources":["../../../src/nile-footer/nile-footer.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * Footer CSS\n */\nexport const styles = css`\n\t:host {\n\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG"}
+{"version":3,"file":"nile-footer.css.cjs.js","sources":["../../../src/nile-footer/nile-footer.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * Footer CSS\n */\nexport const styles = css`\n\t:host {\n\n\t}\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-footer/nile-footer.css.esm.js

@@ -1,4 +1,4 @@
-import{i as s}from"../index-f1b94546.esm.js";const o=s`
+import{i as s}from"../index-cd2f9c12.esm.js";const o=s`
 	:host {
 
 	}

package/dist/nile-form-error-message/index.cjs.js

@@ -1,2 +1,2 @@
-System.register(["./nile-form-error-message.cjs.js","tslib","../index-adad7634.cjs.js","lit/decorators.js","./nile-form-error-message.css.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileFormErrorMessageCjsJs){},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileFormErrorMessageCssCjsJs){}],execute:function(){}};});
+System.register(["./nile-form-error-message.cjs.js","tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-form-error-message.css.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileFormErrorMessageCjsJs){_export("NileFormErrorMessage",_nileFormErrorMessageCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileFormErrorMessageCssCjsJs){}],execute:function(){}};});
 //# sourceMappingURL=index.cjs.js.map

package/dist/nile-form-error-message/index.esm.js

@@ -1 +1 @@
-import"./nile-form-error-message.esm.js";import"tslib";import"../index-f1b94546.esm.js";import"lit/decorators.js";import"./nile-form-error-message.css.esm.js";
+export{N as NileFormErrorMessage}from"./nile-form-error-message.esm.js";import"tslib";import"../index-cd2f9c12.esm.js";import"lit/decorators.js";import"./nile-form-error-message.css.esm.js";

package/dist/nile-form-error-message/nile-form-error-message.cjs.js

@@ -1,2 +1,2 @@
-System.register(["tslib","../index-adad7634.cjs.js","lit/decorators.js","./nile-form-error-message.css.cjs.js"],function(_export,_context){"use strict";var r,s,e,o,i,_templateObject,m;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){r=_tslib.__decorate;},function(_index001CjsJs){s=_index001CjsJs.s;e=_index001CjsJs.y;},function(_litDecoratorsJs){o=_litDecoratorsJs.customElement;},function(_nileFormErrorMessageCssCjsJs){i=_nileFormErrorMessageCssCjsJs.s;}],execute:function(){m=/*#__PURE__*/function(_s){_inherits(m,_s);var _super=_createSuper(m);function m(){_classCallCheck(this,m);return _super.apply(this,arguments);}_createClass(m,[{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-form-error-message\">\n       <nile-icon name=\"info2\" size=\"14\" class=\"nile-form-error-message__icon\" color=\"#A4121C\"> </nile-icon> <slot> </slot>\n        </div>\n\t\t\t"])));}}],[{key:"styles",get:function get(){return[i];}}]);return m;}(s);m=r([o("nile-form-error-message")],m);}};});
+System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-form-error-message.css.cjs.js"],function(_export,_context){"use strict";var r,s,e,o,i,_templateObject,t;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){r=_tslib.__decorate;},function(_index001CjsJs){s=_index001CjsJs.s;e=_index001CjsJs.x;},function(_litDecoratorsJs){o=_litDecoratorsJs.customElement;},function(_nileFormErrorMessageCssCjsJs){i=_nileFormErrorMessageCssCjsJs.s;}],execute:function(){_export("N",t=/*#__PURE__*/function(_s){_inherits(t,_s);var _super=_createSuper(t);function t(){_classCallCheck(this,t);return _super.apply(this,arguments);}_createClass(t,[{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-form-error-message\">\n       <nile-icon name=\"info2\" size=\"14\" class=\"nile-form-error-message__icon\" color=\"#A4121C\"> </nile-icon> <slot> </slot>\n        </div>\n\t\t\t"])));}}],[{key:"styles",get:function get(){return[i];}}]);return t;}(s));_export("N",t=r([o("nile-form-error-message")],t));}};});
 //# sourceMappingURL=nile-form-error-message.cjs.js.map

package/dist/nile-form-error-message/nile-form-error-message.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-form-error-message.cjs.js","sources":["../../../src/nile-form-error-message/nile-form-error-message.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-form-error-message.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-form-error-message\n *\n */\n@customElement('nile-form-error-message')\nexport class NileFormErrorMessage extends LitElement {\n\n\t/**\n\t * The styles for FormErrorMessage\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n      <div class=\"nile-form-error-message\">\n       <nile-icon name=\"info2\" size=\"14\" class=\"nile-form-error-message__icon\" color=\"#A4121C\"> </nile-icon> <slot> </slot>\n        </div>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileFormErrorMessage;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-form-error-message': NileFormErrorMessage;\n  }\n}\n"],"names":["NileFormErrorMessage","render","html","styles","LitElement","__decorate","customElement"],"mappings":"kmHAkBaA,qLAkBLC,iBAAAA,CACN,MAAOC,EAAI,8QAKX,CAAA,sBAlBiBC,eACjB,MAAO,CAACA,EACR,EAUMF,eAlBkCG,CAAAA,EAA7BJ,CAAoBK,CAAAA,CAAAA,CAAA,CADhCC,CAAAA,CAAc,yBACFN,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}
+{"version":3,"file":"nile-form-error-message.cjs.js","sources":["../../../src/nile-form-error-message/nile-form-error-message.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-form-error-message.css';\n\n/**\n * Nile icon component.\n *\n * @tag nile-form-error-message\n *\n */\n@customElement('nile-form-error-message')\nexport class NileFormErrorMessage extends LitElement {\n\n\t/**\n\t * The styles for FormErrorMessage\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n      <div class=\"nile-form-error-message\">\n       <nile-icon name=\"info2\" size=\"14\" class=\"nile-form-error-message__icon\" color=\"#A4121C\"> </nile-icon> <slot> </slot>\n        </div>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileFormErrorMessage;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-form-error-message': NileFormErrorMessage;\n  }\n}\n"],"names":["NileFormErrorMessage","render","html","_templateObject","_taggedTemplateLiteral","key","get","styles","t","LitElement","__decorate","customElement"],"mappings":"8mHAkBaA,CAAAA,uBAAAA,EAAAA,EAAAA,SAAAA,CAAAA,CAAAA,CAAAA,EAAAA,MAAAA,MAAAA,CAAAA,YAAAA,CAAAA,CAAAA,WAAAA,EAAAA,EAAAA,eAAAA,MAAAA,CAAAA,SAAAA,MAAAA,CAAAA,KAAAA,MAAAA,SAAAA,GAAAA,YAAAA,CAAAA,CAAAA,GAAAA,GAAAA,UAAAA,KAAAA,CAkBL,SAAAC,OAAA,CACN,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,qNAKX,CAAA,KAAAC,GAAA,UAAAC,GAAA,CAlBM,SAAAA,IAAA,EACN,MAAO,CAACC,EACR,EAUM,WAAAC,CAAA,GAlBkCC,CAMlC,GANKT,OAAAA,KAAAA,CAAoBU,CAAAA,CAAAA,CAAA,CADhCC,CAAAA,CAAc,4BACFX"}

package/dist/nile-form-error-message/nile-form-error-message.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["../index-adad7634.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .nile-form-error-message {\n    display: flex;\n    align-items: center;\n    color: var(--nile-colors-red-700);\n    font-family: Colfax-regular;\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n  }\n\n  .nile-form-error-message__icon {\n    margin-right: 6px;\n  }\n"]))));}};});
+System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .nile-form-error-message {\n    display: flex;\n    align-items: center;\n    color: var(--nile-colors-red-700);\n    font-family: Colfax-regular;\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n  }\n\n  .nile-form-error-message__icon {\n    margin-right: 6px;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-form-error-message.css.cjs.js.map

package/dist/nile-form-error-message/nile-form-error-message.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-form-error-message.css.cjs.js","sources":["../../../src/nile-form-error-message/nile-form-error-message.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * FormErrorMessage CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-form-error-message {\n    display: flex;\n    align-items: center;\n    color: var(--nile-colors-red-700);\n    font-family: Colfax-regular;\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n  }\n\n  .nile-form-error-message__icon {\n    margin-right: 6px;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG"}
+{"version":3,"file":"nile-form-error-message.css.cjs.js","sources":["../../../src/nile-form-error-message/nile-form-error-message.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * FormErrorMessage CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .nile-form-error-message {\n    display: flex;\n    align-items: center;\n    color: var(--nile-colors-red-700);\n    font-family: Colfax-regular;\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n    margin-top: 6px;\n  }\n\n  .nile-form-error-message__icon {\n    margin-right: 6px;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-form-error-message/nile-form-error-message.css.esm.js

@@ -1,4 +1,4 @@
-import{i as e}from"../index-f1b94546.esm.js";const r=e`
+import{i as e}from"../index-cd2f9c12.esm.js";const r=e`
   :host {
   }
 

package/dist/nile-form-error-message/nile-form-error-message.esm.js

@@ -1,5 +1,5 @@
-import{__decorate as e}from"tslib";import{s as r,y as s}from"../index-f1b94546.esm.js";import{customElement as o}from"lit/decorators.js";import{s as i}from"./nile-form-error-message.css.esm.js";let m=class extends r{static get styles(){return[i]}render(){return s`
+import{__decorate as e}from"tslib";import{s as r,x as s}from"../index-cd2f9c12.esm.js";import{customElement as o}from"lit/decorators.js";import{s as i}from"./nile-form-error-message.css.esm.js";let m=class extends r{static get styles(){return[i]}render(){return s`
       <div class="nile-form-error-message">
        <nile-icon name="info2" size="14" class="nile-form-error-message__icon" color="#A4121C"> </nile-icon> <slot> </slot>
         </div>
-			`}};m=e([o("nile-form-error-message")],m);
+			`}};m=e([o("nile-form-error-message")],m);export{m as N};

package/dist/nile-form-help-text/index.cjs.js

@@ -1,2 +1,2 @@
-System.register(["./nile-form-help-text.cjs.js","tslib","../index-adad7634.cjs.js","lit/decorators.js","./nile-form-help-text.css.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileFormHelpTextCjsJs){},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileFormHelpTextCssCjsJs){}],execute:function(){}};});
+System.register(["./nile-form-help-text.cjs.js","tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-form-help-text.css.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileFormHelpTextCjsJs){_export("NileFormHelpText",_nileFormHelpTextCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileFormHelpTextCssCjsJs){}],execute:function(){}};});
 //# sourceMappingURL=index.cjs.js.map

package/dist/nile-form-help-text/index.esm.js

@@ -1 +1 @@
-import"./nile-form-help-text.esm.js";import"tslib";import"../index-f1b94546.esm.js";import"lit/decorators.js";import"./nile-form-help-text.css.esm.js";
+export{N as NileFormHelpText}from"./nile-form-help-text.esm.js";import"tslib";import"../index-cd2f9c12.esm.js";import"lit/decorators.js";import"./nile-form-help-text.css.esm.js";

package/dist/nile-form-help-text/nile-form-help-text.cjs.js

@@ -1,2 +1,2 @@
-System.register(["tslib","../index-adad7634.cjs.js","lit/decorators.js","./nile-form-help-text.css.cjs.js"],function(_export,_context){"use strict";var t,s,e,r,o,_templateObject,l;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){s=_index001CjsJs.s;e=_index001CjsJs.y;},function(_litDecoratorsJs){r=_litDecoratorsJs.customElement;},function(_nileFormHelpTextCssCjsJs){o=_nileFormHelpTextCssCjsJs.s;}],execute:function(){l=/*#__PURE__*/function(_s){_inherits(l,_s);var _super=_createSuper(l);function l(){_classCallCheck(this,l);return _super.apply(this,arguments);}_createClass(l,[{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-form-help-text\">\n         <slot> </slot>\n        </div>\n\t\t\t"])));}}],[{key:"styles",get:function get(){return[o];}}]);return l;}(s);l=t([r("nile-form-help-text")],l);}};});
+System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-form-help-text.css.cjs.js"],function(_export,_context){"use strict";var t,s,e,r,o,_templateObject,l;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){s=_index001CjsJs.s;e=_index001CjsJs.x;},function(_litDecoratorsJs){r=_litDecoratorsJs.customElement;},function(_nileFormHelpTextCssCjsJs){o=_nileFormHelpTextCssCjsJs.s;}],execute:function(){_export("N",l=/*#__PURE__*/function(_s){_inherits(l,_s);var _super=_createSuper(l);function l(){_classCallCheck(this,l);return _super.apply(this,arguments);}_createClass(l,[{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-form-help-text\">\n         <slot> </slot>\n        </div>\n\t\t\t"])));}}],[{key:"styles",get:function get(){return[o];}}]);return l;}(s));_export("N",l=t([r("nile-form-help-text")],l));}};});
 //# sourceMappingURL=nile-form-help-text.cjs.js.map