{"version":3,"file":"scrollspy.mjs","names":["pkg.version"],"sources":["../../../src/strings/activeClass.ts","../../../src/strings/scrollspyString.ts","../../../src/strings/scrollspyComponent.ts","../../../src/util/isDisabled.ts","../../../package.json","../../../src/version.ts","../../../src/components/base-component.ts","../../../src/components/scrollspy.ts"],"sourcesContent":["/**\n * Global namespace for most components active class.\n */\nconst activeClass = \"active\";\nexport default activeClass;\n","/** @type {string} */\nconst scrollspyString = \"scrollspy\";\nexport default scrollspyString;\n","/** @type {string} */\nconst scrollspyComponent = \"ScrollSpy\";\nexport default scrollspyComponent;\n","import { getAttribute, hasClass } from \"@thednp/shorty\";\n\n/**\n * Check if interactive element is disabled.\n * @param target either a `<button>` or an `<a>`\n * @returns whether the target is disabled\n */\nconst isDisabled = (target: Element) => {\n  return hasClass(target, \"disabled\") ||\n    getAttribute(target, \"disabled\") === \"true\";\n};\n\nexport default isDisabled;\n","","import pkg from \"../package.json\" with { type: \"json\" };\n\nconst Version = pkg.version;\n\nexport default Version;\n","/* Native JavaScript for Bootstrap 5 | Base Component\n----------------------------------------------------- */\nimport {\n  Data,\n  isElement,\n  isString,\n  normalizeOptions,\n  ObjectKeys,\n  querySelector,\n} from \"@thednp/shorty\";\n\nimport type { BaseOptions } from \"~/interface/baseComponent\";\nimport Version from \"~/version\";\n\n/** Returns a new `BaseComponent` instance. */\nexport default class BaseComponent {\n  declare element: Element;\n  declare options?: BaseOptions;\n\n  /**\n   * @param target `Element` or selector string\n   * @param config component instance options\n   */\n  constructor(target: Element | string, config?: BaseOptions) {\n    let element: Element | null;\n\n    try {\n      if (isElement(target)) {\n        element = target as Element;\n      } else if (isString(target)) {\n        element = querySelector(target);\n        // istanbul ignore else @preserve\n        if (!element) throw Error(`\"${target}\" is not a valid selector.`);\n      } else {\n        throw Error(`your target is not an instance of HTMLElement.`);\n      }\n    } catch (e) {\n      throw Error(`${this.name} Error: ${(e as Error).message}`);\n    }\n\n    const prevInstance = Data.get<typeof this>(element, this.name);\n    /* istanbul ignore else @preserve */\n    if (prevInstance) {\n      // remove previously attached event listeners\n      // to avoid memory leaks\n      prevInstance._toggleEventListeners();\n    }\n\n    this.element = element;\n    this.options = this.defaults && ObjectKeys(this.defaults).length\n      ? normalizeOptions(element, this.defaults, config || {}, \"bs\")\n      : /* istanbul ignore next @preserve */ {};\n\n    Data.set(element, this.name, this);\n  }\n\n  // istanbul ignore next @preserve\n  get version() {\n    return Version;\n  }\n\n  // istanbul ignore next @preserve\n  get name() {\n    return \"BaseComponent\";\n  }\n\n  // istanbul ignore next @preserve\n  get defaults() {\n    return {};\n  }\n\n  /** just to have something to extend from */\n  // istanbul ignore next @preserve coverage wise this isn't important\n  _toggleEventListeners = () => {\n    // do something to please linters\n  };\n\n  /** Removes component from target element. */\n  dispose() {\n    Data.remove<typeof this>(this.element, this.name);\n    ObjectKeys(this).forEach((prop) => {\n      delete this[prop];\n    });\n  }\n}\n","/* Native JavaScript for Bootstrap 5 | ScrollSpy\n------------------------------------------------ */\nimport {\n  addClass,\n  closest,\n  createCustomEvent,\n  dispatchEvent,\n  getAttribute,\n  getBoundingClientRect,\n  getDocument,\n  getDocumentElement,\n  getElementById,\n  getElementsByTagName,\n  getInstance,\n  hasClass,\n  mouseclickEvent,\n  MouseEvent,\n  querySelector,\n  removeClass,\n} from \"@thednp/shorty\";\n\nimport PositionObserver from \"@thednp/position-observer\";\nimport { addListener, removeListener } from \"@thednp/event-listener\";\n\nimport activeClass from \"~/strings/activeClass\";\nimport scrollspyString from \"~/strings/scrollspyString\";\nimport scrollspyComponent from \"~/strings/scrollspyComponent\";\nimport isDisabled from \"~/util/isDisabled\";\nimport BaseComponent from \"./base-component\";\nimport { ScrollSpyEvent, ScrollSpyOptions } from \"~/interface/scrollspy\";\n\n// SCROLLSPY PRIVATE GC\n// ====================\nconst scrollspySelector = '[data-bs-spy=\"scroll\"]';\nconst scrollSpyAnchorSelector = \"[href]\";\n\nconst scrollspyDefaults: Partial<ScrollSpyOptions> = {\n  offset: 10,\n  target: undefined,\n};\n\ntype ScrollSpyEventProps = {\n  relatedTarget: HTMLElement;\n};\n\n/**\n * Static method which returns an existing `ScrollSpy` instance associated\n * to a target `Element`.\n */\nconst getScrollSpyInstance = (element: Element) =>\n  getInstance<ScrollSpy>(element, scrollspyComponent);\n\n/**\n * A `ScrollSpy` initialization callback.\n */\nconst scrollspyInitCallback = (element: Element) => new ScrollSpy(element);\n\n// SCROLLSPY CUSTOM EVENT\n// ======================\nconst activateScrollSpy = createCustomEvent<\n  ScrollSpyEventProps,\n  ScrollSpyEvent\n>(`activate.bs.${scrollspyString}`);\n\n// SCROLLSPY PRIVATE METHODS\n// =========================\n/**\n * Update the state of all items.\n *\n * @param self the `ScrollSpy` instance\n */\nconst updateSpyTargets = (self: ScrollSpy) => {\n  const {\n    target,\n    _itemsLength,\n    _observables,\n  } = self;\n\n  const links = getElementsByTagName<HTMLAnchorElement>(\"A\", target);\n  const doc = getDocument(target);\n\n  // only update items once or with each mutation\n  // istanbul ignore else @preserve\n  if (!links.length || _itemsLength === _observables.size) return;\n  // reset arrays & update\n  _observables.clear();\n\n  Array.from(links).forEach((link) => {\n    const hash = getAttribute(link, \"href\")?.slice(1);\n    const targetItem = hash?.length ? doc.getElementById(hash) : null;\n\n    if (targetItem && !isDisabled(link)) {\n      self._observables.set(targetItem, link);\n    }\n  });\n  self._itemsLength = self._observables.size;\n};\n\n/**\n * Clear all items of the target.\n *\n * @param target a single item\n */\nconst clear = (target: Element) => {\n  Array.from(getElementsByTagName<HTMLAnchorElement>(\"A\", target)).forEach(\n    (item) => {\n      if (hasClass(item, activeClass)) removeClass(item, activeClass);\n    },\n  );\n};\n\n/**\n * Activates a new item.\n *\n * @param self the `ScrollSpy` instance\n * @param item a single item\n */\nconst activate = (self: ScrollSpy, item: HTMLElement) => {\n  const { target, element } = self;\n\n  // istanbul ignore else @preserve\n  clear(target);\n\n  self._activeItem = item;\n  addClass(item, activeClass);\n\n  // activate all parents\n  let parentItem = item;\n  while (parentItem !== target) {\n    parentItem = parentItem.parentElement as HTMLElement;\n    if (\n      [\"nav\", \"dropdown-menu\", \"list-group\"].some((c) =>\n        hasClass(parentItem, c)\n      )\n    ) {\n      const parentLink = parentItem.previousElementSibling as\n        | HTMLElement\n        | null;\n\n      // istanbul ignore else @preserve\n      if (parentLink && !hasClass(parentLink, activeClass)) {\n        addClass(parentLink, activeClass);\n      }\n    }\n  }\n\n  // dispatch\n  activateScrollSpy.relatedTarget = item;\n  dispatchEvent(element, activateScrollSpy);\n};\n\nconst getOffset = (self: ScrollSpy, target: HTMLElement) => {\n  const { scrollTarget, element, options } = self;\n\n  return (scrollTarget !== element\n    ? getBoundingClientRect(target).top + scrollTarget.scrollTop\n    : target.offsetTop) - (options.offset as number || 10);\n};\n\n// SCROLLSPY DEFINITION\n// ====================\n/** Returns a new `ScrollSpy` instance. */\nexport default class ScrollSpy extends BaseComponent {\n  static selector = scrollspySelector;\n  static init = scrollspyInitCallback;\n  static getInstance = getScrollSpyInstance;\n  declare element: HTMLElement;\n  declare options: ScrollSpyOptions;\n  declare target: HTMLElement;\n  declare scrollTarget: HTMLElement;\n  declare _itemsLength: number;\n  declare _activeItem: HTMLElement | null;\n  declare _observables: Map<HTMLElement, HTMLElement>;\n  declare _observer: PositionObserver; //| IntersectionObserver;\n\n  /**\n   * @param target the target element\n   * @param config the instance options\n   */\n  constructor(\n    target: Element | string,\n    config?: Partial<ScrollSpyOptions>,\n  ) {\n    super(target, config);\n\n    // initialization element & options\n    const { element, options } = this;\n\n    // get target\n    const spyTarget = querySelector(\n      options.target,\n      getDocument(element),\n    );\n\n    // invalidate\n    if (!spyTarget) return;\n    this.target = spyTarget;\n\n    // set initial state\n    this.scrollTarget = element.clientHeight < element.scrollHeight\n      ? element\n      : getDocumentElement(element);\n    this._observables = new Map();\n\n    // run an initial burst, we need to know the targets\n    this.refresh();\n    // updateSpyTargets(this);\n\n    // create observer\n    this._observer = new PositionObserver(() => {\n      requestAnimationFrame(() => this.refresh?.());\n    }, {\n      root: this.scrollTarget,\n    });\n\n    // add event handlers\n    this._toggleEventListeners(true);\n  }\n\n  /* eslint-disable */\n  /**\n   * Returns component name string.\n   */\n  get name() {\n    return scrollspyComponent;\n  }\n  /**\n   * Returns component default options.\n   */\n  get defaults() {\n    return scrollspyDefaults;\n  }\n  /* eslint-enable */\n\n  // SCROLLSPY PUBLIC METHODS\n  // ========================\n  /** Updates all items. */\n  refresh = () => {\n    const { target, scrollTarget } = this;\n    // check if target is visible and invalidate\n    // istanbul ignore if @preserve\n    if (!target || target.offsetHeight === 0) return;\n\n    updateSpyTargets(this);\n    const { _itemsLength, _observables, _activeItem } = this;\n\n    // istanbul ignore if @preserve\n    if (!_itemsLength) return;\n    const entries = _observables.entries().toArray();\n\n    const { scrollTop, scrollHeight, clientHeight } = scrollTarget;\n\n    if (scrollTop >= scrollHeight - clientHeight) {\n      const newActiveItem = entries[_itemsLength - 1]?.[1];\n\n      // istanbul ignore else @preserve\n      if (_activeItem !== newActiveItem) activate(this, newActiveItem);\n      return;\n    }\n\n    /* istanbul ignore next @preserve */\n    const firstOffset = entries[0]?.[0] ? getOffset(this, entries[0][0]) : null;\n    if (\n      firstOffset !== null && scrollTop < firstOffset &&\n      firstOffset > 0\n    ) {\n      this._activeItem = null;\n      clear(target);\n      return;\n    }\n\n    for (let i = 0; i < _itemsLength; i += 1) {\n      const [targetItem, item] = entries[i];\n      const offsetTop = getOffset(this, targetItem);\n      const nextTarget = entries[i + 1]?.[0];\n      const nextOffsetTop = nextTarget\n        ? getOffset(this, nextTarget)\n        : /* istanbul ignore next @preserve */ null;\n\n      // istanbul ignore else @preserve\n      if (\n        _activeItem !== item &&\n        scrollTop >= offsetTop &&\n        (nextOffsetTop === null || scrollTop < nextOffsetTop)\n      ) {\n        activate(this, item);\n        break;\n      }\n    }\n  };\n\n  /**\n   * This method provides an event handle\n   * for scrollspy\n   * @param e the event listener object\n   */\n  _scrollTo = (e: MouseEvent<HTMLAnchorElement>) => {\n    const item = closest(e.target, scrollSpyAnchorSelector);\n    const hash = item && getAttribute(item, \"href\")?.slice(1);\n    const targetItem = hash && getElementById(hash, this.target);\n\n    // istanbul ignore else @preserve\n    if (targetItem) {\n      this.scrollTarget.scrollTo({\n        top: targetItem.offsetTop,\n        behavior: \"smooth\",\n      });\n      e.preventDefault();\n    }\n  };\n\n  /**\n   * Toggles on/off the component observer.\n   *\n   * @param self the ScrollSpy instance\n   * @param add when `true`, listener is added\n   */\n  _toggleEventListeners = (\n    add?: boolean,\n  ) => {\n    const { target, _observables, _observer, _scrollTo } = this;\n    const action = add ? addListener : removeListener;\n    action(target, mouseclickEvent, _scrollTo);\n\n    if (add) {\n      _observables?.forEach((_, targetItem) => _observer.observe(targetItem));\n    } else _observer.disconnect();\n  };\n\n  /** Removes `ScrollSpy` from the target element. */\n  dispose() {\n    this._toggleEventListeners();\n    super.dispose();\n  }\n}\n"],"mappings":"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"}