@aquera/nile-elements 0.1.36-beta-1.2 → 0.1.36-beta-1.4

package/dist/src/nile-tooltip/nile-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-tooltip.js","sourceRoot":"","sources":["../../../src/nile-tooltip/nile-tooltip.ts"],"names":[],"mappings":"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","sourcesContent":["\n/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\nimport { LitElement, html, css, CSSResultArray } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-tooltip.css';\nimport NileElement from '../internal/nile-element';\nimport { isInViewport, getValidTooltipPosition, getCaretPosition } from './nile-tooltip-utils';\n\n/**\n * Nile tooltip component.\n *\n * @tag nile-tooltip\n *\n */\n@customElement('nile-tooltip')\nexport class NileTooltip extends NileElement {\n  @property({ type: String }) content = '';\n  @property({ type: String })\n  placement:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end' = 'top';\n  @property({ type: Boolean, reflect: true }) disabled = false;\n  @property({ type: Boolean, reflect: true }) open = false;\n  /**\n   * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\n   * options can be passed by separating them with a space. When manual is used, the tooltip must be activated\n   * programmatically.\n   */\n  @property() trigger = 'hover focus';\n  @property({ type: Number }) distance = 8;\n  private readonly SHIFT_OFFSET = 16;\n  /** The distance in pixels from which to offset the tooltip along its target. */\n  @property({ type: Number }) skidding = 0;\n  @property({ type: Boolean, reflect: true }) hoist = false;\n\n  @query('.tooltip') tooltip!: HTMLElement;\n  @query('.trigger-container') triggerContainer!: HTMLElement;\n  @query('.tooltip-caret') caret!: HTMLElement;\n  @query('slot[name=\"content\"]') tooltipSlot!: HTMLSlotElement;\n\n  private hasTooltipSlot = false;\n  private hoverTimeout: number = 0;\n  private caretSize = 6;\n  private originalPlacement: string = this.placement;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.originalPlacement = this.placement;\n    window.addEventListener('resize', this.updateTooltipPosition);\n    window.addEventListener('scroll', this.updateTooltipPosition, true);\n  }\n\n  updated(changedProps: Map<string, unknown>) {\n    super.updated?.(changedProps);\n\n    const validPlacements = [\n      'top', 'top-start', 'top-end',\n      'right', 'right-start', 'right-end',\n      'bottom', 'bottom-start', 'bottom-end',\n      'left', 'left-start', 'left-end'\n    ];\n\n    if (!validPlacements.includes(this.placement)) {\n      console.warn(`[nile-tooltip] Invalid placement \"${this.placement}\", defaulting to \"bottom\".`);\n      this.placement = 'top';\n    }\n\n    if (!validPlacements.includes(this.originalPlacement)) {\n      this.originalPlacement = 'top';\n    }\n \n    if (changedProps.has('open') && this.open) {\n      this.updateComplete.then(() => {\n        requestAnimationFrame(() => {\n          this.updateTooltipPosition();\n        });\n      });\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    window.removeEventListener('resize', this.updateTooltipPosition);\n    window.removeEventListener('scroll', this.updateTooltipPosition, true);\n  }\n\n  private handleTooltipSlotChange() {\n    const nodes = this.tooltipSlot.assignedNodes({ flatten: true });\n    this.hasTooltipSlot = nodes.length > 0;\n    this.requestUpdate();\n  }\n\n  private updateTooltipPosition = () => {\n    if (!isInViewport(this.triggerContainer)) {\n      this.open = false;\n      return;\n    }\n\n    const triggerRect = this.triggerContainer.getBoundingClientRect();\n    const tooltipRect = this.tooltip.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n   \n    let { top, left, placement } = getValidTooltipPosition(\n      triggerRect,\n      tooltipRect,\n      this.originalPlacement,\n      this.distance,\n      this.skidding,\n      this.caretSize,\n      viewportWidth,\n      viewportHeight\n    );\n\n // FallBack Positions\n\n    // Bottom\n    if (this.originalPlacement.startsWith('bottom')) {\n      const availableSpaceBelow = viewportHeight - triggerRect.bottom;\n      if (availableSpaceBelow < tooltipRect.height + this.distance) {\n        let newPlacement: typeof this.originalPlacement = 'top';\n        if (this.originalPlacement === 'bottom-start') {\n          newPlacement = 'top';\n        } else if (this.originalPlacement === 'bottom-end') {\n          newPlacement = 'top';\n        }\n    \n        const newPosition = getValidTooltipPosition(\n          triggerRect,\n          tooltipRect,\n          newPlacement,\n          this.distance,\n          this.skidding,\n          this.caretSize,\n          viewportWidth,\n          viewportHeight\n        );\n        top = newPosition.top;\n        left = newPosition.left;\n        placement = newPosition.placement;\n      }\n    }\n  // Top\n  if (this.originalPlacement.startsWith('top')) {\n    const availableSpaceAbove = triggerRect.top;\n    const availableSpaceBelow = viewportHeight - triggerRect.bottom;\n    if (availableSpaceAbove < tooltipRect.height + this.distance && availableSpaceBelow >= tooltipRect.height + this.distance) {\n      let newPlacement: typeof this.originalPlacement = 'bottom';\n      if (this.originalPlacement === 'top-start') {\n        newPlacement = 'bottom-start';\n      } else if (this.originalPlacement === 'top-end') {\n        newPlacement = 'bottom-end';\n      }\n  \n      const newPosition = getValidTooltipPosition(\n        triggerRect,\n        tooltipRect,\n        newPlacement,\n        this.distance,\n        this.skidding,\n        this.caretSize,\n        viewportWidth,\n        viewportHeight\n      );\n      top = newPosition.top;\n      left = newPosition.left;\n      placement = newPosition.placement;\n    }\n  }\n\n  // Left\n  if (this.originalPlacement.startsWith('left')) {\n    const availableSpaceLeft = triggerRect.left;\n    const availableSpaceRight = viewportWidth - triggerRect.right;\n    if (availableSpaceLeft < tooltipRect.width + this.distance && availableSpaceRight >= tooltipRect.width + this.distance) {\n      let newPlacement: typeof this.originalPlacement = 'right';\n      if (this.originalPlacement === 'left-start') {\n        newPlacement = 'right-start';\n      } else if (this.originalPlacement === 'left-end') {\n        newPlacement = 'right-end';\n      }\n  \n      const newPosition = getValidTooltipPosition(\n        triggerRect,\n        tooltipRect,\n        newPlacement,\n        this.distance,\n        this.skidding,\n        this.caretSize,\n        viewportWidth,\n        viewportHeight\n      );\n      top = newPosition.top;\n      left = newPosition.left;\n      placement = newPosition.placement;\n    }\n  }\n\n  // Right\n  if (this.originalPlacement.startsWith('right')) {\n    const availableSpaceRight = viewportWidth - triggerRect.right;\n    const availableSpaceLeft = triggerRect.left;\n    if (availableSpaceRight < tooltipRect.width + this.distance && availableSpaceLeft >= tooltipRect.width + this.distance) {\n      let newPlacement: typeof this.originalPlacement = 'left';\n      if (this.originalPlacement === 'right-start') {\n        newPlacement = 'left-start';\n      } else if (this.originalPlacement === 'right-end') {\n        newPlacement = 'left-end';\n      }\n  \n      const newPosition = getValidTooltipPosition(\n        triggerRect,\n        tooltipRect,\n        newPlacement,\n        this.distance,\n        this.skidding,\n        this.caretSize,\n        viewportWidth,\n        viewportHeight\n      );\n      top = newPosition.top;\n      left = newPosition.left;\n      placement = newPosition.placement;\n    }\n  }\n\n    this.setAttribute('placement', placement);\n    this.tooltip.style.top = `${top}px`;\n    this.tooltip.style.left = `${left}px`;\n\n    const { caretLeft, caretTop } = getCaretPosition({\n      placement,\n      tooltipRect,\n      triggerRect,\n      caretSize: this.caretSize,\n      left,\n      top\n    });\n\n    this.caret.style.left = `${caretLeft}px`;\n    this.caret.style.top = `${caretTop}px`;\n  };\n\n  private showTooltip = () => {\n    const trimmedContent = this.content.trim();\n    if (!trimmedContent && !this.hasTooltipSlot) {\n      return;\n    }\n    if (!this.disabled && isInViewport(this.triggerContainer)) {\n      this.emit('nile-show');\n      this.open = true;\n      this.updateComplete.then(() => {\n        requestAnimationFrame(() => {\n          this.updateTooltipPosition();\n          this.emit('nile-after-show');\n        });\n      });\n    } else {\n      this.open = false;\n    }\n  };\n\n  private hideTooltip = () => {\n    this.emit('nile-hide');\n    this.open = false;\n    setTimeout(() => {\n      this.emit('nile-after-hide');\n    }, 200);\n  };\n\n  private handleMouseOver = () => {\n    if (this.trigger.includes('hover')) {\n      clearTimeout(this.hoverTimeout);\n      this.hoverTimeout = window.setTimeout(() => this.showTooltip(), 300);\n    }\n  };\n\n  private handleMouseOut = () => {\n    if (this.trigger.includes('hover')) {\n      clearTimeout(this.hoverTimeout);\n      this.hoverTimeout = window.setTimeout(() => this.hideTooltip(), 150);\n    }\n  };\n\n  private handleClick = () => {\n    if (this.trigger.includes('click')) {\n      if (!this.open && isInViewport(this.triggerContainer)) {\n        this.showTooltip();\n      } else {\n        this.hideTooltip();\n      }\n    }\n  };\n\n  private handleFocus = () => {\n    if (this.trigger.includes('focus')) {\n      this.showTooltip();\n    }\n  };\n  \n\n  private handleBlur = () => {\n    if (this.trigger.includes('focus')) {\n      this.hideTooltip();\n    }\n  };\n\n  render() {\n    return html`\n      <div\n        class=\"tooltip\"\n        id=\"tooltip\"\n      >\n        <div class=\"tooltip-content\" part=\"content\">\n          <slot name=\"content\" @slotchange=${this.handleTooltipSlotChange}></slot>\n          ${!this.hasTooltipSlot ? html`${this.content}` : null}\n        </div>\n        <div class=\"tooltip-caret\" style=\"--caret-size: ${this.caretSize}px;\"></div>\n      </div>\n\n      <div\n        class=\"trigger-container\"\n        tabindex=\"0\"\n        @mouseover=${this.handleMouseOver}\n        @mouseout=${this.handleMouseOut}\n        @click=${this.handleClick}\n        @focusin=${this.handleFocus}\n        @focusout=${this.handleBlur}\n        aria-describedby=\"tooltip\"\n      >\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-tooltip': NileTooltip;\n  }\n}\n"]}
+{"version":3,"file":"nile-tooltip.js","sourceRoot":"","sources":["../../../src/nile-tooltip/nile-tooltip.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, CSSResultArray, TemplateResult } from 'lit';\nimport { styles } from './nile-tooltip.css';\nimport '../nile-popup/nile-popup';\nimport { animateTo, parseDuration, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport {\n  getAnimation,\n  setDefaultAnimation,\n} from '../utilities/animation-registry';\nimport { html } from 'lit';\n// import { LocalizeController } from '../utilities/localize';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\nimport type NilePopup from '../nile-popup/nile-popup';\n/**\n * Nile icon component.\n *\n * @tag nile-tooltip\n *\n */\n@customElement('nile-tooltip')\nexport class NileTooltip extends NileElement {\n  /**\n   * The styles for Tooltip\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private hoverTimeout: number;\n  // private readonly localize = new LocalizeController(this);\n\n  @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n  @query('.tooltip__body') body: HTMLElement;\n  @query('nile-popup') popup: NilePopup;\n\n  /** The tooltip's content. If you need to display HTML, use the `content` slot instead. */\n  @property({ type: String, reflect: true }) content = '';\n\n  /** Size Property to decide the tool tip size */\n  @property({ reflect: true }) size: 'small' | 'large' = 'small';\n\n  /**\n   * The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\n   * inside of the viewport.\n   */\n  @property() placement:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end' = 'top';\n\n  /** Disables the tooltip so it won't show when triggered. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** The distance in pixels from which to offset the tooltip away from its target. */\n  @property({ type: Number }) distance = 8;\n\n  /** Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods. */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /** The distance in pixels from which to offset the tooltip along its target. */\n  @property({ type: Number }) skidding = 0;\n\n  /**\n   * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\n   * options can be passed by separating them with a space. When manual is used, the tooltip must be activated\n   * programmatically.\n   */\n  @property() trigger = 'hover focus';\n\n  /**\n   * Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n   * `overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\n   * scenarios.\n   */\n  @property({ type: Boolean }) hoist = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handleBlur = this.handleBlur.bind(this);\n    this.handleClick = this.handleClick.bind(this);\n    this.handleFocus = this.handleFocus.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleMouseOver = this.handleMouseOver.bind(this);\n    this.handleMouseOut = this.handleMouseOut.bind(this);\n\n    this.updateComplete.then(() => {\n      this.addEventListener('blur', this.handleBlur, true);\n      this.addEventListener('focus', this.handleFocus, true);\n      this.addEventListener('click', this.handleClick);\n      this.addEventListener('keydown', this.handleKeyDown);\n      this.addEventListener('mouseover', this.handleMouseOver);\n      this.addEventListener('mouseout', this.handleMouseOut);\n    });\n  }\n\n  firstUpdated() {\n    this.body.hidden = !this.open;\n\n    // If the tooltip is visible on init, update its position\n    if (this.open) {\n      this.popup.active = true;\n      this.popup.reposition();\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('blur', this.handleBlur, true);\n    this.removeEventListener('focus', this.handleFocus, true);\n    this.removeEventListener('click', this.handleClick);\n    this.removeEventListener('keydown', this.handleKeyDown);\n    this.removeEventListener('mouseover', this.handleMouseOver);\n    this.removeEventListener('mouseout', this.handleMouseOut);\n  }\n\n  private handleBlur() {\n    if (this.hasTrigger('focus')) {\n      this.hide();\n    }\n  }\n\n  private handleClick() {\n    if (this.hasTrigger('click')) {\n      if (this.open) {\n        this.hide();\n      } else {\n        this.show();\n      }\n    }\n  }\n\n  private handleFocus() {\n    if (this.hasTrigger('focus')) {\n      this.show();\n    }\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    // Pressing escape when the target element has focus should dismiss the tooltip\n    if (this.open && event.key === 'Escape') {\n      event.stopPropagation();\n      this.hide();\n    }\n  }\n\n  private handleMouseOver() {\n    if (this.hasTrigger('hover')) {\n      const delay = parseDuration(\n        getComputedStyle(this).getPropertyValue('--show-delay')\n      );\n      clearTimeout(this.hoverTimeout);\n      this.hoverTimeout = window.setTimeout(() => this.show(), delay);\n    }\n  }\n\n  private handleMouseOut() {\n    if (this.hasTrigger('hover')) {\n      const delay = parseDuration(\n        getComputedStyle(this).getPropertyValue('--hide-delay')\n      );\n      clearTimeout(this.hoverTimeout);\n      this.hoverTimeout = window.setTimeout(() => this.hide(), delay);\n    }\n  }\n\n  private hasTrigger(triggerType: string) {\n    const triggers = this.trigger.split(' ');\n    return triggers.includes(triggerType);\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.open) {\n      if (this.disabled) {\n        return;\n      }\n\n      // Show\n      this.emit('nile-show');\n\n      await stopAnimations(this.body);\n      this.body.hidden = false;\n      this.popup.active = true;\n      const { keyframes, options } = getAnimation(this, 'tooltip.show', {\n        dir: '',\n      });\n      await animateTo(this.popup.popup, keyframes, options);\n\n      this.emit('nile-after-show');\n    } else {\n      // Hide\n      this.emit('nile-hide');\n\n      await stopAnimations(this.body);\n      const { keyframes, options } = getAnimation(this, 'tooltip.hide', {\n        dir: '',\n      });\n      await animateTo(this.popup.popup, keyframes, options);\n      this.popup.active = false;\n      this.body.hidden = true;\n\n      this.emit('nile-after-hide');\n    }\n  }\n\n  @watch(['content', 'distance', 'hoist', 'placement', 'skidding'])\n  async handleOptionsChange() {\n    if (this.hasUpdated) {\n      await this.updateComplete;\n      this.popup.reposition();\n    }\n  }\n\n  @watch('disabled')\n  handleDisabledChange() {\n    if (this.disabled && this.open) {\n      this.hide();\n    }\n  }\n\n  /** Shows the tooltip. */\n  async show() {\n    if (this.open || !this.content?.trim().length) {\n      return undefined;\n    }\n\n    this.open = true;\n    return waitForEvent(this, 'nile-after-show');\n  }\n\n  /** Hides the tooltip */\n  async hide() {\n    if (!this.open) {\n      return undefined;\n    }\n\n    this.open = false;\n    return waitForEvent(this, 'nile-after-hide');\n  }\n\n  render() {\n    return html`\n      <nile-popup\n        part=\"base\"\n        exportparts=\"\n          popup:base__popup,\n          arrow:base__arrow\n        \"\n        class=${classMap({\n          tooltip: true,\n          'tooltip--open': this.open,\n        })}\n        placement=${this.placement}\n        distance=${this.distance}\n        skidding=${this.skidding}\n        strategy=${this.hoist ? 'fixed' : 'absolute'}\n        flip\n        shift\n        arrow\n      >\n        <slot slot=\"anchor\" aria-describedby=\"tooltip\"></slot>\n\n        <slot\n          name=\"content\"\n          part=\"body\"\n          id=\"tooltip\"\n          class=${classMap({\n            tooltip__body: true,\n            'tooltip__body--large': this.size === 'large',\n          })}\n          role=\"tooltip\"\n          aria-live=${this.open ? 'polite' : 'off'}\n        >\n          ${this.content}\n        </slot>\n      </nile-popup>\n    `;\n  }\n}\n\nsetDefaultAnimation('tooltip.show', {\n  keyframes: [\n    { opacity: 0, scale: 0.8 },\n    { opacity: 1, scale: 1 },\n  ],\n  options: { duration: 150, easing: 'ease' },\n});\n\nsetDefaultAnimation('tooltip.hide', {\n  keyframes: [\n    { opacity: 1, scale: 1 },\n    { opacity: 0, scale: 0.8 },\n  ],\n  options: { duration: 150, easing: 'ease' },\n});\n\nexport default NileTooltip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-tooltip': NileTooltip;\n  }\n}\n"]}

package/dist/src/nile-virtual-list/index.d.ts

@@ -0,0 +1 @@
+export { NileVirtualList } from './nile-virtual-list';

package/dist/src/nile-virtual-list/index.js

@@ -0,0 +1,2 @@
+export { NileVirtualList } from './nile-virtual-list';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-virtual-list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-virtual-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC","sourcesContent":["export { NileVirtualList } from './nile-virtual-list';"]}

package/dist/src/nile-virtual-list/nile-virtual-list.css.d.ts

@@ -0,0 +1,12 @@
+/**
+* Copyright Aquera Inc 2023
+*
+* This source code is licensed under the BSD-3-Clause license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+ * VirtualList CSS
+ */
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
+export default _default;

package/dist/src/nile-virtual-list/nile-virtual-list.css.js

@@ -0,0 +1,25 @@
+/**
+* Copyright Aquera Inc 2023
+*
+* This source code is licensed under the BSD-3-Clause license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+import { css } from 'lit';
+/**
+ * VirtualList CSS
+ */
+export const styles = css `
+	:host {
+      display: block;
+      border: 1px solid #ddd;
+      border-radius: var(--app-border-radius, 4px);
+      height: 300px;
+      overflow: auto;
+    }
+
+    .virtual-item {
+      width: 100%;
+    }
+`;
+export default [styles];
+//# sourceMappingURL=nile-virtual-list.css.js.map

package/dist/src/nile-virtual-list/nile-virtual-list.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-virtual-list.css.js","sourceRoot":"","sources":["../../../src/nile-virtual-list/nile-virtual-list.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;CAYxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * VirtualList CSS\n */\nexport const styles = css`\n\t:host {\n      display: block;\n      border: 1px solid #ddd;\n      border-radius: var(--app-border-radius, 4px);\n      height: 300px;\n      overflow: auto;\n    }\n\n    .virtual-item {\n      width: 100%;\n    }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-virtual-list/nile-virtual-list.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { TemplateResult, CSSResultGroup } from 'lit';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile virtual-list component.
+ *
+ * @tag nile-virtual-list
+ *
+ */
+export declare class NileVirtualList extends NileElement {
+    items: any[];
+    selectedValue: string;
+    static styles: CSSResultGroup;
+    private renderItem;
+    private handleItemClick;
+    render(): TemplateResult;
+}
+export default NileVirtualList;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-virtual-list': NileVirtualList;
+    }
+}

package/dist/src/nile-virtual-list/nile-virtual-list.js

@@ -0,0 +1,69 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __decorate } from "tslib";
+import { html, } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { styles } from './nile-virtual-list.css';
+import NileElement from '../internal/nile-element';
+import { LitVirtualizer } from '@lit-labs/virtualizer';
+if (!customElements.get('lit-virtualizer')) {
+    customElements.define('lit-virtualizer', LitVirtualizer);
+}
+/**
+ * Nile virtual-list component.
+ *
+ * @tag nile-virtual-list
+ *
+ */
+let NileVirtualList = class NileVirtualList extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.items = [];
+        this.selectedValue = '';
+        this.renderItem = (item, index) => {
+            const isSelected = (item.value || item.toString()) === this.selectedValue;
+            return html `
+      <nile-option
+        class="virtual-item"
+        value=${item.value || item.toString()}
+        @click=${() => this.handleItemClick(item)}
+      >
+        ${item.label || item.toString()}
+      </nile-option>
+    `;
+        };
+    }
+    handleItemClick(item) {
+        this.dispatchEvent(new CustomEvent('nile-selected', {
+            detail: item,
+            bubbles: true,
+            composed: true,
+        }));
+    }
+    render() {
+        return html `
+      <lit-virtualizer
+        .items=${this.items}
+        .renderItem=${this.renderItem}
+      >
+      </lit-virtualizer>
+    `;
+    }
+};
+NileVirtualList.styles = styles;
+__decorate([
+    property({ type: Array })
+], NileVirtualList.prototype, "items", void 0);
+__decorate([
+    property({ type: String })
+], NileVirtualList.prototype, "selectedValue", void 0);
+NileVirtualList = __decorate([
+    customElement('nile-virtual-list')
+], NileVirtualList);
+export { NileVirtualList };
+export default NileVirtualList;
+//# sourceMappingURL=nile-virtual-list.js.map

package/dist/src/nile-virtual-list/nile-virtual-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-virtual-list.js","sourceRoot":"","sources":["../../../src/nile-virtual-list/nile-virtual-list.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EACL,IAAI,GAGL,MAAM,KAAK,CAAC;AACb,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAC3C,cAAc,CAAC,MAAM,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC;AAC3D,CAAC;AACD;;;;;GAKG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW;IAAzC;;QACsB,UAAK,GAAU,EAAE,CAAC;QACjB,kBAAa,GAAW,EAAE,CAAC;QAI/C,eAAU,GAAG,CAAC,IAAS,EAAE,KAAa,EAAkB,EAAE;YAChE,MAAM,UAAU,GAAG,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC,aAAa,CAAC;YAC1E,OAAO,IAAI,CAAA;;;gBAGC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE;iBAC5B,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;;UAEvC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE;;KAElC,CAAC;QACJ,CAAC,CAAC;IAoBJ,CAAC;IAlBS,eAAe,CAAC,IAAS;QAC/B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,eAAe,EAAE;YAC/B,MAAM,EAAE,IAAI;YACZ,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;IACM,MAAM;QACX,OAAO,IAAI,CAAA;;iBAEE,IAAI,CAAC,KAAK;sBACL,IAAI,CAAC,UAAU;;;KAGhC,CAAC;IACJ,CAAC;;AAhCM,sBAAM,GAAmB,MAAM,AAAzB,CAA0B;AAHZ;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;8CAAmB;AACjB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAA4B;AAF5C,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAqC3B;;AAED,eAAe,eAAe,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  html,\n  TemplateResult,\n  CSSResultGroup,\n} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-virtual-list.css';\nimport NileElement from '../internal/nile-element';\nimport { LitVirtualizer } from '@lit-labs/virtualizer';\n\nif (!customElements.get('lit-virtualizer')) {\n  customElements.define('lit-virtualizer', LitVirtualizer);\n}\n/**\n * Nile virtual-list component.\n *\n * @tag nile-virtual-list\n *\n */\n@customElement('nile-virtual-list')\nexport class NileVirtualList extends NileElement {\n  @property({ type: Array }) items: any[] = [];\n  @property({ type: String }) selectedValue: string = '';\n\n  static styles: CSSResultGroup = styles;\n\n  private renderItem = (item: any, index: number): TemplateResult => {\n    const isSelected = (item.value || item.toString()) === this.selectedValue;\n    return html`\n      <nile-option\n        class=\"virtual-item\"\n        value=${item.value || item.toString()}\n        @click=${() => this.handleItemClick(item)}\n      >\n        ${item.label || item.toString()}\n      </nile-option>\n    `;\n  };\n\n  private handleItemClick(item: any) {\n    this.dispatchEvent(\n      new CustomEvent('nile-selected', {\n        detail: item,\n        bubbles: true,\n        composed: true,\n      })\n    );\n  }\n  public render(): TemplateResult {\n    return html`\n      <lit-virtualizer\n        .items=${this.items}\n        .renderItem=${this.renderItem}\n      >\n      </lit-virtualizer>\n    `;\n  }\n}\n\nexport default NileVirtualList;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-virtual-list': NileVirtualList;\n  }\n}\n"]}

package/dist/src/nile-virtual-scroll/index.d.ts

@@ -0,0 +1 @@
+export { NileVirtualScroll } from './nile-virtual-scroll';

package/dist/src/nile-virtual-scroll/index.js

@@ -0,0 +1,2 @@
+export { NileVirtualScroll } from './nile-virtual-scroll';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-virtual-scroll/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-virtual-scroll/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["export { NileVirtualScroll } from './nile-virtual-scroll';"]}

package/dist/src/nile-virtual-scroll/nile-virtual-scroll.css.d.ts

@@ -0,0 +1,12 @@
+/**
+* Copyright Aquera Inc 2023
+*
+* This source code is licensed under the BSD-3-Clause license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+/**
+ * VirtualScroll CSS
+ */
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
+export default _default;

package/dist/src/nile-virtual-scroll/nile-virtual-scroll.css.js

@@ -0,0 +1,17 @@
+/**
+* Copyright Aquera Inc 2023
+*
+* This source code is licensed under the BSD-3-Clause license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+import { css } from 'lit';
+/**
+ * VirtualScroll CSS
+ */
+export const styles = css `
+	:host {
+
+	}
+`;
+export default [styles];
+//# sourceMappingURL=nile-virtual-scroll.css.js.map

package/dist/src/nile-virtual-scroll/nile-virtual-scroll.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-virtual-scroll.css.js","sourceRoot":"","sources":["../../../src/nile-virtual-scroll/nile-virtual-scroll.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;CAIxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * VirtualScroll CSS\n */\nexport const styles = css`\n\t:host {\n\n\t}\n`;\n\nexport default [styles];"]}

package/dist/src/nile-virtual-scroll/nile-virtual-scroll.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { CSSResultArray, TemplateResult } from 'lit';
+import NileElement from '../internal/nile-element';
+/**
+ * Nile virtual-scroll component.
+ *
+ * @tag nile-virtual-scroll
+ *
+ */
+export declare class NileVirtualScroll extends NileElement {
+    /**
+     * The styles for nile-virtual-scroll
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles(): CSSResultArray;
+    templateContent: any;
+    scrollInProgress: boolean;
+    currentController: AbortController | null;
+    private observer;
+    itemHeight: number;
+    cachedElements: any;
+    height: number;
+    items: any[];
+    bufferSize: number;
+    showLoading: boolean;
+    scrollHeightAdjust: string;
+    startIndex: number;
+    endIndex: number;
+    currentScrollTop: number;
+    constructor();
+    protected firstUpdated(): void;
+    private handleScroll;
+    private showLoadingItemsScreen;
+    updateVisibleItems(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleItemChange(): void;
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render(): TemplateResult;
+}
+export default NileVirtualScroll;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-virtual-scroll': NileVirtualScroll;
+    }
+}

package/dist/src/nile-virtual-scroll/nile-virtual-scroll.js

@@ -0,0 +1,196 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { styles } from './nile-virtual-scroll.css';
+import NileElement from '../internal/nile-element';
+import { watch } from '../internal/watch';
+import { getStartAndEndIndices, getVisibleItems, stringToDOM, } from './nile-virtual-scroll.utils';
+/**
+ * Nile virtual-scroll component.
+ *
+ * @tag nile-virtual-scroll
+ *
+ */
+let NileVirtualScroll = class NileVirtualScroll extends NileElement {
+    /**
+     * The styles for nile-virtual-scroll
+     * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`
+     */
+    static get styles() {
+        return [styles];
+    }
+    constructor() {
+        super();
+        this.templateContent = '';
+        this.scrollInProgress = false;
+        this.currentController = null;
+        this.itemHeight = 10;
+        this.cachedElements = [];
+        this.height = 100;
+        this.items = [];
+        this.bufferSize = 50;
+        this.showLoading = false;
+        this.scrollHeightAdjust = '0px';
+        this.startIndex = 0;
+        this.endIndex = 0;
+        this.currentScrollTop = 0;
+        this.handleScroll = this.handleScroll.bind(this);
+        this.showLoadingItemsScreen = this.showLoadingItemsScreen.bind(this);
+        this.updateVisibleItems = this.updateVisibleItems.bind(this);
+    }
+    firstUpdated() {
+        this.templateContent =
+            document.getElementsByTagName('template')[0]?.innerHTML;
+        this.addEventListener('scroll', this.handleScroll);
+        this.scrollInProgress = true;
+        this.updateVisibleItems();
+    }
+    handleScroll() {
+        this.currentScrollTop = this.scrollTop;
+        this.scrollInProgress = true;
+        this.updateVisibleItems();
+    }
+    /* #endregion */
+    showLoadingItemsScreen() {
+        const { startIndex, endIndex } = getStartAndEndIndices({
+            currentScrollTop: this.currentScrollTop,
+            items: this.items,
+            height: this.height,
+            itemHeight: this.itemHeight,
+            bufferSize: this.bufferSize,
+        });
+        const visibleItems = this.items.slice(startIndex, endIndex);
+        const loadingScreenItems = [];
+        visibleItems.forEach((item) => {
+            let element = stringToDOM(`<p>Loading...</p>`);
+            if (element) {
+                loadingScreenItems.push(element);
+            }
+        });
+        this.innerHTML = '';
+        this.append(...loadingScreenItems);
+        this.scrollInProgress = true;
+        this.requestUpdate();
+    }
+    updateVisibleItems() {
+        const { startIndex, endIndex } = getStartAndEndIndices({
+            currentScrollTop: this.currentScrollTop,
+            items: this.items,
+            height: this.height,
+            itemHeight: this.itemHeight,
+            bufferSize: this.bufferSize,
+        });
+        const currentVisibleItems = getVisibleItems({
+            startIndex: startIndex,
+            endIndex: endIndex,
+            items: this.items,
+            templateContent: this.templateContent,
+        });
+        this.innerHTML = '';
+        this.append(...currentVisibleItems);
+        this.scrollInProgress = false;
+        this.requestUpdate();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+    }
+    handleItemChange() {
+        if (this.items.length) {
+            this.updateVisibleItems();
+        }
+    }
+    /* #region Methods */
+    /**
+     * Render method
+     * @slot This is a slot test
+     */
+    render() {
+        return html `
+      <style>
+        :host {
+          display: block;
+          overflow-y: scroll;
+          will-change: scroll-position;
+          max-height: calc(
+            var(--auto-size-available-height) - ${this.scrollHeightAdjust}
+          );
+          transform: translateZ(0);
+        }
+        :host::-webkit-scrollbar {
+          -webkit-appearance: none;
+          width: 7px;
+        }
+        :host::-webkit-scrollbar-thumb {
+          border-radius: 4px;
+          background-color: rgba(0, 0, 0, 0.5);
+          box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
+          -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
+        }
+      </style>
+      <div
+        style="
+                position: absolute; 
+                width: 100%; 
+                top: 0; 
+                left: 0; 
+                contain: content;
+                transform: translateY(${this.currentScrollTop}px)
+              "
+      >
+        <slot></slot>
+      </div>
+      <div
+        style="height: ${this.items?.length *
+            this.itemHeight}px; transform-origin: 0 0; flex: 0 0 auto;"
+      ></div>
+    `;
+    }
+};
+__decorate([
+    property({ type: Number })
+], NileVirtualScroll.prototype, "itemHeight", void 0);
+__decorate([
+    property({ type: Number })
+], NileVirtualScroll.prototype, "cachedElements", void 0);
+__decorate([
+    property({ type: Number })
+], NileVirtualScroll.prototype, "height", void 0);
+__decorate([
+    property({ type: Array })
+], NileVirtualScroll.prototype, "items", void 0);
+__decorate([
+    property({ type: Number })
+], NileVirtualScroll.prototype, "bufferSize", void 0);
+__decorate([
+    property({ type: Boolean })
+], NileVirtualScroll.prototype, "showLoading", void 0);
+__decorate([
+    property({ type: String })
+], NileVirtualScroll.prototype, "scrollHeightAdjust", void 0);
+__decorate([
+    state()
+], NileVirtualScroll.prototype, "startIndex", void 0);
+__decorate([
+    state()
+], NileVirtualScroll.prototype, "endIndex", void 0);
+__decorate([
+    state()
+], NileVirtualScroll.prototype, "currentScrollTop", void 0);
+__decorate([
+    watch('items')
+], NileVirtualScroll.prototype, "handleItemChange", null);
+NileVirtualScroll = __decorate([
+    customElement('nile-virtual-scroll')
+], NileVirtualScroll);
+export { NileVirtualScroll };
+export default NileVirtualScroll;
+//# sourceMappingURL=nile-virtual-scroll.js.map

package/dist/src/nile-virtual-scroll/nile-virtual-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-virtual-scroll.js","sourceRoot":"","sources":["../../../src/nile-virtual-scroll/nile-virtual-scroll.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { styles } from './nile-virtual-scroll.css';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../internal/watch';\nimport {\n  getStartAndEndIndices,\n  getVisibleItems,\n  stringToDOM,\n} from './nile-virtual-scroll.utils';\n\n/**\n * Nile virtual-scroll component.\n *\n * @tag nile-virtual-scroll\n *\n */\n@customElement('nile-virtual-scroll')\nexport class NileVirtualScroll extends NileElement {\n  /**\n   * The styles for nile-virtual-scroll\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  templateContent: any = '';\n  scrollInProgress: boolean = false;\n  currentController: AbortController | null = null;\n  private observer!: MutationObserver;\n\n  @property({ type: Number })\n  itemHeight = 10;\n\n  @property({ type: Number })\n  cachedElements: any = [];\n\n  @property({ type: Number })\n  height = 100;\n\n  @property({ type: Array })\n  items: any[] = [];\n\n  @property({ type: Number })\n  bufferSize = 50;\n\n  @property({ type: Boolean })\n  showLoading = false;\n\n  @property({ type: String })\n  scrollHeightAdjust = '0px';\n\n  @state()\n  startIndex: number = 0;\n  @state()\n  endIndex: number = 0;\n  @state()\n  currentScrollTop = 0;\n\n  constructor() {\n    super();\n    this.handleScroll = this.handleScroll.bind(this);\n    this.showLoadingItemsScreen = this.showLoadingItemsScreen.bind(this);\n    this.updateVisibleItems = this.updateVisibleItems.bind(this);\n  }\n\n  protected firstUpdated() {\n    this.templateContent =\n      document.getElementsByTagName('template')[0]?.innerHTML;\n    this.addEventListener('scroll', this.handleScroll);\n    \n    this.scrollInProgress = true;\n    this.updateVisibleItems();\n  }\n\n  private handleScroll() {\n    this.currentScrollTop = this.scrollTop;\n    this.scrollInProgress = true;\n    this.updateVisibleItems();\n  }\n\n  /* #endregion */\n\n  private showLoadingItemsScreen() {\n    const { startIndex, endIndex } = getStartAndEndIndices({\n      currentScrollTop: this.currentScrollTop,\n      items: this.items,\n      height: this.height,\n      itemHeight: this.itemHeight,\n      bufferSize: this.bufferSize,\n    });\n    const visibleItems = this.items.slice(startIndex, endIndex);\n    const loadingScreenItems: HTMLElement[] = [];\n    visibleItems.forEach((item: any) => {\n      let element = stringToDOM(`<p>Loading...</p>`) as HTMLElement;\n      if (element) {\n        loadingScreenItems.push(element);\n      }\n    });\n    this.innerHTML = '';\n    this.append(...loadingScreenItems);\n    this.scrollInProgress = true;\n    this.requestUpdate();\n  }\n\n  updateVisibleItems() {\n    const { startIndex, endIndex } = getStartAndEndIndices({\n      currentScrollTop: this.currentScrollTop,\n      items: this.items,\n      height: this.height,\n      itemHeight: this.itemHeight,\n      bufferSize: this.bufferSize,\n    });\n\n    const currentVisibleItems: HTMLElement[] = getVisibleItems({\n      startIndex: startIndex,\n      endIndex: endIndex,\n      items: this.items,\n      templateContent: this.templateContent,\n    });\n\n    this.innerHTML = '';\n    this.append(...currentVisibleItems);\n    this.scrollInProgress = false;\n    this.requestUpdate();\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n  }\n\n  @watch('items')\n  handleItemChange() {\n    if(this.items.length) {\n      this.updateVisibleItems()\n    }\n  }\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  public render(): TemplateResult {\n    return html`\n      <style>\n        :host {\n          display: block;\n          overflow-y: scroll;\n          will-change: scroll-position;\n          max-height: calc(\n            var(--auto-size-available-height) - ${this.scrollHeightAdjust}\n          );\n          transform: translateZ(0);\n        }\n        :host::-webkit-scrollbar {\n          -webkit-appearance: none;\n          width: 7px;\n        }\n        :host::-webkit-scrollbar-thumb {\n          border-radius: 4px;\n          background-color: rgba(0, 0, 0, 0.5);\n          box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n          -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n        }\n      </style>\n      <div\n        style=\"\n                position: absolute; \n                width: 100%; \n                top: 0; \n                left: 0; \n                contain: content;\n                transform: translateY(${this.currentScrollTop}px)\n              \"\n      >\n        <slot></slot>\n      </div>\n      <div\n        style=\"height: ${this.items?.length *\n        this.itemHeight}px; transform-origin: 0 0; flex: 0 0 auto;\"\n      ></div>\n    `;\n  }\n\n  /* #endregion */\n}\n\nexport default NileVirtualScroll;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-virtual-scroll': NileVirtualScroll;\n  }\n}\n"]}

package/dist/src/nile-virtual-scroll/nile-virtual-scroll.utils.d.ts

@@ -0,0 +1,23 @@
+interface ScrollParams {
+    currentScrollTop: number;
+    itemHeight: number;
+    height: number;
+    items: any[];
+    bufferSize: number;
+}
+interface GetVisibleItemsParams {
+    startIndex: number;
+    endIndex: number;
+    items: any[];
+    templateContent: any;
+}
+export declare const VIRTUAL_LIST_KEY = "data-itemValue";
+export declare const stringToDOM: (htmlString: string) => ChildNode | null;
+export declare const interpolateString: (template: string, item: any) => string;
+export declare const isHTMLElement: (obj: any) => obj is HTMLElement;
+export declare const getStartAndEndIndices: ({ currentScrollTop, itemHeight, height, items, bufferSize, }: ScrollParams) => {
+    startIndex: number;
+    endIndex: number;
+};
+export declare const getVisibleItems: ({ startIndex, endIndex, items, templateContent, }: GetVisibleItemsParams) => HTMLElement[];
+export {};

package/dist/src/nile-virtual-scroll/nile-virtual-scroll.utils.js

@@ -0,0 +1,48 @@
+export const VIRTUAL_LIST_KEY = 'data-itemValue';
+export const stringToDOM = (htmlString) => {
+    const parser = new DOMParser();
+    const doc = parser.parseFromString(htmlString, 'text/html');
+    return doc.body.firstChild; // Returns the first element
+};
+export const interpolateString = (template, item) => {
+    return new Function('item', `return \`${template}\`;`)(item);
+};
+export const isHTMLElement = (obj) => {
+    return obj instanceof HTMLElement;
+};
+export const getStartAndEndIndices = ({ currentScrollTop, itemHeight, height, items, bufferSize, }) => {
+    let startIndex = Math.floor(currentScrollTop / itemHeight);
+    let endIndex = startIndex +
+        Math.min(Math.ceil(height / itemHeight), items.length) +
+        Math.floor((bufferSize * 2) / itemHeight);
+    if (startIndex < 0) {
+        startIndex = 0;
+    }
+    if (endIndex >= items.length) {
+        endIndex = items.length - 1;
+    }
+    return { startIndex, endIndex };
+};
+export const getVisibleItems = ({ startIndex, endIndex, items, templateContent, }) => {
+    const currentVisibleItems = [];
+    let currentVisibleIndices = Array.from({ length: endIndex - startIndex + 1 }, (_, index) => startIndex + index);
+    for (let visibleIndex of currentVisibleIndices) {
+        const virtualItem = items[visibleIndex];
+        if (isHTMLElement(virtualItem)) {
+            if (!currentVisibleItems.includes(virtualItem)) {
+                currentVisibleItems.push(virtualItem);
+            }
+        }
+        else {
+            if (currentVisibleIndices.includes(virtualItem.index)) {
+                let element = stringToDOM(interpolateString(templateContent, virtualItem));
+                if (element) {
+                    element.setAttribute(VIRTUAL_LIST_KEY, `${virtualItem.name}`);
+                    currentVisibleItems.push(element);
+                }
+            }
+        }
+    }
+    return currentVisibleItems;
+};
+//# sourceMappingURL=nile-virtual-scroll.utils.js.map