| @@ 8493-8556 (lines=64) @@ | ||
| 8490 | self$$1.aria('haspopup', true); |
|
| 8491 | self$$1.state.set('menu', settings.menu || self$$1.render()); |
|
| 8492 | }, |
|
| 8493 | showMenu: function (toggle) { |
|
| 8494 | var self$$1 = this; |
|
| 8495 | var menu; |
|
| 8496 | if (self$$1.menu && self$$1.menu.visible() && toggle !== false) { |
|
| 8497 | return self$$1.hideMenu(); |
|
| 8498 | } |
|
| 8499 | if (!self$$1.menu) { |
|
| 8500 | menu = self$$1.state.get('menu') || []; |
|
| 8501 | self$$1.classes.add('opened'); |
|
| 8502 | if (menu.length) { |
|
| 8503 | menu = { |
|
| 8504 | type: 'menu', |
|
| 8505 | animate: true, |
|
| 8506 | items: menu |
|
| 8507 | }; |
|
| 8508 | } else { |
|
| 8509 | menu.type = menu.type || 'menu'; |
|
| 8510 | menu.animate = true; |
|
| 8511 | } |
|
| 8512 | if (!menu.renderTo) { |
|
| 8513 | self$$1.menu = global$b.create(menu).parent(self$$1).renderTo(); |
|
| 8514 | } else { |
|
| 8515 | self$$1.menu = menu.parent(self$$1).show().renderTo(); |
|
| 8516 | } |
|
| 8517 | self$$1.fire('createmenu'); |
|
| 8518 | self$$1.menu.reflow(); |
|
| 8519 | self$$1.menu.on('cancel', function (e) { |
|
| 8520 | if (e.control.parent() === self$$1.menu) { |
|
| 8521 | e.stopPropagation(); |
|
| 8522 | self$$1.focus(); |
|
| 8523 | self$$1.hideMenu(); |
|
| 8524 | } |
|
| 8525 | }); |
|
| 8526 | self$$1.menu.on('select', function () { |
|
| 8527 | self$$1.focus(); |
|
| 8528 | }); |
|
| 8529 | self$$1.menu.on('show hide', function (e) { |
|
| 8530 | if (e.type === 'hide' && e.control.parent() === self$$1) { |
|
| 8531 | self$$1.classes.remove('opened-under'); |
|
| 8532 | } |
|
| 8533 | if (e.control === self$$1.menu) { |
|
| 8534 | self$$1.activeMenu(e.type === 'show'); |
|
| 8535 | self$$1.classes.toggle('opened', e.type === 'show'); |
|
| 8536 | } |
|
| 8537 | self$$1.aria('expanded', e.type === 'show'); |
|
| 8538 | }).fire('show'); |
|
| 8539 | } |
|
| 8540 | self$$1.menu.show(); |
|
| 8541 | self$$1.menu.layoutRect({ w: self$$1.layoutRect().w }); |
|
| 8542 | self$$1.menu.repaint(); |
|
| 8543 | self$$1.menu.moveRel(self$$1.getEl(), self$$1.isRtl() ? [ |
|
| 8544 | 'br-tr', |
|
| 8545 | 'tr-br' |
|
| 8546 | ] : [ |
|
| 8547 | 'bl-tl', |
|
| 8548 | 'tl-bl' |
|
| 8549 | ]); |
|
| 8550 | var menuLayoutRect = self$$1.menu.layoutRect(); |
|
| 8551 | var selfBottom = self$$1.$el.offset().top + self$$1.layoutRect().h; |
|
| 8552 | if (selfBottom > menuLayoutRect.y && selfBottom < menuLayoutRect.y + menuLayoutRect.h) { |
|
| 8553 | self$$1.classes.add('opened-under'); |
|
| 8554 | } |
|
| 8555 | self$$1.fire('showmenu'); |
|
| 8556 | }, |
|
| 8557 | hideMenu: function () { |
|
| 8558 | var self$$1 = this; |
|
| 8559 | if (self$$1.menu) { |
|
| @@ 8335-8398 (lines=64) @@ | ||
| 8332 | self$$1.aria('haspopup', true); |
|
| 8333 | self$$1.state.set('menu', settings.menu || self$$1.render()); |
|
| 8334 | }, |
|
| 8335 | showMenu: function (toggle) { |
|
| 8336 | var self$$1 = this; |
|
| 8337 | var menu; |
|
| 8338 | if (self$$1.menu && self$$1.menu.visible() && toggle !== false) { |
|
| 8339 | return self$$1.hideMenu(); |
|
| 8340 | } |
|
| 8341 | if (!self$$1.menu) { |
|
| 8342 | menu = self$$1.state.get('menu') || []; |
|
| 8343 | self$$1.classes.add('opened'); |
|
| 8344 | if (menu.length) { |
|
| 8345 | menu = { |
|
| 8346 | type: 'menu', |
|
| 8347 | animate: true, |
|
| 8348 | items: menu |
|
| 8349 | }; |
|
| 8350 | } else { |
|
| 8351 | menu.type = menu.type || 'menu'; |
|
| 8352 | menu.animate = true; |
|
| 8353 | } |
|
| 8354 | if (!menu.renderTo) { |
|
| 8355 | self$$1.menu = global$4.create(menu).parent(self$$1).renderTo(); |
|
| 8356 | } else { |
|
| 8357 | self$$1.menu = menu.parent(self$$1).show().renderTo(); |
|
| 8358 | } |
|
| 8359 | self$$1.fire('createmenu'); |
|
| 8360 | self$$1.menu.reflow(); |
|
| 8361 | self$$1.menu.on('cancel', function (e) { |
|
| 8362 | if (e.control.parent() === self$$1.menu) { |
|
| 8363 | e.stopPropagation(); |
|
| 8364 | self$$1.focus(); |
|
| 8365 | self$$1.hideMenu(); |
|
| 8366 | } |
|
| 8367 | }); |
|
| 8368 | self$$1.menu.on('select', function () { |
|
| 8369 | self$$1.focus(); |
|
| 8370 | }); |
|
| 8371 | self$$1.menu.on('show hide', function (e) { |
|
| 8372 | if (e.type === 'hide' && e.control.parent() === self$$1) { |
|
| 8373 | self$$1.classes.remove('opened-under'); |
|
| 8374 | } |
|
| 8375 | if (e.control === self$$1.menu) { |
|
| 8376 | self$$1.activeMenu(e.type === 'show'); |
|
| 8377 | self$$1.classes.toggle('opened', e.type === 'show'); |
|
| 8378 | } |
|
| 8379 | self$$1.aria('expanded', e.type === 'show'); |
|
| 8380 | }).fire('show'); |
|
| 8381 | } |
|
| 8382 | self$$1.menu.show(); |
|
| 8383 | self$$1.menu.layoutRect({ w: self$$1.layoutRect().w }); |
|
| 8384 | self$$1.menu.repaint(); |
|
| 8385 | self$$1.menu.moveRel(self$$1.getEl(), self$$1.isRtl() ? [ |
|
| 8386 | 'br-tr', |
|
| 8387 | 'tr-br' |
|
| 8388 | ] : [ |
|
| 8389 | 'bl-tl', |
|
| 8390 | 'tl-bl' |
|
| 8391 | ]); |
|
| 8392 | var menuLayoutRect = self$$1.menu.layoutRect(); |
|
| 8393 | var selfBottom = self$$1.$el.offset().top + self$$1.layoutRect().h; |
|
| 8394 | if (selfBottom > menuLayoutRect.y && selfBottom < menuLayoutRect.y + menuLayoutRect.h) { |
|
| 8395 | self$$1.classes.add('opened-under'); |
|
| 8396 | } |
|
| 8397 | self$$1.fire('showmenu'); |
|
| 8398 | }, |
|
| 8399 | hideMenu: function () { |
|
| 8400 | var self$$1 = this; |
|
| 8401 | if (self$$1.menu) { |
|