jquery.metisMenu.js 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341
  1. /*!
  2. * metismenu - v2.7.7
  3. * A jQuery menu plugin
  4. * https://github.com/onokumus/metismenu#readme
  5. *
  6. * Made by Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus)
  7. * Under MIT License
  8. */
  9. (function (global, factory) {
  10. typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('jquery')) :
  11. typeof define === 'function' && define.amd ? define(['jquery'], factory) :
  12. (global.metisMenu = factory(global.jQuery));
  13. }(this, (function ($) { 'use strict';
  14. $ = $ && $.hasOwnProperty('default') ? $['default'] : $;
  15. function _defineProperty(obj, key, value) {
  16. if (key in obj) {
  17. Object.defineProperty(obj, key, {
  18. value: value,
  19. enumerable: true,
  20. configurable: true,
  21. writable: true
  22. });
  23. } else {
  24. obj[key] = value;
  25. }
  26. return obj;
  27. }
  28. function _objectSpread(target) {
  29. for (var i = 1; i < arguments.length; i++) {
  30. var source = arguments[i] != null ? arguments[i] : {};
  31. var ownKeys = Object.keys(source);
  32. if (typeof Object.getOwnPropertySymbols === 'function') {
  33. ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
  34. return Object.getOwnPropertyDescriptor(source, sym).enumerable;
  35. }));
  36. }
  37. ownKeys.forEach(function (key) {
  38. _defineProperty(target, key, source[key]);
  39. });
  40. }
  41. return target;
  42. }
  43. var Util = function ($$$1) {
  44. // eslint-disable-line no-shadow
  45. var TRANSITION_END = 'transitionend';
  46. var Util = {
  47. // eslint-disable-line no-shadow
  48. TRANSITION_END: 'mmTransitionEnd',
  49. triggerTransitionEnd: function triggerTransitionEnd(element) {
  50. $$$1(element).trigger(TRANSITION_END);
  51. },
  52. supportsTransitionEnd: function supportsTransitionEnd() {
  53. return Boolean(TRANSITION_END);
  54. }
  55. };
  56. function getSpecialTransitionEndEvent() {
  57. return {
  58. bindType: TRANSITION_END,
  59. delegateType: TRANSITION_END,
  60. handle: function handle(event) {
  61. if ($$$1(event.target).is(this)) {
  62. return event.handleObj.handler.apply(this, arguments); // eslint-disable-line prefer-rest-params
  63. }
  64. return undefined;
  65. }
  66. };
  67. }
  68. function transitionEndEmulator(duration) {
  69. var _this = this;
  70. var called = false;
  71. $$$1(this).one(Util.TRANSITION_END, function () {
  72. called = true;
  73. });
  74. setTimeout(function () {
  75. if (!called) {
  76. Util.triggerTransitionEnd(_this);
  77. }
  78. }, duration);
  79. return this;
  80. }
  81. function setTransitionEndSupport() {
  82. $$$1.fn.mmEmulateTransitionEnd = transitionEndEmulator; // eslint-disable-line no-param-reassign
  83. // eslint-disable-next-line no-param-reassign
  84. $$$1.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent();
  85. }
  86. setTransitionEndSupport();
  87. return Util;
  88. }($);
  89. var MetisMenu = function ($$$1) {
  90. // eslint-disable-line no-shadow
  91. var NAME = 'metisMenu';
  92. var DATA_KEY = 'metisMenu';
  93. var EVENT_KEY = "." + DATA_KEY;
  94. var DATA_API_KEY = '.data-api';
  95. var JQUERY_NO_CONFLICT = $$$1.fn[NAME];
  96. var TRANSITION_DURATION = 350;
  97. var Default = {
  98. toggle: true,
  99. preventDefault: true,
  100. activeClass: 'active',
  101. collapseClass: 'collapse',
  102. collapseInClass: 'in',
  103. collapsingClass: 'collapsing',
  104. triggerElement: 'a',
  105. parentTrigger: 'li',
  106. subMenu: 'ul'
  107. };
  108. var Event = {
  109. SHOW: "show" + EVENT_KEY,
  110. SHOWN: "shown" + EVENT_KEY,
  111. HIDE: "hide" + EVENT_KEY,
  112. HIDDEN: "hidden" + EVENT_KEY,
  113. CLICK_DATA_API: "click" + EVENT_KEY + DATA_API_KEY
  114. };
  115. var MetisMenu =
  116. /*#__PURE__*/
  117. function () {
  118. // eslint-disable-line no-shadow
  119. function MetisMenu(element, config) {
  120. this.element = element;
  121. this.config = _objectSpread({}, Default, config);
  122. this.transitioning = null;
  123. this.init();
  124. }
  125. var _proto = MetisMenu.prototype;
  126. _proto.init = function init() {
  127. var self = this;
  128. var conf = this.config;
  129. $$$1(this.element).find(conf.parentTrigger + "." + conf.activeClass).has(conf.subMenu).children(conf.subMenu).attr('aria-expanded', true).addClass(conf.collapseClass + " " + conf.collapseInClass);
  130. $$$1(this.element).find(conf.parentTrigger).not("." + conf.activeClass).has(conf.subMenu).children(conf.subMenu).attr('aria-expanded', false).addClass(conf.collapseClass);
  131. $$$1(this.element).find(conf.parentTrigger).has(conf.subMenu).children(conf.triggerElement).on(Event.CLICK_DATA_API, function (e) {
  132. // eslint-disable-line func-names
  133. var eTar = $$$1(this);
  134. var paRent = eTar.parent(conf.parentTrigger);
  135. var sibLings = paRent.siblings(conf.parentTrigger).children(conf.triggerElement);
  136. var List = paRent.children(conf.subMenu);
  137. if (conf.preventDefault) {
  138. e.preventDefault();
  139. }
  140. if (eTar.attr('aria-disabled') === 'true') {
  141. return;
  142. }
  143. if (paRent.hasClass(conf.activeClass)) {
  144. eTar.attr('aria-expanded', false);
  145. self.hide(List);
  146. } else {
  147. self.show(List);
  148. eTar.attr('aria-expanded', true);
  149. if (conf.toggle) {
  150. sibLings.attr('aria-expanded', false);
  151. }
  152. }
  153. if (conf.onTransitionStart) {
  154. conf.onTransitionStart(e);
  155. }
  156. });
  157. };
  158. _proto.show = function show(element) {
  159. var _this = this;
  160. if (this.transitioning || $$$1(element).hasClass(this.config.collapsingClass)) {
  161. return;
  162. }
  163. var elem = $$$1(element);
  164. var startEvent = $$$1.Event(Event.SHOW);
  165. elem.trigger(startEvent);
  166. if (startEvent.isDefaultPrevented()) {
  167. return;
  168. }
  169. elem.parent(this.config.parentTrigger).addClass(this.config.activeClass);
  170. if (this.config.toggle) {
  171. this.hide(elem.parent(this.config.parentTrigger).siblings().children(this.config.subMenu + "." + this.config.collapseInClass).attr('aria-expanded', false));
  172. }
  173. elem.removeClass(this.config.collapseClass).addClass(this.config.collapsingClass).height(0);
  174. this.setTransitioning(true);
  175. var complete = function complete() {
  176. // check if disposed
  177. if (!_this.config || !_this.element) {
  178. return;
  179. }
  180. elem.removeClass(_this.config.collapsingClass).addClass(_this.config.collapseClass + " " + _this.config.collapseInClass).height('').attr('aria-expanded', true);
  181. _this.setTransitioning(false);
  182. elem.trigger(Event.SHOWN);
  183. };
  184. if (!Util.supportsTransitionEnd()) {
  185. complete();
  186. return;
  187. }
  188. elem.height(element[0].scrollHeight).one(Util.TRANSITION_END, complete).mmEmulateTransitionEnd(TRANSITION_DURATION);
  189. };
  190. _proto.hide = function hide(element) {
  191. var _this2 = this;
  192. if (this.transitioning || !$$$1(element).hasClass(this.config.collapseInClass)) {
  193. return;
  194. }
  195. var elem = $$$1(element);
  196. var startEvent = $$$1.Event(Event.HIDE);
  197. elem.trigger(startEvent);
  198. if (startEvent.isDefaultPrevented()) {
  199. return;
  200. }
  201. elem.parent(this.config.parentTrigger).removeClass(this.config.activeClass); // eslint-disable-next-line no-unused-expressions
  202. elem.height(elem.height())[0].offsetHeight;
  203. elem.addClass(this.config.collapsingClass).removeClass(this.config.collapseClass).removeClass(this.config.collapseInClass);
  204. this.setTransitioning(true);
  205. var complete = function complete() {
  206. // check if disposed
  207. if (!_this2.config || !_this2.element) {
  208. return;
  209. }
  210. if (_this2.transitioning && _this2.config.onTransitionEnd) {
  211. _this2.config.onTransitionEnd();
  212. }
  213. _this2.setTransitioning(false);
  214. elem.trigger(Event.HIDDEN);
  215. elem.removeClass(_this2.config.collapsingClass).addClass(_this2.config.collapseClass).attr('aria-expanded', false);
  216. };
  217. if (!Util.supportsTransitionEnd()) {
  218. complete();
  219. return;
  220. }
  221. if (elem.height() === 0 || elem.css('display') === 'none') {
  222. complete();
  223. } else {
  224. elem.height(0).one(Util.TRANSITION_END, complete).mmEmulateTransitionEnd(TRANSITION_DURATION);
  225. }
  226. };
  227. _proto.setTransitioning = function setTransitioning(isTransitioning) {
  228. this.transitioning = isTransitioning;
  229. };
  230. _proto.dispose = function dispose() {
  231. $$$1.removeData(this.element, DATA_KEY);
  232. $$$1(this.element).find(this.config.parentTrigger).has(this.config.subMenu).children(this.config.triggerElement).off('click');
  233. this.transitioning = null;
  234. this.config = null;
  235. this.element = null;
  236. };
  237. MetisMenu.jQueryInterface = function jQueryInterface(config) {
  238. // eslint-disable-next-line func-names
  239. return this.each(function () {
  240. var $this = $$$1(this);
  241. var data = $this.data(DATA_KEY);
  242. var conf = _objectSpread({}, Default, $this.data(), typeof config === 'object' && config ? config : {});
  243. if (!data && /dispose/.test(config)) {
  244. this.dispose();
  245. }
  246. if (!data) {
  247. data = new MetisMenu(this, conf);
  248. $this.data(DATA_KEY, data);
  249. }
  250. if (typeof config === 'string') {
  251. if (data[config] === undefined) {
  252. throw new Error("No method named \"" + config + "\"");
  253. }
  254. data[config]();
  255. }
  256. });
  257. };
  258. return MetisMenu;
  259. }();
  260. /**
  261. * ------------------------------------------------------------------------
  262. * jQuery
  263. * ------------------------------------------------------------------------
  264. */
  265. $$$1.fn[NAME] = MetisMenu.jQueryInterface; // eslint-disable-line no-param-reassign
  266. $$$1.fn[NAME].Constructor = MetisMenu; // eslint-disable-line no-param-reassign
  267. $$$1.fn[NAME].noConflict = function () {
  268. // eslint-disable-line no-param-reassign
  269. $$$1.fn[NAME] = JQUERY_NO_CONFLICT; // eslint-disable-line no-param-reassign
  270. return MetisMenu.jQueryInterface;
  271. };
  272. return MetisMenu;
  273. }($);
  274. return MetisMenu;
  275. })));