@nanoporetech-digital/components 3.1.0 → 3.2.0

package/dist/cjs/table.worker-daf39ca9.js.map

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

package/dist/esm/nano-table-930d9245.js.map

@@ -1 +0,0 @@
-{"file":"nano-table-930d9245.js","mappings":"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","names":[],"sources":["./src/components/table/table.constants.ts","@worker-helper","./src/components/table/table.store.ts","./src/components/table/table.service.tsx","./src/components/table/table.children.tsx","./src/components/table/table.utils.ts","./src/components/table/table.scss?tag=nano-table","./src/components/table/table.tsx"],"sourcesContent":["export const CSSNAMESPACE = 'nano-tbl';\n","\nimport { consoleError } from '@stencil/core/internal';\n\n\nconst isInstanceOf = (value, className) => {\n  const C = globalThis[className];\n  return C != null && value instanceof C;\n}\nconst getTransferables = (value) => {\n  if (value != null) {\n  if (\n    isInstanceOf(value, \"ArrayBuffer\") ||\n    isInstanceOf(value, \"MessagePort\") ||\n    isInstanceOf(value, \"ImageBitmap\") ||\n    isInstanceOf(value, \"OffscreenCanvas\")\n  ) {\n    return [value];\n  }\n  if (typeof value === \"object\") {\n    if (value.constructor === Object) {\n    value = Object.values(value);\n    }\n    if (Array.isArray(value)) {\n    return value.flatMap(getTransferables);\n    }\n    return getTransferables(value.buffer);\n  }\n  }\n  return [];\n};\n\nlet pendingIds = 0;\nlet callbackIds = 0;\nconst pending = new Map();\nconst callbacks = new Map();\n\nexport const createWorker = (workerPath, workerName, workerMsgId) => {\n  const worker = new Worker(workerPath, {name:workerName});\n\n  worker.addEventListener('message', ({data}) => {\n  if (data) {\n    const workerMsg = data[0];\n    const id = data[1];\n    const value = data[2];\n\n    if (workerMsg === workerMsgId) {\n    const err = data[3];\n    const [resolve, reject, callbackIds] = pending.get(id);\n    pending.delete(id);\n\n    if (err) {\n      const errObj = (err.isError)\n      ? Object.assign(new Error(err.value.message), err.value)\n      : err.value;\n\n      consoleError(errObj);\n      reject(errObj);\n    } else {\n      if (callbackIds) {\n      callbackIds.forEach(id => callbacks.delete(id));\n      }\n      resolve(value);\n    }\n    } else if (workerMsg === workerMsgId + '.cb') {\n    try {\n      callbacks.get(id)(...value);\n    } catch (e) {\n      consoleError(e);\n    }\n    }\n  }\n  });\n\n  return worker;\n};\n\nexport const createWorkerProxy = (worker, workerMsgId, exportedMethod) => (\n  (...args) => new Promise((resolve, reject) => {\n  let pendingId = pendingIds++;\n  let i = 0;\n  let argLen = args.length;\n  let mainData = [resolve, reject];\n  pending.set(pendingId, mainData);\n\n  for (; i < argLen; i++) {\n    if (typeof args[i] === 'function') {\n    const callbackId = callbackIds++;\n    callbacks.set(callbackId, args[i]);\n    args[i] = [workerMsgId + '.cb', callbackId];\n    (mainData[2] = mainData[2] || []).push(callbackId);\n    }\n  }\n  const postMessage = (w) => (\n    w.postMessage(\n    [workerMsgId, pendingId, exportedMethod, args],\n    getTransferables(args)\n    )\n  );\n  if (worker.then) {\n    worker.then(postMessage);\n  } else {\n    postMessage(worker);\n  }\n  })\n);\n","import { createStore, ObservableMap } from '@stencil/store';\nimport { cyrb53 } from '../../utils/math';\nimport {\n  createWorkerStore,\n  syncConfigToWorker,\n  syncDataToWorker,\n  workerFilter,\n  workerSearch,\n  workerSort,\n} from './table.worker';\nimport type { TableTypes } from '../../interface';\n\nexport interface TableStores {\n  data: ObservableMap<{ rows: TableTypes.NanoTable['rows'] }>;\n  config: ObservableMap<{ columns: TableTypes.NanoTable['columns'] }>;\n  general: ObservableMap<{\n    workerId: string;\n    scrollParent: HTMLElement;\n    host: HTMLNanoTableElement;\n  }>;\n}\n\nfunction colsToWorker(columns: TableTypes.NanoTable['columns']) {\n  const safeColumns: Partial<TableTypes.ColumnConfig>[] = JSON.parse(\n    JSON.stringify(columns)\n  );\n  columns.forEach((c) => {\n    if (!!c.sortCompareFn) {\n      const safeCol = safeColumns.find((sc) => sc.prop === c.prop);\n      safeCol.sortCompareFn = c.sortCompareFn.toString();\n    }\n  });\n  return safeColumns;\n}\n\nconst stores: WeakMap<HTMLElement, TableStores> = new WeakMap();\n\nexport async function generateStore(\n  host: HTMLNanoTableElement,\n  columns: TableTypes.NanoTable['columns'],\n  scrollParent: HTMLElement\n) {\n  const store: TableStores = {\n    data: createStore({ rows: [] }),\n    config: createStore({ columns }),\n    general: createStore({ workerId: null, scrollParent, host }),\n  };\n\n  const id = await createWorkerStore(\n    store.data.state.rows,\n    colsToWorker(store.config.state.columns)\n  );\n  store.general.state.workerId = id;\n  stores.set(host, store);\n\n  // sync data from our store to our worker\n\n  store.data.use({\n    reset: () => {\n      if (store.general.state.workerId)\n        syncDataToWorker(store.general.state.workerId, null);\n    },\n    dispose: () => {\n      if (store.general.state.workerId)\n        syncDataToWorker(store.general.state.workerId, null);\n    },\n  });\n  store.config.use({\n    reset: () => {\n      if (store.general.state.workerId)\n        syncConfigToWorker(store.general.state.workerId, null);\n    },\n    dispose: () => {\n      if (store.general.state.workerId)\n        syncConfigToWorker(store.general.state.workerId, null);\n    },\n  });\n  return store;\n}\n\nexport function getStore(host: HTMLElement) {\n  return stores.get(host);\n}\n\nexport function storeSetData(host: HTMLElement, rows: TableTypes.RowData[]) {\n  const store = stores.get(host);\n  if (!store) return;\n\n  // augment data with some internal props\n  rows = rows.map((row, i) => ({\n    ...row,\n    __index: i,\n    __uuid: cyrb53(Object.values(row).join()),\n  }));\n\n  store.data.state.rows = rows;\n\n  if (store.general.state.workerId)\n    return syncDataToWorker(store.general.state.workerId, rows);\n}\n\nexport function storeSetConfig(\n  host: HTMLElement,\n  columns: TableTypes.ColumnConfig[]\n) {\n  const store = stores.get(host);\n  if (!store) return;\n\n  if (store.general.state.workerId)\n    syncConfigToWorker(store.general.state.workerId, colsToWorker(columns));\n  store.config.state.columns = columns;\n}\n\nexport async function storeSearch(host: HTMLElement, term: string) {\n  const store = stores.get(host);\n  if (!store || !store.general.state.workerId) return;\n\n  try {\n    store.data.state.rows = await workerSearch(\n      store.general.state.workerId,\n      term\n    );\n  } catch (e) {\n    console.log(e);\n  }\n}\n\nexport async function storeFilter(\n  host: HTMLElement,\n  filters: TableTypes.Filter[]\n) {\n  const store = stores.get(host);\n  if (!store || !store.general.state.workerId) return;\n\n  try {\n    store.data.state.rows = await workerFilter(\n      store.general.state.workerId,\n      filters\n    );\n  } catch (e) {\n    console.log(e);\n  }\n}\n\nexport async function storeSort(\n  host: HTMLElement,\n  prop: TableTypes.Prop,\n  order: TableTypes.Order\n) {\n  const store = stores.get(host);\n  if (!store || !store.general.state.workerId) return;\n\n  try {\n    store.data.state.rows = await workerSort(\n      store.general.state.workerId,\n      prop,\n      order\n    );\n  } catch (e) {\n    console.log(e);\n  }\n}\n","import { getRenderingRef, getElement, VNode, h, Fragment } from '@stencil/core';\nimport { getStore } from './table.store';\nimport type { TableTypes } from '../../interface';\n\n/**\n * Get a model object for custom cell / property renderers.\n * @param rowIndex - the current row index being rendered\n * @param colIndex - the current column index being rendered\n * @returns a model object which will be passed to custom renderers\n */\nfunction colDataModel(\n  rowIndex: number,\n  colIndex: number\n): TableTypes.ColumnDataSchemaModel {\n  const store = fetchStores();\n  const columns = store.config.state.columns;\n  const rows = store.data.state.rows;\n\n  const column = columns[colIndex];\n  const prop: TableTypes.ColumnProp | undefined = column?.prop;\n  const rowModel = rows[rowIndex];\n  const cellModel = rowModel[columns[colIndex].prop];\n\n  return {\n    prop,\n    cellModel,\n    column,\n    rowIndex,\n    rowModel,\n  };\n}\n\n/**\n * Get a model object for custom row renderers.\n * @param rowIndex\n * @returns a model object passed to custom row renderers\n */\nexport function rowDataModel(rowIndex: number): TableTypes.RowDataSchemaModel {\n  const store = fetchStores();\n  const rows = store.data.state.rows;\n  const row = rows[rowIndex];\n\n  return {\n    row,\n    rowIndex,\n  };\n}\n\n/**\n * Merges 2 objects of properties together\n * @param current - property object\n * @param extra - additional object property\n * @returns - merged properties that can be applied to a node\n */\nexport function mergeProperties(\n  current: TableTypes.EleProps,\n  extra: TableTypes.EleProps\n) {\n  if (!extra) return current;\n\n  // top level merge\n  const props: TableTypes.EleProps = { ...extra, ...current };\n\n  // deeper merge\n  // merge classes maps or strings\n  if (extra.class) {\n    if (typeof extra.class === 'object' && typeof props.class === 'object') {\n      props.class = { ...extra.class, ...props.class };\n    } else if (\n      typeof extra.class === 'string' &&\n      typeof props.class === 'object'\n    ) {\n      props.class[extra.class] = true;\n    } else if (typeof props.class === 'string') {\n      props.class += ' ' + extra.class;\n    }\n  }\n  // merge style\n  if (extra.style) {\n    props.style = { ...extra.style, ...props.style };\n  }\n  return props;\n}\n\n/**\n * Returns the current nano-table's stores.\n * @returns the current nano-table stores\n */\nexport function fetchStores() {\n  return getStore(getElement(getRenderingRef()));\n}\n\n/**\n * Merges any defined cell properties with properties\n * required by `nano-table` functionality\n * @param rowIndex - the current row index being rendered\n * @param colIndex = the current column index being rendered\n * @param defaultProps - default properties required by `nano-table`\n * @returns - the merged properties that will be applied to a node\n */\nexport function mergeCellProperties(\n  rowIndex: number,\n  colIndex: number,\n  defaultProps: TableTypes.EleProps\n): TableTypes.EleProps {\n  const props: TableTypes.EleProps = { ...defaultProps };\n  const extraPropsFunc =\n    fetchStores().config.state.columns[colIndex]?.cellProperties;\n  if (!extraPropsFunc) return props;\n\n  const data = colDataModel(rowIndex, colIndex);\n  const extra = extraPropsFunc(data);\n  if (!extra) return props;\n\n  return mergeProperties(props, extra);\n}\n\n/**\n * Renders a cell using a custom renderer if set.\n * @param rowIndex - the current row index being rendered\n * @param colIndex - the current column index being rendered\n * @returns - a JSX node\n */\nexport function cellRender(rowIndex: number, colIndex: number): VNode {\n  const store = fetchStores();\n  const columns = store.config.state.columns;\n  const tpl = columns[colIndex]?.cellTemplate;\n  const model = colDataModel(rowIndex, colIndex);\n\n  return tpl ? (\n    tpl(h as unknown as TableTypes.HFunc<VNode>, model)\n  ) : (\n    <Fragment>{model.cellModel}</Fragment>\n  );\n}\n\n/**\n * Renders a table header (within a thead) using a custom template if set.\n * @param col - the current column config object\n * @returns - a JSX node\n */\nexport function colheadFootRender(col: TableTypes.ColumnConfig): VNode {\n  const tpl = col?.colTemplate;\n  return tpl ? (\n    tpl(h as unknown as TableTypes.HFunc<VNode>, col)\n  ) : (\n    <Fragment>{col.title}</Fragment>\n  );\n}\n","import { Fragment, FunctionalComponent, h, VNode } from '@stencil/core';\nimport { CSSNAMESPACE } from './table.constants';\nimport {\n  cellRender,\n  colheadFootRender,\n  fetchStores,\n  mergeCellProperties,\n  mergeProperties,\n  rowDataModel,\n} from './table.service';\nimport type { TableTypes } from '../../interface';\n\ntype ValidRenderTypes = 'tr' | 'th' | 'td';\n\ntype PinnedCb = (positions: { [key in TableTypes.Position]?: boolean }) => void;\n\nfunction baseClasses(\n  type: ValidRenderTypes,\n  vPinned?: TableTypes.Position,\n  toString?: false\n): { [key: string]: boolean };\nfunction baseClasses(\n  type: ValidRenderTypes,\n  vPinned?: TableTypes.Position,\n  toString?: true\n): string;\nfunction baseClasses(\n  type: ValidRenderTypes,\n  vPinned?: TableTypes.Position,\n  toString = false\n): { [key: string]: boolean } | string {\n  const classes = {\n    [`${CSSNAMESPACE}__${type}`]: true,\n    [`${CSSNAMESPACE}__pin`]: !!vPinned,\n    [`${CSSNAMESPACE}__pin--top`]: vPinned === 'top',\n    [`${CSSNAMESPACE}__pin--bottom`]: vPinned === 'bottom',\n  };\n\n  if (toString) {\n    let classString = '';\n    Object.entries(classes).forEach(([className, on]) => {\n      if (on) classString += className + ' ';\n    });\n    return classString;\n  }\n  return classes;\n}\n\nconst stickyHIOs: WeakMap<HTMLTableCellElement, IntersectionObserver> =\n  new WeakMap();\nconst stickyVIOs: WeakMap<HTMLTableCellElement, IntersectionObserver> =\n  new WeakMap();\n\nfunction addHObserver(\n  el: HTMLTableCellElement,\n  pos: TableTypes.Position,\n  cb: PinnedCb\n) {\n  if (stickyHIOs.get(el)) return;\n\n  const store = fetchStores();\n  const root = store.general.state.scrollParent;\n  const host = store.general.state.host;\n\n  const observer = new IntersectionObserver(\n    ([e]) => {\n      const positions: { [key in TableTypes.Position]?: boolean } = {};\n      if (pos === 'start') {\n        positions.start =\n          e.boundingClientRect.x -\n            (host.getBoundingClientRect().x + root.scrollLeft) <\n            0 && !e.isIntersecting;\n      }\n      if (pos === 'end') {\n        // TODO - sort these out for RtL\n        positions.end =\n          e.boundingClientRect.right > e.boundingClientRect.width &&\n          !e.isIntersecting;\n      }\n      cb(positions);\n    },\n    {\n      threshold: [1],\n      rootMargin: '1px 0px 1px 0px',\n      root: root === document.scrollingElement ? null : root,\n    }\n  );\n  stickyHIOs.set(el, observer);\n  requestAnimationFrame(() => observer.observe(el));\n}\n\nfunction addVObserver(\n  el: HTMLTableCellElement,\n  pos: TableTypes.Position,\n  cb: PinnedCb\n) {\n  if (stickyVIOs.get(el)) return;\n\n  const store = fetchStores();\n  const root = store.general.state.scrollParent;\n  const host = store.general.state.host;\n\n  const observer = new IntersectionObserver(\n    ([e]) => {\n      const positions: { [key in TableTypes.Position]?: boolean } = {};\n      if (pos === 'top') {\n        positions.top =\n          e.boundingClientRect.y -\n            (host.getBoundingClientRect().y + root.scrollTop) <\n            0 && !e.isIntersecting;\n      }\n      if (pos === 'bottom')\n        positions.bottom =\n          e.boundingClientRect.height > e.intersectionRect.height &&\n          !e.isIntersecting;\n      cb(positions);\n    },\n    {\n      threshold: [0.99],\n      rootMargin: '0px 100px 0px 100px',\n      root: root === document.scrollingElement ? null : root,\n    }\n  );\n  stickyVIOs.set(el, observer);\n  requestAnimationFrame(() => observer.observe(el));\n}\n\ntype TableRowProps = {\n  rowRenderer: TableTypes.RowRenderer;\n  rowIndex?: number;\n  row?: TableTypes.RowData;\n};\n\nexport const TableRow: FunctionalComponent<TableRowProps> = (\n  { rowRenderer, rowIndex, row },\n  children\n) => {\n  let extraProps = {};\n\n  if (!row) {\n    const model = rowDataModel(rowIndex);\n    row = model.row;\n  }\n\n  if (rowRenderer?.rowProperties) {\n    extraProps =\n      rowRenderer.rowProperties({ row: row, rowIndex }) || extraProps;\n  }\n\n  let pinned: TableTypes.Position;\n  if (rowRenderer?.pinned && typeof rowRenderer.pinned === 'function') {\n    pinned = rowRenderer.pinned();\n  }\n\n  const baseProps = { class: baseClasses('tr', pinned) };\n  const props = extraProps ? mergeProperties(baseProps, extraProps) : baseProps;\n\n  return (\n    <tr {...props} key={row.__uuid}>\n      {children}\n    </tr>\n  );\n};\n\ntype TableHeadFootProps = {\n  rowRenderer: TableTypes.HeadFootRenderer;\n  onColumnPinned?: PinnedCb;\n};\n\nexport const TableHeadFootRow: FunctionalComponent<TableHeadFootProps> = (\n  { rowRenderer, onColumnPinned },\n  children,\n  utils\n) => {\n  let extraProps = {};\n  if (rowRenderer.rowProperties) {\n    extraProps = rowRenderer.rowProperties() || {};\n  }\n\n  const pinned = rowRenderer.pinned || null;\n  const baseProps = { class: baseClasses('tr', null) };\n  const props = extraProps ? mergeProperties(baseProps, extraProps) : baseProps;\n  const tpl = rowRenderer?.template;\n\n  if (tpl) {\n    let toRender = tpl(h as TableTypes.HFunc<VNode>, {\n      renderedRow: <tr {...props}>{children}</tr>,\n    });\n\n    if (Array.isArray(toRender)) {\n      toRender = utils.map(toRender, (node) => {\n        if (node.vtag === 'tr') {\n          node.vattrs = mergeProperties(\n            { class: baseClasses('tr', null, true) },\n            node.vattrs\n          );\n\n          if (!!node.vchildren) {\n            node.vchildren = utils.map(node.vchildren, (cNode) => {\n              if (['td', 'th'].includes(cNode.vtag.toString())) {\n                cNode.vattrs = mergeProperties(\n                  {\n                    class: baseClasses(\n                      cNode.vtag.toString() as ValidRenderTypes,\n                      pinned,\n                      true\n                    ),\n                    ref: (th) => {\n                      addVObserver(th, pinned, onColumnPinned);\n                    },\n                  },\n                  cNode.vattrs\n                );\n              }\n              return cNode;\n            });\n          }\n        }\n        return node;\n      });\n    }\n    return toRender;\n  }\n\n  return <tr {...props}>{children}</tr>;\n};\n\ntype TableColHeadProps = {\n  column: TableTypes.ColumnConfig;\n  headRenderer: TableTypes.HeadFootRenderer;\n  onColumnOrderClick?: (\n    order: TableTypes.Order,\n    column: TableTypes.Prop,\n    el: HTMLElement\n  ) => void;\n  onColumnPinned?: PinnedCb;\n};\n\nexport const TableColHead: FunctionalComponent<TableColHeadProps> = ({\n  column,\n  headRenderer,\n  onColumnOrderClick,\n  onColumnPinned,\n}) => {\n  function handleColumnOrderClick(e: MouseEvent & { target: HTMLElement }) {\n    let order;\n    switch (column.order) {\n      case 'asc':\n        order = 'desc';\n        break;\n      case 'desc':\n        order = null;\n        break;\n      default:\n        order = 'asc';\n    }\n    onColumnOrderClick(order, column.prop, e.target.closest('th'));\n  }\n\n  let extraProps = {};\n  if (column.columnProperties) {\n    extraProps = column.columnProperties(column) || extraProps;\n  }\n\n  const baseProps = {\n    class: {\n      ...baseClasses('th', headRenderer?.pinned),\n      [`${CSSNAMESPACE}__pin--start`]: column.pinned === 'start',\n      [`${CSSNAMESPACE}__pin--end`]: column.pinned === 'end',\n      [`${CSSNAMESPACE}__ordered`]: !!column.order,\n      [`${CSSNAMESPACE}__filtered`]: !!column.filter,\n    },\n  };\n  let props = extraProps ? mergeProperties(baseProps, extraProps) : baseProps;\n  const content = colheadFootRender(column);\n\n  if (!content) return <Fragment></Fragment>;\n\n  props =\n    Number((props as TableTypes.EleProps).colspan) > 1\n      ? { ...props, scope: 'colgroup' }\n      : { ...props, scope: 'col' };\n\n  if (column.sortable !== false) {\n    return (\n      <th\n        {...props}\n        aria-sort={\n          column.order\n            ? column.order === 'asc'\n              ? 'ascending'\n              : 'descending'\n            : 'none'\n        }\n        ref={(th) => {\n          if (['end', 'start'].includes(column.pinned))\n            addHObserver(th, column.pinned, onColumnPinned);\n          if (['top', 'bottom'].includes(headRenderer.pinned))\n            addVObserver(th, headRenderer.pinned, onColumnPinned);\n        }}\n      >\n        <button\n          class={{\n            [`${CSSNAMESPACE}__order-btn`]: true,\n            [`${CSSNAMESPACE}__cell-content`]: true,\n          }}\n          onClick={handleColumnOrderClick}\n        >\n          {colheadFootRender(column)}\n          {!!column.filter && <nano-icon name=\"light/filter\" />}\n          {!!column.order &&\n            (column.order === 'desc' ? (\n              <nano-icon name=\"solid/long-arrow-down\" />\n            ) : (\n              <nano-icon name=\"solid/long-arrow-up\" />\n            ))}\n          <div class={`${CSSNAMESPACE}__status-icons`}>\n            <nano-icon name=\"light/chevron-down\" />\n          </div>\n        </button>\n      </th>\n    );\n  }\n\n  return (\n    <th\n      {...props}\n      ref={(th) => {\n        if (['end', 'start'].includes(column.pinned))\n          addHObserver(th, column.pinned, onColumnPinned);\n        if (['top', 'bottom'].includes(headRenderer.pinned))\n          addVObserver(th, headRenderer.pinned, onColumnPinned);\n      }}\n    >\n      <div class={`${CSSNAMESPACE}__cell-content`}>\n        {colheadFootRender(column)}\n        {!!column.filter && <nano-icon name=\"light/bars-filter\" />}\n      </div>\n    </th>\n  );\n};\n\ntype TableCellProps = {\n  rowIndex: number;\n  colIndex: number;\n  nestedContent?: VNode;\n};\n\nexport const TableCell: FunctionalComponent<TableCellProps> = ({\n  rowIndex,\n  colIndex,\n  nestedContent,\n}) => {\n  const content = nestedContent || cellRender(rowIndex, colIndex);\n  if (!content) return <Fragment></Fragment>;\n\n  const store = fetchStores();\n  const column = store.config.state.columns[colIndex];\n  let CellType = 'td';\n  let props = mergeCellProperties(rowIndex, colIndex, {\n    class: {\n      [`${CSSNAMESPACE}__td`]: true,\n      [`${CSSNAMESPACE}__ordered`]: !!column.order,\n      [`${CSSNAMESPACE}__pin`]: !!column.pinned,\n      [`${CSSNAMESPACE}__pin--start`]: column.pinned === 'start',\n      [`${CSSNAMESPACE}__pin--end`]: column.pinned === 'end',\n    },\n  });\n\n  if (column.rowHeader) {\n    props =\n      Number((props as TableTypes.EleProps).rowspan) > 1\n        ? { ...props, scope: 'rowgroup' }\n        : { ...props, scope: 'row' };\n    CellType = 'th';\n  }\n\n  return (\n    <CellType\n      // role=\"gridcell\"\n      {...props}\n    >\n      <div class={`${CSSNAMESPACE}__cell-content`}>{content}</div>\n    </CellType>\n  );\n};\n","export const detectScrollSpeed = (() => {\n  let lastPos: number;\n  let newPos: number;\n  let timer: number;\n  let delta: number;\n  const delay = 60; // in \"ms\" (higher means lower fidelity )\n\n  const clear = () => {\n    lastPos = null;\n    delta = 0;\n  };\n  clear();\n\n  return () => {\n    newPos = window.scrollY;\n    if (lastPos != null) delta = newPos - lastPos;\n    lastPos = newPos;\n    window.clearTimeout(timer);\n    timer = window.setTimeout(clear, delay);\n    return delta;\n  };\n})();\n\nexport function findScrollParent(element: HTMLElement) {\n  let style = getComputedStyle(element);\n  const excludeStaticParent = style.position === 'absolute';\n  const overflowRegex = /(auto|scroll)/;\n\n  if (style.position === 'fixed') return document.documentElement;\n  for (let parent = element; (parent = parent.parentElement); ) {\n    style = getComputedStyle(parent);\n    if (excludeStaticParent && style.position === 'static') {\n      continue;\n    }\n    if (overflowRegex.test(style.overflow + style.overflowY + style.overflowX))\n      return parent;\n  }\n  return document.documentElement;\n}\n\nexport function isInViewport(el: Element, percentVisible = 100) {\n  const r = el.getBoundingClientRect();\n  const windowHeight =\n    window.innerHeight || document.documentElement.clientHeight;\n\n  if (\n    !r.bottom &&\n    !r.top &&\n    !r.left &&\n    !r.right &&\n    !r.height &&\n    !r.width &&\n    !r.x &&\n    !r.y\n  )\n    return false;\n\n  return !(\n    Math.floor(100 - ((r.top >= 0 ? 0 : r.top) / +-r.height) * 100) <\n      percentVisible ||\n    Math.floor(100 - ((r.bottom - windowHeight) / r.height) * 100) <\n      percentVisible\n  );\n}\n","@use '../../global/style/utilities/globals' as t;\n\nnano-table {\n  display: table;\n  width: 100%;\n\n  // general\n  --max-col-width: 200px;\n\n  // text\n  --color: var(--nano-color-mediumgrey, #68767e);\n  --font-size: 0.87rem;\n  --cell-line-height: 1.5;\n\n  // borders\n  --border-color: var(--nano-color-palegrey, #b5aea7);\n  --border-style: 1px solid var(--border-color);\n  --border-tint-color: var(--nano-color-blue, #90c6e7);\n  --border-tint-style: 2px solid var(--border-tint-color);\n\n  // backgrounds\n  --cell-bg-rgb: var(--nano-color-white-rgb, 255 255 255);\n  --head-bg-rgb: var(--cell-bg-rgb);\n  --foot-bg-rgb: var(--cell-bg-rgb);\n  --th-row-bg-rgb: var(--cell-bg-rgb);\n  --ordered-bg-rgb: var(--nano-color-offwhite-rgb, 249 249 251);\n\n  // spacing\n  --td-padding: 0.5rem 0.625rem 0.4125rem;\n  --th-padding: 0.875rem 0.625rem 0.6875rem;\n  --head-th-padding: var(--th-padding);\n  --foot-th-padding: var(--td-padding);\n  --bookend-col-padding: 2rem;\n}\n\n.nano-tbl {\n  $base: &;\n\n  color: var(--color);\n  text-align: start;\n  width: 100%;\n  font-size: var(--font-size);\n  border-spacing: 0 0;\n  border-collapse: separate;\n  background: rgb(var(--cell-bg-rgb));\n  border-inline-end: 1px solid transparent;\n\n  // for container queries - not working atm\n\n  // tr {\n  //   container-type: inline-size;\n  // }\n\n  &__top-anchor {\n    @include t.visually-hide;\n  }\n\n  &__ordered {\n    background-color: var(--ordered-bg);\n    border-inline-start: var(--border-style);\n    border-inline-end: var(--border-style);\n  }\n\n  &__order-btn {\n    padding: 0;\n    border: none;\n    outline: none;\n    font: inherit;\n    background: none;\n    appearance: none;\n    color: inherit;\n    display: flex;\n    gap: 10px;\n    align-items: center;\n    width: 100%;\n  }\n\n  &__status-icons {\n    margin-inline: auto 10px;\n    display: flex;\n    gap: 10px;\n  }\n\n  &__progress-bar {\n    font-size: 0.2rem;\n    position: sticky;\n    inset-block-start: 0;\n    inset-inline: 0;\n    z-index: 10;\n    transition: scale 0.25s;\n    scale: 0;\n    width: 100%;\n    height: 0;\n\n    &--show {\n      scale: 1;\n      height: auto;\n    }\n  }\n\n  &__caption {\n    &--hide {\n      @include t.visually-hide;\n    }\n  }\n\n  &__td,\n  &__th {\n    line-height: var(--cell-line-height);\n    text-align: start;\n    border-block-end: var(--border-style);\n    max-width: var(--max-col-width);\n    background-color: rgb(var(--cell-bg-rgb));\n\n    // for container queries - not working atm\n\n    // @container (min-width: 700px) {\n    //   &:first-child {\n    //     padding-inline-start: var(--bookend-col-padding) !important;\n    //   }\n\n    //   &:last-child {\n    //     padding-inline-end: var(--bookend-col-padding) !important;\n    //   }\n    // }\n\n    @include t.media-breakpoint-up('md') {\n      &:first-child #{$base}__cell-content {\n        padding-inline-start: var(--bookend-col-padding) !important;\n      }\n\n      &:last-child #{$base}__cell-content {\n        padding-inline-end: var(--bookend-col-padding) !important;\n      }\n    }\n\n    thead & {\n      font-weight: 800;\n      background: rgba(var(--head-bg-rgb), 90%);\n\n      #{$base}__cell-content {\n        padding: var(--head-th-padding);\n      }\n    }\n\n    tfoot & {\n      font-weight: 800;\n      border-block-end: none;\n      background: rgba(var(--foot-bg-rgb), 90%);\n\n      #{$base}__cell-content {\n        padding: var(--foot-th-padding);\n      }\n    }\n\n    &.nano-tbl__ordered {\n      background-color: rgba(var(--ordered-bg-rgb), 0.8) !important;\n    }\n  }\n\n  &__cell-content {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    padding: var(--td-padding);\n  }\n\n  tbody {\n    will-change: scroll-position;\n    visibility: visible;\n\n    &.nano-tbl__inactive {\n      visibility: hidden;\n    }\n  }\n\n  th[scope='row'] {\n    font-weight: 800;\n    max-width: 65vw;\n    margin: 0;\n  }\n\n  &__pin {\n    position: sticky;\n    z-index: 1;\n\n    &--start {\n      inset-inline: -1px auto;\n      transition: max-width 0.25s;\n\n      &::after {\n        content: '';\n        position: absolute;\n        inset: 0;\n        box-shadow: 5px 0 4px 0 rgb(0 0 0 / 20%);\n        opacity: 0;\n        z-index: -1;\n      }\n\n      #{$base}__pinned--start & {\n        z-index: 2;\n\n        @include t.media-breakpoint-down('sm') {\n          max-width: 25vw !important;\n        }\n\n        &::after {\n          opacity: 1;\n        }\n      }\n    }\n\n    &--end {\n      inset-inline: auto -1px;\n      max-width: min(50vw, 200px);\n\n      &::after {\n        content: '';\n        position: absolute;\n        inset: 0;\n        box-shadow: -5px 0 4px 0 rgb(0 0 0 / 20%);\n        opacity: 0;\n        z-index: -1;\n      }\n\n      #{$base}__pinned--end & {\n        z-index: 3;\n\n        &::after {\n          opacity: 1;\n        }\n      }\n\n      /*\n        I cannot think of a nice way to make stuck-end columns play nice on small screens :(\n        Changing the width when stuck (as we do for stuck-start columns) causes the whole positioning to change.\n        This fires the IO, thus un-sticks the column, thus causes the IO to fire which sticks the column ∞\n      */\n      #{$base}__pin--start ~ & {\n        @include t.media-breakpoint-down('sm') {\n          inset-inline: auto auto;\n\n          &::after {\n            display: none;\n          }\n        }\n      }\n    }\n\n    &--top {\n      inset-block: -1px auto;\n\n      #{$base}__pinned--top & {\n        z-index: 4;\n      }\n    }\n\n    &--bottom {\n      inset-block: auto -1px;\n\n      #{$base}__pinned--bottom & {\n        z-index: 5;\n        border-block-start: var(--border-tint-style);\n      }\n    }\n\n    &--top#{&}--start {\n      #{$base}__pinned--top#{$base}__pinned--start & {\n        z-index: 6;\n      }\n    }\n\n    &--top#{&}--end {\n      #{$base}__pinned--top#{$base}__pinned--end & {\n        z-index: 6;\n      }\n    }\n\n    &--bottom#{&}--start {\n      #{$base}__pinned--bottom#{$base}__pinned--start & {\n        z-index: 6;\n      }\n    }\n\n    &--bottom#{&}--end {\n      #{$base}__pinned--bottom#{$base}__pinned--end & {\n        z-index: 6;\n      }\n    }\n  }\n\n  thead tr:last-of-type td,\n  thead tr:last-of-type th,\n  tfoot tr:last-of-type td,\n  tfoot tr:last-of-type th {\n    border-block-end: var(--border-tint-style);\n  }\n\n  .unlimited-width {\n    max-width: none;\n  }\n\n  &__spinner {\n    font-size: 1.5rem;\n    transition: scale 0.25s;\n    scale: 0;\n    padding: 0.5rem;\n    position: absolute;\n    inset-block-end: 0;\n    inset-inline-start: calc(50% - 0.75rem);\n    z-index: -1;\n\n    &--show {\n      scale: 1;\n      position: sticky;\n    }\n  }\n\n  nano-skeleton {\n    line-height: var(--cell-line-height);\n  }\n}\n","import {\n  Component,\n  Prop,\n  h,\n  ComponentInterface,\n  Element,\n  Host,\n  Watch,\n  State,\n  readTask,\n  Event,\n  EventEmitter,\n  Method,\n  Build,\n  Listen,\n} from '@stencil/core';\nimport { cyrb53 } from '../../utils/math';\nimport { debounce } from '../../utils/throttle';\nimport {\n  TableColHead,\n  TableRow,\n  TableCell,\n  TableHeadFootRow,\n} from './table.children';\nimport { CSSNAMESPACE } from './table.constants';\nimport {\n  generateStore,\n  storeSearch,\n  storeSetConfig,\n  storeSetData,\n  storeSort,\n  storeFilter,\n  TableStores,\n} from './table.store';\nimport {\n  detectScrollSpeed,\n  findScrollParent,\n  isInViewport,\n} from './table.utils';\nimport type { TableTypes } from '../../interface';\n\nfunction perMark(name: string, end: boolean = false) {\n  if (!Build.isDev) return;\n  if (end) {\n    performance?.mark('end' + name);\n    performance?.measure(name, 'start' + name, 'end' + name);\n    const entries = performance?.getEntriesByName(name);\n    console.log(entries[entries.length ? entries.length - 1 : 0]);\n  } else {\n    performance?.mark('start' + name);\n  }\n}\n\nlet id = 0;\n/**\n * A performant, accessible and semantic (uses real html `<table />`, `<tr />` etc) table and data-grid solution.\n * - Built-in search\n * - Built-in column filter\n * - Built-in column sort\n * - Easily swap in API / async based search / filter & sort\n * - Pin headers, footers, rows, columns\n * - Add custom rendering at every level\n * - Add custom properties at every level\n *\n * @slot caption - The table's caption. You must either use this or the `caption` attribute.\n */\n@Component({\n  tag: 'nano-table',\n  styleUrl: 'table.scss',\n})\nexport class Table implements ComponentInterface {\n  constructor() {\n    this.debounceSetLoading = debounce(this.debounceSetLoading.bind(this), 50);\n  }\n  // Public API\n\n  // Props\n\n  /** The type of table. Grid type will make cells navigable by keyboard */\n  @Prop() type: 'grid' | 'table' = 'table';\n\n  /** A descriptive title of the table.\n   * You must use this or the `slot=\"caption\"` for accessibility */\n  @Prop() caption: string;\n\n  /** Show the caption on-screen */\n  @Prop() showCaption: boolean = false;\n\n  /** Will show a loading state when true.\n   * Will be shown automatically if `rows` is a promise waiting to resolve\n   * or when performing custom filtering or sorting  */\n  @Prop()\n  get loading() {\n    return this._loading;\n  }\n  set loading(l: boolean) {\n    this.debounceSetLoading(l);\n  }\n  @State() _loading: boolean = true;\n  private debounceSetLoading = (l: boolean) => {\n    this._loading = l;\n  };\n\n  /** When loading rows asynchronously, this will render this number of placeholder rows */\n  @Prop() placeholderSize = 5;\n\n  /** The data to place in the table */\n  @Prop() rows:\n    | TableTypes.NanoTable['rows']\n    | Promise<TableTypes.NanoTable['rows']>;\n\n  @Watch('rows')\n  handleRowsChange() {\n    if (!this.rows) return;\n\n    this.loading = true;\n    Promise.resolve(this.rows).then(async (rows) => {\n      await storeSetData(this.host, rows);\n\n      if (!this.isReady) {\n        await this.columnInit();\n        this.setInitialBlockDimension();\n      }\n      this.loading = false;\n    });\n  }\n\n  /** The column config used to generate present the rows of data */\n  @Prop({ mutable: true }) columns: TableTypes.NanoTable['columns'] = [];\n\n  @Watch('columns')\n  handleColsChange() {\n    storeSetConfig(this.host, this.columns);\n    if (this.isReady) this.columnInit();\n  }\n\n  /** Used for custom thead row rendering */\n  @Prop() headRender: TableTypes.HeadFootRenderer = { pinned: 'top' };\n\n  /** Used for custom row rendering */\n  @Prop() rowRender: TableTypes.RowRenderer;\n\n  /** Used for custom tfoot row rendering */\n  @Prop() footRender: TableTypes.HeadFootRenderer = { pinned: 'bottom' };\n\n  /** Whether to show a `<tfoot>` component */\n  @Prop() showFooter = false;\n\n  /** To improve performance, data is split into blocks\n   * which are shown / hidden and rendered as they become visible.\n   * Use this to control the number of hits within a block -\n   * A block should fill a scrolling viewport.\n   * The less perBlock the better for performance */\n  @Prop() perBlock = 60;\n\n  /** The number of total blocks currently rendered in the table. @readonly */\n  @Prop()\n  get blocksLength() {\n    return this.blocks.length;\n  }\n\n  /** Term to search for in the data */\n  @Prop() searchTerm: string;\n\n  /** A custom filtering function. Should return a promise.\n   * On successful completion the column UI will be updated.\n   * A good use-case would be performing the filter on a server / via fetch.\n   * Then on success, updating the table's data via the `rows` property */\n  @Prop() customFilterFn?: (filters: TableTypes.Filter[]) => Promise<void>;\n\n  /** A custom sorting function. Should return a promise.\n   * On successful completion the column UI will be updated.\n   * A good use-case would be performing the sort on a server / via fetch.\n   * Then on success, updating the table's data via the `rows` property */\n  @Prop() customSortFn?: (\n    property: TableTypes.Prop,\n    order: TableTypes.Order\n  ) => Promise<void>;\n\n  @Watch('searchTerm')\n  handleSearchTermChange() {\n    this.searchStart();\n  }\n\n  /** Fired whenever a block is activated by scrolling into view / becoming visible\n   * This could be leveraged for infinite scrolling / to fetch more data.\n   */\n  @Event() nanoTblBlockRendered: EventEmitter<{\n    block: number;\n    totalBlocks: number;\n  }>;\n\n  /** Fired when the table has done it's first complete render */\n  @Event() nanoTblReady: EventEmitter;\n\n  /** Fired before a column is sorted.\n   * `event.preventDefault()` to stop sorting.  */\n  @Event() nanoTblBeforeSort: EventEmitter<{\n    column: TableTypes.Prop;\n    order: TableTypes.Order;\n  }>;\n\n  /** Fired after a column is sorted */\n  @Event() nanoTblAfterSort: EventEmitter<{\n    column: TableTypes.Prop;\n    order: TableTypes.Order;\n  }>;\n\n  /** Fired before a column is filtered.\n   * `event.preventDefault()` to stop filtering.  */\n  @Event() nanoTblBeforeFilter: EventEmitter<{ filters: TableTypes.Filter[] }>;\n\n  /** Fired after a column is sorted */\n  @Event() nanoTblAfterFilter: EventEmitter<{ filters: TableTypes.Filter[] }>;\n\n  /** Fired before a general search.\n   * `event.preventDefault()` to stop searching.  */\n  @Event() nanoTblBeforeSearch: EventEmitter<{ term: string }>;\n\n  /** Fired after a general / cross column search */\n  @Event() nanoTblAfterSearch: EventEmitter<{ term: string }>;\n\n  /** Remove any column sorts currently applied\n   * @returns a promise which resolves when complete */\n  @Method()\n  async resetSorting() {\n    const col = this.columns.find((c) => !!c.order);\n    if (!col) return;\n    return this.sortStart(null, col.prop);\n  }\n\n  /** Apply a sort on a column\n   * @returns a promise which resolves when complete */\n  @Method()\n  async addSort(column: TableTypes.Prop, order: TableTypes.Order) {\n    const col = this.columns.find((c) => c.prop === column);\n    if (!col) throw 'Cannot find column with ' + column;\n    return this.sortStart(order, col.prop);\n  }\n\n  /** Remove any column filters currently applied\n   * @returns a promise which resolves when complete */\n  @Method()\n  async resetFilters() {\n    this.filters = [];\n    return this.filterStart();\n  }\n\n  /** Apply a filter on a column\n   * @param filters - the filters to apply\n   * @param additive - if true, will add the filters to any currently applied\n   * @returns a promise which resolves when complete\n   */\n  @Method()\n  async addFilters(filters: TableTypes.Filter[], additive: boolean = true) {\n    if (!additive) this.filters = [];\n    return this.filterStart(filters, additive);\n  }\n\n  // Private Logic\n\n  // State\n\n  @Element() host: HTMLNanoTableElement;\n  private renderId = 'tbl-' + id++;\n  private store: TableStores;\n  private filters: TableTypes.Filter[] = [];\n  private currentFilters = '';\n  private currentSort = '';\n  private tableEle: HTMLTableElement;\n  private topAnchorEle: HTMLElement;\n\n  // Blocks\n\n  /** `tr` elements split into units - defined by `perPage`\n    These are show / hidden for perf */\n  @State() blocks: TableTypes.TBody[] = [];\n  @State() activeBlocks: number[] = [0, 1, 2];\n  @State() measureHeight = 0;\n\n  private blockElements: HTMLTableSectionElement[];\n  private blockIos: WeakMap<HTMLTableSectionElement, IntersectionObserver> =\n    new WeakMap();\n  private blockHeights: { blockIndex: number; height: number }[] = [];\n  // uses the first 'tr' of an active block as our yard stick\n  private set measureEle(el: HTMLTableSectionElement) {\n    if (!el) return;\n    this.measureHeight = el.getBoundingClientRect().height;\n    this.unitHeight =\n      el.querySelector('tr')?.getBoundingClientRect().height || this.unitHeight;\n  }\n  private unitHeight = 0;\n\n  // Scroll / IO used for hiding / showing blocks\n\n  private ignoreIO = true;\n  private scrollParent: HTMLElement;\n  private scrollSpeed: number;\n\n  // Misc.\n\n  private get isReady() {\n    return this._isReady;\n  }\n  private set isReady(ready: boolean) {\n    if (ready === this._isReady) return;\n    this._isReady = ready;\n    if (this.isReady) requestAnimationFrame(() => this.handleReady());\n  }\n  private _isReady = false;\n\n  // Listeners\n\n  @Listen('scroll', { target: 'window' })\n  scrollListener() {\n    // see explanation in `setupBlockIO`\n    const speed = detectScrollSpeed();\n    this.scrollSpeed = speed < 0 ? speed * -1 : speed;\n  }\n\n  // Logic\n\n  private handleReady() {\n    const hash = window.location.hash;\n    if (hash.length > 1) {\n      const idRow = document.querySelector(hash);\n      if (idRow) {\n        idRow.scrollIntoView();\n      }\n    }\n    this.nanoTblReady.emit();\n  }\n\n  /**\n   * Start a sort - can be cancelled by `preventDefault`\n   * @param order - column order\n   * @param column - column config object\n   * @returns A promise\n   */\n  private sortStart = async (\n    order: TableTypes.Order,\n    column: TableTypes.Prop,\n    element?: HTMLElement\n  ) => {\n    // did order change?\n    if (this.currentSort === order + ':' + column) return;\n\n    this.loading = true;\n    const sortEvent = this.nanoTblBeforeSort.emit({ column: column, order });\n    if (sortEvent.defaultPrevented) return;\n    perMark('sort');\n    this.currentSort = order + ':' + column;\n\n    // doesn't make sense to leave user in place for a sort\n    this.scrollToTop(element);\n\n    if (this.customSortFn) {\n      try {\n        await this.customSortFn(column, order);\n        this.sortComplete(order, column);\n      } catch (e) {\n        console.warn('custom sort failed', e);\n      }\n      return;\n    }\n\n    try {\n      await storeSort(this.host, column, order);\n      this.sortComplete(order, column);\n    } catch (e) {\n      console.warn('sort failed', e);\n      this.currentSort = '';\n    } finally {\n      this.loading = false;\n    }\n  };\n\n  /**\n   * Complete a sort. Reflects the order to ui.\n   * @param order - column order\n   * @param column - column config object\n   */\n  private sortComplete(order: TableTypes.Order, column: TableTypes.Prop) {\n    this.columns = this.columns.map((c) => {\n      if (c.prop === column) return { ...c, order };\n      return { ...c, order: null };\n    });\n    this.nanoTblAfterSort.emit({ column: column, order });\n    perMark('sort', true);\n  }\n\n  private async searchStart() {\n    this.loading = true;\n    const sortEvent = this.nanoTblBeforeSearch.emit({ term: this.searchTerm });\n    if (sortEvent.defaultPrevented) return;\n    perMark('search');\n\n    // doesn't make sense to leave user in place for a search\n    this.scrollToTop();\n\n    try {\n      await storeSearch(this.host, this.searchTerm);\n      this.nanoTblAfterSearch.emit({ term: this.searchTerm });\n      perMark('search', true);\n    } catch (e) {\n      console.warn('search failed', e);\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  private async filterStart(\n    filters?: TableTypes.Filter[],\n    additive: boolean = true\n  ) {\n    if (filters) {\n      if (additive) {\n        this.filters = [\n          ...this.filters.filter(\n            (f) => !filters.find((ff) => ff.prop === f.prop)\n          ),\n          ...filters,\n        ];\n      } else {\n        this.filters = filters;\n      }\n    }\n\n    if (this.currentFilters === JSON.stringify(this.filters)) return;\n\n    this.loading = true;\n    const sortEvent = this.nanoTblBeforeFilter.emit({ filters: this.filters });\n    if (sortEvent.defaultPrevented) return;\n    perMark('filter');\n    this.currentFilters = JSON.stringify(this.filters);\n\n    // doesn't make sense to leave user in place for a search\n    this.scrollToTop();\n\n    if (this.customFilterFn) {\n      try {\n        await this.customFilterFn(this.filters);\n        this.filterComplete();\n      } catch (e) {\n        console.warn('custom filter failed', e);\n        this.currentFilters = '';\n      }\n      return;\n    }\n\n    try {\n      await storeFilter(this.host, this.filters);\n      this.filterComplete();\n      perMark('search', true);\n    } catch (e) {\n      console.warn('filter failed', e);\n    } finally {\n      this.loading = false;\n    }\n  }\n\n  private filterComplete() {\n    this.columns = this.columns.map((c) => {\n      const cFilter = this.filters.find((f) => f.prop === c.prop);\n      if (cFilter) c.filter = cFilter.filter;\n      return c;\n    });\n    this.nanoTblAfterFilter.emit({ filters: this.filters });\n    perMark('filter', true);\n  }\n\n  /** Scrolls to the top immediately - used whilst sorting / filtering */\n  private scrollToTop(element?: HTMLElement) {\n    const scrollBehaviour = this.scrollParent.style?.scrollBehavior;\n    const scrollX = this.scrollParent.scrollLeft;\n    this.scrollParent.style.scrollBehavior = 'auto';\n\n    if (this.topAnchorEle && !isInViewport(this.topAnchorEle, 0.1))\n      this.topAnchorEle.scrollIntoView();\n    if (element) element.scrollIntoView({ block: 'start' });\n\n    if (scrollX) this.scrollParent.scrollLeft = scrollX;\n\n    if (scrollBehaviour)\n      this.scrollParent.style.scrollBehavior = scrollBehaviour;\n  }\n\n  private setMeasureElement() {\n    readTask(() => {\n      this.measureEle = this.blockElements.find(\n        (b) => !b?.classList?.contains(`${CSSNAMESPACE}__inactive`)\n      );\n    });\n  }\n\n  /**\n   * Sets the initial height on tbody elements that are not active\n   * These elements have no natural height - on account of all their rows being hidden\n   * So we just estimate for now\n   */\n  private setInitialBlockDimension() {\n    if (!this.blockElements.length) return;\n    perMark('blockDims');\n\n    const finishResizing: Promise<void> = new Promise((resolve) => {\n      readTask(() => {\n        this.setMeasureElement();\n\n        // find the first active block\n        if (!this.measureEle && !this.unitHeight) resolve();\n\n        this.blockElements.forEach((el, i) => {\n          if (!el || !el.classList?.contains(`${CSSNAMESPACE}__inactive`)) {\n            if (i === this.blockElements.length - 1) resolve();\n            return;\n          }\n          if (i === this.blockElements.length - 1) resolve();\n        });\n      });\n    });\n\n    // we're all finished.\n    finishResizing.then(() => {\n      perMark('blockDims', true);\n      perMark('init', true);\n\n      requestAnimationFrame(() => {\n        this.isReady = true;\n      });\n    });\n  }\n\n  /** Apply initial columns settings */\n  private async columnInit() {\n    this.filters = this.columns\n      .filter((c) => !!c.filter)\n      .map((c) => {\n        const { filter, prop } = c;\n        return { filter, prop };\n      });\n\n    if (this.searchTerm) {\n      await this.searchStart();\n    }\n\n    if (this.filters.length) {\n      await this.filterStart();\n    }\n    // apply sort\n    const col = this.columns.find((c) => !!c.order);\n    if (!!col) {\n      await this.sortStart(col.order, col.prop);\n    }\n  }\n\n  /** Split up all incoming rows into 'blocks' split amongst tbody elements.\n   * These can then be hidden / shown to improve performance.\n   */\n  private setBlocks() {\n    perMark('setBlocks');\n    this.activeBlocks = [0, 1, 2];\n    this.ignoreIO = true;\n    let i = 1;\n    const l = this.store.data.state.rows.length;\n    let rows: TableTypes.RowData[] = [];\n    const blocks: TableTypes.TBody[] = [];\n    this.blockHeights = [];\n\n    // old skool loop for perf\n    for (i; i <= l; i++) {\n      rows.push(this.store.data.state.rows[i - 1]);\n\n      if (i % this.perBlock === 0) {\n        blocks.push({ rows, __uuid: cyrb53(rows.map((b) => b.__uuid).join()) });\n        rows = [];\n      }\n    }\n    if (rows.length)\n      blocks.push({ rows, __uuid: cyrb53(rows.map((b) => b.__uuid).join()) });\n    this.blocks = blocks;\n    perMark('setBlocks', true);\n  }\n\n  /**\n   * Returns a block render height.\n   * If it's currently active - let auto do it's thing\n   * If we've rendered it before - return that\n   * If all else fails, let's guess it\n   * @param blockIndex\n   * @returns a height string (incl px)\n   */\n  private getBlockHeight(blockIndex: number): string {\n    if (this.activeBlocks.includes(blockIndex)) return undefined;\n\n    if (this.blockHeights.length) {\n      const cachedBlockHeight = this.blockHeights.find(\n        (bh) => bh.blockIndex === blockIndex\n      );\n      if (cachedBlockHeight) return cachedBlockHeight.height + 'px';\n    }\n    const blockLength = this.blocks[blockIndex].rows.length;\n    if (blockLength === this.perBlock && this.measureHeight) {\n      return this.measureHeight + 'px';\n    }\n    return this.unitHeight ? this.unitHeight * blockLength + 'px' : undefined;\n  }\n\n  /** cache the height for all active blocks for later renders */\n  private setBlockHeight() {\n    readTask(() => {\n      this.activeBlocks.forEach((blockIndex) => {\n        const el = this.blockElements[blockIndex];\n        if (!el) return;\n\n        const height = el.getBoundingClientRect().height;\n        // cache height to our block heights array\n        // for subsequent renders\n        const fBhI = this.blockHeights.findIndex(\n          (bh) => bh.blockIndex === blockIndex\n        );\n        if (fBhI > 0) {\n          this.blockHeights[fBhI] = { height, blockIndex };\n        } else this.blockHeights.push({ height, blockIndex });\n      });\n    });\n  }\n\n  /**\n   * Attaches an intersection observer to each rendered tbody element\n   * shows / hides intersecting blocks' and sets heights for when they're hidden\n   * @param el - the tbody element to observe\n   * @param blockIndex - the rendering tbody we're attaching the IO to\n   */\n  private setupBlockIO = (el: HTMLTableSectionElement, blockIndex: number) => {\n    if (!el || this.blockIos.has(el)) return;\n\n    const blockIo = new IntersectionObserver(\n      ([ioEntry]) => {\n        if (this.ignoreIO) return;\n\n        if (ioEntry.isIntersecting) {\n          // This is a bit gross\n          // The Intersection Observer (IO) fires in an incorrect order when the scrolling is very fast\n          // i.e. we go past blocks 3, 2, 1 and land on 0, but 3 can fire as 'intersecting' after 0.\n          // To fix that, we check - for realsies - if the block IS visible.\n          // BUT that test is not as sensitive to a block being visible via the IO,\n          // so doesn't always fire if scrolling slowly\n          // *sigh*\n          readTask(() => {\n            if (this.scrollSpeed < 100 || isInViewport(el, 0.01)) {\n              this.activeBlocks = [\n                blockIndex,\n                blockIndex + 1,\n                Math.max(0, blockIndex - 1),\n              ];\n              this.nanoTblBlockRendered.emit({\n                block: blockIndex,\n                totalBlocks: this.blockElements.length,\n              });\n              requestAnimationFrame(() => this.setBlockHeight());\n            }\n          });\n        }\n      },\n      {\n        threshold: [0],\n        root:\n          this.scrollParent === document.scrollingElement\n            ? null\n            : this.scrollParent,\n      }\n    );\n\n    blockIo.observe(el);\n    this.blockIos.set(el, blockIo);\n  };\n\n  /** Process slotted content */\n  private processSlots() {\n    // see if we have slot content\n    if (!this.caption && !this.host.querySelector('[slot=\"caption\"]')) {\n      console.error(\n        'For accessibility you must set a `title` prop or use the `caption` slot'\n      );\n    }\n  }\n\n  private handleColumnPinned = (positions: {\n    [key in TableTypes.Position]: boolean;\n  }) => {\n    Object.entries(positions).forEach(([key, applied]) => {\n      this.tableEle.classList.toggle(\n        `${CSSNAMESPACE}__pinned--${key}`,\n        applied\n      );\n    });\n  };\n\n  // Component lifecycle\n\n  async componentWillLoad() {\n    perMark('init');\n    this.store = await generateStore(\n      this.host,\n      this.columns,\n      this.scrollParent\n    );\n    await this.handleRowsChange();\n    this.processSlots();\n    this.setBlocks();\n    this.store.data.onChange('rows', () => this.setBlocks());\n  }\n\n  connectedCallback(): void {\n    readTask(() => (this.scrollParent = findScrollParent(this.host)));\n  }\n\n  componentDidLoad(): void {\n    this.setInitialBlockDimension();\n  }\n\n  componentShouldUpdate(_newVal, _oldVal, stateName: keyof Table) {\n    // stop double rendering - we use the store for rendering internally\n    // the public facing props are kept in-sync with the store\n    // but we don't want it to cause renders\n    if (['rows', 'columns'].includes(stateName)) return false;\n  }\n\n  componentWillRender(): void | Promise<void> {\n    perMark('render');\n  }\n\n  componentDidRender(): void {\n    requestAnimationFrame(() => (this.ignoreIO = false));\n    this.setMeasureElement();\n    perMark('render', true);\n  }\n\n  render() {\n    this.blockElements = [];\n\n    return (\n      <Host>\n        <div\n          class={`${CSSNAMESPACE}__top-anchor`}\n          ref={(a) => (this.topAnchorEle = a)}\n        >\n          &nbsp;\n        </div>\n        <div\n          aria-labelledby={'table-caption-' + this.renderId}\n          tabindex={this.type === 'grid' ? '0' : undefined}\n        >\n          <nano-progress-bar\n            indeterminate\n            class={{\n              [`${CSSNAMESPACE}__progress-bar`]: true,\n              [`${CSSNAMESPACE}__progress-bar--show`]: this.loading,\n            }}\n          />\n\n          <table\n            role={this.type === 'grid' ? 'grid' : undefined}\n            aria-readonly={this.type === 'table' ? 'true' : undefined}\n            aria-rowcount={this.store.data.state.rows.length}\n            aria-colcount={this.store.config.state.columns.length}\n            class={`${CSSNAMESPACE}`}\n            ref={(tbl) => (this.tableEle = tbl)}\n          >\n            <caption\n              class={{\n                [`${CSSNAMESPACE}__caption`]: true,\n                [`${CSSNAMESPACE}__caption--hide`]: !this.showCaption,\n              }}\n              id={'table-caption-' + this.renderId}\n            >\n              <slot name=\"caption\">{this.caption}</slot>\n            </caption>\n\n            {/* Header */}\n            <thead>\n              <TableHeadFootRow\n                rowRenderer={this.headRender}\n                onColumnPinned={this.handleColumnPinned}\n              >\n                {this.store.config.state.columns.map((colModel) => [\n                  <TableColHead\n                    column={colModel}\n                    headRenderer={this.headRender}\n                    onColumnOrderClick={this.sortStart}\n                    onColumnPinned={this.handleColumnPinned}\n                  />,\n                ])}\n              </TableHeadFootRow>\n            </thead>\n\n            {this.loading &&\n              !this.blocks.length &&\n              [...Array(10).keys()].map((rowIndex) => (\n                <tr>\n                  {this.store.config.state.columns.map(\n                    (_colModel, colIndex) => (\n                      <TableCell\n                        rowIndex={rowIndex}\n                        colIndex={colIndex}\n                        nestedContent={<nano-skeleton />}\n                      />\n                    )\n                  )}\n                </tr>\n              ))}\n\n            {/* Body */}\n            {this.blocks.map((block, blockIndex) => (\n              <tbody\n                key={block.__uuid}\n                id={`tbody-${this.renderId}-${blockIndex}`}\n                ref={(tb) => {\n                  this.blockElements.push(tb);\n                  this.setupBlockIO(tb, blockIndex);\n                }}\n                class={{\n                  [`${CSSNAMESPACE}__inactive`]:\n                    !this.activeBlocks.includes(blockIndex),\n                  [`${CSSNAMESPACE}__active`]:\n                    this.activeBlocks.includes(blockIndex),\n                }}\n              >\n                {this.activeBlocks.includes(blockIndex) ? (\n                  block.rows.map((row, i) => {\n                    const rowIndex =\n                      blockIndex > 0 ? blockIndex * this.perBlock + i : i;\n                    return (\n                      <TableRow rowRenderer={this.rowRender} row={row}>\n                        {this.store.config.state.columns.map(\n                          (_colModel, colIndex) => (\n                            <TableCell\n                              rowIndex={rowIndex}\n                              colIndex={colIndex}\n                            />\n                          )\n                        )}\n                      </TableRow>\n                    );\n                  })\n                ) : (\n                  <td\n                    colSpan={this.store.config.state.columns.length}\n                    style={{\n                      height: this.getBlockHeight(blockIndex),\n                    }}\n                  />\n                )}\n              </tbody>\n            ))}\n\n            {/* Footer */}\n            {this.showFooter && (\n              <tfoot>\n                <TableHeadFootRow\n                  rowRenderer={this.footRender}\n                  onColumnPinned={this.handleColumnPinned}\n                >\n                  {this.store.config.state.columns.map((colModel) => [\n                    <TableColHead\n                      column={colModel}\n                      headRenderer={this.footRender}\n                      onColumnPinned={this.handleColumnPinned}\n                    />,\n                  ])}\n                </TableHeadFootRow>\n              </tfoot>\n            )}\n          </table>\n\n          {!!this.blocks.length && (\n            <nano-spinner\n              type=\"circle\"\n              class={{\n                [`${CSSNAMESPACE}__spinner`]: true,\n                [`${CSSNAMESPACE}__spinner--show`]: this.loading,\n              }}\n            />\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/table.worker-7666db6d.js.map

@@ -1 +0,0 @@
-{"file":"table.worker-7666db6d.js","mappings":";;;;;;;;;;;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/nano-components/p-28344d24.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Web Components for Nanopore digital Web Apps
- */
-import{r as t,h as e,i as n,c as i,a,g as s}from"./p-1fe12320.js";import{b as o,g as r,c as l}from"./p-845ae77e.js";import{d as c}from"./p-167b9165.js";import{g as h}from"./p-74a7fc4f.js";import{c as d}from"./p-7b3638b7.js";import{d as p,a as b}from"./p-9746b0a5.js";import{F as u,a as f}from"./p-77cad8d1.js";const m=class{constructor(e){t(this,e);this.myAccountUser=null;this.userProfileUrl=""}render(){return e("a",{href:this.userProfileUrl,class:"user-profile"},e("div",{class:"left"},e("div",{class:"avatar-container"},e("img",{class:"avatar",src:this.myAccountUser.small_avatar_url,alt:"User Avatar",height:75,width:75}),this.myAccountUser.is_nanopore_user&&e("img",{class:"logo-small",src:n(`./assets/ont-wheel-light.svg`),alt:"Nanopore Logo"})),e("div",{class:"user-details"},e("span",{class:"name"},this.myAccountUser.name),e("span",{class:"bio"},this.myAccountUser.job_title," at ",this.myAccountUser.company))),e("div",{class:"right"},e("div",{class:"chevron-right"},e("nano-icon",{slot:"icon-end",name:"light/chevron-right","aria-label":"navigate to ..."}))))}static get assetsDirs(){return["assets"]}};const v=':host{box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}:host{opacity:inherit;display:block;color:var(--color) !important;margin:var(--margin)}:host ::slotted(*),:host *{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::slotted(button),:host button{background:none;border:none;margin:0}:host ::slotted(button),:host ::slotted(a),:host ::slotted(a:visited),:host button,:host a,:host a:visited{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-inline:var(--padding-start) var(--padding-end);padding-block:var(--padding-top) var(--padding-bottom);display:var(--display, block);white-space:nowrap;color:var(--color) !important;background-color:var(--bg-color)}:host ::slotted(nano-icon[slot=icon-start]){-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end)}:host ::slotted(nano-icon[slot=icon-end]){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start)}:host .link ::slotted(nano-icon[slot=icon-start]){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:0;padding-inline-end:0}:host .link ::slotted(nano-icon[slot=icon-end]){-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);-webkit-padding-start:0;padding-inline-start:0}:host .link,:host button,:host a{-webkit-border-after:var(--border-bottom);border-block-end:var(--border-bottom);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host .secondary-menu{display:none}:host ::slotted(a:hover),:host ::slotted(button:hover),:host .link:hover,:host button:hover,:host a:hover{text-decoration:inherit !important}:host button:focus,:host a:focus{color:var(--color-focus, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));outline:var(--focus-outline, none)}:host ::slotted(a:focus),:host ::slotted(button:focus){color:var(--color-focus, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));outline:none}.nav-item.selected .link,.nav-item.selected button,.nav-item.selected a{color:var(--color-selected, var(--color-open, var(--color))) !important;background-color:var(--bg-color-selected, var(--bg-color-open, var(--bg-color)))}.nav-item.secondary-open button,.nav-item.secondary-open a{color:var(--color-open, var(--color-selected, var(--color))) !important;background-color:var(--bg-color-open, var(--secondary-bg-color, var(--bg-color-selected, var(--bg-color))))}.nav-item.disabled{opacity:0.6}.nav-item.disabled button,.nav-item.disabled a{color:var(--color-disabled, var(--color)) !important}.nav-item:not(.nano-menu) ::slotted(a:hover),.nav-item:not(.nano-menu) ::slotted(button:hover),.nav-item:not(.nano-menu) .link:hover,.nav-item:not(.nano-menu) button:hover,.nav-item:not(.nano-menu) a:hover{color:var(--color-hover, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-hover, var(--bg-color-focus, var(--bg-color)))}:host(.has-focus) .link{color:var(--color-focus, var(--color-hover, var(--color))) !important;background-color:var(--bg-color-focus, var(--bg-color-hover, var(--bg-color)));outline:var(--focus-outline, 5px auto -webkit-focus-ring-color)}:host(.nano-global-nav-menu) a,:host(.nano-global-nav-menu) a:visited,:host(.nano-global-nav-menu) button,:host(.nano-global-nav-menu) .link,:host(.nano-menu) a,:host(.nano-menu) a:visited,:host(.nano-menu) button,:host(.nano-menu) .link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:"currentColor";text-decoration:inherit;white-space:normal;cursor:pointer;line-height:1.2;width:100%}:host(.nano-global-nav-menu) .text,:host(.nano-menu) .text{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);-webkit-box-flex:1;-ms-flex:1;flex:1}:host(.nano-global-nav-menu) ::slotted(a),:host(.nano-global-nav-menu) ::slotted(button),:host(.nano-menu) ::slotted(a),:host(.nano-menu) ::slotted(button){-webkit-box-flex:1;-ms-flex:1;flex:1}:host(.nano-global-nav-menu) ::slotted(a:focus),:host(.nano-global-nav-menu) ::slotted(button:focus),:host(.nano-menu) ::slotted(a:focus),:host(.nano-menu) ::slotted(button:focus){-webkit-box-shadow:none;box-shadow:none}:host(.nano-global-nav-menu) .secondary-menu,:host(.nano-menu) .secondary-menu{display:none;position:absolute;color:var(--secondary-color, "currentColor");min-height:100%;inset-block-start:0;inset-inline-start:0;width:100%;z-index:1;opacity:0;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.3s ease;transition:opacity 0.2s ease, -webkit-transform 0.3s ease;transition:opacity 0.2s ease, transform 0.3s ease;transition:opacity 0.2s ease, transform 0.3s ease, -webkit-transform 0.3s ease;background-color:var(--secondary-bg-color, white);-webkit-transform:translateX(100%);transform:translateX(100%)}:host(.nano-global-nav-menu) .secondary-menu:focus,:host(.nano-menu) .secondary-menu:focus{outline:none}:host(.nano-global-nav-menu) .secondary-menu.open,:host(.nano-menu) .secondary-menu.open{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity 0.3s ease, -webkit-transform 0.2s ease;transition:opacity 0.3s ease, -webkit-transform 0.2s ease;transition:opacity 0.3s ease, transform 0.2s ease;transition:opacity 0.3s ease, transform 0.2s ease, -webkit-transform 0.2s ease}:host(.nano-global-nav-menu) ::slotted(nano-icon[slot=icon-start]){padding-inline:0 var(--padding-end);padding-block:0}:host(.nano-global-nav-menu) ::slotted(nano-icon[slot=icon-end]){padding-inline:0 var(--padding-end);padding-block:0;font-size:10px;-webkit-box-flex:0;-ms-flex:0 0 10px;flex:0 0 10px;pointer-events:none}:host(.nano-global-nav-menu) button ::slotted(nano-icon[slot=icon-end]),:host(.nano-global-nav-menu) a ::slotted(nano-icon[slot=icon-end]){padding:0}:host(.nano-global-nav-menu[dir=rtl]) .secondary-menu,:host(.nano-menu[dir=rtl]) .secondary-menu{-webkit-transform:translateX(-100%);transform:translateX(-100%)}:host(.nano-global-nav-menu[dir=rtl]) .secondary-menu.open,:host(.nano-menu[dir=rtl]) .secondary-menu.open{-webkit-transform:translateX(0);transform:translateX(0)}:host(.nano-menu) .secondary-menu-content{padding-inline:var(--secondary-padding-start) var(--secondary-padding-end);padding-block:var(--secondary-padding-top) var(--secondary-padding-bottom)}:host(.nano-global-nav-bar) .link,:host(.nano-global-nav-bar) a,:host(.nano-global-nav-bar) button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}:host(.nano-global-nav-bar) .text{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}:host(.nano-global-nav-bar) ::slotted(nano-icon[slot=icon-end]){margin-inline:var(--padding-end) 0;margin-block:0}:host(.nano-global-nav-bar) ::slotted(nano-icon[slot=icon-start]){margin-inline:0 var(--padding-start);margin-block:0}:host(.nano-global-nav-bar.has-secondary) button{position:relative}:host(.nano-global-nav-bar.has-secondary) button::before{content:"";background-color:#0c5a71;height:9px;inset-inline:0 5px;inset-block-end:-24px;position:absolute;-webkit-transform:translateZ(0) scaleX(0);transform:translateZ(0) scaleX(0);-webkit-transform-origin:0;transform-origin:0;-webkit-transition:0.2s ease transform;transition:0.2s ease transform}:host(.nano-global-nav-bar.has-secondary) .selected button::before,:host(.nano-global-nav-bar.has-secondary) .secondary-open button::before{-webkit-transform:translateZ(0) scaleX(1);transform:translateZ(0) scaleX(1)}:host(.nano-global-nav-bar.has-secondary) .secondary-open button::before{opacity:0.7}:host(.nano-global-nav-bar.has-secondary) .secondary-menu{display:none;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease;-webkit-transform:translateY(-100%) translateZ(0);transform:translateY(-100%) translateZ(0);background-color:var(--secondary-bg-color, #196c82);color:var(--secondary-color);position:absolute;-webkit-box-shadow:0 1px 25px 0 rgba(0, 0, 0, 0.15);box-shadow:0 1px 25px 0 rgba(0, 0, 0, 0.15);inset-inline:0;z-index:-2;outline:none}:host(.nano-global-nav-bar.has-secondary) .secondary-menu.open{-webkit-transform:translateY(12px) translateZ(0);transform:translateY(12px) translateZ(0)}:host(.nano-menu-drawer) .link,:host(.nano-menu-drawer) a,:host(.nano-menu-drawer) button{-webkit-padding-before:calc(var(--padding-top) / 2);padding-block-start:calc(var(--padding-top) / 2);-webkit-padding-end:0;padding-inline-end:0;-webkit-padding-after:calc(var(--padding-bottom) / 2);padding-block-end:calc(var(--padding-bottom) / 2);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:currentColor;text-decoration:inherit;white-space:normal;border:none;cursor:pointer;line-height:1.2;width:100%}:host(.nano-menu-drawer) .text{-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);-webkit-padding-start:0;padding-inline-start:0;text-align:start;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:130px;width:130px}:host(.nano-menu-drawer) ::slotted(nano-icon[slot=icon-start]){padding-inline:0 var(--padding-end);padding-block:0;font-size:var(--icon-size);width:var(--icon-size);-webkit-box-flex:0;-ms-flex:0 0 var(--icon-size);flex:0 0 var(--icon-size)}:host(.nano-menu-drawer) ::slotted(nano-icon[slot=icon-end]){padding:0 var(--padding-end) 0 0;font-size:10px;-webkit-box-flex:0;-ms-flex:0 0 20px;flex:0 0 20px;min-width:20px}:host(.nano-menu-drawer) .secondary-menu{display:none;position:absolute;background-color:var(--secondary-bg-color);color:var(--secondary-color);height:100vh;inset-inline:auto 0;inset-block:0;-webkit-transform:translateX(0);transform:translateX(0);z-index:-1;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.3s ease;transition:opacity 0.2s ease, -webkit-transform 0.3s ease;transition:transform 0.3s ease, opacity 0.2s ease;transition:transform 0.3s ease, opacity 0.2s ease, -webkit-transform 0.3s ease;overflow-y:auto;width:var(--secondary-width, 400px);max-width:62vw;opacity:1;padding-inline:var(--secondary-padding-start, var(--padding-start)) var(--secondary-padding-end, var(--padding-end));padding-block:var(--secondary-padding-top, var(--padding-top)) var(--secondary-padding-bottom, var(--padding-bottom))}:host(.nano-menu-drawer) .secondary-menu:focus{outline:none}:host(.nano-menu-drawer) .secondary-menu.open{-webkit-transform:translateX(100%);transform:translateX(100%)}:host(.nano-menu-drawer) .notification{position:relative}:host(.nano-menu-drawer) .notification::after{content:"";display:block;position:absolute;width:6px;height:6px;background-color:#ef4135;inset-inline-start:10px;inset-block-start:7px;border-radius:50%}@media (min-width: 52em){:host(.nano-menu-drawer) .notification::after{width:7px;height:7px;inset-inline-start:8px;inset-block-start:5px}}:host(.nano-menu-drawer[dir=rtl]) .secondary-menu{-webkit-transform:translateX(0%);transform:translateX(0%)}:host(.nano-menu-drawer[dir=rtl]) .secondary-menu.open{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:1}';const g=class{constructor(e){t(this,e);this.nanoClose=i(this,"nanoClose",7);this.nanoOpen=i(this,"nanoOpen",7);this.nanoOpening=i(this,"nanoOpening",7);this.nanoClosing=i(this,"nanoClosing",7);this.nanoBlur=i(this,"nanoBlur",7);this.nanoFocus=i(this,"nanoFocus",7);this.hasSecondarySlot=false;this.hasAnchorEle=false;this.didBlur=false;this.animating=false;this.closeSecondary=async()=>{this.open=false;if(!this.hasSecondarySlot||!this.didOpen)return;this.nanoClosing.emit({secondaryMenu:this.secondaryDiv});const t=await c(this.secondaryDiv,"open",false);this.didOpen=t!=="hidden"};this.openSecondary=async()=>{if(window.innerWidth<this.secondaryActiveWidth){this.secondaryFallback.call(this);return}this.open=true;if(!this.hasSecondarySlot||this.didOpen)return;this.nanoOpening.emit({secondaryMenu:this.secondaryDiv});const t=await c(this.secondaryDiv,"open",true);this.didOpen=t==="shown"};this.toggleSecondary=()=>{if(!this.hasSecondarySlot)return;if(this.didOpen)this.closeSecondary();else this.openSecondary()};this.handleFocus=()=>{this.hasFocus=true;if(this.href&&!this.animating&&this.hasSecondarySlot)this.openSecondary();this.nanoFocus.emit()};this.handleHostBlur=()=>{if(this.animating)return;this.el.removeAttribute("tabindex");this.hasFocus=false;this.nanoBlur.emit()};this.handleHostClick=t=>{if(!this.hasAnchorEle)return;const e=t.target.closest("a, button");if(!e)this.btn.click()};this.handleMouseEnter=async()=>{if(!this.href||this.animating||!this.hasSecondarySlot||this.globalNavEle&&!this.globalNavEle.classList.contains("ready"))return;let t=0;if(o(this.el,".secondary-open.has-secondary").length)t=300;clearTimeout(this.waitHide);this.fromHover=true;this.animating=true;this.waitShow=window.setTimeout((async()=>await this.openSecondary()),t);this.animating=false};this.handleMouseLeave=()=>{if(!this.href)return;clearTimeout(this.waitShow);this.fromHover=true;this.animating=true;this.waitHide=window.setTimeout((async()=>await this.closeSecondary()),300);this.animating=false};this.handleClick=()=>{this.fromHover=false;if(this.hasSecondarySlot)this.toggleSecondary();else this.el.querySelector("*")?.click()};this.blur=t=>{if(!this.didOpen||this.animating)return;if(!this.closeOnBlur)return;if(t&&t.relatedTarget){if(t.relatedTarget===this.el||t.relatedTarget===this.btn||this.foundThisNavEle(t.relatedTarget)){this.secondaryDiv.focus({preventScroll:true});return}}this.btn.removeEventListener("focusout",this.blur);this.secondaryDiv.removeEventListener("focusout",this.blur);window.removeEventListener("blur",this.blur);this.didBlur=true;this.open=false;if(!t.relatedTarget)setTimeout((()=>{this.el.focus({preventScroll:true})}),50)};this.didOpen=false;this.isInGlobalNav=false;this.isInMenuDrawer=false;this.isInMenu=false;this.hasFocus=false;this.href=null;this.target="_self";this.disabled=false;this.open=false;this.selected=false;this.secondaryActiveWidth=0;this.secondaryFallback=()=>{};this.closeOnBlur=true;this.notification=false}async setFocus(){if(!this.btn)return;this.btn.focus()}openChange(){this.open?this.openSecondary():this.closeSecondary()}didOpenChange(){if(!this.hasSecondarySlot)return;if(!this.didOpen){if(!this.fromHover){this.btn.removeEventListener("focusout",this.blur);this.secondaryDiv.removeEventListener("focusout",this.blur)}setTimeout((()=>{if(!this.fromHover&&!this.didBlur)this.btn.focus({preventScroll:true});this.nanoClose.emit({secondaryMenu:this.secondaryDiv})}),50)}else{this.didBlur=false;if(!this.fromHover){const t=new window.IntersectionObserver((e=>{if(e[0].boundingClientRect.top<0){this.secondaryDiv.scrollIntoView({behavior:"smooth"})}t.disconnect()}),{threshold:1});t.observe(this.secondaryDiv);this.secondaryDiv.focus({preventScroll:true});this.btn.addEventListener("focusout",this.blur);this.secondaryDiv.addEventListener("focusout",this.blur);window.addEventListener("blur",this.blur);this.el.tabIndex=-1;this.nanoOpen.emit({secondaryMenu:this.secondaryDiv})}}}foundThisNavEle(t){let e=t.closest("nano-nav-item");e=e===t?t.parentElement.closest("nano-nav-item"):e;if(!e)return false;if(e===this.el)return true;return this.foundThisNavEle(e)}componentWillLoad(){const t=this.el.querySelector('[slot="secondary"]');this.hasSecondarySlot=!!t;const e=r(this.el,"a, button")[0];this.hasAnchorEle=!!e;if(e){this.href=e.href?e.href:null;this.btn=e;if(this.hasSecondarySlot)this.btn.addEventListener("click",this.toggleSecondary);this.btn.addEventListener("focus",this.handleFocus);this.btn.addEventListener("blur",this.handleHostBlur)}}connectedCallback(){this.isInGlobalNav=false;this.isInMenuDrawer=false;this.globalNavEle=this.el.closest("nano-global-nav");this.isInMenuDrawer=!!this.el.closest("nano-menu-drawer");this.isInMenu=!!this.el.closest("nano-menu");this.isInGlobalNav=this.el.parentElement===this.globalNavEle||!!this.el.closest(".global-nav")}render(){return e(a,{class:{"has-secondary":this.hasSecondarySlot,"secondary-open":this.open,selected:this.selected,"has-focus":this.hasFocus,disabled:this.disabled,"nano-global-nav":this.isInGlobalNav,"nano-menu-drawer":this.isInMenuDrawer,"nano-menu":this.isInMenu},onBlur:this.handleHostBlur,dir:this.el.ownerDocument.dir==="rtl"?"rtl":null,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onClick:this.handleHostClick,role:"menuitem"},e("div",{class:{"nav-item":true,"secondary-open":this.open,selected:this.selected}},this.href&&!this.hasAnchorEle&&!this.disabled&&e("a",{target:this.target,ref:t=>this.btn=t,href:this.href,onFocus:this.handleFocus,class:{notification:this.notification}},e("slot",{name:"icon-start"}),e("span",{class:"text"},e("slot",null)),e("slot",{name:"icon-end"})),(!this.hasAnchorEle&&!this.href||this.disabled)&&e("button",{ref:t=>this.btn=t,onClick:this.handleClick,onFocus:this.handleFocus,disabled:this.disabled,class:{notification:this.notification}},e("slot",{name:"icon-start"}),e("span",{class:"text"},e("slot",null)),e("slot",{name:"icon-end"})),this.hasAnchorEle&&!this.disabled&&e("div",{class:"link"},e("slot",{name:"icon-start"}),e("slot",null),e("slot",{name:"icon-end"})),this.hasSecondarySlot&&!this.disabled&&e("div",{class:"secondary-menu",ref:t=>this.secondaryDiv=t,tabindex:"-1"},e("div",{class:"secondary-menu-content"},e("slot",{name:"secondary"})),e("div",{class:"secondary-menu-mask",onClick:this.closeSecondary}))))}get el(){return s(this)}static get watchers(){return{open:["openChange"],didOpen:["didOpenChange"]}}};g.style=v;const w='.sc-nano-select-h{box-sizing:border-box}*.sc-nano-select,*.sc-nano-select::before,*.sc-nano-select::after{box-sizing:border-box}[hidden].sc-nano-select{display:none !important}[disabled].sc-nano-select-h:not([disabled=false]){opacity:0.5}.form-ctrl.sc-nano-select{min-inline-size:100%;display:block}.form-ctrl.has-helper-end.sc-nano-select{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;opacity:0}.form-ctrl.has-helper-end.is-ready.sc-nano-select{opacity:1}.form-ctrl.has-helper-end.sc-nano-select .form-ctrl__wrapper.sc-nano-select{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%}.form-ctrl.has-helper-end.sc-nano-select .form-ctrl__helper-end.sc-nano-select{display:none}.form-ctrl.has-helper-end.has-enough-width.sc-nano-select .form-ctrl__helper-end.sc-nano-select{display:block}.form-ctrl.has-helper-end.has-enough-width.sc-nano-select .form-ctrl__helper.sc-nano-select{display:none}.form-ctrl__wrapper.sc-nano-select{display:block}label.sc-nano-select,.form-ctrl__more.sc-nano-select,.form-ctrl__error.sc-nano-select,.form-ctrl__helper.sc-nano-select{display:block;inline-size:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}label.visually-hide.sc-nano-select,.form-ctrl__more.visually-hide.sc-nano-select,.form-ctrl__error.visually-hide.sc-nano-select,.form-ctrl__helper.visually-hide.sc-nano-select{clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);block-size:1px;inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.form-ctrl__float-label.sc-nano-select{padding-block:0;-webkit-padding-end:0;padding-inline-end:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);color:var(--label-color);position:absolute;font-size:1.15em;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:top left;transform-origin:top left;inset-block-start:50%;-webkit-transition:all 0.125s ease-in;transition:all 0.125s ease-in;opacity:1}.has-focus.sc-nano-select-h .form-ctrl__float-label.sc-nano-select,.has-value.sc-nano-select-h .form-ctrl__float-label.sc-nano-select{-webkit-transform:translateY(-110%);transform:translateY(-110%);font-size:0.8em;opacity:0.7}.form-ctrl__float-label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select{opacity:0;-webkit-transition:opacity 0.125s ease-in;transition:opacity 0.125s ease-in}.has-focus.sc-nano-select-h .form-ctrl__float-label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select,.has-value.sc-nano-select-h .form-ctrl__float-label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select{opacity:1}.form-ctrl__textarea.sc-nano-select .form-ctrl__float-label.sc-nano-select{inset-block-start:50%}.has-focus.sc-nano-select-h .form-ctrl__textarea.sc-nano-select .form-ctrl__float-label.sc-nano-select{inset-block-start:0;-webkit-transform:translateY(38%);transform:translateY(38%)}.has-value.sc-nano-select-h .form-ctrl__textarea.sc-nano-select .form-ctrl__float-label.sc-nano-select{inset-block-start:0;-webkit-transform:translateY(38%);transform:translateY(38%)}.form-ctrl__label.sc-nano-select{color:var(--label-color);font-size:var(--label-font-size);-webkit-padding-after:var(--padding-bottom);padding-block-end:var(--padding-bottom);line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex}.form-ctrl__label.sc-nano-select .form-ctrl__label-wrap.sc-nano-select{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-ctrl__label.sc-nano-select .form-ctrl__label-placeholder.sc-nano-select{margin-block:unset;-webkit-margin-end:5px;margin-inline-end:5px;-webkit-margin-start:0;margin-inline-start:0;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:0.3s ease opacity;transition:0.3s ease opacity;font-size:0.9em}.form-ctrl__label.sc-nano-select .form-ctrl__label-charcount.sc-nano-select{margin-block:unset;-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:auto;margin-inline-start:auto;font-size:0.9em;opacity:0.5}.has-value.sc-nano-select-h .form-ctrl__label.sc-nano-select .form-ctrl__label-placeholder.sc-nano-select{opacity:0.5}.has-focus.sc-nano-select-h .form-ctrl__label.sc-nano-select{color:var(--label-color--focus)}.is-invalid.sc-nano-select-h .form-ctrl__label.sc-nano-select{color:var(--label-color--invalid)}.has-float-label.sc-nano-select .select__multi-input.sc-nano-select,.has-float-label.sc-nano-select .select__native-input.sc-nano-select,.has-float-label.sc-nano-select .input__native-ctrl.sc-nano-select{opacity:0;-webkit-transition:opacity 0.125s ease-in;transition:opacity 0.125s ease-in}.has-focus.sc-nano-select-h .has-float-label.sc-nano-select .select__multi-input.sc-nano-select,.has-value.sc-nano-select-h .has-float-label.sc-nano-select .select__multi-input.sc-nano-select,.has-focus.sc-nano-select-h .has-float-label.sc-nano-select .select__native-input.sc-nano-select,.has-value.sc-nano-select-h .has-float-label.sc-nano-select .select__native-input.sc-nano-select,.has-focus.sc-nano-select-h .has-float-label.sc-nano-select .input__native-ctrl.sc-nano-select,.has-value.sc-nano-select-h .has-float-label.sc-nano-select .input__native-ctrl.sc-nano-select{opacity:1}.form-ctrl__more.sc-nano-select{block-size:1em;position:relative;margin-block:4px var(--padding-bottom);margin-inline:3px 0}.form-ctrl__helper.sc-nano-select,.form-ctrl__error.sc-nano-select{inset-block-start:0;inset-inline-start:0;position:absolute;font-size:var(--invalid-msg-font-size);line-height:1.2;-webkit-transition:0.3s ease-out opacity;transition:0.3s ease-out opacity}.form-ctrl__helper.sc-nano-select{font-style:italic;color:var(--help-msg-color)}[show-inline-error].sc-nano-select-h:not([show-inline-error=false]).is-invalid .form-ctrl__helper.sc-nano-select{opacity:0}.form-ctrl__helper-end.sc-nano-select{-webkit-box-flex:1;-ms-flex:1 1 30%;flex:1 1 30%;min-inline-size:150px;font-size:var(--invalid-msg-font-size);color:var(--help-msg-color);font-style:italic}.form-ctrl__error.sc-nano-select{opacity:0;color:var(--invalid-msg-color);font-stretch:condensed}.is-invalid.sc-nano-select-h .form-ctrl__error.sc-nano-select{opacity:1}.form-ctrl__input.sc-nano-select{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;border-radius:var(--input-border-radius);inline-size:100%;padding:0 !important;position:relative;-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;background:var(--input-bg-color);border:var(--input-border-style);border-width:var(--input-border-width);font-size:var(--input-font-size);-webkit-padding-start:calc(var(--input-border-hint-width) - var(--input-border-width)) !important;padding-inline-start:calc(var(--input-border-hint-width) - var(--input-border-width)) !important}.has-focus.sc-nano-select-h .form-ctrl__input.sc-nano-select{background:var(--input-bg-color--focus);border:var(--input-border-style--focus);border-width:var(--input-border-width);-webkit-padding-start:calc(var(--input-border-hint-width) - var(--input-border-width)) !important;padding-inline-start:calc(var(--input-border-hint-width) - var(--input-border-width)) !important}.is-invalid.sc-nano-select-h .form-ctrl__input.sc-nano-select{background:var(--input-bg-color--invalid);border:var(--input-border-style--invalid);border-width:var(--input-border-width);-webkit-border-start:var(--input-border-style--invalid-focus) var(--input-border-hint-width);border-inline-start:var(--input-border-style--invalid-focus) var(--input-border-hint-width);-webkit-padding-start:0 !important;padding-inline-start:0 !important}.is-invalid.has-focus.sc-nano-select-h .form-ctrl__input.sc-nano-select{background:var(--input-bg-color--invalid);border:var(--input-border-style--invalid-focus);border-width:var(--input-border-width);-webkit-border-start:var(--input-border-style--invalid-focus) var(--input-border-hint-width);border-inline-start:var(--input-border-style--invalid-focus) var(--input-border-hint-width);-webkit-padding-start:0 !important;padding-inline-start:0 !important}.form-ctrl__input-wrap.sc-nano-select{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-ms-flex:1;flex:1;max-inline-size:100%}.form-ctrl__clear-btn.sc-nano-select,.form-ctrl__slot-end.sc-nano-select,.form-ctrl__slot-start.sc-nano-select,.form-ctrl__slot-value-end.sc-nano-select{--nano-icon-size:1.4em;margin-block:0;margin-inline:0;font-size:1em;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;inline-size:auto}.has-float-label.sc-nano-select .form-ctrl__slot-start.sc-nano-select{display:none}.form-ctrl__slot-start.sc-nano-select-s>*,.form-ctrl__slot-start .sc-nano-select-s>*,.form-ctrl__slot-end.sc-nano-select-s>*,.form-ctrl__slot-end .sc-nano-select-s>*,.form-ctrl__slot-value-end.sc-nano-select-s>*,.form-ctrl__slot-value-end .sc-nano-select-s>*,.form-ctrl__slot-value-end.sc-nano-select *.sc-nano-select{--nano-icon-size:1.4em;padding-inline:unset;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);font-size:1em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;block-size:100%;z-index:1}.sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-start.sc-nano-select-s>*,.sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-start .sc-nano-select-s>*,.sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-end.sc-nano-select-s>*,.sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-end .sc-nano-select-s>*,.sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-value-end.sc-nano-select-s>*,.sc-nano-select-h[disabled]:not([disabled=false]) .form-ctrl__slot-value-end .sc-nano-select-s>*,[disabled].sc-nano-select-h:not([disabled=false]) .form-ctrl__slot-value-end.sc-nano-select *.sc-nano-select{pointer-events:none}.form-ctrl__slot-value-end.sc-nano-select-s>*,.form-ctrl__slot-value-end .sc-nano-select-s>*,.form-ctrl__slot-value-end.sc-nano-select *.sc-nano-select{pointer-events:none}.form-ctrl__clear-btn.sc-nano-select{color:var(--clear-btn-color);padding:0;opacity:0;inline-size:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.is-invalid.sc-nano-select-h .form-ctrl__clear-btn.sc-nano-select{color:var(--clear-btn-color--invalid)}.has-value.sc-nano-select-h .form-ctrl__clear-btn.sc-nano-select{padding-block:0;padding-inline:var(--padding-start) var(--padding-end);opacity:1;inline-size:auto}.form-ctrl__clear-btn.sc-nano-select:hover{color:var(--clear-btn-color--hover)}.sc-nano-select-h{--placeholder-color:var(--nano-input-placeholder-color, initial);--placeholder-font-style:var(--nano-input-placeholder-style, initial);--placeholder-font-weight:var(--nano-input-placeholder-weight, initial);--placeholder-opacity:var(--nano-input-placeholder-opacity, 0.5);--padding-top:var(--nano-input-padding-top, var(--nano-input-padding, 8px));--padding-end:var(--nano-input-padding-end, var(--nano-input-padding, 8px));--padding-bottom:var(--nano-input-padding-bottom, var(--nano-input-padding, 6px));--padding-start:var(--nano-input-padding-start, var(--nano-input-padding, 8px));--color-invalid:var(--nano-color-danger-rgb, 239, 65, 53);--color--focus-rgb:var(\n      --nano-color-base-rgb,\n      var(--nano-color-primary-rgb, 0, 116, 149)\n    );--input-font-size:var(--nano-input-font-size, 0.87em);--input-text-color:var(--nano-input-text-color, #4a4a4a);--input-border-width:var(--nano-input-border-width, 1px);--input-border-hint-width:3px;--input-border-color:var(--nano-input-border-color, #e4e6e8);--input-border-radius:var(--nano-input-border-radius, 0);--input-border-style:var(--nano-input-border-style, solid) var(--nano-input-border-color, #e4e6e8);--input-border-style--focus:var(--nano-input-border-style, solid) var(--nano-input-border-color--focus, #90c6e7);--input-border-style--invalid:var(--nano-input-border-style, solid) var(--nano-input-border-color--invalid, #e4e6e8);--input-border-style--invalid-focus:var(--nano-input-border-style, solid) var(--nano-input-border-color--invalid, #ef4135);--input-bg-color:var(--nano-input-background-color, #fff);--input-bg-color--focus:var(--input-bg-color);--input-bg-color--invalid:var(--nano-input-background-color, white);--invalid-msg-color:rgba(var(--color-invalid), 1);--invalid-msg-font-size:var(--nano-input-help-font-size, 0.75em);--help-msg-color:var(--nano-input-help-color, #616d6e);--clear-btn-color:var(--nano-clear-btn-color, rgba(0, 0, 0, 0.3));--clear-btn-color--hover:rgba(var(--color--focus-rgb), 1);--clear-btn-color--invalid:rgba(var(--color-invalid), 1);--label-color:var(--nano-input-label-color, "currentColor");--label-color--focus:var(--label-color);--label-color--invalid:var(--nano-input-label-color-invalid, "currentColor");--label-font-size:var(--nano-input-label-color, 1em);--multi-input-value-bg:var(--nano-input-tag-bg, 186, 220, 240);--multi-input-value-text-color:var(--nano-input-tag-color, #455556);--multi-input-value-border:var(--nano-input-tag-color, #badcf0);position:relative;width:100%;padding:0 !important;font-family:var(--nano-font-family, inherit);display:block}.nano-color.sc-nano-select-h{--input-border-style--focus:var(--nano-input-border-style, solid) var(--nano-color-tint, var(--nano-color-primary-tint, #2689a5));--multi-input-value-bg:var(--nano-color-tint-rgb);--multi-input-value-border:var(--nano-color-shade);--multi-input-value-text-color:var(--nano-color-contrast);color:var(--nano-color-base)}nano-item.sc-nano-select-h:not(.item-label),nano-item:not(.item-label) .sc-nano-select-h{--padding-start:0}[disabled].sc-nano-select-h:not([disabled=false]) *.sc-nano-select{pointer-events:none !important}select.sc-nano-select{display:none}.select__native-input.sc-nano-select{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding:unset;padding-inline:var(--padding-start) var(--padding-end);padding-block:0;border-radius:var(--input-border-radius);text-overflow:ellipsis;color:var(--input-text-color);display:inline-block;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;overflow:hidden;cursor:default;line-height:2.5em;min-height:2.5em}.has-float-label.sc-nano-select .select__native-input.sc-nano-select{line-height:2.1em;min-height:2.1em;-webkit-padding-before:1.4em;padding-block-start:1.4em}.select__native-input.sc-nano-select::-moz-selection{background:transparent}.select__native-input.sc-nano-select::selection{background:transparent}.select__native-input.sc-nano-select::-moz-selection{background:transparent}.select__native-input.sc-nano-select::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity);line-height:inherit;min-height:initial}.select__native-input.sc-nano-select::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity);line-height:inherit;min-height:initial}.select__native-input.sc-nano-select:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity);line-height:inherit;min-height:initial}.select__native-input.sc-nano-select::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity);line-height:inherit;min-height:initial}.select__native-input.sc-nano-select::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity);line-height:inherit;min-height:initial}.select__native-input.sc-nano-select::-moz-placeholder{line-height:2.8em;text-overflow:ellipsis}.select__native-input.sc-nano-select:-webkit-autofill{background-color:transparent}.select__native-input.sc-nano-select::-webkit-search-decoration,.select__native-input.sc-nano-select::-webkit-search-cancel-button,.select__native-input.sc-nano-select::-webkit-search-results-button,.select__native-input.sc-nano-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.select__native-input.sc-nano-select:invalid{-webkit-box-shadow:none;box-shadow:none}.select__native-input.sc-nano-select::-ms-clear,.select__native-input.sc-nano-select::-ms-reveal{display:none}.select__native-input.resizable.sc-nano-select{resize:vertical;overflow:auto}.form-ctrl__textarea.sc-nano-select .select__native-input.sc-nano-select{line-height:1.5em;padding-block:var(--padding-top) var(--padding-bottom);white-space:pre-wrap}.form-ctrl__textarea.sc-nano-select .select__native-input.sc-nano-select::-webkit-input-placeholder{line-height:1.5em}.form-ctrl__textarea.sc-nano-select .select__native-input.sc-nano-select::-moz-placeholder{line-height:1.5em}.form-ctrl__textarea.sc-nano-select .select__native-input.sc-nano-select:-ms-input-placeholder{line-height:1.5em}.form-ctrl__textarea.sc-nano-select .select__native-input.sc-nano-select::-ms-input-placeholder{line-height:1.5em}.form-ctrl__textarea.sc-nano-select .select__native-input.sc-nano-select::placeholder{line-height:1.5em}.has-float-label.textarea.sc-nano-select .select__native-input.sc-nano-select{-webkit-padding-before:1.8em;padding-block-start:1.8em}.masked.sc-nano-select-h .select__native-input.sc-nano-select{opacity:0;position:absolute;inset-inline-start:0;inset-block-start:0}.select__mask.sc-nano-select{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;padding-inline:var(--padding-start) var(--padding-end);padding-block:0;border-radius:var(--input-border-radius);pointer-events:none;line-height:2.5em;min-height:2.5em}.select__multi-wrap.sc-nano-select{-webkit-padding-before:0;padding-block-start:0;-webkit-padding-end:0;padding-inline-end:0;-webkit-padding-after:var(--padding-bottom);padding-block-end:var(--padding-bottom);-webkit-padding-start:0;padding-inline-start:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden}.has-float-label.sc-nano-select-h .select__multi-wrap.sc-nano-select{-webkit-padding-before:1em;padding-block-start:1em}.select__multi-input.sc-nano-select{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;-webkit-padding-before:var(--padding-top);padding-block-start:var(--padding-top);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);-webkit-padding-after:0;padding-block-end:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);min-width:50px;width:100%;max-height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:none;display:inline-block;background:transparent;-webkit-box-flex:0;-ms-flex:0;flex:0;position:relative;min-height:calc(2.5em - var(--padding-bottom));-webkit-box-sizing:border-box;box-sizing:border-box}.select__multi-input.sc-nano-select:last-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.select__multi-value.sc-nano-select{-webkit-margin-before:var(--padding-bottom);margin-block-start:var(--padding-bottom);-webkit-margin-start:var(--padding-start);margin-inline-start:var(--padding-start);-webkit-margin-end:-3px;margin-inline-end:-3px;background:rgba(var(--multi-input-value-bg), 0.8);color:var(--multi-input-value-text-color);border:1px solid;border-color:var(--multi-input-value-border);padding:0.35em 0.5em;line-height:1;max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--input-font-size);letter-spacing:1px}.select__multi-value.sc-nano-select span.sc-nano-select{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden;line-height:1.2}.select__multi-value-remove.sc-nano-select{background-position:center;-webkit-padding-start:0.5em;padding-inline-start:0.5em;margin:0;color:inherit;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;inset-block-start:0;font-size:1em}.select__multi-value-remove.sc-nano-select nano-icon.sc-nano-select{--color:var(--multi-input-value-text-color)}.form-ctrl__float-label.sc-nano-select{width:calc(100% - (1em + var(--padding-start) * 2))}.has-focus.has-multiple.sc-nano-select-h .form-ctrl__float-label.sc-nano-select{-webkit-transform:translateY(-110%);transform:translateY(-110%);font-size:0.8em}.has-value.has-multiple.sc-nano-select-h .form-ctrl__float-label.sc-nano-select{-webkit-transform:translateY(21%);transform:translateY(21%);inset-block-start:0}.has-focus.sc-nano-select-h select.sc-nano-select,.has-focus.sc-nano-select-h a.sc-nano-select,.has-focus.sc-nano-select-h button.sc-nano-select{pointer-events:auto}';let x=0;const _=class{constructor(e){t(this,e);this.nanoChange=i(this,"nanoChange",7);this.nanoBlur=i(this,"nanoBlur",7);this.nanoFocus=i(this,"nanoFocus",7);this.nanoDidLoad=i(this,"nanoDidLoad",7);this.nanoDidUnload=i(this,"nanoDidUnload",7);this.nanoSearchChange=i(this,"nanoSearchChange",7);this.nanoValidate=i(this,"nanoValidate",7);this.valueItems=[];this.selectId=`nano-select-${x++}`;this.rtl=false;this.onInit=true;this.customError="";this._value=this.multiple?[]:"";this._options=[];this.customValidate=()=>{if(!this.nativeSelect||!!this.customError)return;this.nativeSelect.setCustomValidity("");if(this.required&&!this.valArray.length){this.nativeSelect.setCustomValidity("Please fill in this field.");return true}if(this.valArray.length&&!this.allowCustomValues&&!this.isValidValues()){this.nativeSelect.setCustomValidity("Please choose an item from this field.");return true}if(this.max&&this.valArray.length>this.max){this.nativeSelect.setCustomValidity(`Only up to ${this.max} values are allowed.`);return true}if(this.min&&this.valArray.length<this.min){this.nativeSelect.setCustomValidity(`You must select a minimum of ${this.min} values.`);return true}return false};this.showInlineValidation=t=>{if(this.validateOn==="submitThenDirty")this.validateOn="dirty";this._invalid=false;this.showErrorMsg=false;this.errorMessage="";if(!this.nativeSelect.validity.valid){this.errorMessage=this.nativeSelect.validationMessage;this._invalid=true;this.showErrorMsg=true}this.nanoValidate.emit({isValid:!this.invalid,errorMessage:this.errorMessage,originalEvent:t})};this.handleInvalid=t=>{this._invalid=true;if(this.validateOn==="submit"){this._invalid=this.showErrorMsg=this.customValidate()}if(this.showInlineError)t.preventDefault();requestAnimationFrame((()=>this.showInlineValidation(t)))};this.setValue=t=>{t.preventDefault();if(!this.multiple){this.value=t.detail.value;return}if(this.value&&this.value.length&&this.value.includes(t.detail.value))return;if(this.max&&this.value.length===this.max)return;this.currInsertIndex++;this.value=[...this.value.slice(0,this.currInsertIndex),t.detail.value,...this.value.slice(this.currInsertIndex)];this.inputSearchVal=""};this.removeValue=t=>{if(!this.multiple||!this.value.length)return;if(!t)t=this.value[this.value.length-1];this.value=this.value.filter((e=>e!==t));this.currInsertIndex--;this.setFocus()};this.setOptions=()=>{if(!this.datalist||!this.datalist.activeOptions||!this.datalist.activeOptions.length)return;this._eOptions=this.datalist.activeOptions.map((t=>{const{value:e,selected:n,label:i,filterMeta:a}=t;return{value:e,selected:n,label:i,filterMeta:a}}));this.customValidate()};this.handleDocumentKeyDown=t=>{if(!this.multiple||!this.hasFocus)return;if(!this.inputSearchVal){let e;switch(t.key){case"Backspace":if(this.inputCtrl.previousElementSibling)e=this.inputCtrl.previousElementSibling;else break;this.removeValue(e.dataset.value||null);break;case"Delete":if(this.inputCtrl.nextElementSibling)e=this.inputCtrl.nextElementSibling;else break;this.removeValue(e.dataset.value||null);break;case"ArrowLeft":case"ArrowRight":if(!this.value.length)break;if(t.key==="ArrowLeft"&&this.inputCtrl.previousSibling)this.currInsertIndex--;if(t.key==="ArrowRight"&&this.inputCtrl.nextSibling)this.currInsertIndex++;setTimeout((()=>{this.inputCtrl.focus()}),20);t.preventDefault();break}}};this.onBlur=()=>{this.hasFocus=false;requestAnimationFrame((()=>{if(this.validateOn==="dirty"&&!this.hasFocus)this.showInlineValidation()}));this.nanoBlur.emit();if(!this.allowCustomValues&&this.multiple){this.inputSearchVal="";const t=new window.Event("change");this.inputCtrl.dispatchEvent(t)}};this.onFocus=()=>{this.hasFocus=true;this.nanoFocus.emit()};this.clearSelectValue=t=>{if(this.clearSelect&&!this.readonly&&!this.disabled&&t){t.preventDefault();t.stopPropagation()}if(this.multiple){this.value=[];this.currInsertIndex=-1}else this.value="";this.inputCtrl.value="";const e=new window.Event("change");this.inputCtrl.dispatchEvent(e)};this.onClick=()=>{this.setFocus()};this.onDragStart=t=>{const e=t.target;this.dragVal=e.dataset.value};this.onDragEnd=t=>{this.dragVal=null;t.preventDefault()};this.onDragLeave=t=>{const e=t.target;const n=e.dataset&&e.dataset.value?e.dataset.value:null;if(!n||this.dragVal===n||!this.value.includes(this.dragVal)){t.preventDefault();return}const i=this.value.indexOf(n);const a=this.value.indexOf(this.dragVal);const s=this.value;const o=s[i];s[i]=s[a];s[a]=o;this.value=[...s]};this.onMultiInput=t=>{this.inputSearchVal=t.target.value.trim();this.nanoSearchChange.emit({value:t.target.value.trim()})};this.currInsertIndex=-1;this.showErrorMsg=false;this.errorMessage="";this.hasFocus=false;this.hasLabelSlot=false;this.hasHelperSlot=false;this.hasHelperEndSlot=false;this.inputSearchVal="";this._invalid=false;this.color=undefined;this.autofocus=false;this.disabled=false;this.validateOn="submitThenDirty";this.showInlineError=true;this.label=undefined;this.hideLabel=false;this.floatLabel=false;this.multiple=false;this.name=this.selectId+"-name";this.placeholder=undefined;this.readonly=false;this.required=false;this.size=undefined;this.max=undefined;this.min=undefined;this.form=undefined;this.allowCustomValues=false;this._eOptions=[];this.clearSelect=false;this.mask=false;this.debounce=0;this.dropDownConfig={};this.showInlineValidation=p(this.showInlineValidation,50)}get inputCtrl(){return this._inputCtrl}set inputCtrl(t){if(t===this._inputCtrl)return;this._inputCtrl=t;this.setDataListOpts()}get selectWrap(){return this._selectWrap}set selectWrap(t){if(this._selectWrap===t)return;this._selectWrap=t;this.setDataListOpts()}get datalist(){return this._datalist}set datalist(t){if(this._datalist===t)return;this._datalist=t;this.setDataListOpts()}get invalid(){return this._invalid}get validityMessage(){if(!this.nativeSelect)return"";return this.nativeSelect.validationMessage}get value(){return this._value}set value(t){if(typeof t==="string"){if(this.multiple)this._value=t.split(",");else this._value=t}else if(Array.isArray(t)){if(this.multiple)this._value=t;else this._value=t[0]}}get options(){if(this._options.length)return this._options;if(!this.datalist||!this.datalist.activeOptions)return[];return this._eOptions.map((t=>{const{value:e,selected:n,label:i,filterMeta:a}=t;return{value:e,selected:n,label:i,filterMeta:a}}))}set options(t){this._options=t.map((t=>{if(typeof t==="string")return{value:t,label:t};else return t}))}debounceChanged(){this.nanoSearchChange=b(this.nanoSearchChange,this.debounce)}shouldValidate(){if(this.onInit)return;if(this.invalid)this.showErrorMsg=this._invalid=false;this.customValidate();if(this.validateOn!=="dirty")return;this.showInlineValidation()}valueChanged(){this.customValidate();if(this.onInit){if(this.multiple)this.currInsertIndex=this.value.length-1;return}requestAnimationFrame((()=>{this.shouldValidate();this.nanoChange.emit({value:this.value})}))}setDataListOpts(){if(!this.datalist||!this.selectWrap)return;this.datalist.input=this.inputCtrl;const t=this.datalist.dropDownConfig||{};this.datalist.dropDownConfig={...t,...this.dropDownConfig,tetherTo:this.selectWrap}}async reportValidity(t){return new Promise((e=>{if(t){this.customValidate();this.showInlineValidation()}setTimeout((()=>{e({isValid:!this._invalid,errorMessage:this.nativeSelect.validationMessage})}),50)}))}async setFocus(){if(!this.inputCtrl)return;this.inputCtrl.focus();setTimeout((()=>this.inputCtrl.click()),50)}getSelectElement(){return Promise.resolve(this.nativeSelect)}async showError(t){if(this.nativeSelect){this.customError=t;this.nativeSelect.setCustomValidity(t);this.showInlineValidation()}}get valArray(){return typeof this.value==="string"?this.value.length?[this.value]:[]:this.value}isValidValues(){return this.valArray.find((t=>this.options.find((e=>e.value===t))))}slotChangeObserver(){const t=this.mo=new MutationObserver((()=>this.processSlottedContent()));t.observe(this.el,{childList:true,subtree:true})}processSlottedContent(){this.hasLabelSlot=!!this.el.querySelectorAll('[slot="label"]').length;this.hasHelperSlot=!!this.el.querySelector('[slot="helper"]');this.hasHelperEndSlot=!!this.el.querySelector('[slot="helper-end"]')}getLabel(t){const e=this.options.find((e=>!e.disabled&&e.value?.length&&e.value===t));return e&&e.label?e.label:t}onReset(t){const e=this.form?document.querySelector("#"+this.form):this.el.closest("form");if(!e||t.target!==this.el.closest("form"))return;this.clearSelectValue()}handleBlur(t){if(!this.hasFocus)return;const e=t;let n;requestAnimationFrame((()=>{if(e.key){if(e.key!=="Tab")return;n=h()}else n=t.target;if(l(this.el.tagName.toLowerCase(),n)!==this.el){this.onBlur()}}))}connectedCallback(){this.debounceChanged();this.el.dispatchEvent(new CustomEvent("nanoDidLoad",{detail:this.el}))}disconnectedCallback(){document.dispatchEvent(new CustomEvent("nanoDidUnload",{detail:this.el}));if(this.mo)this.mo.disconnect()}componentDidLoad(){this.slotChangeObserver();this.customValidate();this.setDataListOpts();requestAnimationFrame((()=>this.onInit=false))}componentWillLoad(){this.processSlottedContent()}render(){const t=this.selectId+"-lbl";const n=this.showInlineError||this.hasHelperSlot?this.selectId+"-moreId":"";const i=this.hasHelperEndSlot?this.selectId+"-helper":"";this.rtl=this.el.ownerDocument.dir==="rtl";this.valueItems=[];const s=(({el:t,floatLabel:e,label:n,errorMessage:i,showInlineError:a,hasHelperSlot:s,hasHelperEndSlot:o,hasLabelSlot:r,hideLabel:l,placeholder:c,rtl:h})=>({el:t,floatLabel:e,label:n,errorMessage:i,showInlineError:a,hasHelperSlot:s,hasHelperEndSlot:o,hasLabelSlot:r,hideLabel:l,placeholder:c,rtl:h}))(this);const o={...s,labelId:t,moreId:n,helperEndId:i,hasValue:!!this.value.length||!!this.inputSearchVal.length,controlId:this.selectId};const r=(({readonly:t,disabled:e})=>({readonly:t,disabled:e,clearControl:this.clearSelect}))(this);return e(a,{type:this.multiple?"select-multiple":"select-one","aria-disabled":this.disabled?"true":null,class:{...d(this.color),"has-value":!!this.value.length||!!this.inputSearchVal.length,"has-focus":this.hasFocus,"is-invalid":this.invalid,"has-label":this.label!==null&&!this.floatLabel,"has-float-label":this.label!==null&&this.floatLabel,rtl:this.rtl,"has-multiple":this.multiple,"has-clr-btn":this.clearSelect,masked:this.mask}},e(u,{...o},e(f,{...r,onClearText:this.clearSelectValue,control:this.el,ref:t=>this.selectWrap=t,endValueSlot:e("slot",{name:"down-arrow"},e("nano-icon",{slot:"value-end",name:"light/chevron-down"}))},this.multiple&&e("div",{class:"select__multi-wrap select"},this.multipleValues(t,n,i)),!this.multiple&&[this.mask&&e("div",{class:"select__mask"},this.getLabel(this.value)),e("input",{id:this.selectId,class:"select__native-input",ref:t=>this.inputCtrl=t,"aria-labelledby":t+" "+n+" "+i,disabled:this.disabled,form:this.form,placeholder:this.placeholder,readOnly:true,required:this.required,value:this.getLabel(this.value),onFocus:this.onFocus})])),!this.readonly&&!this.disabled&&e("nano-datalist",{onNanoOptionsUpdated:this.setOptions,ref:t=>this.datalist=t,selected:this.valArray,type:this.multiple?"selctMulti":"select",onNanoSelect:this.setValue,onNanoDeselect:t=>{t.preventDefault();this.removeValue(t.detail.value)},options:this._options.length?this._options:undefined},this.allowCustomValues&&this.multiple&&!!this.inputSearchVal&&e("nano-option",{slot:"list-top",value:this.inputSearchVal,selected:false,label:this.inputSearchVal,onNanoSelect:()=>this.inputCtrl.focus()},e("span",{slot:"check-icon"}),"Add '",this.inputSearchVal,"'"),e("slot",null)),e("select",{id:this.selectId+"-hidden",class:"select__native-ctrl",ref:t=>this.nativeSelect=t,"aria-labelledby":t+" "+n+" "+i,disabled:this.disabled,form:this.form,multiple:this.multiple,name:this.name,required:this.required,onInvalid:this.handleInvalid},this.allowCustomValues&&this.valArray.map((t=>e("option",{value:t,selected:true},t))),!this.allowCustomValues&&this.options.map((t=>e("option",{value:t.value,selected:this.valArray.includes(t.value),disabled:t.disabled,label:t.label},this.valArray.includes(t.value))))))}multipleValues(t,n,i){const a=e("input",{class:"select__multi-input",id:this.selectId,ref:t=>this.inputCtrl=t,readOnly:this.readonly,disabled:this.disabled,autoFocus:this.autofocus,autocomplete:"off",onKeyDown:this.handleDocumentKeyDown,onInput:this.onMultiInput,value:this.inputSearchVal,onTouchStart:this.onClick,onMouseDown:this.onClick,onFocus:this.onFocus,placeholder:this.placeholder&&!this.value.length?this.placeholder:"","aria-labelledby":t+" "+n+" "+i});if(!this.value.length)return a;return this.value.map(((t,n)=>{let i=e("span",{onDragStart:this.onDragStart,onDragLeave:this.onDragLeave,onDragEnd:this.onDragEnd,onDragOver:t=>t.preventDefault(),draggable:true,"data-value":t,ref:t=>this.valueItems.push(t),class:"select__multi-value"},e("span",null,this.getLabel(t)),e("button",{class:"select__multi-value-remove",type:"button",tabindex:"-1",onTouchEnd:()=>{this.removeValue(t)},onMouseUp:()=>{this.removeValue(t)}},e("nano-icon",{name:"light/times"})));if(n===0&&this.currInsertIndex<0)i=[a,i];else if(n===this.currInsertIndex)i=[i,a];return i}))}get el(){return s(this)}static get watchers(){return{debounce:["debounceChanged"],required:["shouldValidate"],disabled:["shouldValidate"],min:["shouldValidate"],max:["shouldValidate"],readonly:["shouldValidate"],value:["valueChanged"],dropDownConfig:["setDataListOpts"]}}};_.style=w;export{m as nano_global_nav_user_profile,g as nano_nav_item,_ as nano_select};
-//# sourceMappingURL=p-28344d24.entry.js.map

package/dist/nano-components/p-28344d24.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["src/components/global-nav/global-nav-user-profile.tsx","src/components/nav-item/nav-item.scss?tag=nano-nav-item&encapsulation=shadow","src/components/nav-item/nav-item.tsx","src/components/select/select.scss?tag=nano-select&encapsulation=scoped","src/components/select/select.tsx"],"names":["GlobalNavUserProfile","[object Object]","h","href","this","userProfileUrl","class","src","myAccountUser","small_avatar_url","alt","height","width","is_nanopore_user","getAssetPath","name","job_title","company","slot","aria-label","navItemCss","NavItem","hasSecondarySlot","hasAnchorEle","didBlur","animating","closeSecondary","async","open","didOpen","nanoClosing","emit","secondaryMenu","secondaryDiv","status","displayTransition","openSecondary","window","innerWidth","secondaryActiveWidth","secondaryFallback","call","nanoOpening","toggleSecondary","handleFocus","hasFocus","nanoFocus","handleHostBlur","el","removeAttribute","nanoBlur","handleHostClick","ev","foundlink","target","closest","btn","click","handleMouseEnter","globalNavEle","classList","contains","timeToWait","getSiblings","length","clearTimeout","waitHide","fromHover","waitShow","setTimeout","handleMouseLeave","handleClick","querySelector","blur","closeOnBlur","relatedTarget","foundThisNavEle","focus","preventScroll","removeEventListener","nanoClose","panelio","IntersectionObserver","data","boundingClientRect","top","scrollIntoView","behavior","disconnect","threshold","observe","addEventListener","tabIndex","nanoOpen","found","parentElement","secondaryEle","link","getDirectChildren","isInGlobalNav","isInMenuDrawer","isInMenu","Host","has-secondary","secondary-open","selected","has-focus","disabled","nano-global-nav","nano-menu-drawer","nano-menu","onBlur","dir","ownerDocument","onMouseEnter","onMouseLeave","onClick","role","nav-item","ref","a","onFocus","notification","div","tabindex","selectCss","selectIds","Select","hostRef","valueItems","selectId","rtl","onInit","customError","_value","multiple","_options","customValidate","nativeSelect","setCustomValidity","required","valArray","allowCustomValues","isValidValues","max","min","showInlineValidation","validateOn","_invalid","showErrorMsg","errorMessage","validity","valid","validationMessage","nanoValidate","isValid","invalid","originalEvent","handleInvalid","showInlineError","preventDefault","requestAnimationFrame","setValue","e","value","detail","includes","currInsertIndex","slice","inputSearchVal","removeValue","toFind","filter","val","setFocus","setOptions","datalist","activeOptions","_eOptions","map","ao","label","filterMeta","handleDocumentKeyDown","rm","key","inputCtrl","previousElementSibling","dataset","nextElementSibling","previousSibling","nextSibling","event","Event","dispatchEvent","clearSelectValue","clearSelect","readonly","stopPropagation","onDragStart","ele","dragVal","onDragEnd","onDragLeave","spanVal","to","indexOf","from","tmpArr","tmpVal","onMultiInput","trim","nanoSearchChange","debounce","_inputCtrl","input","setDataListOpts","selectWrap","_selectWrap","_datalist","validityMessage","split","Array","isArray","options","opts","opt","debounceEvent","shouldValidate","nanoChange","currDWConfig","dropDownConfig","tetherTo","validateFirst","Promise","resolve","message","find","mo","MutationObserver","processSlottedContent","childList","subtree","hasLabelSlot","querySelectorAll","hasHelperSlot","hasHelperEndSlot","form","document","kev","getActiveElement","closestElement","tagName","toLowerCase","debounceChanged","CustomEvent","slotChangeObserver","labelId","moreId","helperEndId","compWrapOptions","floatLabel","hideLabel","placeholder","wrapOptions","hasValue","controlId","controlOptions","clearControl","type","aria-disabled","createColorClasses","color","has-value","is-invalid","has-label","has-float-label","has-multiple","has-clr-btn","masked","mask","FormControlWrap","FormControl","onClearText","control","endValueSlot","multipleValues","getLabel","id","aria-labelledby","readOnly","onNanoOptionsUpdated","onNanoSelect","onNanoDeselect","undefined","select","onInvalid","autoFocus","autofocus","autocomplete","onKeyDown","onInput","onTouchStart","onMouseDown","i","toReturn","onDragOver","draggable","data-value","span","push","onTouchEnd","onMouseUp"],"mappings":"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","sourcesContent":["import {\n  Component,\n  h,\n  Prop,\n  getAssetPath,\n  ComponentInterface,\n} from '@stencil/core';\nimport { MyAccountUser } from './global-nav-interface';\n\n/**\n * Nanopore digital global navigation user profile.\n */\n@Component({\n  tag: 'nano-global-nav-user-profile',\n  assetsDirs: ['assets'],\n})\nexport class GlobalNavUserProfile implements ComponentInterface {\n  /**\n   * Logged in user details automatically populated from MyAccount\n   */\n  @Prop() myAccountUser: MyAccountUser = null;\n\n  /**\n   * Link to the user profile\n   */\n  @Prop() userProfileUrl: string = '';\n\n  // Render output\n\n  render() {\n    return (\n      <a href={this.userProfileUrl} class=\"user-profile\">\n        <div class=\"left\">\n          <div class=\"avatar-container\">\n            <img\n              class=\"avatar\"\n              src={this.myAccountUser.small_avatar_url}\n              alt=\"User Avatar\"\n              height={75}\n              width={75}\n            />\n            {this.myAccountUser.is_nanopore_user && (\n              <img\n                class=\"logo-small\"\n                src={getAssetPath(`./assets/ont-wheel-light.svg`)}\n                alt=\"Nanopore Logo\"\n              />\n            )}\n          </div>\n\n          <div class=\"user-details\">\n            <span class=\"name\">{this.myAccountUser.name}</span>\n\n            <span class=\"bio\">\n              {this.myAccountUser.job_title} at {this.myAccountUser.company}\n            </span>\n          </div>\n        </div>\n\n        <div class=\"right\">\n          <div class=\"chevron-right\">\n            <nano-icon\n              slot=\"icon-end\"\n              name=\"light/chevron-right\"\n              aria-label=\"navigate to ...\"\n            ></nano-icon>\n          </div>\n        </div>\n      </a>\n    );\n  }\n}\n","@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/form';\n\n:host {\n  // These can be overwritten, but are automatically set from context components\n\n  // --padding-top: inherit;\n  // --padding-bottom: inherit;\n  // --padding-start: inherit;\n  // --padding-end: inherit;\n  // --margin: inherit;\n\n  // --secondary-padding-top: inherit;\n  // --secondary-padding-bottom: inherit;\n  // --secondary-padding-start: inherit;\n  // --secondary-padding-end: inherit;\n\n  // --border-bottom: inherit;\n  // --icon-size: inherit;\n\n  // --color: inherit;\n  // --color-hover: inherit;\n  // --color-focus: inherit;\n  // --color-selected: inherit;\n  // --color-open: inherit;\n\n  // --bg-color: inherit;\n  // --bg-color-hover: inherit;\n  // --bg-color-selected: inherit;\n  // --bg-color-open: inherit;\n  // --bg-color-focus: inherit;\n\n  // --secondary-bg-color: inherit;\n  // --secondary-color: inherit;\n\n  opacity: inherit;\n  display: block;\n  color: var(--color) !important;\n  margin: var(--margin);\n\n  ::slotted(*),\n  * {\n    box-sizing: border-box;\n  }\n\n  ::slotted(button),\n  button {\n    background: none;\n    border: none;\n    margin: 0;\n  }\n\n  ::slotted(button),\n  ::slotted(a),\n  ::slotted(a:visited),\n  button,\n  a,\n  a:visited {\n    @include text-inherit();\n\n    padding-inline: var(--padding-start) var(--padding-end);\n    padding-block: var(--padding-top) var(--padding-bottom);\n    display: var(--display, block);\n    white-space: nowrap;\n    color: var(--color) !important;\n    background-color: var(--bg-color);\n  }\n\n  ::slotted(nano-icon[slot='icon-start']) {\n    padding-inline-end: var(--padding-end);\n  }\n\n  ::slotted(nano-icon[slot='icon-end']) {\n    padding-inline-start: var(--padding-start);\n  }\n\n  .link {\n    ::slotted(nano-icon[slot='icon-start']) {\n      padding-inline-start: var(--padding-start);\n      padding-inline-end: 0;\n    }\n\n    ::slotted(nano-icon[slot='icon-end']) {\n      padding-inline-end: var(--padding-end);\n      padding-inline-start: 0;\n    }\n  }\n\n  .link,\n  button,\n  a {\n    border-block-end: var(--border-bottom);\n    display: flex;\n    align-items: center;\n  }\n\n  .secondary-menu {\n    display: none;\n  }\n\n  ::slotted(a:hover),\n  ::slotted(button:hover),\n  .link:hover,\n  button:hover,\n  a:hover {\n    text-decoration: inherit !important;\n  }\n\n  button:focus,\n  a:focus {\n    color: var(--color-focus, var(--color-hover, var(--color))) !important;\n    background-color:\n      var(\n        --bg-color-focus,\n        var(--bg-color-hover, var(--bg-color))\n      );\n    outline: var(--focus-outline, none);\n  }\n\n  ::slotted(a:focus),\n  ::slotted(button:focus) {\n    color: var(--color-focus, var(--color-hover, var(--color))) !important;\n    background-color:\n      var(\n        --bg-color-focus,\n        var(--bg-color-hover, var(--bg-color))\n      );\n    outline: none;\n  }\n}\n\n.nav-item {\n  &.selected {\n    .link,\n    button,\n    a {\n      color: var(--color-selected, var(--color-open, var(--color))) !important;\n      background-color:\n        var(\n          --bg-color-selected,\n          var(--bg-color-open, var(--bg-color))\n        );\n    }\n  }\n\n  &.secondary-open {\n    button,\n    a {\n      color: var(--color-open, var(--color-selected, var(--color))) !important;\n      background-color:\n        var(\n          --bg-color-open,\n          var(--secondary-bg-color, var(--bg-color-selected, var(--bg-color)))\n        );\n    }\n  }\n\n  &.disabled {\n    opacity: 0.6;\n\n    button,\n    a {\n      color: var(--color-disabled, var(--color)) !important;\n    }\n  }\n\n  &:not(.nano-menu) {\n    ::slotted(a:hover),\n    ::slotted(button:hover),\n    .link:hover,\n    button:hover,\n    a:hover {\n      color: var(--color-hover, var(--color-hover, var(--color))) !important;\n      background-color:\n        var(\n          --bg-color-hover,\n          var(--bg-color-focus, var(--bg-color))\n        );\n    }\n  }\n}\n\n:host(.has-focus) {\n  .link {\n    color: var(--color-focus, var(--color-hover, var(--color))) !important;\n    background-color:\n      var(\n        --bg-color-focus,\n        var(--bg-color-hover, var(--bg-color))\n      );\n    outline: var(--focus-outline, 5px auto -webkit-focus-ring-color);\n  }\n}\n\n:host(.nano-global-nav-menu),\n:host(.nano-menu) {\n  a,\n  a:visited,\n  button,\n  .link {\n    display: flex;\n    justify-content: flex-start;\n    flex-direction: row;\n    align-items: center;\n    color: 'currentColor';\n    text-decoration: inherit;\n    white-space: normal;\n    cursor: pointer;\n    line-height: 1.2;\n    width: 100%;\n  }\n\n  .text {\n    padding-inline-start: 0;\n    padding-inline-end: var(--padding-end);\n    flex: 1;\n  }\n\n  ::slotted(a),\n  ::slotted(button) {\n    flex: 1;\n  }\n\n  ::slotted(a:focus),\n  ::slotted(button:focus) {\n    box-shadow: none;\n  }\n\n  .secondary-menu {\n    display: none;\n    position: absolute;\n    color: var(--secondary-color, 'currentColor');\n    min-height: 100%;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    z-index: 1;\n    opacity: 0;\n    transition: opacity 0.2s ease, transform 0.3s ease;\n    background-color: var(--secondary-bg-color, white);\n    transform: translateX(100%);\n\n    &:focus {\n      outline: none;\n    }\n\n    &.open {\n      opacity: 1;\n      transform: translateX(0);\n      transition: opacity 0.3s ease, transform 0.2s ease;\n    }\n  }\n}\n\n:host(.nano-global-nav-menu) {\n  ::slotted(nano-icon[slot='icon-start']) {\n    padding-inline: 0 var(--padding-end);\n    padding-block: 0;\n  }\n\n  ::slotted(nano-icon[slot='icon-end']) {\n    padding-inline: 0 var(--padding-end);\n    padding-block: 0;\n    font-size: 10px;\n    flex: 0 0 10px;\n    pointer-events: none;\n  }\n\n  button,\n  a {\n    ::slotted(nano-icon[slot='icon-end']) {\n      padding: 0;\n    }\n  }\n}\n\n:host(.nano-global-nav-menu[dir='rtl']),\n:host(.nano-menu[dir='rtl']) {\n  .secondary-menu {\n    transform: translateX(-100%);\n\n    &.open {\n      transform: translateX(0);\n    }\n  }\n}\n\n:host(.nano-menu) {\n  .secondary-menu-content {\n    padding-inline: var(--secondary-padding-start) var(--secondary-padding-end);\n    padding-block: var(--secondary-padding-top) var(--secondary-padding-bottom);\n  }\n}\n\n:host(.nano-global-nav-bar) {\n  .link,\n  a,\n  button {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n  }\n\n  .text {\n    flex: 1 0 auto;\n  }\n\n  ::slotted(nano-icon[slot='icon-end']) {\n    margin-inline: var(--padding-end) 0;\n    margin-block: 0;\n  }\n\n  ::slotted(nano-icon[slot='icon-start']) {\n    margin-inline: 0 var(--padding-start);\n    margin-block: 0;\n  }\n}\n\n:host(.nano-global-nav-bar.has-secondary) {\n  button {\n    position: relative;\n\n    &::before {\n      content: '';\n      background-color: rgb(12, 90, 113);\n      height: 9px;\n      inset-inline: 0 5px;\n      inset-block-end: -24px;\n      position: absolute;\n      transform: translateZ(0) scaleX(0);\n      transform-origin: 0;\n      transition: 0.2s ease transform;\n    }\n  }\n\n  .selected button::before,\n  .secondary-open button::before {\n    transform: translateZ(0) scaleX(1);\n  }\n\n  .secondary-open button::before {\n    opacity: 0.7;\n  }\n\n  .secondary-menu {\n    display: none;\n    transition: transform 0.3s ease;\n    transform: translateY(-100%) translateZ(0);\n    background-color: var(--secondary-bg-color, #196c82);\n    color: var(--secondary-color);\n    position: absolute;\n    box-shadow: 0 1px 25px 0 rgba(0, 0, 0, 0.15);\n    inset-inline: 0;\n    z-index: -2;\n    outline: none;\n\n    &.open {\n      transform: translateY(12px) translateZ(0);\n    }\n  }\n}\n\n:host(.nano-menu-drawer) {\n  .link,\n  a,\n  button {\n    padding-block-start: calc(var(--padding-top) / 2);\n    padding-inline-end: 0;\n    padding-block-end: calc(var(--padding-bottom) / 2);\n    padding-inline-start: var(--padding-start);\n    display: flex;\n    justify-content: flex-start;\n    flex-direction: row;\n    align-items: center;\n    color: currentColor;\n    text-decoration: inherit;\n    white-space: normal;\n    border: none;\n    cursor: pointer;\n    line-height: 1.2;\n    width: 100%;\n  }\n\n  .text {\n    padding-inline-end: var(--padding-end);\n    padding-inline-start: 0;\n    text-align: start;\n    flex: 0 1 auto;\n    min-width: 130px;\n    width: 130px;\n  }\n\n  ::slotted(nano-icon[slot='icon-start']) {\n    padding-inline: 0 var(--padding-end);\n    padding-block: 0;\n    font-size: var(--icon-size);\n    width: var(--icon-size);\n    flex: 0 0 var(--icon-size);\n  }\n\n  ::slotted(nano-icon[slot='icon-end']) {\n    padding: 0 var(--padding-end) 0 0;\n    font-size: 10px;\n    flex: 0 0 20px;\n    min-width: 20px;\n  }\n\n  .secondary-menu {\n    display: none;\n    position: absolute;\n    background-color: var(--secondary-bg-color);\n    color: var(--secondary-color);\n    height: 100vh;\n    inset-inline: auto 0;\n    inset-block: 0;\n    transform: translateX(0);\n    z-index: -1;\n    transition: transform 0.3s ease, opacity 0.2s ease;\n    overflow-y: auto;\n    width: var(--secondary-width, 400px);\n    max-width: 62vw;\n    opacity: 1;\n    padding-inline: var(--secondary-padding-start, var(--padding-start)) var(--secondary-padding-end, var(--padding-end));\n    padding-block: var(--secondary-padding-top, var(--padding-top)) var(--secondary-padding-bottom, var(--padding-bottom));\n\n    &:focus {\n      outline: none;\n    }\n\n    &.open {\n      transform: translateX(100%);\n      // opacity: 1;\n    }\n  }\n\n  .notification {\n    position: relative;\n\n    &::after {\n      content: '';\n      display: block;\n      position: absolute;\n      width: 6px;\n      height: 6px;\n      background-color: #ef4135;\n      inset-inline-start: 10px;\n      inset-block-start: 7px;\n      border-radius: 50%;\n\n      @media (min-width: 52em) {\n        width: 7px;\n        height: 7px;\n        inset-inline-start: 8px;\n        inset-block-start: 5px;\n      }\n    }\n  }\n}\n\n:host(.nano-menu-drawer[dir='rtl']) {\n  .secondary-menu {\n    transform: translateX(0%);\n\n    &.open {\n      transform: translateX(-100%);\n      opacity: 1;\n    }\n  }\n}\n","import {\n  Component,\n  h,\n  Host,\n  Element,\n  Prop,\n  Watch,\n  EventEmitter,\n  Event,\n  State,\n  Method,\n  ComponentInterface,\n} from '@stencil/core';\nimport { getDirectChildren, getSiblings } from '../../utils/dom';\nimport { displayTransition } from '../../utils/transitions';\nimport type { NavItemEventDetail } from '../../interface';\n\n/**\n * Nav items to be used with the various nav items.\n * [Globla-Nav](/story/compounds-global-nav)\n * [Menu-Drawer](/story/components-menu-drawer)\n * [Dropdown](/story/components-dropdown)\n */\n@Component({\n  tag: 'nano-nav-item',\n  styleUrl: 'nav-item.scss',\n  shadow: true,\n})\nexport class NavItem implements ComponentInterface {\n  private hasSecondarySlot: boolean = false;\n  private hasAnchorEle: boolean = false;\n  private secondaryDiv: HTMLDivElement;\n  private btn: HTMLButtonElement | HTMLAnchorElement;\n  private didBlur: boolean = false;\n  private fromHover: boolean;\n  private animating: boolean = false;\n  private waitHide: number;\n  private waitShow: number;\n  private globalNavEle?: HTMLNanoGlobalNavElement;\n\n  @State() didOpen: boolean = false;\n  @State() isInGlobalNav: boolean = false;\n  @State() isInMenuDrawer: boolean = false;\n  @State() isInMenu: boolean = false;\n  @State() hasFocus: boolean = false;\n  @Element() private el: HTMLNanoNavItemElement;\n\n  /**\n   * Href to link to\n   */\n  @Prop({ mutable: true }) href: string = null;\n\n  /**\n   * Target to use for links\n   */\n  @Prop() target: '_self' | '_blank' | '_parent' | '_top' = '_self';\n\n  /**\n   * Disable the nav item\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * Whether a secondary menu should be or is currently open\n   */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /**\n   * Whether this menu item is currently 'selected'\n   */\n  @Prop({ reflect: true }) selected: boolean = false;\n\n  /**\n   * Screen pixel width to activate the secondary menu\n   */\n  @Prop() secondaryActiveWidth: number = 0;\n\n  /**\n   * Secondary fallback function for when the secondary menu is no longer active.\n   */\n  @Prop() secondaryFallback = () => {};\n\n  /**\n   * Whether secondary menus should close on blur\n   */\n  @Prop() closeOnBlur: boolean = true;\n\n  /**\n   * Will show an indicator badge - only when placed in a nano-menu-draw\n   */\n  @Prop() notification: boolean = false;\n\n  /**\n   * Emitted when the nav item closes it's secondary navigation.\n   */\n  @Event() nanoClose!: EventEmitter<NavItemEventDetail>;\n\n  /**\n   * Emitted when the nav item opens it's secondary navigation.\n   */\n  @Event() nanoOpen!: EventEmitter<NavItemEventDetail>;\n\n  /**\n   * Emitted when the nav item is about to open it's secondary navigation.\n   */\n  @Event() nanoOpening!: EventEmitter<NavItemEventDetail>;\n\n  /**\n   * Emitted when the nav item is about to close it's secondary navigation.\n   */\n  @Event() nanoClosing!: EventEmitter<NavItemEventDetail>;\n\n  /**\n   * Emitted when the nav item loses focus.\n   */\n  @Event() nanoBlur!: EventEmitter<void>;\n\n  /**\n   * Emitted when the nav item has focus.\n   */\n  @Event() nanoFocus!: EventEmitter<void>;\n\n  /**\n   * Sets focus on the first button or anchor present. Use this method instead of the global\n   * `element.focus()`.\n   */\n  @Method()\n  async setFocus() {\n    if (!this.btn) return;\n    this.btn.focus();\n  }\n\n  /**\n   * Public open watcher\n   */\n  @Watch('open')\n  openChange() {\n    this.open ? this.openSecondary() : this.closeSecondary();\n  }\n\n  /**\n   * Internal open watcher\n   */\n  @Watch('didOpen')\n  didOpenChange() {\n    if (!this.hasSecondarySlot) return;\n\n    if (!this.didOpen) {\n      /* the secondadry panel is not closing via hover,\n      remove blur events, add focus back to originating button */\n      if (!this.fromHover) {\n        this.btn.removeEventListener('focusout', this.blur);\n        this.secondaryDiv.removeEventListener('focusout', this.blur);\n      }\n      setTimeout(() => {\n        if (!this.fromHover && !this.didBlur)\n          this.btn.focus({ preventScroll: true });\n        this.nanoClose.emit({ secondaryMenu: this.secondaryDiv });\n      }, 50);\n    } else {\n      this.didBlur = false;\n\n      /* the secondadry panel is not opening via hover,\n      scroll content into view, focus on it and add blur events */\n      if (!this.fromHover) {\n        const panelio = new (window as any).IntersectionObserver(\n          (data: IntersectionObserverEntry[]) => {\n            if (data[0].boundingClientRect.top < 0) {\n              this.secondaryDiv.scrollIntoView({\n                behavior: 'smooth',\n              });\n            }\n            panelio.disconnect();\n          },\n          { threshold: 1 }\n        );\n        panelio.observe(this.secondaryDiv);\n        this.secondaryDiv.focus({ preventScroll: true });\n\n        this.btn.addEventListener('focusout', this.blur);\n        this.secondaryDiv.addEventListener('focusout', this.blur);\n        window.addEventListener('blur', this.blur);\n\n        this.el.tabIndex = -1;\n        this.nanoOpen.emit({ secondaryMenu: this.secondaryDiv });\n      }\n    }\n  }\n\n  private closeSecondary = async () => {\n    this.open = false;\n    if (!this.hasSecondarySlot || !this.didOpen) return;\n\n    this.nanoClosing.emit({ secondaryMenu: this.secondaryDiv });\n    const status = await displayTransition(this.secondaryDiv, 'open', false);\n    this.didOpen = status !== 'hidden';\n  };\n\n  private openSecondary = async () => {\n    if (window.innerWidth < this.secondaryActiveWidth) {\n      this.secondaryFallback.call(this);\n      return;\n    }\n    this.open = true;\n    if (!this.hasSecondarySlot || this.didOpen) return;\n\n    this.nanoOpening.emit({ secondaryMenu: this.secondaryDiv });\n    const status = await displayTransition(this.secondaryDiv, 'open', true);\n    this.didOpen = status === 'shown';\n  };\n\n  private toggleSecondary = () => {\n    if (!this.hasSecondarySlot) return;\n    if (this.didOpen) this.closeSecondary();\n    else this.openSecondary();\n  };\n\n  private handleFocus = () => {\n    this.hasFocus = true;\n    // opens secondary panel when activated via hover\n    if (this.href && !this.animating && this.hasSecondarySlot)\n      this.openSecondary();\n    this.nanoFocus.emit();\n  };\n\n  private handleHostBlur = () => {\n    if (this.animating) return;\n\n    // tab index is added to host when secondary panel opens\n    // to return focus after secondary panel closes. Remove now if it was added\n    this.el.removeAttribute('tabindex');\n    this.hasFocus = false;\n    this.nanoBlur.emit();\n  };\n\n  // direct host clicks to internal button\n  private handleHostClick = (ev: MouseEvent) => {\n    if (!this.hasAnchorEle) return;\n    const foundlink = (ev.target as HTMLElement).closest('a, button');\n    if (!foundlink) this.btn.click();\n  };\n\n  // handles secondary menu hover behaviour.\n  private handleMouseEnter = async () => {\n    if (\n      !this.href ||\n      this.animating ||\n      !this.hasSecondarySlot ||\n      (this.globalNavEle && !this.globalNavEle.classList.contains('ready'))\n    )\n      return;\n\n    // if there are sibling secondary panels currently open,\n    // we need to wait before opening otherwise we get unwanted overlapping\n    let timeToWait = 0;\n    if (getSiblings(this.el, '.secondary-open.has-secondary').length)\n      timeToWait = 300;\n\n    clearTimeout(this.waitHide);\n    this.fromHover = true;\n    this.animating = true;\n    this.waitShow = window.setTimeout(\n      async () => await this.openSecondary(),\n      timeToWait\n    );\n    this.animating = false;\n  };\n\n  // handles secondary menu hover-out behaviour.\n  private handleMouseLeave = () => {\n    if (!this.href) return;\n    clearTimeout(this.waitShow);\n    this.fromHover = true;\n    this.animating = true;\n\n    // prevent closing immediately - makes navigating to items within more forgiving\n    this.waitHide = window.setTimeout(\n      async () => await this.closeSecondary(),\n      300\n    );\n    this.animating = false;\n  };\n\n  private handleClick = () => {\n    this.fromHover = false;\n    if (this.hasSecondarySlot) this.toggleSecondary();\n    else this.el.querySelector<HTMLElement>('*')?.click();\n  };\n\n  // utility to traverse up, to see if element is nested within current nav-item\n  private foundThisNavEle(el: HTMLElement): boolean {\n    let found = el.closest('nano-nav-item');\n    found = found === el ? el.parentElement.closest('nano-nav-item') : found;\n\n    if (!found) return false;\n    if (found === this.el) return true;\n    return this.foundThisNavEle(found);\n  }\n\n  private blur = (ev: FocusEvent) => {\n    if (!this.didOpen || this.animating) return;\n    if (!this.closeOnBlur) return;\n\n    // if event is associated with this element don't close\n    if (ev && ev.relatedTarget) {\n      if (\n        ev.relatedTarget === this.el ||\n        ev.relatedTarget === this.btn ||\n        this.foundThisNavEle(ev.relatedTarget as HTMLElement)\n      ) {\n        this.secondaryDiv.focus({ preventScroll: true });\n        return;\n      }\n    }\n\n    this.btn.removeEventListener('focusout', this.blur);\n    this.secondaryDiv.removeEventListener('focusout', this.blur);\n    window.removeEventListener('blur', this.blur);\n\n    this.didBlur = true;\n\n    this.open = false;\n    if (!ev.relatedTarget)\n      setTimeout(() => {\n        this.el.focus({ preventScroll: true });\n      }, 50);\n  };\n\n  componentWillLoad() {\n    const secondaryEle = this.el.querySelector('[slot=\"secondary\"]');\n    this.hasSecondarySlot = !!secondaryEle;\n\n    const link = getDirectChildren(this.el, 'a, button')[0] as\n      | HTMLAnchorElement\n      | HTMLButtonElement;\n    this.hasAnchorEle = !!link;\n\n    if (link) {\n      this.href = (link as HTMLAnchorElement).href\n        ? (link as HTMLAnchorElement).href\n        : null;\n      this.btn = link;\n      if (this.hasSecondarySlot)\n        this.btn.addEventListener('click', this.toggleSecondary);\n\n      this.btn.addEventListener('focus', this.handleFocus);\n      this.btn.addEventListener('blur', this.handleHostBlur);\n    }\n  }\n\n  connectedCallback() {\n    this.isInGlobalNav = false;\n    this.isInMenuDrawer = false;\n    this.globalNavEle = this.el.closest('nano-global-nav');\n\n    this.isInMenuDrawer = !!this.el.closest('nano-menu-drawer');\n    this.isInMenu = !!this.el.closest('nano-menu');\n    this.isInGlobalNav =\n      this.el.parentElement === this.globalNavEle ||\n      !!this.el.closest('.global-nav');\n  }\n\n  render() {\n    return (\n      <Host\n        class={{\n          'has-secondary': this.hasSecondarySlot,\n          'secondary-open': this.open,\n          selected: this.selected,\n          'has-focus': this.hasFocus,\n          disabled: this.disabled,\n          'nano-global-nav': this.isInGlobalNav,\n          'nano-menu-drawer': this.isInMenuDrawer,\n          'nano-menu': this.isInMenu,\n        }}\n        onBlur={this.handleHostBlur}\n        dir={(this.el.ownerDocument as Document).dir === 'rtl' ? 'rtl' : null}\n        onMouseEnter={this.handleMouseEnter}\n        onMouseLeave={this.handleMouseLeave}\n        onClick={this.handleHostClick}\n        role=\"menuitem\"\n      >\n        <div\n          class={{\n            'nav-item': true,\n            'secondary-open': this.open,\n            selected: this.selected,\n          }}\n        >\n          {this.href && !this.hasAnchorEle && !this.disabled && (\n            <a\n              target={this.target}\n              ref={(a) => (this.btn = a)}\n              href={this.href}\n              onFocus={this.handleFocus}\n              class={{\n                notification: this.notification,\n              }}\n            >\n              <slot name=\"icon-start\" />\n              <span class=\"text\">\n                <slot />\n              </span>\n              <slot name=\"icon-end\" />\n            </a>\n          )}\n          {((!this.hasAnchorEle && !this.href) || this.disabled) && (\n            <button\n              ref={(btn) => (this.btn = btn)}\n              onClick={this.handleClick}\n              onFocus={this.handleFocus}\n              disabled={this.disabled}\n              class={{\n                notification: this.notification,\n              }}\n            >\n              <slot name=\"icon-start\" />\n              <span class=\"text\">\n                <slot />\n              </span>\n              <slot name=\"icon-end\" />\n            </button>\n          )}\n          {this.hasAnchorEle && !this.disabled && (\n            <div class=\"link\">\n              <slot name=\"icon-start\" />\n              <slot />\n              <slot name=\"icon-end\" />\n            </div>\n          )}\n          {this.hasSecondarySlot && !this.disabled && (\n            <div\n              class=\"secondary-menu\"\n              ref={(div) => (this.secondaryDiv = div)}\n              tabindex=\"-1\"\n            >\n              <div class=\"secondary-menu-content\">\n                <slot name=\"secondary\" />\n              </div>\n              <div\n                class=\"secondary-menu-mask\"\n                onClick={this.closeSecondary}\n              ></div>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n","@import '../../global/style/utilities/globals';\n@import '../../global/style/nano-theme/form';\n@import '../../global/style/nano-theme/layers';\n@import '../form-control/form-control';\n@import '../form-control/form-control-vars';\n\n:host {\n  @include formControlVars;\n\n  position: relative;\n  width: 100%;\n  padding: 0 !important;\n  font-family: $font-family-base;\n  display: block;\n}\n\n:host(.nano-color) {\n  --input-border-style--focus: #{$input-border-style} var(--nano-color-tint, #{nano-color(primary, tint)});\n  --multi-input-value-bg: var(--nano-color-tint-rgb);\n  --multi-input-value-border: var(--nano-color-shade);\n  --multi-input-value-text-color: var(--nano-color-contrast);\n\n  color: current-color(base);\n}\n\n:host-context(nano-item:not(.item-label)) {\n  --padding-start: 0;\n}\n\n:host([disabled]:not([disabled='false'])) {\n  * {\n    pointer-events: none !important;\n  }\n}\n\nselect {\n  display: none;\n}\n\n.select__native-input {\n  @include text-inherit();\n\n  padding: unset;\n  padding-inline: var(--padding-start) var(--padding-end);\n  padding-block: 0;\n  border-radius: var(--input-border-radius);\n  text-overflow: ellipsis;\n  color: var(--input-text-color);\n  display: inline-block;\n  flex: 1;\n  width: 100%;\n  max-width: 100%;\n  max-height: 100%;\n  border: 0;\n  outline: none;\n  background: transparent;\n  appearance: none;\n  margin: 0;\n  box-sizing: border-box;\n  resize: none;\n  overflow: hidden;\n  cursor: default;\n  line-height: 2.5em;\n  min-height: 2.5em;\n\n  .has-float-label & {\n    line-height: 2.1em;\n    min-height: 2.1em;\n    padding-block-start: 1.4em;\n  }\n\n  &::selection {\n    background: transparent;\n  }\n\n  &::-moz-selection {\n    background: transparent;\n  }\n\n  &::placeholder {\n    color: var(--placeholder-color);\n    font-family: inherit;\n    font-style: var(--placeholder-font-style);\n    font-weight: var(--placeholder-font-weight);\n    opacity: var(--placeholder-opacity);\n    line-height: inherit;\n    min-height: initial;\n  }\n\n  &::-moz-placeholder {\n    line-height: 2.8em;\n    text-overflow: ellipsis;\n  }\n\n  &:-webkit-autofill {\n    background-color: transparent;\n  }\n\n  &::-webkit-search-decoration,\n  &::-webkit-search-cancel-button,\n  &::-webkit-search-results-button,\n  &::-webkit-search-results-decoration {\n    appearance: none;\n  }\n\n  &:invalid {\n    box-shadow: none;\n  }\n\n  &::-ms-clear,\n  &::-ms-reveal {\n    display: none;\n  }\n\n  &.resizable {\n    resize: vertical;\n    overflow: auto;\n  }\n\n  .form-ctrl__textarea & {\n    line-height: 1.5em;\n    padding-block: var(--padding-top) var(--padding-bottom);\n    white-space: pre-wrap;\n\n    &::placeholder {\n      line-height: 1.5em;\n    }\n  }\n\n  .has-float-label.textarea & {\n    padding-block-start: 1.8em;\n  }\n\n  :host(.masked) & {\n    opacity: 0;\n    position: absolute;\n    inset-inline-start: 0;\n    inset-block-start: 0;\n  }\n}\n\n.select__mask {\n  @include text-inherit();\n\n  padding-inline: var(--padding-start) var(--padding-end);\n  padding-block: 0;\n  border-radius: var(--input-border-radius);\n  pointer-events: none;\n  line-height: 2.5em;\n  min-height: 2.5em;\n}\n\n// multi stuff\n\n.select__multi {\n  &-wrap {\n    padding-block-start: 0;\n    padding-inline-end: 0;\n    padding-block-end: var(--padding-bottom);\n    padding-inline-start: 0;\n    display: flex;\n    flex: 1;\n    flex-wrap: wrap;\n    overflow: hidden;\n\n    :host(.has-float-label) & {\n      padding-block-start: 1em;\n    }\n  }\n\n  &-input {\n    @include text-inherit();\n\n    padding-block-start: var(--padding-top);\n    padding-inline-end: var(--padding-end);\n    padding-block-end: 0;\n    padding-inline-start: var(--padding-start);\n    min-width: 50px;\n    width: 100%;\n    max-height: 100%;\n    appearance: none;\n    border: 0;\n    outline: none;\n    display: inline-block;\n    background: transparent;\n    flex: 0;\n    position: relative;\n    min-height: calc(2.5em - var(--padding-bottom));\n    box-sizing: border-box;\n\n    &:last-child {\n      flex: 1;\n    }\n  }\n\n  &-value {\n    margin-block-start: var(--padding-bottom);\n    margin-inline-start: var(--padding-start);\n    margin-inline-end: -3px;\n    background: rgba(var(--multi-input-value-bg), 0.8);\n    color: var(--multi-input-value-text-color);\n    border: 1px solid;\n    border-color: var(--multi-input-value-border);\n    padding: 0.35em 0.5em;\n    line-height: 1;\n    max-width: 100%;\n    display: flex;\n    align-items: center;\n    font-size: var(--input-font-size);\n    letter-spacing: 1px;\n\n    span {\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      max-width: 100%;\n      overflow: hidden;\n      line-height: 1.2;\n    }\n  }\n\n  &-value-remove {\n    @include background-position(center);\n\n    padding-inline-start: 0.5em;\n    margin: 0;\n    color: inherit;\n    border: 0;\n    outline: none;\n    background-color: transparent;\n    background-repeat: no-repeat;\n    appearance: none;\n    display: flex;\n    align-items: center;\n    inset-block-start: 0;\n    font-size: 1em;\n\n    nano-icon {\n      --color: var(--multi-input-value-text-color);\n    }\n  }\n}\n\n.form-ctrl__float-label {\n  width: calc(100% - (1em + (var(--padding-start) * 2)));\n\n  :host(.has-focus.has-multiple) & {\n    transform: translateY(-110%);\n    font-size: 0.8em;\n  }\n\n  :host(.has-value.has-multiple) & {\n    transform: translateY(21%);\n    inset-block-start: 0;\n  }\n}\n\n:host(.has-focus) select,\n:host(.has-focus) a,\n:host(.has-focus) button {\n  pointer-events: auto;\n}\n","import {\n  Build,\n  Component,\n  ComponentInterface,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n  h,\n  VNode,\n  Listen,\n} from '@stencil/core';\n\nimport { getActiveElement } from '../../utils/active-element';\nimport { closestElement } from '../../utils/dom';\nimport { createColorClasses } from '../../utils/theme';\nimport { debounce, debounceEvent } from '../../utils/throttle';\nimport { FormControl, FormControlWrap } from '../form-control/form-control';\nimport { OptionInterface } from '../option/option-interface';\nimport type { Dropdown } from '../dropdown/dropdown';\nimport type {\n  Color,\n  SelectChangeEventDetail,\n  InputChangeEventDetail,\n  ControlValidityEventDetail,\n  ControlValidity,\n} from '../../interface';\n\nlet selectIds = 0;\n\n/**\n * The select component is a wrapper to the HTML select element with custom styling and additional functionality.\n * It accepts most of the same properties as the HTML [select](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select).\n * It's multi selection functionality is vastly improved from the native solution. It allows for the control of\n * value order through drag and drop or changing the insertion point with arrow keys. It also can allow for user defined values.\n *\n * @slot start - suitable for inline action buttons or icons that may add extra contextual information\n * @slot end - suitable for inline action buttons or icons that may add extra contextual information\n * @slot value-start - similar to 'start', however clicking elements using this slot will activate the input control. This would be suitable to show a secodary 'value' for context or to show a dropdown arrow if using a datalist\n * @slot value-end - similar to 'end', however clicking elements using this slot will activate the input control. This would be suitable to show a secodary 'value' for context or to show a dropdown arrow if using a datalist\n * @slot label - if you do not set a label attribute, you can use this slot for more complex markup\n * @slot helper - helper text to accompany the form field underneath.\n * @slot helper-end - helper text to accompany the form field on the side.\n * @slot down-arrow - use this to replace the default down arrow\n * @slot - default slot; nest `nano-option` elements\n */\n@Component({\n  tag: 'nano-select',\n  styleUrl: 'select.scss',\n  scoped: true,\n})\nexport class Select implements ComponentInterface {\n  private nativeSelect?: HTMLSelectElement;\n  private valueItems: Array<HTMLSpanElement> = [];\n  private dragVal: string;\n  private mo?: MutationObserver;\n  private selectId = `nano-select-${selectIds++}`;\n  private rtl: boolean = false;\n  private onInit: boolean = true;\n  private customError: string = '';\n\n  private get inputCtrl() {\n    return this._inputCtrl;\n  }\n  private set inputCtrl(input) {\n    if (input === this._inputCtrl) return;\n    this._inputCtrl = input;\n    this.setDataListOpts();\n  }\n  private _inputCtrl?: HTMLInputElement;\n\n  // we don't want these rendered eles decorated with @State\n  // because that will cause re-renders. Use get/set to set datalist options\n  private _selectWrap: HTMLElement;\n  private get selectWrap() {\n    return this._selectWrap;\n  }\n  private set selectWrap(ele: HTMLElement) {\n    if (this._selectWrap === ele) return;\n    this._selectWrap = ele;\n    this.setDataListOpts();\n  }\n\n  private _datalist: HTMLNanoDatalistElement;\n  private get datalist() {\n    return this._datalist;\n  }\n  private set datalist(ele: HTMLNanoDatalistElement) {\n    if (this._datalist === ele) return;\n    this._datalist = ele;\n    this.setDataListOpts();\n  }\n\n  constructor() {\n    this.showInlineValidation = debounce(this.showInlineValidation, 50);\n  }\n\n  @State() currInsertIndex: number = -1;\n  @State() showErrorMsg = false;\n  @State() errorMessage: string = '';\n  @State() hasFocus = false;\n  @State() hasLabelSlot: boolean = false;\n  @State() hasHelperSlot: boolean = false;\n  @State() hasHelperEndSlot = false;\n  @State() inputSearchVal: string = '';\n\n  @Element() el!: HTMLNanoSelectElement;\n\n  /**\n   * This will be true when the control is in an invalid state.\n   * Validity is determined by the `required` prop. Or if custom validity message is set.\n   */\n  @Prop({ reflect: true })\n  get invalid() {\n    return this._invalid;\n  }\n  @State() _invalid = false;\n\n  /**\n   * Current validation message - if any. @readonly\n   */\n  @Prop()\n  get validityMessage() {\n    if (!this.nativeSelect) return '';\n    return this.nativeSelect.validationMessage;\n  }\n\n  /**\n   * The color to use from your application's color palette.\n   * Default options are: `\"primary\"`, `\"secondary\"`, `\"tertiary\"`, `\"success\"`, `\"warning\"`, `\"danger\"`, `\"light\"`, `\"medium\"`, and `\"dark\"`.\n   */\n  @Prop() color?: Color;\n\n  /**\n   * This Boolean attribute lets you specify that a form control should have select focus when the page loads.\n   */\n  @Prop() autofocus = false;\n\n  /**\n   * If `true`, the user cannot interact with the select.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * When should the field perform validation\n   */\n  @Prop({ mutable: true }) validateOn?: 'dirty' | 'submit' | 'submitThenDirty' =\n    'submitThenDirty';\n\n  /**\n   * Whether to show validation errors underneath input\n   */\n  @Prop({ reflect: true }) showInlineError = true;\n\n  /**\n   * String to place within a label element. Alternatively use the 'label' slot\n   */\n  @Prop() label!: string;\n\n  /**\n   * Visually hide the label - but make it accessible.\n   */\n  @Prop() hideLabel?: boolean = false;\n\n  /**\n   * Enable floating label behaviour. Will disable placeholder if set.\n   */\n  @Prop() floatLabel: boolean = false;\n\n  /**\n   * If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to `\"email\"` or `\"file\"`, otherwise it is ignored.\n   */\n  @Prop() multiple?: boolean = false;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name: string = this.selectId + '-name';\n\n  /**\n   * Instructional text that shows before the select has a value. Text set here will be placed inside the label when a value is set. If you don't want this behaviour just set the first option to have no value.\n   */\n  @Prop() placeholder?: string | null;\n\n  /**\n   * If `true`, the user cannot modify the value.\n   */\n  @Prop({ reflect: true }) readonly = false;\n\n  /**\n   * If `true`, the user must fill in a value before submitting a form.\n   */\n  @Prop() required = false;\n\n  /**\n   * The initial size of the control.\n   */\n  @Prop() size?: number;\n\n  /**\n   * Maximum number of options that can be selected when multiple is true\n   */\n  @Prop() max?: number;\n\n  /**\n   * Minimum number of options that can be selected when multiple is true\n   */\n  @Prop() min?: number;\n\n  /**\n   * The form element to associate the select with (its form owner). Must be the id of a form.\n   */\n  @Prop() form?: string | null;\n\n  /**\n   * in multiple mode, allow users to enter their own values\n   */\n  @Prop() allowCustomValues: boolean = false;\n\n  /**\n   * The value of the select.\n   */\n  @Prop()\n  get value() {\n    return this._value;\n  }\n  set value(val: string | string[]) {\n    if (typeof val === 'string') {\n      if (this.multiple) this._value = val.split(',');\n      else this._value = val;\n    } else if (Array.isArray(val)) {\n      if (this.multiple) this._value = val;\n      else this._value = val[0];\n    }\n  }\n  private _value: Array<string> | string = this.multiple ? [] : '';\n\n  /**\n   * You can set options via js as an array of strings: `domElement.options = ['option 1', 'option 2']` or\n   * objects `domElement.options = [{label: 'option 1', value: 'opt-1'}]`. See `nano-option` docs for all available properties.\n   * Alternatively, you can nest `<nano-option>` elements within a `<nano-select>`\n   * Regardless - reading `options` will return the current component options - slotted or otherwise\n   */\n  @Prop()\n  get options(): Array<OptionInterface | string> {\n    if (this._options.length) return this._options;\n\n    if (!this.datalist || !this.datalist.activeOptions) return [];\n\n    return this._eOptions.map((ao) => {\n      const { value, selected, label, filterMeta } = ao;\n      return { value, selected, label, filterMeta };\n    });\n  }\n  set options(opts: Array<OptionInterface | string>) {\n    this._options = opts.map((opt) => {\n      if (typeof opt === 'string') return { value: opt, label: opt };\n      else return opt;\n    });\n  }\n  private _options: OptionInterface[] = [];\n  @State() _eOptions: OptionInterface[] = [];\n\n  /**\n   * If `true`, a clear icon will appear in the select when there is a value. Clicking it clears the select.\n   */\n  @Prop() clearSelect = false;\n\n  /**\n   * Hide the native select element and cover with a value 'mask'.\n   * Enables a fluid nano-select width upon value change (if required). Doesn't work with multiple=\"true\".\n   */\n  @Prop() mask = false;\n\n  /**\n   * Set the amount of time, in milliseconds, to wait to trigger the `nanoSearchChange` event after each keystroke.\n   */\n  @Prop() debounce = 0;\n\n  @Watch('debounce')\n  protected debounceChanged() {\n    this.nanoSearchChange = debounceEvent(this.nanoSearchChange, this.debounce);\n  }\n\n  @Watch('required')\n  @Watch('disabled')\n  @Watch('min')\n  @Watch('max')\n  @Watch('readonly')\n  protected shouldValidate() {\n    if (this.onInit) return;\n    if (this.invalid) this.showErrorMsg = this._invalid = false;\n\n    this.customValidate();\n    if (this.validateOn !== 'dirty') return;\n    this.showInlineValidation();\n  }\n\n  /**\n   * Update the native select element when the value changes\n   */\n  // eslint-disable-next-line @stencil/no-unused-watch\n  @Watch('value')\n  valueChanged() {\n    this.customValidate();\n\n    if (this.onInit) {\n      if (this.multiple) this.currInsertIndex = this.value.length - 1;\n      return;\n    }\n    requestAnimationFrame(() => {\n      this.shouldValidate();\n      this.nanoChange.emit({ value: this.value });\n    });\n  }\n\n  /** nano-dropdown config options you can pass to the nested dropdown component */\n  @Prop({ mutable: true }) dropDownConfig?: Partial<Dropdown> = {};\n\n  @Watch('dropDownConfig')\n  setDataListOpts() {\n    if (!this.datalist || !this.selectWrap) return;\n\n    this.datalist.input = this.inputCtrl;\n\n    const currDWConfig = this.datalist.dropDownConfig || {};\n    this.datalist.dropDownConfig = {\n      ...currDWConfig,\n      ...this.dropDownConfig,\n      tetherTo: this.selectWrap,\n    };\n  }\n\n  // Custom Events\n\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() nanoChange!: EventEmitter<SelectChangeEventDetail>;\n\n  /**\n   * Emitted when the select loses focus.\n   */\n  @Event() nanoBlur!: EventEmitter<void>;\n\n  /**\n   * Emitted when the select has focus.\n   */\n  @Event() nanoFocus!: EventEmitter<void>;\n\n  /**\n   * Emitted when the select has been created.\n   * @internal\n   */\n  @Event() nanoDidLoad!: EventEmitter<void>;\n\n  /**\n   * Emitted when the select has been removed.\n   * @internal\n   */\n  @Event() nanoDidUnload!: EventEmitter<void>;\n\n  /**\n   * Emitted when a keyboard input occurred on a multiple=\"true\" input\n   */\n  @Event() nanoSearchChange!: EventEmitter<InputChangeEventDetail>;\n\n  /**\n   * Called when validation is performed (which depends on `validateOn`).\n   * @returns event.detail: `{ isValid: boolean, errorMessage: string, originalEvent: Event }`.\n   */\n  @Event() nanoValidate: EventEmitter<ControlValidityEventDetail>;\n\n  // Public Methods\n\n  /**\n   * Get the current state of the control.\n   * @param validateFirst - perform validation first before reporting\n   * @returns `{ isValid: boolean, errorMessage: string }`\n   */\n  @Method()\n  async reportValidity(validateFirst: boolean): Promise<ControlValidity> {\n    return new Promise((resolve) => {\n      if (validateFirst) {\n        this.customValidate();\n        this.showInlineValidation();\n      }\n      setTimeout(() => {\n        resolve({\n          isValid: !this._invalid,\n          errorMessage: this.nativeSelect.validationMessage,\n        });\n      }, 50);\n    });\n  }\n\n  /**\n   * Sets focus on the specified `nano-select`. Use this method instead of the global\n   * `select.focus()`.\n   */\n  @Method()\n  async setFocus() {\n    if (!this.inputCtrl) return;\n    this.inputCtrl.focus();\n    setTimeout(() => this.inputCtrl.click(), 50);\n  }\n\n  /**\n   * @returns the native `<select>` element used under the hood.\n   */\n  @Method()\n  getSelectElement(): Promise<HTMLSelectElement> {\n    return Promise.resolve(this.nativeSelect!);\n  }\n\n  /**\n   * Invalidate the field and show a custom error message.\n   * To clear the error you will need to re-call this method with an empty string.\n   */\n  @Method()\n  async showError(message: string) {\n    if (this.nativeSelect) {\n      this.customError = message;\n      this.nativeSelect.setCustomValidity(message);\n      this.showInlineValidation();\n    }\n  }\n\n  /* Logic */\n\n  private get valArray() {\n    return typeof this.value === 'string'\n      ? this.value.length\n        ? [this.value]\n        : []\n      : this.value;\n  }\n\n  private isValidValues() {\n    return this.valArray.find((val) =>\n      (this.options as OptionInterface[]).find((opt) => opt.value === val)\n    );\n  }\n\n  private customValidate = () => {\n    if (!this.nativeSelect || !!this.customError) return;\n\n    this.nativeSelect.setCustomValidity('');\n    // add custom validations 'cos html5 validations are a bit rubbish on selects\n    if (this.required && !this.valArray.length) {\n      this.nativeSelect.setCustomValidity('Please fill in this field.');\n      return true;\n    }\n    if (\n      this.valArray.length &&\n      !this.allowCustomValues &&\n      !this.isValidValues()\n    ) {\n      this.nativeSelect.setCustomValidity(\n        'Please choose an item from this field.'\n      );\n      return true;\n    }\n    if (this.max && this.valArray.length > this.max) {\n      this.nativeSelect.setCustomValidity(\n        `Only up to ${this.max} values are allowed.`\n      );\n      return true;\n    }\n    if (this.min && this.valArray.length < this.min) {\n      this.nativeSelect.setCustomValidity(\n        `You must select a minimum of ${this.min} values.`\n      );\n      return true;\n    }\n    return false;\n  };\n\n  private showInlineValidation = (ev?: Event) => {\n    if (this.validateOn === 'submitThenDirty') this.validateOn = 'dirty';\n\n    this._invalid = false;\n    this.showErrorMsg = false;\n    this.errorMessage = '';\n\n    if (!this.nativeSelect.validity.valid) {\n      this.errorMessage = this.nativeSelect.validationMessage;\n      this._invalid = true;\n      this.showErrorMsg = true;\n    }\n    this.nanoValidate.emit({\n      isValid: !this.invalid,\n      errorMessage: this.errorMessage,\n      originalEvent: ev,\n    });\n  };\n\n  private handleInvalid = (ev: Event) => {\n    this._invalid = true;\n\n    if (this.validateOn === 'submit') {\n      this._invalid = this.showErrorMsg = this.customValidate();\n    }\n    if (this.showInlineError) ev.preventDefault();\n\n    requestAnimationFrame(() => this.showInlineValidation(ev));\n  };\n\n  private setValue = (e: CustomEvent<HTMLNanoOptionElement>) => {\n    e.preventDefault();\n\n    if (!this.multiple) {\n      this.value = e.detail.value;\n      return;\n    }\n    if (this.value && this.value.length && this.value.includes(e.detail.value))\n      return;\n    if (this.max && this.value.length === this.max) return;\n\n    this.currInsertIndex++;\n    this.value = [\n      ...this.value.slice(0, this.currInsertIndex),\n      e.detail.value,\n      ...this.value.slice(this.currInsertIndex),\n    ];\n    this.inputSearchVal = '';\n    // this.selectWrap.clientWidth; // force reflow\n  };\n\n  private removeValue = (toFind?: string) => {\n    if (!this.multiple || !this.value.length) return;\n\n    if (!toFind) toFind = this.value[this.value.length - 1];\n    this.value = (this.value as Array<string>).filter((val) => val !== toFind);\n\n    this.currInsertIndex--;\n    // this.selectWrap.clientWidth; // force reflow\n    this.setFocus();\n  };\n\n  private slotChangeObserver() {\n    const mo = (this.mo = new MutationObserver(() =>\n      this.processSlottedContent()\n    ));\n    mo.observe(this.el, { childList: true, subtree: true });\n  }\n\n  private processSlottedContent() {\n    // see if we have label / helper content\n    this.hasLabelSlot = !!this.el.querySelectorAll('[slot=\"label\"]').length;\n    this.hasHelperSlot = !!this.el.querySelector('[slot=\"helper\"]');\n    this.hasHelperEndSlot = !!this.el.querySelector('[slot=\"helper-end\"]');\n  }\n\n  private getLabel(toFind: string) {\n    const label = (this.options as OptionInterface[]).find((opt) => {\n      return !opt.disabled && opt.value?.length && opt.value === toFind;\n    });\n    return label && label.label ? label.label : toFind;\n  }\n\n  /* Event handling */\n\n  @Listen('reset', { target: 'body' })\n  onReset(e) {\n    const form = this.form\n      ? document.querySelector('#' + this.form)\n      : this.el.closest('form');\n    if (!form || e.target !== this.el.closest('form')) return;\n\n    this.clearSelectValue();\n  }\n\n  @Listen('mousedown', { target: 'body' })\n  @Listen('keydown')\n  handleBlur(e: KeyboardEvent | MouseEvent) {\n    if (!this.hasFocus) return;\n\n    const kev = e as KeyboardEvent;\n    let target: Element;\n\n    requestAnimationFrame(() => {\n      if (kev.key) {\n        if (kev.key !== 'Tab') return;\n        target = getActiveElement();\n      } else target = e.target as Element;\n\n      if (closestElement(this.el.tagName.toLowerCase(), target) !== this.el) {\n        this.onBlur();\n      }\n    });\n  }\n\n  private setOptions = () => {\n    if (\n      !this.datalist ||\n      !this.datalist.activeOptions ||\n      !this.datalist.activeOptions.length\n    )\n      return;\n\n    this._eOptions = this.datalist.activeOptions.map((ao) => {\n      const { value, selected, label, filterMeta } = ao;\n      return { value, selected, label, filterMeta };\n    });\n    this.customValidate();\n  };\n\n  private handleDocumentKeyDown = (ev: KeyboardEvent) => {\n    if (!this.multiple || !this.hasFocus) return;\n\n    if (!this.inputSearchVal) {\n      let rm: HTMLSpanElement;\n\n      switch (ev.key) {\n        case 'Backspace':\n          if (this.inputCtrl.previousElementSibling)\n            rm = this.inputCtrl.previousElementSibling as HTMLSpanElement;\n          else break;\n\n          this.removeValue(rm.dataset.value || null);\n          break;\n\n        case 'Delete':\n          if (this.inputCtrl.nextElementSibling)\n            rm = this.inputCtrl.nextElementSibling as HTMLSpanElement;\n          else break;\n\n          this.removeValue(rm.dataset.value || null);\n          break;\n\n        case 'ArrowLeft':\n        case 'ArrowRight':\n          if (!this.value.length) break;\n\n          if (ev.key === 'ArrowLeft' && this.inputCtrl.previousSibling)\n            this.currInsertIndex--;\n          if (ev.key === 'ArrowRight' && this.inputCtrl.nextSibling)\n            this.currInsertIndex++;\n\n          setTimeout(() => {\n            this.inputCtrl.focus();\n          }, 20);\n          ev.preventDefault();\n          break;\n      }\n    }\n  };\n\n  private onBlur = () => {\n    this.hasFocus = false;\n\n    requestAnimationFrame(() => {\n      if (this.validateOn === 'dirty' && !this.hasFocus)\n        this.showInlineValidation();\n    });\n    this.nanoBlur.emit();\n\n    if (!this.allowCustomValues && this.multiple) {\n      this.inputSearchVal = '';\n      const event = new window.Event('change');\n      this.inputCtrl.dispatchEvent(event);\n    }\n  };\n\n  private onFocus = () => {\n    this.hasFocus = true;\n    this.nanoFocus.emit();\n  };\n\n  private clearSelectValue = (ev?: Event) => {\n    if (this.clearSelect && !this.readonly && !this.disabled && ev) {\n      ev.preventDefault();\n      ev.stopPropagation();\n    }\n\n    if (this.multiple) {\n      this.value = [];\n      this.currInsertIndex = -1;\n    } else this.value = '';\n\n    this.inputCtrl.value = '';\n    const event = new window.Event('change');\n    this.inputCtrl.dispatchEvent(event);\n  };\n\n  private onClick = () => {\n    this.setFocus();\n  };\n\n  /* Multi event handlers */\n\n  private onDragStart = (ev: MouseEvent) => {\n    const ele = ev.target as HTMLSpanElement;\n    this.dragVal = ele.dataset.value;\n  };\n\n  private onDragEnd = (ev) => {\n    this.dragVal = null;\n    ev.preventDefault();\n  };\n\n  private onDragLeave = (ev: MouseEvent) => {\n    const ele = ev.target as HTMLSpanElement;\n    const spanVal: string =\n      ele.dataset && ele.dataset.value ? ele.dataset.value : null;\n\n    if (\n      !spanVal ||\n      this.dragVal === spanVal ||\n      !this.value.includes(this.dragVal)\n    ) {\n      ev.preventDefault();\n      return;\n    }\n\n    const to = this.value.indexOf(spanVal);\n    const from = this.value.indexOf(this.dragVal);\n    const tmpArr = this.value as Array<string>;\n    const tmpVal = tmpArr[to];\n\n    tmpArr[to] = tmpArr[from];\n    tmpArr[from] = tmpVal;\n    this.value = [...tmpArr];\n  };\n\n  private onMultiInput = (ev) => {\n    this.inputSearchVal = ev.target.value.trim();\n    this.nanoSearchChange.emit({ value: ev.target.value.trim() });\n  };\n\n  /* Stencil Component lifecycle hooks */\n\n  connectedCallback() {\n    this.debounceChanged();\n\n    if (!Build.isBrowser) return;\n\n    this.el.dispatchEvent(\n      new CustomEvent('nanoDidLoad', {\n        detail: this.el,\n      })\n    );\n  }\n\n  disconnectedCallback() {\n    document.dispatchEvent(\n      new CustomEvent('nanoDidUnload', {\n        detail: this.el,\n      })\n    );\n\n    if (!Build.isBrowser) return;\n    if (this.mo) this.mo.disconnect();\n  }\n\n  componentDidLoad() {\n    this.slotChangeObserver();\n    this.customValidate();\n    this.setDataListOpts();\n    requestAnimationFrame(() => (this.onInit = false));\n  }\n\n  componentWillLoad() {\n    this.processSlottedContent();\n  }\n\n  render() {\n    const labelId = this.selectId + '-lbl';\n    const moreId =\n      this.showInlineError || this.hasHelperSlot\n        ? this.selectId + '-moreId'\n        : '';\n    const helperEndId = this.hasHelperEndSlot ? this.selectId + '-helper' : '';\n\n    this.rtl = (this.el.ownerDocument as Document).dir === 'rtl';\n    this.valueItems = [];\n\n    const compWrapOptions = (({\n      el,\n      floatLabel,\n      label,\n      errorMessage,\n      showInlineError,\n      hasHelperSlot,\n      hasHelperEndSlot,\n      hasLabelSlot,\n      hideLabel,\n      placeholder,\n      rtl,\n    }) => ({\n      el,\n      floatLabel,\n      label,\n      errorMessage,\n      showInlineError,\n      hasHelperSlot,\n      hasHelperEndSlot,\n      hasLabelSlot,\n      hideLabel,\n      placeholder,\n      rtl,\n    }))(this);\n    const wrapOptions = {\n      ...compWrapOptions,\n      labelId,\n      moreId,\n      helperEndId,\n      hasValue: !!this.value.length || !!this.inputSearchVal.length,\n      controlId: this.selectId,\n    };\n\n    const controlOptions = (({ readonly, disabled }) => ({\n      readonly,\n      disabled,\n      clearControl: this.clearSelect,\n    }))(this);\n\n    return (\n      <Host\n        type={this.multiple ? 'select-multiple' : 'select-one'}\n        aria-disabled={this.disabled ? 'true' : null}\n        class={{\n          ...createColorClasses(this.color),\n          'has-value': !!this.value.length || !!this.inputSearchVal.length,\n          'has-focus': this.hasFocus,\n          'is-invalid': this.invalid,\n          'has-label': this.label !== null && !this.floatLabel,\n          'has-float-label': this.label !== null && this.floatLabel,\n          rtl: this.rtl,\n          'has-multiple': this.multiple,\n          'has-clr-btn': this.clearSelect,\n          masked: this.mask,\n        }}\n      >\n        <FormControlWrap {...wrapOptions}>\n          <FormControl\n            {...controlOptions}\n            onClearText={this.clearSelectValue}\n            control={this.el}\n            ref={(el) => (this.selectWrap = el)}\n            endValueSlot={\n              <slot name=\"down-arrow\">\n                <nano-icon slot=\"value-end\" name=\"light/chevron-down\" />\n              </slot>\n            }\n          >\n            {this.multiple && (\n              <div class=\"select__multi-wrap select\">\n                {this.multipleValues(labelId, moreId, helperEndId)}\n              </div>\n            )}\n            {!this.multiple && [\n              this.mask && (\n                <div class=\"select__mask\">\n                  {this.getLabel(this.value as string)}\n                </div>\n              ),\n              <input\n                id={this.selectId}\n                class=\"select__native-input\"\n                ref={(input) => (this.inputCtrl = input)}\n                aria-labelledby={labelId + ' ' + moreId + ' ' + helperEndId}\n                disabled={this.disabled}\n                form={this.form}\n                placeholder={this.placeholder}\n                readOnly={true}\n                required={this.required}\n                value={this.getLabel(this.value as string)}\n                onFocus={this.onFocus}\n              />,\n            ]}\n          </FormControl>\n        </FormControlWrap>\n        {!this.readonly && !this.disabled && (\n          <nano-datalist\n            onNanoOptionsUpdated={this.setOptions}\n            ref={(el) => (this.datalist = el)}\n            selected={this.valArray}\n            type={this.multiple ? 'selctMulti' : 'select'}\n            onNanoSelect={this.setValue}\n            onNanoDeselect={(e) => {\n              e.preventDefault();\n              this.removeValue(e.detail.value);\n            }}\n            options={this._options.length ? this._options : undefined}\n          >\n            {this.allowCustomValues && this.multiple && !!this.inputSearchVal && (\n              <nano-option\n                slot=\"list-top\"\n                value={this.inputSearchVal}\n                selected={false}\n                label={this.inputSearchVal}\n                onNanoSelect={() => this.inputCtrl.focus()}\n              >\n                <span slot=\"check-icon\"></span>\n                Add '{this.inputSearchVal}'\n              </nano-option>\n            )}\n            <slot />\n          </nano-datalist>\n        )}\n\n        <select\n          id={this.selectId + '-hidden'}\n          class=\"select__native-ctrl\"\n          ref={(select) => (this.nativeSelect = select)}\n          aria-labelledby={labelId + ' ' + moreId + ' ' + helperEndId}\n          disabled={this.disabled}\n          form={this.form}\n          multiple={this.multiple}\n          name={this.name}\n          required={this.required}\n          onInvalid={this.handleInvalid}\n        >\n          {this.allowCustomValues &&\n            this.valArray.map((val) => {\n              return (\n                <option value={val} selected={true}>\n                  {val}\n                </option>\n              );\n            })}\n          {!this.allowCustomValues &&\n            this.options.map((opt: OptionInterface) => {\n              return (\n                <option\n                  value={opt.value}\n                  selected={this.valArray.includes(opt.value)}\n                  disabled={opt.disabled}\n                  label={opt.label}\n                >\n                  {this.valArray.includes(opt.value)}\n                </option>\n              );\n            })}\n        </select>\n      </Host>\n    );\n  }\n\n  private multipleValues(\n    labelId: string,\n    moreId: string,\n    helperEndId: string\n  ): VNode | (VNode | VNode[])[] {\n    const input: VNode = (\n      <input\n        class=\"select__multi-input\"\n        id={this.selectId}\n        ref={(input) => (this.inputCtrl = input)}\n        readOnly={this.readonly}\n        disabled={this.disabled}\n        autoFocus={this.autofocus}\n        autocomplete=\"off\"\n        onKeyDown={this.handleDocumentKeyDown}\n        onInput={this.onMultiInput}\n        value={this.inputSearchVal}\n        onTouchStart={this.onClick}\n        onMouseDown={this.onClick}\n        onFocus={this.onFocus}\n        placeholder={\n          this.placeholder && !this.value.length ? this.placeholder : ''\n        }\n        aria-labelledby={labelId + ' ' + moreId + ' ' + helperEndId}\n      />\n    );\n    if (!this.value.length) return input;\n\n    return (this.value as Array<string>).map((val, i) => {\n      let toReturn: VNode | VNode[] = (\n        <span\n          onDragStart={this.onDragStart}\n          onDragLeave={this.onDragLeave}\n          onDragEnd={this.onDragEnd}\n          onDragOver={(e) => e.preventDefault()}\n          draggable\n          data-value={val}\n          ref={(span) => this.valueItems.push(span)}\n          class=\"select__multi-value\"\n        >\n          <span>{this.getLabel(val)}</span>\n          <button\n            class=\"select__multi-value-remove\"\n            type=\"button\"\n            tabindex=\"-1\"\n            onTouchEnd={() => {\n              this.removeValue(val);\n            }}\n            onMouseUp={() => {\n              this.removeValue(val);\n            }}\n          >\n            <nano-icon name=\"light/times\"></nano-icon>\n          </button>\n        </span>\n      );\n      if (i === 0 && this.currInsertIndex < 0)\n        toReturn = [input, toReturn as VNode];\n      else if (i === this.currInsertIndex)\n        toReturn = [toReturn as VNode, input];\n      return toReturn;\n    });\n  }\n}\n"]}