Proyectos de Subversion Moodle

 * Bootstrap (v4.6.2): dropdown.js

 * Bootstrap dropdown.js

import $ from 'jquery'

import * as Popper from 'core/popper2'

import Popper from 'core/popper'

import EventHandler from './dom/event-handler'

const ARROW_DOWN_KEYCODE = 40 // KeyboardEvent.which value for down arrow key

const DATA_KEY = 'bs.dropdown'

const RIGHT_MOUSE_BUTTON_WHICH = 3 // MouseEvent.which value for the right button (assuming a right-handed mouse)

const EVENT_KEY = `.${DATA_KEY}`

const REGEXP_KEYDOWN = new RegExp(`${ARROW_UP_KEYCODE}|${ARROW_DOWN_KEYCODE}|${ESCAPE_KEYCODE}`)

const DATA_API_KEY = '.data-api'

const CLASS_NAME_DISABLED = 'disabled'

const CLASS_NAME_SHOW = 'show'

const ESCAPE_KEY = 'Escape'

const EVENT_SHOWN = `shown${EVENT_KEY}`

const EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`

const EVENT_CLICK = `click${EVENT_KEY}`

const SELECTOR_DATA_TOGGLE = '[data-bs-toggle="dropdown"]:not(.disabled):not(:disabled)'

const SELECTOR_DATA_TOGGLE = '[data-toggle="dropdown"]'

const SELECTOR_DATA_TOGGLE_SHOWN = `${SELECTOR_DATA_TOGGLE}.${CLASS_NAME_SHOW}`

const SELECTOR_FORM_CHILD = '.dropdown form'

const SELECTOR_MENU = '.dropdown-menu'

const SELECTOR_MENU = '.dropdown-menu'

const SELECTOR_NAVBAR = '.navbar'

const SELECTOR_NAVBAR_NAV = '.navbar-nav'

const SELECTOR_NAVBAR_NAV = '.navbar-nav'

const SELECTOR_VISIBLE_ITEMS = '.dropdown-menu .dropdown-item:not(.disabled):not(:disabled)'

const PLACEMENT_TOPEND = 'top-end'

const PLACEMENT_BOTTOM = isRTL() ? 'bottom-end' : 'bottom-start'

const PLACEMENT_BOTTOM = 'bottom-start'

const PLACEMENT_BOTTOMEND = isRTL() ? 'bottom-start' : 'bottom-end'

const PLACEMENT_LEFT = 'left-start'

const PLACEMENT_TOPCENTER = 'top'

  offset: 0,

  autoClose: true,

  popperConfig: null

  popperConfig: null,

  flip: 'boolean',

  boundary: '(string|element)',

  reference: '(string|element)',

  offset: '(array|string|function)',

  popperConfig: '(null|object)'

}

}

/**

  static get Default() {

  static get Default() {

    if (this._element.disabled || $(this._element).hasClass(CLASS_NAME_DISABLED)) {

  }

      return

      return

    return NAME

    }

  }

  toggle() {

        // Check if it's jQuery element

    if (isDisabled(this._element) || this._isShown()) {

        if (typeof this._config.reference.jquery !== 'undefined') {

      return

          referenceElement = this._config.reference[0]

    }

      // If boundary is not `scrollParent`, then set position to `static`

      // https://github.com/twbs/bootstrap/issues/24251

    const showEvent = EventHandler.trigger(this._element, EVENT_SHOW, relatedTarget)

      if (this._config.boundary !== 'scrollParent') {

    }

    // only needed because of broken event delegation on iOS

      relatedTarget: this._element

      for (const element of [].concat(...document.body.children)) {

    if (hideEvent.isDefaultPrevented()) {

    this._menu.classList.add(CLASS_NAME_SHOW)

      return

    this._element.classList.add(CLASS_NAME_SHOW)

      this._popper.destroy()

  hide() {

    }

      return

    }

    $(this._menu).toggleClass(CLASS_NAME_SHOW)

      this._popper.destroy()

    $(parent)

    }

      .toggleClass(CLASS_NAME_SHOW)

    $.removeData(this._element, DATA_KEY)

  }

    this._menu = null

  // Private

    if (this._popper !== null) {

  _completeHide(relatedTarget) {

      this._popper = null

    const hideEvent = EventHandler.trigger(this._element, EVENT_HIDE, relatedTarget)

    }

      return

  update() {

    // If this is a touch-enabled device we remove the extra

    this._inNavbar = this._detectNavbar()

    // empty mouseover listeners we added for iOS support

    if (this._popper !== null) {

    if ('ontouchstart' in document.documentElement) {

      this._popper.scheduleUpdate()

        EventHandler.off(element, 'mouseover', noop)

    }

    }

  }

  // Private

    this._element.classList.remove(CLASS_NAME_SHOW)

      event.preventDefault()

      event.stopPropagation()

    })

      throw new TypeError('Bootstrap\'s dropdowns require Popper (https://popper.js.org)')

    }

      NAME,

    } else if (isElement(this._config.reference)) {

    )

    const popperConfig = this._getPopperConfig()

  }

  _isShown() {

    return this._menu.classList.contains(CLASS_NAME_SHOW)

      if (parent) {

  }

        this._menu = parent.querySelector(SELECTOR_MENU)

  _getPlacement() {

    const $parentDropdown = $(this._element.parentNode)

    }

    if (parentDropdown.classList.contains(CLASS_NAME_DROPSTART)) {

    // Handle dropup

      return PLACEMENT_LEFT

    if ($parentDropdown.hasClass(CLASS_NAME_DROPUP)) {

    }

    } else if ($parentDropdown.hasClass(CLASS_NAME_DROPRIGHT)) {

    } else if ($parentDropdown.hasClass(CLASS_NAME_DROPLEFT)) {

      return PLACEMENT_TOPCENTER

    } else if ($(this._menu).hasClass(CLASS_NAME_MENURIGHT)) {

    const isEnd = getComputedStyle(this._menu).getPropertyValue('--bs-position').trim() === 'end'

      placement = PLACEMENT_BOTTOMEND

    }

      return isEnd ? PLACEMENT_TOPEND : PLACEMENT_TOP

    return placement

    return isEnd ? PLACEMENT_BOTTOMEND : PLACEMENT_BOTTOM

  _detectNavbar() {

  _detectNavbar() {

    return $(this._element).closest('.navbar').length > 0

    return this._element.closest(SELECTOR_NAVBAR) !== null

    const offset = {}

      offset.fn = data => {

    const defaultBsPopperConfig = {

          ...data.offsets,

      placement: this._getPlacement(),

          ...this._config.offset(data.offsets, this._element)

      modifiers: [{

        return data

        options: {

      }

          boundary: this._config.boundary

          offset: this._getOffset()

    const popperConfig = {

        }

        offset: this._getOffset(),

        flip: {

    // Disable Popper if we have a static display or Dropdown is in Navbar

          enabled: this._config.flip

    if (this._inNavbar || this._config.display === 'static') {

    }

      Manipulator.setDataAttribute(this._menu, 'popper', 'static') // TODO: v6 remove

    }

      }]

      ...this._config.popperConfig

    }

  _selectMenuItem({ key, target }) {

  static _jQueryInterface(config) {

    if (!items.length) {

        }

      return

    }

    // if target isn't included in items (e.g. when expanding the dropdown)

      event.type === 'keyup' && event.which !== TAB_KEYCODE)) {

  }

      return

    }

  // Static

  static jQueryInterface(config) {

    const toggles = [].slice.call(document.querySelectorAll(SELECTOR_DATA_TOGGLE))

    return this.each(function () {

      const parent = Dropdown._getParentFromElement(toggles[i])

      const data = Dropdown.getOrCreateInstance(this, config)

        relatedTarget: toggles[i]

      }

      }

      }

      // If this is a touch-enabled device we remove the extra

      // empty mouseover listeners we added for iOS support

      data[config]()

        $(document.body).children().off('mouseover', null, $.noop)

    })

      }

  }

      toggles[i].setAttribute('aria-expanded', 'false')

  static clearMenus(event) {

      if (context._popper) {

    if (event.button === RIGHT_MOUSE_BUTTON || (event.type === 'keyup' && event.key !== TAB_KEY)) {

      $(parent)

    for (const toggle of openToggles) {

        .removeClass(CLASS_NAME_SHOW)

      const context = Dropdown.getInstance(toggle)

      if (!context || context._config.autoClose === false) {

    const selector = Util.getSelectorFromElement(element)

        continue

    // If not input/textarea:

        (context._config.autoClose === 'inside' && !isMenuTarget) ||

    //  - And not a key in REGEXP_KEYDOWN => not a dropdown command

        (context._config.autoClose === 'outside' && isMenuTarget)

    // If input/textarea:

        continue

    //  - If space key => not a dropdown command

      }

    //  - If key is other than escape

    //    - If trigger inside the menu => not a dropdown command

      // Tab navigation through the dropdown menu or events from contained inputs shouldn't close the menu

        $(event.target).closest(SELECTOR_MENU).length) : !REGEXP_KEYDOWN.test(event.which)) {

      if (context._menu.contains(event.target) && ((event.type === 'keyup' && event.key === TAB_KEY) || /input|select|option|textarea|form/i.test(event.target.tagName))) {

      return

      const relatedTarget = { relatedTarget: context._element }