wikimedia/mediawiki-core

File oojs-ui-core.js has 6512 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/*!
 * OOUI v0.49.1
 * https://www.mediawiki.org/wiki/OOUI
 *
 * Copyright 2011–2024 OOUI Team and other contributors.

Function computePosition has 117 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.PopupWidget.prototype.computePosition = function () {
    const popupPos = {},
        anchorCss = { left: '', right: '', top: '', bottom: '' },
        popupPositionOppositeMap = {
            above: 'below',

Function OoUiSelectFileInputWidget has 117 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.SelectFileInputWidget = function OoUiSelectFileInputWidget( config ) {
    config = config || {};

    // Construct buttons before parent method is called (calling setDisabled)
    this.selectButton = new OO.ui.ButtonWidget( $.extend( {

Function clip has 110 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.mixin.ClippableElement.prototype.clip = function () {
    if ( !this.clipping ) {
        // this.$clippableScrollableContainer and this.$clippableWindow are null, so the below
        // will fail
        return this;

Function unsafeInfuse has 101 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.Element.static.unsafeInfuse = function ( elem, config, domPromise ) {
    // look for a cached result of a previous infusion.
    let $elem = $( elem );

    if ( $elem.length > 1 ) {

Function computePosition has 91 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.mixin.FloatableElement.prototype.computePosition = function () {
    const newPos = { top: '', left: '', bottom: '', right: '' };
    const direction = this.$floatableContainer.css( 'direction' );

    let $offsetParent = this.$floatable.offsetParent();

Function scrollIntoView has 81 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.Element.static.scrollIntoView = function ( elOrPosition, config ) {
    const deferred = $.Deferred();

    // Configuration initialization
    config = config || {};

Function onDocumentKeyDown has 78 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.SelectWidget.prototype.onDocumentKeyDown = function ( e ) {
    let handled = false;

    const currentItem =
        ( this.isVisible() && this.findHighlightedItem() ) ||

Function toggle has 73 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.PopupWidget.prototype.toggle = function ( show ) {
    show = show === undefined ? !this.isVisible() : !!show;

    const change = show !== this.isVisible();

Function toggle has 70 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.MenuSelectWidget.prototype.toggle = function ( visible ) {
    visible = ( visible === undefined ? !this.visible : !!visible ) && !!this.items.length;
    const change = visible !== this.isVisible();

    if ( visible && !this.warnedUnattached && !this.isElementAttached() ) {

Function OoUiPopupWidget has 67 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.PopupWidget = function OoUiPopupWidget( config ) {
    // Configuration initialization
    config = config || {};

    // Parent constructor

Function OoUiTextInputWidget has 67 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.TextInputWidget = function OoUiTextInputWidget( config ) {
    // Configuration initialization
    config = $.extend( {
        labelPosition: 'after'
    }, config );

Function OoUiFieldLayout has 63 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.FieldLayout = function OoUiFieldLayout( fieldWidget, config ) {
    // Allow passing positional parameters inside the config object
    if ( OO.isPlainObject( fieldWidget ) && config === undefined ) {
        config = fieldWidget;
        fieldWidget = config.fieldWidget;

Function OoUiNumberInputWidget has 61 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.NumberInputWidget = function OoUiNumberInputWidget( config ) {
    const $field = $( '<div>' ).addClass( 'oo-ui-numberInputWidget-field' );

    // Configuration initialization
    config = $.extend( {

Function OoUiComboBoxInputWidget has 57 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.ComboBoxInputWidget = function OoUiComboBoxInputWidget( config ) {
    // Configuration initialization
    config = $.extend( {
        autocomplete: false
    }, config );

Function OoUiDropdownWidget has 49 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.DropdownWidget = function OoUiDropdownWidget( config ) {
    // Configuration initialization
    config = $.extend( { indicator: 'down' }, config );

    // Parent constructor

Function setFlags has 47 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.mixin.FlaggedElement.prototype.setFlags = function ( flags ) {
    const changes = {},
        add = [],
        remove = [],
        classPrefix = 'oo-ui-flaggedElement-';

Function adjustSize has 44 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.MultilineTextInputWidget.prototype.adjustSize = function ( force ) {
    if ( force || this.$input.val() !== this.valCache ) {
        if ( this.autosize ) {
            this.$clone
                .val( this.$input.val() )

Function isElementInViewport has 44 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.mixin.FloatableElement.prototype.isElementInViewport = function ( $element, $container ) {
    const direction = $element.css( 'direction' );

    const elemRect = $element[ 0 ].getBoundingClientRect();
    let contRect;

Function onDocumentKeyDown has 43 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.MenuSelectWidget.prototype.onDocumentKeyDown = function ( e ) {
    let handled = false;

    const currentItem = this.findHighlightedItem() || this.findFirstSelectedItem();

Function OoUiFieldsetLayout has 41 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.FieldsetLayout = function OoUiFieldsetLayout( config ) {
    // Configuration initialization
    config = config || {};

    // Parent constructor

Function createHelpElement has 41 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.FieldLayout.prototype.createHelpElement = function ( help, $overlay ) {
    let helpId, helpWidget;

    if ( this.helpInline ) {
        helpWidget = new OO.ui.LabelWidget( {

Function updateItemVisibility has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.MenuSelectWidget.prototype.updateItemVisibility = function () {
    if ( !this.filterFromInput || !this.$input ) {
        this.clip();
        return;
    }

Function findRelativeSelectableItem has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.SelectWidget.prototype.findRelativeSelectableItem = function ( item, offset, filter, wrap ) {
    const step = offset > 0 ? 1 : -1,
        len = this.items.length;
    if ( wrap === undefined ) {
        wrap = true;

Function updateUI has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.SelectFileInputWidget.prototype.updateUI = function () {
    // Too early
    if ( !this.selectButton ) {
        return;
    }

Function onDocumentKeyPress has 38 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.SelectWidget.prototype.onDocumentKeyPress = function ( e ) {
    if ( !e.charCode ) {
        if ( e.keyCode === OO.ui.Keys.BACKSPACE && this.keyPressBuffer !== '' ) {
            this.keyPressBuffer = this.keyPressBuffer.slice( 0, this.keyPressBuffer.length - 1 );
            return false;

Function togglePositioning has 37 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.mixin.FloatableElement.prototype.togglePositioning = function ( positioning ) {
    if ( !this.$floatable || !this.$floatableContainer ) {
        return this;
    }

Function highlightQuery has 37 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.mixin.LabelElement.static.highlightQuery = function ( text, query, compare, combineMarks ) {
    let offset = -1,
        comboLength = 0,
        comboMarks = '',
        comboRegex,

Function setAlignment has 37 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.FieldLayout.prototype.setAlignment = function ( value ) {
    if ( value !== this.align ) {
        // Default to 'left'
        if ( [ 'left', 'right', 'top', 'inline' ].indexOf( value ) === -1 ) {
            value = 'left';

Function OoUiElement has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.Element = function OoUiElement( config ) {
    if ( OO.ui.isDemo ) {
        this.initialConfig = config;
    }
    // Configuration initialization

Function OoUiButtonWidget has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.ButtonWidget = function OoUiButtonWidget( config ) {
    // Configuration initialization
    config = config || {};

    // Parent constructor

Function toggleClipping has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.mixin.ClippableElement.prototype.toggleClipping = function ( clipping ) {
    clipping = clipping === undefined ? !this.clipping : !!clipping;

    if ( clipping && !this.warnedUnattached && !this.isElementAttached() ) {
        OO.ui.warnDeprecation( 'ClippableElement#toggleClipping: Before calling this method, the element must be attached to the DOM.' );

Function getDimensions has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.Element.static.getDimensions = function ( el ) {
    const doc = this.getDocument( el ),
        win = doc.defaultView;

    if ( win === el || el === doc.documentElement ) {

Function OoUiSelectWidget has 32 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.SelectWidget = function OoUiSelectWidget( config ) {
    // Configuration initialization
    config = config || {};

    // Parent constructor

Function onWheel has 30 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.NumberInputWidget.prototype.onWheel = function ( event ) {
    let delta = 0;

    if ( this.isDisabled() || this.isReadOnly() ) {
        return;

Function OoUiMultilineTextInputWidget has 30 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.MultilineTextInputWidget = function OoUiMultilineTextInputWidget( config ) {
    config = $.extend( {
        type: 'text'
    }, config );

Function OoUiInputWidget has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.InputWidget = function OoUiInputWidget( config ) {
    // Configuration initialization
    config = config || {};

    // Parent constructor

Function setValue has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.SelectFileInputWidget.prototype.setValue = function ( files ) {
    if ( files === undefined || typeof files === 'string' ) {
        // Called during init, don't replace value if just infusing.
        return this;
    }

Function getClosestScrollableContainer has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.Element.static.getClosestScrollableContainer = function ( el, dimension ) {
    const doc = this.getDocument( el );
    const rootScrollableElement = this.getRootScrollableElement( el );
    // Browsers do not correctly return the computed value of 'overflow' when 'overflow-x' and
    // 'overflow-y' have different values, so we need to check the separate properties.

Function onDragEnterOrOver has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.SelectFileInputWidget.prototype.onDragEnterOrOver = function ( e ) {
    let hasDroppableFile = false;

    const dt = e.originalEvent.dataTransfer;

Function OoUiMessageWidget has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.MessageWidget = function OoUiMessageWidget( config ) {
    // Configuration initialization
    config = config || {};

    // Parent constructor

Function selectItem has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.SelectWidget.prototype.selectItem = function ( item ) {
    if ( item ) {
        if ( item.isSelected() ) {
            return this;
        } else if ( this.multiselect ) {

Function setOptionsData has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.DropdownInputWidget.prototype.setOptionsData = function ( options ) {
    const widget = this;

    this.optionsDirty = true;

Function onClick has 27 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.CheckboxMultiselectWidget.prototype.onClick = function ( e ) {
    const $lastClicked = this.$lastClicked,
        $nowClicked = $( e.target ).closest( '.oo-ui-checkboxMultioptionWidget' )
            .not( '.oo-ui-widget-disabled' );

Function getFrameOffset has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.Element.static.getFrameOffset = function ( from, to, offset ) {
    if ( !to ) {
        to = window;
    }
    if ( !offset ) {

Function isFocusableElement has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.isFocusableElement = function ( $element ) {
    const element = $element[ 0 ];

    // Anything disabled is not focusable
    if ( element.disabled ) {

Function getItemFromLabel has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.SelectWidget.prototype.getItemFromLabel = function ( label, prefix ) {
    const len = this.items.length;

    let filter = this.getItemMatcher( label, 'exact' );

Function loadAndGetImageUrl has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.SelectFileInputWidget.prototype.loadAndGetImageUrl = function ( file ) {
    const deferred = $.Deferred(),
        reader = new FileReader();

    if (

Function OoUiMenuSelectWidget has 26 lines of code (exceeds 25 allowed). Consider refactoring.

Open

OO.ui.MenuSelectWidget = function OoUiMenuSelectWidget( config ) {
    // Configuration initialization
    config = config || {};

    // Parent constructor

Avoid deeply nested control flow statements.

Open

                    if ( this.isClippedHorizontally() || this.isFloatableOutOfView() ) {
                        // If opening the popup in the normal direction causes it to be clipped,
                        // open in the opposite one instead
                        const normalWidth = this.$element.width();
                        this.isAutoFlipped = !this.isAutoFlipped;

Avoid deeply nested control flow statements.

Open

                    if ( originalHeight > flippedHeight ) {
                        this.setVerticalPosition( this.originalVerticalPosition );
                    }

Avoid deeply nested control flow statements.

Open

            if ( flags[ flag ] ) {
                // Set
                if ( !this.flags[ flag ] ) {
                    changes[ flag ] = true;
                    this.flags[ flag ] = true;

Avoid deeply nested control flow statements.

Open

                    if ( this.isClippedVertically() || this.isFloatableOutOfView() ) {
                        // If opening the popup in the normal direction causes it to be clipped,
                        // open in the opposite one instead
                        const normalHeight = this.$element.height();
                        this.isAutoFlipped = !this.isAutoFlipped;

Consider simplifying this complex logical expression.

Open

    if ( event.type === 'input' || event.type === 'mouseup' || ( event.type === 'keydown' && (
        event.keyCode === OO.ui.Keys.ENTER ||
        event.keyCode === OO.ui.Keys.UP ||
        event.keyCode === OO.ui.Keys.DOWN
    ) ) ) {

Avoid too many return statements within this function.

Open

    return undefined;

Avoid too many return statements within this function.

Open

    return rootScrollableElement;

Avoid too many return statements within this function.

Open

            return false;

Avoid too many return statements within this function.

Open

        return true;

Avoid too many return statements within this function.

Open

    return false;

Avoid too many return statements within this function.

Open

    return elemRect.top <= contRect.bottom && elemRect.bottom >= contRect.top &&
        elemRect.left <= contRect.right && elemRect.right >= contRect.left;

Avoid too many return statements within this function.

Open

    return false;

Avoid too many return statements within this function.

Open

    return true;

Avoid too many return statements within this function.

Open

        return true;

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.mixin.IconElement.prototype.setIconElement = function ( $icon ) {
    if ( this.$icon ) {
        this.$icon
            .removeClass( 'oo-ui-iconElement-icon oo-ui-icon-' + this.icon )
            .removeAttr( 'title' );

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.mixin.IndicatorElement.prototype.setIndicatorElement = function ( $indicator ) {
    if ( this.$indicator ) {
        this.$indicator
            .removeClass( 'oo-ui-indicatorElement-indicator oo-ui-indicator-' + this.indicator )
            .removeAttr( 'title' );

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.TextInputWidget.prototype.setValidityFlag = function ( isValid ) {
    const widget = this,
        setFlag = function ( valid ) {
            if ( !valid ) {
                widget.$input.attr( 'aria-invalid', 'true' );

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    OO.ui.Element.static.computeNativeScrollLeft = function ( normalizedOffset, el ) {
        // All browsers use the correct scroll type ('negative') on the root, so don't
        // do any fixups when looking at the root element
        const direction = isRoot( el ) ? 'ltr' : $( el ).css( 'direction' );

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    OO.ui.Element.static.computeNormalizedScrollLeft = function ( nativeOffset, el ) {
        // All browsers use the correct scroll type ('negative') on the root, so don't
        // do any fixups when looking at the root element
        const direction = isRoot( el ) ? 'ltr' : $( el ).css( 'direction' );

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        if ( !this.sawWheelEvent ) {
            if ( event.originalEvent.wheelDeltaX ) {
                delta = -event.originalEvent.wheelDeltaX;
            } else if ( event.originalEvent.wheelDeltaY ) {
                delta = event.originalEvent.wheelDeltaY;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    for ( let i = 0; i < this.items.length; i++ ) {
        const pressed = this.items[ i ] === item;
        if ( this.items[ i ].isPressed() !== pressed ) {
            this.items[ i ].setPressed( pressed );
            if ( changed ) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    for ( let i = 0; i < this.items.length; i++ ) {
        const highlighted = this.items[ i ] === item;
        if ( this.items[ i ].isHighlighted() !== highlighted ) {
            this.items[ i ].setHighlighted( highlighted );
            if ( changed ) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.mixin.IconElement = function OoUiMixinIconElement( config ) {
    // Configuration initialization
    config = config || {};

    // Properties

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.mixin.IndicatorElement = function OoUiMixinIndicatorElement( config ) {
    // Configuration initialization
    config = config || {};

    // Properties

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if ( clipWidth ) {
        // The hacks below are no longer needed for Firefox and Chrome after T349034,
        // but may still be needed for Safari. TODO: Test and maybe remove them.

        // Set overflow to 'scroll' first to avoid browser bugs causing bogus scrollbars (T67059),

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if ( clipHeight ) {
        // The hacks below are no longer needed for Firefox and Chrome after T349034,
        // but may still be needed for Safari. TODO: Test and maybe remove them.

        // Set overflow to 'scroll' first to avoid browser bugs causing bogus scrollbars (T67059),

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            if (
                ( this.isClippedVertically() || this.isFloatableOutOfView() ) &&
                this.originalVerticalPosition !== 'center'
            ) {
                // If opening the menu in one direction causes it to be clipped, flip it

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.mixin.FloatableElement.prototype.setVerticalPosition = function ( position ) {
    if ( [ 'below', 'above', 'top', 'bottom', 'center' ].indexOf( position ) === -1 ) {
        throw new Error( 'Invalid value for vertical position: ' + position );
    }
    if ( this.verticalPosition !== position ) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.mixin.FloatableElement.prototype.setHorizontalPosition = function ( position ) {
    if ( [ 'before', 'after', 'start', 'end', 'center' ].indexOf( position ) === -1 ) {
        throw new Error( 'Invalid value for horizontal position: ' + position );
    }
    if ( this.horizontalPosition !== position ) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    return function () {
        const context = this,
            args = arguments,
            later = function () {
                timeout = null;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.RadioInputWidget.prototype.restorePreInfuseState = function ( state ) {
    OO.ui.RadioInputWidget.super.prototype.restorePreInfuseState.call( this, state );
    if ( state.checked !== undefined && state.checked !== this.isSelected() ) {
        this.setSelected( state.checked );
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.CheckboxInputWidget.prototype.restorePreInfuseState = function ( state ) {
    OO.ui.CheckboxInputWidget.super.prototype.restorePreInfuseState.call( this, state );
    if ( state.checked !== undefined && state.checked !== this.isSelected() ) {
        this.setSelected( state.checked );
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.NumberInputWidget.prototype.updateControlsDisabled = function () {
    const disabled = this.isDisabled() || this.isReadOnly();
    if ( this.minusButton ) {
        this.minusButton.setDisabled( disabled );
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.ComboBoxInputWidget.prototype.updateControlsDisabled = function () {
    const disabled = this.isDisabled() || this.isReadOnly();
    if ( this.dropdownButton ) {
        this.dropdownButton.setDisabled( disabled );
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.CheckboxInputWidget.static.gatherPreInfuseState = function ( node, config ) {
    const state = OO.ui.CheckboxInputWidget.super.static.gatherPreInfuseState( node, config );
    if ( config.$input ) {
        state.checked = config.$input.prop( 'checked' );
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.RadioInputWidget.static.gatherPreInfuseState = function ( node, config ) {
    const state = OO.ui.RadioInputWidget.super.static.gatherPreInfuseState( node, config );
    if ( config.$input ) {
        state.checked = config.$input.prop( 'checked' );
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.SelectWidget.prototype.findHighlightedItem = function () {
    for ( let i = 0; i < this.items.length; i++ ) {
        if ( this.items[ i ].isHighlighted() ) {
            return this.items[ i ];
        }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.SelectWidget.prototype.findFirstSelectedItem = function () {
    for ( let i = 0; i < this.items.length; i++ ) {
        if ( this.items[ i ].isSelected() ) {
            return this.items[ i ];
        }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.MenuSelectWidget.prototype.unbindDocumentKeyDownListener = function () {
    if ( this.$input ) {
        this.$input.off( 'keydown', this.onDocumentKeyDownHandler );
    } else {
        OO.ui.MenuSelectWidget.super.prototype.unbindDocumentKeyDownListener.call( this );

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.MenuSelectWidget.prototype.bindDocumentKeyDownListener = function () {
    if ( this.$input ) {
        this.$input.on( 'keydown', this.onDocumentKeyDownHandler );
    } else {
        OO.ui.MenuSelectWidget.super.prototype.bindDocumentKeyDownListener.call( this );

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.OptionWidget.prototype.setHighlighted = function ( state ) {
    if ( this.constructor.static.highlightable ) {
        this.highlighted = !!state;
        this.$element.toggleClass( 'oo-ui-optionWidget-highlighted', state );
        this.updateThemeClasses();

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.OptionWidget.prototype.setPressed = function ( state ) {
    if ( this.constructor.static.pressable ) {
        this.pressed = !!state;
        this.$element.toggleClass( 'oo-ui-optionWidget-pressed', state );
        this.updateThemeClasses();

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if ( item ) {
        if ( this.isVisible() && item.constructor.static.highlightable ) {
            this.highlightItem( item );
        } else {
            if ( this.screenReaderMode ) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        if ( nextItem ) {
            if ( this.isVisible() && nextItem.constructor.static.highlightable ) {
                this.highlightItem( nextItem );
            } else {
                if ( this.screenReaderMode ) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.CheckboxMultioptionWidget.prototype.setDisabled = function ( disabled ) {
    OO.ui.CheckboxMultioptionWidget.super.prototype.setDisabled.call( this, disabled );
    this.checkbox.setDisabled( this.isDisabled() );
    return this;
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.RadioOptionWidget.prototype.setDisabled = function ( disabled ) {
    OO.ui.RadioOptionWidget.super.prototype.setDisabled.call( this, disabled );

    this.radio.setDisabled( this.isDisabled() );

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.CheckboxInputWidget.prototype.isIndeterminate = function () {
    // Resynchronize our internal data with DOM data. Other scripts executing on the page can modify
    // it, and we won't know unless they're kind enough to trigger a 'change' event.
    const indeterminate = this.$input.prop( 'indeterminate' );
    if ( this.indeterminate !== indeterminate ) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.CheckboxInputWidget.prototype.isSelected = function () {
    // Resynchronize our internal data with DOM data. Other scripts executing on the page can modify
    // it, and we won't know unless they're kind enough to trigger a 'change' event.
    const selected = this.$input.prop( 'checked' );
    if ( this.selected !== selected ) {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    this.$handle.on( {
        click: this.onClick.bind( this ),
        keydown: this.onKeyDown.bind( this ),
        focus: this.onFocus.bind( this ),
        blur: this.onBlur.bind( this )

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.SearchInputWidget.prototype.onIndicatorClick = function ( e ) {
    if ( e.which === OO.ui.MouseButtons.LEFT ) {
        // Clear the text field
        this.setValue( '' );
        this.focus();

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.SearchInputWidget.prototype.onIndicatorKeyDown = function ( e ) {
    if ( e.keyCode === OO.ui.Keys.ENTER ) {
        // Clear the text field
        this.setValue( '' );
        this.focus();

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

OO.ui.CheckboxMultiselectInputWidget.prototype.setDisabled = function ( state ) {
    this.checkboxMultiselectWidget.setDisabled( state );
    OO.ui.CheckboxMultiselectInputWidget.super.prototype.setDisabled.call( this, state );
    return this;
};

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

OO.ui.RadioSelectInputWidget.prototype.setDisabled = function ( state ) {
    this.radioSelectWidget.setDisabled( state );
    OO.ui.RadioSelectInputWidget.super.prototype.setDisabled.call( this, state );
    return this;
};

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

OO.ui.DropdownInputWidget.prototype.setDisabled = function ( state ) {
    this.dropdownWidget.setDisabled( state );
    OO.ui.DropdownInputWidget.super.prototype.setDisabled.call( this, state );
    return this;
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.RadioSelectInputWidget.static.reusePreInfuseDOM = function ( node, config ) {
    config = OO.ui.RadioSelectInputWidget.super.static.reusePreInfuseDOM( node, config );
    // Cannot reuse the `<input type=radio>` set
    delete config.$input;
    return config;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    return function () {
        // Check how long it's been since the last time the function was
        // called, and whether it's more or less than the requested throttle
        // period. If it's less, run the function immediately. If it's more,
        // set a timeout for the remaining time -- but don't replace an

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.CheckboxMultiselectInputWidget.static.reusePreInfuseDOM = function ( node, config ) {
    config = OO.ui.CheckboxMultiselectInputWidget.super.static.reusePreInfuseDOM( node, config );
    // Cannot reuse the `<input type=checkbox>` set
    delete config.$input;
    return config;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        if ( position.top < padding.top || config.alignToTop ) {
            animations.scrollTop = containerDimensions.scroll.top + position.top - padding.top;
        } else if ( position.bottom < padding.bottom ) {
            animations.scrollTop = containerDimensions.scroll.top +
                // Scroll the bottom into view, but not at the expense

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        if ( position.left < padding.left ) {
            animations.scrollLeft = containerDimensions.scroll.left + position.left - padding.left;
        } else if ( position.right < padding.right ) {
            animations.scrollLeft = containerDimensions.scroll.left +
                // Scroll the right into view, but not at the expense

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.NumberInputWidget.prototype.setDisabled = function ( disabled ) {
    // Parent method
    OO.ui.NumberInputWidget.super.prototype.setDisabled.call( this, disabled );
    this.updateControlsDisabled();
    return this;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.mixin.ClippableElement.prototype.getHorizontalAnchorEdge = function () {
    if ( this.computePosition && this.positioning && this.computePosition().right !== '' ) {
        return 'right';
    }
    return 'left';

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.mixin.ClippableElement.prototype.getVerticalAnchorEdge = function () {
    if ( this.computePosition && this.positioning && this.computePosition().bottom !== '' ) {
        return 'bottom';
    }
    return 'top';

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.MenuSelectWidget.prototype.removeItems = function ( items ) {
    // Parent method
    OO.ui.MenuSelectWidget.super.prototype.removeItems.call( this, items );

    this.updateItemVisibility();

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

OO.ui.ComboBoxInputWidget.prototype.setReadOnly = function () {
    // Parent method
    OO.ui.ComboBoxInputWidget.super.prototype.setReadOnly.apply( this, arguments );
    this.updateControlsDisabled();
    return this;

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

OO.ui.NumberInputWidget.prototype.setReadOnly = function () {
    // Parent method
    OO.ui.NumberInputWidget.super.prototype.setReadOnly.apply( this, arguments );
    this.updateControlsDisabled();
    return this;

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

OO.ui.ComboBoxInputWidget.prototype.setDisabled = function () {
    // Parent method
    OO.ui.ComboBoxInputWidget.super.prototype.setDisabled.apply( this, arguments );
    this.updateControlsDisabled();
    return this;

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

OO.ui.RadioSelectInputWidget.prototype.setOptions = function ( options ) {
    const value = this.getValue();

    this.setOptionsData( options );

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

OO.ui.CheckboxMultiselectInputWidget.prototype.setOptions = function ( options ) {
    const value = this.getValue();

    this.setOptionsData( options );

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

OO.ui.DropdownInputWidget.prototype.setOptions = function ( options ) {
    const value = this.getValue();

    this.setOptionsData( options );

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.SearchInputWidget.prototype.setReadOnly = function ( state ) {
    OO.ui.SearchInputWidget.super.prototype.setReadOnly.call( this, state );
    this.updateSearchIndicator();
    return this;
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if ( this.indeterminate !== state ) {
        this.indeterminate = state;
        this.$input.prop( 'indeterminate', this.indeterminate );
        if ( !internal ) {
            this.setSelected( false, true );

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if ( this.selected !== state ) {
        this.selected = state;
        this.$input.prop( 'checked', this.selected );
        if ( !internal ) {
            this.setIndeterminate( false, true );

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.RadioInputWidget.prototype.simulateLabelClick = function () {
    if ( !this.isDisabled() ) {
        this.$input.trigger( 'click' );
    }
    this.focus();

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.CheckboxInputWidget.prototype.simulateLabelClick = function () {
    if ( !this.isDisabled() ) {
        this.$handle.trigger( 'click' );
    }
    this.focus();

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.mixin.ClippableElement.prototype.setClippableContainer = function ( $clippableContainer ) {
    this.$clippableContainer = $clippableContainer;
    if ( this.$clippable ) {
        this.clip();
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.mixin.FloatableElement.prototype.setFloatableContainer = function ( $floatableContainer ) {
    this.$floatableContainer = $floatableContainer;
    if ( this.$floatable ) {
        this.position();
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    this.$input.on( {
        keypress: this.onKeyPress.bind( this ),
        blur: this.onBlur.bind( this ),
        focus: this.onFocus.bind( this )
    } );

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        this.plusButton = new OO.ui.ButtonWidget( $.extend(
            {
                disabled: this.isDisabled(),
                tabIndex: -1,
                classes: [ 'oo-ui-numberInputWidget-plusButton' ],

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.TextInputWidget.prototype.onIconMouseDown = function ( e ) {
    if ( e.which === OO.ui.MouseButtons.LEFT ) {
        this.focus();
        return false;
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.OptionWidget.prototype.isHighlightable = function () {
    return this.constructor.static.highlightable && !this.disabled && this.isVisible();
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.MultilineTextInputWidget.prototype.onElementAttach = function () {
    OO.ui.MultilineTextInputWidget.super.prototype.onElementAttach.call( this );
    this.adjustSize();
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.MultilineTextInputWidget.prototype.updatePosition = function () {
    OO.ui.MultilineTextInputWidget.super.prototype.updatePosition.call( this );
    this.adjustSize();
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        this.minusButton = new OO.ui.ButtonWidget( $.extend(
            {
                disabled: this.isDisabled(),
                tabIndex: -1,
                classes: [ 'oo-ui-numberInputWidget-minusButton' ],

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.TextInputWidget.prototype.onIndicatorMouseDown = function ( e ) {
    if ( e.which === OO.ui.MouseButtons.LEFT ) {
        this.focus();
        return false;
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.OptionWidget.prototype.isPressable = function () {
    return this.constructor.static.pressable && !this.disabled && this.isVisible();
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

OO.ui.MenuSelectWidget.prototype.getVisibleItems = function () {
    return this.getItems().filter( function ( item ) {
        return item.isVisible();
    } );
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        if ( event.originalEvent.deltaY ) {
            delta = -event.originalEvent.deltaY;
        } else if ( event.originalEvent.deltaX ) {
            delta = event.originalEvent.deltaX;
        }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    } else if ( this.verticalPosition === 'bottom' ) {
        newPos.bottom = $offsetParent.outerHeight() - containerPos.bottom;
    } else if ( this.verticalPosition === 'center' ) {
        newPos.top = containerPos.top +
            ( this.$floatableContainer.height() - this.$floatable.height() ) / 2;

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    } else if ( this.horizontalPosition === 'end' ) {
        newPos.end = containerPos.end;
    } else if ( this.horizontalPosition === 'center' ) {
        newPos.left = containerPos.left +
            ( this.$floatableContainer.width() - this.$floatable.width() ) / 2;

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

OO.ui.FieldLayout.prototype.setWarnings = function ( warnings ) {
    this.warnings = warnings.slice();
    this.updateMessages();
    return this;
};

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

OO.ui.FieldLayout.prototype.setSuccess = function ( successMessages ) {
    this.successMessages = successMessages.slice();
    this.updateMessages();
    return this;
};

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

OO.ui.FieldLayout.prototype.setNotices = function ( notices ) {
    this.notices = notices.slice();
    this.updateMessages();
    return this;
};

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

OO.ui.FieldLayout.prototype.setErrors = function ( errors ) {
    this.errors = errors.slice();
    this.updateMessages();
    return this;
};

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if ( this.isDisabled() || ( e.which !== OO.ui.Keys.SPACE && e.which !== OO.ui.Keys.ENTER ) ) {
        return;
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if ( this.isDisabled() || ( e.which !== OO.ui.Keys.SPACE && e.which !== OO.ui.Keys.ENTER ) ) {
        return;
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    return elemRect.top <= contRect.bottom && elemRect.bottom >= contRect.top &&
        elemRect.left <= contRect.right && elemRect.right >= contRect.left;

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

    for ( i = 0; i < this.successMessages.length; i++ ) {
        this.$messages.append( this.makeMessage( 'success', this.successMessages[ i ] ) );
    }

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

    for ( i = 0; i < this.notices.length; i++ ) {
        this.$messages.append( this.makeMessage( 'notice', this.notices[ i ] ) );
    }

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

    for ( i = 0; i < this.errors.length; i++ ) {
        this.$messages.append( this.makeMessage( 'error', this.errors[ i ] ) );
    }

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

    for ( i = 0; i < this.warnings.length; i++ ) {
        this.$messages.append( this.makeMessage( 'warning', this.warnings[ i ] ) );
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if ( !this.isDisabled() && ( e.which === OO.ui.Keys.SPACE || e.which === OO.ui.Keys.ENTER ) ) {
        if ( this.emit( 'click' ) ) {
            return false;
        }
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if ( !this.isDisabled() && ( e.which === OO.ui.Keys.SPACE || e.which === OO.ui.Keys.ENTER ) ) {
        this.setValue( !this.value );
        return false;
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

                this.loadAndGetImageUrl( this.currentFiles[ 0 ] ).done( function ( url ) {
                    this.$thumbnail.css( 'background-image', 'url( ' + url + ' )' );
                }.bind( this ) ).fail( function () {
                    this.$thumbnail.append(
                        new OO.ui.IconWidget( {

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if ( this.defaultSelected === undefined ) {
        this.defaultSelected = this.selected;
        this.$input[ 0 ].defaultChecked = this.defaultSelected;
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if ( this.defaultValue === undefined ) {
        this.defaultValue = this.value;
        this.$input[ 0 ].defaultValue = this.defaultValue;
    }

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

OO.ui.PopupWidget.prototype.bindDocumentKeyDownListener = function () {
    this.getElementDocument().addEventListener( 'keydown', this.onDocumentKeyDownHandler, true );
};

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

OO.ui.SelectWidget.prototype.bindDocumentKeyPressListener = function () {
    this.getElementDocument().addEventListener( 'keypress', this.onDocumentKeyPressHandler, true );
};

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

OO.ui.SelectWidget.prototype.bindDocumentKeyDownListener = function () {
    this.getElementDocument().addEventListener( 'keydown', this.onDocumentKeyDownHandler, true );
};

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

OO.ui.SelectWidget.prototype.unbindDocumentKeyDownListener = function () {
    this.getElementDocument().removeEventListener( 'keydown', this.onDocumentKeyDownHandler, true );
};

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

            if ( !this.flags[ flag ] ) {
                changes[ flag ] = true;
                this.flags[ flag ] = true;
                add.push( className );
            }

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

    if ( clipping && !this.warnedUnattached && !this.isElementAttached() ) {
        OO.ui.warnDeprecation( 'ClippableElement#toggleClipping: Before calling this method, the element must be attached to the DOM.' );
        this.warnedUnattached = true;
    }

• Read up
  Read up

Similar blocks of code found in 5 locations. Consider refactoring.

Open

OO.ui.PopupWidget.prototype.unbindDocumentKeyDownListener = function () {
    this.getElementDocument().removeEventListener( 'keydown', this.onDocumentKeyDownHandler, true );
};

• Read up
  Read up

Similar blocks of code found in 4 locations. Consider refactoring.

Open

    if ( visible && !this.warnedUnattached && !this.isElementAttached() ) {
        OO.ui.warnDeprecation( 'MenuSelectWidget#toggle: Before calling this method, the menu must be attached to the DOM.' );
        this.warnedUnattached = true;
    }

• Read up
  Read up