Layout von Websiten mit Bootstrap und Foundation
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

button.js 7.5KB

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