add a context menu package
[redakcja.git] / redakcja / static / contextmenu / jquery.contextMenu.js
1 /*!\r
2  * jQuery contextMenu - Plugin for simple contextMenu handling\r
3  *\r
4  * Version: 1.5.13\r
5  *\r
6  * Authors: Rodney Rehm, Addy Osmani (patches for FF)\r
7  * Web: http://medialize.github.com/jQuery-contextMenu/\r
8  *\r
9  * Licensed under\r
10  *   MIT License http://www.opensource.org/licenses/mit-license\r
11  *   GPL v3 http://opensource.org/licenses/GPL-3.0\r
12  *\r
13  */\r
14 \r
15 (function($, undefined){\r
16     \r
17     // TODO: -\r
18         // ARIA stuff: menuitem, menuitemcheckbox und menuitemradio\r
19         // create <menu> structure if $.support[htmlCommand || htmlMenuitem] and !opt.disableNative\r
20 \r
21 // determine html5 compatibility\r
22 $.support.htmlMenuitem = ('HTMLMenuItemElement' in window);\r
23 $.support.htmlCommand = ('HTMLCommandElement' in window);\r
24 \r
25 var // currently active contextMenu trigger\r
26     $currentTrigger = null,\r
27     // is contextMenu initialized with at least one menu?\r
28     initialized = false,\r
29     // window handle\r
30     $win = $(window),\r
31     // number of registered menus\r
32     counter = 0,\r
33     // mapping selector to namespace\r
34     namespaces = {},\r
35     // mapping namespace to options\r
36     menus = {},\r
37     // custom command type handlers\r
38     types = {},\r
39     // default values\r
40     defaults = {\r
41         // selector of contextMenu trigger\r
42         selector: null,\r
43         // where to append the menu to\r
44         appendTo: null,\r
45         // method to trigger context menu ["right", "left", "hover"]\r
46         trigger: "right",\r
47         // hide menu when mouse leaves trigger / menu elements\r
48         autoHide: false,\r
49         // ms to wait before showing a hover-triggered context menu\r
50         delay: 200,\r
51         // determine position to show menu at\r
52         determinePosition: function($menu) {\r
53             // position to the lower middle of the trigger element\r
54             if ($.ui && $.ui.position) {\r
55                 // .position() is provided as a jQuery UI utility\r
56                 // (...and it won't work on hidden elements)\r
57                 $menu.css('display', 'block').position({\r
58                     my: "center top",\r
59                     at: "center bottom",\r
60                     of: this,\r
61                     offset: "0 5",\r
62                     collision: "fit"\r
63                 }).css('display', 'none');\r
64             } else {\r
65                 // determine contextMenu position\r
66                 var offset = this.offset();\r
67                 offset.top += this.outerHeight();\r
68                 offset.left += this.outerWidth() / 2 - $menu.outerWidth() / 2;\r
69                 $menu.css(offset);\r
70             }\r
71         },\r
72         // position menu\r
73         position: function(opt, x, y) {\r
74             var $this = this,\r
75                 offset;\r
76             // determine contextMenu position\r
77             if (!x && !y) {\r
78                 opt.determinePosition.call(this, opt.$menu);\r
79                 return;\r
80             } else if (x === "maintain" && y === "maintain") {\r
81                 // x and y must not be changed (after re-show on command click)\r
82                 offset = opt.$menu.position();\r
83             } else {\r
84                 // x and y are given (by mouse event)\r
85                 var triggerIsFixed = opt.$trigger.parents().andSelf()\r
86                     .filter(function() {\r
87                         return $(this).css('position') == "fixed";\r
88                     }).length;\r
89 \r
90                 if (triggerIsFixed) {\r
91                     y -= $win.scrollTop();\r
92                     x -= $win.scrollLeft();\r
93                 }\r
94                 offset = {top: y, left: x};\r
95             }\r
96             \r
97             // correct offset if viewport demands it\r
98             var bottom = $win.scrollTop() + $win.height(),\r
99                 right = $win.scrollLeft() + $win.width(),\r
100                 height = opt.$menu.height(),\r
101                 width = opt.$menu.width();\r
102             \r
103             if (offset.top + height > bottom) {\r
104                 offset.top -= height;\r
105             }\r
106             \r
107             if (offset.left + width > right) {\r
108                 offset.left -= width;\r
109             }\r
110             \r
111             opt.$menu.css(offset);\r
112         },\r
113         // position the sub-menu\r
114         positionSubmenu: function($menu) {\r
115             if ($.ui && $.ui.position) {\r
116                 // .position() is provided as a jQuery UI utility\r
117                 // (...and it won't work on hidden elements)\r
118                 $menu.css('display', 'block').position({\r
119                     my: "left top",\r
120                     at: "right top",\r
121                     of: this,\r
122                     collision: "fit"\r
123                 }).css('display', '');\r
124             } else {\r
125                 // determine contextMenu position\r
126                 var offset = this.offset();\r
127                 offset.top += 0;\r
128                 offset.left += this.outerWidth();\r
129                 $menu.css(offset);\r
130             }\r
131         },\r
132         // offset to add to zIndex\r
133         zIndex: 1,\r
134         // show hide animation settings\r
135         animation: {\r
136             duration: 50,\r
137             show: 'slideDown',\r
138             hide: 'slideUp'\r
139         },\r
140         // events\r
141         events: {\r
142             show: $.noop,\r
143             hide: $.noop\r
144         },\r
145         // default callback\r
146         callback: null,\r
147         // list of contextMenu items\r
148         items: {}\r
149     },\r
150     // mouse position for hover activation\r
151     hoveract = {\r
152         timer: null,\r
153         pageX: null,\r
154         pageY: null\r
155     },\r
156     // determine zIndex\r
157     zindex = function($t) {\r
158         var zin = 0,\r
159             $tt = $t;\r
160 \r
161         while (true) {\r
162             zin = Math.max(zin, parseInt($tt.css('z-index'), 10) || 0);\r
163             $tt = $tt.parent();\r
164             if (!$tt || !$tt.length || $tt.prop('nodeName').toLowerCase() == 'body') {\r
165                 break;\r
166             }\r
167         }\r
168         \r
169         return zin;\r
170     },\r
171     // event handlers\r
172     handle = {\r
173         // abort anything\r
174         abortevent: function(e){\r
175             e.preventDefault();\r
176             e.stopImmediatePropagation();\r
177         },\r
178         \r
179         // contextmenu show dispatcher\r
180         contextmenu: function(e) {\r
181             var $this = $(this);\r
182             \r
183             // disable actual context-menu\r
184             e.preventDefault();\r
185             e.stopImmediatePropagation();\r
186             \r
187             // abort native-triggered events unless we're triggering on right click\r
188             if (e.data.trigger != 'right' && e.originalEvent) {\r
189                 return;\r
190             }\r
191             \r
192             if (!$this.hasClass('context-menu-disabled')) {\r
193                 // theoretically need to fire a show event at <menu>\r
194                 // http://www.whatwg.org/specs/web-apps/current-work/multipage/interactive-elements.html#context-menus\r
195                 // var evt = jQuery.Event("show", { data: data, pageX: e.pageX, pageY: e.pageY, relatedTarget: this });\r
196                 // e.data.$menu.trigger(evt);\r
197                 \r
198                 $currentTrigger = $this;\r
199                 if (e.data.build) {\r
200                     var built = e.data.build($currentTrigger, e);\r
201                     // abort if build() returned false\r
202                     if (built === false) {\r
203                         return;\r
204                     }\r
205                     \r
206                     // dynamically build menu on invocation\r
207                     e.data = $.extend(true, defaults, e.data, built || {});\r
208 \r
209                     // abort if there are no items to display\r
210                     if (!e.data.items || $.isEmptyObject(e.data.items)) {\r
211                         // Note: jQuery captures and ignores errors from event handlers\r
212                         if (window.console) {\r
213                             (console.error || console.log)("No items specified to show in contextMenu");\r
214                         }\r
215                         \r
216                         throw new Error('No Items sepcified');\r
217                     }\r
218                     \r
219                     // backreference for custom command type creation\r
220                     e.data.$trigger = $currentTrigger;\r
221                     \r
222                     op.create(e.data);\r
223                 }\r
224                 // show menu\r
225                 op.show.call($this, e.data, e.pageX, e.pageY);\r
226             }\r
227         },\r
228         // contextMenu left-click trigger\r
229         click: function(e) {\r
230             e.preventDefault();\r
231             e.stopImmediatePropagation();\r
232             $(this).trigger(jQuery.Event("contextmenu", { data: e.data, pageX: e.pageX, pageY: e.pageY }));\r
233         },\r
234         // contextMenu right-click trigger\r
235         mousedown: function(e) {\r
236             // register mouse down\r
237             var $this = $(this);\r
238             \r
239             // hide any previous menus\r
240             if ($currentTrigger && $currentTrigger.length && !$currentTrigger.is($this)) {\r
241                 $currentTrigger.data('contextMenu').$menu.trigger('contextmenu:hide');\r
242             }\r
243             \r
244             // activate on right click\r
245             if (e.button == 2) {\r
246                 $currentTrigger = $this.data('contextMenuActive', true);\r
247             }\r
248         },\r
249         // contextMenu right-click trigger\r
250         mouseup: function(e) {\r
251             // show menu\r
252             var $this = $(this);\r
253             if ($this.data('contextMenuActive') && $currentTrigger && $currentTrigger.length && $currentTrigger.is($this) && !$this.hasClass('context-menu-disabled')) {\r
254                 e.preventDefault();\r
255                 e.stopImmediatePropagation();\r
256                 $currentTrigger = $this;\r
257                 $this.trigger(jQuery.Event("contextmenu", { data: e.data, pageX: e.pageX, pageY: e.pageY }));\r
258             }\r
259             \r
260             $this.removeData('contextMenuActive');\r
261         },\r
262         // contextMenu hover trigger\r
263         mouseenter: function(e) {\r
264             var $this = $(this),\r
265                 $related = $(e.relatedTarget),\r
266                 $document = $(document);\r
267             \r
268             // abort if we're coming from a menu\r
269             if ($related.is('.context-menu-list') || $related.closest('.context-menu-list').length) {\r
270                 return;\r
271             }\r
272             \r
273             // abort if a menu is shown\r
274             if ($currentTrigger && $currentTrigger.length) {\r
275                 return;\r
276             }\r
277             \r
278             hoveract.pageX = e.pageX;\r
279             hoveract.pageY = e.pageY;\r
280             hoveract.data = e.data;\r
281             $document.on('mousemove.contextMenuShow', handle.mousemove);\r
282             hoveract.timer = setTimeout(function() {\r
283                 hoveract.timer = null;\r
284                 $document.off('mousemove.contextMenuShow');\r
285                 $currentTrigger = $this;\r
286                 $this.trigger(jQuery.Event("contextmenu", { data: hoveract.data, pageX: hoveract.pageX, pageY: hoveract.pageY }));\r
287             }, e.data.delay );\r
288         },\r
289         // contextMenu hover trigger\r
290         mousemove: function(e) {\r
291             hoveract.pageX = e.pageX;\r
292             hoveract.pageY = e.pageY;\r
293         },\r
294         // contextMenu hover trigger\r
295         mouseleave: function(e) {\r
296             // abort if we're leaving for a menu\r
297             var $related = $(e.relatedTarget);\r
298             if ($related.is('.context-menu-list') || $related.closest('.context-menu-list').length) {\r
299                 return;\r
300             }\r
301             \r
302             try {\r
303                 clearTimeout(hoveract.timer);\r
304             } catch(e) {}\r
305             \r
306             hoveract.timer = null;\r
307         },\r
308         \r
309         // click on layer to hide contextMenu\r
310         layerClick: function(e) {\r
311             var $this = $(this),\r
312                 root = $this.data('contextMenuRoot');\r
313                 \r
314             e.preventDefault();\r
315             e.stopImmediatePropagation();\r
316             \r
317             if ((root.trigger == 'left' && e.button == 0) || (root.trigger == 'right' && e.button == 2)) {\r
318                 var offset = root.$trigger.offset();\r
319                 \r
320                 // while this looks kinda awful, it's the best way to avoid\r
321                 // unnecessarily calculating any positions\r
322                 offset.top += $(window).scrollTop();\r
323                 if (offset.top <= e.pageY) {\r
324                     offset.left += $(window).scrollLeft();\r
325                     if (offset.left <= e.pageX) {\r
326                         offset.bottom = offset.top + root.$trigger.outerHeight();\r
327                         if (offset.bottom >= e.pageY) {\r
328                             offset.right = offset.left + root.$trigger.outerWidth();\r
329                             if (offset.right >= e.pageX) {\r
330                                 // reposition\r
331                                 root.position.call(root.$trigger, root, e.pageX, e.pageY);\r
332                                 return;\r
333                             }\r
334                         }\r
335                     }\r
336                 }\r
337             } \r
338             \r
339             // remove only after mouseup has completed\r
340             $this.on('mouseup', function(e) {\r
341                 e.preventDefault();\r
342                 e.stopImmediatePropagation();\r
343                 root.$menu.trigger('contextmenu:hide');\r
344             });\r
345         },\r
346         // key handled :hover\r
347         keyStop: function(e, opt) {\r
348             if (!opt.isInput) {\r
349                 e.preventDefault();\r
350             }\r
351             \r
352             e.stopPropagation();\r
353         },\r
354         key: function(e) {\r
355             var opt = $currentTrigger.data('contextMenu') || {},\r
356                 $children = opt.$menu.children(),\r
357                 $round;\r
358 \r
359             switch (e.keyCode) {\r
360                 case 9:\r
361                 case 38: // up\r
362                     handle.keyStop(e, opt);\r
363                     // if keyCode is [38 (up)] or [9 (tab) with shift]\r
364                     if (opt.isInput) {\r
365                         if (e.keyCode == 9 && e.shiftKey) {\r
366                             e.preventDefault();\r
367                             opt.$selected && opt.$selected.find('input, textarea, select').blur();\r
368                             opt.$menu.trigger('prevcommand');\r
369                             return;\r
370                         } else if (e.keyCode == 38 && opt.$selected.find('input, textarea, select').prop('type') == 'checkbox') {\r
371                             // checkboxes don't capture this key\r
372                             e.preventDefault();\r
373                             return;\r
374                         }\r
375                     } else if (e.keyCode != 9 || e.shiftKey) {\r
376                         opt.$menu.trigger('prevcommand');\r
377                         return;\r
378                     }\r
379                     \r
380                 case 9: // tab\r
381                 case 40: // down\r
382                     handle.keyStop(e, opt);\r
383                     if (opt.isInput) {\r
384                         if (e.keyCode == 9) {\r
385                             e.preventDefault();\r
386                             opt.$selected && opt.$selected.find('input, textarea, select').blur();\r
387                             opt.$menu.trigger('nextcommand');\r
388                             return;\r
389                         } else if (e.keyCode == 40 && opt.$selected.find('input, textarea, select').prop('type') == 'checkbox') {\r
390                             // checkboxes don't capture this key\r
391                             e.preventDefault();\r
392                             return;\r
393                         }\r
394                     } else {\r
395                         opt.$menu.trigger('nextcommand');\r
396                         return;\r
397                     }\r
398                     break;\r
399                 \r
400                 case 37: // left\r
401                     handle.keyStop(e, opt);\r
402                     if (opt.isInput || !opt.$selected || !opt.$selected.length) {\r
403                         break;\r
404                     }\r
405                 \r
406                     if (!opt.$selected.parent().hasClass('context-menu-root')) {\r
407                         var $parent = opt.$selected.parent().parent();\r
408                         opt.$selected.trigger('contextmenu:blur');\r
409                         opt.$selected = $parent;\r
410                         return;\r
411                     }\r
412                     break;\r
413                     \r
414                 case 39: // right\r
415                     handle.keyStop(e, opt);\r
416                     if (opt.isInput || !opt.$selected || !opt.$selected.length) {\r
417                         break;\r
418                     }\r
419                     \r
420                     var itemdata = opt.$selected.data('contextMenu') || {};\r
421                     if (itemdata.$menu && opt.$selected.hasClass('context-menu-submenu')) {\r
422                         opt.$selected = null;\r
423                         itemdata.$selected = null;\r
424                         itemdata.$menu.trigger('nextcommand');\r
425                         return;\r
426                     }\r
427                     break;\r
428                 \r
429                 case 35: // end\r
430                 case 36: // home\r
431                     if (opt.$selected && opt.$selected.find('input, textarea, select').length) {\r
432                         return;\r
433                     } else {\r
434                         (opt.$selected && opt.$selected.parent() || opt.$menu)\r
435                             .children(':not(.disabled, .not-selectable)')[e.keyCode == 36 ? 'first' : 'last']()\r
436                             .trigger('contextmenu:focus');\r
437                         e.preventDefault();\r
438                         return;\r
439                     }\r
440                     break;\r
441                     \r
442                 case 13: // enter\r
443                     handle.keyStop(e, opt);\r
444                     if (opt.isInput) {\r
445                         if (opt.$selected && !opt.$selected.is('textarea, select')) {\r
446                             e.preventDefault();\r
447                             return;\r
448                         }\r
449                         break;\r
450                     }\r
451                     opt.$selected && opt.$selected.trigger('mouseup');\r
452                     return;\r
453                     \r
454                 case 32: // space\r
455                 case 33: // page up\r
456                 case 34: // page down\r
457                     // prevent browser from scrolling down while menu is visible\r
458                     handle.keyStop(e, opt);\r
459                     return;\r
460                     \r
461                 case 27: // esc\r
462                     handle.keyStop(e, opt);\r
463                     opt.$menu.trigger('contextmenu:hide');\r
464                     return;\r
465                     \r
466                 default: // 0-9, a-z\r
467                     var k = (String.fromCharCode(e.keyCode)).toUpperCase();\r
468                     if (opt.accesskeys[k]) {\r
469                         // according to the specs accesskeys must be invoked immediately\r
470                         opt.accesskeys[k].$node.trigger(opt.accesskeys[k].$menu\r
471                             ? 'contextmenu:focus'\r
472                             : 'mouseup'\r
473                         );\r
474                         return;\r
475                     }\r
476                     break;\r
477             }\r
478             // pass event to selected item, \r
479             // stop propagation to avoid endless recursion\r
480             e.stopPropagation();\r
481             opt.$selected && opt.$selected.trigger(e);\r
482         },\r
483 \r
484         // select previous possible command in menu\r
485         prevItem: function(e) {\r
486             e.stopPropagation();\r
487             var opt = $(this).data('contextMenu') || {};\r
488 \r
489             // obtain currently selected menu\r
490             if (opt.$selected) {\r
491                 var $s = opt.$selected;\r
492                 opt = opt.$selected.parent().data('contextMenu') || {};\r
493                 opt.$selected = $s;\r
494             }\r
495             \r
496             var $children = opt.$menu.children(),\r
497                 $prev = !opt.$selected || !opt.$selected.prev().length ? $children.last() : opt.$selected.prev(),\r
498                 $round = $prev;\r
499             \r
500             // skip disabled\r
501             while ($prev.hasClass('disabled') || $prev.hasClass('not-selectable')) {\r
502                 if ($prev.prev().length) {\r
503                     $prev = $prev.prev();\r
504                 } else {\r
505                     $prev = $children.last();\r
506                 }\r
507                 if ($prev.is($round)) {\r
508                     // break endless loop\r
509                     return;\r
510                 }\r
511             }\r
512             \r
513             // leave current\r
514             if (opt.$selected) {\r
515                 handle.itemMouseleave.call(opt.$selected.get(0), e);\r
516             }\r
517             \r
518             // activate next\r
519             handle.itemMouseenter.call($prev.get(0), e);\r
520             \r
521             // focus input\r
522             var $input = $prev.find('input, textarea, select');\r
523             if ($input.length) {\r
524                 $input.focus();\r
525             }\r
526         },\r
527         // select next possible command in menu\r
528         nextItem: function(e) {\r
529             e.stopPropagation();\r
530             var opt = $(this).data('contextMenu') || {};\r
531 \r
532             // obtain currently selected menu\r
533             if (opt.$selected) {\r
534                 var $s = opt.$selected;\r
535                 opt = opt.$selected.parent().data('contextMenu') || {};\r
536                 opt.$selected = $s;\r
537             }\r
538 \r
539             var $children = opt.$menu.children(),\r
540                 $next = !opt.$selected || !opt.$selected.next().length ? $children.first() : opt.$selected.next(),\r
541                 $round = $next;\r
542 \r
543             // skip disabled\r
544             while ($next.hasClass('disabled') || $next.hasClass('not-selectable')) {\r
545                 if ($next.next().length) {\r
546                     $next = $next.next();\r
547                 } else {\r
548                     $next = $children.first();\r
549                 }\r
550                 if ($next.is($round)) {\r
551                     // break endless loop\r
552                     return;\r
553                 }\r
554             }\r
555             \r
556             // leave current\r
557             if (opt.$selected) {\r
558                 handle.itemMouseleave.call(opt.$selected.get(0), e);\r
559             }\r
560             \r
561             // activate next\r
562             handle.itemMouseenter.call($next.get(0), e);\r
563             \r
564             // focus input\r
565             var $input = $next.find('input, textarea, select');\r
566             if ($input.length) {\r
567                 $input.focus();\r
568             }\r
569         },\r
570         \r
571         // flag that we're inside an input so the key handler can act accordingly\r
572         focusInput: function(e) {\r
573             var $this = $(this).closest('.context-menu-item'),\r
574                 data = $this.data(),\r
575                 opt = data.contextMenu,\r
576                 root = data.contextMenuRoot;\r
577 \r
578             root.$selected = opt.$selected = $this;\r
579             root.isInput = opt.isInput = true;\r
580         },\r
581         // flag that we're inside an input so the key handler can act accordingly\r
582         blurInput: function(e) {\r
583             var $this = $(this).closest('.context-menu-item'),\r
584                 data = $this.data(),\r
585                 opt = data.contextMenu,\r
586                 root = data.contextMenuRoot;\r
587 \r
588             root.isInput = opt.isInput = false;\r
589         },\r
590         \r
591         // :hover on menu\r
592         menuMouseenter: function(e) {\r
593             var root = $(this).data().contextMenuRoot;\r
594             root.hovering = true;\r
595         },\r
596         // :hover on menu\r
597         menuMouseleave: function(e) {\r
598             var root = $(this).data().contextMenuRoot;\r
599             if (root.$layer && root.$layer.is(e.relatedTarget)) {\r
600                 root.hovering = false;\r
601             }\r
602         },\r
603         \r
604         // :hover done manually so key handling is possible\r
605         itemMouseenter: function(e) {\r
606             var $this = $(this),\r
607                 data = $this.data(),\r
608                 opt = data.contextMenu,\r
609                 root = data.contextMenuRoot;\r
610             \r
611             root.hovering = true;\r
612 \r
613             // abort if we're re-entering\r
614             if (e && root.$layer && root.$layer.is(e.relatedTarget)) {\r
615                 e.preventDefault();\r
616                 e.stopImmediatePropagation();\r
617             }\r
618 \r
619             // make sure only one item is selected\r
620             (opt.$menu ? opt : root).$menu\r
621                 .children('.hover').trigger('contextmenu:blur');\r
622 \r
623             if ($this.hasClass('disabled') || $this.hasClass('not-selectable')) {\r
624                 opt.$selected = null;\r
625                 return;\r
626             }\r
627             \r
628             $this.trigger('contextmenu:focus');\r
629         },\r
630         // :hover done manually so key handling is possible\r
631         itemMouseleave: function(e) {\r
632             var $this = $(this),\r
633                 data = $this.data(),\r
634                 opt = data.contextMenu,\r
635                 root = data.contextMenuRoot;\r
636 \r
637             if (root !== opt && root.$layer && root.$layer.is(e.relatedTarget)) {\r
638                 root.$selected && root.$selected.trigger('contextmenu:blur');\r
639                 e.preventDefault();\r
640                 e.stopImmediatePropagation();\r
641                 root.$selected = opt.$selected = opt.$node;\r
642                 return;\r
643             }\r
644             \r
645             $this.trigger('contextmenu:blur');\r
646         },\r
647         // contextMenu item click\r
648         itemClick: function(e) {\r
649             var $this = $(this),\r
650                 data = $this.data(),\r
651                 opt = data.contextMenu,\r
652                 root = data.contextMenuRoot,\r
653                 key = data.contextMenuKey,\r
654                 callback;\r
655 \r
656             // abort if the key is unknown or disabled or is a menu\r
657             if (!opt.items[key] || $this.hasClass('disabled') || $this.hasClass('context-menu-submenu')) {\r
658                 return;\r
659             }\r
660 \r
661             e.preventDefault();\r
662             e.stopImmediatePropagation();\r
663 \r
664             if ($.isFunction(root.callbacks[key])) {\r
665                 // item-specific callback\r
666                 callback = root.callbacks[key];\r
667             } else if ($.isFunction(root.callback)) {\r
668                 // default callback\r
669                 callback = root.callback;                \r
670             } else {\r
671                 // no callback, no action\r
672                 return;\r
673             }\r
674 \r
675             // hide menu if callback doesn't stop that\r
676             if (callback.call(root.$trigger, key, root) !== false) {\r
677                 root.$menu.trigger('contextmenu:hide');\r
678             } else {\r
679                 op.update.call(root.$trigger, root);\r
680             }\r
681         },\r
682         // ignore click events on input elements\r
683         inputClick: function(e) {\r
684             e.stopImmediatePropagation();\r
685         },\r
686         \r
687         // hide <menu>\r
688         hideMenu: function(e) {\r
689             var root = $(this).data('contextMenuRoot');\r
690             op.hide.call(root.$trigger, root);\r
691         },\r
692         // focus <command>\r
693         focusItem: function(e) {\r
694             e.stopPropagation();\r
695             var $this = $(this),\r
696                 data = $this.data(),\r
697                 opt = data.contextMenu,\r
698                 root = data.contextMenuRoot;\r
699 \r
700             $this.addClass('hover')\r
701                 .siblings('.hover').trigger('contextmenu:blur');\r
702             \r
703             // remember selected\r
704             opt.$selected = root.$selected = $this;\r
705             \r
706             // position sub-menu - do after show so dumb $.ui.position can keep up\r
707             if (opt.$node) {\r
708                 root.positionSubmenu.call(opt.$node, opt.$menu);\r
709             }\r
710         },\r
711         // blur <command>\r
712         blurItem: function(e) {\r
713             e.stopPropagation();\r
714             var $this = $(this),\r
715                 data = $this.data(),\r
716                 opt = data.contextMenu,\r
717                 root = data.contextMenuRoot;\r
718             \r
719             $this.removeClass('hover');\r
720             opt.$selected = null;\r
721         }\r
722     },\r
723     // operations\r
724     op = {\r
725         show: function(opt, x, y) {\r
726             var $this = $(this),\r
727                 offset,\r
728                 css = {};\r
729 \r
730             // hide any open menus\r
731             $('#context-menu-layer').trigger('mousedown');\r
732 \r
733             // backreference for callbacks\r
734             opt.$trigger = $this;\r
735 \r
736             // show event\r
737             if (opt.events.show.call($this, opt) === false) {\r
738                 $currentTrigger = null;\r
739                 return;\r
740             }\r
741             \r
742             // create or update context menu\r
743             op.update.call($this, opt);\r
744             \r
745             // position menu\r
746             opt.position.call($this, opt, x, y);\r
747 \r
748             // make sure we're in front\r
749             if (opt.zIndex) {\r
750                 css.zIndex = zindex($this) + opt.zIndex;\r
751             }\r
752             \r
753             // add layer\r
754             op.layer.call(opt.$menu, opt, css.zIndex);\r
755             \r
756             // adjust sub-menu zIndexes\r
757             opt.$menu.find('ul').css('zIndex', css.zIndex + 1);\r
758             \r
759             // position and show context menu\r
760             opt.$menu.css( css )[opt.animation.show](opt.animation.duration);\r
761             // make options available\r
762             $this.data('contextMenu', opt);\r
763             // register key handler\r
764             $(document).off('keydown.contextMenu').on('keydown.contextMenu', handle.key);\r
765             // register autoHide handler\r
766             if (opt.autoHide) {\r
767                 // trigger element coordinates\r
768                 var pos = $this.position();\r
769                 pos.right = pos.left + $this.outerWidth();\r
770                 pos.bottom = pos.top + this.outerHeight();\r
771                 // mouse position handler\r
772                 $(document).on('mousemove.contextMenuAutoHide', function(e) {\r
773                     if (opt.$layer && !opt.hovering && (!(e.pageX >= pos.left && e.pageX <= pos.right) || !(e.pageY >= pos.top && e.pageY <= pos.bottom))) {\r
774                         // if mouse in menu...\r
775                         opt.$layer.trigger('mousedown');\r
776                     }\r
777                 });\r
778             }\r
779         },\r
780         hide: function(opt) {\r
781             var $this = $(this);\r
782             if (!opt) {\r
783                 opt = $this.data('contextMenu') || {};\r
784             }\r
785             \r
786             // hide event\r
787             if (opt.events && opt.events.hide.call($this, opt) === false) {\r
788                 return;\r
789             }\r
790             \r
791             if (opt.$layer) {\r
792                 // keep layer for a bit so the contextmenu event can be aborted properly by opera\r
793                 setTimeout((function($layer){ return function(){\r
794                         $layer.remove();\r
795                     };\r
796                 })(opt.$layer), 10);\r
797                 \r
798                 try {\r
799                     delete opt.$layer;\r
800                 } catch(e) {\r
801                     opt.$layer = null;\r
802                 }\r
803             }\r
804             \r
805             // remove handle\r
806             $currentTrigger = null;\r
807             // remove selected\r
808             opt.$menu.find('.hover').trigger('contextmenu:blur');\r
809             opt.$selected = null;\r
810             // unregister key and mouse handlers\r
811             //$(document).off('.contextMenuAutoHide keydown.contextMenu'); // http://bugs.jquery.com/ticket/10705\r
812             $(document).off('.contextMenuAutoHide').off('keydown.contextMenu');\r
813             // hide menu\r
814             opt.$menu && opt.$menu[opt.animation.hide](opt.animation.duration);\r
815             \r
816             // tear down dynamically built menu\r
817             if (opt.build) {\r
818                 opt.$menu.remove();\r
819                 $.each(opt, function(key, value) {\r
820                     switch (key) {\r
821                         case 'ns':\r
822                         case 'selector':\r
823                         case 'build':\r
824                         case 'trigger':\r
825                             return true;\r
826 \r
827                         default:\r
828                             opt[key] = undefined;\r
829                             try {\r
830                                 delete opt[key];\r
831                             } catch (e) {}\r
832                             return true;\r
833                    }\r
834                 });\r
835             }\r
836         },\r
837         create: function(opt, root) {\r
838             if (root === undefined) {\r
839                 root = opt;\r
840             }\r
841             // create contextMenu\r
842             opt.$menu = $('<ul class="context-menu-list ' + (opt.className || "") + '"></ul>').data({\r
843                 'contextMenu': opt,\r
844                 'contextMenuRoot': root\r
845             });\r
846             \r
847             $.each(['callbacks', 'commands', 'inputs'], function(i,k){\r
848                 opt[k] = {};\r
849                 if (!root[k]) {\r
850                     root[k] = {};\r
851                 }\r
852             });\r
853             \r
854             root.accesskeys || (root.accesskeys = {});\r
855             \r
856             // create contextMenu items\r
857             $.each(opt.items, function(key, item){\r
858                 var $t = $('<li class="context-menu-item ' + (item.className || "") +'"></li>'),\r
859                     $label = null,\r
860                     $input = null;\r
861                 \r
862                 item.$node = $t.data({\r
863                     'contextMenu': opt,\r
864                     'contextMenuRoot': root,\r
865                     'contextMenuKey': key\r
866                 });\r
867                 \r
868                 // register accesskey\r
869                 // NOTE: the accesskey attribute should be applicable to any element, but Safari5 and Chrome13 still can't do that\r
870                 if (item.accesskey) {\r
871                     var aks = splitAccesskey(item.accesskey);\r
872                     for (var i=0, ak; ak = aks[i]; i++) {\r
873                         if (!root.accesskeys[ak]) {\r
874                             root.accesskeys[ak] = item;\r
875                             item._name = item.name.replace(new RegExp('(' + ak + ')', 'i'), '<span class="context-menu-accesskey">$1</span>');\r
876                             break;\r
877                         }\r
878                     }\r
879                 }\r
880                 \r
881                 if (typeof item == "string") {\r
882                     $t.addClass('context-menu-separator not-selectable');\r
883                 } else if (item.type && types[item.type]) {\r
884                     // run custom type handler\r
885                     types[item.type].call($t, item, opt, root);\r
886                     // register commands\r
887                     $.each([opt, root], function(i,k){\r
888                         k.commands[key] = item;\r
889                         if ($.isFunction(item.callback)) {\r
890                             k.callbacks[key] = item.callback;\r
891                         }\r
892                     });\r
893                 } else {\r
894                     // add label for input\r
895                     if (item.type == 'html') {\r
896                         $t.addClass('context-menu-html not-selectable');\r
897                     } else if (item.type) {\r
898                         $label = $('<label></label>').appendTo($t);\r
899                         $('<span></span>').html(item._name || item.name).appendTo($label);\r
900                         $t.addClass('context-menu-input');\r
901                         opt.hasTypes = true;\r
902                         $.each([opt, root], function(i,k){\r
903                             k.commands[key] = item;\r
904                             k.inputs[key] = item;\r
905                         });\r
906                     } else if (item.items) {\r
907                         item.type = 'sub';\r
908                     }\r
909                 \r
910                     switch (item.type) {\r
911                         case 'text':\r
912                             $input = $('<input type="text" value="1" name="context-menu-input-'+ key +'" value="">')\r
913                                 .val(item.value || "").appendTo($label);\r
914                             break;\r
915                     \r
916                         case 'textarea':\r
917                             $input = $('<textarea name="context-menu-input-'+ key +'"></textarea>')\r
918                                 .val(item.value || "").appendTo($label);\r
919 \r
920                             if (item.height) {\r
921                                 $input.height(item.height);\r
922                             }\r
923                             break;\r
924 \r
925                         case 'checkbox':\r
926                             $input = $('<input type="checkbox" value="1" name="context-menu-input-'+ key +'" value="">')\r
927                                 .val(item.value || "").prop("checked", !!item.selected).prependTo($label);\r
928                             break;\r
929 \r
930                         case 'radio':\r
931                             $input = $('<input type="radio" value="1" name="context-menu-input-'+ item.radio +'" value="">')\r
932                                 .val(item.value || "").prop("checked", !!item.selected).prependTo($label);\r
933                             break;\r
934                     \r
935                         case 'select':\r
936                             $input = $('<select name="context-menu-input-'+ key +'">').appendTo($label);\r
937                             if (item.options) {\r
938                                 $.each(item.options, function(value, text) {\r
939                                     $('<option></option>').val(value).text(text).appendTo($input);\r
940                                 });\r
941                                 $input.val(item.selected);\r
942                             }\r
943                             break;\r
944                         \r
945                         case 'sub':\r
946                             $('<span></span>').html(item._name || item.name).appendTo($t);\r
947                             item.appendTo = item.$node;\r
948                             op.create(item, root);\r
949                             $t.data('contextMenu', item).addClass('context-menu-submenu');\r
950                             item.callback = null;\r
951                             break;\r
952                         \r
953                         case 'html':\r
954                             $(item.html).appendTo($t);\r
955                             break;\r
956                         \r
957                         default:\r
958                             $.each([opt, root], function(i,k){\r
959                                 k.commands[key] = item;\r
960                                 if ($.isFunction(item.callback)) {\r
961                                     k.callbacks[key] = item.callback;\r
962                                 }\r
963                             });\r
964                             \r
965                             $('<span></span>').html(item._name || item.name || "").appendTo($t);\r
966                             break;\r
967                     }\r
968                     \r
969                     // disable key listener in <input>\r
970                     if (item.type && item.type != 'sub' && item.type != 'html') {\r
971                         $input\r
972                             .on('focus', handle.focusInput)\r
973                             .on('blur', handle.blurInput);\r
974                         \r
975                         if (item.events) {\r
976                             $input.on(item.events);\r
977                         }\r
978                     }\r
979                 \r
980                     // add icons\r
981                     if (item.icon) {\r
982                         $t.addClass("icon icon-" + item.icon);\r
983                     }\r
984                 }\r
985                 \r
986                 // cache contained elements\r
987                 item.$input = $input;\r
988                 item.$label = $label;\r
989 \r
990                 // attach item to menu\r
991                 $t.appendTo(opt.$menu);\r
992                 \r
993                 // Disable text selection\r
994                 if (!opt.hasTypes) {\r
995                     if($.browser.msie) {\r
996                         $t.on('selectstart.disableTextSelect', handle.abortevent);\r
997                     } else if(!$.browser.mozilla) {\r
998                         $t.on('mousedown.disableTextSelect', handle.abortevent);\r
999                     }\r
1000                 }\r
1001             });\r
1002             // attach contextMenu to <body> (to bypass any possible overflow:hidden issues on parents of the trigger element)\r
1003             if (!opt.$node) {\r
1004                 opt.$menu.css('display', 'none').addClass('context-menu-root');\r
1005             }\r
1006             opt.$menu.appendTo(opt.appendTo || document.body);\r
1007         },\r
1008         update: function(opt, root) {\r
1009             var $this = this;\r
1010             if (root === undefined) {\r
1011                 root = opt;\r
1012                 // determine widths of submenus, as CSS won't grow them automatically\r
1013                 // position:absolute > position:absolute; min-width:100; max-width:200; results in width: 100;\r
1014                 // kinda sucks hard...\r
1015                 opt.$menu.find('ul').andSelf().css({position: 'static', display: 'block'}).each(function(){\r
1016                     var $this = $(this);\r
1017                     $this.width($this.css('position', 'absolute').width())\r
1018                         .css('position', 'static');\r
1019                 }).css({position: '', display: ''});\r
1020             }\r
1021             // re-check disabled for each item\r
1022             opt.$menu.children().each(function(){\r
1023                 var $item = $(this),\r
1024                     key = $item.data('contextMenuKey'),\r
1025                     item = opt.items[key],\r
1026                     disabled = ($.isFunction(item.disabled) && item.disabled.call($this, key, root)) || item.disabled === true;\r
1027 \r
1028                 // dis- / enable item\r
1029                 $item[disabled ? 'addClass' : 'removeClass']('disabled');\r
1030                 \r
1031                 if (item.type) {\r
1032                     // dis- / enable input elements\r
1033                     $item.find('input, select, textarea').prop('disabled', disabled);\r
1034                     \r
1035                     // update input states\r
1036                     switch (item.type) {\r
1037                         case 'text':\r
1038                         case 'textarea':\r
1039                             item.$input.val(item.value || "");\r
1040                             break;\r
1041                             \r
1042                         case 'checkbox':\r
1043                         case 'radio':\r
1044                             item.$input.val(item.value || "").prop('checked', !!item.selected);\r
1045                             break;\r
1046                             \r
1047                         case 'select':\r
1048                             item.$input.val(item.selected || "");\r
1049                             break;\r
1050                     }\r
1051                 }\r
1052                 \r
1053                 if (item.$menu) {\r
1054                     // update sub-menu\r
1055                     op.update.call($this, item, root);\r
1056                 }\r
1057             });\r
1058         },\r
1059         layer: function(opt, zIndex) {\r
1060             // add transparent layer for click area\r
1061             // filter and background for Internet Explorer, Issue #23\r
1062             return opt.$layer = $('<div id="context-menu-layer" style="position:fixed; z-index:' + zIndex + '; top:0; left:0; opacity: 0; filter: alpha(opacity=0); background-color: #000;"></div>')\r
1063                 .css({height: $win.height(), width: $win.width(), display: 'block'})\r
1064                 .data('contextMenuRoot', opt)\r
1065                 .insertBefore(this)\r
1066                 .on('contextmenu', handle.abortevent)\r
1067                 .on('mousedown', handle.layerClick);\r
1068         }\r
1069     };\r
1070 \r
1071 // split accesskey according to http://www.whatwg.org/specs/web-apps/current-work/multipage/editing.html#assigned-access-key\r
1072 function splitAccesskey(val) {\r
1073     var t = val.split(/\s+/),\r
1074         keys = [];\r
1075         \r
1076     for (var i=0, k; k = t[i]; i++) {\r
1077         k = k[0].toUpperCase(); // first character only\r
1078         // theoretically non-accessible characters should be ignored, but different systems, different keyboard layouts, ... screw it.\r
1079         // a map to look up already used access keys would be nice\r
1080         keys.push(k);\r
1081     }\r
1082     \r
1083     return keys;\r
1084 }\r
1085 \r
1086 // handle contextMenu triggers\r
1087 $.fn.contextMenu = function(operation) {\r
1088     if (operation === undefined) {\r
1089         this.first().trigger('contextmenu');\r
1090     } else if (operation.x && operation.y) {\r
1091         this.first().trigger(jQuery.Event("contextmenu", {pageX: operation.x, pageY: operation.y}));\r
1092     } else if (operation === "hide") {\r
1093         var $menu = this.data('contextMenu').$menu;\r
1094         $menu && $menu.trigger('contextmenu:hide');\r
1095     } else if (operation) {\r
1096         this.removeClass('context-menu-disabled');\r
1097     } else if (!operation) {\r
1098         this.addClass('context-menu-disabled');\r
1099     }\r
1100     \r
1101     return this;\r
1102 };\r
1103 \r
1104 // manage contextMenu instances\r
1105 $.contextMenu = function(operation, options) {\r
1106     if (typeof operation != 'string') {\r
1107         options = operation;\r
1108         operation = 'create';\r
1109     }\r
1110     \r
1111     if (typeof options == 'string') {\r
1112         options = {selector: options};\r
1113     } else if (options === undefined) {\r
1114         options = {};\r
1115     }\r
1116     \r
1117     // merge with default options\r
1118     var o = $.extend(true, {}, defaults, options || {}),\r
1119         $body = $body = $(document);\r
1120     \r
1121     switch (operation) {\r
1122         case 'create':\r
1123             // no selector no joy\r
1124             if (!o.selector) {\r
1125                 throw new Error('No selector specified');\r
1126             }\r
1127             // make sure internal classes are not bound to\r
1128             if (o.selector.match(/.context-menu-(list|item|input)($|\s)/)) {\r
1129                 throw new Error('Cannot bind to selector "' + o.selector + '" as it contains a reserved className');\r
1130             }\r
1131             if (!o.build && (!o.items || $.isEmptyObject(o.items))) {\r
1132                 throw new Error('No Items sepcified');\r
1133             }\r
1134             counter ++;\r
1135             o.ns = '.contextMenu' + counter;\r
1136             namespaces[o.selector] = o.ns;\r
1137             menus[o.ns] = o;\r
1138             \r
1139             if (!initialized) {\r
1140                 // make sure item click is registered first\r
1141                 $body\r
1142                     .on({\r
1143                         'contextmenu:hide.contextMenu': handle.hideMenu,\r
1144                         'prevcommand.contextMenu': handle.prevItem,\r
1145                         'nextcommand.contextMenu': handle.nextItem,\r
1146                         'contextmenu.contextMenu': handle.abortevent,\r
1147                         'mouseenter.contextMenu': handle.menuMouseenter,\r
1148                         'mouseleave.contextMenu': handle.menuMouseleave\r
1149                     }, '.context-menu-list')\r
1150                     .on('mouseup.contextMenu', '.context-menu-input', handle.inputClick)\r
1151                     .on({\r
1152                         'mouseup.contextMenu': handle.itemClick,\r
1153                         'contextmenu:focus.contextMenu': handle.focusItem,\r
1154                         'contextmenu:blur.contextMenu': handle.blurItem,\r
1155                         'contextmenu.contextMenu': handle.abortevent,\r
1156                         'mouseenter.contextMenu': handle.itemMouseenter,\r
1157                         'mouseleave.contextMenu': handle.itemMouseleave\r
1158                     }, '.context-menu-item');\r
1159 \r
1160                 initialized = true;\r
1161             }\r
1162             \r
1163             // engage native contextmenu event\r
1164             $body\r
1165                 .on('contextmenu' + o.ns, o.selector, o, handle.contextmenu);\r
1166             \r
1167             switch (o.trigger) {\r
1168                 case 'hover':\r
1169                         $body\r
1170                             .on('mouseenter' + o.ns, o.selector, o, handle.mouseenter)\r
1171                             .on('mouseleave' + o.ns, o.selector, o, handle.mouseleave);                    \r
1172                     break;\r
1173                     \r
1174                 case 'left':\r
1175                         $body.on('click' + o.ns, o.selector, o, handle.click);\r
1176                     break;\r
1177                 /*\r
1178                 default:\r
1179                     // http://www.quirksmode.org/dom/events/contextmenu.html\r
1180                     $body\r
1181                         .on('mousedown' + o.ns, o.selector, o, handle.mousedown)\r
1182                         .on('mouseup' + o.ns, o.selector, o, handle.mouseup);\r
1183                     break;\r
1184                 */\r
1185             }\r
1186             \r
1187             // create menu\r
1188             if (!o.build) {\r
1189                 op.create(o);\r
1190             }\r
1191             break;\r
1192         \r
1193         case 'destroy':\r
1194             if (!o.selector) {\r
1195                 $body.off('.contextMenu .contextMenuAutoHide');\r
1196                 $.each(namespaces, function(key, value) {\r
1197                     $body.off(value);\r
1198                 });\r
1199                 \r
1200                 namespaces = {};\r
1201                 menus = {};\r
1202                 counter = 0;\r
1203                 initialized = false;\r
1204                 \r
1205                 $('.context-menu-list').remove();\r
1206             } else if (namespaces[o.selector]) {\r
1207                 try {\r
1208                     if (menus[namespaces[o.selector]].$menu) {\r
1209                         menus[namespaces[o.selector]].$menu.remove();\r
1210                     }\r
1211                     \r
1212                     delete menus[namespaces[o.selector]];\r
1213                 } catch(e) {\r
1214                     menus[namespaces[o.selector]] = null;\r
1215                 }\r
1216                 \r
1217                 $body.off(namespaces[o.selector]);\r
1218             }\r
1219             break;\r
1220         \r
1221         case 'html5':\r
1222             // if <command> or <menuitem> are not handled by the browser,\r
1223             // or options was a bool true,\r
1224             // initialize $.contextMenu for them\r
1225             if ((!$.support.htmlCommand && !$.support.htmlMenuitem) || (typeof options == "boolean" && options)) {\r
1226                 $('menu[type="context"]').each(function() {\r
1227                     if (this.id) {\r
1228                         $.contextMenu({\r
1229                             selector: '[contextmenu=' + this.id +']',\r
1230                             items: $.contextMenu.fromMenu(this)\r
1231                         });\r
1232                     }\r
1233                 }).css('display', 'none');\r
1234             }\r
1235             break;\r
1236         \r
1237         default:\r
1238             throw new Error('Unknown operation "' + operation + '"');\r
1239     }\r
1240     \r
1241     return this;\r
1242 };\r
1243 \r
1244 // import values into <input> commands\r
1245 $.contextMenu.setInputValues = function(opt, data) {\r
1246     if (data === undefined) {\r
1247         data = {};\r
1248     }\r
1249     \r
1250     $.each(opt.inputs, function(key, item) {\r
1251         switch (item.type) {\r
1252             case 'text':\r
1253             case 'textarea':\r
1254                 item.value = data[key] || "";\r
1255                 break;\r
1256 \r
1257             case 'checkbox':\r
1258                 item.selected = data[key] ? true : false;\r
1259                 break;\r
1260                 \r
1261             case 'radio':\r
1262                 item.selected = (data[item.radio] || "") == item.value ? true : false;\r
1263                 break;\r
1264             \r
1265             case 'select':\r
1266                 item.selected = data[key] || "";\r
1267                 break;\r
1268         }\r
1269     });\r
1270 };\r
1271 \r
1272 // export values from <input> commands\r
1273 $.contextMenu.getInputValues = function(opt, data) {\r
1274     if (data === undefined) {\r
1275         data = {};\r
1276     }\r
1277     \r
1278     $.each(opt.inputs, function(key, item) {\r
1279         switch (item.type) {\r
1280             case 'text':\r
1281             case 'textarea':\r
1282             case 'select':\r
1283                 data[key] = item.$input.val();\r
1284                 break;\r
1285 \r
1286             case 'checkbox':\r
1287                 data[key] = item.$input.prop('checked');\r
1288                 break;\r
1289                 \r
1290             case 'radio':\r
1291                 if (item.$input.prop('checked')) {\r
1292                     data[item.radio] = item.value;\r
1293                 }\r
1294                 break;\r
1295         }\r
1296     });\r
1297     \r
1298     return data;\r
1299 };\r
1300 \r
1301 // find <label for="xyz">\r
1302 function inputLabel(node) {\r
1303     return (node.id && $('label[for="'+ node.id +'"]').val()) || node.name;\r
1304 }\r
1305 \r
1306 // convert <menu> to items object\r
1307 function menuChildren(items, $children, counter) {\r
1308     if (!counter) {\r
1309         counter = 0;\r
1310     }\r
1311     \r
1312     $children.each(function() {\r
1313         var $node = $(this),\r
1314             node = this,\r
1315             nodeName = this.nodeName.toLowerCase(),\r
1316             label,\r
1317             item;\r
1318         \r
1319         // extract <label><input>\r
1320         if (nodeName == 'label' && $node.find('input, textarea, select').length) {\r
1321             label = $node.text();\r
1322             $node = $node.children().first();\r
1323             node = $node.get(0);\r
1324             nodeName = node.nodeName.toLowerCase();\r
1325         }\r
1326         \r
1327         /*\r
1328          * <menu> accepts flow-content as children. that means <embed>, <canvas> and such are valid menu items.\r
1329          * Not being the sadistic kind, $.contextMenu only accepts:\r
1330          * <command>, <menuitem>, <hr>, <span>, <p> <input [text, radio, checkbox]>, <textarea>, <select> and of course <menu>.\r
1331          * Everything else will be imported as an html node, which is not interfaced with contextMenu.\r
1332          */\r
1333         \r
1334         // http://www.whatwg.org/specs/web-apps/current-work/multipage/commands.html#concept-command\r
1335         switch (nodeName) {\r
1336             // http://www.whatwg.org/specs/web-apps/current-work/multipage/interactive-elements.html#the-menu-element\r
1337             case 'menu':\r
1338                 item = {name: $node.attr('label'), items: {}};\r
1339                 menuChildren(item.items, $node.children(), counter);\r
1340                 break;\r
1341             \r
1342             // http://www.whatwg.org/specs/web-apps/current-work/multipage/commands.html#using-the-a-element-to-define-a-command\r
1343             case 'a':\r
1344             // http://www.whatwg.org/specs/web-apps/current-work/multipage/commands.html#using-the-button-element-to-define-a-command\r
1345             case 'button':\r
1346                 item = {\r
1347                     name: $node.text(),\r
1348                     disabled: !!$node.attr('disabled'),\r
1349                     callback: (function(){ return function(){ $node.click(); }; })()\r
1350                 };\r
1351                 break;\r
1352             \r
1353             // http://www.whatwg.org/specs/web-apps/current-work/multipage/commands.html#using-the-command-element-to-define-a-command\r
1354 \r
1355             case 'menuitem':\r
1356             case 'command':\r
1357                 switch ($node.attr('type')) {\r
1358                     case undefined:\r
1359                     case 'command':\r
1360                     case 'menuitem':\r
1361                         item = {\r
1362                             name: $node.attr('label'),\r
1363                             disabled: !!$node.attr('disabled'),\r
1364                             callback: (function(){ return function(){ $node.click(); }; })()\r
1365                         };\r
1366                         break;\r
1367                         \r
1368                     case 'checkbox':\r
1369                         item = {\r
1370                             type: 'checkbox',\r
1371                             disabled: !!$node.attr('disabled'),\r
1372                             name: $node.attr('label'),\r
1373                             selected: !!$node.attr('checked')\r
1374                         };\r
1375                         break;\r
1376                         \r
1377                     case 'radio':\r
1378                         item = {\r
1379                             type: 'radio',\r
1380                             disabled: !!$node.attr('disabled'),\r
1381                             name: $node.attr('label'),\r
1382                             radio: $node.attr('radiogroup'),\r
1383                             value: $node.attr('id'),\r
1384                             selected: !!$node.attr('checked')\r
1385                         };\r
1386                         break;\r
1387                         \r
1388                     default:\r
1389                         item = undefined;\r
1390                 }\r
1391                 break;\r
1392  \r
1393             case 'hr':\r
1394                 item = '-------';\r
1395                 break;\r
1396                 \r
1397             case 'input':\r
1398                 switch ($node.attr('type')) {\r
1399                     case 'text':\r
1400                         item = {\r
1401                             type: 'text',\r
1402                             name: label || inputLabel(node),\r
1403                             disabled: !!$node.attr('disabled'),\r
1404                             value: $node.val()\r
1405                         };\r
1406                         break;\r
1407                         \r
1408                     case 'checkbox':\r
1409                         item = {\r
1410                             type: 'checkbox',\r
1411                             name: label || inputLabel(node),\r
1412                             disabled: !!$node.attr('disabled'),\r
1413                             selected: !!$node.attr('checked')\r
1414                         };\r
1415                         break;\r
1416                         \r
1417                     case 'radio':\r
1418                         item = {\r
1419                             type: 'radio',\r
1420                             name: label || inputLabel(node),\r
1421                             disabled: !!$node.attr('disabled'),\r
1422                             radio: !!$node.attr('name'),\r
1423                             value: $node.val(),\r
1424                             selected: !!$node.attr('checked')\r
1425                         };\r
1426                         break;\r
1427                     \r
1428                     default:\r
1429                         item = undefined;\r
1430                         break;\r
1431                 }\r
1432                 break;\r
1433                 \r
1434             case 'select':\r
1435                 item = {\r
1436                     type: 'select',\r
1437                     name: label || inputLabel(node),\r
1438                     disabled: !!$node.attr('disabled'),\r
1439                     selected: $node.val(),\r
1440                     options: {}\r
1441                 };\r
1442                 $node.children().each(function(){\r
1443                     item.options[this.value] = $(this).text();\r
1444                 });\r
1445                 break;\r
1446                 \r
1447             case 'textarea':\r
1448                 item = {\r
1449                     type: 'textarea',\r
1450                     name: label || inputLabel(node),\r
1451                     disabled: !!$node.attr('disabled'),\r
1452                     value: $node.val()\r
1453                 };\r
1454                 break;\r
1455             \r
1456             case 'label':\r
1457                 break;\r
1458             \r
1459             default:\r
1460                 item = {type: 'html', html: $node.clone(true)};\r
1461                 break;\r
1462         }\r
1463         \r
1464         if (item) {\r
1465             counter++;\r
1466             items['key' + counter] = item;\r
1467         }\r
1468     });\r
1469 }\r
1470 \r
1471 // convert html5 menu\r
1472 $.contextMenu.fromMenu = function(element) {\r
1473     var $this = $(element),\r
1474         items = {};\r
1475         \r
1476     menuChildren(items, $this.children());\r
1477     \r
1478     return items;\r
1479 };\r
1480 \r
1481 // make defaults accessible\r
1482 $.contextMenu.defaults = defaults;\r
1483 $.contextMenu.types = types;\r
1484 \r
1485 })(jQuery);\r