@nova-design-system/nova-webcomponents 3.0.0 → 3.2.0

package/dist/native/p-4c0d81b0.entry.js.map

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

package/dist/native/{p-39bb95ff.entry.js → p-519b4819.entry.js}

@@ -1,2 +1,2 @@
-import{r as o,h as t,a as e,g as n}from"./p-ab002252.js";import{B as s,b as r}from"./p-59768ee5.js";const a='nv-button{text-decoration:none;display:inline-flex;justify-content:center;align-items:center;font-style:normal;font-weight:var(--font-weight-medium-emphasis);font-family:"TT Norms Pro", sans-serif;transition:background-color 150ms ease-out;user-select:none;cursor:pointer;height:fit-content;width:fit-content}nv-button[size=xs]{padding:var(--button-xs-padding-y) var(--button-xs-padding-x);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);font-size:var(--button-xs-font-size)}nv-button[size=xs] nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-button[size=sm]{padding:var(--button-sm-padding-y) var(--button-sm-padding-x);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);font-size:var(--button-sm-font-size)}nv-button[size=sm] nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-button[size=md]{padding:var(--button-md-padding-y) var(--button-md-padding-x);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size)}nv-button[size=md] nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-button[size=lg]{padding:var(--button-lg-padding-y) var(--button-lg-padding-x);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);font-size:var(--button-lg-font-size)}nv-button[size=lg] nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-button[emphasis=high]{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-button[emphasis=high]:hover{background:var(--components-button-high-background-hover);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text-hover)}nv-button[emphasis=high]:active{background:var(--components-button-high-background-active);border:1px solid var(--components-button-high-border-active);color:var(--components-button-high-text-active)}nv-button[emphasis=high]:focus,nv-button[emphasis=high]:focus-within{outline:none}nv-button[emphasis=high]:focus-visible,nv-button[emphasis=high]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=high]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=high][active]:not([active=false]){background:var(--components-button-high-background-active);border:1px solid var(--components-button-high-border-active);color:var(--components-button-high-text-active)}nv-button[emphasis=high][danger]:not([danger=false]){background:var(--components-button-destructive-high-background);border:1px solid transparent;color:var(--components-button-destructive-high-text)}nv-button[emphasis=high][danger]:not([danger=false]):hover{background:var(--components-button-destructive-high-background-hover);border:1px solid transparent;color:var(--components-button-destructive-high-text-hover)}nv-button[emphasis=high][danger]:not([danger=false]):focus,nv-button[emphasis=high][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=high][danger]:not([danger=false]):focus-visible,nv-button[emphasis=high][danger]:not([danger=false]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=medium]{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-button[emphasis=medium]:hover{background:var(--components-button-medium-background-hover);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text-hover)}nv-button[emphasis=medium]:active{background:var(--components-button-medium-background-active);border:1px solid var(--components-button-medium-border-active);color:var(--components-button-medium-text-active)}nv-button[emphasis=medium]:focus,nv-button[emphasis=medium]:focus-within{outline:none}nv-button[emphasis=medium]:focus-visible,nv-button[emphasis=medium]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=medium]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=medium][active]:not([active=false]){background:var(--components-button-medium-background-active);border:1px solid var(--components-button-medium-border-active);color:var(--components-button-medium-text-active)}nv-button[emphasis=medium][danger]:not([danger=false]){background:var(--components-button-destructive-medium-background);border:1px solid var(--components-button-destructive-medium-border);color:var(--components-button-destructive-medium-text)}nv-button[emphasis=medium][danger]:not([danger=false]):hover{background:var(--components-button-destructive-medium-background-hover);border:1px solid var(--components-button-destructive-medium-border);color:var(--components-button-destructive-medium-text-hover)}nv-button[emphasis=medium][danger]:not([danger=false]):focus,nv-button[emphasis=medium][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=medium][danger]:not([danger=false]):focus-visible,nv-button[emphasis=medium][danger]:not([danger=false]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=low]{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-button[emphasis=low]:hover{background:var(--components-button-low-background-hover);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text-hover)}nv-button[emphasis=low]:active{background:var(--components-button-low-background-active);border:1px solid var(--components-button-low-border-active);color:var(--components-button-low-text-active)}nv-button[emphasis=low]:focus,nv-button[emphasis=low]:focus-within{outline:none}nv-button[emphasis=low]:focus-visible,nv-button[emphasis=low]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=low]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=low][active]:not([active=false]){background:var(--components-button-low-background-active);border:1px solid var(--components-button-low-border-active);color:var(--components-button-low-text-active)}nv-button[emphasis=low][danger]:not([danger=false]){background:var(--components-button-destructive-low-background);border:1px solid var(--components-button-destructive-low-border);color:var(--components-button-destructive-low-text)}nv-button[emphasis=low][danger]:not([danger=false]):hover{background:var(--components-button-destructive-low-background-hover);border:1px solid var(--components-button-destructive-low-border);color:var(--components-button-destructive-low-text-hover)}nv-button[emphasis=low][danger]:not([danger=false]):focus,nv-button[emphasis=low][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=low][danger]:not([danger=false]):focus-visible,nv-button[emphasis=low][danger]:not([danger=false]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=lower]{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-button[emphasis=lower]:hover{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}nv-button[emphasis=lower]:active{background:var(--components-button-lower-background-active);border:1px solid var(--components-button-lower-border-active);color:var(--components-button-lower-text-active)}nv-button[emphasis=lower]:focus,nv-button[emphasis=lower]:focus-within{outline:none}nv-button[emphasis=lower]:focus-visible,nv-button[emphasis=lower]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=lower]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=lower][active]:not([active=false]){background:var(--components-button-lower-background-active);border:1px solid var(--components-button-lower-border-active);color:var(--components-button-lower-text-active)}nv-button[emphasis=lower][danger]:not([danger=false]){background:var(--components-button-destructive-lower-background);border:1px solid var(--components-button-destructive-lower-border);color:var(--components-button-destructive-lower-text)}nv-button[emphasis=lower][danger]:not([danger=false]):hover{background:var(--components-button-destructive-lower-background-hover);border:1px solid var(--components-button-destructive-lower-border);color:var(--components-button-destructive-lower-text-hover)}nv-button[emphasis=lower][danger]:not([danger=false]):focus,nv-button[emphasis=lower][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=lower][danger]:not([danger=false]):focus-visible,nv-button[emphasis=lower][danger]:not([danger=false]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[fluid]:not([fluid=false]){width:100%}nv-button[loading]:not([loading=false]) [slot=leading-icon]{display:none}';const i=a;const u=class{constructor(t){o(this,t);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.size="md";this.emphasis="high";this.active=false;this.danger=false;this.loading=false;this.disabled=false;this.fluid=false;this.type="button";this.handleButtonClick=o=>{var t;if(this.loading||this.disabled){o.preventDefault();return}if(this.type!==s.Button&&(this.form||((t=this.internals)===null||t===void 0?void 0:t.form))){this.processFormAction()}else if(this.form&&this.type===s.Button){console.warn("Button has a form id but is not of type submit or reset so no form action will be processed.",`Button:`,this.el)}};this.processFormAction=()=>{var o,t;const e=this.form?document.getElementById(this.form):(o=this.internals)===null||o===void 0?void 0:o.form;if(!e){console.warn("No form element found.",`Form ID: ${this.form||"Not provided"}`,`Internals form:`,(t=this.internals)===null||t===void 0?void 0:t.form);return}switch(this.type){case s.Submit:e.requestSubmit();break;case s.Reset:e.reset();break}}}handleKeyDown(o){if(o.key==="Enter"||o.key===" "){o.preventDefault();this.el.click()}}handleTouchStart(o){if(o.touches.length>1)return;o.preventDefault();this.el.click()}handleLoadingChange(o){this.loading=o;this.disabled=o}handleDisabledChange(o){if(this.loading){this.disabled=this.loading}else{this.disabled=o}}componentWillLoad(){if(this.loading){this.disabled=this.loading}}render(){return t(e,{key:"f8b20f9052d71f93eaf03f98550a7237225cadf2",role:"button",tabindex:"0",onClick:this.handleButtonClick},this.loading&&t("nv-loader",{key:"c1cefa72ee24dad9ce16bbfe1f51e6cec6dc7fbc",size:this.size===r.Large?"sm":"xs"}),t("slot",{key:"36a311494e45ebc23b1133923a676d58e87f3800",name:"leading-icon"}),t("slot",{key:"f6fea826cda9a09f7152f4e30cc6981c89e73ebe"}),t("slot",{key:"d59c23ff85ea7efc16c69c5adbeb0e91786f1f68",name:"trailing-icon"}))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}}};u.style=i;export{u as nv_button};
-//# sourceMappingURL=p-39bb95ff.entry.js.map
+import{r as o,h as t,a as e,g as n}from"./p-711a7778.js";import{B as s,d as r}from"./p-f85c08f1.js";const a='nv-button{text-decoration:none;display:inline-flex;justify-content:center;align-items:center;font-style:normal;font-weight:var(--font-weight-medium-emphasis);font-family:"TT Norms Pro", sans-serif;transition:background-color 150ms ease-out;user-select:none;cursor:pointer;height:fit-content;width:fit-content}nv-button[size=xs]{padding:var(--button-xs-padding-y) var(--button-xs-padding-x);gap:var(--button-xs-gap);border-radius:var(--button-xs-border-radius);line-height:var(--button-xs-line-height);font-size:var(--button-xs-font-size)}nv-button[size=xs] nv-icon>svg{width:var(--spacing-3);height:var(--spacing-3);stroke-width:1.2px}nv-button[size=sm]{padding:var(--button-sm-padding-y) var(--button-sm-padding-x);gap:var(--button-sm-gap);border-radius:var(--button-sm-border-radius);line-height:var(--button-sm-line-height);font-size:var(--button-sm-font-size)}nv-button[size=sm] nv-icon>svg{width:var(--spacing-4);height:var(--spacing-4);stroke-width:1.5px}nv-button[size=md]{padding:var(--button-md-padding-y) var(--button-md-padding-x);gap:var(--button-md-gap);border-radius:var(--button-md-border-radius);line-height:var(--button-md-line-height);font-size:var(--button-md-font-size)}nv-button[size=md] nv-icon>svg{width:var(--spacing-5);height:var(--spacing-5);stroke-width:1.6px}nv-button[size=lg]{padding:var(--button-lg-padding-y) var(--button-lg-padding-x);gap:var(--button-lg-gap);border-radius:var(--button-lg-border-radius);line-height:var(--button-lg-line-height);font-size:var(--button-lg-font-size)}nv-button[size=lg] nv-icon>svg{width:var(--spacing-6);height:var(--spacing-6);stroke-width:1.8px}nv-button[emphasis=high]{background:var(--components-button-high-background);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text)}nv-button[emphasis=high]:hover{background:var(--components-button-high-background-hover);border:1px solid var(--components-button-high-border);color:var(--components-button-high-text-hover)}nv-button[emphasis=high]:active{background:var(--components-button-high-background-active);border:1px solid var(--components-button-high-border-active);color:var(--components-button-high-text-active)}nv-button[emphasis=high]:focus,nv-button[emphasis=high]:focus-within{outline:none}nv-button[emphasis=high]:focus-visible,nv-button[emphasis=high]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=high]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=high][active]:not([active=false]){background:var(--components-button-high-background-active);border:1px solid var(--components-button-high-border-active);color:var(--components-button-high-text-active)}nv-button[emphasis=high][danger]:not([danger=false]){background:var(--components-button-destructive-high-background);border:1px solid transparent;color:var(--components-button-destructive-high-text)}nv-button[emphasis=high][danger]:not([danger=false]):hover{background:var(--components-button-destructive-high-background-hover);border:1px solid transparent;color:var(--components-button-destructive-high-text-hover)}nv-button[emphasis=high][danger]:not([danger=false]):focus,nv-button[emphasis=high][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=high][danger]:not([danger=false]):focus-visible,nv-button[emphasis=high][danger]:not([danger=false]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=medium]{background:var(--components-button-medium-background);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text)}nv-button[emphasis=medium]:hover{background:var(--components-button-medium-background-hover);border:1px solid var(--components-button-medium-border);color:var(--components-button-medium-text-hover)}nv-button[emphasis=medium]:active{background:var(--components-button-medium-background-active);border:1px solid var(--components-button-medium-border-active);color:var(--components-button-medium-text-active)}nv-button[emphasis=medium]:focus,nv-button[emphasis=medium]:focus-within{outline:none}nv-button[emphasis=medium]:focus-visible,nv-button[emphasis=medium]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=medium]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=medium][active]:not([active=false]){background:var(--components-button-medium-background-active);border:1px solid var(--components-button-medium-border-active);color:var(--components-button-medium-text-active)}nv-button[emphasis=medium][danger]:not([danger=false]){background:var(--components-button-destructive-medium-background);border:1px solid var(--components-button-destructive-medium-border);color:var(--components-button-destructive-medium-text)}nv-button[emphasis=medium][danger]:not([danger=false]):hover{background:var(--components-button-destructive-medium-background-hover);border:1px solid var(--components-button-destructive-medium-border);color:var(--components-button-destructive-medium-text-hover)}nv-button[emphasis=medium][danger]:not([danger=false]):focus,nv-button[emphasis=medium][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=medium][danger]:not([danger=false]):focus-visible,nv-button[emphasis=medium][danger]:not([danger=false]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=low]{background:var(--components-button-low-background);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text)}nv-button[emphasis=low]:hover{background:var(--components-button-low-background-hover);border:1px solid var(--components-button-low-border);color:var(--components-button-low-text-hover)}nv-button[emphasis=low]:active{background:var(--components-button-low-background-active);border:1px solid var(--components-button-low-border-active);color:var(--components-button-low-text-active)}nv-button[emphasis=low]:focus,nv-button[emphasis=low]:focus-within{outline:none}nv-button[emphasis=low]:focus-visible,nv-button[emphasis=low]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=low]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=low][active]:not([active=false]){background:var(--components-button-low-background-active);border:1px solid var(--components-button-low-border-active);color:var(--components-button-low-text-active)}nv-button[emphasis=low][danger]:not([danger=false]){background:var(--components-button-destructive-low-background);border:1px solid var(--components-button-destructive-low-border);color:var(--components-button-destructive-low-text)}nv-button[emphasis=low][danger]:not([danger=false]):hover{background:var(--components-button-destructive-low-background-hover);border:1px solid var(--components-button-destructive-low-border);color:var(--components-button-destructive-low-text-hover)}nv-button[emphasis=low][danger]:not([danger=false]):focus,nv-button[emphasis=low][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=low][danger]:not([danger=false]):focus-visible,nv-button[emphasis=low][danger]:not([danger=false]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=lower]{background:var(--components-button-lower-background);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text)}nv-button[emphasis=lower]:hover{background:var(--components-button-lower-background-hover);border:1px solid var(--components-button-lower-border);color:var(--components-button-lower-text-hover)}nv-button[emphasis=lower]:active{background:var(--components-button-lower-background-active);border:1px solid var(--components-button-lower-border-active);color:var(--components-button-lower-text-active)}nv-button[emphasis=lower]:focus,nv-button[emphasis=lower]:focus-within{outline:none}nv-button[emphasis=lower]:focus-visible,nv-button[emphasis=lower]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[emphasis=lower]:disabled:not([disabled=false]){opacity:0.5;cursor:not-allowed;box-shadow:none}nv-button[emphasis=lower][active]:not([active=false]){background:var(--components-button-lower-background-active);border:1px solid var(--components-button-lower-border-active);color:var(--components-button-lower-text-active)}nv-button[emphasis=lower][danger]:not([danger=false]){background:var(--components-button-destructive-lower-background);border:1px solid var(--components-button-destructive-lower-border);color:var(--components-button-destructive-lower-text)}nv-button[emphasis=lower][danger]:not([danger=false]):hover{background:var(--components-button-destructive-lower-background-hover);border:1px solid var(--components-button-destructive-lower-border);color:var(--components-button-destructive-lower-text-hover)}nv-button[emphasis=lower][danger]:not([danger=false]):focus,nv-button[emphasis=lower][danger]:not([danger=false]):focus-within{outline:none}nv-button[emphasis=lower][danger]:not([danger=false]):focus-visible,nv-button[emphasis=lower][danger]:not([danger=false]):has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-destructive);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-button[fluid]:not([fluid=false]){width:100%}nv-button[loading]:not([loading=false]) [slot=leading-icon]{display:none}';const i=a;const u=class{constructor(t){o(this,t);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.size="md";this.emphasis="high";this.active=false;this.danger=false;this.loading=false;this.disabled=false;this.fluid=false;this.type="button";this.handleButtonClick=o=>{var t;if(this.loading||this.disabled){o.preventDefault();return}if(this.type!==s.Button&&(this.form||((t=this.internals)===null||t===void 0?void 0:t.form))){this.processFormAction()}else if(this.form&&this.type===s.Button){console.warn("Button has a form id but is not of type submit or reset so no form action will be processed.",`Button:`,this.el)}};this.processFormAction=()=>{var o,t;const e=this.form?document.getElementById(this.form):(o=this.internals)===null||o===void 0?void 0:o.form;if(!e){console.warn("No form element found.",`Form ID: ${this.form||"Not provided"}`,`Internals form:`,(t=this.internals)===null||t===void 0?void 0:t.form);return}switch(this.type){case s.Submit:e.requestSubmit();break;case s.Reset:e.reset();break}}}handleKeyDown(o){if(o.key==="Enter"||o.key===" "){o.preventDefault();this.el.click()}}handleTouchStart(o){if(o.touches.length>1)return;o.preventDefault();this.el.click()}handleLoadingChange(o){this.loading=o;this.disabled=o}handleDisabledChange(o){if(this.loading){this.disabled=this.loading}else{this.disabled=o}}componentWillLoad(){if(this.loading){this.disabled=this.loading}}render(){return t(e,{key:"f8b20f9052d71f93eaf03f98550a7237225cadf2",role:"button",tabindex:"0",onClick:this.handleButtonClick},this.loading&&t("nv-loader",{key:"c1cefa72ee24dad9ce16bbfe1f51e6cec6dc7fbc",size:this.size===r.Large?"sm":"xs"}),t("slot",{key:"36a311494e45ebc23b1133923a676d58e87f3800",name:"leading-icon"}),t("slot",{key:"f6fea826cda9a09f7152f4e30cc6981c89e73ebe"}),t("slot",{key:"d59c23ff85ea7efc16c69c5adbeb0e91786f1f68",name:"trailing-icon"}))}static get formAssociated(){return true}get el(){return n(this)}static get watchers(){return{loading:["handleLoadingChange"],disabled:["handleDisabledChange"]}}};u.style=i;export{u as nv_button};
+//# sourceMappingURL=p-519b4819.entry.js.map

package/dist/native/{p-fa77a591.entry.js → p-5382eab2.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as n,a,g as o}from"./p-ab002252.js";const c="nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem *{pointer-events:none}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}";const i=c;const s=class{constructor(n){e(this,n);this.menuitemSelected=t(this,"menuitemSelected",7);this.disabled=false;this.hasSubmenu=false}handleMenuItemSelect(e){if(this.disabled){e.stopPropagation();return}this.menuitemSelected.emit({id:this.el.id,name:this.name,hasSubmenu:this.hasSubmenu})}handleClick(e){this.handleMenuItemSelect(e)}handleKeyDown(e){if(e.key==="Enter"||e.key===" "){const t=document.activeElement;if(t&&t.tagName==="NV-MENUITEM"&&!t.hasAttribute("has-submenu")){e.preventDefault();this.el.click()}}}render(){return n(a,{key:"d736bc00759cb97fe52d2d6dc091667057a5585c",role:"menuitem",tabindex:this.disabled?"-1":"0"},this.icon&&n("nv-icon",{key:"cf29c75feedcb61d16d33433f834751c821a4256",name:this.icon}),n("slot",{key:"0ebe8b2faac9981023c224e3c5cd4f131e088c0e"}),this.label&&n("span",{key:"d2659aceb0ecc1cad794ae16d15432379677012c","data-scope":"text"},this.label),this.shortcut&&!this.hasSubmenu&&n("kbd",{key:"7d7772b6efda6faccafc425772c905d4aabd2ef5"},this.shortcut),this.hasSubmenu&&n("nv-icon",{key:"c756d3ceffc907fa0c37338595a7fd09f8238a7b",name:"chevron-right"}))}get el(){return o(this)}};s.style=i;export{s as nv_menuitem};
-//# sourceMappingURL=p-fa77a591.entry.js.map
+import{r as e,c as t,h as n,a,g as o}from"./p-711a7778.js";const i="nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem *{pointer-events:none}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}";const s=i;const c=class{constructor(n){e(this,n);this.menuitemSelected=t(this,"menuitemSelected",7);this.disabled=false;this.hasSubmenu=false}handleMenuItemSelect(e){if(this.disabled){e.stopPropagation();return}this.menuitemSelected.emit({id:this.el.id,name:this.name,hasSubmenu:this.hasSubmenu})}handleClick(e){this.handleMenuItemSelect(e)}handleKeyDown(e){if(e.key==="Enter"||e.key===" "){const t=document.activeElement;if(t&&t.tagName==="NV-MENUITEM"&&!t.hasAttribute("has-submenu")){e.preventDefault();this.el.click()}}}render(){return n(a,{key:"b1eeb8aaaab3daf8e247d2ca60ca4ea91828dc25",role:"menuitem",tabindex:this.disabled?"-1":"0"},this.icon&&n("nv-icon",{key:"48a9145eec4d5fd701fa975000bf29e4f8e7b018",name:this.icon}),n("slot",{key:"a3212c6b899ce3dd2f538d8ea2163355ced9a57e"}),this.label&&n("span",{key:"9b64bfabd9c2d2e25702e1e06f53dd76a1405a0e","data-scope":"text"},this.label),this.shortcut&&!this.hasSubmenu&&n("kbd",{key:"adca0ce4f6c9c53f965d0d71b7f0a9d7675091b4"},this.shortcut),this.hasSubmenu&&n("nv-icon",{key:"5d55fc8fe1b1fc32fef9ee38b8dd53d7617ed0e0",name:"chevron-right"}))}get el(){return o(this)}};c.style=s;export{c as nv_menuitem};
+//# sourceMappingURL=p-5382eab2.entry.js.map

package/dist/native/p-5ba3fc3c.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as r,h as o,a as i,g as a}from"./p-711a7778.js";import{v as d}from"./p-f5ff676c.js";const n='nv-fieldpassword{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldpassword[fluid]:not([fluid=false]){max-width:unset}nv-fieldpassword[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldpassword[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldpassword[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldpassword[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fieldpassword label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-fieldpassword .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldpassword .input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out;position:relative}nv-fieldpassword .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldpassword .input-wrapper .input-container:focus-within,nv-fieldpassword .input-wrapper .input-container:focus-within:hover,nv-fieldpassword .input-wrapper .input-container:focus,nv-fieldpassword .input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldpassword .input-wrapper .input-container:has(input:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldpassword .input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldpassword .input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:var(--form-field-padding-y) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height);width:100%}nv-fieldpassword .input-wrapper .input-container input:focus{outline:none}nv-fieldpassword .input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:"TT Norms Pro", sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:400;line-height:var(--form-field-line-height)}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton{border:0px;border-radius:0px}nv-fieldpassword .input-wrapper .input-container>nv-iconbutton:focus-visible{border-radius:var(--button-md-border-radius);outline-offset:-3px}nv-fieldpassword .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldpassword .description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldpassword .error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:"TT Norms Pro", sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}';const t=n;const s=class{constructor(o){e(this,o);this.valueChanged=r(this,"valueChanged",7);this.inputId=d();this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.success=false;this.mode="text";this.autocomplete="off";this.hidePasswordIcon=false;this.showPassword=false;this.autofocus=false;this.fluid=false;this.handleInputContainerClick=()=>{this.inputElement.focus()};this.togglePasswordVisibility=()=>{this.showPasswordState=!this.showPasswordState};this.handleInput=e=>{const r=e.target;this.value=r.value;this.valueChanged.emit(r.value)}}handleShowPasswordChange(e){this.showPasswordState=e}componentWillLoad(){this.showPasswordState=this.showPassword}render(){return o(i,{key:"79c3035769b9053d53d62526b2e0d430d5f944ae"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"2341f2b9ae8c5acb8ce48e15caae8a629a1c0333",htmlFor:this.inputId},o("slot",{key:"ad2301f92adf58c460d4ca76681330b133db2f33",name:"label"},this.label)),o("div",{key:"c12f8401a41c6761686b74e725dd91911eaafbb0",class:"input-wrapper"},o("slot",{key:"badd6d65663029bc3252ef0818bb1c6220d01ddf",name:"before-input"}),o("div",{key:"0ffb2332657f893c00fe2ca68f4bbbd622bb31f1",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"afa1daa6fab0f2a46ab46f0c99e4e4cf10d7a1fe",name:"leading-input"}),o("input",{key:"cc567c4a7fe51a24a99c7a471294d7f6086d8b2d",id:this.inputId,ref:e=>this.inputElement=e,autofocus:this.autofocus,autocomplete:this.autocomplete,placeholder:this.placeholder,name:this.name,type:this.showPasswordState?"text":"password",inputMode:this.mode,value:this.value,required:this.required,maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,disabled:this.disabled,readOnly:this.readonly,onInput:this.handleInput}),(this.success||this.error)&&o("nv-icon",{key:"7087d6e35b30de786f3ded46fc74dc9987af6afa",name:this.success?"circle-check":"alert-circle",class:"validation",size:"md"}),!this.hidePasswordIcon&&o("nv-iconbutton",{key:"6fe5e3936ef42c79ed8a5b8a959a22ecbbe52fd6",name:this.showPasswordState?"eye":"eye-off",size:"md",emphasis:"lower",onClick:this.togglePasswordVisibility,"aria-label":this.showPasswordState?"Hide password":"Show password","aria-pressed":this.showPasswordState.toString()})),o("slot",{key:"eab04665ad3394860ad30e366eaf18ae4aee445a",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"5bc5bd055301bf5fe1b801c2091cd3307c79104f",class:"description"},o("slot",{key:"133ebfcb219aaa0c5fd64e4442c1125b26c623b4",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"2a319732006d29becaa602ae16f2d8e885214931",hidden:!this.error,class:"error-description"},o("slot",{key:"e6e75fe487745820b1b8d3de1ed52df8aa9652d4",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return a(this)}static get watchers(){return{showPassword:["handleShowPasswordChange"]}}};s.style=t;export{s as nv_fieldpassword};
+//# sourceMappingURL=p-5ba3fc3c.entry.js.map

package/dist/native/p-5ba3fc3c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvFieldpasswordCss","NvFieldpasswordStyle0","NvFieldpassword","constructor","hostRef","this","inputId","uuidv4","disabled","readonly","required","error","success","mode","autocomplete","hidePasswordIcon","showPassword","autofocus","fluid","handleInputContainerClick","inputElement","focus","togglePasswordVisibility","showPasswordState","handleInput","event","input","target","value","valueChanged","emit","handleShowPasswordChange","newValue","componentWillLoad","render","h","Host","key","label","el","querySelector","htmlFor","name","class","onClick","id","ref","e","placeholder","type","inputMode","maxlength","minlength","pattern","readOnly","onInput","size","emphasis","toString","description","errorDescription","hidden"],"sources":["src/components/nv-fieldpassword/nv-fieldpassword.scss?tag=nv-fieldpassword","src/components/nv-fieldpassword/nv-fieldpassword.tsx"],"sourcesContent":["@import '../../styles/form-field';\n\nnv-fieldpassword {\n  @include form-field-variables();\n  @include form-field-root();\n\n  &[fluid]:not([fluid=\"false\"]) {\n    @include form-field-fluid();\n  }\n\n  &[readonly]:not([readonly='false']) {\n    @include form-field-readonly-variables();\n  }\n\n  &[error]:not([error='false']) {\n    @include form-field-error-variables();\n  }\n\n  &[success]:not([success='false']) {\n    @include form-field-success-variables();\n  }\n\n  &[required]:not([required='false']) label {\n    @include form-field-label-required();\n  }\n\n  label {\n    @include form-field-label();\n  }\n\n  .input-wrapper {\n    @include form-field-input-wrapper();\n\n    .input-container {\n      @include form-field-input-container();\n\n      position: relative;\n\n      input {\n        @include form-field-input();\n      }\n      > nv-iconbutton {\n        @include form-field-action();\n      }\n\n      nv-icon.validation {\n        @include form-field-icon();\n      }\n    }\n  }\n\n  .description {\n    @include form-field-description();\n  }\n\n  .error-description {\n    @include form-field-error-description();\n  }\n}\n","import {\n  Component,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\nimport { TextInputAutocomplete } from '../../utils/constants';\n\n/**\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input container.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n  tag: 'nv-fieldpassword',\n  styleUrl: 'nv-fieldpassword.scss',\n  shadow: false,\n  formAssociated: true,\n})\nexport class NvFieldpassword {\n  @Element() el: HTMLNvFieldpasswordElement;\n  private inputElement!: HTMLInputElement;\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated\n   * to ensure unique identification, facilitating proper label association and\n   * accessibility.\n   */\n  @Prop({ reflect: true })\n  readonly inputId: string = uuidv4();\n\n  /**\n   * Lets you define the text that explains what users should enter in the text\n   * input field. It’s a crucial element for making forms clear and\n   * user-friendly.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Add helpful hints or extra information under the text input field. This is\n   * where you can clarify what users should enter or provide additional\n   * instructions, making the form easier to fill out correctly.\n   */\n  // eslint-disable-next-line @stencil-community/strict-mutable\n  @Prop({ reflect: true, mutable: true })\n  description: string;\n\n  /**\n   * Display temporary text inside the input field to give users a hint about\n   * what to type. It’s a great way to provide examples or suggestions directly\n   * in the field before they start typing.\n   */\n  @Prop({ reflect: true })\n  readonly placeholder: string;\n\n  /**\n   * Defines the name attribute of the input field, which is crucial for form\n   * submission. This value is used as the key in the key-value pair sent to\n   * the server, representing the input’s data in form submissions. It should be\n   * unique within the form to avoid conflicts\n   */\n  @Prop({ reflect: true })\n  readonly name: string;\n\n  /**\n   * Specifies the value of the input field, which determines the text displayed\n   * within the field. This prop is typically used in controlled components\n   * where the input’s value is managed by the component’s state.\n   */\n  @Prop({ reflect: true, mutable: true })\n  value: string;\n\n  /**\n   * The disabled prop lets you turn off the input field so that users can’t\n   * type in it. When disabled, the field is grayed out and won’t respond to#\n   * clicks or touches.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Display the input field’s content without allowing users to change it.\n   * Users can still click on it, select, and copy the text, but they won’t be\n   * able to type or delete anything.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks the input field as required, ensuring that the user must fill it out\n   * before submitting the form.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Alters the input field’s appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * A description that appears when there is an error related to the password\n   * field.\n   * @validator message\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription: string;\n\n  /**\n   * Changes the input field’s appearance to indicate successful input or\n   * validation.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * Limits how many characters users can type into the input field. It’s\n   * helpful for making sure users don’t enter too much information, keeping\n   * their input within the allowed limit.\n   */\n  @Prop({ reflect: true })\n  readonly maxlength: number;\n\n  /**\n   * Ensures that users type at least a certain number of characters into the\n   * input field. It’s a way to make sure users provide enough information\n   * before moving on.\n   */\n  @Prop({ reflect: true })\n  readonly minlength: number;\n\n  /**\n   * Set rules for how the input should be formatted. For example, you can\n   * require that a phone number includes only digits or that an email address\n   * has the correct format. If users don’t follow these rules, they’ll get a\n   * prompt to correct their input on form submission.\n   * the rules are applied to the input value via regexes.\n   */\n  @Prop({ reflect: true })\n  readonly pattern: string;\n\n  /**\n   * Defines the type of the input.\n   * @default 'text'\n   */\n  @Prop({ reflect: true })\n  readonly mode: 'text' | 'number' = 'text';\n\n  /**\n   * The autocomplete prop helps users fill out the input field faster by\n   * suggesting entries they’ve used before, like their email or address.\n   * You can turn it on to make forms more convenient or off to ensure users\n   * always type in fresh data.\n   */\n  @Prop({ reflect: true })\n  readonly autocomplete: `${TextInputAutocomplete}` = 'off';\n\n  /**\n   * Hide the button to show/hide the password.\n   */\n  @Prop({ reflect: true })\n  readonly hidePasswordIcon: boolean = false;\n\n  /**\n   * Show/hide the password programmatically.\n   */\n  @Prop({ reflect: true })\n  readonly showPassword: boolean = false;\n\n  /**\n   * Defines whether the password is visible or not.\n   */\n  @State()\n  showPasswordState: boolean;\n\n  /**\n   * Applies focus to the input field as soon as the component is mounted. This\n   * is equivalent to setting the native autofocus attribute on an <input>\n   * element.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  /**\n   * Allows the field to stretch and fill the entire width of its container.\n   */\n  @Prop({ reflect: true })\n  readonly fluid: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the input value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region METHODS\n\n  private handleInputContainerClick = () => {\n    this.inputElement.focus();\n  };\n\n  @Watch('showPassword')\n  handleShowPasswordChange(newValue: boolean) {\n    this.showPasswordState = newValue;\n  }\n\n  private togglePasswordVisibility = () => {\n    this.showPasswordState = !this.showPasswordState;\n  };\n\n  private handleInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    this.value = input.value; // Update the input value without worrying about the space\n    this.valueChanged.emit(input.value);\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.showPasswordState = this.showPassword;\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        {(this.label || this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.inputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <div class=\"input-wrapper\">\n          <slot name=\"before-input\"></slot>\n\n          <div class=\"input-container\" onClick={this.handleInputContainerClick}>\n            <slot name=\"leading-input\"></slot>\n\n            <input\n              id={this.inputId}\n              ref={e => (this.inputElement = e)}\n              autofocus={this.autofocus}\n              autocomplete={this.autocomplete}\n              placeholder={this.placeholder}\n              name={this.name}\n              type={this.showPasswordState ? 'text' : 'password'}\n              inputMode={this.mode}\n              value={this.value}\n              required={this.required}\n              maxlength={this.maxlength}\n              minlength={this.minlength}\n              pattern={this.pattern}\n              disabled={this.disabled}\n              readOnly={this.readonly}\n              onInput={this.handleInput}\n            />\n\n            {(this.success || this.error) && (\n              <nv-icon\n                name={this.success ? 'circle-check' : 'alert-circle'}\n                class=\"validation\"\n                size=\"md\"\n              />\n            )}\n\n            {!this.hidePasswordIcon && (\n              <nv-iconbutton\n                name={this.showPasswordState ? 'eye' : 'eye-off'}\n                size=\"md\"\n                emphasis=\"lower\"\n                onClick={this.togglePasswordVisibility}\n                aria-label={\n                  this.showPasswordState ? 'Hide password' : 'Show password'\n                }\n                aria-pressed={this.showPasswordState.toString()}\n              />\n            )}\n          </div>\n\n          <slot name=\"after-input\"></slot>\n        </div>\n\n        {(this.description ||\n          this.el.querySelector('[slot=\"description\"]')) && (\n          <div class=\"description\">\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div hidden={!this.error} class=\"error-description\">\n            <slot name=\"error-description\">{this.errorDescription}</slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n\n  //#endregion RENDER\n}\n"],"mappings":"oGAAA,MAAMA,EAAqB,41KAC3B,MAAAC,EAAeD,E,MC2BFE,EAAe,MAN5B,WAAAC,CAAAC,G,qDAoBWC,KAAAC,QAAkBC,IAkDlBF,KAAAG,SAAoB,MAQpBH,KAAAI,SAAoB,MAOpBJ,KAAAK,SAAoB,MAQpBL,KAAAM,MAAiB,MAejBN,KAAAO,QAAmB,MAiCnBP,KAAAQ,KAA0B,OAS1BR,KAAAS,aAA2C,MAM3CT,KAAAU,iBAA4B,MAM5BV,KAAAW,aAAwB,MAexBX,KAAAY,UAAqB,MAMrBZ,KAAAa,MAAiB,MAiBlBb,KAAAc,0BAA4B,KAClCd,KAAKe,aAAaC,OAAO,EAQnBhB,KAAAiB,yBAA2B,KACjCjB,KAAKkB,mBAAqBlB,KAAKkB,iBAAiB,EAG1ClB,KAAAmB,YAAeC,IACrB,MAAMC,EAAQD,EAAME,OACpBtB,KAAKuB,MAAQF,EAAME,MACnBvB,KAAKwB,aAAaC,KAAKJ,EAAME,MAAM,C,CAXrC,wBAAAG,CAAyBC,GACvB3B,KAAKkB,kBAAoBS,C,CAiB3B,iBAAAC,GACE5B,KAAKkB,kBAAoBlB,KAAKW,Y,CAOhC,MAAAkB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACDhC,KAAKiC,OAASjC,KAAKkC,GAAGC,cAAc,oBACpCL,EAAA,SAAAE,IAAA,2CAAOI,QAASpC,KAAKC,SACnB6B,EAAA,QAAAE,IAAA,2CAAMK,KAAK,SAASrC,KAAKiC,QAI7BH,EAAA,OAAAE,IAAA,2CAAKM,MAAM,iBACTR,EAAA,QAAAE,IAAA,2CAAMK,KAAK,iBAEXP,EAAA,OAAAE,IAAA,2CAAKM,MAAM,kBAAkBC,QAASvC,KAAKc,2BACzCgB,EAAA,QAAAE,IAAA,2CAAMK,KAAK,kBAEXP,EAAA,SAAAE,IAAA,2CACEQ,GAAIxC,KAAKC,QACTwC,IAAKC,GAAM1C,KAAKe,aAAe2B,EAC/B9B,UAAWZ,KAAKY,UAChBH,aAAcT,KAAKS,aACnBkC,YAAa3C,KAAK2C,YAClBN,KAAMrC,KAAKqC,KACXO,KAAM5C,KAAKkB,kBAAoB,OAAS,WACxC2B,UAAW7C,KAAKQ,KAChBe,MAAOvB,KAAKuB,MACZlB,SAAUL,KAAKK,SACfyC,UAAW9C,KAAK8C,UAChBC,UAAW/C,KAAK+C,UAChBC,QAAShD,KAAKgD,QACd7C,SAAUH,KAAKG,SACf8C,SAAUjD,KAAKI,SACf8C,QAASlD,KAAKmB,eAGdnB,KAAKO,SAAWP,KAAKM,QACrBwB,EAAA,WAAAE,IAAA,2CACEK,KAAMrC,KAAKO,QAAU,eAAiB,eACtC+B,MAAM,aACNa,KAAK,QAIPnD,KAAKU,kBACLoB,EAAA,iBAAAE,IAAA,2CACEK,KAAMrC,KAAKkB,kBAAoB,MAAQ,UACvCiC,KAAK,KACLC,SAAS,QACTb,QAASvC,KAAKiB,yBAAwB,aAEpCjB,KAAKkB,kBAAoB,gBAAkB,gBAAe,eAE9ClB,KAAKkB,kBAAkBmC,cAK3CvB,EAAA,QAAAE,IAAA,2CAAMK,KAAK,kBAGXrC,KAAKsD,aACLtD,KAAKkC,GAAGC,cAAc,0BACtBL,EAAA,OAAAE,IAAA,2CAAKM,MAAM,eACTR,EAAA,QAAAE,IAAA,2CAAMK,KAAK,eAAerC,KAAKsD,eAIjCtD,KAAKuD,kBACLvD,KAAKkC,GAAGC,cAAc,gCACtBL,EAAA,OAAAE,IAAA,2CAAKwB,QAASxD,KAAKM,MAAOgC,MAAM,qBAC9BR,EAAA,QAAAE,IAAA,2CAAMK,KAAK,qBAAqBrC,KAAKuD,mB","ignoreList":[]}

package/dist/native/{p-bad11367.entry.js → p-60b204ac.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as e,a,g as i}from"./p-ab002252.js";import{d as n,e as o}from"./p-cb34aa4f.js";const r="nv-table{display:block}nv-table .hidden{display:none}nv-table table{border-collapse:collapse;border-color:inherit;text-indent:0;width:100%}nv-table th{text-align:left;border-bottom:1px solid var(--components-datagrid-header-border);height:var(--spacing-12);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-md);font-weight:700;color:var(--components-datagrid-header-text)}nv-table td{border-bottom:1px solid var(--components-datagrid-body-border);height:var(--spacing-12);max-height:var(--spacing-14);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-md);font-weight:400;color:var(--components-datagrid-body-text);white-space:nowrap;text-overflow:ellipsis}nv-table tbody>tr:hover{background:var(--color-interaction-container-neutral-background-hover)}";const l=r;const h=class{constructor(e){t(this,e);this.action=s(this,"action",7);this.templateCache=new Map;this.headerTemplateCache=new Map;this.parsedColumns=[];this.parsedData=[];this.table=null;this.data=[];this.columnsConfig=[];this.fallbackValue="N/A";this.noDataMessage="No data available";this.noColumnsNoDataMessage="No data or columns available to display."}cacheTemplates(){const t=Array.from(this.el.querySelectorAll("nv-tablecolumn"));t.forEach((t=>{const s=t.name;const e=t.querySelector('[slot="cell"]');if(e){const t=n(e);this.templateCache.set(s,t)}const a=t.querySelector('[slot="header"]');if(a){const t=n(a);this.headerTemplateCache.set(s,t)}else{const e=t.header;if(e){const t=document.createElement("div");t.textContent=e;this.headerTemplateCache.set(s,t)}}}))}parseDataAndColumns(){if(this.dataJson){this.parseJsonData(this.dataJson)}else if(this.data&&this.data.length>0){this.parseDataArray(this.data,this.parsedData)}if(this.columnsConfigJson){this.parseJsonColumns(this.columnsConfigJson,this.parsedColumns)}else if(this.columnsConfig&&this.columnsConfig.length>0){this.parseColumnsArray(this.columnsConfig,this.parsedColumns)}else if(this.headerTemplateCache.size>0){const t=Array.from(this.headerTemplateCache.keys());const s=t.map((t=>Object.assign({},{name:t,header:t?t.charAt(0).toUpperCase()+t.slice(1):""})));this.parseColumnsArray(s,this.parsedColumns)}else if(this.parsedData.length>0){const t=this.parsedData[0];const s=Object.keys(t).map((t=>({name:t,header:t.charAt(0).toUpperCase()+t.slice(1)})));this.parseColumnsArray(s,this.parsedColumns)}}deepEqual(t,s){return JSON.stringify(t)===JSON.stringify(s)}parseDataArray(t,s){const e=Array.isArray(t)?t:[];const a=Array.isArray(s)?s:[];if(this.deepEqual(e,a)){return}this.parsedData=Array.isArray(t)?t:[]}parseColumnsArray(t,s){const e=Array.isArray(t)?t:[];const a=Array.isArray(s)?s:[];if(this.deepEqual(e,a)){return}this.parsedColumns=e}initializeTable(){this.table=null;if(this.parsedColumns.length>0){this.table={columns:this.parsedColumns,data:this.getTableData()}}else{this.table=null}}getTableData(){if(this.parsedData&&Array.isArray(this.parsedData)&&this.parsedData.length>0){return[...this.parsedData]}else{return[]}}replaceKeyWithValue(t,s){var e;return(e=s.split(".").reduce(((t,s)=>t&&t[s]!==undefined?t[s]:undefined),t))!==null&&e!==void 0?e:this.fallbackValue}renderTemplate(t,s){if(!t){return null}const a=t instanceof HTMLTemplateElement?t.content:t;const i=n(a);i.querySelectorAll("*").forEach((t=>{this.replacePlaceholdersTextContent(t,s);this.replacePlaceholdersAttributes(t,s);this.replacePlaceholdersProperties(t,s)}));i.querySelectorAll("[data-bind-event]").forEach((t=>{const e=t.getAttribute("data-bind-event")||"";const a=e.split(":");if(!e.includes(":")||a.length<2){console.warn("Invalid data-bind-event format:",e);return}const i=a[0];const n=a[1];const o=a.length>2?a[2]:null;t.addEventListener(i,(()=>{var t;const e=(t=o===null||o===void 0?void 0:o.split(","))!==null&&t!==void 0?t:[];const a=e.reduce(((t,e)=>{t[e]=s===null||s===void 0?void 0:s[e];return t}),{});const i={keyAction:n,details:a};this.action.emit(i)}))}));setTimeout((()=>{i.querySelectorAll("*").forEach((t=>{if(typeof t.connectedCallback==="function"){t.connectedCallback()}}))}),0);return e("div",{ref:t=>{if(t){t.innerHTML="";t.appendChild(i)}}})}replacePlaceholdersTextContent(t,s){t.childNodes.forEach((t=>{if(t.nodeType===Node.TEXT_NODE){t.textContent=t.textContent.replace(/__([\w.]+)__/g,((t,e)=>this.replaceKeyWithValue(s,e)))}}))}replacePlaceholdersAttributes(t,s){Array.from(t.attributes).forEach((t=>{if(t.value.includes("__")){t.value=t.value.replace(/__([\w.]+)__/g,((t,e)=>this.replaceKeyWithValue(s,e)))}}))}replacePlaceholdersProperties(t,s){const e=new Set;Object.keys(t).forEach((t=>e.add(t)));let a=Object.getPrototypeOf(t);while(a&&a!==HTMLElement.prototype){Object.keys(a).forEach((t=>e.add(t)));a=Object.getPrototypeOf(a)}e.forEach((e=>{if(typeof t[e]!=="function"&&!e.startsWith("on")&&!o.has(e)){try{const a=t[e];if(typeof a==="string"&&a.includes("__")){t[e]=a.replace(/__([\w.]+)__/g,((t,e)=>this.replaceKeyWithValue(s,e)))}}catch(t){console.warn(`Could not assign property ${e}:`,t.message)}}}))}parseColumns(t,s){this.parseColumnsArray(t,s)}parseJsonColumns(t,s){try{const e=t?JSON.parse(t):[];this.parseColumnsArray(e,s)}catch(t){console.error("Invalid JSON format for columnsConfigJson:",t.message);this.parsedColumns=[]}}parseData(t,s){this.parseDataArray(t,s)}parseJsonData(t){try{const s=t?JSON.parse(t):[];this.parseDataArray(s,this.parsedData)}catch(t){console.error("Invalid JSON format for dataJson:",t.message);this.parsedData=[]}}handleParsedChange(){this.initializeTable()}componentWillLoad(){this.cacheTemplates();this.parseDataAndColumns()}render(){const t=!this.table||this.table===undefined||this.parsedColumns.length===0?[]:this.table.columns;const s=!this.table||this.table===undefined||this.parsedData.length===0?[]:this.table.data;return e(a,{key:"b2962fba4d5a12aa660d0c0f69298c93947ef592"},e("div",{key:"f60e5c09d57c0ccf5cb9996ca85fcc8792270b85",class:"hidden"},e("slot",{key:"9c4aefff542478535b3f342b1c75f68d717c3bf8"})),e("slot",{key:"bfd0f5406187bcad69d9ed41e2f294314a3572f1",name:"before"}),this.parsedColumns.length===0&&this.parsedData.length===0?e("div",{class:"no-data"},this.noColumnsNoDataMessage):e("table",{class:"table"},this.parsedColumns.length>0&&t.length>0&&e("thead",{class:"table-header"},e("tr",null,t&&t.map((t=>e("th",{key:t.name},this.renderTemplate(this.headerTemplateCache.get(t.name),{})||t.header))))),e("tbody",{class:"table-body"},!s||s.length===0?e("tr",null,e("td",{colSpan:t.length||12,class:"no-data"},this.noDataMessage)):s.map((s=>e("tr",{key:JSON.stringify(s)},t.map((t=>{var a;return e("td",null,this.renderTemplate(this.templateCache.get(t.name),s)||((a=s[t.name])!==null&&a!==void 0?a:this.fallbackValue))}))))))),e("slot",{key:"e0039c9af9506bc8f2ded8cc81bbd2667ee1f2c1",name:"after"}))}get el(){return i(this)}static get watchers(){return{columnsConfig:["parseColumns"],columnsConfigJson:["parseJsonColumns"],data:["parseData"],dataJson:["parseJsonData"],parsedColumns:["handleParsedChange"],parsedData:["handleParsedChange"]}}};h.style=l;export{h as nv_table};
-//# sourceMappingURL=p-bad11367.entry.js.map
+import{r as t,c as s,h as e,a,g as i}from"./p-711a7778.js";import{d as n,e as o}from"./p-cb34aa4f.js";const r="nv-table{display:block}nv-table .hidden{display:none}nv-table table{border-collapse:collapse;border-color:inherit;text-indent:0;width:100%}nv-table th{text-align:left;border-bottom:1px solid var(--components-datagrid-header-border);height:var(--spacing-12);padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-md);font-weight:700;color:var(--components-datagrid-header-text)}nv-table td{border-bottom:1px solid var(--components-datagrid-body-border);height:var(--spacing-12);max-height:var(--spacing-14);padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-md);font-weight:400;color:var(--components-datagrid-body-text);white-space:nowrap;text-overflow:ellipsis}nv-table tbody>tr:hover{background:var(--color-interaction-container-neutral-background-hover)}";const l=r;const h=class{constructor(e){t(this,e);this.action=s(this,"action",7);this.templateCache=new Map;this.headerTemplateCache=new Map;this.parsedColumns=[];this.parsedData=[];this.table=null;this.data=[];this.columnsConfig=[];this.fallbackValue="N/A";this.noDataMessage="No data available";this.noColumnsNoDataMessage="No data or columns available to display."}cacheTemplates(){const t=Array.from(this.el.querySelectorAll("nv-tablecolumn"));t.forEach((t=>{const s=t.name;const e=t.querySelector('[slot="cell"]');if(e){const t=n(e);this.templateCache.set(s,t)}const a=t.querySelector('[slot="header"]');if(a){const t=n(a);this.headerTemplateCache.set(s,t)}else{const e=t.header;if(e){const t=document.createElement("div");t.textContent=e;this.headerTemplateCache.set(s,t)}}}))}parseDataAndColumns(){if(this.dataJson){this.parseJsonData(this.dataJson)}else if(this.data&&this.data.length>0){this.parseDataArray(this.data,this.parsedData)}if(this.columnsConfigJson){this.parseJsonColumns(this.columnsConfigJson,this.parsedColumns)}else if(this.columnsConfig&&this.columnsConfig.length>0){this.parseColumnsArray(this.columnsConfig,this.parsedColumns)}else if(this.headerTemplateCache.size>0){const t=Array.from(this.headerTemplateCache.keys());const s=t.map((t=>Object.assign({},{name:t,header:t?t.charAt(0).toUpperCase()+t.slice(1):""})));this.parseColumnsArray(s,this.parsedColumns)}else if(this.parsedData.length>0){const t=this.parsedData[0];const s=Object.keys(t).map((t=>({name:t,header:t.charAt(0).toUpperCase()+t.slice(1)})));this.parseColumnsArray(s,this.parsedColumns)}}deepEqual(t,s){return JSON.stringify(t)===JSON.stringify(s)}parseDataArray(t,s){const e=Array.isArray(t)?t:[];const a=Array.isArray(s)?s:[];if(this.deepEqual(e,a)){return}this.parsedData=Array.isArray(t)?t:[]}parseColumnsArray(t,s){const e=Array.isArray(t)?t:[];const a=Array.isArray(s)?s:[];if(this.deepEqual(e,a)){return}this.parsedColumns=e}initializeTable(){this.table=null;if(this.parsedColumns.length>0){this.table={columns:this.parsedColumns,data:this.getTableData()}}else{this.table=null}}getTableData(){if(this.parsedData&&Array.isArray(this.parsedData)&&this.parsedData.length>0){return[...this.parsedData]}else{return[]}}replaceKeyWithValue(t,s){var e;return(e=s.split(".").reduce(((t,s)=>t&&t[s]!==undefined?t[s]:undefined),t))!==null&&e!==void 0?e:this.fallbackValue}renderTemplate(t,s){if(!t){return null}const a=t instanceof HTMLTemplateElement?t.content:t;const i=n(a);i.querySelectorAll("*").forEach((t=>{this.replacePlaceholdersTextContent(t,s);this.replacePlaceholdersAttributes(t,s);this.replacePlaceholdersProperties(t,s)}));i.querySelectorAll("[data-bind-event]").forEach((t=>{const e=t.getAttribute("data-bind-event")||"";const a=e.split(":");if(!e.includes(":")||a.length<2){console.warn("Invalid data-bind-event format:",e);return}const i=a[0];const n=a[1];const o=a.length>2?a[2]:null;t.addEventListener(i,(()=>{var t;const e=(t=o===null||o===void 0?void 0:o.split(","))!==null&&t!==void 0?t:[];const a=e.reduce(((t,e)=>{t[e]=s===null||s===void 0?void 0:s[e];return t}),{});const i={keyAction:n,details:a};this.action.emit(i)}))}));setTimeout((()=>{i.querySelectorAll("*").forEach((t=>{if(typeof t.connectedCallback==="function"){t.connectedCallback()}}))}),0);return e("div",{ref:t=>{if(t){t.innerHTML="";t.appendChild(i)}}})}replacePlaceholdersTextContent(t,s){t.childNodes.forEach((t=>{if(t.nodeType===Node.TEXT_NODE){t.textContent=t.textContent.replace(/__([\w.]+)__/g,((t,e)=>this.replaceKeyWithValue(s,e)))}}))}replacePlaceholdersAttributes(t,s){Array.from(t.attributes).forEach((t=>{if(t.value.includes("__")){t.value=t.value.replace(/__([\w.]+)__/g,((t,e)=>this.replaceKeyWithValue(s,e)))}}))}replacePlaceholdersProperties(t,s){const e=new Set;Object.keys(t).forEach((t=>e.add(t)));let a=Object.getPrototypeOf(t);while(a&&a!==HTMLElement.prototype){Object.keys(a).forEach((t=>e.add(t)));a=Object.getPrototypeOf(a)}e.forEach((e=>{if(typeof t[e]!=="function"&&!e.startsWith("on")&&!o.has(e)){try{const a=t[e];if(typeof a==="string"&&a.includes("__")){t[e]=a.replace(/__([\w.]+)__/g,((t,e)=>this.replaceKeyWithValue(s,e)))}}catch(t){console.warn(`Could not assign property ${e}:`,t.message)}}}))}parseColumns(t,s){this.parseColumnsArray(t,s)}parseJsonColumns(t,s){try{const e=t?JSON.parse(t):[];this.parseColumnsArray(e,s)}catch(t){console.error("Invalid JSON format for columnsConfigJson:",t.message);this.parsedColumns=[]}}parseData(t,s){this.parseDataArray(t,s)}parseJsonData(t){try{const s=t?JSON.parse(t):[];this.parseDataArray(s,this.parsedData)}catch(t){console.error("Invalid JSON format for dataJson:",t.message);this.parsedData=[]}}handleParsedChange(){this.initializeTable()}componentWillLoad(){this.cacheTemplates();this.parseDataAndColumns()}render(){const t=!this.table||this.table===undefined||this.parsedColumns.length===0?[]:this.table.columns;const s=!this.table||this.table===undefined||this.parsedData.length===0?[]:this.table.data;return e(a,{key:"b1df9cabce9289f174177a6b28851c3fa4788529"},e("div",{key:"5e27d3ad0d34f64c9e9b5c9f43ac025603c08530",class:"hidden"},e("slot",{key:"aaef162487498f64c21fb1071b2863e8fa4e5a5c"})),e("slot",{key:"34325af8079d76a7599c1c4516fa8f371ce2fe75",name:"before"}),this.parsedColumns.length===0&&this.parsedData.length===0?e("div",{class:"no-data"},this.noColumnsNoDataMessage):e("table",{class:"table"},this.parsedColumns.length>0&&t.length>0&&e("thead",{class:"table-header"},e("tr",null,t&&t.map((t=>e("th",{key:t.name},this.renderTemplate(this.headerTemplateCache.get(t.name),{})||t.header))))),e("tbody",{class:"table-body"},!s||s.length===0?e("tr",null,e("td",{colSpan:t.length||12,class:"no-data"},this.noDataMessage)):s.map((s=>e("tr",{key:JSON.stringify(s)},t.map((t=>{var a;return e("td",null,this.renderTemplate(this.templateCache.get(t.name),s)||((a=s[t.name])!==null&&a!==void 0?a:this.fallbackValue))}))))))),e("slot",{key:"49cdd7614ab002f5a3de09d414df6bb46c72a28f",name:"after"}))}get el(){return i(this)}static get watchers(){return{columnsConfig:["parseColumns"],columnsConfigJson:["parseJsonColumns"],data:["parseData"],dataJson:["parseJsonData"],parsedColumns:["handleParsedChange"],parsedData:["handleParsedChange"]}}};h.style=l;export{h as nv_table};
+//# sourceMappingURL=p-60b204ac.entry.js.map

package/dist/native/p-60b204ac.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nvTableCss","NvTableStyle0","NvTable","constructor","hostRef","this","templateCache","Map","headerTemplateCache","parsedColumns","parsedData","table","data","columnsConfig","fallbackValue","noDataMessage","noColumnsNoDataMessage","cacheTemplates","columns","Array","from","el","querySelectorAll","forEach","col","key","name","cellSlot","querySelector","element","deepCopyElement","set","headerSlot","header","headerDiv","document","createElement","textContent","parseDataAndColumns","dataJson","parseJsonData","length","parseDataArray","columnsConfigJson","parseJsonColumns","parseColumnsArray","size","headerKeys","keys","arrayColumnsConfig","map","Object","assign","charAt","toUpperCase","slice","firstRow","deepEqual","a","b","JSON","stringify","newValue","oldValue","safeNewValue","isArray","safeOldValue","initializeTable","getTableData","replaceKeyWithValue","obj","path","_a","split","reduce","acc","undefined","renderTemplate","template","row","templateContent","HTMLTemplateElement","content","replacePlaceholdersTextContent","replacePlaceholdersAttributes","replacePlaceholdersProperties","bindEvent","getAttribute","splitted","includes","console","warn","eventType","keyAction","details","addEventListener","keyValue","action","emit","setTimeout","child","connectedCallback","h","ref","innerHTML","appendChild","childNodes","node","nodeType","Node","TEXT_NODE","replace","_","attributes","attr","value","properties","Set","add","proto","getPrototypeOf","HTMLElement","prototype","prop","startsWith","excludedProps","has","error","message","parseColumns","newItems","parse","e","parseData","handleParsedChange","componentWillLoad","render","headerGroups","rows","Host","class","get","colSpan"],"sources":["src/components/nv-table/nv-table.scss?tag=nv-table","src/components/nv-table/nv-table.tsx"],"sourcesContent":["@mixin root-styles() {\n  display: block;\n}\n\nnv-table {\n  @include root-styles();\n\n  .hidden {\n    display: none;\n  }\n\n  table {\n    border-collapse: collapse;\n    border-color: inherit;\n    text-indent: 0;\n    width: 100%;\n  }\n  th {\n    text-align: left;\n    border-bottom: 1px solid var(--components-datagrid-header-border);\n    height: var(--spacing-12);\n    padding: var(--spacing-3) var(--spacing-4);\n    font-size: var(--font-size-md);\n    font-weight: 700;\n    color: var(--components-datagrid-header-text);\n  }\n  td {\n    border-bottom: 1px solid var(--components-datagrid-body-border);\n    height: var(--spacing-12);\n    max-height: var(--spacing-14);\n    padding: var(--spacing-2) var(--spacing-4);\n    font-size: var(--font-size-md);\n    font-weight: 400;\n    color: var(--components-datagrid-body-text);\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  }\n  tbody > tr:hover {\n    background: var(--color-interaction-container-neutral-background-hover);\n  }\n}\n\n// https://tailwindcss.com/docs/table-layout","/* eslint-disable @typescript-eslint/no-explicit-any */\nimport {\n  Component,\n  Host,\n  Prop,\n  State,\n  h,\n  Element,\n  Watch,\n  Event,\n  EventEmitter,\n} from '@stencil/core';\nimport { ColumnConfig } from '../../interfaces/ColumnConfig';\nimport { deepCopyElement, excludedProps } from '../../utils/dom.utils';\n\n/**\n * Helper interface to define the table structure\n */\ninterface Table {\n  /**\n   * Configuration of the columns of the table\n   */\n  columns: ColumnConfig[];\n\n  /**\n   * Data to be displayed in the table\n   */\n  data: any[];\n}\n\n/**\n * @slot default - Slot for the composed table columns\n * @slot before - Use this slot to insert HTML before the table.\n * @slot after - Use this slot to insert HTML after the table.\n *\n * @deprecated [EXPERIMENTAL]\n * @experimental - This component is used as a base for the nv-datagrid component. Do not use it directly.\n */\n@Component({\n  tag: 'nv-table',\n  styleUrl: 'nv-table.scss',\n  shadow: false,\n})\nexport class NvTable {\n  @Element() el: HTMLNvTableElement;\n\n  private readonly templateCache = new Map<string, Element>();\n  private readonly headerTemplateCache = new Map<string, Element>();\n\n  /****************************************************************************/\n  //#region STATES\n\n  @State()\n  parsedColumns: ColumnConfig[] = [];\n\n  @State()\n  parsedData: any[] = [];\n\n  @State()\n  private table: Table = null;\n\n  //#endregion STATES\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Data to be displayed in the table\n   */\n  @Prop({ reflect: true })\n  readonly data: any[] = [];\n\n  /**\n   * Configuration of the columns of the table\n   */\n  @Prop({ reflect: true })\n  readonly columnsConfig: ColumnConfig[] = [];\n\n  /**\n   * Data to be displayed in the table\n   */\n  @Prop({ reflect: true })\n  readonly dataJson?: string;\n\n  /**\n   * Configuration of the columns of the table\n   */\n  @Prop({ reflect: true })\n  readonly columnsConfigJson?: string;\n\n  /**\n   * Fallback value to be displayed when data is not available\n   */\n  @Prop({ reflect: true })\n  readonly fallbackValue: string = 'N/A';\n\n  /**\n   * Message to be displayed when no data is available\n   */\n  @Prop({ reflect: true })\n  readonly noDataMessage: string = 'No data available';\n\n  /**\n   * The message to display when there are no columns or data available.\n   * @default 'No data or columns available to display.'\n   */\n  @Prop({ reflect: true })\n  readonly noColumnsNoDataMessage: string =\n    'No data or columns available to display.';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Caches templates for cells and headers upfront to improve performance.\n   */\n  private cacheTemplates() {\n    const columns = Array.from(this.el.querySelectorAll('nv-tablecolumn'));\n\n    columns.forEach((col: HTMLNvTablecolumnElement) => {\n      const key = col.name;\n      const cellSlot = col.querySelector('[slot=\"cell\"]');\n\n      if (cellSlot) {\n        const element = deepCopyElement(cellSlot as HTMLElement);\n        this.templateCache.set(key, element);\n      }\n\n      const headerSlot = col.querySelector('[slot=\"header\"]');\n\n      if (headerSlot) {\n        const element = deepCopyElement(headerSlot as HTMLElement);\n        this.headerTemplateCache.set(key, element);\n      } else {\n        const header = col.header;\n\n        if (header) {\n          const headerDiv = document.createElement('div');\n          headerDiv.textContent = header;\n          this.headerTemplateCache.set(key, headerDiv);\n        }\n      }\n    });\n  }\n\n  private parseDataAndColumns() {\n    if (this.dataJson) {\n      this.parseJsonData(this.dataJson);\n    } else if (this.data && this.data.length > 0) {\n      this.parseDataArray(this.data, this.parsedData);\n    }\n\n    if (this.columnsConfigJson) {\n      this.parseJsonColumns(this.columnsConfigJson, this.parsedColumns);\n    } else if (this.columnsConfig && this.columnsConfig.length > 0) {\n      this.parseColumnsArray(this.columnsConfig, this.parsedColumns);\n    } else if (this.headerTemplateCache.size > 0) {\n      const headerKeys = Array.from(this.headerTemplateCache.keys());\n      const arrayColumnsConfig = headerKeys.map<ColumnConfig>(key => ({\n        ...{}, // Ensure no prototype inheritance\n        name: key,\n        header: key ? key.charAt(0).toUpperCase() + key.slice(1) : '',\n      }));\n\n      this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);\n    } else if (this.parsedData.length > 0) {\n      const firstRow = this.parsedData[0];\n      const arrayColumnsConfig = Object.keys(firstRow).map<ColumnConfig>(\n        key => ({\n          name: key,\n          header: key.charAt(0).toUpperCase() + key.slice(1),\n        }),\n      );\n\n      this.parseColumnsArray(arrayColumnsConfig, this.parsedColumns);\n    }\n  }\n\n  private deepEqual(a: any, b: any): boolean {\n    return JSON.stringify(a) === JSON.stringify(b);\n  }\n\n  /**\n   * Parses the data array and sets the state accordingly\n   * @param {any[]} newValue - New value of the data array\n   * @param {any[]} oldValue - Old value of the data array\n   * @returns {void}\n   */\n  private parseDataArray(newValue: any[], oldValue: any[]) {\n    // Ensure both are arrays for proper comparison\n    const safeNewValue = Array.isArray(newValue) ? newValue : [];\n    const safeOldValue = Array.isArray(oldValue) ? oldValue : [];\n\n    if (this.deepEqual(safeNewValue, safeOldValue)) {\n      return; // Deep comparison\n    }\n\n    this.parsedData = Array.isArray(newValue) ? newValue : [];\n  }\n\n  /**\n   * Parses the columns array and sets the state accordingly\n   * @param {ColumnConfig[]} newValue - New value of the columns array\n   * @param {ColumnConfig[]} oldValue - Old value of the columns array\n   * @returns {void}\n   */\n  private parseColumnsArray(\n    newValue: ColumnConfig[] | null | undefined,\n    oldValue: ColumnConfig[] | null | undefined,\n  ) {\n    // Ensure both are arrays for proper comparison\n    const safeNewValue = Array.isArray(newValue) ? newValue : [];\n    const safeOldValue = Array.isArray(oldValue) ? oldValue : [];\n\n    // Use a proper deep comparison function (e.g., Lodash's isEqual)\n    if (this.deepEqual(safeNewValue, safeOldValue)) {\n      return;\n    }\n\n    // Assign only after confirming changes\n    this.parsedColumns = safeNewValue;\n  }\n\n  private initializeTable() {\n    // Clear the previous table instance (if any)\n    this.table = null;\n\n    if (this.parsedColumns.length > 0) {\n      this.table = {\n        columns: this.parsedColumns,\n        data: this.getTableData(),\n      };\n    } else {\n      this.table = null;\n    }\n  }\n\n  private getTableData(): any[] {\n    if (\n      this.parsedData &&\n      Array.isArray(this.parsedData) &&\n      this.parsedData.length > 0\n    ) {\n      return [...this.parsedData];\n    } else {\n      return [];\n    }\n  }\n\n  // Helper function to get nested property value\n  private replaceKeyWithValue(obj: any, path: string) {\n    return (\n      path\n        .split('.')\n        .reduce(\n          (acc, key) => (acc && acc[key] !== undefined ? acc[key] : undefined),\n          obj,\n        ) ?? this.fallbackValue\n    );\n  }\n\n  private renderTemplate(template: Element | undefined, row: any) {\n    if (!template) {\n      return null;\n    }\n\n    // Handle <template> elements correctly\n    const templateContent =\n      template instanceof HTMLTemplateElement ? template.content : template;\n    const element = deepCopyElement(templateContent as HTMLElement);\n\n    // Replace placeholders in text content, attributes, and properties\n    element.querySelectorAll('*').forEach(el => {\n      // Replace placeholders in text content\n      this.replacePlaceholdersTextContent(el, row);\n\n      // Replace placeholders in attributes\n      this.replacePlaceholdersAttributes(el, row);\n\n      // Replace placeholders in properties\n      this.replacePlaceholdersProperties(el, row);\n    });\n\n    // Handle `data-bind-event`\n    element.querySelectorAll('[data-bind-event]').forEach(el => {\n      const bindEvent = el.getAttribute('data-bind-event') || '';\n      const splitted = bindEvent.split(':');\n\n      if (!bindEvent.includes(':') || splitted.length < 2) {\n        console.warn('Invalid data-bind-event format:', bindEvent);\n        return;\n      }\n\n      const eventType = splitted[0];\n      const keyAction = splitted[1];\n      const details = splitted.length > 2 ? splitted[2] : null;\n\n      el.addEventListener(eventType, () => {\n        const keys = details?.split(',') ?? [];\n\n        // Convert keys into a single object instead of an array of objects\n        const keyValue = keys.reduce((acc, key) => {\n          acc[key] = row?.[key];\n          return acc;\n        }, {} as Record<string, any>);\n\n        const action = { keyAction, details: keyValue };\n\n        this.action.emit(action);\n      });\n    });\n\n    // Ensure Web Components are properly connected\n    setTimeout(() => {\n      element.querySelectorAll('*').forEach(child => {\n        if (typeof (child as any).connectedCallback === 'function') {\n          (child as any).connectedCallback();\n        }\n      });\n    }, 0);\n\n    return (\n      <div\n        ref={el => {\n          if (el) {\n            el.innerHTML = ''; // Remove existing content\n            el.appendChild(element); // Append new element\n          }\n        }}\n      ></div>\n    );\n  }\n\n  private replacePlaceholdersTextContent(element: Element, row: any) {\n    // ✅ Replace placeholders in text content\n    element.childNodes.forEach(node => {\n      if (node.nodeType === Node.TEXT_NODE) {\n        node.textContent = node.textContent.replace(/__([\\w.]+)__/g, (_, key) =>\n          this.replaceKeyWithValue(row, key),\n        );\n      }\n    });\n  }\n\n  private replacePlaceholdersAttributes(element: Element, row: any) {\n    // ✅ Replace placeholders in attributes\n    Array.from(element.attributes).forEach(attr => {\n      if (attr.value.includes('__')) {\n        attr.value = attr.value.replace(/__([\\w.]+)__/g, (_, key) =>\n          this.replaceKeyWithValue(row, key),\n        );\n      }\n    });\n  }\n\n  private replacePlaceholdersProperties(element: Element, row: any) {\n    // ✅ Dynamically extract relevant properties\n    const properties = new Set<string>();\n\n    // Collect only own enumerable properties\n    Object.keys(element).forEach(key => properties.add(key));\n\n    // Collect inherited properties from prototypes (HTMLElement -> Element -> Node)\n    let proto = Object.getPrototypeOf(element);\n    while (proto && proto !== HTMLElement.prototype) {\n      Object.keys(proto).forEach(key => properties.add(key));\n      proto = Object.getPrototypeOf(proto);\n    }\n\n    // ✅ Filter and copy only non-function properties and exclude irrelevant ones\n    properties.forEach(prop => {\n      if (\n        typeof (element as any)[prop] !== 'function' && // Ignore methods\n        !prop.startsWith('on') && // Ignore event listeners (onclick, oninput, etc.)\n        !excludedProps.has(prop) // 🚨 Prevent text duplication and irrelevant props\n      ) {\n        try {\n          const value = element[prop];\n\n          // ✅ Replace placeholders only if the value is a string\n          if (typeof value === 'string' && value.includes('__')) {\n            element[prop] = value.replace(/__([\\w.]+)__/g, (_, key: string) =>\n              this.replaceKeyWithValue(row, key),\n            ) as any; // ✅ TypeScript safe\n          }\n        } catch (error) {\n          console.warn(`Could not assign property ${prop}:`, error.message);\n        }\n      }\n    });\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  @Watch('columnsConfig')\n  parseColumns(newValue: ColumnConfig[], oldValue: ColumnConfig[]) {\n    this.parseColumnsArray(newValue, oldValue);\n  }\n\n  @Watch('columnsConfigJson')\n  parseJsonColumns(newValue: string | undefined, oldValue: ColumnConfig[]) {\n    try {\n      const newItems = newValue ? JSON.parse(newValue) : [];\n\n      this.parseColumnsArray(newItems, oldValue);\n    } catch (e) {\n      console.error('Invalid JSON format for columnsConfigJson:', e.message);\n      this.parsedColumns = [];\n    }\n  }\n\n  @Watch('data')\n  parseData(newValue: any[], oldValue: any[]) {\n    this.parseDataArray(newValue, oldValue);\n  }\n\n  @Watch('dataJson')\n  parseJsonData(newValue: string | undefined) {\n    try {\n      const newItems = newValue ? JSON.parse(newValue) : [];\n\n      this.parseDataArray(newItems, this.parsedData);\n    } catch (e) {\n      console.error('Invalid JSON format for dataJson:', e.message);\n      this.parsedData = [];\n    }\n  }\n\n  @Watch('parsedColumns')\n  @Watch('parsedData')\n  handleParsedChange() {\n    this.initializeTable();\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillLoad() {\n    this.cacheTemplates();\n\n    this.parseDataAndColumns();\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n\n  @Event()\n  action: EventEmitter<{\n    /**\n     * Key action to be performed\n     */\n    keyAction: string;\n\n    /**\n     * Details of the action to be performed\n     */\n    details: any;\n  }>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    const headerGroups =\n      !this.table || this.table === undefined || this.parsedColumns.length === 0\n        ? []\n        : this.table.columns;\n\n    const rows =\n      !this.table || this.table === undefined || this.parsedData.length === 0\n        ? []\n        : this.table.data;\n\n    return (\n      <Host>\n        <div class=\"hidden\">\n          <slot></slot>\n        </div>\n\n        <slot name=\"before\"></slot>\n\n        {this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (\n          <div class=\"no-data\">{this.noColumnsNoDataMessage}</div>\n        ) : (\n          <table class=\"table\">\n            {this.parsedColumns.length > 0 && headerGroups.length > 0 && (\n              <thead class=\"table-header\">\n                <tr>\n                  {headerGroups &&\n                    headerGroups.map(col => {\n                      return (\n                        <th key={col.name}>\n                          {this.renderTemplate(\n                            this.headerTemplateCache.get(col.name),\n                            {},\n                          ) || col.header}\n                        </th>\n                      );\n                    })}\n                </tr>\n              </thead>\n            )}\n            <tbody class=\"table-body\">\n              {!rows || rows.length === 0 ? (\n                <tr>\n                  <td colSpan={headerGroups.length || 12} class=\"no-data\">\n                    {this.noDataMessage}\n                  </td>\n                </tr>\n              ) : (\n                rows.map(row => (\n                  <tr key={JSON.stringify(row)}>\n                    {headerGroups.map(col => (\n                      <td>\n                        {this.renderTemplate(\n                          this.templateCache.get(col.name),\n                          row,\n                        ) ||\n                          (row[col.name] ?? this.fallbackValue)}\n                      </td>\n                    ))}\n                  </tr>\n                ))\n              )}\n            </tbody>\n          </table>\n        )}\n\n        <slot name=\"after\"></slot>\n      </Host>\n    );\n  }\n  // #endregion RENDER\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/p-7092a675.entry.js

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

package/dist/native/p-711a7778.js

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