{"version":3,"file":"offcanvas.mjs","names":["pkg.version"],"sources":["../../../src/strings/dataBsDismiss.ts","../../../src/strings/dataBsToggle.ts","../../../src/strings/showClass.ts","../../../src/strings/offcanvasString.ts","../../../src/strings/offcanvasComponent.ts","../../../src/strings/modalComponent.ts","../../../src/strings/dataBsTarget.ts","../../../src/strings/dataBsParent.ts","../../../src/strings/dataBsContainer.ts","../../../src/util/getTargetElement.ts","../../../src/util/isVisible.ts","../../../src/strings/fixedTopClass.ts","../../../src/strings/fixedBottomClass.ts","../../../src/strings/stickyTopClass.ts","../../../src/strings/positionStickyClass.ts","../../../src/util/scrollbar.ts","../../../src/util/popupContainer.ts","../../../src/strings/fadeClass.ts","../../../src/strings/modalString.ts","../../../src/util/backdrop.ts","../../../src/util/isDisabled.ts","../../../package.json","../../../src/version.ts","../../../src/components/base-component.ts","../../../src/components/offcanvas.ts"],"sourcesContent":["/**\n * Global namespace for most components `dismiss` option.\n */\nconst dataBsDismiss = \"data-bs-dismiss\";\nexport default dataBsDismiss;\n","/**\n * Global namespace for most components `toggle` option.\n */\nconst dataBsToggle = \"data-bs-toggle\";\nexport default dataBsToggle;\n","/**\n * Global namespace for most components `show` class.\n */\nconst showClass = \"show\";\nexport default showClass;\n","/** @type {string} */\nconst offcanvasString = \"offcanvas\";\nexport default offcanvasString;\n","/** @type {string} */\nconst offcanvasComponent = \"Offcanvas\";\nexport default offcanvasComponent;\n","/** @type {string} */\nconst modalComponent = \"Modal\";\nexport default modalComponent;\n","/**\n * Global namespace for most components `target` option.\n */\nconst dataBsTarget = \"data-bs-target\";\nexport default dataBsTarget;\n","/**\n * Global namespace for most components `parent` option.\n */\nconst dataBsParent = \"data-bs-parent\";\nexport default dataBsParent;\n","/**\n * Global namespace for most components `container` option.\n */\nconst dataBsContainer = \"data-bs-container\";\nexport default dataBsContainer;\n","import {\n  closest,\n  getAttribute,\n  getDocument,\n  querySelector,\n} from \"@thednp/shorty\";\n\nimport dataBsTarget from \"../strings/dataBsTarget\";\nimport dataBsParent from \"../strings/dataBsParent\";\nimport dataBsContainer from \"../strings/dataBsContainer\";\n\n/**\n * Returns the `Element` that THIS one targets\n * via `data-bs-target`, `href`, `data-bs-parent` or `data-bs-container`.\n *\n * @param element the target element\n * @returns the query result\n */\nconst getTargetElement = <T extends Element = HTMLElement>(element: T) => {\n  const targetAttr = [dataBsTarget, dataBsParent, dataBsContainer, \"href\"];\n  const doc = getDocument(element);\n\n  return targetAttr\n    .map((att) => {\n      const attValue = getAttribute(element, att);\n      if (attValue) {\n        // istanbul ignore next @preserve\n        return att === dataBsParent\n          ? closest<T>(element, attValue)\n          : querySelector<T>(attValue, doc);\n      }\n      return null;\n    })\n    .filter((x) => x)[0];\n};\n\nexport default getTargetElement;\n","import { getElementStyle, isHTMLElement } from \"@thednp/shorty\";\n\n/**\n * @param element target\n * @returns the check result\n */\nconst isVisible = (element: HTMLElement) => {\n  return isHTMLElement(element) &&\n    getElementStyle(element, \"visibility\") !== \"hidden\" &&\n    element.offsetParent !== null;\n};\nexport default isVisible;\n","/**\n * Global namespace for components `fixed-top` class.\n */\nconst fixedTopClass = \"fixed-top\";\nexport default fixedTopClass;\n","/**\n * Global namespace for components `fixed-bottom` class.\n */\nconst fixedBottomClass = \"fixed-bottom\";\nexport default fixedBottomClass;\n","/**\n * Global namespace for components `sticky-top` class.\n */\nconst stickyTopClass = \"sticky-top\";\nexport default stickyTopClass;\n","/**\n * Global namespace for components `position-sticky` class.\n */\nconst positionStickyClass = \"position-sticky\";\nexport default positionStickyClass;\n","import {\n  getDocumentBody,\n  getDocumentElement,\n  getElementsByClassName,\n  getElementStyle,\n  getWindow,\n  hasClass,\n  setElementStyle,\n} from \"@thednp/shorty\";\n\nimport fixedTopClass from \"../strings/fixedTopClass\";\nimport fixedBottomClass from \"../strings/fixedBottomClass\";\nimport stickyTopClass from \"../strings/stickyTopClass\";\nimport positionStickyClass from \"../strings/positionStickyClass\";\n\nconst getFixedItems = (parent?: ParentNode) => [\n  ...getElementsByClassName<HTMLElement>(fixedTopClass, parent),\n  ...getElementsByClassName<HTMLElement>(fixedBottomClass, parent),\n  ...getElementsByClassName<HTMLElement>(stickyTopClass, parent),\n  ...getElementsByClassName<HTMLElement>(positionStickyClass, parent),\n  ...getElementsByClassName<HTMLElement>(\"is-fixed\", parent),\n];\n\n/**\n * Removes *padding* and *overflow* from the `<body>`\n * and all spacing from fixed items.\n *\n * @param element the target modal/offcanvas\n */\nexport const resetScrollbar = (element?: Element) => {\n  const bd = getDocumentBody(element);\n  setElementStyle(bd, {\n    paddingRight: \"\",\n    overflow: \"\",\n  });\n\n  const fixedItems = getFixedItems(bd);\n\n  // istanbul ignore else @preserve\n  if (fixedItems.length) {\n    fixedItems.forEach((fixed) => {\n      setElementStyle(fixed, {\n        paddingRight: \"\",\n        marginRight: \"\",\n      });\n    });\n  }\n};\n\n/**\n * Returns the scrollbar width if the body does overflow\n * the window.\n *\n * @param element target element\n * @returns the scrollbar width value\n */\nexport const measureScrollbar = (element: Element) => {\n  const { clientWidth } = getDocumentElement(element);\n  const { innerWidth } = getWindow(element);\n  return Math.abs(innerWidth - clientWidth);\n};\n\n/**\n * Sets the `<body>` and fixed items style when modal / offcanvas\n * is shown to the user.\n *\n * @param element the target modal/offcanvas\n * @param overflow body does overflow or not\n */\nexport const setScrollbar = (element: Element, overflow?: boolean) => {\n  const bd = getDocumentBody(element);\n  const bodyPad = parseInt(getElementStyle(bd, \"paddingRight\"), 10);\n  const isOpen = getElementStyle(bd, \"overflow\") === \"hidden\";\n  // istanbul ignore next @preserve\n  const sbWidth = isOpen && bodyPad ? 0 : measureScrollbar(element);\n  const fixedItems = getFixedItems(bd);\n\n  // istanbul ignore if @preserve\n  if (!overflow) return;\n\n  setElementStyle(bd, {\n    overflow: \"hidden\",\n    paddingRight: `${bodyPad + sbWidth}px`,\n  });\n\n  // istanbul ignore if @preserve\n  if (!fixedItems.length) return;\n\n  fixedItems.forEach((fixed) => {\n    const itemPadValue = getElementStyle(fixed, \"paddingRight\");\n    fixed.style.paddingRight = `${parseInt(itemPadValue, 10) + sbWidth}px`;\n    // istanbul ignore else @preserve\n    if (\n      [stickyTopClass, positionStickyClass].some((c) => hasClass(fixed, c))\n    ) {\n      const itemMValue = getElementStyle(fixed, \"marginRight\");\n      fixed.style.marginRight = `${parseInt(itemMValue, 10) - sbWidth}px`;\n    }\n  });\n};\n","import { createElement, getDocumentBody, isNode } from \"@thednp/shorty\";\n\n// the default container for Modal, Offcanvas, Popover and Tooltip\nconst popupContainer = createElement({\n  tagName: \"div\",\n  className: \"popup-container\",\n}) as HTMLElement;\n\nconst appendPopup = (target: Element, customContainer?: ParentNode) => {\n  const containerIsBody = isNode(customContainer) &&\n    customContainer.nodeName === \"BODY\";\n  const lookup = isNode(customContainer) && !containerIsBody\n    ? customContainer\n    : popupContainer;\n  const BODY = containerIsBody ? customContainer : getDocumentBody(target);\n\n  // istanbul ignore else @preserve\n  if (isNode(target)) {\n    if (lookup === popupContainer) {\n      BODY.append(popupContainer);\n    }\n    lookup.append(target);\n  }\n};\n\nconst removePopup = (target: Element, customContainer?: ParentNode) => {\n  const containerIsBody = isNode(customContainer) &&\n    customContainer.nodeName === \"BODY\";\n  const lookup = isNode(customContainer) && !containerIsBody\n    ? customContainer\n    : popupContainer;\n\n  // istanbul ignore else @preserve\n  if (isNode(target)) {\n    target.remove();\n\n    if (lookup === popupContainer && !popupContainer.children.length) {\n      popupContainer.remove();\n    }\n  }\n};\n\nconst hasPopup = (target: Element, customContainer?: ParentNode) => {\n  const lookup = isNode(customContainer) && customContainer.nodeName !== \"BODY\"\n    ? customContainer\n    : popupContainer;\n  return isNode(target) && lookup.contains(target);\n};\n\nexport { appendPopup, hasPopup, popupContainer, removePopup };\n","/**\n * Global namespace for most components `fade` class.\n */\nconst fadeClass = \"fade\";\nexport default fadeClass;\n","/** @type {string} */\nconst modalString = \"modal\";\nexport default modalString;\n","import {\n  addClass,\n  createElement,\n  getDocument,\n  getDocumentBody,\n  hasClass,\n  querySelector,\n  reflow,\n  removeClass,\n} from \"@thednp/shorty\";\n\nimport fadeClass from \"../strings/fadeClass\";\nimport showClass from \"../strings/showClass\";\nimport modalString from \"../strings/modalString\";\nimport offcanvasString from \"../strings/offcanvasString\";\nimport { resetScrollbar } from \"./scrollbar\";\nimport { appendPopup, removePopup } from \"./popupContainer\";\n\nconst backdropString = \"backdrop\";\nconst modalBackdropClass = `${modalString}-${backdropString}`;\nconst offcanvasBackdropClass = `${offcanvasString}-${backdropString}`;\nconst modalActiveSelector = `.${modalString}.${showClass}`;\nconst offcanvasActiveSelector = `.${offcanvasString}.${showClass}`;\n\n// any document would suffice\nconst overlay = createElement(\"div\") as HTMLElement;\n\n/**\n * Returns the current active modal / offcancas element.\n *\n * @param element the context element\n * @returns the requested element\n */\nconst getCurrentOpen = (element?: Element) => {\n  return querySelector(\n    `${modalActiveSelector},${offcanvasActiveSelector}`,\n    getDocument(element),\n  );\n};\n\n/**\n * Toogles from a Modal overlay to an Offcanvas, or vice-versa.\n *\n * @param isModal\n */\nconst toggleOverlayType = (isModal?: boolean) => {\n  const targetClass = isModal ? modalBackdropClass : offcanvasBackdropClass;\n  [modalBackdropClass, offcanvasBackdropClass].forEach((c) => {\n    removeClass(overlay, c);\n  });\n  addClass(overlay, targetClass);\n};\n\n/**\n * Append the overlay to DOM.\n *\n * @param element\n * @param hasFade\n * @param isModal\n */\nconst appendOverlay = (\n  element: Element,\n  hasFade: boolean,\n  isModal?: boolean,\n) => {\n  toggleOverlayType(isModal);\n  appendPopup(overlay, getDocumentBody(element));\n  if (hasFade) addClass(overlay, fadeClass);\n};\n\n/**\n * Shows the overlay to the user.\n */\nconst showOverlay = () => {\n  if (!hasClass(overlay, showClass)) {\n    addClass(overlay, showClass);\n    reflow(overlay);\n  }\n};\n\n/**\n * Hides the overlay from the user.\n */\nconst hideOverlay = () => {\n  removeClass(overlay, showClass);\n};\n\n/**\n * Removes the overlay from DOM.\n *\n * @param element\n */\nconst removeOverlay = (element?: Element): void => {\n  if (!getCurrentOpen(element)) {\n    removeClass(overlay, fadeClass);\n    removePopup(overlay, getDocumentBody(element));\n    resetScrollbar(element);\n  }\n};\n\nexport {\n  appendOverlay,\n  getCurrentOpen,\n  hideOverlay,\n  modalActiveSelector,\n  modalBackdropClass,\n  offcanvasActiveSelector,\n  offcanvasBackdropClass,\n  overlay,\n  removeOverlay,\n  showOverlay,\n  toggleOverlayType,\n};\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 | OffCanvas\n------------------------------------------------ */\nimport {\n  addClass,\n  ariaHidden,\n  ariaModal,\n  closest,\n  createCustomEvent,\n  dispatchEvent,\n  emulateTransitionEnd,\n  focus,\n  getDocument,\n  getDocumentBody,\n  getDocumentElement,\n  getElementTransitionDuration,\n  getInstance,\n  hasClass,\n  keydownEvent,\n  keyEscape,\n  mouseclickEvent,\n  MouseEvent,\n  querySelector,\n  querySelectorAll,\n  removeAttribute,\n  removeClass,\n  setAttribute,\n  setElementStyle,\n  toggleFocusTrap,\n} from \"@thednp/shorty\";\n\nimport { addListener, removeListener } from \"@thednp/event-listener\";\n\nimport dataBsDismiss from \"~/strings/dataBsDismiss\";\nimport dataBsToggle from \"~/strings/dataBsToggle\";\nimport showClass from \"~/strings/showClass\";\nimport offcanvasString from \"~/strings/offcanvasString\";\nimport offcanvasComponent from \"~/strings/offcanvasComponent\";\nimport modalComponent from \"~/strings/modalComponent\";\n\nimport getTargetElement from \"~/util/getTargetElement\";\nimport isVisible from \"~/util/isVisible\";\nimport { setScrollbar } from \"~/util/scrollbar\";\nimport { hasPopup } from \"~/util/popupContainer\";\nimport {\n  appendOverlay,\n  getCurrentOpen,\n  hideOverlay,\n  offcanvasActiveSelector,\n  overlay,\n  removeOverlay,\n  showOverlay,\n  toggleOverlayType,\n} from \"~/util/backdrop\";\nimport isDisabled from \"~/util/isDisabled\";\nimport BaseComponent from \"./base-component\";\nimport { OffcanvasEvent, OffcanvasOptions } from \"~/interface/offcanvas\";\n\n// OFFCANVAS PRIVATE GC\n// ====================\nconst offcanvasSelector = `.${offcanvasString}`;\nconst offcanvasToggleSelector = `[${dataBsToggle}=\"${offcanvasString}\"]`;\nconst offcanvasDismissSelector = `[${dataBsDismiss}=\"${offcanvasString}\"]`;\nconst offcanvasTogglingClass = `${offcanvasString}-toggling`;\n\nconst offcanvasDefaults = {\n  backdrop: true, // boolean\n  keyboard: true, // boolean\n  scroll: false, // boolean\n};\n\ntype OffCanvasEventProps = {\n  relatedTarget: Element & EventTarget | undefined;\n};\n\n/**\n * Static method which returns an existing `Offcanvas` instance associated\n * to a target `Element`.\n */\nconst getOffcanvasInstance = (element: Element) =>\n  getInstance<Offcanvas>(element, offcanvasComponent);\n\n/**\n * An `Offcanvas` initialization callback.\n */\nconst offcanvasInitCallback = (element: Element) => new Offcanvas(element);\n\n// OFFCANVAS CUSTOM EVENTS\n// =======================\nconst showOffcanvasEvent = createCustomEvent<\n  OffCanvasEventProps,\n  OffcanvasEvent\n>(`show.bs.${offcanvasString}`);\nconst shownOffcanvasEvent = createCustomEvent<\n  OffCanvasEventProps,\n  OffcanvasEvent\n>(`shown.bs.${offcanvasString}`);\nconst hideOffcanvasEvent = createCustomEvent<\n  OffCanvasEventProps,\n  OffcanvasEvent\n>(`hide.bs.${offcanvasString}`);\nconst hiddenOffcanvasEvent = createCustomEvent<\n  OffCanvasEventProps,\n  OffcanvasEvent\n>(`hidden.bs.${offcanvasString}`);\n\n// OFFCANVAS PRIVATE METHODS\n// =========================\n/**\n * Sets additional style for the `<body>` and other elements\n * when showing an offcanvas to the user.\n *\n * @param self the `Offcanvas` instance\n */\nconst setOffCanvasScrollbar = (self: Offcanvas) => {\n  const { element } = self;\n  const { clientHeight, scrollHeight } = getDocumentElement(element);\n  setScrollbar(element, clientHeight !== scrollHeight);\n};\n\n/**\n * Toggles on/off the listeners of the events that close the offcanvas.\n *\n * @param self the `Offcanvas` instance\n * @param add when *true* listeners are added\n */\nconst toggleOffCanvasDismiss = (self: Offcanvas, add?: boolean) => {\n  const action = add ? addListener : removeListener;\n  const doc = getDocument(self.element);\n  action(doc, keydownEvent, offcanvasKeyDismissHandler);\n  action(doc, mouseclickEvent, offcanvasDismissHandler);\n};\n\n/**\n * Executes before showing the offcanvas.\n *\n * @param self the `Offcanvas` instance\n */\nconst beforeOffcanvasShow = (self: Offcanvas) => {\n  const { element, options } = self;\n\n  // istanbul ignore else @preserve\n  if (!options.scroll) {\n    setOffCanvasScrollbar(self);\n    setElementStyle(getDocumentBody(element), { overflow: \"hidden\" });\n  }\n\n  addClass(element, offcanvasTogglingClass);\n  addClass(element, showClass);\n  setElementStyle(element, { visibility: \"visible\" });\n\n  emulateTransitionEnd(element, () => showOffcanvasComplete(self));\n};\n\n/**\n * Executes before hiding the offcanvas.\n *\n * @param self the `Offcanvas` instance\n */\nconst beforeOffcanvasHide = (self: Offcanvas) => {\n  const { element, options } = self;\n  const currentOpen = getCurrentOpen(element);\n\n  (element as HTMLElement).blur();\n\n  if (!currentOpen && options.backdrop && hasClass(overlay, showClass)) {\n    hideOverlay();\n  }\n  emulateTransitionEnd(element, () => hideOffcanvasComplete(self));\n};\n\n// OFFCANVAS EVENT HANDLERS\n// ========================\n/**\n * Handles the `click` event listeners.\n *\n * @param e the `Event` object\n */\nfunction offcanvasTriggerHandler(\n  this: HTMLElement,\n  e: MouseEvent<HTMLElement>,\n) {\n  const element = getTargetElement(this);\n  const self = element && getOffcanvasInstance(element);\n\n  // istanbul ignore if @preserve\n  if (isDisabled(this)) return;\n\n  // istanbul ignore if @preserve\n  if (!self) return;\n\n  self.relatedTarget = this;\n  self.toggle();\n\n  // istanbul ignore else @preserve\n  if (this.tagName === \"A\") e.preventDefault();\n}\n\n/**\n * Handles the event listeners that close the offcanvas.\n *\n * @param e the `Event` object\n */\nconst offcanvasDismissHandler = (e: MouseEvent<HTMLElement>) => {\n  const { target } = e;\n  const element = querySelector(\n    offcanvasActiveSelector,\n    getDocument(target),\n  );\n  // istanbul ignore else @preserve\n  if (!element) return;\n\n  const offCanvasDismiss = querySelector<HTMLElement>(\n    offcanvasDismissSelector,\n    element,\n  );\n  const self = getOffcanvasInstance(element);\n\n  // istanbul ignore if @preserve\n  if (!self) return;\n\n  const { options, triggers } = self;\n  const { backdrop } = options;\n  const trigger = closest(target, offcanvasToggleSelector);\n  const selection = getDocument(element).getSelection();\n\n  // istanbul ignore if @preserve - a filter is required here\n  if (overlay.contains(target) && backdrop === \"static\") return;\n\n  const isOwnTrigger = triggers.includes(target);\n  const isOwnTarget = offCanvasDismiss?.contains(target) || false;\n\n  // istanbul ignore if @preserve - unfortunately ignore won't work with this many conditions\n  if (\n    /* istanbul ignore next @preserve */\n    !(selection && selection.toString().length) &&\n    ((!element.contains(target) &&\n      backdrop && (!trigger || isOwnTrigger)) ||\n      isOwnTarget)\n  ) {\n    self.relatedTarget = offCanvasDismiss && isOwnTarget\n      ? offCanvasDismiss\n      : undefined;\n    self.hide();\n  }\n\n  // istanbul ignore next @preserve - we don't usually use Anchor for dismissers\n  if (trigger && trigger.tagName === \"A\") e.preventDefault();\n};\n\n/**\n * Handles the `keydown` event listener for offcanvas\n * to hide it when user type the `ESC` key.\n *\n * @param e the `Event` object\n */\nconst offcanvasKeyDismissHandler = ({ code, target }: KeyboardEvent) => {\n  const element = querySelector(\n    offcanvasActiveSelector,\n    getDocument(target as Node),\n  );\n  const self = element && getOffcanvasInstance(element);\n\n  // istanbul ignore if @preserve\n  if (!self) return;\n\n  // istanbul ignore else @preserve\n  if (self.options.keyboard && code === keyEscape) {\n    self.relatedTarget = undefined;\n    self.hide();\n  }\n};\n\n/**\n * Handles the `transitionend` when showing the offcanvas.\n *\n * @param self the `Offcanvas` instance\n */\nconst showOffcanvasComplete = (self: Offcanvas) => {\n  const { element } = self;\n  removeClass(element, offcanvasTogglingClass);\n\n  removeAttribute(element, ariaHidden);\n  setAttribute(element, ariaModal, \"true\");\n  setAttribute(element, \"role\", \"dialog\");\n\n  dispatchEvent(element, shownOffcanvasEvent);\n\n  toggleOffCanvasDismiss(self, true);\n  focus(element);\n  toggleFocusTrap(element);\n};\n\n/**\n * Handles the `transitionend` when hiding the offcanvas.\n *\n * @param self the `Offcanvas` instance\n */\nconst hideOffcanvasComplete = (self: Offcanvas) => {\n  const { element, triggers } = self;\n\n  setAttribute(element, ariaHidden, \"true\");\n  removeAttribute(element, ariaModal);\n  removeAttribute(element, \"role\");\n  setElementStyle(element, { visibility: \"\" });\n\n  const visibleTrigger = showOffcanvasEvent.relatedTarget ||\n    triggers.find(isVisible);\n  // istanbul ignore else @preserve\n  if (visibleTrigger) focus(visibleTrigger);\n\n  removeOverlay(element);\n\n  dispatchEvent(element, hiddenOffcanvasEvent);\n  removeClass(element, offcanvasTogglingClass);\n  toggleFocusTrap(element);\n\n  // must check for open instances\n  if (!getCurrentOpen(element)) {\n    toggleOffCanvasDismiss(self);\n  }\n};\n\n// OFFCANVAS DEFINITION\n// ====================\n/** Returns a new `Offcanvas` instance. */\nexport default class Offcanvas extends BaseComponent {\n  static selector = offcanvasSelector;\n  static init = offcanvasInitCallback;\n  static getInstance = getOffcanvasInstance;\n  declare element: HTMLElement;\n  declare options: OffcanvasOptions;\n  declare triggers: HTMLElement[];\n  declare relatedTarget: EventTarget & HTMLElement | undefined;\n\n  /**\n   * @param target usually an `.offcanvas` element\n   * @param config instance options\n   */\n  constructor(\n    target: Element | string,\n    config?: Partial<OffcanvasOptions>,\n  ) {\n    super(target, config);\n\n    // instance element\n    const { element } = this;\n\n    // all the triggering buttons\n    this.triggers = [\n      ...querySelectorAll<HTMLElement>(\n        offcanvasToggleSelector,\n        getDocument(element),\n      ),\n    ].filter(\n      (btn) => getTargetElement(btn) === element,\n    );\n\n    // additional instance property\n    this.relatedTarget = undefined;\n\n    // attach event listeners\n    this._toggleEventListeners(true);\n  }\n\n  /**\n   * Returns component name string.\n   */\n  get name() {\n    return offcanvasComponent;\n  }\n  /**\n   * Returns component default options.\n   */\n  get defaults() {\n    return offcanvasDefaults;\n  }\n\n  // OFFCANVAS PUBLIC METHODS\n  // ========================\n  /** Shows or hides the offcanvas from the user. */\n  toggle() {\n    if (hasClass(this.element, showClass)) this.hide();\n    else this.show();\n  }\n\n  /** Shows the offcanvas to the user. */\n  show() {\n    const { element, options, relatedTarget } = this;\n    let overlayDelay = 0;\n\n    // istanbul ignore else @preserve\n    if (hasClass(element, showClass)) return;\n\n    showOffcanvasEvent.relatedTarget = relatedTarget || undefined;\n    shownOffcanvasEvent.relatedTarget = relatedTarget || undefined;\n    dispatchEvent(element, showOffcanvasEvent);\n\n    // istanbul ignore else @preserve\n    if (showOffcanvasEvent.defaultPrevented) return;\n\n    // we elegantly hide any opened modal/offcanvas\n    const currentOpen = getCurrentOpen(element);\n    if (currentOpen && currentOpen !== element) {\n      // istanbul ignore next @preserve\n      const that = getOffcanvasInstance(currentOpen) ||\n        getInstance<typeof BaseComponent & { hide: () => void }>(\n          currentOpen,\n          modalComponent,\n        );\n\n      // istanbul ignore else @preserve\n      if (that) that.hide();\n    }\n\n    if (options.backdrop) {\n      if (!hasPopup(overlay)) appendOverlay(element, true);\n      else toggleOverlayType();\n\n      overlayDelay = getElementTransitionDuration(overlay);\n      showOverlay();\n\n      setTimeout(() => beforeOffcanvasShow(this), overlayDelay);\n    } else {\n      beforeOffcanvasShow(this);\n      // istanbul ignore next @preserve - this test was done on Modal\n      if (currentOpen && hasClass(overlay, showClass)) hideOverlay();\n    }\n  }\n\n  /** Hides the offcanvas from the user. */\n  hide() {\n    const { element, relatedTarget } = this;\n\n    // istanbul ignore else @preserve\n    if (!hasClass(element, showClass)) return;\n\n    hideOffcanvasEvent.relatedTarget = relatedTarget || undefined;\n    hiddenOffcanvasEvent.relatedTarget = relatedTarget || undefined;\n    dispatchEvent(element, hideOffcanvasEvent);\n\n    // istanbul ignore else @preserve\n    if (hideOffcanvasEvent.defaultPrevented) return;\n\n    addClass(element, offcanvasTogglingClass);\n    removeClass(element, showClass);\n    beforeOffcanvasHide(this);\n  }\n\n  /**\n   * Toggles on/off the `click` event listeners.\n   *\n   * @param self the `Offcanvas` instance\n   * @param add when *true*, listeners are added\n   */\n  _toggleEventListeners = (add?: boolean) => {\n    const action = add ? addListener : removeListener;\n    this.triggers.forEach((btn) => {\n      action(btn, mouseclickEvent, offcanvasTriggerHandler);\n    });\n  };\n\n  /** Removes the `Offcanvas` from the target element. */\n  dispose() {\n    const { element } = this;\n    const isOpen = hasClass(element, showClass);\n    const callback = () => setTimeout(() => super.dispose(), 1);\n\n    this.hide();\n    this._toggleEventListeners();\n\n    if (isOpen) emulateTransitionEnd(element, callback);\n    // istanbul ignore next @preserve\n    else callback();\n  }\n}\n"],"mappings":"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"}