| @@ 5552-5600 (lines=49) @@ | ||
| 5549 | this.menu.hide(); |
|
| 5550 | } |
|
| 5551 | }, |
|
| 5552 | bindStates: function () { |
|
| 5553 | var self$$1 = this; |
|
| 5554 | self$$1.state.on('change:value', function (e) { |
|
| 5555 | if (self$$1.getEl('inp').value !== e.value) { |
|
| 5556 | self$$1.getEl('inp').value = e.value; |
|
| 5557 | } |
|
| 5558 | }); |
|
| 5559 | self$$1.state.on('change:disabled', function (e) { |
|
| 5560 | self$$1.getEl('inp').disabled = e.value; |
|
| 5561 | }); |
|
| 5562 | self$$1.state.on('change:statusLevel', function (e) { |
|
| 5563 | var statusIconElm = self$$1.getEl('status'); |
|
| 5564 | var prefix = self$$1.classPrefix, value = e.value; |
|
| 5565 | funcs.css(statusIconElm, 'display', value === 'none' ? 'none' : ''); |
|
| 5566 | funcs.toggleClass(statusIconElm, prefix + 'i-checkmark', value === 'ok'); |
|
| 5567 | funcs.toggleClass(statusIconElm, prefix + 'i-warning', value === 'warn'); |
|
| 5568 | funcs.toggleClass(statusIconElm, prefix + 'i-error', value === 'error'); |
|
| 5569 | self$$1.classes.toggle('has-status', value !== 'none'); |
|
| 5570 | self$$1.repaint(); |
|
| 5571 | }); |
|
| 5572 | funcs.on(self$$1.getEl('status'), 'mouseleave', function () { |
|
| 5573 | self$$1.tooltip().hide(); |
|
| 5574 | }); |
|
| 5575 | self$$1.on('cancel', function (e) { |
|
| 5576 | if (self$$1.menu && self$$1.menu.visible()) { |
|
| 5577 | e.stopPropagation(); |
|
| 5578 | self$$1.hideMenu(); |
|
| 5579 | } |
|
| 5580 | }); |
|
| 5581 | var focusIdx = function (idx, menu) { |
|
| 5582 | if (menu && menu.items().length > 0) { |
|
| 5583 | menu.items().eq(idx)[0].focus(); |
|
| 5584 | } |
|
| 5585 | }; |
|
| 5586 | self$$1.on('keydown', function (e) { |
|
| 5587 | var keyCode = e.keyCode; |
|
| 5588 | if (e.target.nodeName === 'INPUT') { |
|
| 5589 | if (keyCode === global$f.DOWN) { |
|
| 5590 | e.preventDefault(); |
|
| 5591 | self$$1.fire('autocomplete'); |
|
| 5592 | focusIdx(0, self$$1.menu); |
|
| 5593 | } else if (keyCode === global$f.UP) { |
|
| 5594 | e.preventDefault(); |
|
| 5595 | focusIdx(-1, self$$1.menu); |
|
| 5596 | } |
|
| 5597 | } |
|
| 5598 | }); |
|
| 5599 | return self$$1._super(); |
|
| 5600 | }, |
|
| 5601 | remove: function () { |
|
| 5602 | global$7(this.getEl('inp')).off(); |
|
| 5603 | if (this.menu) { |
|
| @@ 5370-5418 (lines=49) @@ | ||
| 5367 | this.menu.hide(); |
|
| 5368 | } |
|
| 5369 | }, |
|
| 5370 | bindStates: function () { |
|
| 5371 | var self$$1 = this; |
|
| 5372 | self$$1.state.on('change:value', function (e) { |
|
| 5373 | if (self$$1.getEl('inp').value !== e.value) { |
|
| 5374 | self$$1.getEl('inp').value = e.value; |
|
| 5375 | } |
|
| 5376 | }); |
|
| 5377 | self$$1.state.on('change:disabled', function (e) { |
|
| 5378 | self$$1.getEl('inp').disabled = e.value; |
|
| 5379 | }); |
|
| 5380 | self$$1.state.on('change:statusLevel', function (e) { |
|
| 5381 | var statusIconElm = self$$1.getEl('status'); |
|
| 5382 | var prefix = self$$1.classPrefix, value = e.value; |
|
| 5383 | funcs.css(statusIconElm, 'display', value === 'none' ? 'none' : ''); |
|
| 5384 | funcs.toggleClass(statusIconElm, prefix + 'i-checkmark', value === 'ok'); |
|
| 5385 | funcs.toggleClass(statusIconElm, prefix + 'i-warning', value === 'warn'); |
|
| 5386 | funcs.toggleClass(statusIconElm, prefix + 'i-error', value === 'error'); |
|
| 5387 | self$$1.classes.toggle('has-status', value !== 'none'); |
|
| 5388 | self$$1.repaint(); |
|
| 5389 | }); |
|
| 5390 | funcs.on(self$$1.getEl('status'), 'mouseleave', function () { |
|
| 5391 | self$$1.tooltip().hide(); |
|
| 5392 | }); |
|
| 5393 | self$$1.on('cancel', function (e) { |
|
| 5394 | if (self$$1.menu && self$$1.menu.visible()) { |
|
| 5395 | e.stopPropagation(); |
|
| 5396 | self$$1.hideMenu(); |
|
| 5397 | } |
|
| 5398 | }); |
|
| 5399 | var focusIdx = function (idx, menu) { |
|
| 5400 | if (menu && menu.items().length > 0) { |
|
| 5401 | menu.items().eq(idx)[0].focus(); |
|
| 5402 | } |
|
| 5403 | }; |
|
| 5404 | self$$1.on('keydown', function (e) { |
|
| 5405 | var keyCode = e.keyCode; |
|
| 5406 | if (e.target.nodeName === 'INPUT') { |
|
| 5407 | if (keyCode === global$d.DOWN) { |
|
| 5408 | e.preventDefault(); |
|
| 5409 | self$$1.fire('autocomplete'); |
|
| 5410 | focusIdx(0, self$$1.menu); |
|
| 5411 | } else if (keyCode === global$d.UP) { |
|
| 5412 | e.preventDefault(); |
|
| 5413 | focusIdx(-1, self$$1.menu); |
|
| 5414 | } |
|
| 5415 | } |
|
| 5416 | }); |
|
| 5417 | return self$$1._super(); |
|
| 5418 | }, |
|
| 5419 | remove: function () { |
|
| 5420 | global$9(this.getEl('inp')).off(); |
|
| 5421 | if (this.menu) { |
|