resources/bootstrap/js/collapse.js - Code Metrics - ProfessionalWiki/Bootstrap - Measure and Improve Code Quality continuously with Scrutinizer

resources/bootstrap/js/collapse.js F
last analyzed 2023-06-06 08:16 UTC

↳ Parent: Project

Complexity

Total Complexity	77
Complexity/F	2.48

Size

Lines of Code	391
Function Count	31

Duplication

Duplicated Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
eloc	228
dl	0
loc	391
rs	2.24
c	0
b	0
f	0
wmc	77
mnd	46
bc	46
fnc	31
bpm	1.4838
cpm	2.4838
noi	9

17 Functions

Rating	Name	Size	Complexity
B	collapse.js ➔ _interopDefaultLegacy	1	7
A	collapse.js ➔ _defineProperties	9	3
A	collapse.js ➔ _createClass	8	3
A	collapse.js ➔ toggle	7	2
A	collapse.js ➔ setTransitioning	3	1
B	collapse.js ➔ _extends	16	6
B	collapse.js ➔ hide	48	8
A	collapse.js ➔ _getConfig	7	1
B	collapse.js ➔ Collapse	31	8
A	collapse.js ➔ _addAriaAndCollapsedClass	7	2
A	collapse.js ➔ get	3	1
A	collapse.js ➔ _getParent	22	4
A	collapse.js ➔ dispose	8	1
D	collapse.js ➔ show	73	13
B	collapse.js ➔ _jQueryInterface	25	7
A	collapse.js ➔ _getTargetFromElement	4	2
A	collapse.js ➔ _getDimension	4	2

How to fix Complexity

/*!
  * Bootstrap collapse.js v4.6.2 (https://getbootstrap.com/)
  * Copyright 2011-2022 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */
(function (global, factory) {
  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('jquery'), require('./util.js')) :
  typeof define === 'function' && define.amd ? define(['jquery', './util'], factory) :

  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Collapse = factory(global.jQuery, global.Util));
var a,b,c;

a = 1, b = 1,  c= 3;
})(this, (function ($, Util) { 'use strict';

  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

  var $__default = /*#__PURE__*/_interopDefaultLegacy($);
  var Util__default = /*#__PURE__*/_interopDefaultLegacy(Util);

  function _defineProperties(target, props) {
    for (var i = 0; i < props.length; i++) {
      var descriptor = props[i];
      descriptor.enumerable = descriptor.enumerable || false;
      descriptor.configurable = true;
      if ("value" in descriptor) descriptor.writable = true;
if (a > 0)
    b = 42;
      Object.defineProperty(target, descriptor.key, descriptor);
    }
  }

  function _createClass(Constructor, protoProps, staticProps) {
    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
if (a > 0)
    b = 42;
    if (staticProps) _defineProperties(Constructor, staticProps);
if (a > 0)
    b = 42;
    Object.defineProperty(Constructor, "prototype", {
      writable: false
    });
    return Constructor;
  }

  function _extends() {
    _extends = Object.assign ? Object.assign.bind() : function (target) {

      for (var i = 1; i < arguments.length; i++) {
        var source = arguments[i];

        for (var key in source) {
var someObject;
for (var key in someObject) {
    if ( ! someObject.hasOwnProperty(key)) {
        continue; // Skip keys from the prototype.
    }

    doSomethingWith(key);
}
          if (Object.prototype.hasOwnProperty.call(source, key)) {
            target[key] = source[key];
          }
        }
      }

      return target;
    };
    return _extends.apply(this, arguments);
  }

  /**
   * Constants
   */

  var NAME = 'collapse';
  var VERSION = '4.6.2';
  var DATA_KEY = 'bs.collapse';
  var EVENT_KEY = "." + DATA_KEY;
  var DATA_API_KEY = '.data-api';
  var JQUERY_NO_CONFLICT = $__default["default"].fn[NAME];
  var CLASS_NAME_SHOW = 'show';
  var CLASS_NAME_COLLAPSE = 'collapse';
  var CLASS_NAME_COLLAPSING = 'collapsing';
  var CLASS_NAME_COLLAPSED = 'collapsed';
  var DIMENSION_WIDTH = 'width';
  var DIMENSION_HEIGHT = 'height';
  var EVENT_SHOW = "show" + EVENT_KEY;
  var EVENT_SHOWN = "shown" + EVENT_KEY;
  var EVENT_HIDE = "hide" + EVENT_KEY;
  var EVENT_HIDDEN = "hidden" + EVENT_KEY;
  var EVENT_CLICK_DATA_API = "click" + EVENT_KEY + DATA_API_KEY;
  var SELECTOR_ACTIVES = '.show, .collapsing';
  var SELECTOR_DATA_TOGGLE = '[data-toggle="collapse"]';
  var Default = {
    toggle: true,
    parent: ''
  };
  var DefaultType = {
    toggle: 'boolean',
    parent: '(string|element)'
  };
  /**
   * Class definition
   */

  var Collapse = /*#__PURE__*/function () {
    function Collapse(element, config) {
      this._isTransitioning = false;
      this._element = element;
      this._config = this._getConfig(config);
      this._triggerArray = [].slice.call(document.querySelectorAll("[data-toggle=\"collapse\"][href=\"#" + element.id + "\"]," + ("[data-toggle=\"collapse\"][data-target=\"#" + element.id + "\"]")));
      var toggleList = [].slice.call(document.querySelectorAll(SELECTOR_DATA_TOGGLE));

      for (var i = 0, len = toggleList.length; i < len; i++) {
        var elem = toggleList[i];
        var selector = Util__default["default"].getSelectorFromElement(elem);
        var filterElement = [].slice.call(document.querySelectorAll(selector)).filter(function (foundElem) {
          return foundElem === element;
        });

        if (selector !== null && filterElement.length > 0) {
          this._selector = selector;

          this._triggerArray.push(elem);
        }
      }

      this._parent = this._config.parent ? this._getParent() : null;

      if (!this._config.parent) {
        this._addAriaAndCollapsedClass(this._element, this._triggerArray);
      }

      if (this._config.toggle) {
        this.toggle();
      }
    } // Getters


    var _proto = Collapse.prototype;

    // Public
    _proto.toggle = function toggle() {
      if ($__default["default"](this._element).hasClass(CLASS_NAME_SHOW)) {
        this.hide();
      } else {
        this.show();
      }
    };

    _proto.show = function show() {
      var _this = this;

      if (this._isTransitioning || $__default["default"](this._element).hasClass(CLASS_NAME_SHOW)) {
        return;
      }

      var actives;
      var activesData;

      if (this._parent) {
        actives = [].slice.call(this._parent.querySelectorAll(SELECTOR_ACTIVES)).filter(function (elem) {
          if (typeof _this._config.parent === 'string') {
            return elem.getAttribute('data-parent') === _this._config.parent;
          }

          return elem.classList.contains(CLASS_NAME_COLLAPSE);
        });

        if (actives.length === 0) {
          actives = null;
        }
      }

      if (actives) {
        activesData = $__default["default"](actives).not(this._selector).data(DATA_KEY);

        if (activesData && activesData._isTransitioning) {
          return;
        }
      }

      var startEvent = $__default["default"].Event(EVENT_SHOW);
      $__default["default"](this._element).trigger(startEvent);

      if (startEvent.isDefaultPrevented()) {
        return;
      }

      if (actives) {
        Collapse._jQueryInterface.call($__default["default"](actives).not(this._selector), 'hide');

        if (!activesData) {
          $__default["default"](actives).data(DATA_KEY, null);
        }
      }

      var dimension = this._getDimension();

      $__default["default"](this._element).removeClass(CLASS_NAME_COLLAPSE).addClass(CLASS_NAME_COLLAPSING);
      this._element.style[dimension] = 0;

      if (this._triggerArray.length) {
        $__default["default"](this._triggerArray).removeClass(CLASS_NAME_COLLAPSED).attr('aria-expanded', true);
      }

      this.setTransitioning(true);

      var complete = function complete() {
        $__default["default"](_this._element).removeClass(CLASS_NAME_COLLAPSING).addClass(CLASS_NAME_COLLAPSE + " " + CLASS_NAME_SHOW);
        _this._element.style[dimension] = '';

        _this.setTransitioning(false);

        $__default["default"](_this._element).trigger(EVENT_SHOWN);
      };

      var capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1);
      var scrollSize = "scroll" + capitalizedDimension;
      var transitionDuration = Util__default["default"].getTransitionDurationFromElement(this._element);
      $__default["default"](this._element).one(Util__default["default"].TRANSITION_END, complete).emulateTransitionEnd(transitionDuration);
      this._element.style[dimension] = this._element[scrollSize] + "px";
    };

    _proto.hide = function hide() {
      var _this2 = this;

      if (this._isTransitioning || !$__default["default"](this._element).hasClass(CLASS_NAME_SHOW)) {
        return;
      }

      var startEvent = $__default["default"].Event(EVENT_HIDE);
      $__default["default"](this._element).trigger(startEvent);

      if (startEvent.isDefaultPrevented()) {
        return;
      }

      var dimension = this._getDimension();

      this._element.style[dimension] = this._element.getBoundingClientRect()[dimension] + "px";
      Util__default["default"].reflow(this._element);
      $__default["default"](this._element).addClass(CLASS_NAME_COLLAPSING).removeClass(CLASS_NAME_COLLAPSE + " " + CLASS_NAME_SHOW);
      var triggerArrayLength = this._triggerArray.length;

      if (triggerArrayLength > 0) {
        for (var i = 0; i < triggerArrayLength; i++) {
          var trigger = this._triggerArray[i];
          var selector = Util__default["default"].getSelectorFromElement(trigger);

          if (selector !== null) {
            var $elem = $__default["default"]([].slice.call(document.querySelectorAll(selector)));

            if (!$elem.hasClass(CLASS_NAME_SHOW)) {
              $__default["default"](trigger).addClass(CLASS_NAME_COLLAPSED).attr('aria-expanded', false);
            }
          }
        }
      }

      this.setTransitioning(true);

      var complete = function complete() {
        _this2.setTransitioning(false);

        $__default["default"](_this2._element).removeClass(CLASS_NAME_COLLAPSING).addClass(CLASS_NAME_COLLAPSE).trigger(EVENT_HIDDEN);
      };

      this._element.style[dimension] = '';
      var transitionDuration = Util__default["default"].getTransitionDurationFromElement(this._element);
      $__default["default"](this._element).one(Util__default["default"].TRANSITION_END, complete).emulateTransitionEnd(transitionDuration);
    };

    _proto.setTransitioning = function setTransitioning(isTransitioning) {
      this._isTransitioning = isTransitioning;
    };

    _proto.dispose = function dispose() {
      $__default["default"].removeData(this._element, DATA_KEY);
      this._config = null;
      this._parent = null;
      this._element = null;
      this._triggerArray = null;
      this._isTransitioning = null;
    } // Private
    ;

    _proto._getConfig = function _getConfig(config) {
      config = _extends({}, Default, config);
      config.toggle = Boolean(config.toggle); // Coerce string values

      Util__default["default"].typeCheckConfig(NAME, config, DefaultType);
      return config;
    };

    _proto._getDimension = function _getDimension() {
      var hasWidth = $__default["default"](this._element).hasClass(DIMENSION_WIDTH);
      return hasWidth ? DIMENSION_WIDTH : DIMENSION_HEIGHT;
    };

    _proto._getParent = function _getParent() {
      var _this3 = this;

      var parent;

      if (Util__default["default"].isElement(this._config.parent)) {
        parent = this._config.parent; // It's a jQuery object

        if (typeof this._config.parent.jquery !== 'undefined') {
          parent = this._config.parent[0];
        }
      } else {
        parent = document.querySelector(this._config.parent);
      }

      var selector = "[data-toggle=\"collapse\"][data-parent=\"" + this._config.parent + "\"]";
      var children = [].slice.call(parent.querySelectorAll(selector));
      $__default["default"](children).each(function (i, element) {
        _this3._addAriaAndCollapsedClass(Collapse._getTargetFromElement(element), [element]);
      });
      return parent;
    };

    _proto._addAriaAndCollapsedClass = function _addAriaAndCollapsedClass(element, triggerArray) {
      var isOpen = $__default["default"](element).hasClass(CLASS_NAME_SHOW);

      if (triggerArray.length) {
        $__default["default"](triggerArray).toggleClass(CLASS_NAME_COLLAPSED, !isOpen).attr('aria-expanded', isOpen);
      }
    } // Static
    ;

    Collapse._getTargetFromElement = function _getTargetFromElement(element) {
      var selector = Util__default["default"].getSelectorFromElement(element);
      return selector ? document.querySelector(selector) : null;
    };

    Collapse._jQueryInterface = function _jQueryInterface(config) {
      return this.each(function () {
        var $element = $__default["default"](this);
        var data = $element.data(DATA_KEY);

        var _config = _extends({}, Default, $element.data(), typeof config === 'object' && config ? config : {});

        if (!data && _config.toggle && typeof config === 'string' && /show|hide/.test(config)) {
          _config.toggle = false;
        }

        if (!data) {
          data = new Collapse(this, _config);
          $element.data(DATA_KEY, data);
        }

        if (typeof config === 'string') {
          if (typeof data[config] === 'undefined') {
            throw new TypeError("No method named \"" + config + "\"");
          }

          data[config]();
        }
      });
    };

    _createClass(Collapse, null, [{
      key: "VERSION",
      get: function get() {
        return VERSION;
      }
    }, {
      key: "Default",
      get: function get() {
        return Default;
      }
    }]);

    return Collapse;
  }();
  /**
   * Data API implementation
   */


  $__default["default"](document).on(EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
    // preventDefault only for <a> elements (which change the URL) not inside the collapsible element
    if (event.currentTarget.tagName === 'A') {
      event.preventDefault();
    }

    var $trigger = $__default["default"](this);
    var selector = Util__default["default"].getSelectorFromElement(this);
    var selectors = [].slice.call(document.querySelectorAll(selector));
    $__default["default"](selectors).each(function () {
      var $target = $__default["default"](this);
      var data = $target.data(DATA_KEY);
      var config = data ? 'toggle' : $trigger.data();

      Collapse._jQueryInterface.call($target, config);
    });
  });
  /**
   * jQuery
   */

  $__default["default"].fn[NAME] = Collapse._jQueryInterface;
  $__default["default"].fn[NAME].Constructor = Collapse;

  $__default["default"].fn[NAME].noConflict = function () {
    $__default["default"].fn[NAME] = JQUERY_NO_CONFLICT;
    return Collapse._jQueryInterface;
  };

  return Collapse;

}));
//# sourceMappingURL=collapse.js.map


1			/*!
2			* Bootstrap collapse.js v4.6.2 (https://getbootstrap.com/)
3			* Copyright 2011-2022 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
4			* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
5			*/
6			(function (global, factory) {
7			typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('jquery'), require('./util.js')) :
8			typeof define === 'function' && define.amd ? define(['jquery', './util'], factory) :
			0 ignored issues – show Bug introduced 2019-04-29 18:13 UTC by Report Bug Copy Issue Report The variable `define` seems to be never declared. If this is a global, consider adding a `/** global: define */` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history...
9			(global = typeof globalThis !== 'undefined' ? globalThis : global \|\| self, global.Collapse = factory(global.jQuery, global.Util));
			0 ignored issues – show Bug introduced 2021-01-06 08:33 UTC by Report Bug Copy Issue Report The variable `globalThis` seems to be never declared. If this is a global, consider adding a `/** global: globalThis /` comment. This checks looks for references to variables that have not been declared. This is most likey a typographical error or a variable has been renamed. To learn more about declaring variables in Javascript, see the MDN. Loading history... Best Practice introduced 2019-04-29 18:13 UTC by Report Bug Copy Issue Report If you intend to check if the variable `self` is declared in the current environment, consider using `typeof self === "undefined"` instead. This is safe if the variable is not actually declared. Loading history... Comprehensibility introduced 2019-04-29 18:13 UTC by Report Bug Copy Issue Report Usage of the sequence operator is discouraged, since it may lead to obfuscated code. The sequence* or comma operator allows the inclusion of multiple expressions where only is permitted. The result of the sequence is the value of the last expression. This operator is most often used in `for` statements. Used in another places it can make code hard to read, especially when people do not realize it even exists as a seperate operator. This check looks for usage of the sequence operator in locations where it is not necessary and could be replaced by a series of expressions or statements. var a,b,c; a = 1, b = 1, c= 3; could just as well be written as: var a,b,c; a = 1; b = 1; c = 3; To learn more about the sequence operator, please refer to the MDN. Loading history...
10			})(this, (function ($, Util) { 'use strict';
11
12			function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
14			var $__default = /#__PURE__/_interopDefaultLegacy($);
15			var Util__default = /#__PURE__/_interopDefaultLegacy(Util);
16
17			function _defineProperties(target, props) {
18			for (var i = 0; i < props.length; i++) {
19			var descriptor = props[i];
20			descriptor.enumerable = descriptor.enumerable \|\| false;
21			descriptor.configurable = true;
22			if ("value" in descriptor) descriptor.writable = true;
			0 ignored issues – show Coding Style Best Practice introduced 2019-04-29 18:13 UTC by Report Bug Copy Issue Report Curly braces around statements make for more readable code and help prevent bugs when you add further statements. Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0) b = 42; If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0) console.log("a > 0"); b = 42; In this case the statement `b = 42` will always be executed, while the logging statement will be executed conditionally. if (a > 0) { console.log("a > 0"); b = 42; } ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
23			Object.defineProperty(target, descriptor.key, descriptor);
24			}
25			}
26
27			function _createClass(Constructor, protoProps, staticProps) {
28			if (protoProps) _defineProperties(Constructor.prototype, protoProps);
			0 ignored issues – show Coding Style Best Practice introduced 2019-04-29 18:13 UTC by Report Bug Copy Issue Report Curly braces around statements make for more readable code and help prevent bugs when you add further statements. Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0) b = 42; If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0) console.log("a > 0"); b = 42; In this case the statement `b = 42` will always be executed, while the logging statement will be executed conditionally. if (a > 0) { console.log("a > 0"); b = 42; } ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
29			if (staticProps) _defineProperties(Constructor, staticProps);
			0 ignored issues – show Coding Style Best Practice introduced 2019-04-29 18:13 UTC by Report Bug Copy Issue Report Curly braces around statements make for more readable code and help prevent bugs when you add further statements. Consider adding curly braces around all statements when they are executed conditionally. This is optional if there is only one statement, but leaving them out can lead to unexpected behaviour if another statement is added later. Consider: if (a > 0) b = 42; If you or someone else later decides to put another statement in, only the first statement will be executed. if (a > 0) console.log("a > 0"); b = 42; In this case the statement `b = 42` will always be executed, while the logging statement will be executed conditionally. if (a > 0) { console.log("a > 0"); b = 42; } ensures that the proper code will be executed conditionally no matter how many statements are added or removed. Loading history...
30			Object.defineProperty(Constructor, "prototype", {
31			writable: false
32			});
33			return Constructor;
34			}
35
36			function _extends() {
37			_extends = Object.assign ? Object.assign.bind() : function (target) {
			0 ignored issues – show Comprehensibility introduced 2021-04-06 09:08 UTC by Report Bug Copy Issue Report It seems like you are trying to overwrite a function name here. `_extends` is already defined in line 36 as a function. While this will work, it can be very confusing. Loading history...
38			for (var i = 1; i < arguments.length; i++) {
39			var source = arguments[i];
40
41			for (var key in source) {
			0 ignored issues – show Complexity introduced 2021-04-06 09:08 UTC by Report Bug Copy Issue Report A for in loop automatically includes the property of any prototype object, consider checking the key using `hasOwnProperty`. When iterating over the keys of an object, this includes not only the keys of the object, but also keys contained in the prototype of that object. It is generally a best practice to check for these keys specifically: var someObject; for (var key in someObject) { if ( ! someObject.hasOwnProperty(key)) { continue; // Skip keys from the prototype. } doSomethingWith(key); } Loading history...
42			if (Object.prototype.hasOwnProperty.call(source, key)) {
43			target[key] = source[key];
44			}
45			}
46			}
47
48			return target;
49			};
50			return _extends.apply(this, arguments);
51			}
52
53			/**
54			* Constants
55			*/
56
57			var NAME = 'collapse';
58			var VERSION = '4.6.2';
59			var DATA_KEY = 'bs.collapse';
60			var EVENT_KEY = "." + DATA_KEY;
61			var DATA_API_KEY = '.data-api';
62			var JQUERY_NO_CONFLICT = $__default["default"].fn[NAME];
63			var CLASS_NAME_SHOW = 'show';
64			var CLASS_NAME_COLLAPSE = 'collapse';
65			var CLASS_NAME_COLLAPSING = 'collapsing';
66			var CLASS_NAME_COLLAPSED = 'collapsed';
67			var DIMENSION_WIDTH = 'width';
68			var DIMENSION_HEIGHT = 'height';
69			var EVENT_SHOW = "show" + EVENT_KEY;
70			var EVENT_SHOWN = "shown" + EVENT_KEY;
71			var EVENT_HIDE = "hide" + EVENT_KEY;
72			var EVENT_HIDDEN = "hidden" + EVENT_KEY;
73			var EVENT_CLICK_DATA_API = "click" + EVENT_KEY + DATA_API_KEY;
74			var SELECTOR_ACTIVES = '.show, .collapsing';
75			var SELECTOR_DATA_TOGGLE = '[data-toggle="collapse"]';
76			var Default = {
77			toggle: true,
78			parent: ''
79			};
80			var DefaultType = {
81			toggle: 'boolean',
82			parent: '(string\|element)'
83			};
84			/**
85			* Class definition
86			*/
87
88			var Collapse = /#__PURE__/function () {
89			function Collapse(element, config) {
90			this._isTransitioning = false;
91			this._element = element;
92			this._config = this._getConfig(config);
93			this._triggerArray = [].slice.call(document.querySelectorAll("[data-toggle=\"collapse\"][href=\"#" + element.id + "\"]," + ("[data-toggle=\"collapse\"][data-target=\"#" + element.id + "\"]")));
94			var toggleList = [].slice.call(document.querySelectorAll(SELECTOR_DATA_TOGGLE));
95
96			for (var i = 0, len = toggleList.length; i < len; i++) {
97			var elem = toggleList[i];
98			var selector = Util__default["default"].getSelectorFromElement(elem);
99			var filterElement = [].slice.call(document.querySelectorAll(selector)).filter(function (foundElem) {
100			return foundElem === element;
101			});
102
103			if (selector !== null && filterElement.length > 0) {
104			this._selector = selector;
105
106			this._triggerArray.push(elem);
107			}
108			}
109
110			this._parent = this._config.parent ? this._getParent() : null;
111
112			if (!this._config.parent) {
113			this._addAriaAndCollapsedClass(this._element, this._triggerArray);
114			}
115
116			if (this._config.toggle) {
117			this.toggle();
118			}
119			} // Getters
120
121
122			var _proto = Collapse.prototype;
123
124			// Public
125			_proto.toggle = function toggle() {
126			if ($__default["default"](this._element).hasClass(CLASS_NAME_SHOW)) {
127			this.hide();
128			} else {
129			this.show();
130			}
131			};
132
133			_proto.show = function show() {
134			var _this = this;
135
136			if (this._isTransitioning \|\| $__default["default"](this._element).hasClass(CLASS_NAME_SHOW)) {
137			return;
138			}
139
140			var actives;
141			var activesData;
142
143			if (this._parent) {
144			actives = [].slice.call(this._parent.querySelectorAll(SELECTOR_ACTIVES)).filter(function (elem) {
145			if (typeof _this._config.parent === 'string') {
146			return elem.getAttribute('data-parent') === _this._config.parent;
147			}
148
149			return elem.classList.contains(CLASS_NAME_COLLAPSE);
150			});
151
152			if (actives.length === 0) {
153			actives = null;
154			}
155			}
156
157			if (actives) {
158			activesData = $__default["default"](actives).not(this._selector).data(DATA_KEY);
159
160			if (activesData && activesData._isTransitioning) {
161			return;
162			}
163			}
164
165			var startEvent = $__default["default"].Event(EVENT_SHOW);
166			$__default["default"](this._element).trigger(startEvent);
167
168			if (startEvent.isDefaultPrevented()) {
169			return;
170			}
171
172			if (actives) {
173			Collapse._jQueryInterface.call($__default["default"](actives).not(this._selector), 'hide');
174
175			if (!activesData) {
176			$__default["default"](actives).data(DATA_KEY, null);
177			}
178			}
179
180			var dimension = this._getDimension();
181
182			$__default["default"](this._element).removeClass(CLASS_NAME_COLLAPSE).addClass(CLASS_NAME_COLLAPSING);
183			this._element.style[dimension] = 0;
184
185			if (this._triggerArray.length) {
186			$__default["default"](this._triggerArray).removeClass(CLASS_NAME_COLLAPSED).attr('aria-expanded', true);
187			}
188
189			this.setTransitioning(true);
190
191			var complete = function complete() {
192			$__default["default"](_this._element).removeClass(CLASS_NAME_COLLAPSING).addClass(CLASS_NAME_COLLAPSE + " " + CLASS_NAME_SHOW);
193			_this._element.style[dimension] = '';
194
195			_this.setTransitioning(false);
196
197			$__default["default"](_this._element).trigger(EVENT_SHOWN);
198			};
199
200			var capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1);
201			var scrollSize = "scroll" + capitalizedDimension;
202			var transitionDuration = Util__default["default"].getTransitionDurationFromElement(this._element);
203			$__default["default"](this._element).one(Util__default["default"].TRANSITION_END, complete).emulateTransitionEnd(transitionDuration);
204			this._element.style[dimension] = this._element[scrollSize] + "px";
205			};
206
207			_proto.hide = function hide() {
208			var _this2 = this;
209
210			if (this._isTransitioning \|\| !$__default["default"](this._element).hasClass(CLASS_NAME_SHOW)) {
211			return;
212			}
213
214			var startEvent = $__default["default"].Event(EVENT_HIDE);
215			$__default["default"](this._element).trigger(startEvent);
216
217			if (startEvent.isDefaultPrevented()) {
218			return;
219			}
220
221			var dimension = this._getDimension();
222
223			this._element.style[dimension] = this._element.getBoundingClientRect()[dimension] + "px";
224			Util__default["default"].reflow(this._element);
225			$__default["default"](this._element).addClass(CLASS_NAME_COLLAPSING).removeClass(CLASS_NAME_COLLAPSE + " " + CLASS_NAME_SHOW);
226			var triggerArrayLength = this._triggerArray.length;
227
228			if (triggerArrayLength > 0) {
229			for (var i = 0; i < triggerArrayLength; i++) {
230			var trigger = this._triggerArray[i];
231			var selector = Util__default["default"].getSelectorFromElement(trigger);
232
233			if (selector !== null) {
234			var $elem = $__default["default"]([].slice.call(document.querySelectorAll(selector)));
235
236			if (!$elem.hasClass(CLASS_NAME_SHOW)) {
237			$__default["default"](trigger).addClass(CLASS_NAME_COLLAPSED).attr('aria-expanded', false);
238			}
239			}
240			}
241			}
242
243			this.setTransitioning(true);
244
245			var complete = function complete() {
246			_this2.setTransitioning(false);
247
248			$__default["default"](_this2._element).removeClass(CLASS_NAME_COLLAPSING).addClass(CLASS_NAME_COLLAPSE).trigger(EVENT_HIDDEN);
249			};
250
251			this._element.style[dimension] = '';
252			var transitionDuration = Util__default["default"].getTransitionDurationFromElement(this._element);
253			$__default["default"](this._element).one(Util__default["default"].TRANSITION_END, complete).emulateTransitionEnd(transitionDuration);
254			};
255
256			_proto.setTransitioning = function setTransitioning(isTransitioning) {
257			this._isTransitioning = isTransitioning;
258			};
259
260			_proto.dispose = function dispose() {
261			$__default["default"].removeData(this._element, DATA_KEY);
262			this._config = null;
263			this._parent = null;
264			this._element = null;
265			this._triggerArray = null;
266			this._isTransitioning = null;
267			} // Private
268			;
269
270			_proto._getConfig = function _getConfig(config) {
271			config = _extends({}, Default, config);
272			config.toggle = Boolean(config.toggle); // Coerce string values
273
274			Util__default["default"].typeCheckConfig(NAME, config, DefaultType);
275			return config;
276			};
277
278			_proto._getDimension = function _getDimension() {
279			var hasWidth = $__default["default"](this._element).hasClass(DIMENSION_WIDTH);
280			return hasWidth ? DIMENSION_WIDTH : DIMENSION_HEIGHT;
281			};
282
283			_proto._getParent = function _getParent() {
284			var _this3 = this;
285
286			var parent;
287
288			if (Util__default["default"].isElement(this._config.parent)) {
289			parent = this._config.parent; // It's a jQuery object
290
291			if (typeof this._config.parent.jquery !== 'undefined') {
292			parent = this._config.parent[0];
293			}
294			} else {
295			parent = document.querySelector(this._config.parent);
296			}
297
298			var selector = "[data-toggle=\"collapse\"][data-parent=\"" + this._config.parent + "\"]";
299			var children = [].slice.call(parent.querySelectorAll(selector));
300			$__default["default"](children).each(function (i, element) {
301			_this3._addAriaAndCollapsedClass(Collapse._getTargetFromElement(element), [element]);
302			});
303			return parent;
304			};
305
306			_proto._addAriaAndCollapsedClass = function _addAriaAndCollapsedClass(element, triggerArray) {
307			var isOpen = $__default["default"](element).hasClass(CLASS_NAME_SHOW);
308
309			if (triggerArray.length) {
310			$__default["default"](triggerArray).toggleClass(CLASS_NAME_COLLAPSED, !isOpen).attr('aria-expanded', isOpen);
311			}
312			} // Static
313			;
314
315			Collapse._getTargetFromElement = function _getTargetFromElement(element) {
316			var selector = Util__default["default"].getSelectorFromElement(element);
317			return selector ? document.querySelector(selector) : null;
318			};
319
320			Collapse._jQueryInterface = function _jQueryInterface(config) {
321			return this.each(function () {
322			var $element = $__default["default"](this);
323			var data = $element.data(DATA_KEY);
324
325			var _config = _extends({}, Default, $element.data(), typeof config === 'object' && config ? config : {});
326
327			if (!data && _config.toggle && typeof config === 'string' && /show\|hide/.test(config)) {
328			_config.toggle = false;
329			}
330
331			if (!data) {
332			data = new Collapse(this, _config);
333			$element.data(DATA_KEY, data);
334			}
335
336			if (typeof config === 'string') {
337			if (typeof data[config] === 'undefined') {
338			throw new TypeError("No method named \"" + config + "\"");
339			}
340
341			data[config]();
342			}
343			});
344			};
345
346			_createClass(Collapse, null, [{
347			key: "VERSION",
348			get: function get() {
349			return VERSION;
350			}
351			}, {
352			key: "Default",
353			get: function get() {
354			return Default;
355			}
356			}]);
357
358			return Collapse;
359			}();
360			/**
361			* Data API implementation
362			*/
363
364
365			$__default["default"](document).on(EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (event) {
366			// preventDefault only for <a> elements (which change the URL) not inside the collapsible element
367			if (event.currentTarget.tagName === 'A') {
368			event.preventDefault();
369			}
370
371			var $trigger = $__default["default"](this);
372			var selector = Util__default["default"].getSelectorFromElement(this);
373			var selectors = [].slice.call(document.querySelectorAll(selector));
374			$__default["default"](selectors).each(function () {
375			var $target = $__default["default"](this);
376			var data = $target.data(DATA_KEY);
377			var config = data ? 'toggle' : $trigger.data();
378
379			Collapse._jQueryInterface.call($target, config);
380			});
381			});
382			/**
383			* jQuery
384			*/
385
386			$__default["default"].fn[NAME] = Collapse._jQueryInterface;
387			$__default["default"].fn[NAME].Constructor = Collapse;
388
389			$__default["default"].fn[NAME].noConflict = function () {
390			$__default["default"].fn[NAME] = JQUERY_NO_CONFLICT;
391			return Collapse._jQueryInterface;
392			};
393
394			return Collapse;
395
396			}));
397			//# sourceMappingURL=collapse.js.map
398

ProfessionalWiki / Bootstrap

resources/bootstrap/js/collapse.js F last analyzed 2023-06-06 08:16 UTC

Complexity

Size

Duplication

Importance

17 Functions

How to fix Complexity

Complexity

Duplication Side-by-Side

Filter issues like

resources/bootstrap/js/collapse.js F
last analyzed 2023-06-06 08:16 UTC