lsp-grid 1.0.0

package/dist/esm/revogr-filter-panel.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"revogr-filter-panel.entry.js","sources":["src/utils/closest.polifill.ts","src/plugins/filter/filter.style.scss?tag=revogr-filter-panel","src/plugins/filter/filter.panel.tsx"],"sourcesContent":["(function closest() {\r\n  if (!Element.prototype.matches) {\r\n    Element.prototype.matches =\r\n      ((Element.prototype as unknown) as { msMatchesSelector: (selectors: string) => boolean }).msMatchesSelector || Element.prototype.webkitMatchesSelector;\r\n  }\r\n\r\n  if (!Element.prototype.closest) {\r\n    Element.prototype.closest = function (s: string) {\r\n      let el: HTMLElement | Element | (Node & ParentNode) | null = this;\r\n\r\n      do {\r\n        if (Element.prototype.matches.call(el, s)) {\r\n          return el;\r\n        }\r\n        el = el.parentElement || el.parentNode;\r\n      } while (el !== null && el.nodeType === 1);\r\n      return null;\r\n    };\r\n  }\r\n})();\r\n","revogr-filter-panel {\r\n  position: absolute;\r\n  display: block;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: 100;\r\n  max-height: calc(100% - 80px);\r\n  min-width: 250px;\r\n  overflow: auto;\r\n\r\n  opacity: 1;\r\n  transform: none;\r\n  background-color: var(--revo-grid-filter-panel-bg, #fff);\r\n  border: 1px solid var(--revo-grid-filter-panel-border, #cecece);\r\n  transform-origin: 62px 0px;\r\n  box-shadow: 0 5px 18px -2px var(--revo-grid-filter-panel-shadow, rgba(0, 0, 0, 0.15));\r\n  padding: 10px;\r\n  border-radius: 8px;\r\n\r\n  min-width: 220px;\r\n  text-align: left;\r\n\r\n  .filter-holder > div {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  label {\r\n    font-size: 13px;\r\n    display: block;\r\n    padding: 8px 0;\r\n  }\r\n\r\n  select {\r\n    width: 100%;\r\n  }\r\n\r\n  input[type='text'] {\r\n    border: 0;\r\n    min-height: 34px;\r\n    margin: 5px 0;\r\n    background: var(--revo-grid-filter-panel-input-bg, #f3f3f3);\r\n    border-radius: 5px;\r\n    padding: 0 10px;\r\n    box-sizing: border-box;\r\n    width: 100%;\r\n  }\r\n\r\n  button {\r\n    margin-top: 10px;\r\n    margin-right: 5px;\r\n  }\r\n\r\n  .filter-actions {\r\n    text-align: right;\r\n    margin-right: -5px;\r\n  }\r\n}\r\n\r\n.rgHeaderCell {\r\n  &:hover .rv-filter {\r\n    transition:\r\n      opacity 267ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\r\n      transform 178ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\r\n  }\r\n  &:hover .rv-filter,\r\n  .rv-filter.active {\r\n    opacity: 1;\r\n  }\r\n\r\n  .rv-filter {\r\n    $btn-size: 24px;\r\n    height: $btn-size;\r\n    width: $btn-size;\r\n    background: none;\r\n    border: 0;\r\n    opacity: 0;\r\n    visibility: visible;\r\n    cursor: pointer;\r\n    border-radius: 4px;\r\n\r\n    &.active {\r\n      color: #10224a;\r\n    }\r\n\r\n    .filter-img {\r\n      $img-size: 11px;\r\n      color: gray;\r\n      width: $img-size;\r\n    }\r\n  }\r\n}\r\n\r\n.select-css {\r\n  $gradient: 'data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E';\r\n\r\n  display: block;\r\n  font-family: sans-serif;\r\n  line-height: 1.3;\r\n  padding: 0.6em 1.4em 0.5em 0.8em;\r\n  width: 100%;\r\n  max-width: 100%; /* useful when width is set to anything other than 100% */\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  border: 1px solid var(--revo-grid-filter-panel-select-border, #d9d9d9);\r\n  box-shadow: transparent;\r\n  border-radius: 0.5em;\r\n  appearance: none;\r\n  background-color: var(--revo-grid-filter-panel-input-bg, #f3f3f3);\r\n  background-image: url($gradient);\r\n  background-repeat: no-repeat, repeat;\r\n  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/\r\n  background-position:\r\n    right 0.7em top 50%,\r\n    0 0;\r\n  /* icon size, then gradient */\r\n  background-size:\r\n    0.65em auto,\r\n    100%;\r\n\r\n  /* Hide arrow icon in IE browsers */\r\n  &::-ms-expand {\r\n    display: none;\r\n  }\r\n  /* Hover style */\r\n  &:hover {\r\n    border-color: var(--revo-grid-filter-panel-select-border, #d9d9d9);\r\n  }\r\n  /* Focus style */\r\n  &:focus {\r\n    border-color: var(--revo-grid-filter-panel-select-border-hover, #d9d9d9);\r\n    box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);\r\n    box-shadow: 0 0 0 3px -moz-mac-focusring;\r\n    outline: none;\r\n  }\r\n\r\n  /* Set options to normal weight */\r\n  option {\r\n    font-weight: normal;\r\n  }\r\n\r\n  /* Disabled styles */\r\n  &:disabled,\r\n  &[aria-disabled='true'] {\r\n    color: gray;\r\n    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),\r\n      linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);\r\n  }\r\n\r\n  &:disabled:hover,\r\n  &[aria-disabled='true'] {\r\n    border-color: var(--revo-grid-filter-panel-select-border, #d9d9d9);\r\n  }\r\n}\r\n\r\n.multi-filter-list {\r\n  margin-top: 5px;\r\n  margin-bottom: 5px;\r\n\r\n  div {\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .multi-filter-list-action {\r\n    display: flex;\r\n\r\n    justify-content: space-between;\r\n    align-items: center;\r\n  }\r\n\r\n  .and-or-button {\r\n    margin: 0 0 0 10px;\r\n    min-width: 58px;\r\n    cursor: pointer;\r\n  }\r\n  .trash-button {\r\n    $btn-remove-size: 22px;\r\n    margin: 0 0 -2px 6px;\r\n    cursor: pointer;\r\n\r\n    width: $btn-remove-size;\r\n    height: 100%;\r\n    font-size: 16px;\r\n\r\n    .trash-img {\r\n      width: 1em;\r\n    }\r\n  }\r\n}\r\n\r\n.add-filter-divider {\r\n  display: block;\r\n  margin: 0 -10px 10px -10px;\r\n\r\n  border-bottom: 1px solid var(--revo-grid-filter-panel-divider, #d9d9d9);\r\n  height: 10px;\r\n}\r\n\r\n.select-input {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n","// filter.panel.tsx\r\n\r\nimport {\r\n  h,\r\n  Component,\r\n  Event,\r\n  EventEmitter,\r\n  Host,\r\n  Listen,\r\n  Method,\r\n  Prop,\r\n  State,\r\n  type VNode,\r\n  Element,\r\n} from '@stencil/core';\r\nimport debounce from 'lodash/debounce';\r\n\r\nimport { AndOrButton, isFilterBtn, TrashButton } from './filter.button';\r\nimport '../../utils/closest.polifill';\r\nimport {\r\n  FilterCaptions,\r\n  LogicFunction,\r\n  MultiFilterItem,\r\n  ShowData,\r\n} from './filter.types';\r\nimport type { ColumnProp } from '@type';\r\nimport { FilterType } from './filter.indexed';\r\n\r\nconst defaultType: FilterType = 'none';\r\n\r\nconst FILTER_LIST_CLASS = 'multi-filter-list';\r\nconst FILTER_LIST_CLASS_ACTION = 'multi-filter-list-action';\r\nconst FILTER_ID = 'add-filter';\r\n\r\n/**\r\n * Filter panel for editing filters\r\n */\r\n/**\r\n * @internal\r\n */\r\n@Component({\r\n  tag: 'revogr-filter-panel',\r\n  styleUrl: 'filter.style.scss',\r\n})\r\nexport class FilterPanel {\r\n  private filterCaptionsInternal: FilterCaptions = {\r\n    title: 'Filter by',\r\n    ok: 'Close',\r\n    save: 'Save',\r\n    // drops the filter\r\n    reset: 'Reset',\r\n    cancel: 'Cancel',\r\n    add: 'Add condition',\r\n    placeholder: 'Enter value...',\r\n    and: 'and',\r\n    or: 'or',\r\n  };\r\n\r\n  @Element() element!: HTMLElement;\r\n  @State() isFilterIdSet = false;\r\n  @State() filterId = 0;\r\n  @State() currentFilterId = -1;\r\n  @State() currentFilterType: FilterType = defaultType;\r\n  @State() changes: ShowData | undefined;\r\n  @State() filterItems: MultiFilterItem = {};\r\n  @Prop() filterNames: Record<string, string> = {};\r\n  @Prop() filterEntities: Record<string, LogicFunction> = {};\r\n  @Prop() filterCaptions: Partial<FilterCaptions> | undefined;\r\n  /**\r\n   * Disables dynamic filtering. A way to apply filters on Save only\r\n   */\r\n  @Prop() disableDynamicFiltering = false;\r\n  /**\r\n   * If true, closes the filter panel when clicking outside\r\n   */\r\n  @Prop() closeOnOutsideClick = true;\r\n  @Event() filterChange: EventEmitter<MultiFilterItem>;\r\n  @Event() resetChange: EventEmitter<ColumnProp>;\r\n\r\n  @Listen('mousedown', { target: 'document' }) onMouseDown(e: MouseEvent) {\r\n    // click on anything then select drops values to default\r\n    if (!this.changes) {\r\n      return;\r\n    }\r\n    const path = e.composedPath();\r\n    const select = document.getElementById(FILTER_ID);\r\n    if (select instanceof HTMLSelectElement) {\r\n      // click on select should be skipped\r\n      if (path.includes(select)) {\r\n        return;\r\n      }\r\n      select.value = defaultType;\r\n    }\r\n    this.currentFilterType = defaultType;\r\n    if (this.changes) {\r\n      this.changes.type = defaultType;\r\n    }\r\n    this.currentFilterId = -1;\r\n\r\n    const isOutside = !path.includes(this.element);\r\n\r\n    if (\r\n      e.target instanceof HTMLElement &&\r\n      isOutside &&\r\n      !isFilterBtn(e.target) &&\r\n      this.closeOnOutsideClick\r\n    ) {\r\n      this.changes = undefined;\r\n    }\r\n  }\r\n\r\n  @Method() async show(newEntity?: ShowData) {\r\n    this.changes = newEntity;\r\n    this.filterItems = newEntity?.filterItems || {};\r\n    if (this.changes) {\r\n      this.changes.type = this.changes.type || defaultType;\r\n    }\r\n  }\r\n\r\n  @Method() async getChanges() {\r\n    return this.changes;\r\n  }\r\n\r\n  componentWillRender() {\r\n    if (!this.isFilterIdSet) {\r\n      this.isFilterIdSet = true;\r\n      const filterItems = Object.keys(this.filterItems);\r\n      for (const prop of filterItems) {\r\n        // we set the proper filterId so there won't be any conflict when removing filters\r\n        this.filterId += this.filterItems[prop].length;\r\n      }\r\n    }\r\n  }\r\n\r\n  getFilterItemsList() {\r\n    const prop = this.changes?.prop;\r\n    if (typeof prop === 'undefined') return '';\r\n\r\n    const propFilters = this.filterItems[prop] ?? [];\r\n    const capts = Object.assign(\r\n      this.filterCaptionsInternal,\r\n      this.filterCaptions,\r\n    );\r\n    return (\r\n      <div key={this.filterId}>\r\n        {propFilters.map((filter, index) => {\r\n          let andOrButton;\r\n          if (filter.hidden) {\r\n            return;\r\n          }\r\n\r\n          // hide toggle button if there is only one filter and the last one\r\n          if (index !== this.filterItems[prop].length - 1) {\r\n            andOrButton = (\r\n              <div onClick={() => this.toggleFilterAndOr(filter.id)}>\r\n                <AndOrButton\r\n                  text={filter.relation === 'and' ? capts.and : capts.or}\r\n                />\r\n              </div>\r\n            );\r\n          }\r\n\r\n          return (\r\n            <div key={filter.id} class={FILTER_LIST_CLASS}>\r\n              <div class={{ 'select-input': true }}>\r\n                <select\r\n                  class=\"select-css select-filter\"\r\n                  onChange={e => this.onFilterTypeChange(e, prop, index)}\r\n                >\r\n                  {this.renderSelectOptions(\r\n                    this.filterItems[prop][index].type,\r\n                    true,\r\n                  )}\r\n                </select>\r\n                <div class={FILTER_LIST_CLASS_ACTION}>{andOrButton}</div>\r\n                <div onClick={() => this.onRemoveFilter(filter.id)}>\r\n                  <TrashButton />\r\n                </div>\r\n              </div>\r\n              <div>{this.renderExtra(prop, index)}</div>\r\n            </div>\r\n          );\r\n        })}\r\n\r\n        {propFilters.filter(f => !f.hidden).length > 0 ? <div class=\"add-filter-divider\" /> : ''}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private autoCorrect(el?: HTMLElement | null) {\r\n    if (!el) {\r\n      return;\r\n    }\r\n\r\n    const revoGrid = el.closest('revo-grid');\r\n    if (!revoGrid) {\r\n      return;\r\n    }\r\n\r\n    const pos = el.getBoundingClientRect();\r\n    const gridPos = revoGrid.getBoundingClientRect();\r\n    const maxLeft = gridPos.right - pos.width;\r\n\r\n    if (pos.left > maxLeft && el.offsetLeft) {\r\n      el.style.left = `${maxLeft - (el.parentElement?.getBoundingClientRect().left ?? 0)}px`;\r\n    }\r\n  }\r\n\r\n  private onFilterTypeChange(e: Event, prop: ColumnProp, index: number) {\r\n    if (!(e.target instanceof HTMLSelectElement)) {\r\n      return;\r\n    }\r\n    this.filterItems[prop][index].type = e.target.value as FilterType;\r\n\r\n    // this re-renders the input to know if we need extra input\r\n    this.filterId++;\r\n\r\n    // adding setTimeout will wait for the next tick DOM update then focus on input\r\n    setTimeout(() => {\r\n      const input = document.getElementById(\r\n        'filter-input-' + this.filterItems[prop][index].id,\r\n      );\r\n      if (input instanceof HTMLInputElement) {\r\n        input.focus();\r\n      }\r\n    }, 0);\r\n\r\n    if (!this.disableDynamicFiltering) {\r\n      this.debouncedApplyFilter();\r\n    }\r\n  }\r\n\r\n  private debouncedApplyFilter = debounce(() => {\r\n    this.filterChange.emit(this.filterItems);\r\n  }, 400);\r\n\r\n  private onAddNewFilter(e: Event) {\r\n    const el = e.target as HTMLSelectElement;\r\n    this.currentFilterType = el.value as FilterType;\r\n    this.addNewFilterToProp();\r\n\r\n    // reset value after adding new filter\r\n    const select = document.getElementById('add-filter') as HTMLSelectElement;\r\n    if (select) {\r\n      select.value = defaultType;\r\n      this.currentFilterType = defaultType;\r\n    }\r\n\r\n    if (!this.disableDynamicFiltering) {\r\n      this.debouncedApplyFilter();\r\n    }\r\n  }\r\n\r\n  private addNewFilterToProp() {\r\n    const prop = this.changes?.prop;\r\n    if (!(prop || prop === 0)) return;\r\n\r\n    if (!this.filterItems[prop]) {\r\n      this.filterItems[prop] = [];\r\n    }\r\n\r\n    if (this.currentFilterType === 'none') return;\r\n\r\n    this.filterId++;\r\n    this.currentFilterId = this.filterId;\r\n\r\n    this.filterItems[prop].push({\r\n      id: this.currentFilterId,\r\n      type: this.currentFilterType,\r\n      value: '',\r\n      relation: 'and',\r\n    });\r\n\r\n    // adding setTimeout will wait for the next tick DOM update then focus on input\r\n    setTimeout(() => {\r\n      const input = document.getElementById(\r\n        'filter-input-' + this.currentFilterId,\r\n      ) as HTMLInputElement;\r\n      if (input) input.focus();\r\n    }, 0);\r\n  }\r\n\r\n  private onSave() {\r\n    this.filterChange.emit(this.filterItems);\r\n  }\r\n\r\n  private onCancel() {\r\n    this.changes = undefined;\r\n  }\r\n\r\n  private onReset() {\r\n    this.assertChanges();\r\n\r\n    this.resetChange.emit(this.changes?.prop);\r\n\r\n    // this updates the DOM which is used by getFilterItemsList() key\r\n    this.filterId++;\r\n  }\r\n\r\n  private onRemoveFilter(id: number) {\r\n    this.assertChanges();\r\n\r\n    // this is for reactivity issues for getFilterItemsList()\r\n    this.filterId++;\r\n\r\n    const prop = this.changes?.prop;\r\n\r\n    const items = this.filterItems[prop ?? ''];\r\n    if (!items) return;\r\n\r\n    const index = items.findIndex(d => d.id === id);\r\n    if (index === -1) return;\r\n    items.splice(index, 1);\r\n\r\n    // let's remove the prop if no more filters so the filter icon will be removed\r\n    if (items.length === 0) delete this.filterItems[prop ?? ''];\r\n\r\n    if (!this.disableDynamicFiltering) {\r\n      this.debouncedApplyFilter();\r\n    }\r\n  }\r\n\r\n  private toggleFilterAndOr(id: number) {\r\n    this.assertChanges();\r\n\r\n    // this is for reactivity issues for getFilterItemsList()\r\n    this.filterId++;\r\n\r\n    const prop = this.changes?.prop;\r\n\r\n    const items = this.filterItems[prop ?? ''];\r\n    if (!items) return;\r\n\r\n    const index = items.findIndex(d => d.id === id);\r\n    if (index === -1) return;\r\n\r\n    items[index].relation = items[index].relation === 'and' ? 'or' : 'and';\r\n    if (!this.disableDynamicFiltering) {\r\n      this.debouncedApplyFilter();\r\n    }\r\n  }\r\n\r\n  private assertChanges() {\r\n    if (!this.changes) {\r\n      throw new Error('Changes required per edit');\r\n    }\r\n  }\r\n\r\n  renderSelectOptions(type: FilterType, isDefaultTypeRemoved = false) {\r\n    if (!this.changes) {\r\n      return;\r\n    }\r\n    const options: VNode[] = [];\r\n    const prop = this.changes.prop;\r\n\r\n    const hidden = new Set<string>();\r\n    Object.entries(this.filterItems).forEach(([_, values]) => {\r\n      values.forEach((filter) => {\r\n        if (filter.hidden) {\r\n          hidden.add(filter.type);\r\n        }\r\n      })\r\n    });\r\n\r\n    if (!isDefaultTypeRemoved) {\r\n      const capts = Object.assign(\r\n        this.filterCaptionsInternal,\r\n        this.filterCaptions,\r\n      );\r\n\r\n      options.push(\r\n        <option\r\n          selected={this.currentFilterType === defaultType}\r\n          value={defaultType}\r\n        >\r\n          {prop && this.filterItems[prop] && this.filterItems[prop].length > 0\r\n            ? capts.add\r\n            : this.filterNames[defaultType]}\r\n        </option>,\r\n      );\r\n    }\r\n\r\n    for (let gIndex in this.changes.filterTypes) {\r\n      const group = this.changes.filterTypes[gIndex].filter(k => !hidden.has(k));\r\n      if (group.length) {\r\n        options.push(\r\n          ...group.map(k => (\r\n            <option value={k} selected={type === k}>\r\n              {this.filterNames[k]}\r\n            </option>\r\n          )),\r\n        );\r\n        options.push(<option disabled></option>);\r\n      }\r\n    }\r\n    return options;\r\n  }\r\n\r\n  renderExtra(prop: ColumnProp, index: number) {\r\n    const currentFilter = this.filterItems[prop];\r\n\r\n    if (!currentFilter) return '';\r\n\r\n    const applyFilter = (value?: any) => {\r\n      this.filterItems[prop][index].value = value;\r\n      if (!this.disableDynamicFiltering) {\r\n        this.debouncedApplyFilter();\r\n      }\r\n    };\r\n\r\n    const focusNext = () => {\r\n      const select = document.getElementById('add-filter') as HTMLSelectElement;\r\n      if (select) {\r\n        select.value = defaultType;\r\n        this.currentFilterType = defaultType;\r\n        this.addNewFilterToProp();\r\n        select.focus();\r\n      }\r\n    };\r\n\r\n    const capts = Object.assign(\r\n      this.filterCaptionsInternal,\r\n      this.filterCaptions,\r\n    );\r\n    const extra = this.filterEntities[currentFilter[index].type].extra;\r\n    if (typeof extra === 'function') {\r\n      return extra(h, {\r\n        value: currentFilter[index].value,\r\n        filter: currentFilter[index],\r\n        prop,\r\n        index,\r\n        placeholder: capts.placeholder,\r\n        onInput: (value: any) => {\r\n          applyFilter(value);\r\n        },\r\n        onFocus: () => {\r\n          focusNext();\r\n        }\r\n      });\r\n    }\r\n    if (extra !== 'input' && extra !== 'datepicker') {\r\n      return '';\r\n    }\r\n    return (\r\n      <input\r\n        id={`filter-input-${currentFilter[index].id}`}\r\n        placeholder={capts.placeholder}\r\n        type={extra === 'datepicker' ? 'date' : 'text'}\r\n        value={currentFilter[index].value}\r\n        onInput={(e) => {\r\n          if (e.target instanceof HTMLInputElement) {\r\n            applyFilter(e.target.value);\r\n          }\r\n        }}\r\n        onKeyDown={e => {\r\n          if (e.key.toLowerCase() === 'enter') {\r\n            const select = document.getElementById('add-filter') as HTMLSelectElement;\r\n            if (select) {\r\n              focusNext();\r\n            }\r\n            return;\r\n          }\r\n          // keep event local, don't escalate farther to dom\r\n          e.stopPropagation();\r\n        }}\r\n      />\r\n    );\r\n  }\r\n\r\n  render() {\r\n    if (!this.changes) {\r\n      return <Host style={{ display: 'none' }}></Host>;\r\n    }\r\n    const style = {\r\n      display: 'block',\r\n      left: `${this.changes.x}px`,\r\n      top: `${this.changes.y}px`,\r\n    };\r\n\r\n    const capts = Object.assign(\r\n      this.filterCaptionsInternal,\r\n      this.filterCaptions,\r\n    );\r\n\r\n    return (\r\n      <Host\r\n        style={style}\r\n        ref={el => {\r\n          this.changes?.autoCorrect !== false && this.autoCorrect(el);\r\n        }}\r\n      >\r\n        <slot slot=\"header\" />\r\n        { this.changes.extraContent?.(this.changes) || '' }\r\n\r\n        { this.changes?.hideDefaultFilters !== true && (\r\n          [\r\n            <label>{capts.title}</label>,\r\n            <div class=\"filter-holder\">{this.getFilterItemsList()}</div>,\r\n            <div class=\"add-filter\">\r\n              <select\r\n                id={FILTER_ID}\r\n                class=\"select-css\"\r\n                onChange={e => this.onAddNewFilter(e)}\r\n              >\r\n                {this.renderSelectOptions(this.currentFilterType)}\r\n              </select>\r\n            </div>\r\n          ]\r\n        )}\r\n\r\n        <slot />\r\n        <div class=\"filter-actions\">\r\n          {this.disableDynamicFiltering && [\r\n            <button\r\n              id=\"revo-button-save\"\r\n              aria-label=\"save\"\r\n              class=\"revo-button green\"\r\n              onClick={() => this.onSave()}\r\n            >\r\n              {capts.save}\r\n            </button>,\r\n            <button\r\n              id=\"revo-button-ok\"\r\n              aria-label=\"ok\"\r\n              class=\"revo-button green\"\r\n              onClick={() => this.onCancel()}\r\n            >\r\n              {capts.cancel}\r\n            </button>,\r\n          ]}\r\n          {!this.disableDynamicFiltering && [\r\n            <button\r\n              id=\"revo-button-ok\"\r\n              aria-label=\"ok\"\r\n              class=\"revo-button green\"\r\n              onClick={() => this.onCancel()}\r\n            >\r\n              {capts.ok}\r\n            </button>,\r\n\r\n            <button\r\n              id=\"revo-button-reset\"\r\n              aria-label=\"reset\"\r\n              class=\"revo-button outline\"\r\n              onClick={() => this.onReset()}\r\n            >\r\n              {capts.reset}\r\n            </button>,\r\n          ]}\r\n        </div>\r\n        <slot slot=\"footer\" />\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;;;;AAAA,CAAC,SAAS,OAAO,GAAA;AACf,IAAA,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE;QAC9B,OAAO,CAAC,SAAS,CAAC,OAAO;YACrB,OAAO,CAAC,SAA+E,CAAC,iBAAiB,IAAI,OAAO,CAAC,SAAS,CAAC,qBAAqB;;AAG1J,IAAA,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE;AAC9B,QAAA,OAAO,CAAC,SAAS,CAAC,OAAO,GAAG,UAAU,CAAS,EAAA;YAC7C,IAAI,EAAE,GAAuD,IAAI;AAEjE,YAAA,GAAG;AACD,gBAAA,IAAI,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE;AACzC,oBAAA,OAAO,EAAE;;gBAEX,EAAE,GAAG,EAAE,CAAC,aAAa,IAAI,EAAE,CAAC,UAAU;aACvC,QAAQ,EAAE,KAAK,IAAI,IAAI,EAAE,CAAC,QAAQ,KAAK,CAAC;AACzC,YAAA,OAAO,IAAI;AACb,SAAC;;AAEL,CAAC,GAAG;;ACnBJ,MAAM,cAAc,GAAG,6iIAA6iI;;AC4BpkI,MAAM,WAAW,GAAe,MAAM;AAEtC,MAAM,iBAAiB,GAAG,mBAAmB;AAC7C,MAAM,wBAAwB,GAAG,0BAA0B;AAC3D,MAAM,SAAS,GAAG,YAAY;MAYjB,WAAW,GAAA,MAAA;AAJxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;;QAKU,IAAA,CAAA,sBAAsB,GAAmB;AAC/C,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,EAAE,EAAE,OAAO;AACX,YAAA,IAAI,EAAE,MAAM;;AAEZ,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,MAAM,EAAE,QAAQ;AAChB,YAAA,GAAG,EAAE,eAAe;AACpB,YAAA,WAAW,EAAE,gBAAgB;AAC7B,YAAA,GAAG,EAAE,KAAK;AACV,YAAA,EAAE,EAAE,IAAI;SACT;AAGQ,QAAA,IAAa,CAAA,aAAA,GAAG,KAAK;AACrB,QAAA,IAAQ,CAAA,QAAA,GAAG,CAAC;AACZ,QAAA,IAAe,CAAA,eAAA,GAAG,EAAE;AACpB,QAAA,IAAiB,CAAA,iBAAA,GAAe,WAAW;AAE3C,QAAA,IAAW,CAAA,WAAA,GAAoB,EAAE;AAClC,QAAA,IAAW,CAAA,WAAA,GAA2B,EAAE;AACxC,QAAA,IAAc,CAAA,cAAA,GAAkC,EAAE;AAE1D;;AAEG;AACK,QAAA,IAAuB,CAAA,uBAAA,GAAG,KAAK;AACvC;;AAEG;AACK,QAAA,IAAmB,CAAA,mBAAA,GAAG,IAAI;AA6J1B,QAAA,IAAA,CAAA,oBAAoB,GAAG,QAAQ,CAAC,MAAK;YAC3C,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;SACzC,EAAE,GAAG,CAAC;AAgUR;AA3d8C,IAAA,WAAW,CAAC,CAAa,EAAA;;AAEpE,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB;;AAEF,QAAA,MAAM,IAAI,GAAG,CAAC,CAAC,YAAY,EAAE;QAC7B,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC;AACjD,QAAA,IAAI,MAAM,YAAY,iBAAiB,EAAE;;AAEvC,YAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;gBACzB;;AAEF,YAAA,MAAM,CAAC,KAAK,GAAG,WAAW;;AAE5B,QAAA,IAAI,CAAC,iBAAiB,GAAG,WAAW;AACpC,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,WAAW;;AAEjC,QAAA,IAAI,CAAC,eAAe,GAAG,EAAE;QAEzB,MAAM,SAAS,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;AAE9C,QAAA,IACE,CAAC,CAAC,MAAM,YAAY,WAAW;YAC/B,SAAS;AACT,YAAA,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC;YACtB,IAAI,CAAC,mBAAmB,EACxB;AACA,YAAA,IAAI,CAAC,OAAO,GAAG,SAAS;;;IAIlB,MAAM,IAAI,CAAC,SAAoB,EAAA;AACvC,QAAA,IAAI,CAAC,OAAO,GAAG,SAAS;QACxB,IAAI,CAAC,WAAW,GAAG,CAAA,SAAS,KAAA,IAAA,IAAT,SAAS,KAAA,MAAA,GAAA,MAAA,GAAT,SAAS,CAAE,WAAW,KAAI,EAAE;AAC/C,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,WAAW;;;AAI9C,IAAA,MAAM,UAAU,GAAA;QACxB,OAAO,IAAI,CAAC,OAAO;;IAGrB,mBAAmB,GAAA;AACjB,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;AACvB,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI;YACzB,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;AACjD,YAAA,KAAK,MAAM,IAAI,IAAI,WAAW,EAAE;;gBAE9B,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,MAAM;;;;IAKpD,kBAAkB,GAAA;;QAChB,MAAM,IAAI,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI;QAC/B,IAAI,OAAO,IAAI,KAAK,WAAW;AAAE,YAAA,OAAO,EAAE;QAE1C,MAAM,WAAW,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,EAAE;AAChD,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CACzB,IAAI,CAAC,sBAAsB,EAC3B,IAAI,CAAC,cAAc,CACpB;QACD,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAA,EACpB,WAAW,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,KAAI;AACjC,YAAA,IAAI,WAAW;AACf,YAAA,IAAI,MAAM,CAAC,MAAM,EAAE;gBACjB;;;AAIF,YAAA,IAAI,KAAK,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC/C,WAAW,IACT,CAAK,CAAA,KAAA,EAAA,EAAA,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC,EAAA,EACnD,CAAC,CAAA,WAAW,EACV,EAAA,IAAI,EAAE,MAAM,CAAC,QAAQ,KAAK,KAAK,GAAG,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC,EAAE,EAAA,CACtD,CACE,CACP;;AAGH,YAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAA,EAC3C,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,cAAc,EAAE,IAAI,EAAE,EAAA,EAClC,CAAA,CAAA,QAAA,EAAA,EACE,KAAK,EAAC,0BAA0B,EAChC,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,kBAAkB,CAAC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,EAAA,EAErD,IAAI,CAAC,mBAAmB,CACvB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,EAClC,IAAI,CACL,CACM,EACT,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,wBAAwB,EAAA,EAAG,WAAW,CAAO,EACzD,CAAA,CAAA,KAAA,EAAA,EAAK,OAAO,EAAE,MAAM,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC,EAAA,EAChD,CAAC,CAAA,WAAW,EAAG,IAAA,CAAA,CACX,CACF,EACN,CAAM,CAAA,KAAA,EAAA,IAAA,EAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAO,CACtC;AAEV,SAAC,CAAC,EAED,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,GAAG,CAAC,GAAG,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAG,CAAA,GAAG,EAAE,CACpF;;AAIF,IAAA,WAAW,CAAC,EAAuB,EAAA;;QACzC,IAAI,CAAC,EAAE,EAAE;YACP;;QAGF,MAAM,QAAQ,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC;QACxC,IAAI,CAAC,QAAQ,EAAE;YACb;;AAGF,QAAA,MAAM,GAAG,GAAG,EAAE,CAAC,qBAAqB,EAAE;AACtC,QAAA,MAAM,OAAO,GAAG,QAAQ,CAAC,qBAAqB,EAAE;QAChD,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,GAAG,GAAG,CAAC,KAAK;QAEzC,IAAI,GAAG,CAAC,IAAI,GAAG,OAAO,IAAI,EAAE,CAAC,UAAU,EAAE;YACvC,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,CAAG,EAAA,OAAO,IAAI,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,EAAE,CAAC,aAAa,0CAAE,qBAAqB,EAAA,CAAG,IAAI,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,CAAC,CAAC,CAAA,EAAA,CAAI;;;AAIlF,IAAA,kBAAkB,CAAC,CAAQ,EAAE,IAAgB,EAAE,KAAa,EAAA;QAClE,IAAI,EAAE,CAAC,CAAC,MAAM,YAAY,iBAAiB,CAAC,EAAE;YAC5C;;AAEF,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAmB;;QAGjE,IAAI,CAAC,QAAQ,EAAE;;QAGf,UAAU,CAAC,MAAK;YACd,MAAM,KAAK,GAAG,QAAQ,CAAC,cAAc,CACnC,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CACnD;AACD,YAAA,IAAI,KAAK,YAAY,gBAAgB,EAAE;gBACrC,KAAK,CAAC,KAAK,EAAE;;SAEhB,EAAE,CAAC,CAAC;AAEL,QAAA,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE;YACjC,IAAI,CAAC,oBAAoB,EAAE;;;AAQvB,IAAA,cAAc,CAAC,CAAQ,EAAA;AAC7B,QAAA,MAAM,EAAE,GAAG,CAAC,CAAC,MAA2B;AACxC,QAAA,IAAI,CAAC,iBAAiB,GAAG,EAAE,CAAC,KAAmB;QAC/C,IAAI,CAAC,kBAAkB,EAAE;;QAGzB,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAsB;QACzE,IAAI,MAAM,EAAE;AACV,YAAA,MAAM,CAAC,KAAK,GAAG,WAAW;AAC1B,YAAA,IAAI,CAAC,iBAAiB,GAAG,WAAW;;AAGtC,QAAA,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE;YACjC,IAAI,CAAC,oBAAoB,EAAE;;;IAIvB,kBAAkB,GAAA;;QACxB,MAAM,IAAI,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI;AAC/B,QAAA,IAAI,EAAE,IAAI,IAAI,IAAI,KAAK,CAAC,CAAC;YAAE;QAE3B,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;AAC3B,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE;;AAG7B,QAAA,IAAI,IAAI,CAAC,iBAAiB,KAAK,MAAM;YAAE;QAEvC,IAAI,CAAC,QAAQ,EAAE;AACf,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,QAAQ;AAEpC,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC;YAC1B,EAAE,EAAE,IAAI,CAAC,eAAe;YACxB,IAAI,EAAE,IAAI,CAAC,iBAAiB;AAC5B,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,QAAQ,EAAE,KAAK;AAChB,SAAA,CAAC;;QAGF,UAAU,CAAC,MAAK;AACd,YAAA,MAAM,KAAK,GAAG,QAAQ,CAAC,cAAc,CACnC,eAAe,GAAG,IAAI,CAAC,eAAe,CACnB;AACrB,YAAA,IAAI,KAAK;gBAAE,KAAK,CAAC,KAAK,EAAE;SACzB,EAAE,CAAC,CAAC;;IAGC,MAAM,GAAA;QACZ,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;;IAGlC,QAAQ,GAAA;AACd,QAAA,IAAI,CAAC,OAAO,GAAG,SAAS;;IAGlB,OAAO,GAAA;;QACb,IAAI,CAAC,aAAa,EAAE;AAEpB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI,CAAC;;QAGzC,IAAI,CAAC,QAAQ,EAAE;;AAGT,IAAA,cAAc,CAAC,EAAU,EAAA;;QAC/B,IAAI,CAAC,aAAa,EAAE;;QAGpB,IAAI,CAAC,QAAQ,EAAE;QAEf,MAAM,IAAI,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI;QAE/B,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,KAAJ,IAAA,IAAA,IAAI,KAAJ,MAAA,GAAA,IAAI,GAAI,EAAE,CAAC;AAC1C,QAAA,IAAI,CAAC,KAAK;YAAE;AAEZ,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;QAC/C,IAAI,KAAK,KAAK,EAAE;YAAE;AAClB,QAAA,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;;AAGtB,QAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,KAAA,IAAA,IAAJ,IAAI,KAAA,MAAA,GAAJ,IAAI,GAAI,EAAE,CAAC;AAE3D,QAAA,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE;YACjC,IAAI,CAAC,oBAAoB,EAAE;;;AAIvB,IAAA,iBAAiB,CAAC,EAAU,EAAA;;QAClC,IAAI,CAAC,aAAa,EAAE;;QAGpB,IAAI,CAAC,QAAQ,EAAE;QAEf,MAAM,IAAI,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,IAAI;QAE/B,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,KAAJ,IAAA,IAAA,IAAI,KAAJ,MAAA,GAAA,IAAI,GAAI,EAAE,CAAC;AAC1C,QAAA,IAAI,CAAC,KAAK;YAAE;AAEZ,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;QAC/C,IAAI,KAAK,KAAK,EAAE;YAAE;QAElB,KAAK,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,QAAQ,KAAK,KAAK,GAAG,IAAI,GAAG,KAAK;AACtE,QAAA,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE;YACjC,IAAI,CAAC,oBAAoB,EAAE;;;IAIvB,aAAa,GAAA;AACnB,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,MAAM,IAAI,KAAK,CAAC,2BAA2B,CAAC;;;AAIhD,IAAA,mBAAmB,CAAC,IAAgB,EAAE,oBAAoB,GAAG,KAAK,EAAA;AAChE,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB;;QAEF,MAAM,OAAO,GAAY,EAAE;AAC3B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI;AAE9B,QAAA,MAAM,MAAM,GAAG,IAAI,GAAG,EAAU;AAChC,QAAA,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,KAAI;AACvD,YAAA,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,KAAI;AACxB,gBAAA,IAAI,MAAM,CAAC,MAAM,EAAE;AACjB,oBAAA,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC;;AAE3B,aAAC,CAAC;AACJ,SAAC,CAAC;QAEF,IAAI,CAAC,oBAAoB,EAAE;AACzB,YAAA,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CACzB,IAAI,CAAC,sBAAsB,EAC3B,IAAI,CAAC,cAAc,CACpB;AAED,YAAA,OAAO,CAAC,IAAI,CACV,CAAA,CAAA,QAAA,EAAA,EACE,QAAQ,EAAE,IAAI,CAAC,iBAAiB,KAAK,WAAW,EAChD,KAAK,EAAE,WAAW,EAEjB,EAAA,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG;kBAC/D,KAAK,CAAC;kBACN,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAC1B,CACV;;QAGH,KAAK,IAAI,MAAM,IAAI,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE;YAC3C,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAC1E,YAAA,IAAI,KAAK,CAAC,MAAM,EAAE;AAChB,gBAAA,OAAO,CAAC,IAAI,CACV,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,KACZ,CAAA,CAAA,QAAA,EAAA,EAAQ,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,IAAI,KAAK,CAAC,IACnC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CACb,CACV,CAAC,CACH;AACD,gBAAA,OAAO,CAAC,IAAI,CAAC,cAAQ,QAAQ,EAAA,IAAA,EAAA,CAAU,CAAC;;;AAG5C,QAAA,OAAO,OAAO;;IAGhB,WAAW,CAAC,IAAgB,EAAE,KAAa,EAAA;QACzC,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;AAE5C,QAAA,IAAI,CAAC,aAAa;AAAE,YAAA,OAAO,EAAE;AAE7B,QAAA,MAAM,WAAW,GAAG,CAAC,KAAW,KAAI;AAClC,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,KAAK;AAC3C,YAAA,IAAI,CAAC,IAAI,CAAC,uBAAuB,EAAE;gBACjC,IAAI,CAAC,oBAAoB,EAAE;;AAE/B,SAAC;QAED,MAAM,SAAS,GAAG,MAAK;YACrB,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAsB;YACzE,IAAI,MAAM,EAAE;AACV,gBAAA,MAAM,CAAC,KAAK,GAAG,WAAW;AAC1B,gBAAA,IAAI,CAAC,iBAAiB,GAAG,WAAW;gBACpC,IAAI,CAAC,kBAAkB,EAAE;gBACzB,MAAM,CAAC,KAAK,EAAE;;AAElB,SAAC;AAED,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CACzB,IAAI,CAAC,sBAAsB,EAC3B,IAAI,CAAC,cAAc,CACpB;AACD,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK;AAClE,QAAA,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;YAC/B,OAAO,KAAK,CAAC,CAAC,EAAE;AACd,gBAAA,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK;AACjC,gBAAA,MAAM,EAAE,aAAa,CAAC,KAAK,CAAC;gBAC5B,IAAI;gBACJ,KAAK;gBACL,WAAW,EAAE,KAAK,CAAC,WAAW;AAC9B,gBAAA,OAAO,EAAE,CAAC,KAAU,KAAI;oBACtB,WAAW,CAAC,KAAK,CAAC;iBACnB;gBACD,OAAO,EAAE,MAAK;AACZ,oBAAA,SAAS,EAAE;;AAEd,aAAA,CAAC;;QAEJ,IAAI,KAAK,KAAK,OAAO,IAAI,KAAK,KAAK,YAAY,EAAE;AAC/C,YAAA,OAAO,EAAE;;QAEX,QACE,aACE,EAAE,EAAE,CAAA,aAAA,EAAgB,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,CAAA,CAAE,EAC7C,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,IAAI,EAAE,KAAK,KAAK,YAAY,GAAG,MAAM,GAAG,MAAM,EAC9C,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,EACjC,OAAO,EAAE,CAAC,CAAC,KAAI;AACb,gBAAA,IAAI,CAAC,CAAC,MAAM,YAAY,gBAAgB,EAAE;AACxC,oBAAA,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;AAE/B,aAAC,EACD,SAAS,EAAE,CAAC,IAAG;gBACb,IAAI,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,OAAO,EAAE;oBACnC,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAsB;oBACzE,IAAI,MAAM,EAAE;AACV,wBAAA,SAAS,EAAE;;oBAEb;;;gBAGF,CAAC,CAAC,eAAe,EAAE;aACpB,EAAA,CACD;;IAIN,MAAM,GAAA;;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACjB,YAAA,OAAO,CAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAA,CAAS;;AAElD,QAAA,MAAM,KAAK,GAAG;AACZ,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,IAAI,EAAE,CAAG,EAAA,IAAI,CAAC,OAAO,CAAC,CAAC,CAAI,EAAA,CAAA;AAC3B,YAAA,GAAG,EAAE,CAAG,EAAA,IAAI,CAAC,OAAO,CAAC,CAAC,CAAI,EAAA,CAAA;SAC3B;AAED,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CACzB,IAAI,CAAC,sBAAsB,EAC3B,IAAI,CAAC,cAAc,CACpB;AAED,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,EAAE,IAAG;;AACR,gBAAA,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,0CAAE,WAAW,MAAK,KAAK,IAAI,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC;AAC7D,aAAC,EAAA,EAED,CAAM,CAAA,MAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EAAG,CAAA,EACpB,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,EAAC,YAAY,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,EAAA,EAAG,IAAI,CAAC,OAAO,CAAC,KAAI,EAAE,EAE/C,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,0CAAE,kBAAkB,MAAK,IAAI,KACzC;YACE,CAAQ,CAAA,OAAA,EAAA,IAAA,EAAA,KAAK,CAAC,KAAK,CAAS;AAC5B,YAAA,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAO;YAC5D,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAA,CAAA,QAAA,EAAA,EACE,EAAE,EAAE,SAAS,EACb,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAE,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAA,EAEpC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAC1C;SAEZ,CACF,EAED,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,EACR,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EACxB,IAAI,CAAC,uBAAuB,IAAI;AAC/B,YAAA,CACE,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,kBAAkB,EAAA,YAAA,EACV,MAAM,EACjB,KAAK,EAAC,mBAAmB,EACzB,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,EAE3B,EAAA,KAAK,CAAC,IAAI,CACJ;AACT,YAAA,CACE,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,gBAAgB,EAAA,YAAA,EACR,IAAI,EACf,KAAK,EAAC,mBAAmB,EACzB,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,EAE7B,EAAA,KAAK,CAAC,MAAM,CACN;AACV,SAAA,EACA,CAAC,IAAI,CAAC,uBAAuB,IAAI;AAChC,YAAA,CACE,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,gBAAgB,EAAA,YAAA,EACR,IAAI,EACf,KAAK,EAAC,mBAAmB,EACzB,OAAO,EAAE,MAAM,IAAI,CAAC,QAAQ,EAAE,EAE7B,EAAA,KAAK,CAAC,EAAE,CACF;AAET,YAAA,CACE,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,mBAAmB,EAAA,YAAA,EACX,OAAO,EAClB,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE,EAE5B,EAAA,KAAK,CAAC,KAAK,CACL;AACV,SAAA,CACG,EACN,CAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAC,QAAQ,EAAG,CAAA,CACjB;;;;;;;;"}

package/dist/esm/row-header-utils-vnoLGj5A.js

@@ -0,0 +1,407 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { j as getItemByPosition, Y as createStore, y as setStore } from './data.store-B-lvmoFH.js';
+
+/**
+ * Update items based on new scroll position
+ * If viewport wasn't changed fully simple recombination of positions
+ * Otherwise rebuild viewport items
+ */
+function getUpdatedItemsByPosition(pos, // coordinate
+items, realCount, virtualSize, dimension) {
+    const activeItem = getItemByPosition(dimension, pos);
+    const firstItem = getFirstItem(items);
+    let toUpdate;
+    // do simple position recombination if items already present in viewport
+    if (firstItem) {
+        let changedOffsetStart = activeItem.itemIndex - (firstItem.itemIndex || 0);
+        // if item changed
+        if (changedOffsetStart) {
+            // simple recombination
+            toUpdate = recombineByOffset(Math.abs(changedOffsetStart), Object.assign(Object.assign({ positiveDirection: changedOffsetStart > -1 }, dimension), items));
+        }
+    }
+    const maxSizeVirtualSize = getMaxVirtualSize(virtualSize, dimension.realSize, activeItem);
+    // if partial recombination add items if revo-viewport has some space left
+    if (toUpdate) {
+        const extra = addMissingItems(activeItem, realCount, maxSizeVirtualSize, toUpdate, dimension);
+        if (extra.length) {
+            updateMissingAndRange(toUpdate.items, extra, toUpdate);
+        }
+    }
+    // new collection if no items after replacement full replacement
+    if (!toUpdate) {
+        const items = getItems({
+            firstItemStart: activeItem.start,
+            firstItemIndex: activeItem.itemIndex,
+            origSize: dimension.originItemSize,
+            maxSize: maxSizeVirtualSize,
+            maxCount: realCount,
+            sizes: dimension.sizes,
+        });
+        // range now comes from 0 to length - 1
+        toUpdate = {
+            items,
+            start: 0,
+            end: items.length - 1,
+        };
+    }
+    return toUpdate;
+}
+// virtual size can differ based on scroll position if some big items are present
+// scroll can be in the middle of item and virtual size will be larger
+// so we need to exclude this part from virtual size hence it's already passed
+function getMaxVirtualSize(virtualSize, realSize, activeItem) {
+    return Math.min(virtualSize + (activeItem.end - activeItem.start), realSize);
+}
+function updateMissingAndRange(items, missing, range) {
+    items.splice(range.end + 1, 0, ...missing);
+    // update range if start larger after recombination
+    if (range.start >= range.end &&
+        !(range.start === range.end && range.start === 0)) {
+        range.start += missing.length;
+    }
+    range.end += missing.length;
+}
+/**
+ * If partial replacement
+ * this function adds items if viewport has some space left
+ */
+function addMissingItems(firstItem, realCount, virtualSize, existingCollection, dimension) {
+    const lastItem = getLastItem(existingCollection);
+    const items = getItems({
+        sizes: dimension.sizes,
+        firstItemStart: lastItem.end,
+        firstItemIndex: lastItem.itemIndex + 1,
+        origSize: dimension.originItemSize,
+        maxSize: virtualSize - (lastItem.end - firstItem.start),
+        maxCount: realCount,
+    });
+    return items;
+}
+/**
+ * Get wiewport items parameters
+ * caching position and calculating items count in viewport
+ */
+function getItems(opt, currentSize = 0) {
+    const items = [];
+    let index = opt.firstItemIndex;
+    let size = currentSize;
+    // max size or max count
+    while (size <= opt.maxSize && index < opt.maxCount) {
+        const newSize = getItemSize(index, opt.sizes, opt.origSize);
+        items.push({
+            start: opt.firstItemStart + size,
+            end: opt.firstItemStart + size + newSize,
+            itemIndex: index,
+            size: newSize,
+        });
+        size += newSize;
+        index++;
+    }
+    return items;
+}
+function recombineByOffset(offset, data) {
+    var _a, _b;
+    const newItems = [...data.items];
+    const itemsCount = newItems.length;
+    let newRange = {
+        start: data.start,
+        end: data.end,
+    };
+    // if offset out of revo-viewport, makes sense whole redraw
+    if (offset > itemsCount) {
+        return undefined;
+    }
+    // is direction of scroll positive
+    if (data.positiveDirection) {
+        // push item to the end
+        let lastItem = getLastItem(data);
+        let i = newRange.start;
+        const length = i + offset;
+        for (; i < length; i++) {
+            const newIndex = lastItem.itemIndex + 1;
+            const size = getItemSize(newIndex, data.sizes, data.originItemSize);
+            // if item overlapped limit break a loop
+            if (lastItem.end + size > data.realSize) {
+                break;
+            }
+            // new item index to recombine
+            let newEnd = i % itemsCount;
+            // item should always present, we do not create new item, we recombine them
+            if (!newItems[newEnd]) {
+                throw new Error('incorrect index');
+            }
+            // do recombination
+            newItems[newEnd] = lastItem = {
+                start: lastItem.end,
+                end: lastItem.end + size,
+                itemIndex: newIndex,
+                size: size,
+            };
+            // update range
+            newRange.start++;
+            newRange.end = newEnd;
+        }
+        // direction is negative
+    }
+    else {
+        // push item to the start
+        let firstItem = getFirstItem(data);
+        const end = newRange.end;
+        for (let i = 0; i < offset; i++) {
+            const newIndex = ((_a = firstItem === null || firstItem === void 0 ? void 0 : firstItem.itemIndex) !== null && _a !== void 0 ? _a : 0) - 1;
+            const size = getItemSize(newIndex, data.sizes, data.originItemSize);
+            // new item index to recombine
+            let newStart = end - i;
+            newStart = (newStart < 0 ? itemsCount + newStart : newStart) % itemsCount;
+            // item should always present, we do not create new item, we recombine them
+            if (!newItems[newStart]) {
+                console.error('incorrect index');
+                break;
+            }
+            // do recombination
+            const firstItemStart = (_b = firstItem === null || firstItem === void 0 ? void 0 : firstItem.start) !== null && _b !== void 0 ? _b : 0;
+            newItems[newStart] = firstItem = {
+                start: firstItemStart - size,
+                end: firstItemStart,
+                itemIndex: newIndex,
+                size: size,
+            };
+            // update range
+            newRange.start = newStart;
+            newRange.end--;
+        }
+    }
+    const range = {
+        start: (newRange.start < 0 ? itemsCount + newRange.start : newRange.start) %
+            itemsCount,
+        end: (newRange.end < 0 ? itemsCount + newRange.end : newRange.end) %
+            itemsCount,
+    };
+    return Object.assign({ items: newItems }, range);
+}
+function getItemSize(index, sizes, origSize = 0) {
+    if (sizes && sizes[index]) {
+        return sizes[index];
+    }
+    return origSize;
+}
+/**
+ * Verify if position is in range of the PositionItem, start and end are included
+ */
+function isActiveRange(pos, realSize, first, last) {
+    if (!first || !last) {
+        return false;
+    }
+    // if position is in range of first item
+    // or position is after first item and last item is the last item in real size
+    return ((pos >= first.start && pos <= first.end) ||
+        (pos > first.end && last.end === realSize));
+}
+function isActiveRangeOutsideLastItem(pos, virtualSize, firstItem, lastItem) {
+    var _a;
+    // if no first item, means no items in viewport
+    if (!firstItem) {
+        return false;
+    }
+    return virtualSize + pos > ((_a = lastItem === null || lastItem === void 0 ? void 0 : lastItem.end) !== null && _a !== void 0 ? _a : 0);
+}
+function getFirstItem(s) {
+    return s.items[s.start];
+}
+function getLastItem(s) {
+    return s.items[s.end];
+}
+/**
+ * Set items sizes from start index to end
+ * @param vpItems
+ * @param start
+ * @param size
+ * @param lastCoordinate
+ * @returns
+ */
+function setItemSizes(vpItems, initialIndex, size, lastCoordinate) {
+    const items = [...vpItems];
+    const count = items.length;
+    let pos = lastCoordinate;
+    let i = 0;
+    let start = initialIndex;
+    // viewport not inited
+    if (!count) {
+        return [];
+    }
+    // loop through array from initial item after recombination
+    while (i < count) {
+        const item = items[start];
+        item.start = pos;
+        item.size = size;
+        item.end = item.start + size;
+        pos = item.end;
+        // loop by start index
+        start++;
+        i++;
+        // if start index out of array, reset it
+        if (start === count) {
+            start = 0;
+        }
+    }
+    return items;
+}
+
+/**
+ * Viewport store
+ * Used for virtualization (process of rendering only visible part of data)
+ * Redraws viewport based on position and dimension
+ */
+function initialState() {
+    return {
+        // virtual item information per rendered item
+        items: [],
+        // virtual dom item order to render
+        start: 0,
+        end: 0,
+        // size of virtual viewport in px
+        virtualSize: 0,
+        // total number of items
+        realCount: 0,
+        // size of viewport in px
+        clientSize: 0,
+    };
+}
+/**
+ * Viewport store class
+ */
+class ViewportStore {
+    get lastCoordinate() {
+        return this.lastKnownScroll;
+    }
+    set lastCoordinate(value) {
+        this.lastKnownScroll = value;
+    }
+    constructor(type) {
+        this.type = type;
+        // last coordinate for store position restore
+        this.lastKnownScroll = 0;
+        this.store = createStore(initialState());
+    }
+    /**
+     * Render viewport based on coordinate
+     * It's the main method for draw
+     * Use force if you want to re-render viewport
+     */
+    setViewPortCoordinate(position, dimension, force = false) {
+        const viewportSize = this.store.get('virtualSize');
+        // no visible data to calculate
+        if (!viewportSize) {
+            return;
+        }
+        const frameOffset = 1;
+        const singleOffsetInPx = dimension.originItemSize * frameOffset;
+        // add offset to virtual size from both sides
+        const outsize = singleOffsetInPx * 2;
+        // math virtual size is based on visible area + 2 items outside of visible area
+        const virtualSize = viewportSize + outsize;
+        // expected no scroll if real size less than virtual size, position is 0
+        let maxCoordinate = 0;
+        // if there is nodes outside of viewport, max coordinate has to be adjusted
+        if (dimension.realSize > viewportSize) {
+            // max coordinate is real size minus virtual/rendered space
+            maxCoordinate = dimension.realSize - viewportSize - singleOffsetInPx;
+        }
+        let pos = position;
+        // limit position to max and min coordinates
+        if (pos < 0) {
+            pos = 0;
+        }
+        else if (pos > maxCoordinate) {
+            pos = maxCoordinate;
+        }
+        // store last coordinate for further restore on redraw
+        this.lastCoordinate = pos;
+        // actual position is less than first item start based on offset
+        pos -= singleOffsetInPx;
+        pos = pos < 0 ? 0 : pos < maxCoordinate ? pos : maxCoordinate;
+        let allItems;
+        // if force clear all items and start from 0
+        if (force) {
+            allItems = {
+                items: [],
+                start: 0,
+                end: 0,
+            };
+        }
+        else {
+            allItems = this.getItems();
+        }
+        const firstItem = getFirstItem(allItems);
+        const lastItem = getLastItem(allItems);
+        let toUpdate = {};
+        // left position changed
+        // verify if new position is in range of previously rendered first item
+        if (!isActiveRange(pos, dimension.realSize, firstItem, lastItem)) {
+            toUpdate = Object.assign(Object.assign({}, toUpdate), getUpdatedItemsByPosition(pos, allItems, this.store.get('realCount'), virtualSize, dimension));
+            this.setViewport(Object.assign({}, toUpdate));
+            // verify is render area is outside of last item
+        }
+        else if (isActiveRangeOutsideLastItem(pos, virtualSize, firstItem, lastItem)) {
+            const items = [...allItems.items];
+            // check is any item missing for fulfill content
+            const missing = addMissingItems(firstItem, this.store.get('realCount'), virtualSize + pos - firstItem.start, allItems, {
+                sizes: dimension.sizes,
+                originItemSize: dimension.originItemSize,
+            });
+            // update missing items
+            if (missing.length) {
+                const range = {
+                    start: this.store.get('start'),
+                    end: this.store.get('end'),
+                };
+                updateMissingAndRange(items, missing, range);
+                toUpdate = Object.assign(Object.assign(Object.assign({}, toUpdate), { items: [...items] }), range);
+                this.setViewport(Object.assign({}, toUpdate));
+            }
+        }
+    }
+    /**
+     * Set sizes for existing items
+     */
+    setOriginalSizes(size) {
+        const items = this.store.get('items');
+        const count = items.length;
+        // viewport not inited
+        if (!count) {
+            return;
+        }
+        setStore(this.store, {
+            items: setItemSizes(items, this.store.get('start'), size, this.lastCoordinate),
+        });
+    }
+    getItems() {
+        return {
+            items: this.store.get('items'),
+            start: this.store.get('start'),
+            end: this.store.get('end'),
+        };
+    }
+    setViewport(data) {
+        // drop items on virtual size change, require a new item set
+        // drop items on real size change, require a new item set
+        if (typeof data.realCount === 'number' || typeof data.virtualSize === 'number') {
+            data = Object.assign(Object.assign({}, data), { items: data.items || [] });
+        }
+        setStore(this.store, data);
+    }
+}
+
+const LETTER_BLOCK_SIZE = 10;
+const calculateRowHeaderSize = (itemsLength, rowHeaderColumn, minWidth = 50) => {
+    return ((rowHeaderColumn === null || rowHeaderColumn === void 0 ? void 0 : rowHeaderColumn.size) ||
+        Math.max((itemsLength.toString().length + 1) * LETTER_BLOCK_SIZE, minWidth));
+};
+
+export { ViewportStore as V, addMissingItems as a, getItems as b, isActiveRangeOutsideLastItem as c, getFirstItem as d, getLastItem as e, calculateRowHeaderSize as f, getUpdatedItemsByPosition as g, isActiveRange as i, recombineByOffset as r, setItemSizes as s, updateMissingAndRange as u };
+//# sourceMappingURL=row-header-utils-vnoLGj5A.js.map
+
+//# sourceMappingURL=row-header-utils-vnoLGj5A.js.map

package/dist/esm/row-header-utils-vnoLGj5A.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-header-utils-vnoLGj5A.js","sources":["src/store/vp/viewport.helpers.ts","src/store/vp/viewport.store.ts","src/utils/row-header-utils.ts"],"sourcesContent":["import type {\r\n  DimensionSettingsState,\r\n  PositionItem,\r\n  ViewSettingSizeProp,\r\n  ViewportStateItems,\r\n  VirtualPositionItem,\r\n  Range,\r\n} from '@type';\r\n\r\nimport { getItemByPosition } from '../dimension/dimension.helpers';\r\n\r\nexport type DimensionDataViewport = Pick<\r\n  DimensionSettingsState,\r\n  | 'indexes'\r\n  | 'positionIndexes'\r\n  | 'positionIndexToItem'\r\n  | 'sizes'\r\n  | 'originItemSize'\r\n  | 'realSize'\r\n>;\r\n\r\nexport type ItemsToUpdate = Pick<ViewportStateItems, 'items' | 'start' | 'end'>;\r\n/**\r\n * Update items based on new scroll position\r\n * If viewport wasn't changed fully simple recombination of positions\r\n * Otherwise rebuild viewport items\r\n */\r\nexport function getUpdatedItemsByPosition<T extends ItemsToUpdate>(\r\n  pos: number, // coordinate\r\n  items: T,\r\n  realCount: number,\r\n  virtualSize: number,\r\n  dimension: DimensionDataViewport,\r\n): ItemsToUpdate {\r\n  const activeItem: PositionItem = getItemByPosition(dimension, pos);\r\n  const firstItem = getFirstItem(items);\r\n  let toUpdate: ItemsToUpdate | undefined;\r\n  // do simple position recombination if items already present in viewport\r\n  if (firstItem) {\r\n    let changedOffsetStart = activeItem.itemIndex - (firstItem.itemIndex || 0);\r\n    // if item changed\r\n    if (changedOffsetStart) {\r\n      // simple recombination\r\n      toUpdate = recombineByOffset(Math.abs(changedOffsetStart), {\r\n        positiveDirection: changedOffsetStart > -1,\r\n        ...dimension,\r\n        ...items,\r\n      });\r\n    }\r\n  }\r\n\r\n  const maxSizeVirtualSize = getMaxVirtualSize(\r\n    virtualSize,\r\n    dimension.realSize,\r\n    activeItem,\r\n  );\r\n  // if partial recombination add items if revo-viewport has some space left\r\n  if (toUpdate) {\r\n    const extra = addMissingItems(\r\n      activeItem,\r\n      realCount,\r\n      maxSizeVirtualSize,\r\n      toUpdate,\r\n      dimension,\r\n    );\r\n    if (extra.length) {\r\n      updateMissingAndRange(toUpdate.items, extra, toUpdate);\r\n    }\r\n  }\r\n\r\n  // new collection if no items after replacement full replacement\r\n  if (!toUpdate) {\r\n    const items = getItems({\r\n      firstItemStart: activeItem.start,\r\n      firstItemIndex: activeItem.itemIndex,\r\n      origSize: dimension.originItemSize,\r\n      maxSize: maxSizeVirtualSize,\r\n      maxCount: realCount,\r\n      sizes: dimension.sizes,\r\n    });\r\n\r\n    // range now comes from 0 to length - 1\r\n    toUpdate = {\r\n      items,\r\n      start: 0,\r\n      end: items.length - 1,\r\n    };\r\n  }\r\n  return toUpdate;\r\n}\r\n\r\n// virtual size can differ based on scroll position if some big items are present\r\n// scroll can be in the middle of item and virtual size will be larger\r\n// so we need to exclude this part from virtual size hence it's already passed\r\nfunction getMaxVirtualSize(\r\n  virtualSize: number,\r\n  realSize: number,\r\n  activeItem: PositionItem,\r\n) {\r\n  return Math.min(virtualSize + (activeItem.end - activeItem.start), realSize);\r\n}\r\n\r\nexport function updateMissingAndRange(\r\n  items: VirtualPositionItem[],\r\n  missing: VirtualPositionItem[],\r\n  range: Range,\r\n) {\r\n  items.splice(range.end + 1, 0, ...missing);\r\n  // update range if start larger after recombination\r\n  if (\r\n    range.start >= range.end &&\r\n    !(range.start === range.end && range.start === 0)\r\n  ) {\r\n    range.start += missing.length;\r\n  }\r\n  range.end += missing.length;\r\n}\r\n\r\n/**\r\n * If partial replacement\r\n * this function adds items if viewport has some space left\r\n */\r\nexport function addMissingItems<T extends ItemsToUpdate>(\r\n  firstItem: PositionItem,\r\n  realCount: number,\r\n  virtualSize: number,\r\n  existingCollection: T,\r\n  dimension: Pick<DimensionSettingsState, 'sizes' | 'originItemSize'>,\r\n): VirtualPositionItem[] {\r\n  const lastItem: VirtualPositionItem = getLastItem(existingCollection);\r\n  const items = getItems({\r\n    sizes: dimension.sizes,\r\n    firstItemStart: lastItem.end,\r\n    firstItemIndex: lastItem.itemIndex + 1,\r\n    origSize: dimension.originItemSize,\r\n    maxSize: virtualSize - (lastItem.end - firstItem.start),\r\n    maxCount: realCount,\r\n  });\r\n  return items;\r\n}\r\n\r\n/**\r\n * Get wiewport items parameters\r\n * caching position and calculating items count in viewport\r\n */\r\nexport function getItems(\r\n  opt: {\r\n    firstItemIndex: number;\r\n    firstItemStart: number;\r\n    origSize: number;\r\n    maxSize: number; // virtual size\r\n    maxCount: number; // real item count, where the last item\r\n    sizes?: ViewSettingSizeProp;\r\n  },\r\n  currentSize = 0,\r\n) {\r\n  const items: VirtualPositionItem[] = [];\r\n\r\n  let index = opt.firstItemIndex;\r\n  let size = currentSize;\r\n\r\n  // max size or max count\r\n  while (size <= opt.maxSize && index < opt.maxCount) {\r\n    const newSize = getItemSize(index, opt.sizes, opt.origSize);\r\n    items.push({\r\n      start: opt.firstItemStart + size,\r\n      end: opt.firstItemStart + size + newSize,\r\n      itemIndex: index,\r\n      size: newSize,\r\n    });\r\n    size += newSize;\r\n    index++;\r\n  }\r\n  return items;\r\n}\r\n\r\n/**\r\n * Do batch items recombination\r\n * If items not overlapped with existing viewport returns null\r\n */\r\ntype RecombindDimensionData = Pick<\r\n  DimensionSettingsState,\r\n  'sizes' | 'realSize' | 'originItemSize'\r\n>;\r\ntype RecombineOffsetData = {\r\n  positiveDirection: boolean;\r\n} & ItemsToUpdate &\r\n  RecombindDimensionData;\r\nexport function recombineByOffset(\r\n  offset: number,\r\n  data: RecombineOffsetData,\r\n): ItemsToUpdate | undefined {\r\n  const newItems = [...data.items];\r\n  const itemsCount = newItems.length;\r\n  let newRange = {\r\n    start: data.start,\r\n    end: data.end,\r\n  };\r\n\r\n  // if offset out of revo-viewport, makes sense whole redraw\r\n  if (offset > itemsCount) {\r\n    return undefined;\r\n  }\r\n\r\n  // is direction of scroll positive\r\n  if (data.positiveDirection) {\r\n    // push item to the end\r\n    let lastItem: VirtualPositionItem = getLastItem(data);\r\n\r\n    let i = newRange.start;\r\n    const length = i + offset;\r\n    for (; i < length; i++) {\r\n      const newIndex = lastItem.itemIndex + 1;\r\n      const size = getItemSize(\r\n        newIndex,\r\n        data.sizes,\r\n        data.originItemSize,\r\n      );\r\n\r\n      // if item overlapped limit break a loop\r\n      if (lastItem.end + size > data.realSize) {\r\n        break;\r\n      }\r\n\r\n      // new item index to recombine\r\n      let newEnd = i % itemsCount;\r\n\r\n      // item should always present, we do not create new item, we recombine them\r\n      if (!newItems[newEnd]) {\r\n        throw new Error('incorrect index');\r\n      }\r\n\r\n      // do recombination\r\n      newItems[newEnd] = lastItem = {\r\n        start: lastItem.end,\r\n        end: lastItem.end + size,\r\n        itemIndex: newIndex,\r\n        size: size,\r\n      };\r\n      // update range\r\n      newRange.start++;\r\n      newRange.end = newEnd;\r\n    }\r\n\r\n    // direction is negative\r\n  } else {\r\n    // push item to the start\r\n    let firstItem = getFirstItem(data);\r\n\r\n    const end = newRange.end;\r\n    for (let i = 0; i < offset; i++) {\r\n      const newIndex = (firstItem?.itemIndex ?? 0) - 1;\r\n      const size = getItemSize(\r\n        newIndex,\r\n        data.sizes,\r\n        data.originItemSize,\r\n      );\r\n\r\n      // new item index to recombine\r\n      let newStart = end - i;\r\n      newStart = (newStart < 0 ? itemsCount + newStart : newStart) % itemsCount;\r\n\r\n      // item should always present, we do not create new item, we recombine them\r\n      if (!newItems[newStart]) {\r\n        console.error('incorrect index');\r\n        break;\r\n      }\r\n\r\n      // do recombination\r\n      const firstItemStart = firstItem?.start ?? 0;\r\n      newItems[newStart] = firstItem = {\r\n        start: firstItemStart - size,\r\n        end: firstItemStart,\r\n        itemIndex: newIndex,\r\n        size: size,\r\n      };\r\n      // update range\r\n      newRange.start = newStart;\r\n      newRange.end--;\r\n    }\r\n  }\r\n  const range = {\r\n    start:\r\n      (newRange.start < 0 ? itemsCount + newRange.start : newRange.start) %\r\n      itemsCount,\r\n    end:\r\n      (newRange.end < 0 ? itemsCount + newRange.end : newRange.end) %\r\n      itemsCount,\r\n  };\r\n  return {\r\n    items: newItems,\r\n    ...range,\r\n  };\r\n}\r\n\r\nfunction getItemSize(\r\n  index: number,\r\n  sizes?: ViewSettingSizeProp,\r\n  origSize = 0,\r\n): number {\r\n  if (sizes && sizes[index]) {\r\n    return sizes[index];\r\n  }\r\n  return origSize;\r\n}\r\n\r\n/**\r\n * Verify if position is in range of the PositionItem, start and end are included\r\n */\r\nexport function isActiveRange(\r\n  pos: number,\r\n  realSize: number,\r\n  first?: PositionItem,\r\n  last?: PositionItem,\r\n): boolean {\r\n  if (!first || !last) {\r\n    return false;\r\n  }\r\n  // if position is in range of first item\r\n  // or position is after first item and last item is the last item in real size\r\n  return (\r\n    (pos >= first.start && pos <= first.end) ||\r\n    (pos > first.end && last.end === realSize)\r\n  );\r\n}\r\n\r\nexport function isActiveRangeOutsideLastItem(\r\n  pos: number,\r\n  virtualSize: number,\r\n  firstItem?: PositionItem,\r\n  lastItem?: PositionItem,\r\n) {\r\n  // if no first item, means no items in viewport\r\n  if (!firstItem) {\r\n    return false;\r\n  }\r\n  return virtualSize + pos > (lastItem?.end ?? 0);\r\n}\r\n\r\nexport function getFirstItem(\r\n  s: ItemsToUpdate,\r\n) {\r\n  return s.items[s.start];\r\n}\r\n\r\nexport function getLastItem(s: ItemsToUpdate): VirtualPositionItem {\r\n  return s.items[s.end];\r\n}\r\n\r\n/**\r\n * Set items sizes from start index to end\r\n * @param vpItems\r\n * @param start\r\n * @param size\r\n * @param lastCoordinate\r\n * @returns\r\n */\r\nexport function setItemSizes(\r\n  vpItems: VirtualPositionItem[],\r\n  initialIndex: number,\r\n  size: number,\r\n  lastCoordinate: number,\r\n) {\r\n  const items = [...vpItems];\r\n  const count = items.length;\r\n\r\n  let pos = lastCoordinate;\r\n  let i = 0;\r\n  let start = initialIndex;\r\n\r\n  // viewport not inited\r\n  if (!count) {\r\n    return [];\r\n  }\r\n  // loop through array from initial item after recombination\r\n  while (i < count) {\r\n    const item = items[start];\r\n    item.start = pos;\r\n    item.size = size;\r\n    item.end = item.start + size;\r\n    pos = item.end;\r\n    // loop by start index\r\n    start++;\r\n    i++;\r\n\r\n    // if start index out of array, reset it\r\n    if (start === count) {\r\n      start = 0;\r\n    }\r\n  }\r\n  return items;\r\n}\r\n","import {\r\n  DimensionDataViewport,\r\n  addMissingItems,\r\n  getFirstItem,\r\n  getLastItem,\r\n  getUpdatedItemsByPosition,\r\n  isActiveRange,\r\n  setItemSizes,\r\n  updateMissingAndRange,\r\n  isActiveRangeOutsideLastItem,\r\n  ItemsToUpdate,\r\n} from './viewport.helpers';\r\nimport { createStore } from '@stencil/store';\r\nimport { type Observable, setStore } from '../../utils';\r\nimport type {\r\n  VirtualPositionItem,\r\n  ViewportState,\r\n  MultiDimensionType,\r\n} from '@type';\r\n\r\n/**\r\n * Viewport store\r\n * Used for virtualization (process of rendering only visible part of data)\r\n * Redraws viewport based on position and dimension\r\n */\r\nfunction initialState(): ViewportState {\r\n  return {\r\n    // virtual item information per rendered item\r\n    items: [],\r\n    // virtual dom item order to render\r\n    start: 0,\r\n    end: 0,\r\n\r\n    // size of virtual viewport in px\r\n    virtualSize: 0,\r\n\r\n    // total number of items\r\n    realCount: 0,\r\n\r\n    // size of viewport in px\r\n    clientSize: 0,\r\n  };\r\n}\r\n\r\n/**\r\n * Viewport store class\r\n */\r\nexport class ViewportStore {\r\n  readonly store: Observable<ViewportState>;\r\n\r\n  // last coordinate for store position restore\r\n  private lastKnownScroll = 0;\r\n\r\n  get lastCoordinate() {\r\n    return this.lastKnownScroll;\r\n  }\r\n  set lastCoordinate(value: number) {\r\n    this.lastKnownScroll = value;\r\n  }\r\n  constructor(readonly type: MultiDimensionType) {\r\n    this.store = createStore(initialState());\r\n  }\r\n\r\n  /**\r\n   * Render viewport based on coordinate\r\n   * It's the main method for draw\r\n   * Use force if you want to re-render viewport\r\n   */\r\n  setViewPortCoordinate(\r\n    position: number,\r\n    dimension: DimensionDataViewport,\r\n    force = false,\r\n  ) {\r\n    const viewportSize = this.store.get('virtualSize');\r\n    // no visible data to calculate\r\n    if (!viewportSize) {\r\n      return;\r\n    }\r\n\r\n    const frameOffset = 1;\r\n    const singleOffsetInPx = dimension.originItemSize * frameOffset;\r\n    // add offset to virtual size from both sides\r\n    const outsize = singleOffsetInPx * 2;\r\n    // math virtual size is based on visible area + 2 items outside of visible area\r\n    const virtualSize = viewportSize + outsize;\r\n\r\n    // expected no scroll if real size less than virtual size, position is 0\r\n    let maxCoordinate = 0;\r\n    // if there is nodes outside of viewport, max coordinate has to be adjusted\r\n    if (dimension.realSize > viewportSize) {\r\n      // max coordinate is real size minus virtual/rendered space\r\n      maxCoordinate = dimension.realSize - viewportSize - singleOffsetInPx;\r\n    }\r\n\r\n    let pos = position;\r\n    // limit position to max and min coordinates\r\n    if (pos < 0) {\r\n      pos = 0;\r\n    } else if (pos > maxCoordinate) {\r\n      pos = maxCoordinate;\r\n    }\r\n\r\n    // store last coordinate for further restore on redraw\r\n    this.lastCoordinate = pos;\r\n\r\n    // actual position is less than first item start based on offset\r\n    pos -= singleOffsetInPx;\r\n    pos = pos < 0 ? 0 : pos < maxCoordinate ? pos : maxCoordinate;\r\n\r\n    let allItems: ItemsToUpdate;\r\n    // if force clear all items and start from 0\r\n    if (force) {\r\n      allItems = {\r\n        items: [],\r\n        start: 0,\r\n        end: 0,\r\n      };\r\n    } else {\r\n      allItems = this.getItems();\r\n    }\r\n\r\n    const firstItem: VirtualPositionItem | undefined = getFirstItem(allItems);\r\n    const lastItem: VirtualPositionItem | undefined = getLastItem(allItems);\r\n\r\n    let toUpdate: Partial<ViewportState> = {};\r\n\r\n    // left position changed\r\n    // verify if new position is in range of previously rendered first item\r\n    if (!isActiveRange(pos, dimension.realSize, firstItem, lastItem)) {\r\n      toUpdate = {\r\n        ...toUpdate,\r\n        ...getUpdatedItemsByPosition(\r\n          pos,\r\n          allItems,\r\n          this.store.get('realCount'),\r\n          virtualSize,\r\n          dimension,\r\n        ),\r\n      };\r\n      this.setViewport({ ...toUpdate });\r\n      // verify is render area is outside of last item\r\n    } else if (\r\n      isActiveRangeOutsideLastItem(pos, virtualSize, firstItem, lastItem)\r\n    ) {\r\n      const items = [...allItems.items];\r\n      // check is any item missing for fulfill content\r\n      const missing = addMissingItems(\r\n        firstItem,\r\n        this.store.get('realCount'),\r\n        virtualSize + pos - firstItem.start,\r\n        allItems,\r\n        {\r\n          sizes: dimension.sizes,\r\n          originItemSize: dimension.originItemSize,\r\n        },\r\n      );\r\n\r\n      // update missing items\r\n      if (missing.length) {\r\n        const range = {\r\n          start: this.store.get('start'),\r\n          end: this.store.get('end'),\r\n        };\r\n        updateMissingAndRange(items, missing, range);\r\n        toUpdate = {\r\n          ...toUpdate,\r\n          items: [...items],\r\n          ...range,\r\n        };\r\n        this.setViewport({ ...toUpdate });\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Set sizes for existing items\r\n   */\r\n  setOriginalSizes(size: number) {\r\n    const items = this.store.get('items');\r\n    const count = items.length;\r\n    // viewport not inited\r\n    if (!count) {\r\n      return;\r\n    }\r\n\r\n    setStore(this.store, {\r\n      items: setItemSizes(\r\n        items,\r\n        this.store.get('start'),\r\n        size,\r\n        this.lastCoordinate,\r\n      ),\r\n    });\r\n  }\r\n\r\n  getItems(): ItemsToUpdate {\r\n    return {\r\n      items: this.store.get('items'),\r\n      start: this.store.get('start'),\r\n      end: this.store.get('end'),\r\n    };\r\n  }\r\n\r\n  setViewport(data: Partial<ViewportState>) {\r\n    // drop items on virtual size change, require a new item set\r\n    // drop items on real size change, require a new item set\r\n    if (typeof data.realCount === 'number' || typeof data.virtualSize === 'number') {\r\n      data = { ...data, items: data.items || [] };\r\n    }\r\n    setStore(this.store, data);\r\n  }\r\n}\r\n","import { RowHeaders } from '..';\r\n\r\nconst LETTER_BLOCK_SIZE = 10;\r\nexport const calculateRowHeaderSize = (\r\n  itemsLength: number,\r\n  rowHeaderColumn?: RowHeaders,\r\n  minWidth = 50,\r\n) => {\r\n  return (\r\n    rowHeaderColumn?.size ||\r\n    Math.max((itemsLength.toString().length + 1) * LETTER_BLOCK_SIZE, minWidth)\r\n  );\r\n};\r\n"],"names":[],"mappings":"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"}

package/dist/esm/text-editor-Cp7lwBZi.js

@@ -0,0 +1,79 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { d as isTab, f as isEnterKeyValue } from './edit.utils-CyCANCLB.js';
+import { w as timeout } from './data.store-B-lvmoFH.js';
+
+class TextEditor {
+    constructor(data, saveCallback) {
+        this.data = data;
+        this.saveCallback = saveCallback;
+        this.editInput = null;
+        this.element = null;
+        this.editCell = undefined;
+    }
+    /**
+     * Callback triggered on cell editor render
+     */
+    async componentDidRender() {
+        var _a;
+        if (this.editInput) {
+            await timeout();
+            (_a = this.editInput) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }
+    onKeyDown(e) {
+        const isEnter = isEnterKeyValue(e.key);
+        const isKeyTab = isTab(e.key);
+        if ((isKeyTab || isEnter) &&
+            e.target &&
+            this.saveCallback &&
+            !e.isComposing) {
+            // blur is needed to avoid autoscroll
+            this.beforeDisconnect();
+            // request callback which will close cell after all
+            this.saveCallback(this.getValue(), isKeyTab);
+        }
+    }
+    /**
+     * IMPORTANT: Prevent scroll glitches when editor is closed and focus is on current input element.
+     */
+    beforeDisconnect() {
+        var _a;
+        (_a = this.editInput) === null || _a === void 0 ? void 0 : _a.blur();
+    }
+    /**
+     * Get value from input
+     */
+    getValue() {
+        var _a;
+        return (_a = this.editInput) === null || _a === void 0 ? void 0 : _a.value;
+    }
+    /**
+     * Render method for Editor plugin.
+     * Renders input element with passed data from cell.
+     * @param {Function} h - h function from stencil render.
+     * @param {Object} _additionalData - additional data from plugin.
+     * @returns {VNode} - input element.
+     */
+    render(h, _additionalData) {
+        var _a, _b;
+        return h('input', {
+            type: 'text',
+            enterKeyHint: 'enter',
+            // set input value from cell data
+            value: (_b = (_a = this.editCell) === null || _a === void 0 ? void 0 : _a.val) !== null && _b !== void 0 ? _b : '',
+            // save input element as ref for further usage
+            ref: (el) => {
+                this.editInput = el;
+            },
+            // listen to keydown event on input element
+            onKeyDown: (e) => this.onKeyDown(e),
+        });
+    }
+}
+
+export { TextEditor as T };
+//# sourceMappingURL=text-editor-Cp7lwBZi.js.map
+
+//# sourceMappingURL=text-editor-Cp7lwBZi.js.map

package/dist/esm/text-editor-Cp7lwBZi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor-Cp7lwBZi.js","sources":["src/components/editors/text-editor.ts"],"sourcesContent":["import { type VNode, h as createElement } from '@stencil/core';\r\nimport { isEnterKeyValue, isTab } from '../../utils/key.utils';\r\nimport { timeout } from '../../utils';\r\nimport type { EditCell, EditorBase, ColumnDataSchemaModel } from '@type';\r\n\r\n/**\r\n * Represents a cell editor in a grid.\r\n *\r\n * It's a good place to start with your own editor.\r\n * It manages the editing of cells by handling events, saving data, rendering the editor UI, and managing the lifecycle of the editor instance.\r\n */\r\n\r\n/**\r\n * Callback triggered on cell editor save\r\n * Closes editor when called\r\n * @param preventFocus - if true editor will not be closed and next cell will not be focused\r\n */\r\nexport type SaveCallback = (value: any, preventFocus: boolean) => void;\r\n\r\nexport class TextEditor implements EditorBase {\r\n  editInput: HTMLInputElement | null = null;\r\n\r\n  element: Element | null = null;\r\n  editCell?: EditCell = undefined;\r\n\r\n  constructor(\r\n    public data: ColumnDataSchemaModel,\r\n    private saveCallback?: SaveCallback,\r\n  ) {}\r\n\r\n  /**\r\n   * Callback triggered on cell editor render\r\n   */\r\n  async componentDidRender(): Promise<void> {\r\n    if (this.editInput) {\r\n      await timeout();\r\n      this.editInput?.focus();\r\n    }\r\n  }\r\n\r\n  onKeyDown(e: KeyboardEvent) {\r\n    const isEnter = isEnterKeyValue(e.key);\r\n    const isKeyTab = isTab(e.key);\r\n\r\n    if (\r\n      (isKeyTab || isEnter) &&\r\n      e.target &&\r\n      this.saveCallback &&\r\n      !e.isComposing\r\n    ) {\r\n      // blur is needed to avoid autoscroll\r\n      this.beforeDisconnect();\r\n      // request callback which will close cell after all\r\n      this.saveCallback(this.getValue(), isKeyTab);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * IMPORTANT: Prevent scroll glitches when editor is closed and focus is on current input element.\r\n   */\r\n  beforeDisconnect() {\r\n    this.editInput?.blur();\r\n  }\r\n\r\n  /**\r\n   * Get value from input\r\n   */\r\n  getValue() {\r\n    return this.editInput?.value;\r\n  }\r\n\r\n  /**\r\n   * Render method for Editor plugin.\r\n   * Renders input element with passed data from cell.\r\n   * @param {Function} h - h function from stencil render.\r\n   * @param {Object} _additionalData - additional data from plugin.\r\n   * @returns {VNode} - input element.\r\n   */\r\n  render(h: typeof createElement, _additionalData: any): VNode | VNode[] {\r\n    return h('input', {\r\n      type: 'text',\r\n      enterKeyHint: 'enter',\r\n      // set input value from cell data\r\n      value: this.editCell?.val ?? '',\r\n      // save input element as ref for further usage\r\n      ref: (el: HTMLInputElement | null) => {\r\n        this.editInput = el;\r\n      },\r\n      // listen to keydown event on input element\r\n      onKeyDown: (e: KeyboardEvent) => this.onKeyDown(e),\r\n    });\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;;;MAmBa,UAAU,CAAA;IAMrB,WACS,CAAA,IAA2B,EAC1B,YAA2B,EAAA;QAD5B,IAAI,CAAA,IAAA,GAAJ,IAAI;QACH,IAAY,CAAA,YAAA,GAAZ,YAAY;QAPtB,IAAS,CAAA,SAAA,GAA4B,IAAI;QAEzC,IAAO,CAAA,OAAA,GAAmB,IAAI;QAC9B,IAAQ,CAAA,QAAA,GAAc,SAAS;;AAO/B;;AAEG;AACH,IAAA,MAAM,kBAAkB,GAAA;;AACtB,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,MAAM,OAAO,EAAE;AACf,YAAA,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,KAAK,EAAE;;;AAI3B,IAAA,SAAS,CAAC,CAAgB,EAAA;QACxB,MAAM,OAAO,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC;QACtC,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;AAE7B,QAAA,IACE,CAAC,QAAQ,IAAI,OAAO;AACpB,YAAA,CAAC,CAAC,MAAM;AACR,YAAA,IAAI,CAAC,YAAY;AACjB,YAAA,CAAC,CAAC,CAAC,WAAW,EACd;;YAEA,IAAI,CAAC,gBAAgB,EAAE;;YAEvB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,QAAQ,CAAC;;;AAIhD;;AAEG;IACH,gBAAgB,GAAA;;AACd,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,SAAS,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAI,EAAE;;AAGxB;;AAEG;IACH,QAAQ,GAAA;;AACN,QAAA,OAAO,MAAA,IAAI,CAAC,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK;;AAG9B;;;;;;AAMG;IACH,MAAM,CAAC,CAAuB,EAAE,eAAoB,EAAA;;QAClD,OAAO,CAAC,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,YAAY,EAAE,OAAO;;YAErB,KAAK,EAAE,MAAA,CAAA,EAAA,GAAA,IAAI,CAAC,QAAQ,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,GAAG,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,EAAE;;AAE/B,YAAA,GAAG,EAAE,CAAC,EAA2B,KAAI;AACnC,gBAAA,IAAI,CAAC,SAAS,GAAG,EAAE;aACpB;;YAED,SAAS,EAAE,CAAC,CAAgB,KAAK,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;AACnD,SAAA,CAAC;;AAEL;;;;"}