@nanoporetech-digital/components 5.2.1 → 5.3.0

package/dist/collection/components/table/table.pin-service.js

@@ -229,8 +229,8 @@ export class TablePinService {
             // so only aggregate height / offset when cacheParent is different from current parent.
             // Devs can override this behaviour by manually setting `--pin-bottom` on the table row
             if (cacheParent !== currParent) {
-              currParent.style.setProperty('--pin-top', `${heightAggregate}px`);
-              heightAggregate += height;
+              currParent.style.setProperty('--pin-top', `${heightAggregate - 1}px`);
+              heightAggregate += height - 1;
               cacheParent = currParent;
             }
             resolve();
@@ -268,8 +268,8 @@ export class TablePinService {
             // so only aggregate height / offset when cacheParent is different from current parent.
             // Devs can override this behaviour by manually setting `--pin-bottom` on the table row
             if (cacheParent !== currParent) {
-              currParent.style.setProperty('--pin-bottom', `${heightAggregate}px`);
-              heightAggregate += height;
+              currParent.style.setProperty('--pin-bottom', `${heightAggregate - 1}px`);
+              heightAggregate += height - 1;
               cacheParent = currParent;
             }
             resolve();

package/dist/collection/components/table/table.pin-service.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.pin-service.js","sourceRoot":"","sources":["../../../src/components/table/table.pin-service.ts"],"names":[],"mappings":"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","sourcesContent":["import { readTask, writeTask } from '@stencil/core';\nimport { CSSNAMESPACE } from './table.constants';\n\nfunction addStyleSheet(id, css) {\n  const styleSheet =\n    (document.getElementById(id) as HTMLStyleElement) ||\n    document.createElement('style');\n  styleSheet.id = id;\n  styleSheet.innerHTML = css;\n  if (!styleSheet.isConnected) document.head.append(styleSheet);\n}\n\n/**\n * Manages the complex business of table 'pinning'; sticking columns and rows to the scrolling parent element.\n *\n * *knowing* when an element is pinned is tricky.\n * Managing the display of multiple, side-by-side pinned elements is trickier still.\n *\n * Pinning table columns are very different from pinning table rows:\n * - Rows are actual elements we can select, measure and apply styles to.\n * - Columns are disparate collections of elements that are much harder to select, measure and apply styles to.\n *\n * With this in mind, how columns and rows are pinned is different:\n * Rows can have changes applied directly, Columns have changes applied via dynamic stylesheets.\n *\n * The service is slightly opinionated on how it pins rows and columns (with some room for override):\n * - Pinned columns are stuck consecutively, without overlapping.\n * e.g. If column 'name' and 'surname' are both `pin: 'start'`; 'surname' will display **next** to name.\n * Both columns are important for context\n *\n * - Pinned rows are set to overlap *when* they have the same ancestor,\n * and stuck consecutively when they have a different ancestor.\n * e.g. `tbody > tr.pin ~ tr.pin` the second row will **overlap** the first; it's unlikely both rows will be important for context.\n * `thead > tr.pin`, `tbody > tr.pin`. Both rows are required for context so will require next to each other.\n *\n * Devs can override this behaviour by setting `--pin-start`, `--pin-end`, `--pin-top`, `--pin-bottom` custom vars.\n */\nexport class TablePinService {\n  // Private state\n\n  private cachedColMeta: WeakMap<HTMLElement, { width: number; idx: number }> =\n    new WeakMap();\n  private tableId: string;\n  private tableEle: HTMLTableElement;\n  private scrollElement: HTMLElement;\n  private startColumns: HTMLCollection;\n  private endColumns: HTMLCollection;\n  private topRows: HTMLCollection;\n  private bottomRows: HTMLCollection;\n  private tableDims: { height: number; width: number };\n\n  constructor(table: HTMLTableElement, scrollElement: HTMLElement) {\n    this.tableEle = table;\n    this.tableId = this.tableEle.id;\n    this.scrollElement = scrollElement;\n\n    // Secret sauce - `getElementsByClassName` is a live collection.\n    // An HTMLCollection will keep itself up-to-date as elements come and go\n    // So we can keep assessing on scroll\n\n    this.startColumns = table\n      .querySelector('thead')\n      .getElementsByClassName(`${CSSNAMESPACE}__pin--start`);\n    this.endColumns = table\n      .querySelector('thead')\n      .getElementsByClassName(`${CSSNAMESPACE}__pin--end`);\n    this.topRows = table.getElementsByClassName(`${CSSNAMESPACE}__pin--top`);\n    this.bottomRows = table.getElementsByClassName(\n      `${CSSNAMESPACE}__pin--bottom`\n    );\n    this.onResize();\n  }\n\n  // Pinned cols & change detection\n  private get pinnedStart() {\n    return this._pinnedStart;\n  }\n  private set pinnedStart(cols: HTMLElement[]) {\n    this._pinnedStart = cols;\n    this.handlePinnedStartChange();\n  }\n  private _pinnedStart: HTMLElement[] = [];\n\n  /**\n   * Called when columns are either pinned or unpinned.\n   * Attaches a tiny stylesheet to target the 'last' start column.\n   * (e.g. We only want to apply drop shadow on last pinned start column - not all pinned columns)\n   */\n  private handlePinnedStartChange() {\n    writeTask(() => {\n      if (this.pinnedStart.length) {\n        this.tableEle.classList.add(`${CSSNAMESPACE}__pinned--start`);\n        const lastActiveCol = this.cachedColMeta.get(\n          this.pinnedStart[this.pinnedStart.length - 1]\n        );\n\n        addStyleSheet(\n          `${this.tableId}-col-start-active-style`,\n          /* css */ `\n          #${this.tableId} tr > :nth-child(${lastActiveCol.idx + 1}) {\n            --pin-start-active: 1;\n          }\n        `\n        );\n      } else {\n        this.tableEle.classList.remove(`${CSSNAMESPACE}__pinned--start`);\n        addStyleSheet(`${this.tableId}-col-start-active-style`, ``);\n      }\n    });\n  }\n\n  private get pinnedEnd() {\n    return this._pinnedEnd;\n  }\n  private set pinnedEnd(cols: HTMLElement[]) {\n    this._pinnedEnd = cols;\n    this.handlePinnedEndChange();\n  }\n  private _pinnedEnd: HTMLElement[] = [];\n\n  /**\n   * Called when columns are either pinned or unpinned.\n   * Attaches a tiny stylesheet to target the 'first' end column.\n   * (e.g. We only want to apply drop shadow on first pinned end column - not all pinned columns)\n   */\n  private handlePinnedEndChange() {\n    writeTask(() => {\n      if (this.pinnedEnd.length) {\n        this.tableEle.classList.add(`${CSSNAMESPACE}__pinned--end`);\n        const firstActiveCol = this.cachedColMeta.get(this.pinnedEnd[0]);\n\n        addStyleSheet(\n          `${this.tableId}-col-end-active-style`,\n          /* css */ `\n          #${this.tableId} tr > :nth-child(${\n            firstActiveCol.idx + 1\n          }) { --pin-end-active: 1; }\n        `\n        );\n      } else {\n        this.tableEle.classList.remove(`${CSSNAMESPACE}__pinned--end`);\n        addStyleSheet(`${this.tableId}-col-end-active-style`, ``);\n      }\n    });\n  }\n\n  private get cssColDimensionCacheKey() {\n    return this._cssColDimensionCacheKey;\n  }\n  private set cssColDimensionCacheKey(key: string) {\n    if (key === this._cssColDimensionCacheKey) return;\n    this._cssColDimensionCacheKey = key;\n    this.createPinnedColDimensionStyles();\n  }\n  private _cssColDimensionCacheKey: string = '';\n\n  /**\n   * To only generate column dimension styles when necessary we\n   * maintain a cache key string via serialised column meta.\n   * Only when this key changes do we generate a new stylesheet\n   */\n  private generateCssCacheKey() {\n    let key = '';\n    for (const col of this.startColumns) {\n      const colMeta = this.cachedColMeta.get(col as HTMLElement);\n      key += `${colMeta.idx}-start-${colMeta.width}`;\n    }\n    for (const col of this.endColumns) {\n      const colMeta = this.cachedColMeta.get(col as HTMLElement);\n      key += `${colMeta.idx}-start-${colMeta.width}`;\n    }\n    this.cssColDimensionCacheKey = key;\n  }\n\n  /**\n   * Generates pinned column width offset styles\n   * so pinned columns can appear stuck together,\n   * then attaches a stylesheet.\n   */\n  private createPinnedColDimensionStyles() {\n    let widthS = 0;\n    let widthE = 0;\n    const startCols = Array.from(this.startColumns);\n    const endCols = Array.from(this.endColumns).reverse();\n\n    const css = /* css */ `\n      ${startCols\n        .map((col) => {\n          const colMeta = this.cachedColMeta.get(col as HTMLElement);\n          widthS += colMeta.width || 0;\n          return /* css */ `\n            #${this.tableId} tr > :nth-child(${colMeta.idx + 1}) ~ td,\n            #${this.tableId} tr > :nth-child(${colMeta.idx + 1}) ~ th {\n              --pin-start: ${widthS - 1}px;\n            }\n          `;\n        })\n        .join('')}\n      ${endCols\n        .map((col) => {\n          const colMeta = this.cachedColMeta.get(col as HTMLElement);\n          widthE += colMeta.width;\n          return /* css */ `\n            #${this.tableId} tr > td:has(~ :nth-child(${colMeta.idx + 1})),\n            #${this.tableId} tr > th:has(~ :nth-child(${colMeta.idx + 1})) {\n              --pin-end: ${widthE - 1}px;\n            }\n          `;\n        })\n        .join('')}\n    `;\n    addStyleSheet(`${this.tableId}-dimension-style`, css);\n  }\n\n  private getParentOffsets() {\n    const { x, y } = this.scrollElement.getBoundingClientRect();\n\n    let offsetX = x;\n    let offsetY = y;\n\n    if (this.scrollElement === document.documentElement) {\n      offsetX = this.scrollElement.offsetLeft;\n      offsetY = this.scrollElement.offsetTop;\n    }\n    return { offsetX, offsetY };\n  }\n\n  /**\n   * Loops through all 'top' & 'bottom' rows (on scroll or resize)\n   * Manages their visual state by applying classes on stuck / unstuck\n   * And their pinned offset / distance\n   */\n  public assessRows() {\n    if (!this.topRows.length && !this.bottomRows.length) return;\n\n    // top rows\n    if (this.topRows.length) {\n      readTask(async () => {\n        let heightAggregate = 0;\n        let cacheParent: HTMLElement;\n        const { offsetY } = this.getParentOffsets();\n\n        for (const topRow of this.topRows) {\n          const { y, height } = topRow.getBoundingClientRect();\n          const currParent = topRow.parentElement;\n          // we'll use the applied `--pin-top` css var to decide row offset.\n          // This allows devs to override this behaviour through selector specificity\n          const pinTop = getComputedStyle(topRow).getPropertyValue('--pin-top');\n          const offset = pinTop !== '' ? parseFloat(pinTop) : heightAggregate;\n\n          // we need to wait for the row to finish sticking\n          // and generating it's offset (`--pin-top`) so we can see, on\n          // subsequent rows *if* the offset was applied\n          await new Promise<void>((resolve) =>\n            writeTask(() => {\n              if (y - offsetY <= offset) {\n                topRow.classList.add(\n                  `${CSSNAMESPACE}__pinned`,\n                  `${CSSNAMESPACE}__pinned--top`\n                );\n              } else {\n                topRow.classList.remove(\n                  `${CSSNAMESPACE}__pinned`,\n                  `${CSSNAMESPACE}__pinned--top`\n                );\n              }\n\n              // by default, we only want to stick one row from each parental block (thead, tbody, tfoot)\n              // so only aggregate height / offset when cacheParent is different from current parent.\n              // Devs can override this behaviour by manually setting `--pin-bottom` on the table row\n              if (cacheParent !== currParent) {\n                currParent.style.setProperty(\n                  '--pin-top',\n                  `${heightAggregate}px`\n                );\n                heightAggregate += height;\n                cacheParent = currParent;\n              }\n              resolve();\n            })\n          );\n        }\n      });\n    }\n\n    // bottom rows\n    if (this.bottomRows.length) {\n      const bottomRows = Array.from(this.bottomRows).reverse();\n      readTask(async () => {\n        let cacheParent: HTMLElement;\n        let heightAggregate = 0;\n        const { offsetY } = this.getParentOffsets();\n\n        for (const bottomRow of bottomRows) {\n          if (!bottomRow.isConnected) continue;\n\n          const { y, height } = bottomRow.getBoundingClientRect();\n          const currParent = bottomRow.parentElement;\n          // we'll use the applied `--pin-bottom` css var to decide row offset.\n          // This allows devs to override this behaviour through selector specificity\n          const pinBottom =\n            getComputedStyle(bottomRow).getPropertyValue('--pin-bottom');\n          const offset =\n            pinBottom !== '' ? parseFloat(pinBottom) : heightAggregate;\n\n          // we need to wait for the row to finish sticking\n          // and generating it's offset (`--pin-bottom`) to we can see, on\n          // subsequent rows *if* the offset was applied\n          await new Promise<void>((resolve) =>\n            writeTask(() => {\n              if (this.tableDims.height + offsetY - (y + height) <= offset) {\n                bottomRow.classList.add(\n                  `${CSSNAMESPACE}__pinned`,\n                  `${CSSNAMESPACE}__pinned--bottom`\n                );\n              } else {\n                bottomRow.classList.remove(\n                  `${CSSNAMESPACE}__pinned`,\n                  `${CSSNAMESPACE}__pinned--bottom`\n                );\n              }\n\n              // by default, we only want to stick one row from each parental block (thead, tbody, tfoot)\n              // so only aggregate height / offset when cacheParent is different from current parent.\n              // Devs can override this behaviour by manually setting `--pin-bottom` on the table row\n              if (cacheParent !== currParent) {\n                currParent.style.setProperty(\n                  '--pin-bottom',\n                  `${heightAggregate}px`\n                );\n                heightAggregate += height;\n                cacheParent = currParent;\n              }\n              resolve();\n            })\n          );\n        }\n      });\n    }\n  }\n\n  /**\n   * Loops through all 'start' & 'end' columns (on scroll or resize)\n   * Caches meta about each column (e.g. size, position-index)\n   * and decides which columns are pinned\n   */\n  public async assessCols() {\n    if (!this.startColumns.length && !this.endColumns.length) return;\n\n    let boundBox: DOMRect;\n    let currPinned: HTMLElement;\n    let parentEles: Element[];\n\n    const done = new Promise<void>((resolve) => {\n      // start cols\n      if (this.startColumns.length) {\n        readTask(() => {\n          const { offsetX } = this.getParentOffsets();\n          // cumulatively add widths of columns together\n          // 'cos columns stick together\n          let widthAggregate = offsetX;\n          parentEles = Array.from(this.startColumns[0].parentElement.children);\n\n          for (const startCol of this.startColumns) {\n            boundBox = startCol.getBoundingClientRect();\n            // cache meta for later\n            this.cachedColMeta.set(startCol as HTMLElement, {\n              width: boundBox.width,\n              idx: parentEles.indexOf(startCol),\n            });\n\n            currPinned = this.pinnedStart.find((c) => c === startCol);\n            if (boundBox.x < widthAggregate) {\n              // this column is pinned\n              if (!currPinned)\n                this.pinnedStart = [\n                  ...this.pinnedStart,\n                  startCol as HTMLElement,\n                ];\n            } else if (currPinned) {\n              // this column is unpinned\n              this.pinnedStart = this.pinnedStart.filter((c) => c !== startCol);\n            }\n            widthAggregate += boundBox.width;\n          }\n          if (!this.endColumns.length) resolve();\n        });\n      }\n\n      // end cols\n      if (this.endColumns.length) {\n        readTask(() => {\n          const endCols = Array.from(this.endColumns).reverse();\n          parentEles = Array.from(this.endColumns[0].parentElement.children);\n          const { offsetX } = this.getParentOffsets();\n          // cumulatively add widths of columns together\n          // 'cos columns stick together\n          let widthAggregate = 0;\n\n          for (const endCol of endCols) {\n            boundBox = endCol.getBoundingClientRect();\n            // cache meta for later\n            this.cachedColMeta.set(endCol as HTMLElement, {\n              width: boundBox.width,\n              idx: parentEles.indexOf(endCol),\n            });\n\n            currPinned = this.pinnedEnd.find((c) => c === endCol);\n            if (\n              this.tableDims.width + offsetX - boundBox.right <=\n              widthAggregate\n            ) {\n              // this column is pinned\n              if (!currPinned)\n                this.pinnedEnd = [endCol as HTMLElement, ...this.pinnedEnd];\n            } else if (currPinned) {\n              // this column is unpinned\n              this.pinnedEnd = this.pinnedEnd.filter((c) => c !== endCol);\n            }\n            widthAggregate += boundBox.width;\n          }\n          resolve();\n        });\n      }\n    });\n\n    await done;\n    // potentially generate a new css stylesheet if anything changed\n    this.generateCssCacheKey();\n  }\n\n  private cacheX = 0;\n  private cacheY = 0;\n\n  public onScroll(pos: { x: number; y: number }) {\n    if (this.cacheX !== pos.x) {\n      this.cacheX = pos.x;\n      this.assessCols();\n    }\n    if (this.cacheY !== pos.y) {\n      this.cacheY = pos.y;\n      this.assessRows();\n    }\n  }\n\n  public onResize() {\n    const width = this.scrollElement.clientWidth;\n    const height = this.scrollElement.clientHeight;\n\n    this.tableDims = { width, height };\n    this.assessCols();\n    this.assessRows();\n  }\n}\n"]}
+{"version":3,"file":"table.pin-service.js","sourceRoot":"","sources":["../../../src/components/table/table.pin-service.ts"],"names":[],"mappings":"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","sourcesContent":["import { readTask, writeTask } from '@stencil/core';\nimport { CSSNAMESPACE } from './table.constants';\n\nfunction addStyleSheet(id, css) {\n  const styleSheet =\n    (document.getElementById(id) as HTMLStyleElement) ||\n    document.createElement('style');\n  styleSheet.id = id;\n  styleSheet.innerHTML = css;\n  if (!styleSheet.isConnected) document.head.append(styleSheet);\n}\n\n/**\n * Manages the complex business of table 'pinning'; sticking columns and rows to the scrolling parent element.\n *\n * *knowing* when an element is pinned is tricky.\n * Managing the display of multiple, side-by-side pinned elements is trickier still.\n *\n * Pinning table columns are very different from pinning table rows:\n * - Rows are actual elements we can select, measure and apply styles to.\n * - Columns are disparate collections of elements that are much harder to select, measure and apply styles to.\n *\n * With this in mind, how columns and rows are pinned is different:\n * Rows can have changes applied directly, Columns have changes applied via dynamic stylesheets.\n *\n * The service is slightly opinionated on how it pins rows and columns (with some room for override):\n * - Pinned columns are stuck consecutively, without overlapping.\n * e.g. If column 'name' and 'surname' are both `pin: 'start'`; 'surname' will display **next** to name.\n * Both columns are important for context\n *\n * - Pinned rows are set to overlap *when* they have the same ancestor,\n * and stuck consecutively when they have a different ancestor.\n * e.g. `tbody > tr.pin ~ tr.pin` the second row will **overlap** the first; it's unlikely both rows will be important for context.\n * `thead > tr.pin`, `tbody > tr.pin`. Both rows are required for context so will require next to each other.\n *\n * Devs can override this behaviour by setting `--pin-start`, `--pin-end`, `--pin-top`, `--pin-bottom` custom vars.\n */\nexport class TablePinService {\n  // Private state\n\n  private cachedColMeta: WeakMap<HTMLElement, { width: number; idx: number }> =\n    new WeakMap();\n  private tableId: string;\n  private tableEle: HTMLTableElement;\n  private scrollElement: HTMLElement;\n  private startColumns: HTMLCollection;\n  private endColumns: HTMLCollection;\n  private topRows: HTMLCollection;\n  private bottomRows: HTMLCollection;\n  private tableDims: { height: number; width: number };\n\n  constructor(table: HTMLTableElement, scrollElement: HTMLElement) {\n    this.tableEle = table;\n    this.tableId = this.tableEle.id;\n    this.scrollElement = scrollElement;\n\n    // Secret sauce - `getElementsByClassName` is a live collection.\n    // An HTMLCollection will keep itself up-to-date as elements come and go\n    // So we can keep assessing on scroll\n\n    this.startColumns = table\n      .querySelector('thead')\n      .getElementsByClassName(`${CSSNAMESPACE}__pin--start`);\n    this.endColumns = table\n      .querySelector('thead')\n      .getElementsByClassName(`${CSSNAMESPACE}__pin--end`);\n    this.topRows = table.getElementsByClassName(`${CSSNAMESPACE}__pin--top`);\n    this.bottomRows = table.getElementsByClassName(\n      `${CSSNAMESPACE}__pin--bottom`\n    );\n    this.onResize();\n  }\n\n  // Pinned cols & change detection\n  private get pinnedStart() {\n    return this._pinnedStart;\n  }\n  private set pinnedStart(cols: HTMLElement[]) {\n    this._pinnedStart = cols;\n    this.handlePinnedStartChange();\n  }\n  private _pinnedStart: HTMLElement[] = [];\n\n  /**\n   * Called when columns are either pinned or unpinned.\n   * Attaches a tiny stylesheet to target the 'last' start column.\n   * (e.g. We only want to apply drop shadow on last pinned start column - not all pinned columns)\n   */\n  private handlePinnedStartChange() {\n    writeTask(() => {\n      if (this.pinnedStart.length) {\n        this.tableEle.classList.add(`${CSSNAMESPACE}__pinned--start`);\n        const lastActiveCol = this.cachedColMeta.get(\n          this.pinnedStart[this.pinnedStart.length - 1]\n        );\n\n        addStyleSheet(\n          `${this.tableId}-col-start-active-style`,\n          /* css */ `\n          #${this.tableId} tr > :nth-child(${lastActiveCol.idx + 1}) {\n            --pin-start-active: 1;\n          }\n        `\n        );\n      } else {\n        this.tableEle.classList.remove(`${CSSNAMESPACE}__pinned--start`);\n        addStyleSheet(`${this.tableId}-col-start-active-style`, ``);\n      }\n    });\n  }\n\n  private get pinnedEnd() {\n    return this._pinnedEnd;\n  }\n  private set pinnedEnd(cols: HTMLElement[]) {\n    this._pinnedEnd = cols;\n    this.handlePinnedEndChange();\n  }\n  private _pinnedEnd: HTMLElement[] = [];\n\n  /**\n   * Called when columns are either pinned or unpinned.\n   * Attaches a tiny stylesheet to target the 'first' end column.\n   * (e.g. We only want to apply drop shadow on first pinned end column - not all pinned columns)\n   */\n  private handlePinnedEndChange() {\n    writeTask(() => {\n      if (this.pinnedEnd.length) {\n        this.tableEle.classList.add(`${CSSNAMESPACE}__pinned--end`);\n        const firstActiveCol = this.cachedColMeta.get(this.pinnedEnd[0]);\n\n        addStyleSheet(\n          `${this.tableId}-col-end-active-style`,\n          /* css */ `\n          #${this.tableId} tr > :nth-child(${\n            firstActiveCol.idx + 1\n          }) { --pin-end-active: 1; }\n        `\n        );\n      } else {\n        this.tableEle.classList.remove(`${CSSNAMESPACE}__pinned--end`);\n        addStyleSheet(`${this.tableId}-col-end-active-style`, ``);\n      }\n    });\n  }\n\n  private get cssColDimensionCacheKey() {\n    return this._cssColDimensionCacheKey;\n  }\n  private set cssColDimensionCacheKey(key: string) {\n    if (key === this._cssColDimensionCacheKey) return;\n    this._cssColDimensionCacheKey = key;\n    this.createPinnedColDimensionStyles();\n  }\n  private _cssColDimensionCacheKey: string = '';\n\n  /**\n   * To only generate column dimension styles when necessary we\n   * maintain a cache key string via serialised column meta.\n   * Only when this key changes do we generate a new stylesheet\n   */\n  private generateCssCacheKey() {\n    let key = '';\n    for (const col of this.startColumns) {\n      const colMeta = this.cachedColMeta.get(col as HTMLElement);\n      key += `${colMeta.idx}-start-${colMeta.width}`;\n    }\n    for (const col of this.endColumns) {\n      const colMeta = this.cachedColMeta.get(col as HTMLElement);\n      key += `${colMeta.idx}-start-${colMeta.width}`;\n    }\n    this.cssColDimensionCacheKey = key;\n  }\n\n  /**\n   * Generates pinned column width offset styles\n   * so pinned columns can appear stuck together,\n   * then attaches a stylesheet.\n   */\n  private createPinnedColDimensionStyles() {\n    let widthS = 0;\n    let widthE = 0;\n    const startCols = Array.from(this.startColumns);\n    const endCols = Array.from(this.endColumns).reverse();\n\n    const css = /* css */ `\n      ${startCols\n        .map((col) => {\n          const colMeta = this.cachedColMeta.get(col as HTMLElement);\n          widthS += colMeta.width || 0;\n          return /* css */ `\n            #${this.tableId} tr > :nth-child(${colMeta.idx + 1}) ~ td,\n            #${this.tableId} tr > :nth-child(${colMeta.idx + 1}) ~ th {\n              --pin-start: ${widthS - 1}px;\n            }\n          `;\n        })\n        .join('')}\n      ${endCols\n        .map((col) => {\n          const colMeta = this.cachedColMeta.get(col as HTMLElement);\n          widthE += colMeta.width;\n          return /* css */ `\n            #${this.tableId} tr > td:has(~ :nth-child(${colMeta.idx + 1})),\n            #${this.tableId} tr > th:has(~ :nth-child(${colMeta.idx + 1})) {\n              --pin-end: ${widthE - 1}px;\n            }\n          `;\n        })\n        .join('')}\n    `;\n    addStyleSheet(`${this.tableId}-dimension-style`, css);\n  }\n\n  private getParentOffsets() {\n    const { x, y } = this.scrollElement.getBoundingClientRect();\n\n    let offsetX = x;\n    let offsetY = y;\n\n    if (this.scrollElement === document.documentElement) {\n      offsetX = this.scrollElement.offsetLeft;\n      offsetY = this.scrollElement.offsetTop;\n    }\n    return { offsetX, offsetY };\n  }\n\n  /**\n   * Loops through all 'top' & 'bottom' rows (on scroll or resize)\n   * Manages their visual state by applying classes on stuck / unstuck\n   * And their pinned offset / distance\n   */\n  public assessRows() {\n    if (!this.topRows.length && !this.bottomRows.length) return;\n\n    // top rows\n    if (this.topRows.length) {\n      readTask(async () => {\n        let heightAggregate = 0;\n        let cacheParent: HTMLElement;\n        const { offsetY } = this.getParentOffsets();\n\n        for (const topRow of this.topRows) {\n          const { y, height } = topRow.getBoundingClientRect();\n          const currParent = topRow.parentElement;\n          // we'll use the applied `--pin-top` css var to decide row offset.\n          // This allows devs to override this behaviour through selector specificity\n          const pinTop = getComputedStyle(topRow).getPropertyValue('--pin-top');\n          const offset = pinTop !== '' ? parseFloat(pinTop) : heightAggregate;\n\n          // we need to wait for the row to finish sticking\n          // and generating it's offset (`--pin-top`) so we can see, on\n          // subsequent rows *if* the offset was applied\n          await new Promise<void>((resolve) =>\n            writeTask(() => {\n              if (y - offsetY <= offset) {\n                topRow.classList.add(\n                  `${CSSNAMESPACE}__pinned`,\n                  `${CSSNAMESPACE}__pinned--top`\n                );\n              } else {\n                topRow.classList.remove(\n                  `${CSSNAMESPACE}__pinned`,\n                  `${CSSNAMESPACE}__pinned--top`\n                );\n              }\n\n              // by default, we only want to stick one row from each parental block (thead, tbody, tfoot)\n              // so only aggregate height / offset when cacheParent is different from current parent.\n              // Devs can override this behaviour by manually setting `--pin-bottom` on the table row\n              if (cacheParent !== currParent) {\n                currParent.style.setProperty(\n                  '--pin-top',\n                  `${heightAggregate - 1}px`\n                );\n                heightAggregate += height - 1;\n                cacheParent = currParent;\n              }\n              resolve();\n            })\n          );\n        }\n      });\n    }\n\n    // bottom rows\n    if (this.bottomRows.length) {\n      const bottomRows = Array.from(this.bottomRows).reverse();\n      readTask(async () => {\n        let cacheParent: HTMLElement;\n        let heightAggregate = 0;\n        const { offsetY } = this.getParentOffsets();\n\n        for (const bottomRow of bottomRows) {\n          if (!bottomRow.isConnected) continue;\n\n          const { y, height } = bottomRow.getBoundingClientRect();\n          const currParent = bottomRow.parentElement;\n          // we'll use the applied `--pin-bottom` css var to decide row offset.\n          // This allows devs to override this behaviour through selector specificity\n          const pinBottom =\n            getComputedStyle(bottomRow).getPropertyValue('--pin-bottom');\n          const offset =\n            pinBottom !== '' ? parseFloat(pinBottom) : heightAggregate;\n\n          // we need to wait for the row to finish sticking\n          // and generating it's offset (`--pin-bottom`) to we can see, on\n          // subsequent rows *if* the offset was applied\n          await new Promise<void>((resolve) =>\n            writeTask(() => {\n              if (this.tableDims.height + offsetY - (y + height) <= offset) {\n                bottomRow.classList.add(\n                  `${CSSNAMESPACE}__pinned`,\n                  `${CSSNAMESPACE}__pinned--bottom`\n                );\n              } else {\n                bottomRow.classList.remove(\n                  `${CSSNAMESPACE}__pinned`,\n                  `${CSSNAMESPACE}__pinned--bottom`\n                );\n              }\n\n              // by default, we only want to stick one row from each parental block (thead, tbody, tfoot)\n              // so only aggregate height / offset when cacheParent is different from current parent.\n              // Devs can override this behaviour by manually setting `--pin-bottom` on the table row\n              if (cacheParent !== currParent) {\n                currParent.style.setProperty(\n                  '--pin-bottom',\n                  `${heightAggregate - 1}px`\n                );\n                heightAggregate += height - 1;\n                cacheParent = currParent;\n              }\n              resolve();\n            })\n          );\n        }\n      });\n    }\n  }\n\n  /**\n   * Loops through all 'start' & 'end' columns (on scroll or resize)\n   * Caches meta about each column (e.g. size, position-index)\n   * and decides which columns are pinned\n   */\n  public async assessCols() {\n    if (!this.startColumns.length && !this.endColumns.length) return;\n\n    let boundBox: DOMRect;\n    let currPinned: HTMLElement;\n    let parentEles: Element[];\n\n    const done = new Promise<void>((resolve) => {\n      // start cols\n      if (this.startColumns.length) {\n        readTask(() => {\n          const { offsetX } = this.getParentOffsets();\n          // cumulatively add widths of columns together\n          // 'cos columns stick together\n          let widthAggregate = offsetX;\n          parentEles = Array.from(this.startColumns[0].parentElement.children);\n\n          for (const startCol of this.startColumns) {\n            boundBox = startCol.getBoundingClientRect();\n            // cache meta for later\n            this.cachedColMeta.set(startCol as HTMLElement, {\n              width: boundBox.width,\n              idx: parentEles.indexOf(startCol),\n            });\n\n            currPinned = this.pinnedStart.find((c) => c === startCol);\n            if (boundBox.x < widthAggregate) {\n              // this column is pinned\n              if (!currPinned)\n                this.pinnedStart = [\n                  ...this.pinnedStart,\n                  startCol as HTMLElement,\n                ];\n            } else if (currPinned) {\n              // this column is unpinned\n              this.pinnedStart = this.pinnedStart.filter((c) => c !== startCol);\n            }\n            widthAggregate += boundBox.width;\n          }\n          if (!this.endColumns.length) resolve();\n        });\n      }\n\n      // end cols\n      if (this.endColumns.length) {\n        readTask(() => {\n          const endCols = Array.from(this.endColumns).reverse();\n          parentEles = Array.from(this.endColumns[0].parentElement.children);\n          const { offsetX } = this.getParentOffsets();\n          // cumulatively add widths of columns together\n          // 'cos columns stick together\n          let widthAggregate = 0;\n\n          for (const endCol of endCols) {\n            boundBox = endCol.getBoundingClientRect();\n            // cache meta for later\n            this.cachedColMeta.set(endCol as HTMLElement, {\n              width: boundBox.width,\n              idx: parentEles.indexOf(endCol),\n            });\n\n            currPinned = this.pinnedEnd.find((c) => c === endCol);\n            if (\n              this.tableDims.width + offsetX - boundBox.right <=\n              widthAggregate\n            ) {\n              // this column is pinned\n              if (!currPinned)\n                this.pinnedEnd = [endCol as HTMLElement, ...this.pinnedEnd];\n            } else if (currPinned) {\n              // this column is unpinned\n              this.pinnedEnd = this.pinnedEnd.filter((c) => c !== endCol);\n            }\n            widthAggregate += boundBox.width;\n          }\n          resolve();\n        });\n      }\n    });\n\n    await done;\n    // potentially generate a new css stylesheet if anything changed\n    this.generateCssCacheKey();\n  }\n\n  private cacheX = 0;\n  private cacheY = 0;\n\n  public onScroll(pos: { x: number; y: number }) {\n    if (this.cacheX !== pos.x) {\n      this.cacheX = pos.x;\n      this.assessCols();\n    }\n    if (this.cacheY !== pos.y) {\n      this.cacheY = pos.y;\n      this.assessRows();\n    }\n  }\n\n  public onResize() {\n    const width = this.scrollElement.clientWidth;\n    const height = this.scrollElement.clientHeight;\n\n    this.tableDims = { width, height };\n    this.assessCols();\n    this.assessRows();\n  }\n}\n"]}

package/dist/collection/utils/events.js

@@ -24,4 +24,21 @@ export function removeListeners(el, events, fn) {
     .split(' ')
     .forEach((e) => el.removeEventListener(e, fn));
 }
+/**
+ * Waits for a specific event to be emitted from an element.
+ * Ignores events that bubble up from child elements.
+ * @param el an html element
+ * @param eventName name of the event
+ */
+export function waitForEvent(el, eventName) {
+  return new Promise((resolve) => {
+    function done(event) {
+      if (event.target === el) {
+        el.removeEventListener(eventName, done);
+        resolve();
+      }
+    }
+    el.addEventListener(eventName, done);
+  });
+}
 //# sourceMappingURL=events.js.map

package/dist/collection/utils/events.js.map

@@ -1 +1 @@
-{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/utils/events.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAC1B,EAAsB,EACtB,MAAc,EACd,EAAsB,EACtB,IAA8B;EAE9B,MAAM;KACH,KAAK,CAAC,GAAG,CAAC;KACV,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CACb,EAAE,CAAC,gBAAgB,CAAC,CAA8B,EAAE,EAAE,EAAE,IAAI,CAAC,CAC9D,CAAC;AACN,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAC7B,EAAsB,EACtB,MAAc,EACd,EAAsB;EAEtB,MAAM;KACH,KAAK,CAAC,GAAG,CAAC;KACV,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAA8B,EAAE,EAAE,CAAC,CAAC,CAAC;AAChF,CAAC","sourcesContent":["/**\n * Add multiple event listeners with the same callback function\n * @param el the element which emits events\n * @param events the event names to listen to (string separated by a space)\n * @param fn the function to call\n * @param opts the event options to apply\n */\nexport function addListeners(\n  el: Element | Document,\n  events: string,\n  fn: (e: Event) => void,\n  opts?: AddEventListenerOptions\n) {\n  events\n    .split(' ')\n    .forEach((e) =>\n      el.addEventListener(e as keyof HTMLElementEventMap, fn, opts)\n    );\n}\n\n/**\n * Remove multiple event listeners with the same callback function\n * @param el the element which emits events\n * @param events the event names to listen to (string separated by a space)\n * @param fn the function to call\n */\nexport function removeListeners(\n  el: Element | Document,\n  events: string,\n  fn: (e: Event) => void\n) {\n  events\n    .split(' ')\n    .forEach((e) => el.removeEventListener(e as keyof HTMLElementEventMap, fn));\n}\n"]}
+{"version":3,"file":"events.js","sourceRoot":"","sources":["../../src/utils/events.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAC1B,EAAsB,EACtB,MAAc,EACd,EAAsB,EACtB,IAA8B;EAE9B,MAAM;KACH,KAAK,CAAC,GAAG,CAAC;KACV,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CACb,EAAE,CAAC,gBAAgB,CAAC,CAA8B,EAAE,EAAE,EAAE,IAAI,CAAC,CAC9D,CAAC;AACN,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAC7B,EAAsB,EACtB,MAAc,EACd,EAAsB;EAEtB,MAAM;KACH,KAAK,CAAC,GAAG,CAAC;KACV,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAA8B,EAAE,EAAE,CAAC,CAAC,CAAC;AAChF,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,EAAe,EAAE,SAAiB;EAC7D,OAAO,IAAI,OAAO,CAAO,CAAC,OAAO,EAAE,EAAE;IACnC,SAAS,IAAI,CAAC,KAAY;MACxB,IAAI,KAAK,CAAC,MAAM,KAAK,EAAE,EAAE;QACvB,EAAE,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QACxC,OAAO,EAAE,CAAC;OACX;IACH,CAAC;IAED,EAAE,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;EACvC,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["/**\n * Add multiple event listeners with the same callback function\n * @param el the element which emits events\n * @param events the event names to listen to (string separated by a space)\n * @param fn the function to call\n * @param opts the event options to apply\n */\nexport function addListeners(\n  el: Element | Document,\n  events: string,\n  fn: (e: Event) => void,\n  opts?: AddEventListenerOptions\n) {\n  events\n    .split(' ')\n    .forEach((e) =>\n      el.addEventListener(e as keyof HTMLElementEventMap, fn, opts)\n    );\n}\n\n/**\n * Remove multiple event listeners with the same callback function\n * @param el the element which emits events\n * @param events the event names to listen to (string separated by a space)\n * @param fn the function to call\n */\nexport function removeListeners(\n  el: Element | Document,\n  events: string,\n  fn: (e: Event) => void\n) {\n  events\n    .split(' ')\n    .forEach((e) => el.removeEventListener(e as keyof HTMLElementEventMap, fn));\n}\n\n/**\n * Waits for a specific event to be emitted from an element.\n * Ignores events that bubble up from child elements.\n * @param el an html element\n * @param eventName name of the event\n */\nexport function waitForEvent(el: HTMLElement, eventName: string) {\n  return new Promise<void>((resolve) => {\n    function done(event: Event) {\n      if (event.target === el) {\n        el.removeEventListener(eventName, done);\n        resolve();\n      }\n    }\n\n    el.addEventListener(eventName, done);\n  });\n}\n"]}

package/dist/collection/utils/slot.js

@@ -37,27 +37,32 @@ export function getTextContent(slot) {
 /**
  * Determines whether an element has a slot. If name is specified, the function will look for a corresponding named
  * slot, otherwise it will look for a "default" slot (e.g. a non-empty text node or an element with no slot attribute).
- * @param el
- * @param name
+ * @param host a custom element host
+ * @param name a slot to find
  * @returns boolean
  */
-export function hasSlot(el, name) {
+export function hasSlot(host, name) {
   // Look for a named slot
   if (name) {
-    return el.querySelector(`[slot="${name}"]`) !== null;
+    return host.querySelector(`[slot="${name}"]`) !== null;
   }
   // Look for a default slot
-  return [...Array.from(el.childNodes)].some((node) => {
-    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {
-      return true;
-    }
-    if (node.nodeType === node.ELEMENT_NODE) {
-      const el = node;
-      if (!el.hasAttribute('slot')) {
+  if (this.host.shadowRoot) {
+    return [...Array.from(host.childNodes)].some((node) => {
+      if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {
         return true;
       }
-    }
-    return false;
-  });
+      if (node.nodeType === node.ELEMENT_NODE) {
+        const el = node;
+        if (!el.hasAttribute('slot')) {
+          return true;
+        }
+      }
+      return false;
+    });
+  }
+  // non-shadow component...TODO - only for 'scoped' components atm
+  if (host.querySelector(`:not(.sc-${host.tagName.toLowerCase()}):not([slot])`))
+    return true;
 }
 //# sourceMappingURL=slot.js.map

package/dist/collection/utils/slot.js.map

@@ -1 +1 @@
-{"version":3,"file":"slot.js","sourceRoot":"","sources":["../../src/utils/slot.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,IAAqB;EAChD,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;EACpD,IAAI,IAAI,GAAG,EAAE,CAAC;EAEd,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;IACtB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE;MACvC,IAAI,IAAK,IAAoB,CAAC,SAAS,CAAC;KACzC;IAED,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,EAAE;MACpC,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC;KAC1B;EACH,CAAC,CAAC,CAAC;EAEH,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAC,IAAqB;EAClD,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;EACpD,IAAI,IAAI,GAAG,EAAE,CAAC;EAEd,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;IACtB,IAAI,IAAI,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC;EACjC,CAAC,CAAC,CAAC;EAEH,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC;AACrB,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,OAAO,CAAC,EAAe,EAAE,IAAa;EACpD,wBAAwB;EACxB,IAAI,IAAI,EAAE;IACR,OAAO,EAAE,CAAC,aAAa,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC;GACtD;EAED,0BAA0B;EAC1B,OAAO,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;IAClD,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;MACtE,OAAO,IAAI,CAAC;KACb;IAED,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE;MACvC,MAAM,EAAE,GAAG,IAAmB,CAAC;MAC/B,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;QAC5B,OAAO,IAAI,CAAC;OACb;KACF;IAED,OAAO,KAAK,CAAC;EACf,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["/**\n * Given a slot, this function iterates over all of its assigned elements and text nodes and returns the concatenated\n * HTML as a string. This is useful because we can't use slot.innerHTML as an alternative.\n * @param slot\n * @returns a concatenated string from html and text nodes\n */\nexport function getInnerHTML(slot: HTMLSlotElement): string {\n  const nodes = slot.assignedNodes({ flatten: true });\n  let html = '';\n\n  [...nodes].map((node) => {\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      html += (node as HTMLElement).outerHTML;\n    }\n\n    if (node.nodeType === Node.TEXT_NODE) {\n      html += node.textContent;\n    }\n  });\n\n  return html;\n}\n\n/**\n * Given a slot, this function iterates over all of its assigned text nodes and returns the concatenated text as a\n * string. This is useful because we can't use slot.textContent as an alternative.\n * @param slot\n * @returns a concatenated string of text\n */\nexport function getTextContent(slot: HTMLSlotElement): string {\n  const nodes = slot.assignedNodes({ flatten: true });\n  let text = '';\n\n  [...nodes].map((node) => {\n    text += node.textContent + ' ';\n  });\n\n  return text.trim();\n}\n\n/**\n * Determines whether an element has a slot. If name is specified, the function will look for a corresponding named\n * slot, otherwise it will look for a \"default\" slot (e.g. a non-empty text node or an element with no slot attribute).\n * @param el\n * @param name\n * @returns boolean\n */\nexport function hasSlot(el: HTMLElement, name?: string) {\n  // Look for a named slot\n  if (name) {\n    return el.querySelector(`[slot=\"${name}\"]`) !== null;\n  }\n\n  // Look for a default slot\n  return [...Array.from(el.childNodes)].some((node) => {\n    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {\n      return true;\n    }\n\n    if (node.nodeType === node.ELEMENT_NODE) {\n      const el = node as HTMLElement;\n      if (!el.hasAttribute('slot')) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n}\n"]}
+{"version":3,"file":"slot.js","sourceRoot":"","sources":["../../src/utils/slot.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,IAAqB;EAChD,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;EACpD,IAAI,IAAI,GAAG,EAAE,CAAC;EAEd,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;IACtB,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE;MACvC,IAAI,IAAK,IAAoB,CAAC,SAAS,CAAC;KACzC;IAED,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,EAAE;MACpC,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC;KAC1B;EACH,CAAC,CAAC,CAAC;EAEH,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAC,IAAqB;EAClD,MAAM,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;EACpD,IAAI,IAAI,GAAG,EAAE,CAAC;EAEd,CAAC,GAAG,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;IACtB,IAAI,IAAI,IAAI,CAAC,WAAW,GAAG,GAAG,CAAC;EACjC,CAAC,CAAC,CAAC;EAEH,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC;AACrB,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,OAAO,CAAC,IAAiB,EAAE,IAAa;EACtD,wBAAwB;EACxB,IAAI,IAAI,EAAE;IACR,OAAO,IAAI,CAAC,aAAa,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,IAAI,CAAC;GACxD;EAED,0BAA0B;EAC1B,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;IACxB,OAAO,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;MACpD,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACtE,OAAO,IAAI,CAAC;OACb;MAED,IAAI,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,YAAY,EAAE;QACvC,MAAM,EAAE,GAAG,IAAmB,CAAC;QAC/B,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;UAC5B,OAAO,IAAI,CAAC;SACb;OACF;MAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;GACJ;EAED,iEAAiE;EACjE,IAAI,IAAI,CAAC,aAAa,CAAC,YAAY,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,eAAe,CAAC;IAC3E,OAAO,IAAI,CAAC;AAChB,CAAC","sourcesContent":["/**\n * Given a slot, this function iterates over all of its assigned elements and text nodes and returns the concatenated\n * HTML as a string. This is useful because we can't use slot.innerHTML as an alternative.\n * @param slot\n * @returns a concatenated string from html and text nodes\n */\nexport function getInnerHTML(slot: HTMLSlotElement): string {\n  const nodes = slot.assignedNodes({ flatten: true });\n  let html = '';\n\n  [...nodes].map((node) => {\n    if (node.nodeType === Node.ELEMENT_NODE) {\n      html += (node as HTMLElement).outerHTML;\n    }\n\n    if (node.nodeType === Node.TEXT_NODE) {\n      html += node.textContent;\n    }\n  });\n\n  return html;\n}\n\n/**\n * Given a slot, this function iterates over all of its assigned text nodes and returns the concatenated text as a\n * string. This is useful because we can't use slot.textContent as an alternative.\n * @param slot\n * @returns a concatenated string of text\n */\nexport function getTextContent(slot: HTMLSlotElement): string {\n  const nodes = slot.assignedNodes({ flatten: true });\n  let text = '';\n\n  [...nodes].map((node) => {\n    text += node.textContent + ' ';\n  });\n\n  return text.trim();\n}\n\n/**\n * Determines whether an element has a slot. If name is specified, the function will look for a corresponding named\n * slot, otherwise it will look for a \"default\" slot (e.g. a non-empty text node or an element with no slot attribute).\n * @param host a custom element host\n * @param name a slot to find\n * @returns boolean\n */\nexport function hasSlot(host: HTMLElement, name?: string) {\n  // Look for a named slot\n  if (name) {\n    return host.querySelector(`[slot=\"${name}\"]`) !== null;\n  }\n\n  // Look for a default slot\n  if (this.host.shadowRoot) {\n    return [...Array.from(host.childNodes)].some((node) => {\n      if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {\n        return true;\n      }\n\n      if (node.nodeType === node.ELEMENT_NODE) {\n        const el = node as HTMLElement;\n        if (!el.hasAttribute('slot')) {\n          return true;\n        }\n      }\n\n      return false;\n    });\n  }\n\n  // non-shadow component...TODO - only for 'scoped' components atm\n  if (host.querySelector(`:not(.sc-${host.tagName.toLowerCase()}):not([slot])`))\n    return true;\n}\n"]}

package/dist/collection/utils/store/get-set.js

@@ -1,17 +1,15 @@
 /*!
  * Web Components for Nanopore digital Web Apps
  */
-import * as qs from 'qs';
+import { parse, stringify } from 'tyqs';
 const STORAGE_NAME_SPACE = 'nano-component-store:';
 const urlRead = (from = 'hash', win = window) => {
   if (!win || !win.location)
     return {};
   if (from === 'hash' && win.location.hash)
-    return qs.parse(win.location.hash.replace(/^\#/, ''), {
-      strictNullHandling: true,
-    });
+    return parse(win.location.hash.replace(/^\#/, ''));
   else if (from === 'query' && win.location.search)
-    return qs.parse(win.location.search, { ignoreQueryPrefix: true });
+    return parse(win.location.search.replace(/^\?/, ''));
   return {};
 };
 const urlSave = (object, to = 'hash', win = window, method = 'replace') => {
@@ -21,11 +19,7 @@ const urlSave = (object, to = 'hash', win = window, method = 'replace') => {
   const basePath = to === 'query'
     ? win.location.pathname
     : win.location.pathname + win.location.search;
-  let queryStr = qs.stringify(object, {
-    strictNullHandling: true,
-    addQueryPrefix: false,
-    encodeValuesOnly: true,
-  });
+  let queryStr = stringify(object);
   if (!queryStr || !queryStr.length) {
     if (!oldQuery || !oldQuery.length)
       return;
@@ -52,7 +46,7 @@ const urlSave = (object, to = 'hash', win = window, method = 'replace') => {
 };
 export const urlSet = (id, data, to = 'hash', win = window, method = 'replace') => {
   // sanitize the incoming key
-  id = Object.keys(qs.parse(id))[0];
+  id = Object.keys(parse(id))[0];
   const object = {};
   object[id] = data;
   let currentData = urlRead(to, win);
@@ -61,7 +55,7 @@ export const urlSet = (id, data, to = 'hash', win = window, method = 'replace')
 };
 export const urlGet = (key, to = 'hash', win = window) => {
   // sanitize the incoming key
-  key = Object.keys(qs.parse(key))[0];
+  key = Object.keys(parse(key))[0];
   const currentData = urlRead(to, win);
   return currentData[key] || null;
 };

package/dist/collection/utils/store/get-set.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-set.js","sourceRoot":"","sources":["../../../src/utils/store/get-set.ts"],"names":[],"mappings":"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","sourcesContent":["import * as qs from 'qs';\n\nconst STORAGE_NAME_SPACE = 'nano-component-store:';\n\nconst urlRead = (\n  from: 'hash' | 'query' = 'hash',\n  win: Window = window\n): void | object => {\n  if (!win || !win.location) return {};\n  if (from === 'hash' && win.location.hash)\n    return qs.parse(win.location.hash.replace(/^\\#/, ''), {\n      strictNullHandling: true,\n    });\n  else if (from === 'query' && win.location.search)\n    return qs.parse(win.location.search, { ignoreQueryPrefix: true });\n  return {};\n};\n\nconst urlSave = (\n  object: object,\n  to: 'hash' | 'query' = 'hash',\n  win: Window = window,\n  method: 'replace' | 'push' = 'replace'\n) => {\n  if (!win || !win.history) return;\n  const oldQuery = to === 'query' ? win.location.search : win.location.hash;\n  const basePath =\n    to === 'query'\n      ? win.location.pathname\n      : win.location.pathname + win.location.search;\n  let queryStr = qs.stringify(object, {\n    strictNullHandling: true,\n    addQueryPrefix: false,\n    encodeValuesOnly: true,\n  });\n\n  if (!queryStr || !queryStr.length) {\n    if (!oldQuery || !oldQuery.length) return;\n    if (method === 'replace') win.history.replaceState(null, null, basePath);\n    else win.history.pushState(null, null, basePath);\n    return;\n  }\n\n  if (to === 'hash' && win.location.hash === '#' + queryStr) {\n    try {\n      (document.querySelector('#' + queryStr) as HTMLElement).focus();\n    } catch (e) {}\n    return;\n  }\n  queryStr = (to === 'hash' ? '#' : '?') + queryStr;\n  if (queryStr === oldQuery) return;\n  if (method === 'replace')\n    win.history.replaceState(null, null, basePath + queryStr);\n  else win.history.pushState(null, null, basePath + queryStr);\n};\n\nexport const urlSet = (\n  id: string,\n  data: object,\n  to: 'hash' | 'query' = 'hash',\n  win: Window = window,\n  method: 'replace' | 'push' = 'replace'\n) => {\n  // sanitize the incoming key\n  id = Object.keys(qs.parse(id))[0];\n  const object = {};\n  object[id] = data;\n\n  let currentData = urlRead(to, win);\n  currentData = { ...currentData, ...object };\n  urlSave(currentData, to, win, method);\n};\n\nexport const urlGet = (\n  key: string,\n  to: 'hash' | 'query' = 'hash',\n  win: Window = window\n) => {\n  // sanitize the incoming key\n  key = Object.keys(qs.parse(key))[0];\n  const currentData = urlRead(to, win);\n  return currentData[key] || null;\n};\n\nexport const sessionSet = (\n  key: string,\n  object: object,\n  win: Window = window\n) => {\n  try {\n    if (!object) {\n      win.sessionStorage.removeItem(STORAGE_NAME_SPACE + key);\n      return;\n    }\n    win.sessionStorage.setItem(\n      STORAGE_NAME_SPACE + key,\n      JSON.stringify(object)\n    );\n  } catch (e) {\n    throw e;\n  }\n};\n\nexport const sessionGet = (key: string, win: Window = window) => {\n  try {\n    const configStr = win.sessionStorage.getItem(STORAGE_NAME_SPACE + key);\n    return configStr !== null ? JSON.parse(configStr) : null;\n  } catch (e) {\n    throw e;\n  }\n};\n\nexport const storageSet = (\n  key: string,\n  object: object,\n  win: Window = window\n) => {\n  try {\n    if (!object) {\n      win.localStorage.removeItem(STORAGE_NAME_SPACE + key);\n      return;\n    }\n    win.localStorage.setItem(STORAGE_NAME_SPACE + key, JSON.stringify(object));\n  } catch (e) {\n    throw e;\n  }\n};\n\nexport const storageGet = (key: string, win: Window = window) => {\n  try {\n    const configStr = win.localStorage.getItem(STORAGE_NAME_SPACE + key);\n    return configStr !== null ? JSON.parse(configStr) : null;\n  } catch (e) {\n    throw e;\n  }\n};\n"]}
+{"version":3,"file":"get-set.js","sourceRoot":"","sources":["../../../src/utils/store/get-set.ts"],"names":[],"mappings":"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","sourcesContent":["import { parse, stringify } from 'tyqs';\n\nconst STORAGE_NAME_SPACE = 'nano-component-store:';\n\nconst urlRead = (\n  from: 'hash' | 'query' = 'hash',\n  win: Window = window\n): void | object => {\n  if (!win || !win.location) return {};\n  if (from === 'hash' && win.location.hash)\n    return parse(win.location.hash.replace(/^\\#/, ''));\n  else if (from === 'query' && win.location.search)\n    return parse(win.location.search.replace(/^\\?/, ''));\n  return {};\n};\n\nconst urlSave = (\n  object: object,\n  to: 'hash' | 'query' = 'hash',\n  win: Window = window,\n  method: 'replace' | 'push' = 'replace'\n) => {\n  if (!win || !win.history) return;\n  const oldQuery = to === 'query' ? win.location.search : win.location.hash;\n  const basePath =\n    to === 'query'\n      ? win.location.pathname\n      : win.location.pathname + win.location.search;\n  let queryStr = stringify(object);\n\n  if (!queryStr || !queryStr.length) {\n    if (!oldQuery || !oldQuery.length) return;\n    if (method === 'replace') win.history.replaceState(null, null, basePath);\n    else win.history.pushState(null, null, basePath);\n    return;\n  }\n\n  if (to === 'hash' && win.location.hash === '#' + queryStr) {\n    try {\n      (document.querySelector('#' + queryStr) as HTMLElement).focus();\n    } catch (e) {}\n    return;\n  }\n  queryStr = (to === 'hash' ? '#' : '?') + queryStr;\n  if (queryStr === oldQuery) return;\n  if (method === 'replace')\n    win.history.replaceState(null, null, basePath + queryStr);\n  else win.history.pushState(null, null, basePath + queryStr);\n};\n\nexport const urlSet = (\n  id: string,\n  data: object,\n  to: 'hash' | 'query' = 'hash',\n  win: Window = window,\n  method: 'replace' | 'push' = 'replace'\n) => {\n  // sanitize the incoming key\n  id = Object.keys(parse(id))[0];\n  const object = {};\n  object[id] = data;\n\n  let currentData = urlRead(to, win);\n  currentData = { ...currentData, ...object };\n  urlSave(currentData, to, win, method);\n};\n\nexport const urlGet = (\n  key: string,\n  to: 'hash' | 'query' = 'hash',\n  win: Window = window\n) => {\n  // sanitize the incoming key\n  key = Object.keys(parse(key))[0];\n  const currentData = urlRead(to, win);\n  return currentData[key] || null;\n};\n\nexport const sessionSet = (\n  key: string,\n  object: object,\n  win: Window = window\n) => {\n  try {\n    if (!object) {\n      win.sessionStorage.removeItem(STORAGE_NAME_SPACE + key);\n      return;\n    }\n    win.sessionStorage.setItem(\n      STORAGE_NAME_SPACE + key,\n      JSON.stringify(object)\n    );\n  } catch (e) {\n    throw e;\n  }\n};\n\nexport const sessionGet = (key: string, win: Window = window) => {\n  try {\n    const configStr = win.sessionStorage.getItem(STORAGE_NAME_SPACE + key);\n    return configStr !== null ? JSON.parse(configStr) : null;\n  } catch (e) {\n    throw e;\n  }\n};\n\nexport const storageSet = (\n  key: string,\n  object: object,\n  win: Window = window\n) => {\n  try {\n    if (!object) {\n      win.localStorage.removeItem(STORAGE_NAME_SPACE + key);\n      return;\n    }\n    win.localStorage.setItem(STORAGE_NAME_SPACE + key, JSON.stringify(object));\n  } catch (e) {\n    throw e;\n  }\n};\n\nexport const storageGet = (key: string, win: Window = window) => {\n  try {\n    const configStr = win.localStorage.getItem(STORAGE_NAME_SPACE + key);\n    return configStr !== null ? JSON.parse(configStr) : null;\n  } catch (e) {\n    throw e;\n  }\n};\n"]}

package/dist/components/_commonjsHelpers.js

@@ -17,25 +17,10 @@ function createCommonjsModule(fn, basedir, module) {
 	}, fn(module, module.exports), module.exports;
 }
 
-function getAugmentedNamespace(n) {
-	if (n.__esModule) return n;
-	var a = Object.defineProperty({}, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
-
 function commonjsRequire () {
 	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
 }
 
-export { commonjsGlobal as a, getAugmentedNamespace as b, createCommonjsModule as c, getDefaultExportFromCjs as g };
+export { commonjsGlobal as a, createCommonjsModule as c, getDefaultExportFromCjs as g };
 
 //# sourceMappingURL=_commonjsHelpers.js.map

package/dist/components/_commonjsHelpers.js.map

@@ -1 +1 @@
-{"file":"_commonjsHelpers.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}
+{"file":"_commonjsHelpers.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/algolia.js

@@ -2,7 +2,7 @@
  * Web Components for Nanopore digital Web Apps
  */
 import { getElement, getRenderingRef, proxyCustomElement, HTMLElement, createEvent, writeTask, readTask, Build, h, Host } from '@stencil/core/internal/client';
-import { a as algoliasearch_umd } from './algoliasearch.umd.js';
+import { a as algoliasearch } from './algoliasearch-lite.esm.browser.js';
 import { g as getDirectChildren } from './dom.js';
 import { C as ComponentStore } from './component-store.js';
 import { g as getDefaultExportFromCjs, c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers.js';
@@ -521,7 +521,7 @@ const Algolia = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   initAlgoliaClient() {
     if (!this.appId || !this.apiKey)
       return;
-    this.algoliaClient = algoliasearch_umd(this.appId, this.apiKey);
+    this.algoliaClient = algoliasearch(this.appId, this.apiKey);
   }
   initAlgoliaIndex() {
     if (!this.algoliaClient || !this.searchIndex)