button.js 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213
  1. /*!
  2. * Bootstrap button.js v4.5.2 (https://getbootstrap.com/)
  3. * Copyright 2011-2020 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')) :
  8. typeof define === 'function' && define.amd ? define(['jquery'], factory) :
  9. (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Button = factory(global.jQuery));
  10. }(this, (function ($) { 'use strict';
  11. $ = $ && Object.prototype.hasOwnProperty.call($, 'default') ? $['default'] : $;
  12. 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; Object.defineProperty(target, descriptor.key, descriptor); } }
  13. function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
  14. /**
  15. * ------------------------------------------------------------------------
  16. * Constants
  17. * ------------------------------------------------------------------------
  18. */
  19. var NAME = 'button';
  20. var VERSION = '4.5.2';
  21. var DATA_KEY = 'bs.button';
  22. var EVENT_KEY = "." + DATA_KEY;
  23. var DATA_API_KEY = '.data-api';
  24. var JQUERY_NO_CONFLICT = $.fn[NAME];
  25. var CLASS_NAME_ACTIVE = 'active';
  26. var CLASS_NAME_BUTTON = 'btn';
  27. var CLASS_NAME_FOCUS = 'focus';
  28. var SELECTOR_DATA_TOGGLE_CARROT = '[data-toggle^="button"]';
  29. var SELECTOR_DATA_TOGGLES = '[data-toggle="buttons"]';
  30. var SELECTOR_DATA_TOGGLE = '[data-toggle="button"]';
  31. var SELECTOR_DATA_TOGGLES_BUTTONS = '[data-toggle="buttons"] .btn';
  32. var SELECTOR_INPUT = 'input:not([type="hidden"])';
  33. var SELECTOR_ACTIVE = '.active';
  34. var SELECTOR_BUTTON = '.btn';
  35. var EVENT_CLICK_DATA_API = "click" + EVENT_KEY + DATA_API_KEY;
  36. var EVENT_FOCUS_BLUR_DATA_API = "focus" + EVENT_KEY + DATA_API_KEY + " " + ("blur" + EVENT_KEY + DATA_API_KEY);
  37. var EVENT_LOAD_DATA_API = "load" + EVENT_KEY + DATA_API_KEY;
  38. /**
  39. * ------------------------------------------------------------------------
  40. * Class Definition
  41. * ------------------------------------------------------------------------
  42. */
  43. var Button = /*#__PURE__*/function () {
  44. function Button(element) {
  45. this._element = element;
  46. } // Getters
  47. var _proto = Button.prototype;
  48. // Public
  49. _proto.toggle = function toggle() {
  50. var triggerChangeEvent = true;
  51. var addAriaPressed = true;
  52. var rootElement = $(this._element).closest(SELECTOR_DATA_TOGGLES)[0];
  53. if (rootElement) {
  54. var input = this._element.querySelector(SELECTOR_INPUT);
  55. if (input) {
  56. if (input.type === 'radio') {
  57. if (input.checked && this._element.classList.contains(CLASS_NAME_ACTIVE)) {
  58. triggerChangeEvent = false;
  59. } else {
  60. var activeElement = rootElement.querySelector(SELECTOR_ACTIVE);
  61. if (activeElement) {
  62. $(activeElement).removeClass(CLASS_NAME_ACTIVE);
  63. }
  64. }
  65. }
  66. if (triggerChangeEvent) {
  67. // if it's not a radio button or checkbox don't add a pointless/invalid checked property to the input
  68. if (input.type === 'checkbox' || input.type === 'radio') {
  69. input.checked = !this._element.classList.contains(CLASS_NAME_ACTIVE);
  70. }
  71. $(input).trigger('change');
  72. }
  73. input.focus();
  74. addAriaPressed = false;
  75. }
  76. }
  77. if (!(this._element.hasAttribute('disabled') || this._element.classList.contains('disabled'))) {
  78. if (addAriaPressed) {
  79. this._element.setAttribute('aria-pressed', !this._element.classList.contains(CLASS_NAME_ACTIVE));
  80. }
  81. if (triggerChangeEvent) {
  82. $(this._element).toggleClass(CLASS_NAME_ACTIVE);
  83. }
  84. }
  85. };
  86. _proto.dispose = function dispose() {
  87. $.removeData(this._element, DATA_KEY);
  88. this._element = null;
  89. } // Static
  90. ;
  91. Button._jQueryInterface = function _jQueryInterface(config) {
  92. return this.each(function () {
  93. var data = $(this).data(DATA_KEY);
  94. if (!data) {
  95. data = new Button(this);
  96. $(this).data(DATA_KEY, data);
  97. }
  98. if (config === 'toggle') {
  99. data[config]();
  100. }
  101. });
  102. };
  103. _createClass(Button, null, [{
  104. key: "VERSION",
  105. get: function get() {
  106. return VERSION;
  107. }
  108. }]);
  109. return Button;
  110. }();
  111. /**
  112. * ------------------------------------------------------------------------
  113. * Data Api implementation
  114. * ------------------------------------------------------------------------
  115. */
  116. $(document).on(EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE_CARROT, function (event) {
  117. var button = event.target;
  118. var initialButton = button;
  119. if (!$(button).hasClass(CLASS_NAME_BUTTON)) {
  120. button = $(button).closest(SELECTOR_BUTTON)[0];
  121. }
  122. if (!button || button.hasAttribute('disabled') || button.classList.contains('disabled')) {
  123. event.preventDefault(); // work around Firefox bug #1540995
  124. } else {
  125. var inputBtn = button.querySelector(SELECTOR_INPUT);
  126. if (inputBtn && (inputBtn.hasAttribute('disabled') || inputBtn.classList.contains('disabled'))) {
  127. event.preventDefault(); // work around Firefox bug #1540995
  128. return;
  129. }
  130. if (initialButton.tagName !== 'LABEL' || inputBtn && inputBtn.type !== 'checkbox') {
  131. Button._jQueryInterface.call($(button), 'toggle');
  132. }
  133. }
  134. }).on(EVENT_FOCUS_BLUR_DATA_API, SELECTOR_DATA_TOGGLE_CARROT, function (event) {
  135. var button = $(event.target).closest(SELECTOR_BUTTON)[0];
  136. $(button).toggleClass(CLASS_NAME_FOCUS, /^focus(in)?$/.test(event.type));
  137. });
  138. $(window).on(EVENT_LOAD_DATA_API, function () {
  139. // ensure correct active class is set to match the controls' actual values/states
  140. // find all checkboxes/readio buttons inside data-toggle groups
  141. var buttons = [].slice.call(document.querySelectorAll(SELECTOR_DATA_TOGGLES_BUTTONS));
  142. for (var i = 0, len = buttons.length; i < len; i++) {
  143. var button = buttons[i];
  144. var input = button.querySelector(SELECTOR_INPUT);
  145. if (input.checked || input.hasAttribute('checked')) {
  146. button.classList.add(CLASS_NAME_ACTIVE);
  147. } else {
  148. button.classList.remove(CLASS_NAME_ACTIVE);
  149. }
  150. } // find all button toggles
  151. buttons = [].slice.call(document.querySelectorAll(SELECTOR_DATA_TOGGLE));
  152. for (var _i = 0, _len = buttons.length; _i < _len; _i++) {
  153. var _button = buttons[_i];
  154. if (_button.getAttribute('aria-pressed') === 'true') {
  155. _button.classList.add(CLASS_NAME_ACTIVE);
  156. } else {
  157. _button.classList.remove(CLASS_NAME_ACTIVE);
  158. }
  159. }
  160. });
  161. /**
  162. * ------------------------------------------------------------------------
  163. * jQuery
  164. * ------------------------------------------------------------------------
  165. */
  166. $.fn[NAME] = Button._jQueryInterface;
  167. $.fn[NAME].Constructor = Button;
  168. $.fn[NAME].noConflict = function () {
  169. $.fn[NAME] = JQUERY_NO_CONFLICT;
  170. return Button._jQueryInterface;
  171. };
  172. return Button;
  173. })));
  174. //# sourceMappingURL=button.js.map