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

package/dist/native/p-63e6aed3.entry.js.map

@@ -1 +0,0 @@
-{"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","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    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-7f5eb2ac.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as r,a as n,g as i}from"./p-ab002252.js";import{I as o}from"./p-53aa81dd.js";import{v as a}from"./p-f5ff676c.js";import"./p-0462f723.js";const d='nv-fielddaterange{--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}nv-fielddaterange[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-fielddaterange[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)}nv-fielddaterange[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-fielddaterange[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fielddaterange 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-fielddaterange nv-popover{width:100%;display:block}nv-fielddaterange nv-popover [data-scope=popover]{padding:0;background-color:var(--components-list-dropdown-background);border:1px solid var(--components-list-dropdown-border);width:auto}nv-fielddaterange nv-popover [slot=content]{display:block;width:100%}nv-fielddaterange .input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch;display:flex;align-items:center;gap:8px}nv-fielddaterange .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;flex:1;min-width:0;padding-right:32px}nv-fielddaterange .input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fielddaterange .input-wrapper .input-container:focus-within,nv-fielddaterange .input-wrapper .input-container:focus-within:hover,nv-fielddaterange .input-wrapper .input-container:focus,nv-fielddaterange .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-fielddaterange .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-fielddaterange .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-fielddaterange .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-fielddaterange .input-wrapper .input-container input:focus{outline:none}nv-fielddaterange .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-fielddaterange .input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fielddaterange .input-wrapper .input-container .toggle-calendar-icon{position:absolute;right:0;top:50%;transform:translateY(-50%)}nv-fielddaterange .description{align-self:stretch;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-fielddaterange .error-description{align-self:stretch;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)}nv-fielddaterange .range-inputs{display:flex;align-items:center;gap:8px;flex:1}nv-fielddaterange .range-inputs input{flex:1;border:none;outline:none;padding:0;font-size:var(--form-field-font-size);color:var(--components-form-field-content-text);background:transparent;min-width:0;text-align:center}nv-fielddaterange .range-inputs input::placeholder{color:var(--components-form-field-content-placeholder)}nv-fielddaterange .range-inputs input:disabled{cursor:not-allowed;color:var(--components-form-field-content-text);background-color:var(--components-form-field-background-disabled)}';const s=d;const l=class{constructor(r){e(this,r);this.dateRangeChange=t(this,"dateRangeChange",7);this.popoverId=a();this.startInputId=a();this.endInputId=a();this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.success=false;this.shouldAutoFocus=false;this.value="";this.startValue="";this.endValue="";this.open=false;this.firstDayOfWeek=1;this.numberOfCalendars=2;this.min="";this.max="";this.locale="en-BE";this.dateFormat="YYYY-MM-DD";this.shortcutsPlacement="bottom";this.showActions=false;this.shortcuts="[]";this.showWeekNumbers=true;this.disabledDates="[]";this.handleClickOutside=e=>{if(this.open&&this.el&&!this.el.contains(e.target)){this.open=false}};this.handleStartInput=e=>{if(this.readonly||this.disabled){e.preventDefault();return}const t=e.target;this.startValue=t.value;this.dateRangeChange.emit({start:t.value,end:this.endValue})};this.handleEndInput=e=>{if(this.readonly||this.disabled){e.preventDefault();return}const t=e.target;this.endValue=t.value;this.dateRangeChange.emit({start:this.startValue,end:t.value})};this.handleFocus=e=>{if(this.readonly||this.disabled){e.preventDefault();e.target.blur();return}this.open=true};this.toggleCalendar=()=>{if(this.readonly||this.disabled){return}this.open=!this.open}}convertToInputmaskFormat(e){if(!e){return"dd/mm/yyyy"}const t={"YYYY-MM-DD":"yyyy-mm-dd","DD/MM/YYYY":"dd/mm/yyyy","MM/DD/YYYY":"mm/dd/yyyy","DD.MM.YYYY":"dd.mm.yyyy",YYYYMMDD:"yyyymmdd"};return t[e]||"dd/mm/yyyy"}connectedCallback(){document.addEventListener("click",this.handleClickOutside)}componentWillLoad(){if(this.value){try{const e=JSON.parse(this.value);this.startValue=e.start||"";this.endValue=e.end||""}catch(e){console.error("Invalid JSON for value:");console.error(e)}}}componentDidLoad(){const e=this.el.querySelectorAll(".input-wrapper input");e.forEach((e=>{const t=new o({alias:"datetime",inputFormat:this.convertToInputmaskFormat(this.dateFormat),placeholder:"_",clearIncomplete:false,showMaskOnHover:false,showMaskOnFocus:false,clearMaskOnLostFocus:false,insertMode:true,rightAlign:false,oncomplete:function(e){const t=e.target;const r=new CustomEvent("input",{bubbles:true});t.dispatchEvent(r)}});t.mask(e);if(e.name===this.startName&&this.startValue){requestAnimationFrame((()=>{e.value=this.startValue;const t=new CustomEvent("input",{bubbles:true});e.dispatchEvent(t)}))}else if(e.name===this.endName&&this.endValue){requestAnimationFrame((()=>{e.value=this.endValue;const t=new CustomEvent("input",{bubbles:true});e.dispatchEvent(t)}))}}))}componentDidRender(){const e=this.el.querySelectorAll(".input-wrapper input");e.forEach((e=>{const t=e.name===this.startName?this.startValue:this.endName?this.endValue:"";if(t){requestAnimationFrame((()=>{e.value=t;e.setAttribute("value",t)}))}}))}disconnectedCallback(){document.removeEventListener("click",this.handleClickOutside)}handleRangeDateChange(e){const{start:t,end:r}=e.detail||{};if(t&&r){this.startValue=t;this.endValue=r;this.dateRangeChange.emit({start:this.startValue,end:this.endValue});if(!this.showActions){this.open=false}}}handleClosePopover(){this.open=false}handleApplyDateRange(){this.open=false}handleKeyDown(e){if(!this.open){if(e.key==="ArrowDown"){this.open=true;e.preventDefault();return}return}if(!this.popoverElement){console.warn("nv-fielddaterange -> Popover element is not defined");return}}handleValueChange(e){try{const t=JSON.parse(e);this.startValue=t.start||"";this.endValue=t.end||""}catch(e){console.error("Invalid JSON for value:",e)}}render(){return r(n,{key:"965223047219ae767b07ccecb0a00580ea39c232"},(this.label&&this.label.length>0||this.el.querySelector('[slot="label"]'))&&r("label",{key:"096d6a34148da30d61686024b5891e7e15cd92e2",htmlFor:this.startInputId},r("slot",{key:"ee6e84ef1927ad809e7dddb2f4ad5ef7380d0bca",name:"label"},this.label)),r("nv-popover",{key:"1a0549e85ab73157b379fcbcee014a7d85be9752",ref:e=>this.popoverElement=e,id:this.popoverId,triggerMode:"controlled",placement:"bottom-start",open:this.open},r("div",{key:"d9fc4c8f379e3c1884867c87bcaa67b2da1c64ae",slot:"trigger",class:"input-wrapper"},r("slot",{key:"4189696f3e877c19d4c24b09377b2ab0ce9aa437",name:"before-input"}),r("div",{key:"98025c8fc29121c736deb3042e961ef0eb1442fe",class:"input-container"},r("slot",{key:"897481f836e33fd70a7c3b083a4e9b3db87637f2",name:"leading-input"}),r("div",{key:"788df58693fafaf8c78645b81d1b09a828138ccf",class:"range-inputs"},r("input",{key:"7966b844668ca4cb02ac34886b62ee24cb7b1399",id:this.startInputId,type:"text",placeholder:this.startPlaceholder,name:this.startName,disabled:this.disabled,readOnly:this.readonly,required:this.required,autofocus:this.shouldAutoFocus,value:this.startValue,onInput:this.handleStartInput,onFocus:this.handleFocus}),r("svg",{key:"67c0b68f0fb32ce122f9d4e5b1240440f3b649d0",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"icon icon-tabler icons-tabler-outline icon-tabler-arrows-move-horizontal"},r("path",{key:"eb68f32a768c1c48b51a45ddba3f85357b8045e6",stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),r("path",{key:"b8ccaf592dc2d36719a8418800a736b06d1c1775",d:"M18 9l3 3l-3 3"}),r("path",{key:"c4b8d8e8ffad9a339abcde63a9a0feb2ddc771d3",d:"M15 12h6"}),r("path",{key:"7a28c7086d7085163ff8d885acd7434b4e5ea69a",d:"M6 9l-3 3l3 3"}),r("path",{key:"39917978c25b13a270f0852818b31868f2034832",d:"M3 12h6"})),r("input",{key:"aaad42e407d1fe8e31a7e7c153e2d4cd35d8d2df",id:this.endInputId,type:"text",placeholder:this.endPlaceholder,name:this.endName,disabled:this.disabled,readOnly:this.readonly,required:this.required,value:this.endValue,onInput:this.handleEndInput,onFocus:this.handleFocus})),r("nv-iconbutton",{key:"04701e7bdf80a869f8a5f519141ac99c0077c20b",class:"toggle-calendar-icon",name:"calendar",size:"md",emphasis:"lower","aria-label":this.open?"Hide calendar":"Show calendar","aria-pressed":this.open.toString(),onClick:this.toggleCalendar,tabIndex:this.disabled?-1:0})),r("slot",{key:"cf1a48dcd20b4e363a746c9f26ecae8085e8ebbd",name:"after-input"})),r("div",{key:"a36a223b6d5edd30bb9a4590d059caede5412b6a",slot:"content"},r("nv-calendar",{key:"1ff22f214d648c4bb35455cf477529251c436e2d",dateFormat:this.dateFormat,rangeValue:this.startValue&&this.endValue?JSON.stringify({start:this.startValue,end:this.endValue}):"",firstDayOfWeek:this.firstDayOfWeek,numberOfCalendars:this.numberOfCalendars,min:this.min,max:this.max,locale:this.locale,shortcutsPlacement:this.shortcutsPlacement,showActions:this.showActions,shortcuts:this.shortcuts,showWeekNumbers:this.showWeekNumbers,disabledDates:this.disabledDates,selectionType:"range"}))),(this.description&&this.description.length>0||this.el.querySelector('[slot="description"]'))&&r("div",{key:"780f82060de810eb394285f4799511d2223312a3",class:"description"},r("slot",{key:"326cbf626387738b9997f3b4d452c50ea2b3d5b2",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&r("div",{key:"6043f611a60f14976b8572e975621fac57b18f89",hidden:!this.error,class:"error-description"},this.el.querySelector('[slot="error-description"]')?r("slot",{name:"error-description"}):this.errorDescription),r("slot",{key:"129fe5bcd6c5bd9449242dc6b4f0e1c90ae31082"}))}get el(){return i(this)}static get watchers(){return{value:["handleValueChange"]}}};l.style=s;export{l as nv_fielddaterange};
-//# sourceMappingURL=p-7f5eb2ac.entry.js.map

package/dist/native/p-7f5eb2ac.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["nvFielddaterangeCss","NvFielddaterangeStyle0","NvFielddaterange","constructor","hostRef","this","popoverId","uuidv4","startInputId","endInputId","disabled","readonly","required","error","success","shouldAutoFocus","value","startValue","endValue","open","firstDayOfWeek","numberOfCalendars","min","max","locale","dateFormat","shortcutsPlacement","showActions","shortcuts","showWeekNumbers","disabledDates","handleClickOutside","event","el","contains","target","handleStartInput","preventDefault","input","dateRangeChange","emit","start","end","handleEndInput","handleFocus","blur","toggleCalendar","convertToInputmaskFormat","format","formatMap","YYYYMMDD","connectedCallback","document","addEventListener","componentWillLoad","range","JSON","parse","console","componentDidLoad","inputs","querySelectorAll","forEach","inputMask","Inputmask","alias","inputFormat","placeholder","clearIncomplete","showMaskOnHover","showMaskOnFocus","clearMaskOnLostFocus","insertMode","rightAlign","oncomplete","e","CustomEvent","bubbles","dispatchEvent","mask","name","startName","requestAnimationFrame","endName","componentDidRender","setAttribute","disconnectedCallback","removeEventListener","handleRangeDateChange","detail","handleClosePopover","handleApplyDateRange","handleKeyDown","key","popoverElement","warn","handleValueChange","newValue","render","h","Host","label","length","querySelector","htmlFor","ref","id","triggerMode","placement","slot","class","type","startPlaceholder","readOnly","autofocus","onInput","onFocus","xmlns","width","height","viewBox","fill","stroke","d","endPlaceholder","size","emphasis","toString","onClick","tabIndex","rangeValue","stringify","selectionType","description","errorDescription","hidden"],"sources":["src/components/nv-fielddaterange/styles/nv-fielddaterange.scss?tag=nv-fielddaterange","src/components/nv-fielddaterange/nv-fielddaterange.tsx"],"sourcesContent":["@import '../../../styles/form-field';\n\nnv-fielddaterange {\n  @include form-field-variables();\n  @include form-field-root();\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  nv-popover {\n    width: 100%;\n    display: block;\n\n    [data-scope='popover'] {\n      padding: 0;\n      background-color: var(--components-list-dropdown-background);\n      border: 1px solid var(--components-list-dropdown-border);\n      width: auto;\n    }\n\n    [slot='content'] {\n      display: block;\n      width: 100%;\n    }\n  }\n\n  .input-wrapper {\n    @include form-field-input-wrapper();\n    display: flex;\n    align-items: center;\n    gap: 8px;\n\n    .input-container {\n      @include form-field-input-container();\n      position: relative;\n      flex: 1;\n      min-width: 0;\n      padding-right: 32px;\n\n      input {\n        @include form-field-input();\n        width: 100%;\n      }\n\n      nv-icon.validation {\n        @include form-field-icon();\n      }\n\n      .toggle-calendar-icon {\n        position: absolute;\n        right: 0;\n        top: 50%;\n        transform: translateY(-50%);\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  .range-inputs {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    flex: 1;\n\n    input {\n      flex: 1;\n      border: none;\n      outline: none;\n      padding: 0;\n      font-size: var(--form-field-font-size);\n      color: var(--components-form-field-content-text);\n      background: transparent;\n      min-width: 0; // to avoid overflow\n      text-align: center;\n\n      &::placeholder {\n        color: var(--components-form-field-content-placeholder);\n      }\n\n      &:disabled {\n        cursor: not-allowed;\n        color: var(--components-form-field-content-text);\n        background-color: var(--components-form-field-background-disabled);\n      }\n    }\n  }\n}\n","import {\n  Component,\n  h,\n  Prop,\n  State,\n  Element,\n  Event,\n  EventEmitter,\n  Listen,\n  Host,\n  Watch,\n} from '@stencil/core';\nimport Inputmask from 'inputmask';\nimport { v4 as uuidv4 } from 'uuid';\nimport { DateRange } from '../../interfaces/dateRange';\n\n/**\n * @slot default - Child content of the component.\n * @slot leading-input - Content to be placed before the input text, within the input container.\n * @slot before-input - Content to be placed before the input text, outside the input container.\n * @slot after-input - Content to be placed after the input text, outside the input container.\n * @slot label - Content to be placed as the label, will override the label prop.\n * @slot description - Content to be placed as the description, will override the description prop.\n * @slot error-description - Content to be placed as the error description, will override the errorDescription prop.\n */\n@Component({\n  tag: 'nv-fielddaterange',\n  styleUrl: 'styles/nv-fielddaterange.scss',\n  shadow: false,\n})\nexport class NvFielddaterange {\n  @Element() el!: HTMLNvFielddaterangeElement;\n  private popoverElement!: HTMLNvPopoverElement;\n  private popoverId: string = uuidv4();\n\n  /****************************************************************************/\n  //#region PROPERTIES\n\n  /**\n   * Sets the ID for the start input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated.\n   */\n  @Prop({ reflect: true })\n  readonly startInputId: string = uuidv4();\n\n  /**\n   * Sets the ID for the end input element and the for attribute of the associated\n   * label. If no ID is provided, a random one will be automatically generated.\n   */\n  @Prop({ reflect: true })\n  readonly endInputId: string = uuidv4();\n\n  /**\n   * Text displayed as label. A slot label can override this prop.\n   */\n  @Prop({ reflect: true })\n  readonly label: string;\n\n  /**\n   * Description displayed below the input. A slot description can override this prop.\n   */\n  @Prop({ reflect: true })\n  readonly description: string;\n\n  /**\n   * Placeholder for the start input field.\n   */\n  @Prop({ reflect: true })\n  readonly startPlaceholder: string;\n\n  /**\n   * Placeholder for the end input field.\n   */\n  @Prop({ reflect: true })\n  readonly endPlaceholder: string;\n\n  /**\n   * Name attribute for the start input.\n   */\n  @Prop({ reflect: true })\n  readonly startName: string;\n\n  /**\n   * Name attribute for the end input.\n   */\n  @Prop({ reflect: true })\n  readonly endName: string;\n\n  /**\n   * Disables both input fields.\n   */\n  @Prop({ reflect: true })\n  readonly disabled: boolean = false;\n\n  /**\n   * Sets both input fields as read-only.\n   */\n  @Prop({ reflect: true })\n  readonly readonly: boolean = false;\n\n  /**\n   * Marks both input fields as required.\n   */\n  @Prop({ reflect: true })\n  readonly required: boolean = false;\n\n  /**\n   * Indicates an error state.\n   */\n  @Prop({ reflect: true })\n  readonly error: boolean = false;\n\n  /**\n   * Error description. A slot error-description can override this prop.\n   */\n  @Prop({ reflect: true })\n  readonly errorDescription?: string;\n\n  /**\n   * Indicates a success state.\n   */\n  @Prop({ reflect: true })\n  readonly success: boolean = false;\n\n  /**\n   * Autofocus the start input when the component is mounted.\n   */\n  @Prop({ reflect: true })\n  readonly shouldAutoFocus: boolean = false;\n\n  /**\n   * The initial value of the date range (in string format).\n   */\n  @Prop({ reflect: true })\n  readonly value: string = '';\n\n  /**\n   * The current value of the start date in string format.\n   */\n  @State()\n  startValue: string = '';\n\n  /**\n   * The current value of the end date in string format.\n   */\n  @State()\n  endValue: string = '';\n\n  /**\n   * Controls the opening of the popover.\n   */\n  @State()\n  open: boolean = false;\n\n  /**\n   * First day of the week 0 = Sunday, 1 = Monday, etc.\n   * @default 1\n   */\n  @Prop({ reflect: true })\n  readonly firstDayOfWeek: number = 1;\n\n  /**\n   * Number of calendars to display\n   * @default 2\n   */\n  @Prop({ reflect: true })\n  readonly numberOfCalendars: number = 2;\n\n  /**\n   * Minimum date for selection ISO string format, ex: 2025-01-01\n   */\n  @Prop({ reflect: true })\n  readonly min?: string = '';\n\n  /**\n   * Maximum date for selection ISO string format, ex: 2025-12-31\n   */\n  @Prop({ reflect: true })\n  readonly max?: string = '';\n\n  /** Locale for date formatting\n   * @default 'en-BE'\n   */\n  @Prop({ reflect: true })\n  readonly locale: string = 'en-BE';\n\n  /** Date format ex: YYYY-MM-DD, DD-MM-YYYY, etc.\n   * @default 'YYYY-MM-DD'\n   */\n  @Prop({ reflect: true })\n  readonly dateFormat: string = 'YYYY-MM-DD';\n\n  /**\n   * Footer placement\n   * @default 'bottom'\n   */\n  @Prop({ reflect: true })\n  readonly shortcutsPlacement: 'bottom' | 'left' | 'right' = 'bottom';\n\n  /**\n   * Show action buttons\n   * @default false\n   */\n  @Prop({ reflect: true })\n  readonly showActions: boolean = false;\n\n  /**\n   * Custom actions to display in the footer\n   * JSON array of objects with the following properties:\n   * - label: string\n   * - onClick: function\n   * @default '[]'\n   */\n  @Prop({ reflect: true })\n  readonly shortcuts: string = '[]';\n\n  /**\n   * Show week numbers\n   * @default true\n   */\n  // eslint-disable-next-line @stencil-community/ban-default-true\n  @Prop({ reflect: true })\n  readonly showWeekNumbers: boolean = true;\n\n  /**\n   * Disabled dates ISO string array\n   * @default '[]'\n   */\n  @Prop({ reflect: true })\n  readonly disabledDates: string = '[]';\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region METHODS\n\n  /**\n   * Converts the nv-calendar date format to the format expected by Inputmask.\n   * @param {string} format - The date format to convert\n   * @returns {string} The converted format for Inputmask\n   */\n  private convertToInputmaskFormat(format: string): string {\n    // Si le format n'est pas spécifié, utiliser le format par défaut YYYY-MM-DD\n    if (!format) {\n      return 'dd/mm/yyyy';\n    }\n\n    // Conversion des formats\n    const formatMap = {\n      'YYYY-MM-DD': 'yyyy-mm-dd',\n      'DD/MM/YYYY': 'dd/mm/yyyy',\n      'MM/DD/YYYY': 'mm/dd/yyyy',\n      'DD.MM.YYYY': 'dd.mm.yyyy',\n      'YYYYMMDD': 'yyyymmdd',\n    };\n\n    return formatMap[format] || 'dd/mm/yyyy';\n  }\n\n  /**\n   * Closes the popover when a click is detected outside the component.\n   * @param {MouseEvent} event - The mouse event\n   */\n  private handleClickOutside = (event: MouseEvent) => {\n    if (this.open && this.el && !this.el.contains(event.target as Node)) {\n      this.open = false;\n    }\n  };\n\n  /**\n   * Handles the input event on the start input element.\n   * @param {Event} event - The input event\n   */\n  private handleStartInput = (event: Event) => {\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      return;\n    }\n    const input = event.target as HTMLInputElement;\n    this.startValue = input.value;\n    this.dateRangeChange.emit({ start: input.value, end: this.endValue });\n  };\n\n  /**\n   * Handles the input event on the end input element.\n   * @param {Event} event - The input event\n   */\n  private handleEndInput = (event: Event) => {\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      return;\n    }\n    const input = event.target as HTMLInputElement;\n    this.endValue = input.value;\n    this.dateRangeChange.emit({ start: this.startValue, end: input.value });\n  };\n\n  /**\n   * Handles focus events on the input elements.\n   * @param {FocusEvent} event - The focus event\n   */\n  private handleFocus = (event: FocusEvent) => {\n    if (this.readonly || this.disabled) {\n      event.preventDefault();\n      (event.target as HTMLElement).blur();\n      return;\n    }\n\n    // Open the popover when an input is focused\n    this.open = true;\n  };\n\n  /**\n   * Toggles the opening/closing of the popover.\n   */\n  private toggleCalendar = () => {\n    if (this.readonly || this.disabled) {\n      return;\n    }\n    this.open = !this.open;\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  connectedCallback() {\n    document.addEventListener('click', this.handleClickOutside);\n  }\n\n  componentWillLoad() {\n    if (this.value) {\n      try {\n        const range = JSON.parse(this.value) as DateRange;\n        this.startValue = range.start || '';\n        this.endValue = range.end || '';\n      } catch (error) {\n        console.error('Invalid JSON for value:');\n        console.error(error);\n      }\n    }\n  }\n\n  componentDidLoad() {\n    const inputs = this.el.querySelectorAll('.input-wrapper input');\n    inputs.forEach((input: HTMLInputElement) => {\n      const inputMask = new Inputmask({\n        alias: 'datetime',\n        inputFormat: this.convertToInputmaskFormat(this.dateFormat),\n        placeholder: '_',\n        clearIncomplete: false,\n        showMaskOnHover: false,\n        showMaskOnFocus: false,\n        clearMaskOnLostFocus: false,\n        insertMode: true,\n        rightAlign: false,\n        oncomplete: function (e) {\n          const input = e.target as HTMLInputElement;\n          const event = new CustomEvent('input', { bubbles: true });\n          input.dispatchEvent(event);\n        },\n      });\n      inputMask.mask(input);\n\n      // Set the value after applying the mask\n      if (input.name === this.startName && this.startValue) {\n        requestAnimationFrame(() => {\n          input.value = this.startValue;\n          const event = new CustomEvent('input', { bubbles: true });\n          input.dispatchEvent(event);\n        });\n      } else if (input.name === this.endName && this.endValue) {\n        requestAnimationFrame(() => {\n          input.value = this.endValue;\n          const event = new CustomEvent('input', { bubbles: true });\n          input.dispatchEvent(event);\n        });\n      }\n    });\n  }\n\n  componentDidRender() {\n    const inputs = this.el.querySelectorAll('.input-wrapper input');\n    inputs.forEach((input: HTMLInputElement) => {\n      const value =\n        input.name === this.startName\n          ? this.startValue\n          : this.endName\n          ? this.endValue\n          : '';\n      if (value) {\n        // Make sure the value is defined both as a property and attribute\n        requestAnimationFrame(() => {\n          input.value = value;\n          input.setAttribute('value', value);\n        });\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    document.removeEventListener('click', this.handleClickOutside);\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emits an event when the date range changes.\n   */\n  @Event()\n  dateRangeChange: EventEmitter<DateRange>;\n\n  /**\n   * Handles the range date selection event from nv-calendar.\n   * @param {CustomEvent<DateRange>} event - The custom event\n   */\n  @Listen('rangeDateChange')\n  handleRangeDateChange(event: CustomEvent<DateRange>) {\n    const { start, end } = event.detail || {};\n\n    // Check that both dates are defined\n    if (start && end) {\n      this.startValue = start;\n      this.endValue = end;\n      this.dateRangeChange.emit({\n        start: this.startValue,\n        end: this.endValue,\n      });\n\n      if (!this.showActions) {\n        this.open = false;\n      }\n    }\n  }\n\n  @Listen('closePopover')\n  handleClosePopover() {\n    this.open = false;\n  }\n\n  @Listen('applyDateRange')\n  handleApplyDateRange() {\n    this.open = false;\n  }\n\n  /**\n   * Handles keyboard events.\n   * @param {KeyboardEvent} event - The keyboard event\n   */\n  @Listen('keydown', { passive: false })\n  handleKeyDown(event: KeyboardEvent) {\n    if (!this.open) {\n      if (event.key === 'ArrowDown') {\n        this.open = true;\n        event.preventDefault();\n        return;\n      }\n      return;\n    }\n\n    if (!this.popoverElement) {\n      console.warn('nv-fielddaterange -> Popover element is not defined');\n      return;\n    }\n  }\n\n  @Watch('value')\n  handleValueChange(newValue: string) {\n    try {\n      const range = JSON.parse(newValue) as DateRange;\n      this.startValue = range.start || '';\n      this.endValue = range.end || '';\n    } catch (error) {\n      console.error('Invalid JSON for value:', error);\n    }\n  }\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    return (\n      <Host>\n        {((this.label && this.label.length > 0) ||\n          this.el.querySelector('[slot=\"label\"]')) && (\n          <label htmlFor={this.startInputId}>\n            <slot name=\"label\">{this.label}</slot>\n          </label>\n        )}\n\n        <nv-popover\n          ref={el => (this.popoverElement = el as HTMLNvPopoverElement)}\n          id={this.popoverId}\n          triggerMode=\"controlled\"\n          placement=\"bottom-start\"\n          open={this.open}\n        >\n          <div slot=\"trigger\" class=\"input-wrapper\">\n            <slot name=\"before-input\"></slot>\n\n            <div class=\"input-container\">\n              <slot name=\"leading-input\"></slot>\n\n              <div class=\"range-inputs\">\n                <input\n                  id={this.startInputId}\n                  type=\"text\"\n                  placeholder={this.startPlaceholder}\n                  name={this.startName}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  required={this.required}\n                  autofocus={this.shouldAutoFocus}\n                  value={this.startValue}\n                  onInput={this.handleStartInput}\n                  onFocus={this.handleFocus}\n                />\n\n                <svg\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  width=\"24\"\n                  height=\"24\"\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  stroke=\"currentColor\"\n                  stroke-width=\"2\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                  class=\"icon icon-tabler icons-tabler-outline icon-tabler-arrows-move-horizontal\"\n                >\n                  <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\" />\n                  <path d=\"M18 9l3 3l-3 3\" />\n                  <path d=\"M15 12h6\" />\n                  <path d=\"M6 9l-3 3l3 3\" />\n                  <path d=\"M3 12h6\" />\n                </svg>\n\n                <input\n                  id={this.endInputId}\n                  type=\"text\"\n                  placeholder={this.endPlaceholder}\n                  name={this.endName}\n                  disabled={this.disabled}\n                  readOnly={this.readonly}\n                  required={this.required}\n                  value={this.endValue}\n                  onInput={this.handleEndInput}\n                  onFocus={this.handleFocus}\n                />\n              </div>\n\n              <nv-iconbutton\n                class=\"toggle-calendar-icon\"\n                name=\"calendar\"\n                size=\"md\"\n                emphasis=\"lower\"\n                aria-label={this.open ? 'Hide calendar' : 'Show calendar'}\n                aria-pressed={this.open.toString()}\n                onClick={this.toggleCalendar}\n                tabIndex={this.disabled ? -1 : 0}\n              />\n            </div>\n\n            <slot name=\"after-input\"></slot>\n          </div>\n\n          <div slot=\"content\">\n            <nv-calendar\n              dateFormat={this.dateFormat}\n              rangeValue={\n                this.startValue && this.endValue\n                  ? JSON.stringify({\n                      start: this.startValue,\n                      end: this.endValue,\n                    })\n                  : ''\n              }\n              firstDayOfWeek={this.firstDayOfWeek}\n              numberOfCalendars={this.numberOfCalendars}\n              min={this.min}\n              max={this.max}\n              locale={this.locale}\n              shortcutsPlacement={this.shortcutsPlacement}\n              showActions={this.showActions}\n              shortcuts={this.shortcuts}\n              showWeekNumbers={this.showWeekNumbers}\n              disabledDates={this.disabledDates}\n              selectionType=\"range\"\n            ></nv-calendar>\n          </div>\n        </nv-popover>\n\n        {((this.description && this.description.length > 0) ||\n          this.el.querySelector('[slot=\"description\"]')) && (\n          <div class=\"description\">\n            <slot name=\"description\">{this.description}</slot>\n          </div>\n        )}\n\n        {(this.errorDescription ||\n          this.el.querySelector('[slot=\"error-description\"]')) && (\n          <div hidden={!this.error} class=\"error-description\">\n            {this.el.querySelector('[slot=\"error-description\"]') ? (\n              <slot name=\"error-description\"></slot>\n            ) : (\n              this.errorDescription\n            )}\n          </div>\n        )}\n\n        <slot></slot>\n      </Host>\n    );\n  }\n  //#endregion RENDER\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/native/p-84a73e2a.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as r,h as o,a as t,g as i}from"./p-ab002252.js";import{v as n}from"./p-f5ff676c.js";const d='nv-fieldtext{--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}nv-fieldtext[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-fieldtext[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)}nv-fieldtext[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-fieldtext[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fieldtext>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-fieldtext>.input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtext>.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}nv-fieldtext>.input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtext>.input-wrapper .input-container:focus-within,nv-fieldtext>.input-wrapper .input-container:focus-within:hover,nv-fieldtext>.input-wrapper .input-container:focus,nv-fieldtext>.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-fieldtext>.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-fieldtext>.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-fieldtext>.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)}nv-fieldtext>.input-wrapper .input-container input:focus{outline:none}nv-fieldtext>.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-fieldtext>.input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default);margin-right:var(--form-gap-x)}nv-fieldtext>.description{align-self:stretch;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-fieldtext>.error-description{align-self:stretch;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 a=d;const l=class{constructor(o){e(this,o);this.valueChanged=r(this,"valueChanged",7);this.inputId=n();this.type="text";this.disabled=false;this.readonly=false;this.required=false;this.error=false;this.success=false;this.multiple=false;this.autofocus=false;this.handleInput=e=>{const r=e.target;this.value=r.value;this.valueChanged.emit(r.value)};this.handleInputContainerClick=()=>{this.inputElement.focus()}}componentWillRender(){if(this.textInputType){this.type=this.textInputType}if(this.message){this.description=this.message}if(this.validation){this.errorDescription=this.validation;this.error=true}}render(){return o(t,{key:"e4891525becd4b0757ec380d45d9694ebc6c3318"},(this.label||this.el.querySelector('[slot="label"]'))&&o("label",{key:"1157e609be8150d014e9190dcf53f74bcee20119",htmlFor:this.inputId},o("slot",{key:"888fb12e994f6f4f47bc2be496cd74aeedb628c0",name:"label"},this.label)),o("div",{key:"0555b12dbbe5fa81f5af464d3b48c35b243aec32",class:"input-wrapper"},o("slot",{key:"5210a9b903c560775453741d8815286dbe8bbb53",name:"before-input"}),o("div",{key:"7bc11232dfa46706982bf3645054a7a1f67832f9",class:"input-container",onClick:this.handleInputContainerClick},o("slot",{key:"87abc6976b432a3dc51246c97564108f9baccff8",name:"leading-input"}),o("input",{key:"b0c3e30bc5363f6b49ea1361005e125826184016",id:this.inputId,ref:e=>this.inputElement=e,placeholder:this.placeholder,name:this.name,type:this.type,disabled:this.disabled,readOnly:this.readonly,required:this.required,maxlength:this.maxlength,minlength:this.minlength,pattern:this.pattern,autofocus:this.autofocus,autocomplete:this.autocomplete,multiple:this.multiple,value:this.value,onInput:this.handleInput}),this.error&&o("nv-icon",{key:"5e359bc40906bbf2c63eb7d196dd8294b15dd672",name:"alert-circle",class:"validation",size:"md"}),this.success&&o("nv-icon",{key:"4812b31e512bf388fa84f9d35a949de5f9b86d59",name:"circle-check",class:"validation",size:"md"})),o("slot",{key:"06922c63f02470be6c74ee6ba4bf93baabd03e57",name:"after-input"})),(this.description||this.el.querySelector('[slot="description"]'))&&o("div",{key:"960bcb53a55aed3e1b8cd1b193ad26f5c6b151fd",class:"description"},o("slot",{key:"07c09b8543e9b91928821a100869943de94a65a7",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&o("div",{key:"456d00a47f01f70938d99faa774da1a9e51b036d",hidden:!this.error,class:"error-description"},o("slot",{key:"590aef8c37efd2fa472c9b7b92fd82d29c4e6d39",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return i(this)}};l.style=a;export{l as nv_fieldtext};
-//# sourceMappingURL=p-84a73e2a.entry.js.map

package/dist/native/p-84a73e2a.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["nvFieldtextCss","NvFieldtextStyle0","NvFieldtext","constructor","hostRef","this","inputId","uuidv4","type","disabled","readonly","required","error","success","multiple","autofocus","handleInput","event","input","target","value","valueChanged","emit","handleInputContainerClick","inputElement","focus","componentWillRender","textInputType","message","description","validation","errorDescription","render","h","Host","key","label","el","querySelector","htmlFor","name","class","onClick","id","ref","e","placeholder","readOnly","maxlength","minlength","pattern","autocomplete","onInput","size","hidden"],"sources":["src/components/nv-fieldtext/nv-fieldtext.scss?tag=nv-fieldtext","src/components/nv-fieldtext/nv-fieldtext.tsx"],"sourcesContent":["@import \"../../styles/form-field\";\n\nnv-fieldtext {\n  @include form-field-variables();\n  @include form-field-root();\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      input {\n        @include form-field-input();\n      }\n\n      nv-icon.validation {\n        @include form-field-icon();\n        margin-right: var(--form-gap-x);\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  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\n\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-fieldtext',\n  shadow: false,\n  formAssociated: true,\n  styleUrl: 'nv-fieldtext.scss',\n})\nexport class NvFieldtext {\n  @Element() el: HTMLNvFieldtextElement;\n  private inputElement!: HTMLInputElement;\n\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Message defines a 'hint ' message for the Text Field.\n   * @deprecated Use `description` instead.\n   */\n  @Prop({ reflect: true })\n  readonly message: string;\n\n  /**\n   * Add the message to the validation state.\n   * @deprecated Use `errorDescription` and set the error prop instead.\n   */\n  @Prop({ reflect: true })\n  readonly validation: string;\n\n  /**\n   * Type of the input.\n   * @deprecated use type instead.\n   */\n  @Prop({ reflect: true })\n  readonly textInputType: 'text' | 'tel' | 'email';\n\n  //#endregion DEPRECATED\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  @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 type prop lets you specify what kind of information the input field\n   * should accept. Choose 'text' for general words or sentences, 'tel' for\n   * phone numbers, or 'email' for email addresses. This makes sure users get\n   * the right keyboard and validation for what they need to enter.\n   */\n  @Prop({ reflect: true, mutable: true })\n  type: 'text' | 'tel' | 'email' = 'text';\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, mutable: true })\n  error: boolean = false;\n\n  /**\n   * A description that appears when there is an error related to the textfield\n   * field.\n   * @validator message\n   */\n  @Prop({ reflect: true, mutable: true })\n  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 after the form is submitted.\n   */\n  @Prop({ reflect: true })\n  readonly pattern: string;\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}`;\n\n  /**\n   * When used with the email input type, this prop enables the field to accept\n   * multiple email addresses. Users can enter several addresses, separating\n   * each one with a comma, allowing the form to handle multiple recipients.\n   */\n  @Prop({ reflect: true })\n  readonly multiple: boolean = false;\n\n  /**\n   * Applies focus to the input field as soon as the component is mounted. This\n   * is equivalent to setting the native autofocus attribute on an <input>\n   * element.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * 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  /**\n   * Handles the input event on the input element.\n   * Emits the inputChanged event with the new value.\n   * @param {Event} event - Event object of the input event.\n   */\n  private handleInput = (event: Event) => {\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    this.valueChanged.emit(input.value);\n  };\n\n  /**\n   * Handles focus when the input container is clicked.\n   */\n  private handleInputContainerClick = () => {\n    this.inputElement.focus();\n  };\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillRender() {\n    if (this.textInputType) {\n      this.type = this.textInputType;\n    }\n\n    if (this.message) {\n      this.description = this.message;\n    }\n\n    if (this.validation) {\n      this.errorDescription = this.validation;\n      this.error = true;\n    }\n  }\n\n  //#endregion LIFECYCLE\n  /****************************************************************************/\n  //#region RENDER\n\n  render() {\n    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              placeholder={this.placeholder}\n              name={this.name}\n              type={this.type}\n              disabled={this.disabled}\n              readOnly={this.readonly}\n              required={this.required}\n              maxlength={this.maxlength}\n              minlength={this.minlength}\n              pattern={this.pattern}\n              autofocus={this.autofocus}\n              autocomplete={this.autocomplete}\n              multiple={this.multiple}\n              value={this.value}\n              onInput={this.handleInput}\n            />\n\n            {this.error && (\n              <nv-icon name=\"alert-circle\" class=\"validation\" size=\"md\" />\n            )}\n            {this.success && (\n              <nv-icon name=\"circle-check\" class=\"validation\" size=\"md\" />\n            )}\n          </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,EAAiB,k2JACvB,MAAAC,EAAeD,E,MC0BFE,EAAW,MANxB,WAAAC,CAAAC,G,qDA6CWC,KAAAC,QAAkBC,IAkD3BF,KAAAG,KAAiC,OAQxBH,KAAAI,SAAoB,MAQpBJ,KAAAK,SAAoB,MAOpBL,KAAAM,SAAoB,MAQ7BN,KAAAO,MAAiB,MAeRP,KAAAQ,QAAmB,MA0CnBR,KAAAS,SAAoB,MASpBT,KAAAU,UAAqB,MAsBtBV,KAAAW,YAAeC,IACrB,MAAMC,EAAQD,EAAME,OACpBd,KAAKe,MAAQF,EAAME,MACnBf,KAAKgB,aAAaC,KAAKJ,EAAME,MAAM,EAM7Bf,KAAAkB,0BAA4B,KAClClB,KAAKmB,aAAaC,OAAO,C,CAO3B,mBAAAC,GACE,GAAIrB,KAAKsB,cAAe,CACtBtB,KAAKG,KAAOH,KAAKsB,a,CAGnB,GAAItB,KAAKuB,QAAS,CAChBvB,KAAKwB,YAAcxB,KAAKuB,O,CAG1B,GAAIvB,KAAKyB,WAAY,CACnBzB,KAAK0B,iBAAmB1B,KAAKyB,WAC7BzB,KAAKO,MAAQ,I,EAQjB,MAAAoB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,6CACD9B,KAAK+B,OAAS/B,KAAKgC,GAAGC,cAAc,oBACpCL,EAAA,SAAAE,IAAA,2CAAOI,QAASlC,KAAKC,SACnB2B,EAAA,QAAAE,IAAA,2CAAMK,KAAK,SAASnC,KAAK+B,QAI7BH,EAAA,OAAAE,IAAA,2CAAKM,MAAM,iBACTR,EAAA,QAAAE,IAAA,2CAAMK,KAAK,iBAEXP,EAAA,OAAAE,IAAA,2CAAKM,MAAM,kBAAkBC,QAASrC,KAAKkB,2BACzCU,EAAA,QAAAE,IAAA,2CAAMK,KAAK,kBAEXP,EAAA,SAAAE,IAAA,2CACEQ,GAAItC,KAAKC,QACTsC,IAAKC,GAAMxC,KAAKmB,aAAeqB,EAC/BC,YAAazC,KAAKyC,YAClBN,KAAMnC,KAAKmC,KACXhC,KAAMH,KAAKG,KACXC,SAAUJ,KAAKI,SACfsC,SAAU1C,KAAKK,SACfC,SAAUN,KAAKM,SACfqC,UAAW3C,KAAK2C,UAChBC,UAAW5C,KAAK4C,UAChBC,QAAS7C,KAAK6C,QACdnC,UAAWV,KAAKU,UAChBoC,aAAc9C,KAAK8C,aACnBrC,SAAUT,KAAKS,SACfM,MAAOf,KAAKe,MACZgC,QAAS/C,KAAKW,cAGfX,KAAKO,OACJqB,EAAA,WAAAE,IAAA,2CAASK,KAAK,eAAeC,MAAM,aAAaY,KAAK,OAEtDhD,KAAKQ,SACJoB,EAAA,WAAAE,IAAA,2CAASK,KAAK,eAAeC,MAAM,aAAaY,KAAK,QAIzDpB,EAAA,QAAAE,IAAA,2CAAMK,KAAK,kBAGXnC,KAAKwB,aACLxB,KAAKgC,GAAGC,cAAc,0BACtBL,EAAA,OAAAE,IAAA,2CAAKM,MAAM,eACTR,EAAA,QAAAE,IAAA,2CAAMK,KAAK,eAAenC,KAAKwB,eAIjCxB,KAAK0B,kBACL1B,KAAKgC,GAAGC,cAAc,gCACtBL,EAAA,OAAAE,IAAA,2CAAKmB,QAASjD,KAAKO,MAAO6B,MAAM,qBAC9BR,EAAA,QAAAE,IAAA,2CAAMK,KAAK,qBAAqBnC,KAAK0B,mB","ignoreList":[]}

package/dist/native/p-93dc2f47.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as r,h as a,a as t,g as o}from"./p-ab002252.js";import{c as i}from"./p-8a1a6e56.js";import{v as d}from"./p-f5ff676c.js";const n='nv-fieldtextarea{--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}nv-fieldtextarea[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-fieldtextarea[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)}nv-fieldtextarea[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-fieldtextarea[required]:not([required=false]) label::after{content:"*";color:var(--components-form-text-required);font-weight:700}nv-fieldtextarea 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-fieldtextarea .textarea-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtextarea .textarea-wrapper .textarea-container{display:flex;flex-grow:1;padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);justify-content:center;align-items:center;gap:var(--form-field-gap);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);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtextarea .textarea-wrapper .textarea-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtextarea .textarea-wrapper .textarea-container:focus-within{border-color:var(--nv-field-border-focus);box-shadow:0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:read-only){opacity:0.5;background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtextarea .textarea-wrapper .textarea-container:has(textarea:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);text-overflow:ellipsis;font-size:var(--form-field-font-size);font-style:normal;font-weight:500;line-height:var(--form-field-line-height)}nv-fieldtextarea .textarea-wrapper .textarea-container textarea:focus{outline:none}nv-fieldtextarea .textarea-wrapper .textarea-container textarea::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-fieldtextarea .textarea-wrapper .textarea-container nv-icon.validation{color:var(--nv-field-border-default)}nv-fieldtextarea .description{align-self:stretch;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-fieldtextarea .error-description{align-self:stretch;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 s=n;const l=class{constructor(a){e(this,a);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.rows=3;this.resize="vertical";this.autosize=false;this.autofocus=false;this.handleTextarea=e=>{const r=e.target;this.value=r.value;this.valueChanged.emit(r.value)};this.handleTextareaContainerClick=()=>{this.textareaElement.focus()}}rowsChanged(){if(this.autosize){this.adjustTextareaHeight()}}autosizeChanged(){var e;if(this.autosize){this.adjustTextareaHeight()}else{(e=this.textareaElement)===null||e===void 0?void 0:e.style.removeProperty("height")}}handleValueChange(){if(this.autosize){this.adjustTextareaHeight()}}adjustTextareaHeight(){if(this.textareaElement&&this.autosize){requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.textareaElement.style.height="auto";const e=window.getComputedStyle(this.textareaElement);const r=parseFloat(e.lineHeight);const a=parseFloat(e.paddingTop);const t=parseFloat(e.paddingBottom);const o=parseFloat(e.borderTopWidth);const i=parseFloat(e.borderBottomWidth);const d=r*this.rows+a+t+o+i;this.textareaElement.style.minHeight=`${d}px`;this.textareaElement.style.height=this.textareaElement.scrollHeight+"px"}))}))}}componentWillRender(){if(this.message){this.description=this.message}if(this.validation){this.errorDescription=this.validation;this.error=true}}componentDidLoad(){if(this.autosize){this.adjustTextareaHeight()}}render(){return a(t,{key:"606902cda67b3f523ab32d8e9c6fd11b6bc0f3a7"},(this.label||this.el.querySelector('[slot="label"]'))&&a("label",{key:"3167dfd5f17028ad20a82b5646ccfa788a5bbb86",htmlFor:this.inputId},a("slot",{key:"ae98d87f3e1b7cb2864b6b7e7183d3a37c1a7e14",name:"label"},this.label)),a("div",{key:"8f25bdadd8f94938dc9b6c631b0586fc6bcbc37c",class:"textarea-wrapper"},a("div",{key:"6568df9f332e8bca84445ba596d6eceaaed64b9e",class:"textarea-container",onClick:this.handleTextareaContainerClick},a("textarea",{key:"fca9ba5bd6925cc1a201625e5785ad451fc8849b",id:this.inputId,ref:e=>this.textareaElement=e,placeholder:this.placeholder,autofocus:this.autofocus,name:this.name,disabled:this.disabled,readOnly:this.readonly,required:this.required,maxlength:this.maxlength,minlength:this.minlength,autocomplete:"off",value:this.value,onInput:this.handleTextarea,rows:this.rows,class:i(this.resize==="none"&&"resize-none",this.resize==="vertical"&&"resize-y",this.resize==="horizontal"&&"resize-x",this.resize==="both"&&"resize")}))),(this.description||this.el.querySelector('[slot="description"]'))&&a("div",{key:"c5c8c1999105df446a603a3e02f431ad37de4c5e",class:"description"},a("slot",{key:"bbcea14c7585e1ff1c995eb4f21cb532a160ed40",name:"description"},this.description)),(this.errorDescription||this.el.querySelector('[slot="error-description"]'))&&a("div",{key:"2d43d92b5c9b93faeac45bdcfa142d4dfd70511a",hidden:!this.error,class:"error-description"},a("slot",{key:"33514ea705969b353f11c49ca65090706e6aadf8",name:"error-description"},this.errorDescription)))}static get formAssociated(){return true}get el(){return o(this)}static get watchers(){return{rows:["rowsChanged"],autosize:["autosizeChanged"],value:["handleValueChange"]}}};l.style=s;export{l as nv_fieldtextarea};
-//# sourceMappingURL=p-93dc2f47.entry.js.map

package/dist/native/p-93dc2f47.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["nvFieldtextareaCss","NvFieldtextareaStyle0","NvFieldtextarea","constructor","hostRef","this","inputId","uuidv4","disabled","readonly","required","error","success","rows","resize","autosize","autofocus","handleTextarea","event","textarea","target","value","valueChanged","emit","handleTextareaContainerClick","textareaElement","focus","rowsChanged","adjustTextareaHeight","autosizeChanged","_a","style","removeProperty","handleValueChange","requestAnimationFrame","height","computedStyle","window","getComputedStyle","lineHeight","parseFloat","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth","minHeight","scrollHeight","componentWillRender","message","description","validation","errorDescription","componentDidLoad","render","h","Host","key","label","el","querySelector","htmlFor","name","class","onClick","id","ref","e","placeholder","readOnly","maxlength","minlength","autocomplete","onInput","clsx","hidden"],"sources":["src/components/nv-fieldtextarea/nv-fieldtextarea.scss?tag=nv-fieldtextarea","src/components/nv-fieldtextarea/nv-fieldtextarea.tsx"],"sourcesContent":["@import \"../../styles/form-field\";\n\n@mixin form-field-textarea-wrapper() {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--form-gap-x);\n  align-items: stretch;\n  align-self: stretch;\n}\n\n@mixin form-field-textarea-container() {\n  display: flex;\n  flex-grow: 1;\n  padding: calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);\n  justify-content: center;\n  align-items: center;\n  gap: var(--form-field-gap);\n  align-self: stretch;\n  border-radius: var(--form-field-radius);\n  border-width: 1px;\n  border-style: solid;\n  border-color: var(--nv-field-border-default);\n  opacity: var(--components-form-opacity-default);\n  background: var(--nv-field-background);\n  transition: all 150ms ease-out;\n\n  &:hover {\n    border-color: var(--nv-field-border-hover);\n  }\n\n  &:focus-within {\n    border-color: var(--nv-field-border-focus);\n    box-shadow: 0 0 0 var(--focus-field-stroke) var(--nv-field-focus-box-shadow);\n  }\n  // Keep  ReadOnly before Disabled\n  &:has(textarea:read-only) {\n    // opacity: var(--components-form-opacity-readonly, 0.5); broken token generation, is 50px instead of 0.5\n    opacity: 0.5;\n    background-color: var(--components-form-field-background-readonly);\n    border-color: var(--nv-field-border-readonly);\n  }\n\n  &:has(textarea:disabled) {\n    // opacity: var(--components-form-opacity-disabled, 0.5); broken token generation, is 50px instead of 0.5\n    opacity: 0.5;\n    background-color: var(--components-form-field-background-disabled);\n    border-color: var(--nv-field-border-disabled);\n  }\n}\n\n@mixin form-field-textarea() {\n  display: flex;\n  align-items: center;\n  flex: 1 0 0;\n  overflow: hidden;\n  background-color: transparent;\n  color: var(--components-form-field-content-text);\n  text-overflow: ellipsis;\n  font-size: var(--form-field-font-size);\n  font-style: normal;\n  font-weight: 500;\n  line-height: var(--form-field-line-height);\n\n  &:focus {\n    outline: none;\n  }\n\n  &::placeholder {\n    overflow: hidden;\n    color: var(--components-form-field-content-placeholder);\n    text-overflow: ellipsis;\n    font-family: \"TT Norms Pro\", sans-serif;\n    font-size: var(--form-field-font-size);\n    font-style: normal;\n    font-weight: 400;\n    line-height: var(--form-field-line-height);\n  }\n}\n\nnv-fieldtextarea {\n  @include form-field-variables();\n  @include form-field-root();\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  .textarea-wrapper {\n    @include form-field-textarea-wrapper();\n\n    .textarea-container {\n      @include form-field-textarea-container();\n\n      textarea {\n        @include form-field-textarea();\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  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  Watch,\n} from '@stencil/core';\nimport { v4 as uuidv4 } from 'uuid';\nimport clsx from 'clsx';\n\n/**\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-fieldtextarea',\n  shadow: false,\n  formAssociated: true,\n  styleUrl: 'nv-fieldtextarea.scss',\n})\nexport class NvFieldtextarea {\n  @Element() el: HTMLNvFieldtextareaElement;\n  private textareaElement!: HTMLTextAreaElement;\n\n  /****************************************************************************/\n  //#region DEPRECATED\n\n  /**\n   * Message defines a 'hint ' message for the Text Field.\n   * @deprecated Use `description` instead.\n   */\n  @Prop({ reflect: true })\n  readonly message: string;\n\n  /**\n   * Add the message to the validation state.\n   * @deprecated Use `errorDescription` and set the error prop instead.\n   */\n  @Prop({ reflect: true })\n  readonly validation: string;\n\n  //#endregion DEPRECATED\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   * textarea 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 textarea 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  @Prop({ reflect: true, mutable: true })\n  description: string;\n\n  /**\n   * Display temporary text inside the textarea 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 textarea 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 textarea’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 textarea field, which determines the text displayed\n   * within the field. This prop is typically used in controlled components\n   * where the textarea’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 textarea 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 textarea 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 textarea 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 textarea field’s appearance to indicate an error, helping users\n   * identify fields that need correction.\n   * @validator error\n   */\n  @Prop({ reflect: true, mutable: true })\n  error: boolean = false;\n\n  /**\n   * Show a helpful message under the textarea field when there’s a problem. It\n   * explains what’s wrong and how users can fix it, making the error easier to\n   * understand and resolve.\n   * @validator message\n   */\n  @Prop({ reflect: true, mutable: true })\n  errorDescription: string;\n\n  /**\n   * Changes the textarea field’s appearance to indicate successful textarea 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 textarea field. It’s\n   * helpful for making sure users don’t enter too much information, keeping\n   * their textarea 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   * textarea 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   * The number of visible text lines for the control. The default is 3. This\n   * can be useful when you want to limit the size of the textarea field or when\n   * you want to make the textarea field smaller to fit a specific layout. The\n   * textarea field will expand vertically to fit the text as the user types.\n   */\n  @Prop({ reflect: true })\n  readonly rows: number = 3;\n\n  /**\n   * Controls the resize property of a textarea. It can be set to none, both,\n   * horizontal, or vertical. The default is vertical.\n   */\n  @Prop({ reflect: true })\n  readonly resize: 'none' | 'both' | 'horizontal' | 'vertical' = 'vertical';\n\n  /**\n   * Enable this to make the textarea automatically resize as the user types,\n   * adjusting the height to fit the content. For the best experience, avoid\n   * vertical resizing, as it’s controlled by this feature. Horizontal resizing\n   * can still be allowed if desired.\n   */\n  @Prop({ reflect: true })\n  readonly autosize: boolean = false;\n\n  /**\n   * Applies focus to the input field as soon as the component is mounted. This\n   * is equivalent to setting the native autofocus attribute on a <textarea>\n   * element.\n   */\n  @Prop({ reflect: true })\n  // eslint-disable-next-line @stencil-community/reserved-member-names\n  readonly autofocus: boolean = false;\n\n  //#endregion PROPERTIES\n  /****************************************************************************/\n  //#region EVENTS\n\n  /**\n   * Emitted when the textarea value changes.\n   * @bind value\n   */\n  @Event()\n  valueChanged: EventEmitter<string>;\n\n  //#endregion EVENTS\n  /****************************************************************************/\n  //#region WATCHERS\n\n  /**\n   * If autosize is true, we need to make sure to update the min-height when\n   * the rows change.\n   */\n  @Watch('rows')\n  rowsChanged() {\n    if (this.autosize) {\n      this.adjustTextareaHeight();\n    }\n  }\n\n  /**\n   * If autosize is true, we need to make sure to update the height and\n   * min-height, if false, we need to remove the height property.\n   */\n  @Watch('autosize')\n  autosizeChanged() {\n    if (this.autosize) {\n      this.adjustTextareaHeight();\n    } else {\n      this.textareaElement?.style.removeProperty('height');\n    }\n  }\n\n  /**\n   * Make sure to adjust the height of the textarea when the value changes\n   * programmatically or by typing when autosize is on.\n   */\n  @Watch('value')\n  handleValueChange() {\n    if (this.autosize) {\n      this.adjustTextareaHeight();\n    }\n  }\n\n  //#endregion WATCHERS\n  /****************************************************************************/\n  //#region METHODS\n\n  private handleTextarea = (event: Event) => {\n    const textarea = event.target as HTMLTextAreaElement;\n    this.value = textarea.value;\n    this.valueChanged.emit(textarea.value);\n  };\n\n  private handleTextareaContainerClick = () => {\n    this.textareaElement.focus();\n  };\n\n  private adjustTextareaHeight() {\n    if (this.textareaElement && this.autosize) {\n      /**\n       * The first requestAnimationFrame ensures that the DOM has applied any\n       * pending changes (e.g., value updates or attribute changes) before\n       * proceeding to the next frame.\n       */\n      requestAnimationFrame(() => {\n        /**\n         * The second requestAnimationFrame ensures that the browser has fully\n         * recalculated layout and styles based on the updated DOM, such as\n         * recalculating scrollHeight for the textarea after the new value is\n         * rendered.\n         */\n        requestAnimationFrame(() => {\n          this.textareaElement.style.height = 'auto';\n\n          const computedStyle = window.getComputedStyle(this.textareaElement);\n          const lineHeight = parseFloat(computedStyle.lineHeight);\n          const paddingTop = parseFloat(computedStyle.paddingTop);\n          const paddingBottom = parseFloat(computedStyle.paddingBottom);\n          const borderTopWidth = parseFloat(computedStyle.borderTopWidth);\n          const borderBottomWidth = parseFloat(computedStyle.borderBottomWidth);\n\n          // Calculate min-height based on rows\n          const minHeight =\n            lineHeight * this.rows +\n            paddingTop +\n            paddingBottom +\n            borderTopWidth +\n            borderBottomWidth;\n\n          this.textareaElement.style.minHeight = `${minHeight}px`;\n          this.textareaElement.style.height =\n            this.textareaElement.scrollHeight + 'px';\n        });\n      });\n    }\n  }\n\n  //#endregion METHODS\n  /****************************************************************************/\n  //#region LIFECYCLE\n\n  componentWillRender() {\n    if (this.message) {\n      this.description = this.message;\n    }\n\n    if (this.validation) {\n      this.errorDescription = this.validation;\n      this.error = true;\n    }\n  }\n\n  componentDidLoad() {\n    if (this.autosize) {\n      this.adjustTextareaHeight();\n    }\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=\"textarea-wrapper\">\n          <div\n            class=\"textarea-container\"\n            onClick={this.handleTextareaContainerClick}\n          >\n            <textarea\n              id={this.inputId}\n              ref={e => (this.textareaElement = e)}\n              placeholder={this.placeholder}\n              autofocus={this.autofocus}\n              name={this.name}\n              disabled={this.disabled}\n              readOnly={this.readonly}\n              required={this.required}\n              maxlength={this.maxlength}\n              minlength={this.minlength}\n              autocomplete=\"off\"\n              value={this.value}\n              onInput={this.handleTextarea}\n              rows={this.rows}\n              class={clsx(\n                this.resize === 'none' && 'resize-none',\n                this.resize === 'vertical' && 'resize-y',\n                this.resize === 'horizontal' && 'resize-x',\n                this.resize === 'both' && 'resize',\n              )}\n            />\n          </div>\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":"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","ignoreList":[]}

package/dist/native/p-9a267f16.entry.js

@@ -1,13 +0,0 @@
-import{r as n,c as t,h as e,a as l,g as r}from"./p-ab002252.js";import{d as o,e as u}from"./p-cb34aa4f.js";
-/**
-   * table-core
-   *
-   * Copyright (c) TanStack
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE.md file in the root directory of this source tree.
-   *
-   * @license MIT
-   */
-function i(){return{accessor:(n,t)=>typeof n==="function"?{...t,accessorFn:n}:{...t,accessorKey:n},display:n=>n,group:n=>n}}function s(n,t){return typeof n==="function"?n(t):n}function a(n,t){return e=>{t.setState((t=>({...t,[n]:s(e,t[n])})))}}function c(n){return n instanceof Function}function f(n){return Array.isArray(n)&&n.every((n=>typeof n==="number"))}function d(n,t){const e=[];const l=n=>{n.forEach((n=>{e.push(n);const r=t(n);if(r!=null&&r.length){l(r)}}))};l(n);return e}function v(n,t,e){let l=[];let r;return o=>{let u;if(e.key&&e.debug)u=Date.now();const i=n(o);const s=i.length!==l.length||i.some(((n,t)=>l[t]!==n));if(!s){return r}l=i;let a;if(e.key&&e.debug)a=Date.now();r=t(...i);e==null||e.onChange==null||e.onChange(r);if(e.key&&e.debug){if(e!=null&&e.debug()){const n=Math.round((Date.now()-u)*100)/100;const t=Math.round((Date.now()-a)*100)/100;const l=t/16;const r=(n,t)=>{n=String(n);while(n.length<t){n=" "+n}return n};console.info(`%c⏱ ${r(t,5)} /${r(n,5)} ms`,`\n            font-size: .6rem;\n            font-weight: bold;\n            color: hsl(${Math.max(0,Math.min(120-120*l,120))}deg 100% 31%);`,e==null?void 0:e.key)}}return r}}function h(n,t,e,l){return{debug:()=>{var e;return(e=n==null?void 0:n.debugAll)!=null?e:n[t]},key:"production"==="development",onChange:l}}function g(n,t,e,l){const r=()=>{var t;return(t=o.getValue())!=null?t:n.options.renderFallbackValue};const o={id:`${t.id}_${e.id}`,row:t,column:e,getValue:()=>t.getValue(l),renderValue:r,getContext:v((()=>[n,e,t,o]),((n,t,e,l)=>({table:n,column:t,row:e,cell:l,getValue:l.getValue,renderValue:l.renderValue})),h(n.options,"debugCells"))};n._features.forEach((l=>{l.createCell==null||l.createCell(o,e,t,n)}),{});return o}function b(n,t,e,l){var r,o;const u=n._getDefaultColumnDef();const i={...u,...t};const s=i.accessorKey;let a=(r=(o=i.id)!=null?o:s?typeof String.prototype.replaceAll==="function"?s.replaceAll(".","_"):s.replace(/\./g,"_"):undefined)!=null?r:typeof i.header==="string"?i.header:undefined;let c;if(i.accessorFn){c=i.accessorFn}else if(s){if(s.includes(".")){c=n=>{let t=n;for(const n of s.split(".")){var e;t=(e=t)==null?void 0:e[n]}return t}}else{c=n=>n[i.accessorKey]}}if(!a){throw new Error}let f={id:`${String(a)}`,accessorFn:c,parent:l,depth:e,columnDef:i,columns:[],getFlatColumns:v((()=>[true]),(()=>{var n;return[f,...(n=f.columns)==null?void 0:n.flatMap((n=>n.getFlatColumns()))]}),h(n.options,"debugColumns")),getLeafColumns:v((()=>[n._getOrderColumnsFn()]),(n=>{var t;if((t=f.columns)!=null&&t.length){let t=f.columns.flatMap((n=>n.getLeafColumns()));return n(t)}return[f]}),h(n.options,"debugColumns"))};for(const t of n._features){t.createColumn==null||t.createColumn(f,n)}return f}const p="debugHeaders";function m(n,t,e){var l;const r=(l=e.id)!=null?l:t.id;let o={id:r,column:t,index:e.index,isPlaceholder:!!e.isPlaceholder,placeholderId:e.placeholderId,depth:e.depth,subHeaders:[],colSpan:0,rowSpan:0,headerGroup:null,getLeafHeaders:()=>{const n=[];const t=e=>{if(e.subHeaders&&e.subHeaders.length){e.subHeaders.map(t)}n.push(e)};t(o);return n},getContext:()=>({table:n,header:o,column:t})};n._features.forEach((t=>{t.createHeader==null||t.createHeader(o,n)}));return o}const w={createTable:n=>{n.getHeaderGroups=v((()=>[n.getAllColumns(),n.getVisibleLeafColumns(),n.getState().columnPinning.left,n.getState().columnPinning.right]),((t,e,l,r)=>{var o,u;const i=(o=l==null?void 0:l.map((n=>e.find((t=>t.id===n)))).filter(Boolean))!=null?o:[];const s=(u=r==null?void 0:r.map((n=>e.find((t=>t.id===n)))).filter(Boolean))!=null?u:[];const a=e.filter((n=>!(l!=null&&l.includes(n.id))&&!(r!=null&&r.includes(n.id))));const c=y(t,[...i,...a,...s],n);return c}),h(n.options,p));n.getCenterHeaderGroups=v((()=>[n.getAllColumns(),n.getVisibleLeafColumns(),n.getState().columnPinning.left,n.getState().columnPinning.right]),((t,e,l,r)=>{e=e.filter((n=>!(l!=null&&l.includes(n.id))&&!(r!=null&&r.includes(n.id))));return y(t,e,n,"center")}),h(n.options,p));n.getLeftHeaderGroups=v((()=>[n.getAllColumns(),n.getVisibleLeafColumns(),n.getState().columnPinning.left]),((t,e,l)=>{var r;const o=(r=l==null?void 0:l.map((n=>e.find((t=>t.id===n)))).filter(Boolean))!=null?r:[];return y(t,o,n,"left")}),h(n.options,p));n.getRightHeaderGroups=v((()=>[n.getAllColumns(),n.getVisibleLeafColumns(),n.getState().columnPinning.right]),((t,e,l)=>{var r;const o=(r=l==null?void 0:l.map((n=>e.find((t=>t.id===n)))).filter(Boolean))!=null?r:[];return y(t,o,n,"right")}),h(n.options,p));n.getFooterGroups=v((()=>[n.getHeaderGroups()]),(n=>[...n].reverse()),h(n.options,p));n.getLeftFooterGroups=v((()=>[n.getLeftHeaderGroups()]),(n=>[...n].reverse()),h(n.options,p));n.getCenterFooterGroups=v((()=>[n.getCenterHeaderGroups()]),(n=>[...n].reverse()),h(n.options,p));n.getRightFooterGroups=v((()=>[n.getRightHeaderGroups()]),(n=>[...n].reverse()),h(n.options,p));n.getFlatHeaders=v((()=>[n.getHeaderGroups()]),(n=>n.map((n=>n.headers)).flat()),h(n.options,p));n.getLeftFlatHeaders=v((()=>[n.getLeftHeaderGroups()]),(n=>n.map((n=>n.headers)).flat()),h(n.options,p));n.getCenterFlatHeaders=v((()=>[n.getCenterHeaderGroups()]),(n=>n.map((n=>n.headers)).flat()),h(n.options,p));n.getRightFlatHeaders=v((()=>[n.getRightHeaderGroups()]),(n=>n.map((n=>n.headers)).flat()),h(n.options,p));n.getCenterLeafHeaders=v((()=>[n.getCenterFlatHeaders()]),(n=>n.filter((n=>{var t;return!((t=n.subHeaders)!=null&&t.length)}))),h(n.options,p));n.getLeftLeafHeaders=v((()=>[n.getLeftFlatHeaders()]),(n=>n.filter((n=>{var t;return!((t=n.subHeaders)!=null&&t.length)}))),h(n.options,p));n.getRightLeafHeaders=v((()=>[n.getRightFlatHeaders()]),(n=>n.filter((n=>{var t;return!((t=n.subHeaders)!=null&&t.length)}))),h(n.options,p));n.getLeafHeaders=v((()=>[n.getLeftHeaderGroups(),n.getCenterHeaderGroups(),n.getRightHeaderGroups()]),((n,t,e)=>{var l,r,o,u,i,s;return[...(l=(r=n[0])==null?void 0:r.headers)!=null?l:[],...(o=(u=t[0])==null?void 0:u.headers)!=null?o:[],...(i=(s=e[0])==null?void 0:s.headers)!=null?i:[]].map((n=>n.getLeafHeaders())).flat()}),h(n.options,p))}};function y(n,t,e,l){var r,o;let u=0;const i=function(n,t){if(t===void 0){t=1}u=Math.max(u,t);n.filter((n=>n.getIsVisible())).forEach((n=>{var e;if((e=n.columns)!=null&&e.length){i(n.columns,t+1)}}),0)};i(n);let s=[];const a=(n,t)=>{const r={depth:t,id:[l,`${t}`].filter(Boolean).join("_"),headers:[]};const o=[];n.forEach((n=>{const u=[...o].reverse()[0];const i=n.column.depth===r.depth;let s;let a=false;if(i&&n.column.parent){s=n.column.parent}else{s=n.column;a=true}if(u&&(u==null?void 0:u.column)===s){u.subHeaders.push(n)}else{const r=m(e,s,{id:[l,t,s.id,n==null?void 0:n.id].filter(Boolean).join("_"),isPlaceholder:a,placeholderId:a?`${o.filter((n=>n.column===s)).length}`:undefined,depth:t,index:o.length});r.subHeaders.push(n);o.push(r)}r.headers.push(n);n.headerGroup=r}));s.push(r);if(t>0){a(o,t-1)}};const c=t.map(((n,t)=>m(e,n,{depth:u,index:t})));a(c,u-1);s.reverse();const f=n=>{const t=n.filter((n=>n.column.getIsVisible()));return t.map((n=>{let t=0;let e=0;let l=[0];if(n.subHeaders&&n.subHeaders.length){l=[];f(n.subHeaders).forEach((n=>{let{colSpan:e,rowSpan:r}=n;t+=e;l.push(r)}))}else{t=1}const r=Math.min(...l);e=e+r;n.colSpan=t;n.rowSpan=e;return{colSpan:t,rowSpan:e}}))};f((r=(o=s[0])==null?void 0:o.headers)!=null?r:[]);return s}const C=(n,t,e,l,r,o,u)=>{let i={id:t,index:l,original:e,depth:r,parentId:u,_valuesCache:{},_uniqueValuesCache:{},getValue:t=>{if(i._valuesCache.hasOwnProperty(t)){return i._valuesCache[t]}const e=n.getColumn(t);if(!(e!=null&&e.accessorFn)){return undefined}i._valuesCache[t]=e.accessorFn(i.original,l);return i._valuesCache[t]},getUniqueValues:t=>{if(i._uniqueValuesCache.hasOwnProperty(t)){return i._uniqueValuesCache[t]}const e=n.getColumn(t);if(!(e!=null&&e.accessorFn)){return undefined}if(!e.columnDef.getUniqueValues){i._uniqueValuesCache[t]=[i.getValue(t)];return i._uniqueValuesCache[t]}i._uniqueValuesCache[t]=e.columnDef.getUniqueValues(i.original,l);return i._uniqueValuesCache[t]},renderValue:t=>{var e;return(e=i.getValue(t))!=null?e:n.options.renderFallbackValue},subRows:o!=null?o:[],getLeafRows:()=>d(i.subRows,(n=>n.subRows)),getParentRow:()=>i.parentId?n.getRow(i.parentId,true):undefined,getParentRows:()=>{let n=[];let t=i;while(true){const e=t.getParentRow();if(!e)break;n.push(e);t=e}return n.reverse()},getAllCells:v((()=>[n.getAllLeafColumns()]),(t=>t.map((t=>g(n,i,t,t.id)))),h(n.options,"debugRows")),_getAllCellsByColumnId:v((()=>[i.getAllCells()]),(n=>n.reduce(((n,t)=>{n[t.column.id]=t;return n}),{})),h(n.options,"debugRows"))};for(let t=0;t<n._features.length;t++){const e=n._features[t];e==null||e.createRow==null||e.createRow(i,n)}return i};const S={createColumn:(n,t)=>{n._getFacetedRowModel=t.options.getFacetedRowModel&&t.options.getFacetedRowModel(t,n.id);n.getFacetedRowModel=()=>{if(!n._getFacetedRowModel){return t.getPreFilteredRowModel()}return n._getFacetedRowModel()};n._getFacetedUniqueValues=t.options.getFacetedUniqueValues&&t.options.getFacetedUniqueValues(t,n.id);n.getFacetedUniqueValues=()=>{if(!n._getFacetedUniqueValues){return new Map}return n._getFacetedUniqueValues()};n._getFacetedMinMaxValues=t.options.getFacetedMinMaxValues&&t.options.getFacetedMinMaxValues(t,n.id);n.getFacetedMinMaxValues=()=>{if(!n._getFacetedMinMaxValues){return undefined}return n._getFacetedMinMaxValues()}}};const O=(n,t,e)=>{var l,r;const o=e==null||(l=e.toString())==null?void 0:l.toLowerCase();return Boolean((r=n.getValue(t))==null||(r=r.toString())==null||(r=r.toLowerCase())==null?void 0:r.includes(o))};O.autoRemove=n=>M(n);const _=(n,t,e)=>{var l;return Boolean((l=n.getValue(t))==null||(l=l.toString())==null?void 0:l.includes(e))};_.autoRemove=n=>M(n);const R=(n,t,e)=>{var l;return((l=n.getValue(t))==null||(l=l.toString())==null?void 0:l.toLowerCase())===(e==null?void 0:e.toLowerCase())};R.autoRemove=n=>M(n);const I=(n,t,e)=>{var l;return(l=n.getValue(t))==null?void 0:l.includes(e)};I.autoRemove=n=>M(n)||!(n!=null&&n.length);const T=(n,t,e)=>!e.some((e=>{var l;return!((l=n.getValue(t))!=null&&l.includes(e))}));T.autoRemove=n=>M(n)||!(n!=null&&n.length);const j=(n,t,e)=>e.some((e=>{var l;return(l=n.getValue(t))==null?void 0:l.includes(e)}));j.autoRemove=n=>M(n)||!(n!=null&&n.length);const x=(n,t,e)=>n.getValue(t)===e;x.autoRemove=n=>M(n);const D=(n,t,e)=>n.getValue(t)==e;D.autoRemove=n=>M(n);const z=(n,t,e)=>{let[l,r]=e;const o=n.getValue(t);return o>=l&&o<=r};z.resolveFilterValue=n=>{let[t,e]=n;let l=typeof t!=="number"?parseFloat(t):t;let r=typeof e!=="number"?parseFloat(e):e;let o=t===null||Number.isNaN(l)?-Infinity:l;let u=e===null||Number.isNaN(r)?Infinity:r;if(o>u){const n=o;o=u;u=n}return[o,u]};z.autoRemove=n=>M(n)||M(n[0])&&M(n[1]);const F={includesString:O,includesStringSensitive:_,equalsString:R,arrIncludes:I,arrIncludesAll:T,arrIncludesSome:j,equals:x,weakEquals:D,inNumberRange:z};function M(n){return n===undefined||n===null||n===""}const A={getDefaultColumnDef:()=>({filterFn:"auto"}),getInitialState:n=>({columnFilters:[],...n}),getDefaultOptions:n=>({onColumnFiltersChange:a("columnFilters",n),filterFromLeafRows:false,maxLeafRowFilterDepth:100}),createColumn:(n,t)=>{n.getAutoFilterFn=()=>{const e=t.getCoreRowModel().flatRows[0];const l=e==null?void 0:e.getValue(n.id);if(typeof l==="string"){return F.includesString}if(typeof l==="number"){return F.inNumberRange}if(typeof l==="boolean"){return F.equals}if(l!==null&&typeof l==="object"){return F.equals}if(Array.isArray(l)){return F.arrIncludes}return F.weakEquals};n.getFilterFn=()=>{var e,l;return c(n.columnDef.filterFn)?n.columnDef.filterFn:n.columnDef.filterFn==="auto"?n.getAutoFilterFn():(e=(l=t.options.filterFns)==null?void 0:l[n.columnDef.filterFn])!=null?e:F[n.columnDef.filterFn]};n.getCanFilter=()=>{var e,l,r;return((e=n.columnDef.enableColumnFilter)!=null?e:true)&&((l=t.options.enableColumnFilters)!=null?l:true)&&((r=t.options.enableFilters)!=null?r:true)&&!!n.accessorFn};n.getIsFiltered=()=>n.getFilterIndex()>-1;n.getFilterValue=()=>{var e;return(e=t.getState().columnFilters)==null||(e=e.find((t=>t.id===n.id)))==null?void 0:e.value};n.getFilterIndex=()=>{var e,l;return(e=(l=t.getState().columnFilters)==null?void 0:l.findIndex((t=>t.id===n.id)))!=null?e:-1};n.setFilterValue=e=>{t.setColumnFilters((t=>{const l=n.getFilterFn();const r=t==null?void 0:t.find((t=>t.id===n.id));const o=s(e,r?r.value:undefined);if(B(l,o,n)){var u;return(u=t==null?void 0:t.filter((t=>t.id!==n.id)))!=null?u:[]}const i={id:n.id,value:o};if(r){var a;return(a=t==null?void 0:t.map((t=>{if(t.id===n.id){return i}return t})))!=null?a:[]}if(t!=null&&t.length){return[...t,i]}return[i]}))}},createRow:(n,t)=>{n.columnFilters={};n.columnFiltersMeta={}},createTable:n=>{n.setColumnFilters=t=>{const e=n.getAllLeafColumns();const l=n=>{var l;return(l=s(t,n))==null?void 0:l.filter((n=>{const t=e.find((t=>t.id===n.id));if(t){const e=t.getFilterFn();if(B(e,n.value,t)){return false}}return true}))};n.options.onColumnFiltersChange==null||n.options.onColumnFiltersChange(l)};n.resetColumnFilters=t=>{var e,l;n.setColumnFilters(t?[]:(e=(l=n.initialState)==null?void 0:l.columnFilters)!=null?e:[])};n.getPreFilteredRowModel=()=>n.getCoreRowModel();n.getFilteredRowModel=()=>{if(!n._getFilteredRowModel&&n.options.getFilteredRowModel){n._getFilteredRowModel=n.options.getFilteredRowModel(n)}if(n.options.manualFiltering||!n._getFilteredRowModel){return n.getPreFilteredRowModel()}return n._getFilteredRowModel()}}};function B(n,t,e){return(n&&n.autoRemove?n.autoRemove(t,e):false)||typeof t==="undefined"||typeof t==="string"&&!t}const P=(n,t,e)=>e.reduce(((t,e)=>{const l=e.getValue(n);return t+(typeof l==="number"?l:0)}),0);const N=(n,t,e)=>{let l;e.forEach((t=>{const e=t.getValue(n);if(e!=null&&(l>e||l===undefined&&e>=e)){l=e}}));return l};const k=(n,t,e)=>{let l;e.forEach((t=>{const e=t.getValue(n);if(e!=null&&(l<e||l===undefined&&e>=e)){l=e}}));return l};const V=(n,t,e)=>{let l;let r;e.forEach((t=>{const e=t.getValue(n);if(e!=null){if(l===undefined){if(e>=e)l=r=e}else{if(l>e)l=e;if(r<e)r=e}}}));return[l,r]};const J=(n,t)=>{let e=0;let l=0;t.forEach((t=>{let r=t.getValue(n);if(r!=null&&(r=+r)>=r){++e,l+=r}}));if(e)return l/e;return};const L=(n,t)=>{if(!t.length){return}const e=t.map((t=>t.getValue(n)));if(!f(e)){return}if(e.length===1){return e[0]}const l=Math.floor(e.length/2);const r=e.sort(((n,t)=>n-t));return e.length%2!==0?r[l]:(r[l-1]+r[l])/2};const E=(n,t)=>Array.from(new Set(t.map((t=>t.getValue(n)))).values());const $=(n,t)=>new Set(t.map((t=>t.getValue(n)))).size;const H=(n,t)=>t.length;const G={sum:P,min:N,max:k,extent:V,mean:J,median:L,unique:E,uniqueCount:$,count:H};const q={getDefaultColumnDef:()=>({aggregatedCell:n=>{var t,e;return(t=(e=n.getValue())==null||e.toString==null?void 0:e.toString())!=null?t:null},aggregationFn:"auto"}),getInitialState:n=>({grouping:[],...n}),getDefaultOptions:n=>({onGroupingChange:a("grouping",n),groupedColumnMode:"reorder"}),createColumn:(n,t)=>{n.toggleGrouping=()=>{t.setGrouping((t=>{if(t!=null&&t.includes(n.id)){return t.filter((t=>t!==n.id))}return[...t!=null?t:[],n.id]}))};n.getCanGroup=()=>{var e,l;return((e=n.columnDef.enableGrouping)!=null?e:true)&&((l=t.options.enableGrouping)!=null?l:true)&&(!!n.accessorFn||!!n.columnDef.getGroupingValue)};n.getIsGrouped=()=>{var e;return(e=t.getState().grouping)==null?void 0:e.includes(n.id)};n.getGroupedIndex=()=>{var e;return(e=t.getState().grouping)==null?void 0:e.indexOf(n.id)};n.getToggleGroupingHandler=()=>{const t=n.getCanGroup();return()=>{if(!t)return;n.toggleGrouping()}};n.getAutoAggregationFn=()=>{const e=t.getCoreRowModel().flatRows[0];const l=e==null?void 0:e.getValue(n.id);if(typeof l==="number"){return G.sum}if(Object.prototype.toString.call(l)==="[object Date]"){return G.extent}};n.getAggregationFn=()=>{var e,l;if(!n){throw new Error}return c(n.columnDef.aggregationFn)?n.columnDef.aggregationFn:n.columnDef.aggregationFn==="auto"?n.getAutoAggregationFn():(e=(l=t.options.aggregationFns)==null?void 0:l[n.columnDef.aggregationFn])!=null?e:G[n.columnDef.aggregationFn]}},createTable:n=>{n.setGrouping=t=>n.options.onGroupingChange==null?void 0:n.options.onGroupingChange(t);n.resetGrouping=t=>{var e,l;n.setGrouping(t?[]:(e=(l=n.initialState)==null?void 0:l.grouping)!=null?e:[])};n.getPreGroupedRowModel=()=>n.getFilteredRowModel();n.getGroupedRowModel=()=>{if(!n._getGroupedRowModel&&n.options.getGroupedRowModel){n._getGroupedRowModel=n.options.getGroupedRowModel(n)}if(n.options.manualGrouping||!n._getGroupedRowModel){return n.getPreGroupedRowModel()}return n._getGroupedRowModel()}},createRow:(n,t)=>{n.getIsGrouped=()=>!!n.groupingColumnId;n.getGroupingValue=e=>{if(n._groupingValuesCache.hasOwnProperty(e)){return n._groupingValuesCache[e]}const l=t.getColumn(e);if(!(l!=null&&l.columnDef.getGroupingValue)){return n.getValue(e)}n._groupingValuesCache[e]=l.columnDef.getGroupingValue(n.original);return n._groupingValuesCache[e]};n._groupingValuesCache={}},createCell:(n,t,e,l)=>{n.getIsGrouped=()=>t.getIsGrouped()&&t.id===e.groupingColumnId;n.getIsPlaceholder=()=>!n.getIsGrouped()&&t.getIsGrouped();n.getIsAggregated=()=>{var t;return!n.getIsGrouped()&&!n.getIsPlaceholder()&&!!((t=e.subRows)!=null&&t.length)}}};function K(n,t,e){if(!(t!=null&&t.length)||!e){return n}const l=n.filter((n=>!t.includes(n.id)));if(e==="remove"){return l}const r=t.map((t=>n.find((n=>n.id===t)))).filter(Boolean);return[...r,...l]}const U={getInitialState:n=>({columnOrder:[],...n}),getDefaultOptions:n=>({onColumnOrderChange:a("columnOrder",n)}),createColumn:(n,t)=>{n.getIndex=v((n=>[rn(t,n)]),(t=>t.findIndex((t=>t.id===n.id))),h(t.options,"debugColumns"));n.getIsFirstColumn=e=>{var l;const r=rn(t,e);return((l=r[0])==null?void 0:l.id)===n.id};n.getIsLastColumn=e=>{var l;const r=rn(t,e);return((l=r[r.length-1])==null?void 0:l.id)===n.id}},createTable:n=>{n.setColumnOrder=t=>n.options.onColumnOrderChange==null?void 0:n.options.onColumnOrderChange(t);n.resetColumnOrder=t=>{var e;n.setColumnOrder(t?[]:(e=n.initialState.columnOrder)!=null?e:[])};n._getOrderColumnsFn=v((()=>[n.getState().columnOrder,n.getState().grouping,n.options.groupedColumnMode]),((n,t,e)=>l=>{let r=[];if(!(n!=null&&n.length)){r=l}else{const t=[...n];const e=[...l];while(e.length&&t.length){const n=t.shift();const l=e.findIndex((t=>t.id===n));if(l>-1){r.push(e.splice(l,1)[0])}}r=[...r,...e]}return K(r,t,e)}),h(n.options,"debugTable"))}};const W=()=>({left:[],right:[]});const Q={getInitialState:n=>({columnPinning:W(),...n}),getDefaultOptions:n=>({onColumnPinningChange:a("columnPinning",n)}),createColumn:(n,t)=>{n.pin=e=>{const l=n.getLeafColumns().map((n=>n.id)).filter(Boolean);t.setColumnPinning((n=>{var t,r;if(e==="right"){var o,u;return{left:((o=n==null?void 0:n.left)!=null?o:[]).filter((n=>!(l!=null&&l.includes(n)))),right:[...((u=n==null?void 0:n.right)!=null?u:[]).filter((n=>!(l!=null&&l.includes(n)))),...l]}}if(e==="left"){var i,s;return{left:[...((i=n==null?void 0:n.left)!=null?i:[]).filter((n=>!(l!=null&&l.includes(n)))),...l],right:((s=n==null?void 0:n.right)!=null?s:[]).filter((n=>!(l!=null&&l.includes(n))))}}return{left:((t=n==null?void 0:n.left)!=null?t:[]).filter((n=>!(l!=null&&l.includes(n)))),right:((r=n==null?void 0:n.right)!=null?r:[]).filter((n=>!(l!=null&&l.includes(n))))}}))};n.getCanPin=()=>{const e=n.getLeafColumns();return e.some((n=>{var e,l,r;return((e=n.columnDef.enablePinning)!=null?e:true)&&((l=(r=t.options.enableColumnPinning)!=null?r:t.options.enablePinning)!=null?l:true)}))};n.getIsPinned=()=>{const e=n.getLeafColumns().map((n=>n.id));const{left:l,right:r}=t.getState().columnPinning;const o=e.some((n=>l==null?void 0:l.includes(n)));const u=e.some((n=>r==null?void 0:r.includes(n)));return o?"left":u?"right":false};n.getPinnedIndex=()=>{var e,l;const r=n.getIsPinned();return r?(e=(l=t.getState().columnPinning)==null||(l=l[r])==null?void 0:l.indexOf(n.id))!=null?e:-1:0}},createRow:(n,t)=>{n.getCenterVisibleCells=v((()=>[n._getAllVisibleCells(),t.getState().columnPinning.left,t.getState().columnPinning.right]),((n,t,e)=>{const l=[...t!=null?t:[],...e!=null?e:[]];return n.filter((n=>!l.includes(n.column.id)))}),h(t.options,"debugRows"));n.getLeftVisibleCells=v((()=>[n._getAllVisibleCells(),t.getState().columnPinning.left]),((n,t)=>{const e=(t!=null?t:[]).map((t=>n.find((n=>n.column.id===t)))).filter(Boolean).map((n=>({...n,position:"left"})));return e}),h(t.options,"debugRows"));n.getRightVisibleCells=v((()=>[n._getAllVisibleCells(),t.getState().columnPinning.right]),((n,t)=>{const e=(t!=null?t:[]).map((t=>n.find((n=>n.column.id===t)))).filter(Boolean).map((n=>({...n,position:"right"})));return e}),h(t.options,"debugRows"))},createTable:n=>{n.setColumnPinning=t=>n.options.onColumnPinningChange==null?void 0:n.options.onColumnPinningChange(t);n.resetColumnPinning=t=>{var e,l;return n.setColumnPinning(t?W():(e=(l=n.initialState)==null?void 0:l.columnPinning)!=null?e:W())};n.getIsSomeColumnsPinned=t=>{var e;const l=n.getState().columnPinning;if(!t){var r,o;return Boolean(((r=l.left)==null?void 0:r.length)||((o=l.right)==null?void 0:o.length))}return Boolean((e=l[t])==null?void 0:e.length)};n.getLeftLeafColumns=v((()=>[n.getAllLeafColumns(),n.getState().columnPinning.left]),((n,t)=>(t!=null?t:[]).map((t=>n.find((n=>n.id===t)))).filter(Boolean)),h(n.options,"debugColumns"));n.getRightLeafColumns=v((()=>[n.getAllLeafColumns(),n.getState().columnPinning.right]),((n,t)=>(t!=null?t:[]).map((t=>n.find((n=>n.id===t)))).filter(Boolean)),h(n.options,"debugColumns"));n.getCenterLeafColumns=v((()=>[n.getAllLeafColumns(),n.getState().columnPinning.left,n.getState().columnPinning.right]),((n,t,e)=>{const l=[...t!=null?t:[],...e!=null?e:[]];return n.filter((n=>!l.includes(n.id)))}),h(n.options,"debugColumns"))}};const X={size:150,minSize:20,maxSize:Number.MAX_SAFE_INTEGER};const Y=()=>({startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,isResizingColumn:false,columnSizingStart:[]});const Z={getDefaultColumnDef:()=>X,getInitialState:n=>({columnSizing:{},columnSizingInfo:Y(),...n}),getDefaultOptions:n=>({columnResizeMode:"onEnd",columnResizeDirection:"ltr",onColumnSizingChange:a("columnSizing",n),onColumnSizingInfoChange:a("columnSizingInfo",n)}),createColumn:(n,t)=>{n.getSize=()=>{var e,l,r;const o=t.getState().columnSizing[n.id];return Math.min(Math.max((e=n.columnDef.minSize)!=null?e:X.minSize,(l=o!=null?o:n.columnDef.size)!=null?l:X.size),(r=n.columnDef.maxSize)!=null?r:X.maxSize)};n.getStart=v((n=>[n,rn(t,n),t.getState().columnSizing]),((t,e)=>e.slice(0,n.getIndex(t)).reduce(((n,t)=>n+t.getSize()),0)),h(t.options,"debugColumns"));n.getAfter=v((n=>[n,rn(t,n),t.getState().columnSizing]),((t,e)=>e.slice(n.getIndex(t)+1).reduce(((n,t)=>n+t.getSize()),0)),h(t.options,"debugColumns"));n.resetSize=()=>{t.setColumnSizing((t=>{let{[n.id]:e,...l}=t;return l}))};n.getCanResize=()=>{var e,l;return((e=n.columnDef.enableResizing)!=null?e:true)&&((l=t.options.enableColumnResizing)!=null?l:true)};n.getIsResizing=()=>t.getState().columnSizingInfo.isResizingColumn===n.id},createHeader:(n,t)=>{n.getSize=()=>{let t=0;const e=n=>{if(n.subHeaders.length){n.subHeaders.forEach(e)}else{var l;t+=(l=n.column.getSize())!=null?l:0}};e(n);return t};n.getStart=()=>{if(n.index>0){const t=n.headerGroup.headers[n.index-1];return t.getStart()+t.getSize()}return 0};n.getResizeHandler=e=>{const l=t.getColumn(n.column.id);const r=l==null?void 0:l.getCanResize();return o=>{if(!l||!r){return}o.persist==null||o.persist();if(en(o)){if(o.touches&&o.touches.length>1){return}}const u=n.getSize();const i=n?n.getLeafHeaders().map((n=>[n.column.id,n.column.getSize()])):[[l.id,l.getSize()]];const s=en(o)?Math.round(o.touches[0].clientX):o.clientX;const a={};const c=(n,e)=>{if(typeof e!=="number"){return}t.setColumnSizingInfo((n=>{var l,r;const o=t.options.columnResizeDirection==="rtl"?-1:1;const u=(e-((l=n==null?void 0:n.startOffset)!=null?l:0))*o;const i=Math.max(u/((r=n==null?void 0:n.startSize)!=null?r:0),-.999999);n.columnSizingStart.forEach((n=>{let[t,e]=n;a[t]=Math.round(Math.max(e+e*i,0)*100)/100}));return{...n,deltaOffset:u,deltaPercentage:i}}));if(t.options.columnResizeMode==="onChange"||n==="end"){t.setColumnSizing((n=>({...n,...a})))}};const f=n=>c("move",n);const d=n=>{c("end",n);t.setColumnSizingInfo((n=>({...n,isResizingColumn:false,startOffset:null,startSize:null,deltaOffset:null,deltaPercentage:null,columnSizingStart:[]})))};const v=e||typeof document!=="undefined"?document:null;const h={moveHandler:n=>f(n.clientX),upHandler:n=>{v==null||v.removeEventListener("mousemove",h.moveHandler);v==null||v.removeEventListener("mouseup",h.upHandler);d(n.clientX)}};const g={moveHandler:n=>{if(n.cancelable){n.preventDefault();n.stopPropagation()}f(n.touches[0].clientX);return false},upHandler:n=>{var t;v==null||v.removeEventListener("touchmove",g.moveHandler);v==null||v.removeEventListener("touchend",g.upHandler);if(n.cancelable){n.preventDefault();n.stopPropagation()}d((t=n.touches[0])==null?void 0:t.clientX)}};const b=tn()?{passive:false}:false;if(en(o)){v==null||v.addEventListener("touchmove",g.moveHandler,b);v==null||v.addEventListener("touchend",g.upHandler,b)}else{v==null||v.addEventListener("mousemove",h.moveHandler,b);v==null||v.addEventListener("mouseup",h.upHandler,b)}t.setColumnSizingInfo((n=>({...n,startOffset:s,startSize:u,deltaOffset:0,deltaPercentage:0,columnSizingStart:i,isResizingColumn:l.id})))}}},createTable:n=>{n.setColumnSizing=t=>n.options.onColumnSizingChange==null?void 0:n.options.onColumnSizingChange(t);n.setColumnSizingInfo=t=>n.options.onColumnSizingInfoChange==null?void 0:n.options.onColumnSizingInfoChange(t);n.resetColumnSizing=t=>{var e;n.setColumnSizing(t?{}:(e=n.initialState.columnSizing)!=null?e:{})};n.resetHeaderSizeInfo=t=>{var e;n.setColumnSizingInfo(t?Y():(e=n.initialState.columnSizingInfo)!=null?e:Y())};n.getTotalSize=()=>{var t,e;return(t=(e=n.getHeaderGroups()[0])==null?void 0:e.headers.reduce(((n,t)=>n+t.getSize()),0))!=null?t:0};n.getLeftTotalSize=()=>{var t,e;return(t=(e=n.getLeftHeaderGroups()[0])==null?void 0:e.headers.reduce(((n,t)=>n+t.getSize()),0))!=null?t:0};n.getCenterTotalSize=()=>{var t,e;return(t=(e=n.getCenterHeaderGroups()[0])==null?void 0:e.headers.reduce(((n,t)=>n+t.getSize()),0))!=null?t:0};n.getRightTotalSize=()=>{var t,e;return(t=(e=n.getRightHeaderGroups()[0])==null?void 0:e.headers.reduce(((n,t)=>n+t.getSize()),0))!=null?t:0}}};let nn=null;function tn(){if(typeof nn==="boolean")return nn;let n=false;try{const t={get passive(){n=true;return false}};const e=()=>{};window.addEventListener("test",e,t);window.removeEventListener("test",e)}catch(t){n=false}nn=n;return nn}function en(n){return n.type==="touchstart"}const ln={getInitialState:n=>({columnVisibility:{},...n}),getDefaultOptions:n=>({onColumnVisibilityChange:a("columnVisibility",n)}),createColumn:(n,t)=>{n.toggleVisibility=e=>{if(n.getCanHide()){t.setColumnVisibility((t=>({...t,[n.id]:e!=null?e:!n.getIsVisible()})))}};n.getIsVisible=()=>{var e,l;const r=n.columns;return(e=r.length?r.some((n=>n.getIsVisible())):(l=t.getState().columnVisibility)==null?void 0:l[n.id])!=null?e:true};n.getCanHide=()=>{var e,l;return((e=n.columnDef.enableHiding)!=null?e:true)&&((l=t.options.enableHiding)!=null?l:true)};n.getToggleVisibilityHandler=()=>t=>{n.toggleVisibility==null||n.toggleVisibility(t.target.checked)}},createRow:(n,t)=>{n._getAllVisibleCells=v((()=>[n.getAllCells(),t.getState().columnVisibility]),(n=>n.filter((n=>n.column.getIsVisible()))),h(t.options,"debugRows"));n.getVisibleCells=v((()=>[n.getLeftVisibleCells(),n.getCenterVisibleCells(),n.getRightVisibleCells()]),((n,t,e)=>[...n,...t,...e]),h(t.options,"debugRows"))},createTable:n=>{const t=(t,e)=>v((()=>[e(),e().filter((n=>n.getIsVisible())).map((n=>n.id)).join("_")]),(n=>n.filter((n=>n.getIsVisible==null?void 0:n.getIsVisible()))),h(n.options,"debugColumns"));n.getVisibleFlatColumns=t("getVisibleFlatColumns",(()=>n.getAllFlatColumns()));n.getVisibleLeafColumns=t("getVisibleLeafColumns",(()=>n.getAllLeafColumns()));n.getLeftVisibleLeafColumns=t("getLeftVisibleLeafColumns",(()=>n.getLeftLeafColumns()));n.getRightVisibleLeafColumns=t("getRightVisibleLeafColumns",(()=>n.getRightLeafColumns()));n.getCenterVisibleLeafColumns=t("getCenterVisibleLeafColumns",(()=>n.getCenterLeafColumns()));n.setColumnVisibility=t=>n.options.onColumnVisibilityChange==null?void 0:n.options.onColumnVisibilityChange(t);n.resetColumnVisibility=t=>{var e;n.setColumnVisibility(t?{}:(e=n.initialState.columnVisibility)!=null?e:{})};n.toggleAllColumnsVisible=t=>{var e;t=(e=t)!=null?e:!n.getIsAllColumnsVisible();n.setColumnVisibility(n.getAllLeafColumns().reduce(((n,e)=>({...n,[e.id]:!t?!(e.getCanHide!=null&&e.getCanHide()):t})),{}))};n.getIsAllColumnsVisible=()=>!n.getAllLeafColumns().some((n=>!(n.getIsVisible!=null&&n.getIsVisible())));n.getIsSomeColumnsVisible=()=>n.getAllLeafColumns().some((n=>n.getIsVisible==null?void 0:n.getIsVisible()));n.getToggleAllColumnsVisibilityHandler=()=>t=>{var e;n.toggleAllColumnsVisible((e=t.target)==null?void 0:e.checked)}}};function rn(n,t){return!t?n.getVisibleLeafColumns():t==="center"?n.getCenterVisibleLeafColumns():t==="left"?n.getLeftVisibleLeafColumns():n.getRightVisibleLeafColumns()}const on={createTable:n=>{n._getGlobalFacetedRowModel=n.options.getFacetedRowModel&&n.options.getFacetedRowModel(n,"__global__");n.getGlobalFacetedRowModel=()=>{if(n.options.manualFiltering||!n._getGlobalFacetedRowModel){return n.getPreFilteredRowModel()}return n._getGlobalFacetedRowModel()};n._getGlobalFacetedUniqueValues=n.options.getFacetedUniqueValues&&n.options.getFacetedUniqueValues(n,"__global__");n.getGlobalFacetedUniqueValues=()=>{if(!n._getGlobalFacetedUniqueValues){return new Map}return n._getGlobalFacetedUniqueValues()};n._getGlobalFacetedMinMaxValues=n.options.getFacetedMinMaxValues&&n.options.getFacetedMinMaxValues(n,"__global__");n.getGlobalFacetedMinMaxValues=()=>{if(!n._getGlobalFacetedMinMaxValues){return}return n._getGlobalFacetedMinMaxValues()}}};const un={getInitialState:n=>({globalFilter:undefined,...n}),getDefaultOptions:n=>({onGlobalFilterChange:a("globalFilter",n),globalFilterFn:"auto",getColumnCanGlobalFilter:t=>{var e;const l=(e=n.getCoreRowModel().flatRows[0])==null||(e=e._getAllCellsByColumnId()[t.id])==null?void 0:e.getValue();return typeof l==="string"||typeof l==="number"}}),createColumn:(n,t)=>{n.getCanGlobalFilter=()=>{var e,l,r,o;return((e=n.columnDef.enableGlobalFilter)!=null?e:true)&&((l=t.options.enableGlobalFilter)!=null?l:true)&&((r=t.options.enableFilters)!=null?r:true)&&((o=t.options.getColumnCanGlobalFilter==null?void 0:t.options.getColumnCanGlobalFilter(n))!=null?o:true)&&!!n.accessorFn}},createTable:n=>{n.getGlobalAutoFilterFn=()=>F.includesString;n.getGlobalFilterFn=()=>{var t,e;const{globalFilterFn:l}=n.options;return c(l)?l:l==="auto"?n.getGlobalAutoFilterFn():(t=(e=n.options.filterFns)==null?void 0:e[l])!=null?t:F[l]};n.setGlobalFilter=t=>{n.options.onGlobalFilterChange==null||n.options.onGlobalFilterChange(t)};n.resetGlobalFilter=t=>{n.setGlobalFilter(t?undefined:n.initialState.globalFilter)}}};const sn={getInitialState:n=>({expanded:{},...n}),getDefaultOptions:n=>({onExpandedChange:a("expanded",n),paginateExpandedRows:true}),createTable:n=>{let t=false;let e=false;n._autoResetExpanded=()=>{var l,r;if(!t){n._queue((()=>{t=true}));return}if((l=(r=n.options.autoResetAll)!=null?r:n.options.autoResetExpanded)!=null?l:!n.options.manualExpanding){if(e)return;e=true;n._queue((()=>{n.resetExpanded();e=false}))}};n.setExpanded=t=>n.options.onExpandedChange==null?void 0:n.options.onExpandedChange(t);n.toggleAllRowsExpanded=t=>{if(t!=null?t:!n.getIsAllRowsExpanded()){n.setExpanded(true)}else{n.setExpanded({})}};n.resetExpanded=t=>{var e,l;n.setExpanded(t?{}:(e=(l=n.initialState)==null?void 0:l.expanded)!=null?e:{})};n.getCanSomeRowsExpand=()=>n.getPrePaginationRowModel().flatRows.some((n=>n.getCanExpand()));n.getToggleAllRowsExpandedHandler=()=>t=>{t.persist==null||t.persist();n.toggleAllRowsExpanded()};n.getIsSomeRowsExpanded=()=>{const t=n.getState().expanded;return t===true||Object.values(t).some(Boolean)};n.getIsAllRowsExpanded=()=>{const t=n.getState().expanded;if(typeof t==="boolean"){return t===true}if(!Object.keys(t).length){return false}if(n.getRowModel().flatRows.some((n=>!n.getIsExpanded()))){return false}return true};n.getExpandedDepth=()=>{let t=0;const e=n.getState().expanded===true?Object.keys(n.getRowModel().rowsById):Object.keys(n.getState().expanded);e.forEach((n=>{const e=n.split(".");t=Math.max(t,e.length)}));return t};n.getPreExpandedRowModel=()=>n.getSortedRowModel();n.getExpandedRowModel=()=>{if(!n._getExpandedRowModel&&n.options.getExpandedRowModel){n._getExpandedRowModel=n.options.getExpandedRowModel(n)}if(n.options.manualExpanding||!n._getExpandedRowModel){return n.getPreExpandedRowModel()}return n._getExpandedRowModel()}},createRow:(n,t)=>{n.toggleExpanded=e=>{t.setExpanded((l=>{var r;const o=l===true?true:!!(l!=null&&l[n.id]);let u={};if(l===true){Object.keys(t.getRowModel().rowsById).forEach((n=>{u[n]=true}))}else{u=l}e=(r=e)!=null?r:!o;if(!o&&e){return{...u,[n.id]:true}}if(o&&!e){const{[n.id]:t,...e}=u;return e}return l}))};n.getIsExpanded=()=>{var e;const l=t.getState().expanded;return!!((e=t.options.getIsRowExpanded==null?void 0:t.options.getIsRowExpanded(n))!=null?e:l===true||(l==null?void 0:l[n.id]))};n.getCanExpand=()=>{var e,l,r;return(e=t.options.getRowCanExpand==null?void 0:t.options.getRowCanExpand(n))!=null?e:((l=t.options.enableExpanding)!=null?l:true)&&!!((r=n.subRows)!=null&&r.length)};n.getIsAllParentsExpanded=()=>{let e=true;let l=n;while(e&&l.parentId){l=t.getRow(l.parentId,true);e=l.getIsExpanded()}return e};n.getToggleExpandedHandler=()=>{const t=n.getCanExpand();return()=>{if(!t)return;n.toggleExpanded()}}}};const an=0;const cn=10;const fn=()=>({pageIndex:an,pageSize:cn});const dn={getInitialState:n=>({...n,pagination:{...fn(),...n==null?void 0:n.pagination}}),getDefaultOptions:n=>({onPaginationChange:a("pagination",n)}),createTable:n=>{let t=false;let e=false;n._autoResetPageIndex=()=>{var l,r;if(!t){n._queue((()=>{t=true}));return}if((l=(r=n.options.autoResetAll)!=null?r:n.options.autoResetPageIndex)!=null?l:!n.options.manualPagination){if(e)return;e=true;n._queue((()=>{n.resetPageIndex();e=false}))}};n.setPagination=t=>{const e=n=>{let e=s(t,n);return e};return n.options.onPaginationChange==null?void 0:n.options.onPaginationChange(e)};n.resetPagination=t=>{var e;n.setPagination(t?fn():(e=n.initialState.pagination)!=null?e:fn())};n.setPageIndex=t=>{n.setPagination((e=>{let l=s(t,e.pageIndex);const r=typeof n.options.pageCount==="undefined"||n.options.pageCount===-1?Number.MAX_SAFE_INTEGER:n.options.pageCount-1;l=Math.max(0,Math.min(l,r));return{...e,pageIndex:l}}))};n.resetPageIndex=t=>{var e,l;n.setPageIndex(t?an:(e=(l=n.initialState)==null||(l=l.pagination)==null?void 0:l.pageIndex)!=null?e:an)};n.resetPageSize=t=>{var e,l;n.setPageSize(t?cn:(e=(l=n.initialState)==null||(l=l.pagination)==null?void 0:l.pageSize)!=null?e:cn)};n.setPageSize=t=>{n.setPagination((n=>{const e=Math.max(1,s(t,n.pageSize));const l=n.pageSize*n.pageIndex;const r=Math.floor(l/e);return{...n,pageIndex:r,pageSize:e}}))};n.setPageCount=t=>n.setPagination((e=>{var l;let r=s(t,(l=n.options.pageCount)!=null?l:-1);if(typeof r==="number"){r=Math.max(-1,r)}return{...e,pageCount:r}}));n.getPageOptions=v((()=>[n.getPageCount()]),(n=>{let t=[];if(n&&n>0){t=[...new Array(n)].fill(null).map(((n,t)=>t))}return t}),h(n.options,"debugTable"));n.getCanPreviousPage=()=>n.getState().pagination.pageIndex>0;n.getCanNextPage=()=>{const{pageIndex:t}=n.getState().pagination;const e=n.getPageCount();if(e===-1){return true}if(e===0){return false}return t<e-1};n.previousPage=()=>n.setPageIndex((n=>n-1));n.nextPage=()=>n.setPageIndex((n=>n+1));n.firstPage=()=>n.setPageIndex(0);n.lastPage=()=>n.setPageIndex(n.getPageCount()-1);n.getPrePaginationRowModel=()=>n.getExpandedRowModel();n.getPaginationRowModel=()=>{if(!n._getPaginationRowModel&&n.options.getPaginationRowModel){n._getPaginationRowModel=n.options.getPaginationRowModel(n)}if(n.options.manualPagination||!n._getPaginationRowModel){return n.getPrePaginationRowModel()}return n._getPaginationRowModel()};n.getPageCount=()=>{var t;return(t=n.options.pageCount)!=null?t:Math.ceil(n.getRowCount()/n.getState().pagination.pageSize)};n.getRowCount=()=>{var t;return(t=n.options.rowCount)!=null?t:n.getPrePaginationRowModel().rows.length}}};const vn=()=>({top:[],bottom:[]});const hn={getInitialState:n=>({rowPinning:vn(),...n}),getDefaultOptions:n=>({onRowPinningChange:a("rowPinning",n)}),createRow:(n,t)=>{n.pin=(e,l,r)=>{const o=l?n.getLeafRows().map((n=>{let{id:t}=n;return t})):[];const u=r?n.getParentRows().map((n=>{let{id:t}=n;return t})):[];const i=new Set([...u,n.id,...o]);t.setRowPinning((n=>{var t,l;if(e==="bottom"){var r,o;return{top:((r=n==null?void 0:n.top)!=null?r:[]).filter((n=>!(i!=null&&i.has(n)))),bottom:[...((o=n==null?void 0:n.bottom)!=null?o:[]).filter((n=>!(i!=null&&i.has(n)))),...Array.from(i)]}}if(e==="top"){var u,s;return{top:[...((u=n==null?void 0:n.top)!=null?u:[]).filter((n=>!(i!=null&&i.has(n)))),...Array.from(i)],bottom:((s=n==null?void 0:n.bottom)!=null?s:[]).filter((n=>!(i!=null&&i.has(n))))}}return{top:((t=n==null?void 0:n.top)!=null?t:[]).filter((n=>!(i!=null&&i.has(n)))),bottom:((l=n==null?void 0:n.bottom)!=null?l:[]).filter((n=>!(i!=null&&i.has(n))))}}))};n.getCanPin=()=>{var e;const{enableRowPinning:l,enablePinning:r}=t.options;if(typeof l==="function"){return l(n)}return(e=l!=null?l:r)!=null?e:true};n.getIsPinned=()=>{const e=[n.id];const{top:l,bottom:r}=t.getState().rowPinning;const o=e.some((n=>l==null?void 0:l.includes(n)));const u=e.some((n=>r==null?void 0:r.includes(n)));return o?"top":u?"bottom":false};n.getPinnedIndex=()=>{var e,l;const r=n.getIsPinned();if(!r)return-1;const o=(e=r==="top"?t.getTopRows():t.getBottomRows())==null?void 0:e.map((n=>{let{id:t}=n;return t}));return(l=o==null?void 0:o.indexOf(n.id))!=null?l:-1}},createTable:n=>{n.setRowPinning=t=>n.options.onRowPinningChange==null?void 0:n.options.onRowPinningChange(t);n.resetRowPinning=t=>{var e,l;return n.setRowPinning(t?vn():(e=(l=n.initialState)==null?void 0:l.rowPinning)!=null?e:vn())};n.getIsSomeRowsPinned=t=>{var e;const l=n.getState().rowPinning;if(!t){var r,o;return Boolean(((r=l.top)==null?void 0:r.length)||((o=l.bottom)==null?void 0:o.length))}return Boolean((e=l[t])==null?void 0:e.length)};n._getPinnedRows=(t,e,l)=>{var r;const o=((r=n.options.keepPinnedRows)!=null?r:true)?(e!=null?e:[]).map((t=>{const e=n.getRow(t,true);return e.getIsAllParentsExpanded()?e:null})):(e!=null?e:[]).map((n=>t.find((t=>t.id===n))));return o.filter(Boolean).map((n=>({...n,position:l})))};n.getTopRows=v((()=>[n.getRowModel().rows,n.getState().rowPinning.top]),((t,e)=>n._getPinnedRows(t,e,"top")),h(n.options,"debugRows"));n.getBottomRows=v((()=>[n.getRowModel().rows,n.getState().rowPinning.bottom]),((t,e)=>n._getPinnedRows(t,e,"bottom")),h(n.options,"debugRows"));n.getCenterRows=v((()=>[n.getRowModel().rows,n.getState().rowPinning.top,n.getState().rowPinning.bottom]),((n,t,e)=>{const l=new Set([...t!=null?t:[],...e!=null?e:[]]);return n.filter((n=>!l.has(n.id)))}),h(n.options,"debugRows"))}};const gn={getInitialState:n=>({rowSelection:{},...n}),getDefaultOptions:n=>({onRowSelectionChange:a("rowSelection",n),enableRowSelection:true,enableMultiRowSelection:true,enableSubRowSelection:true}),createTable:n=>{n.setRowSelection=t=>n.options.onRowSelectionChange==null?void 0:n.options.onRowSelectionChange(t);n.resetRowSelection=t=>{var e;return n.setRowSelection(t?{}:(e=n.initialState.rowSelection)!=null?e:{})};n.toggleAllRowsSelected=t=>{n.setRowSelection((e=>{t=typeof t!=="undefined"?t:!n.getIsAllRowsSelected();const l={...e};const r=n.getPreGroupedRowModel().flatRows;if(t){r.forEach((n=>{if(!n.getCanSelect()){return}l[n.id]=true}))}else{r.forEach((n=>{delete l[n.id]}))}return l}))};n.toggleAllPageRowsSelected=t=>n.setRowSelection((e=>{const l=typeof t!=="undefined"?t:!n.getIsAllPageRowsSelected();const r={...e};n.getRowModel().rows.forEach((t=>{bn(r,t.id,l,true,n)}));return r}));n.getPreSelectedRowModel=()=>n.getCoreRowModel();n.getSelectedRowModel=v((()=>[n.getState().rowSelection,n.getCoreRowModel()]),((t,e)=>{if(!Object.keys(t).length){return{rows:[],flatRows:[],rowsById:{}}}return pn(n,e)}),h(n.options,"debugTable"));n.getFilteredSelectedRowModel=v((()=>[n.getState().rowSelection,n.getFilteredRowModel()]),((t,e)=>{if(!Object.keys(t).length){return{rows:[],flatRows:[],rowsById:{}}}return pn(n,e)}),h(n.options,"debugTable"));n.getGroupedSelectedRowModel=v((()=>[n.getState().rowSelection,n.getSortedRowModel()]),((t,e)=>{if(!Object.keys(t).length){return{rows:[],flatRows:[],rowsById:{}}}return pn(n,e)}),h(n.options,"debugTable"));n.getIsAllRowsSelected=()=>{const t=n.getFilteredRowModel().flatRows;const{rowSelection:e}=n.getState();let l=Boolean(t.length&&Object.keys(e).length);if(l){if(t.some((n=>n.getCanSelect()&&!e[n.id]))){l=false}}return l};n.getIsAllPageRowsSelected=()=>{const t=n.getPaginationRowModel().flatRows.filter((n=>n.getCanSelect()));const{rowSelection:e}=n.getState();let l=!!t.length;if(l&&t.some((n=>!e[n.id]))){l=false}return l};n.getIsSomeRowsSelected=()=>{var t;const e=Object.keys((t=n.getState().rowSelection)!=null?t:{}).length;return e>0&&e<n.getFilteredRowModel().flatRows.length};n.getIsSomePageRowsSelected=()=>{const t=n.getPaginationRowModel().flatRows;return n.getIsAllPageRowsSelected()?false:t.filter((n=>n.getCanSelect())).some((n=>n.getIsSelected()||n.getIsSomeSelected()))};n.getToggleAllRowsSelectedHandler=()=>t=>{n.toggleAllRowsSelected(t.target.checked)};n.getToggleAllPageRowsSelectedHandler=()=>t=>{n.toggleAllPageRowsSelected(t.target.checked)}},createRow:(n,t)=>{n.toggleSelected=(e,l)=>{const r=n.getIsSelected();t.setRowSelection((o=>{var u;e=typeof e!=="undefined"?e:!r;if(n.getCanSelect()&&r===e){return o}const i={...o};bn(i,n.id,e,(u=l==null?void 0:l.selectChildren)!=null?u:true,t);return i}))};n.getIsSelected=()=>{const{rowSelection:e}=t.getState();return mn(n,e)};n.getIsSomeSelected=()=>{const{rowSelection:e}=t.getState();return wn(n,e)==="some"};n.getIsAllSubRowsSelected=()=>{const{rowSelection:e}=t.getState();return wn(n,e)==="all"};n.getCanSelect=()=>{var e;if(typeof t.options.enableRowSelection==="function"){return t.options.enableRowSelection(n)}return(e=t.options.enableRowSelection)!=null?e:true};n.getCanSelectSubRows=()=>{var e;if(typeof t.options.enableSubRowSelection==="function"){return t.options.enableSubRowSelection(n)}return(e=t.options.enableSubRowSelection)!=null?e:true};n.getCanMultiSelect=()=>{var e;if(typeof t.options.enableMultiRowSelection==="function"){return t.options.enableMultiRowSelection(n)}return(e=t.options.enableMultiRowSelection)!=null?e:true};n.getToggleSelectedHandler=()=>{const t=n.getCanSelect();return e=>{var l;if(!t)return;n.toggleSelected((l=e.target)==null?void 0:l.checked)}}}};const bn=(n,t,e,l,r)=>{var o;const u=r.getRow(t,true);if(e){if(!u.getCanMultiSelect()){Object.keys(n).forEach((t=>delete n[t]))}if(u.getCanSelect()){n[t]=true}}else{delete n[t]}if(l&&(o=u.subRows)!=null&&o.length&&u.getCanSelectSubRows()){u.subRows.forEach((t=>bn(n,t.id,e,l,r)))}};function pn(n,t){const e=n.getState().rowSelection;const l=[];const r={};const o=function(n,t){return n.map((n=>{var t;const u=mn(n,e);if(u){l.push(n);r[n.id]=n}if((t=n.subRows)!=null&&t.length){n={...n,subRows:o(n.subRows)}}if(u){return n}})).filter(Boolean)};return{rows:o(t.rows),flatRows:l,rowsById:r}}function mn(n,t){var e;return(e=t[n.id])!=null?e:false}function wn(n,t,e){var l;if(!((l=n.subRows)!=null&&l.length))return false;let r=true;let o=false;n.subRows.forEach((n=>{if(o&&!r){return}if(n.getCanSelect()){if(mn(n,t)){o=true}else{r=false}}if(n.subRows&&n.subRows.length){const e=wn(n,t);if(e==="all"){o=true}else if(e==="some"){o=true;r=false}else{r=false}}}));return r?"all":o?"some":false}const yn=/([0-9]+)/gm;const Cn=(n,t,e)=>xn(jn(n.getValue(e)).toLowerCase(),jn(t.getValue(e)).toLowerCase());const Sn=(n,t,e)=>xn(jn(n.getValue(e)),jn(t.getValue(e)));const On=(n,t,e)=>Tn(jn(n.getValue(e)).toLowerCase(),jn(t.getValue(e)).toLowerCase());const _n=(n,t,e)=>Tn(jn(n.getValue(e)),jn(t.getValue(e)));const Rn=(n,t,e)=>{const l=n.getValue(e);const r=t.getValue(e);return l>r?1:l<r?-1:0};const In=(n,t,e)=>Tn(n.getValue(e),t.getValue(e));function Tn(n,t){return n===t?0:n>t?1:-1}function jn(n){if(typeof n==="number"){if(isNaN(n)||n===Infinity||n===-Infinity){return""}return String(n)}if(typeof n==="string"){return n}return""}function xn(n,t){const e=n.split(yn).filter(Boolean);const l=t.split(yn).filter(Boolean);while(e.length&&l.length){const n=e.shift();const t=l.shift();const r=parseInt(n,10);const o=parseInt(t,10);const u=[r,o].sort();if(isNaN(u[0])){if(n>t){return 1}if(t>n){return-1}continue}if(isNaN(u[1])){return isNaN(r)?-1:1}if(r>o){return 1}if(o>r){return-1}}return e.length-l.length}const Dn={alphanumeric:Cn,alphanumericCaseSensitive:Sn,text:On,textCaseSensitive:_n,datetime:Rn,basic:In};const zn={getInitialState:n=>({sorting:[],...n}),getDefaultColumnDef:()=>({sortingFn:"auto",sortUndefined:1}),getDefaultOptions:n=>({onSortingChange:a("sorting",n),isMultiSortEvent:n=>n.shiftKey}),createColumn:(n,t)=>{n.getAutoSortingFn=()=>{const e=t.getFilteredRowModel().flatRows.slice(10);let l=false;for(const t of e){const e=t==null?void 0:t.getValue(n.id);if(Object.prototype.toString.call(e)==="[object Date]"){return Dn.datetime}if(typeof e==="string"){l=true;if(e.split(yn).length>1){return Dn.alphanumeric}}}if(l){return Dn.text}return Dn.basic};n.getAutoSortDir=()=>{const e=t.getFilteredRowModel().flatRows[0];const l=e==null?void 0:e.getValue(n.id);if(typeof l==="string"){return"asc"}return"desc"};n.getSortingFn=()=>{var e,l;if(!n){throw new Error}return c(n.columnDef.sortingFn)?n.columnDef.sortingFn:n.columnDef.sortingFn==="auto"?n.getAutoSortingFn():(e=(l=t.options.sortingFns)==null?void 0:l[n.columnDef.sortingFn])!=null?e:Dn[n.columnDef.sortingFn]};n.toggleSorting=(e,l)=>{const r=n.getNextSortingOrder();const o=typeof e!=="undefined"&&e!==null;t.setSorting((u=>{const i=u==null?void 0:u.find((t=>t.id===n.id));const s=u==null?void 0:u.findIndex((t=>t.id===n.id));let a=[];let c;let f=o?e:r==="desc";if(u!=null&&u.length&&n.getCanMultiSort()&&l){if(i){c="toggle"}else{c="add"}}else{if(u!=null&&u.length&&s!==u.length-1){c="replace"}else if(i){c="toggle"}else{c="replace"}}if(c==="toggle"){if(!o){if(!r){c="remove"}}}if(c==="add"){var d;a=[...u,{id:n.id,desc:f}];a.splice(0,a.length-((d=t.options.maxMultiSortColCount)!=null?d:Number.MAX_SAFE_INTEGER))}else if(c==="toggle"){a=u.map((t=>{if(t.id===n.id){return{...t,desc:f}}return t}))}else if(c==="remove"){a=u.filter((t=>t.id!==n.id))}else{a=[{id:n.id,desc:f}]}return a}))};n.getFirstSortDir=()=>{var e,l;const r=(e=(l=n.columnDef.sortDescFirst)!=null?l:t.options.sortDescFirst)!=null?e:n.getAutoSortDir()==="desc";return r?"desc":"asc"};n.getNextSortingOrder=e=>{var l,r;const o=n.getFirstSortDir();const u=n.getIsSorted();if(!u){return o}if(u!==o&&((l=t.options.enableSortingRemoval)!=null?l:true)&&(e?(r=t.options.enableMultiRemove)!=null?r:true:true)){return false}return u==="desc"?"asc":"desc"};n.getCanSort=()=>{var e,l;return((e=n.columnDef.enableSorting)!=null?e:true)&&((l=t.options.enableSorting)!=null?l:true)&&!!n.accessorFn};n.getCanMultiSort=()=>{var e,l;return(e=(l=n.columnDef.enableMultiSort)!=null?l:t.options.enableMultiSort)!=null?e:!!n.accessorFn};n.getIsSorted=()=>{var e;const l=(e=t.getState().sorting)==null?void 0:e.find((t=>t.id===n.id));return!l?false:l.desc?"desc":"asc"};n.getSortIndex=()=>{var e,l;return(e=(l=t.getState().sorting)==null?void 0:l.findIndex((t=>t.id===n.id)))!=null?e:-1};n.clearSorting=()=>{t.setSorting((t=>t!=null&&t.length?t.filter((t=>t.id!==n.id)):[]))};n.getToggleSortingHandler=()=>{const e=n.getCanSort();return l=>{if(!e)return;l.persist==null||l.persist();n.toggleSorting==null||n.toggleSorting(undefined,n.getCanMultiSort()?t.options.isMultiSortEvent==null?void 0:t.options.isMultiSortEvent(l):false)}}},createTable:n=>{n.setSorting=t=>n.options.onSortingChange==null?void 0:n.options.onSortingChange(t);n.resetSorting=t=>{var e,l;n.setSorting(t?[]:(e=(l=n.initialState)==null?void 0:l.sorting)!=null?e:[])};n.getPreSortedRowModel=()=>n.getGroupedRowModel();n.getSortedRowModel=()=>{if(!n._getSortedRowModel&&n.options.getSortedRowModel){n._getSortedRowModel=n.options.getSortedRowModel(n)}if(n.options.manualSorting||!n._getSortedRowModel){return n.getPreSortedRowModel()}return n._getSortedRowModel()}}};const Fn=[w,ln,U,Q,S,A,on,un,zn,q,sn,dn,hn,gn,Z];function Mn(n){var t,e;const l=[...Fn,...(t=n._features)!=null?t:[]];let r={_features:l};const o=r._features.reduce(((n,t)=>Object.assign(n,t.getDefaultOptions==null?void 0:t.getDefaultOptions(r))),{});const u=n=>{if(r.options.mergeOptions){return r.options.mergeOptions(o,n)}return{...o,...n}};const i={};let a={...i,...(e=n.initialState)!=null?e:{}};r._features.forEach((n=>{var t;a=(t=n.getInitialState==null?void 0:n.getInitialState(a))!=null?t:a}));const c=[];let f=false;const d={_features:l,options:{...o,...n},initialState:a,_queue:n=>{c.push(n);if(!f){f=true;Promise.resolve().then((()=>{while(c.length){c.shift()()}f=false})).catch((n=>setTimeout((()=>{throw n}))))}},reset:()=>{r.setState(r.initialState)},setOptions:n=>{const t=s(n,r.options);r.options=u(t)},getState:()=>r.options.state,setState:n=>{r.options.onStateChange==null||r.options.onStateChange(n)},_getRowId:(n,t,e)=>{var l;return(l=r.options.getRowId==null?void 0:r.options.getRowId(n,t,e))!=null?l:`${e?[e.id,t].join("."):t}`},getCoreRowModel:()=>{if(!r._getCoreRowModel){r._getCoreRowModel=r.options.getCoreRowModel(r)}return r._getCoreRowModel()},getRowModel:()=>r.getPaginationRowModel(),getRow:(n,t)=>{let e=(t?r.getPrePaginationRowModel():r.getRowModel()).rowsById[n];if(!e){e=r.getCoreRowModel().rowsById[n];if(!e){throw new Error}}return e},_getDefaultColumnDef:v((()=>[r.options.defaultColumn]),(n=>{var t;n=(t=n)!=null?t:{};return{header:n=>{const t=n.header.column.columnDef;if(t.accessorKey){return t.accessorKey}if(t.accessorFn){return t.id}return null},cell:n=>{var t,e;return(t=(e=n.renderValue())==null||e.toString==null?void 0:e.toString())!=null?t:null},...r._features.reduce(((n,t)=>Object.assign(n,t.getDefaultColumnDef==null?void 0:t.getDefaultColumnDef())),{}),...n}}),h(n,"debugColumns")),_getColumnDefs:()=>r.options.columns,getAllColumns:v((()=>[r._getColumnDefs()]),(n=>{const t=function(n,e,l){if(l===void 0){l=0}return n.map((n=>{const o=b(r,n,l,e);const u=n;o.columns=u.columns?t(u.columns,o,l+1):[];return o}))};return t(n)}),h(n,"debugColumns")),getAllFlatColumns:v((()=>[r.getAllColumns()]),(n=>n.flatMap((n=>n.getFlatColumns()))),h(n,"debugColumns")),_getAllFlatColumnsById:v((()=>[r.getAllFlatColumns()]),(n=>n.reduce(((n,t)=>{n[t.id]=t;return n}),{})),h(n,"debugColumns")),getAllLeafColumns:v((()=>[r.getAllColumns(),r._getOrderColumnsFn()]),((n,t)=>{let e=n.flatMap((n=>n.getLeafColumns()));return t(e)}),h(n,"debugColumns")),getColumn:n=>{const t=r._getAllFlatColumnsById()[n];return t}};Object.assign(r,d);for(let n=0;n<r._features.length;n++){const t=r._features[n];t==null||t.createTable==null||t.createTable(r)}return r}function An(){return n=>v((()=>[n.options.data]),(t=>{const e={rows:[],flatRows:[],rowsById:{}};const l=function(t,r,o){if(r===void 0){r=0}const u=[];for(let s=0;s<t.length;s++){const a=C(n,n._getRowId(t[s],s,o),t[s],s,r,undefined,o==null?void 0:o.id);e.flatRows.push(a);e.rowsById[a.id]=a;u.push(a);if(n.options.getSubRows){var i;a.originalSubRows=n.options.getSubRows(t[s],s);if((i=a.originalSubRows)!=null&&i.length){a.subRows=l(a.originalSubRows,r+1,a)}}}return u};e.rows=l(t);return e}),h(n.options,"debugTable","getRowModel",(()=>n._autoResetPageIndex())))}function Bn(n){const t=[];const e=n=>{var l;t.push(n);if((l=n.subRows)!=null&&l.length&&n.getIsExpanded()){n.subRows.forEach(e)}};n.rows.forEach(e);return{rows:t,flatRows:n.flatRows,rowsById:n.rowsById}}function Pn(n,t,e){if(e.options.filterFromLeafRows){return Nn(n,t,e)}return kn(n,t,e)}function Nn(n,t,e){var l;const r=[];const o={};const u=(l=e.options.maxLeafRowFilterDepth)!=null?l:100;const i=function(n,l){if(l===void 0){l=0}const s=[];for(let c=0;c<n.length;c++){var a;let f=n[c];const d=C(e,f.id,f.original,f.index,f.depth,undefined,f.parentId);d.columnFilters=f.columnFilters;if((a=f.subRows)!=null&&a.length&&l<u){d.subRows=i(f.subRows,l+1);f=d;if(t(f)&&!d.subRows.length){s.push(f);o[f.id]=f;r.push(f);continue}if(t(f)||d.subRows.length){s.push(f);o[f.id]=f;r.push(f);continue}}else{f=d;if(t(f)){s.push(f);o[f.id]=f;r.push(f)}}}return s};return{rows:i(n),flatRows:r,rowsById:o}}function kn(n,t,e){var l;const r=[];const o={};const u=(l=e.options.maxLeafRowFilterDepth)!=null?l:100;const i=function(n,l){if(l===void 0){l=0}const s=[];for(let c=0;c<n.length;c++){let f=n[c];const d=t(f);if(d){var a;if((a=f.subRows)!=null&&a.length&&l<u){const n=C(e,f.id,f.original,f.index,f.depth,undefined,f.parentId);n.subRows=i(f.subRows,l+1);f=n}s.push(f);r.push(f);o[f.id]=f}}return s};return{rows:i(n),flatRows:r,rowsById:o}}function Vn(){return n=>v((()=>[n.getPreFilteredRowModel(),n.getState().columnFilters,n.getState().globalFilter]),((t,e,l)=>{if(!t.rows.length||!(e!=null&&e.length)&&!l){for(let n=0;n<t.flatRows.length;n++){t.flatRows[n].columnFilters={};t.flatRows[n].columnFiltersMeta={}}return t}const r=[];const o=[];(e!=null?e:[]).forEach((t=>{var e;const l=n.getColumn(t.id);if(!l){return}const o=l.getFilterFn();if(!o){return}r.push({id:t.id,filterFn:o,resolvedValue:(e=o.resolveFilterValue==null?void 0:o.resolveFilterValue(t.value))!=null?e:t.value})}));const u=(e!=null?e:[]).map((n=>n.id));const i=n.getGlobalFilterFn();const s=n.getAllLeafColumns().filter((n=>n.getCanGlobalFilter()));if(l&&i&&s.length){u.push("__global__");s.forEach((n=>{var t;o.push({id:n.id,filterFn:i,resolvedValue:(t=i.resolveFilterValue==null?void 0:i.resolveFilterValue(l))!=null?t:l})}))}let a;let c;for(let n=0;n<t.flatRows.length;n++){const e=t.flatRows[n];e.columnFilters={};if(r.length){for(let n=0;n<r.length;n++){a=r[n];const t=a.id;e.columnFilters[t]=a.filterFn(e,t,a.resolvedValue,(n=>{e.columnFiltersMeta[t]=n}))}}if(o.length){for(let n=0;n<o.length;n++){c=o[n];const t=c.id;if(c.filterFn(e,t,c.resolvedValue,(n=>{e.columnFiltersMeta[t]=n}))){e.columnFilters.__global__=true;break}}if(e.columnFilters.__global__!==true){e.columnFilters.__global__=false}}}const f=n=>{for(let t=0;t<u.length;t++){if(n.columnFilters[u[t]]===false){return false}}return true};return Pn(t.rows,f,n)}),h(n.options,"debugTable","getFilteredRowModel",(()=>n._autoResetPageIndex())))}function Jn(n){return n=>v((()=>[n.getState().pagination,n.getPrePaginationRowModel(),n.options.paginateExpandedRows?undefined:n.getState().expanded]),((t,e)=>{if(!e.rows.length){return e}const{pageSize:l,pageIndex:r}=t;let{rows:o,flatRows:u,rowsById:i}=e;const s=l*r;const a=s+l;o=o.slice(s,a);let c;if(!n.options.paginateExpandedRows){c=Bn({rows:o,flatRows:u,rowsById:i})}else{c={rows:o,flatRows:u,rowsById:i}}c.flatRows=[];const f=n=>{c.flatRows.push(n);if(n.subRows.length){n.subRows.forEach(f)}};c.rows.forEach(f);return c}),h(n.options,"debugTable"))}function Ln(n,t){let e;return function l(...r){const o=()=>{clearTimeout(e);n(...r)};clearTimeout(e);e=setTimeout(o,t)}}const En="nv-datagrid{display:block}nv-datagrid .hidden{display:none}nv-datagrid table{border-collapse:collapse;border-color:inherit;text-indent:0;width:100%}nv-datagrid 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-datagrid 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-datagrid tbody>tr:hover{background:var(--color-interaction-container-neutral-background-hover)}";const $n=En;const Hn=class{constructor(e){n(this,e);this.action=t(this,"action",7);this.templateCache=new Map;this.headerTemplateCache=new Map;this.minPageIndex=1;this.table=null;this.parsedColumns=[];this.parsedData=[];this.globalFilterSearchTerm="";this.columnData=[];this.paginationState=null;this.data=[];this.columns=[];this.fallbackValue="N/A";this.noDataMessage="No data available";this.noColumnsNoDataMessage="No data or columns available to display.";this.enableGlobalFilter=false;this.autoGenerateColumns=false;this.enablePagination=false;this.pageSize=10;this.pageSizes=[10,20,30,40,50];this.debouncedFilter=Ln((n=>{var t;(t=this.table)===null||t===void 0?void 0:t.setGlobalFilter(n)}),300);this.handleGlobalFilteringOnInput=n=>{const t=n.target;if(t instanceof HTMLInputElement){const n=t.value;this.debouncedFilter(n)}};this.flexRender=(n,t)=>{if(typeof n==="function"){return n(t)}return n};this.handlePageIndexChange=n=>{const t=n.target;const e=t.value?Number(t.value)-1:0;this.paginationState=Object.assign(Object.assign({},this.paginationState),{pageIndex:e})};this.handlePageSizeChange=n=>{const t=n.target;this.paginationState=Object.assign(Object.assign({},this.paginationState),{pageSize:Number(t.value)})}}cacheTemplates(){const n=Array.from(this.el.querySelectorAll("nv-datagridcolumn"));this.columnData=[];n.forEach((n=>{const t=n.accessor;const e=n.querySelector('[slot="cell"]');if(e){const n=o(e);this.templateCache.set(t,n)}const l=n.querySelector('[slot="header"]');if(l){const n=o(l);this.headerTemplateCache.set(t,n)}else{const e=n.header;if(e){const n=document.createElement("div");n.textContent=e;this.headerTemplateCache.set(t,n)}}const r={header:n.header,accessor:n.accessor,repeatTemplate:n.hasAttribute("repeat-template")};this.columnData.push(r)}))}parseDataAndColumns(){if(this.dataJson){this.parseJsonData(this.dataJson)}else if(this.data&&this.data.length>0){this.parseDataArray(this.data,this.parsedData)}if(this.columnsJson){this.parseJsonColumns(this.columnsJson,this.parsedColumns)}else if(this.columns&&this.columns.length>0){this.parseColumnsArray(this.columns,this.parsedColumns)}else if(this.headerTemplateCache.size>0){const n=Array.from(this.headerTemplateCache.keys());const t=n.map((n=>Object.assign({},{accessor:n,header:n?n.charAt(0).toUpperCase()+n.slice(1):""})));this.parseColumnsArray(t,this.parsedColumns)}else if(this.parsedData.length>0){const n=this.parsedData[0];const t=Object.keys(n).map((n=>({accessor:n,header:n.charAt(0).toUpperCase()+n.slice(1)})));if(this.autoGenerateColumns){this.parseColumnsArray(t,this.parsedColumns)}}}deepEqual(n,t){return JSON.stringify(n)===JSON.stringify(t)}parseDataArray(n,t){const e=Array.isArray(n)?n:[];const l=Array.isArray(t)?t:[];if(this.deepEqual(e,l)){return}this.parsedData=Array.isArray(n)?n:[]}parseColumnsArray(n,t){const e=Array.isArray(n)?n:[];const l=Array.isArray(t)?t:[];if(this.deepEqual(e,l)){return}this.parsedColumns=e}initializeTable(){var n,t,e,l;this.table=null;const r={columns:[],data:[],getCoreRowModel:An(),debugAll:true,onStateChange:n=>console.log("Table state changed:",n),renderFallbackValue:"No rows to display",state:{sorting:[],columnVisibility:{},columnFilters:[],columnPinning:{},columnSizing:{},columnOrder:[],pagination:null,grouping:[],expanded:{},rowPinning:{},rowSelection:{},globalFilter:null,columnSizingInfo:{columnSizingStart:null,deltaOffset:null,deltaPercentage:null,isResizingColumn:false,startOffset:null,startSize:null}}};if(this.parsedColumns.length>0){const n=this.parsedColumns.filter((n=>n===null||n===void 0?void 0:n.accessor));const t=n&&Array.isArray(n)&&n.length>0;const e=this.parsedData&&Array.isArray(this.parsedData)&&this.parsedData.length>0;if(!t&&!e);else if(t&&!e){r.columns=this.generateColumns(n,r)}else{r.data=this.getTableData();r.columns=this.generateColumns(n,r)}}else{const n=this.parsedData&&Array.isArray(this.parsedData)&&this.parsedData.length>0;if(n){const n=this.parsedData[0];const t=Object.keys(n).map((n=>({accessor:n,header:n.charAt(0).toUpperCase()+n.slice(1)})));if(this.autoGenerateColumns){this.parseColumnsArray(t,this.parsedColumns)}r.data=this.getTableData();r.columns=this.generateColumns(t,r)}}if(this.enableGlobalFilter){r.getFilteredRowModel=Vn();const n=this.globalFilterSearchTerm;r.state.globalFilter=n;r.onGlobalFilterChange=n=>{const t=typeof n==="function"?n(this.globalFilterSearchTerm):n;this.globalFilterSearchTerm=t};r.globalFilterFn=this.globalFilterFn}if(this.enablePagination){r.getPaginationRowModel=Jn();const o={pageIndex:(t=(n=this.paginationState)===null||n===void 0?void 0:n.pageIndex)!==null&&t!==void 0?t:0,pageSize:(l=(e=this.paginationState)===null||e===void 0?void 0:e.pageSize)!==null&&l!==void 0?l:10};r.state.pagination=o;r.onPaginationChange=n=>{const t=typeof n==="function"?n(this.paginationState):n;this.paginationState=t}}this.table=Mn(r)}globalFilterFn(n,t,e){const l=String(e).toLowerCase().trim();if(!l)return true;const r=n=>{if(typeof n==="object"&&n!==null){if(Array.isArray(n)){return n.some((n=>r(n)))}return Object.values(n).some((n=>r(n)))}return String(n).toLowerCase().includes(l)};return r(n.original)}generateColumns(n,t){const e=i();if(n.length>0){return n.map((n=>{var t,l;return e.accessor(n.accessor,{header:(l=this.renderTemplate(this.headerTemplateCache.get(n.accessor),(t=n.header)!==null&&t!==void 0?t:n.accessor,null)||n.header)!==null&&l!==void 0?l:n.accessor,cell:t=>{var e,l,r;const o=t.getValue();const u=n.accessor;const i=t.row;return((e=this.columnData.find((n=>n.accessor===u)))===null||e===void 0?void 0:e.repeatTemplate)&&Array.isArray(o)?o.map((n=>{var t,e;return(e=(t=this.renderTemplate(this.templateCache.get(u),n,i)||n)!==null&&t!==void 0?t:o)!==null&&e!==void 0?e:this.fallbackValue})):(r=(l=this.renderTemplate(this.templateCache.get(u),o,i)||o)!==null&&l!==void 0?l:o)!==null&&r!==void 0?r:this.fallbackValue},enableGlobalFilter:this.enableGlobalFilter})}))}else if(t.data&&t.data.length>0){const n=t.data[0];return Object.keys(n).map((n=>e.accessor(n,{header:this.renderTemplate(this.headerTemplateCache.get(n),n.charAt(0).toUpperCase()+n.slice(1),null)||n.charAt(0).toUpperCase()+n.slice(1),cell:t=>{var e,l,r;const o=t.getValue();const u=n;const i=t.row;return((e=this.columnData.find((n=>n.accessor===u)))===null||e===void 0?void 0:e.repeatTemplate)&&Array.isArray(o)?o.map((n=>{var t,e;return(e=(t=this.renderTemplate(this.templateCache.get(u),n,i)||n)!==null&&t!==void 0?t:o)!==null&&e!==void 0?e:this.fallbackValue})):(r=(l=this.renderTemplate(this.templateCache.get(u),o,i)||o)!==null&&l!==void 0?l:o)!==null&&r!==void 0?r:this.fallbackValue},enableGlobalFilter:this.enableGlobalFilter})))}else{return[]}}getTableData(){if(this.parsedData&&Array.isArray(this.parsedData)&&this.parsedData.length>0){return[...this.parsedData]}else{return[]}}renderTemplate(n,t,l){if(!n){return null}const r=n instanceof HTMLTemplateElement?n.content:n;const u=o(r);u.querySelectorAll("*").forEach((n=>{this.replacePlaceholdersTextContent(n,t,l);this.replacePlaceholdersAttributes(n,t,l);this.replacePlaceholdersProperties(n,t,l)}));u.querySelectorAll("[data-bind-event]").forEach((n=>{const t=n.getAttribute("data-bind-event")||"";const e=t.split(":");if(!t.includes(":")||e.length<2){console.warn("Invalid data-bind-event format:",t);return}const r=e[0];const o=e[1];const u=e.length>2?e[2]:null;n.addEventListener(r,(()=>{var n;const t=(n=u===null||u===void 0?void 0:u.split(","))!==null&&n!==void 0?n:[];const e=t.reduce(((n,t)=>{var e;if(l===null||l===void 0?void 0:l.original){if(t in l.original){n[t]=(e=l.original)===null||e===void 0?void 0:e[t]}}return n}),{});const r={keyAction:o,details:e};this.action.emit(r)}))}));setTimeout((()=>{u.querySelectorAll("*").forEach((n=>{if(typeof n.connectedCallback==="function"){n.connectedCallback()}}))}),0);return e("div",{ref:n=>{if(n){n.innerHTML="";n.appendChild(u)}}})}replaceKeyWithValue(n,t){var e;if(t===undefined||t===null){return this.fallbackValue}if(typeof t==="object"){if(n.includes(".")){const e=n.split(".").reduce(((n,t)=>{if(n&&n[t]!==undefined){return n[t]}else{return undefined}}),t);if(e!==undefined){return String(e)}else{const e=n.split(".")[0];const l=n.substring(e.length+1);const r=this.replaceKeyWithValue(l,t);if(r!==this.fallbackValue){return r}}}if(n in t){return String(t[n])}else if(Array.isArray(t)){const e=t.map((t=>{if(typeof t!=="object"){return t.toString()}else if(n in t){return t[n]}else{return t.toString()}}));return e.join(", ")}return this.fallbackValue}return(e=t===null||t===void 0?void 0:t.toString())!==null&&e!==void 0?e:this.fallbackValue}replacePlaceholdersTextContent(n,t,e){if(!t){const t=e.original;n.childNodes.forEach((n=>{if(n.nodeType===Node.TEXT_NODE){n.textContent=n.textContent.replace(/__([\w.]+)__/g,((n,e)=>{if(e in t){return this.replaceKeyWithValue(e,t[e])}else{console.warn(`Key ${e} not found in originalValue`);return""}}))}}))}else{n.childNodes.forEach((n=>{if(n.nodeType===Node.TEXT_NODE){n.textContent=n.textContent.replace(/__([\w.]+)__/g,((n,e)=>this.replaceKeyWithValue(e,t)))}}))}}replacePlaceholdersAttributes(n,t,e){if(!t){const t=e.original;Array.from(n.attributes).forEach((n=>{if(n.value.includes("__")){n.value=n.value.replace(/__([\w.]+)__/g,((n,e)=>{if(e in t){return this.replaceKeyWithValue(e,t[e])}else{console.warn(`Key ${e} not found in originalValue`);return""}}))}}))}else{Array.from(n.attributes).forEach((n=>{if(n.value.includes("__")){n.value=n.value.replace(/__([\w.]+)__/g,((n,e)=>this.replaceKeyWithValue(e,t)))}}))}}replacePlaceholdersProperties(n,t,e){if(!t){const t=e.original;const l=new Set;Object.keys(t).forEach((n=>l.add(n)));let r=Object.getPrototypeOf(t);while(r&&r!==HTMLElement.prototype){Object.keys(r).forEach((n=>l.add(n)));r=Object.getPrototypeOf(r)}l.forEach((e=>{if(typeof n[e]!=="function"&&!e.startsWith("on")&&!u.has(e)){const l=n[e];if(typeof l==="string"&&l.includes("__")){n[e]=l.replace(/__([\w.]+)__/g,((n,e)=>{if(e in t){return this.replaceKeyWithValue(e,t[e])}else{console.warn(`Key ${e} not found in originalValue`);return""}}))}}}))}else{const e=new Set;Object.keys(n).forEach((n=>e.add(n)));let l=Object.getPrototypeOf(n);while(l&&l!==HTMLElement.prototype){Object.keys(l).forEach((n=>e.add(n)));l=Object.getPrototypeOf(l)}e.forEach((e=>{if(typeof n[e]!=="function"&&!e.startsWith("on")&&!u.has(e)){try{const l=n[e];if(typeof l==="string"&&l.includes("__")){n[e]=l.replace(/__([\w.]+)__/g,((n,e)=>this.replaceKeyWithValue(e,t)))}}catch(n){console.warn(`Could not assign property ${e}:`,n.message)}}}))}}parseColumns(n,t=[]){this.parseColumnsArray(n,t)}parseJsonColumns(n,t){try{const e=n?JSON.parse(n):[];this.parseColumnsArray(e,t)}catch(n){console.error("Invalid JSON format for columnsJson:",n.message);this.parsedColumns=[]}}parseData(n,t=[]){this.parseDataArray(n,t)}parseJsonData(n){try{const t=n?JSON.parse(n):[];this.parseDataArray(t,this.parsedData)}catch(n){console.error("Invalid JSON format for dataJson:",n.message);this.parsedData=[]}}handleParsedChange(){this.initializeTable()}handleGlobalFilterSearchTerm(n){if(!this.table){console.warn("Table is not initialized yet.");return}this.table.options.state.globalFilter=n}handlePaginationState(n,t){if(!this.table){console.warn("Table is not initialized yet.");return}if(JSON.stringify(n)!==JSON.stringify(t)){this.table.options.state.pagination=n}}componentWillLoad(){this.cacheTemplates();this.parseDataAndColumns();this.initializeTable();if(this.enablePagination){const n=this.pageSize>0?this.pageSize:10;this.paginationState={pageIndex:Math.max(0,this.minPageIndex-1),pageSize:n}}}render(){var n,t,r,o,u;const i=!this.table||this.table===undefined||this.parsedColumns.length===0?[]:(n=this.table)===null||n===void 0?void 0:n.getHeaderGroups();const s=!this.table||this.table===undefined||this.parsedData.length===0?[]:(r=(t=this.table)===null||t===void 0?void 0:t.getRowModel())===null||r===void 0?void 0:r.rows;return e(l,{key:"b3886397a5e6694611636d4da7d61ae5ccbe1903"},e("div",{key:"8fa71d83f4cfa79cf7fb334bcf6115e4cf253c5d",class:"hidden"},e("slot",{key:"9aad5956b5973cafc486f3a854a66ae86038ef4a"})),e("slot",{key:"7a1ca93223567faffabb3473df2176cd02654247",name:"before"}),this.enableGlobalFilter&&this.table&&e("div",{key:"0020880c229d8ed9070c15182191e86b8b3fed1d",class:"search-container"},e("input",{key:"cefc47330a7d770c3668d1406930b9ac50992a10",type:"text",value:(o=this.globalFilterSearchTerm)!==null&&o!==void 0?o:"",onInput:this.handleGlobalFilteringOnInput,placeholder:"Search all columns...",class:"search-input","aria-label":"Search all columns"})),this.parsedColumns.length===0&&this.parsedData.length===0?e("div",{class:"no-data"},this.noColumnsNoDataMessage):e("div",null,e("table",null,this.parsedColumns.length>0&&i.length>0&&e("thead",null,this.parsedColumns.length>0&&i?i===null||i===void 0?void 0:i.map((n=>e("tr",{key:n.id},n.headers.map((n=>e("th",{key:n.id},n.isPlaceholder?null:this.flexRender(n.column.columnDef.header,n.getContext()))))))):null),e("tbody",null,!s||s.length===0||this.parsedData.length===0?e("tr",null,e("td",{colSpan:this.parsedColumns.length||12,class:"no-data"},this.noDataMessage)):s.map((n=>{const t=n.id;const l=n===null||n===void 0?void 0:n.getVisibleCells();return e("tr",{key:t},l.map((n=>e("td",{key:n.id,"data-row-id":t},this.flexRender(n.column.columnDef.cell,n.getContext())))))})))),this.enablePagination&&e("div",{class:"flex items-center gap-2"},e("button",{class:"border rounded p-1",disabled:!this.table.getCanPreviousPage(),onClick:this.table.firstPage},"<<"),e("button",{class:"border rounded p-1",disabled:!this.table.getCanPreviousPage(),onClick:this.table.previousPage},"<"),e("button",{class:"border rounded p-1",disabled:!this.table.getCanNextPage(),onClick:this.table.nextPage},">"),e("button",{class:"border rounded p-1",disabled:!this.table.getCanNextPage(),onClick:this.table.lastPage},">>"),e("span",{class:"flex items-center gap-1"},e("div",null,"Page"),e("strong",null,this.table.getState().pagination.pageIndex+1," of"," ",this.table.getPageCount().toLocaleString())),e("span",{class:"flex items-center gap-1"},"| Go to page:"," ",e("input",{type:"number",min:this.minPageIndex,max:this.table.getPageCount(),value:this.table.getState().pagination.pageIndex+1,class:"border p-1 rounded w-16","aria-label":"Go to page",onInput:this.handlePageIndexChange})),(u=this.pageSizes)!==null&&u!==void 0?u:e("select",{"aria-label":"Rows per page",onChange:this.handlePageSizeChange},this.pageSizes.map((n=>e("option",{value:String(n),selected:this.table.getState().pagination.pageSize===n},"Show ",n)))))),e("slot",{key:"2030fdc2b38a293e749f2ffd4645987e834fee76",name:"after"}))}get el(){return r(this)}static get watchers(){return{columns:["parseColumns"],columnsJson:["parseJsonColumns"],data:["parseData"],dataJson:["parseJsonData"],parsedColumns:["handleParsedChange"],parsedData:["handleParsedChange"],globalFilterSearchTerm:["handleGlobalFilterSearchTerm"],paginationState:["handlePaginationState"]}}};Hn.style=$n;export{Hn as nv_datagrid};
-//# sourceMappingURL=p-9a267f16.entry.js.map