/** * matter-tools-dev.min.js 0.5.0-dev 2015-05-03 * https://github.com/liabru/matter-tools * License: MIT */ (function() { var MatterTools = {}; var Engine = Matter.Engine, World = Matter.World, Bodies = Matter.Bodies, Body = Matter.Body, Composite = Matter.Composite, Composites = Matter.Composites, Common = Matter.Common, Constraint = Matter.Constraint, Events = Matter.Events, Bounds = Matter.Bounds, Vector = Matter.Vector, Vertices = Matter.Vertices, MouseConstraint = Matter.MouseConstraint, Render = Matter.Render, RenderPixi = Matter.RenderPixi, Mouse = Matter.Mouse, Query = Matter.Query, Grid = Matter.Grid, Detector = Matter.Detector; var Gui = {}; (function() { var _isWebkit = "WebkitAppearance" in document.documentElement.style; Gui.create = function(engine, options) { var _datGuiSupported = window.dat && window.localStorage; if (!_datGuiSupported) { console.log("Could not create GUI. Check dat.gui library is loaded first."); return; } var datGui = new dat.GUI(options); var gui = { engine:engine, datGui:datGui, broadphase:"grid", broadphaseCache:{ grid:engine.broadphase.controller === Grid ? engine.broadphase :Grid.create(), bruteForce:{ detector:Detector.bruteForce } }, amount:1, size:40, sides:4, density:.001, restitution:0, friction:.1, frictionStatic:.5, frictionAir:.01, offset:{ x:0, y:0 }, renderer:"canvas", chamfer:0, isRecording:false }; if (Resurrect) { gui.serializer = new Resurrect({ prefix:"$", cleanup:true }); gui.serializer.parse = gui.serializer.resurrect; } _initDatGui(gui); _initGif(gui); return gui; }; Gui.update = function(gui, datGui) { var i; datGui = datGui || gui.datGui; for (i in datGui.__folders) { Gui.update(gui, datGui.__folders[i]); } for (i in datGui.__controllers) { var controller = datGui.__controllers[i]; if (controller.updateDisplay) controller.updateDisplay(); } }; Gui.closeAll = function(gui) { var datGui = gui.datGui; for (var i in datGui.__folders) { datGui.__folders[i].close(); } }; Gui.saveState = function(serializer, engine, key) { if (localStorage && serializer) localStorage.setItem(key, Gui.serialise(serializer, engine.world)); }; Gui.loadState = function(serializer, engine, key) { var loadedWorld; if (localStorage && serializer) loadedWorld = serializer.parse(localStorage.getItem(key)); if (loadedWorld) Engine.merge(engine, { world:loadedWorld }); }; Gui.serialise = function(serializer, object, indent) { indent = indent || 0; return serializer.stringify(object, function(key, value) { if (!/^#/.exec(key) && typeof value === "number") { var fixed = parseFloat(value.toFixed(3)); if (fixed === 0 && value !== 0) return value; return fixed; } return value; }, indent); }; Gui.clone = function(serializer, object) { var clone = serializer.parse(Gui.serialise(serializer, object)); clone.id = Common.nextId(); return clone; }; var _initDatGui = function(gui) { var engine = gui.engine, datGui = gui.datGui; var funcs = { addBody:function() { _addBody(gui); }, clear:function() { _clear(gui); }, save:function() { Gui.saveState(gui.serializer, engine, "guiState"); Events.trigger(gui, "save"); }, load:function() { Gui.loadState(gui.serializer, engine, "guiState"); Events.trigger(gui, "load"); }, inspect:function() { if (!Inspector.instance) gui.inspector = Inspector.create(gui.engine); }, recordGif:function() { if (!gui.isRecording) { gui.gif = new GIF({ workers:5, quality:100, width:800, height:600 }); gui.gif.on("finished", function(blob) { if (_isWebkit) { var anchor = document.createElement("a"); anchor.download = "matter-tools-gif.gif"; anchor.href = (window.webkitURL || window.URL).createObjectURL(blob); anchor.dataset.downloadurl = [ "image/gif", anchor.download, anchor.href ].join(":"); anchor.click(); } else { window.open(URL.createObjectURL(blob)); } }); gui.isRecording = true; } else { if (!gui.gif.running) { gui.isRecording = false; gui.gif.render(); } } setTimeout(function() { if (gui.isRecording && !gui.gif.running) { gui.gif.render(); } gui.isRecording = false; }, 5e3); } }; var metrics = datGui.addFolder("Metrics"); metrics.add(engine.timing, "fps").listen(); if (engine.metrics.extended) { metrics.add(engine.timing, "delta").listen(); metrics.add(engine.timing, "correction").listen(); metrics.add(engine.metrics, "bodies").listen(); metrics.add(engine.metrics, "collisions").listen(); metrics.add(engine.metrics, "pairs").listen(); metrics.add(engine.metrics, "broadEff").listen(); metrics.add(engine.metrics, "midEff").listen(); metrics.add(engine.metrics, "narrowEff").listen(); metrics.add(engine.metrics, "narrowReuse").listen(); metrics.close(); } else { metrics.open(); } var controls = datGui.addFolder("Add Body"); controls.add(gui, "amount", 1, 5).step(1); controls.add(gui, "size", 5, 150).step(1); controls.add(gui, "sides", 1, 8).step(1); controls.add(gui, "density", 1e-4, .01).step(.001); controls.add(gui, "friction", 0, 1).step(.05); controls.add(gui, "frictionStatic", 0, 10).step(.1); controls.add(gui, "frictionAir", 0, gui.frictionAir * 10).step(gui.frictionAir / 10); controls.add(gui, "restitution", 0, 1).step(.1); controls.add(gui, "chamfer", 0, 30).step(2); controls.add(funcs, "addBody"); controls.open(); var worldGui = datGui.addFolder("World"); worldGui.add(funcs, "load"); worldGui.add(funcs, "save"); worldGui.add(funcs, "clear"); worldGui.open(); var toolsGui = datGui.addFolder("Tools"); toolsGui.add(funcs, "inspect"); if (window.GIF) toolsGui.add(funcs, "recordGif"); toolsGui.open(); var gravity = worldGui.addFolder("Gravity"); gravity.add(engine.world.gravity, "x", -1, 1).step(.01); gravity.add(engine.world.gravity, "y", -1, 1).step(.01); gravity.open(); var physics = datGui.addFolder("Engine"); physics.add(engine, "enableSleeping"); physics.add(gui, "broadphase", [ "grid", "bruteForce" ]).onFinishChange(function(value) { engine.broadphase = gui.broadphaseCache[value]; Composite.setModified(engine.world, true, false, false); }); physics.add(engine.timing, "timeScale", 0, 1.2).step(.05).listen(); physics.add(engine, "velocityIterations", 1, 10).step(1); physics.add(engine, "positionIterations", 1, 10).step(1); physics.add(engine, "enabled"); physics.open(); var render = datGui.addFolder("Render"); render.add(gui, "renderer", [ "canvas", "webgl" ]).onFinishChange(function(value) { _setRenderer(gui, value); }); render.add(engine.render.options, "wireframes"); render.add(engine.render.options, "showDebug"); render.add(engine.render.options, "showPositions"); render.add(engine.render.options, "showBroadphase"); render.add(engine.render.options, "showBounds"); render.add(engine.render.options, "showVelocity"); render.add(engine.render.options, "showCollisions"); render.add(engine.render.options, "showSeparations"); render.add(engine.render.options, "showAxes"); render.add(engine.render.options, "showAngleIndicator"); render.add(engine.render.options, "showSleeping"); render.add(engine.render.options, "showIds"); render.add(engine.render.options, "showVertexNumbers"); render.add(engine.render.options, "showConvexHulls"); render.add(engine.render.options, "showInternalEdges"); render.add(engine.render.options, "enabled"); render.open(); }; var _setRenderer = function(gui, rendererName) { var engine = gui.engine, controller; if (rendererName === "canvas") controller = Render; if (rendererName === "webgl") controller = RenderPixi; engine.render.element.removeChild(engine.render.canvas); var options = engine.render.options; engine.render = controller.create({ element:engine.render.element, options:options }); engine.render.options = options; Mouse.setElement(engine.input.mouse, engine.render.canvas); }; var _addBody = function(gui) { var engine = gui.engine; var options = { density:gui.density, friction:gui.friction, frictionStatic:gui.frictionStatic, frictionAir:gui.frictionAir, restitution:gui.restitution }; if (gui.chamfer && gui.sides > 2) { options.chamfer = { radius:gui.chamfer }; } for (var i = 0; i < gui.amount; i++) { World.add(engine.world, Bodies.polygon(gui.offset.x + 120 + i * gui.size + i * 50, gui.offset.y + 200, gui.sides, gui.size, options)); } }; var _clear = function(gui) { var engine = gui.engine; World.clear(engine.world, true); Engine.clear(engine); var renderController = engine.render.controller; if (renderController.clear) renderController.clear(engine.render); Events.trigger(gui, "clear"); }; var _initGif = function(gui) { if (!window.GIF) { return; } var engine = gui.engine, skipFrame = false; Matter.Events.on(engine, "beforeTick", function(event) { if (gui.isRecording && !skipFrame) { gui.gif.addFrame(engine.render.context, { copy:true, delay:25 }); } skipFrame = !skipFrame; }); }; })(); var Inspector = {}; (function() { var _key, _isWebkit = "WebkitAppearance" in document.documentElement.style, $body; Inspector.create = function(engine, options) { if (!jQuery || !$.fn.jstree || !window.key) { console.log("Could not create inspector. Check keymaster, jQuery, jsTree libraries are loaded first."); return; } var inspector = { engine:engine, isPaused:false, selected:[], selectStart:null, selectEnd:null, selectBounds:Bounds.create(), mousePrevPosition:{ x:0, y:0 }, offset:{ x:0, y:0 }, autoHide:true, autoRewind:true, hasTransitions:_isWebkit ? true :false, bodyClass:"", exportIndent:0, clipboard:[], controls:{ container:null, worldTree:null }, root:Composite.create({ label:"Root" }) }; inspector = Common.extend(inspector, options); Inspector.instance = inspector; inspector.mouse = Mouse.create(engine.render.canvas); inspector.mouseConstraint = MouseConstraint.create(engine, { mouse:inspector.mouse }); inspector.serializer = new Resurrect({ prefix:"$", cleanup:true }); inspector.serializer.parse = inspector.serializer.resurrect; localStorage.removeItem("pauseState"); $body = $("body"); $body.toggleClass("ins-auto-hide gui-auto-hide", inspector.autoHide); $body.toggleClass("ins-transitions gui-transitions", inspector.hasTransitions); Composite.add(inspector.root, engine.world); engine.world.isModified = true; engine.world.parent = null; _key = window.key; _initControls(inspector); _initEngineEvents(inspector); _initTree(inspector); _initKeybinds(inspector); return inspector; }; var _initControls = function(inspector) { var engine = inspector.engine, controls = inspector.controls; var $inspectorContainer = $('
'), $buttonGroup = $('
'), $searchBox = $(''), $importButton = $(''), $exportButton = $(''), $pauseButton = $(''), $helpButton = $(''), $addCompositeButton = $(''); $buttonGroup.append($pauseButton, $importButton, $exportButton, $helpButton); $inspectorContainer.prepend($buttonGroup, $searchBox, $addCompositeButton); $body.prepend($inspectorContainer); controls.pauseButton = $pauseButton; controls.importButton = $importButton; controls.exportButton = $exportButton; controls.helpButton = $helpButton; controls.searchBox = $searchBox; controls.container = $inspectorContainer; controls.addCompositeButton = $addCompositeButton; controls.pauseButton.click(function() { _setPaused(inspector, !inspector.isPaused); }); controls.exportButton.click(function() { _exportFile(inspector); }); controls.importButton.click(function() { _importFile(inspector); }); controls.helpButton.click(function() { _showHelp(inspector); }); controls.addCompositeButton.click(function() { _addNewComposite(inspector); }); var searchTimeout; controls.searchBox.keyup(function() { clearTimeout(searchTimeout); searchTimeout = setTimeout(function() { var value = controls.searchBox.val(), worldTree = controls.worldTree.data("jstree"); worldTree.search(value); }, 250); }); }; var _showHelp = function(inspector) { var help = "Matter Tools\n\n"; help += "Drag nodes in the tree to move them between composites.\n"; help += "Use browser's developer console to inspect selected objects.\n"; help += "Note: selections only render if renderer supports it.\n\n"; help += "[shift + space] pause or play simulation.\n"; help += "[right click] and drag on empty space to select a region.\n"; help += "[right click] and drag on an object to move it.\n"; help += "[right click + shift] and drag to move whole selection.\n\n"; help += "[ctrl-c] to copy selected world objects.\n"; help += "[ctrl-v] to paste copied world objects to mouse position.\n"; help += "[del] or [backspace] delete selected objects.\n\n"; help += "[shift + s] scale-xy selected objects with mouse or arrows.\n"; help += "[shift + s + d] scale-x selected objects with mouse or arrows.\n"; help += "[shift + s + f] scale-y selected objects with mouse or arrows.\n"; help += "[shift + r] rotate selected objects with mouse or arrows.\n\n"; help += "[shift + q] set selected objects as static (can't be undone).\n"; help += "[shift + i] import objects.\n"; help += "[shift + o] export selected objects.\n"; help += "[shift + h] toggle Matter.Gui.\n"; help += "[shift + y] toggle auto-hide.\n"; help += "[shift + r] toggle auto-rewind on play/pause.\n\n"; help += "[shift + j] show this help message."; alert(help); }; var _initKeybinds = function(inspector) { var engine = inspector.engine, controls = inspector.controls; _key("shift+space", function() { _setPaused(inspector, !inspector.isPaused); }); _key("shift+o", function() { _exportFile(inspector); }); _key("shift+i", function() { _importFile(inspector); }); _key("shift+j", function() { _showHelp(inspector); }); _key("shift+y", function() { inspector.autoHide = !inspector.autoHide; $body.toggleClass("ins-auto-hide gui-auto-hide", inspector.autoHide); }); _key("shift+r", function() { inspector.autoRewind = !inspector.autoRewind; if (!inspector.autoRewind) localStorage.removeItem("pauseState"); }); _key("shift+q", function() { var worldTree = inspector.controls.worldTree.data("jstree"); for (var i = 0; i < inspector.selected.length; i++) { var object = inspector.selected[i].data; if (object.type === "body" && !object.isStatic) Body.setStatic(object, true); } }); _key("del", function() { _deleteSelectedObjects(inspector); }); _key("backspace", function() { _deleteSelectedObjects(inspector); }); _key("ctrl+c", function() { _copySelectedObjects(inspector); }); _key("ctrl+v", function() { _pasteSelectedObjects(inspector); }); $(document).unbind("keydown").bind("keydown", function(event) { var doPrevent = false; if (event.keyCode === 8) { var d = event.srcElement || event.target; if (d.tagName.toUpperCase() === "INPUT" && (d.type.toUpperCase() === "TEXT" || d.type.toUpperCase() === "PASSWORD" || d.type.toUpperCase() === "FILE" || d.type.toUpperCase() === "EMAIL" || d.type.toUpperCase() === "SEARCH") || d.tagName.toUpperCase() === "TEXTAREA") { doPrevent = d.readOnly || d.disabled; } else { doPrevent = true; } } if (doPrevent) { event.preventDefault(); } }); }; var _initTree = function(inspector) { var engine = inspector.engine, controls = inspector.controls, deferTimeout; var worldTreeOptions = { core:{ check_callback:true }, dnd:{ copy:false }, search:{ show_only_matches:true, fuzzy:false }, types:{ "#":{ valid_children:[] }, body:{ valid_children:[] }, constraint:{ valid_children:[] }, composite:{ valid_children:[] }, bodies:{ valid_children:[ "body" ] }, constraints:{ valid_children:[ "constraint" ] }, composites:{ valid_children:[ "composite" ] } }, plugins:[ "dnd", "types", "unique", "search" ] }; controls.worldTree = $('
').jstree(worldTreeOptions); controls.container.prepend(controls.worldTree); controls.worldTree.on("changed.jstree", function(event, data) { var selected = [], worldTree = controls.worldTree.data("jstree"); if (data.action !== "select_node") return; clearTimeout(deferTimeout); deferTimeout = setTimeout(function() { data.selected = worldTree.get_selected(); for (var i = 0; i < data.selected.length; i++) { var nodeId = data.selected[i], objectType = nodeId.split("_")[0], objectId = nodeId.split("_")[1], worldObject = Composite.get(engine.world, objectId, objectType); switch (objectType) { case "body": case "constraint": case "composite": selected.push(worldObject); break; } } _setSelectedObjects(inspector, selected); }, 1); }); $(document).on("dnd_stop.vakata", function(event, data) { var worldTree = controls.worldTree.data("jstree"), nodes = data.data.nodes; for (var i = 0; i < nodes.length; i++) { var node = worldTree.get_node(nodes[i]), parentNode = worldTree.get_node(worldTree.get_parent(nodes[i])), prevCompositeId = node.data.compositeId, newCompositeId = parentNode.data.compositeId; if (prevCompositeId === newCompositeId) continue; var nodeId = nodes[i], objectType = nodeId.split("_")[0], objectId = nodeId.split("_")[1], worldObject = Composite.get(inspector.root, objectId, objectType), prevComposite = Composite.get(inspector.root, prevCompositeId, "composite"), newComposite = Composite.get(inspector.root, newCompositeId, "composite"); Composite.move(prevComposite, worldObject, newComposite); } }); controls.worldTree.on("dblclick.jstree", function(event, data) { var worldTree = controls.worldTree.data("jstree"), selected = worldTree.get_selected(); for (var i = 0; i < selected.length; i++) { var nodeId = selected[i], objectType = nodeId.split("_")[0], objectId = nodeId.split("_")[1], worldObject = Composite.get(engine.world, objectId, objectType); switch (objectType) { case "composite": case "composites": case "bodies": case "constraints": var node = worldTree.get_node(nodeId), children = worldTree.get_node(nodeId).children; for (var j = 0; j < children.length; j++) worldTree.select_node(children[j], false); break; } } }); }; var _addBodyClass = function(inspector, classNames) { if (inspector.bodyClass.indexOf(" " + classNames) === -1) { $body.addClass(classNames); inspector.bodyClass = " " + $body.attr("class"); } }; var _removeBodyClass = function(inspector, classNames) { var updateRequired = false, classes = classNames.split(" "); for (var i = 0; i < classes.length; i++) { updateRequired = inspector.bodyClass.indexOf(" " + classes[i]) !== -1; if (updateRequired) break; } if (updateRequired) { $body.removeClass(classNames); inspector.bodyClass = " " + $body.attr("class"); } }; var _getMousePosition = function(inspector) { return Vector.add(inspector.mouse.position, inspector.offset); }; var _initEngineEvents = function(inspector) { var engine = inspector.engine, mouse = inspector.mouse, mousePosition = _getMousePosition(inspector), controls = inspector.controls; Events.on(engine, "tick", function() { mousePosition = _getMousePosition(inspector); var mouseDelta = mousePosition.x - inspector.mousePrevPosition.x, keyDelta = _key.isPressed("up") + _key.isPressed("right") - _key.isPressed("down") - _key.isPressed("left"), delta = mouseDelta + keyDelta; if (engine.world.isModified) { var data = _generateCompositeTreeNode(inspector.root, null, true); _updateTree(controls.worldTree.data("jstree"), data); _setSelectedObjects(inspector, []); } if (inspector.selectStart !== null) { inspector.selectEnd.x = mousePosition.x; inspector.selectEnd.y = mousePosition.y; Bounds.update(inspector.selectBounds, [ inspector.selectStart, inspector.selectEnd ]); } if (_key.shift && _key.isPressed("r")) { var rotateSpeed = .03, angle = Math.max(-2, Math.min(2, delta)) * rotateSpeed; _addBodyClass(inspector, "ins-cursor-rotate"); _rotateSelectedObjects(inspector, angle); } else { _removeBodyClass(inspector, "ins-cursor-rotate"); } if (_key.shift && _key.isPressed("s")) { var scaleSpeed = .02, scale = 1 + Math.max(-2, Math.min(2, delta)) * scaleSpeed; _addBodyClass(inspector, "ins-cursor-scale"); if (_key.isPressed("d")) { scaleX = scale; scaleY = 1; } else if (_key.isPressed("f")) { scaleX = 1; scaleY = scale; } else { scaleX = scaleY = scale; } _scaleSelectedObjects(inspector, scaleX, scaleY); } else { _removeBodyClass(inspector, "ins-cursor-scale"); } if (mouse.button === 2) { _addBodyClass(inspector, "ins-cursor-move"); _moveSelectedObjects(inspector, mousePosition.x, mousePosition.y); } else { _removeBodyClass(inspector, "ins-cursor-move"); } inspector.mousePrevPosition = Common.clone(mousePosition); }); Events.on(inspector.mouseConstraint, "mouseup", function(event) { if (inspector.selectStart !== null) { var selected = Query.region(Composite.allBodies(engine.world), inspector.selectBounds); _setSelectedObjects(inspector, selected); } inspector.selectStart = null; inspector.selectEnd = null; Events.trigger(inspector, "selectEnd"); }); Events.on(inspector.mouseConstraint, "mousedown", function(event) { var bodies = Composite.allBodies(engine.world), constraints = Composite.allConstraints(engine.world), isUnionSelect = _key.shift || _key.control, worldTree = inspector.controls.worldTree.data("jstree"), i; if (mouse.button === 2) { var hasSelected = false; for (i = 0; i < bodies.length; i++) { var body = bodies[i]; if (Bounds.contains(body.bounds, mousePosition) && Vertices.contains(body.vertices, mousePosition)) { if (isUnionSelect) { _addSelectedObject(inspector, body); } else { _setSelectedObjects(inspector, [ body ]); } hasSelected = true; break; } } if (!hasSelected) { for (i = 0; i < constraints.length; i++) { var constraint = constraints[i], bodyA = constraint.bodyA, bodyB = constraint.bodyB; if (constraint.label.indexOf("Mouse Constraint") !== -1) continue; var pointAWorld = constraint.pointA, pointBWorld = constraint.pointB; if (bodyA) pointAWorld = Vector.add(bodyA.position, constraint.pointA); if (bodyB) pointBWorld = Vector.add(bodyB.position, constraint.pointB); if (!pointAWorld || !pointBWorld) continue; var distA = Vector.magnitudeSquared(Vector.sub(mousePosition, pointAWorld)), distB = Vector.magnitudeSquared(Vector.sub(mousePosition, pointBWorld)); if (distA < 100 || distB < 100) { if (isUnionSelect) { _addSelectedObject(inspector, constraint); } else { _setSelectedObjects(inspector, [ constraint ]); } hasSelected = true; break; } } if (!hasSelected) { worldTree.deselect_all(true); _setSelectedObjects(inspector, []); inspector.selectStart = Common.clone(mousePosition); inspector.selectEnd = Common.clone(mousePosition); Bounds.update(inspector.selectBounds, [ inspector.selectStart, inspector.selectEnd ]); Events.trigger(inspector, "selectStart"); } else { inspector.selectStart = null; inspector.selectEnd = null; } } } if (mouse.button === 2 && inspector.selected.length > 0) { _addBodyClass(inspector, "ins-cursor-move"); _updateSelectedMouseDownOffset(inspector); } }); Events.on(engine, "afterRender", function() { var renderController = engine.render.controller, context = engine.render.context; if (renderController.inspector) renderController.inspector(inspector, context); }); }; var _deleteSelectedObjects = function(inspector) { var objects = [], object, worldTree = inspector.controls.worldTree.data("jstree"), i; for (i = 0; i < inspector.selected.length; i++) { object = inspector.selected[i].data; if (object !== inspector.engine.world) objects.push(object); } var selectedNodes = worldTree.get_selected(); for (i = 0; i < selectedNodes.length; i++) { var node = worldTree.get_node(selectedNodes[i]); if (node.type === "composite") { node = worldTree.get_node(node.children[0]); if (node.data) { var compositeId = node.data.compositeId; object = Composite.get(inspector.root, compositeId, "composite"); if (object && object !== inspector.engine.world) { objects.push(object); worldTree.delete_node(selectedNodes[i]); } } } } Composite.remove(inspector.root, objects, true); _setSelectedObjects(inspector, []); }; var _copySelectedObjects = function(inspector) { inspector.clipboard.length = 0; for (var i = 0; i < inspector.selected.length; i++) { var object = inspector.selected[i].data; if (object.type !== "body") continue; inspector.clipboard.push(object); } }; var _pasteSelectedObjects = function(inspector) { var objects = [], worldTree = inspector.controls.worldTree.data("jstree"); for (var i = 0; i < inspector.clipboard.length; i++) { var object = inspector.clipboard[i], clone = Gui.clone(inspector.serializer, object); Body.translate(clone, { x:50, y:50 }); var node = worldTree.get_node(object.type + "_" + object.id, false), compositeId = node.data.compositeId, composite = Composite.get(inspector.engine.world, compositeId, "composite"); Composite.add(composite, clone); objects.push(clone); } setTimeout(function() { _setSelectedObjects(inspector, objects); }, 200); }; var _updateSelectedMouseDownOffset = function(inspector) { var selected = inspector.selected, mouse = inspector.mouse, mousePosition = _getMousePosition(inspector), item, data; for (var i = 0; i < selected.length; i++) { item = selected[i]; data = item.data; if (data.position) { item.mousedownOffset = { x:mousePosition.x - data.position.x, y:mousePosition.y - data.position.y }; } else if (data.pointA && !data.bodyA) { item.mousedownOffset = { x:mousePosition.x - data.pointA.x, y:mousePosition.y - data.pointA.y }; } else if (data.pointB && !data.bodyB) { item.mousedownOffset = { x:mousePosition.x - data.pointB.x, y:mousePosition.y - data.pointB.y }; } } }; var _moveSelectedObjects = function(inspector, x, y) { var selected = inspector.selected, mouse = inspector.mouse, mousePosition = _getMousePosition(inspector), item, data; for (var i = 0; i < selected.length; i++) { item = selected[i]; data = item.data; if (!item.mousedownOffset) continue; switch (data.type) { case "body": var delta = { x:x - data.position.x - item.mousedownOffset.x, y:y - data.position.y - item.mousedownOffset.y }; Body.translate(data, delta); data.positionPrev.x = data.position.x; data.positionPrev.y = data.position.y; break; case "constraint": var point = data.pointA; if (data.bodyA) point = data.pointB; point.x = x - item.mousedownOffset.x; point.y = y - item.mousedownOffset.y; var initialPointA = data.bodyA ? Vector.add(data.bodyA.position, data.pointA) :data.pointA, initialPointB = data.bodyB ? Vector.add(data.bodyB.position, data.pointB) :data.pointB; data.length = Vector.magnitude(Vector.sub(initialPointA, initialPointB)); break; } } }; var _scaleSelectedObjects = function(inspector, scaleX, scaleY) { var selected = inspector.selected, item, data; for (var i = 0; i < selected.length; i++) { item = selected[i]; data = item.data; switch (data.type) { case "body": Body.scale(data, scaleX, scaleY, data.position); if (data.circleRadius) data.circleRadius *= scaleX; break; } } }; var _rotateSelectedObjects = function(inspector, angle) { var selected = inspector.selected, item, data; for (var i = 0; i < selected.length; i++) { item = selected[i]; data = item.data; switch (data.type) { case "body": Body.rotate(data, angle); break; } } }; var _setPaused = function(inspector, isPaused) { if (isPaused) { if (inspector.autoRewind) { _setSelectedObjects(inspector, []); Gui.loadState(inspector.serializer, inspector.engine, "pauseState"); } inspector.engine.timing.timeScale = 0; inspector.isPaused = true; inspector.controls.pauseButton.text("Play"); Events.trigger(inspector, "paused"); } else { if (inspector.autoRewind) { Gui.saveState(inspector.serializer, inspector.engine, "pauseState"); } inspector.engine.timing.timeScale = 1; inspector.isPaused = false; inspector.controls.pauseButton.text("Pause"); Events.trigger(inspector, "play"); } }; var _setSelectedObjects = function(inspector, objects) { var worldTree = inspector.controls.worldTree.data("jstree"), selectedItems = [], data, i; for (i = 0; i < inspector.selected.length; i++) { data = inspector.selected[i].data; worldTree.deselect_node(data.type + "_" + data.id, true); } inspector.selected = []; console.clear(); for (i = 0; i < objects.length; i++) { data = objects[i]; if (data) { _addSelectedObject(inspector, data); if (i < 5) { console.log(data.label + " " + data.id + ": %O", data); } else if (i === 6) { console.warn("Omitted inspecting " + (objects.length - 5) + " more objects"); } } } }; var _addSelectedObject = function(inspector, object) { if (!object) return; var worldTree = inspector.controls.worldTree.data("jstree"); inspector.selected.push({ data:object }); worldTree.select_node(object.type + "_" + object.id, true); }; var _updateTree = function(tree, data) { data[0].state = data[0].state || { opened:true }; tree.settings.core.data = data; tree.refresh(-1); }; var _generateCompositeTreeNode = function(composite, compositeId, isRoot) { var children = [], node = { id:"composite_" + composite.id, data:{ compositeId:compositeId }, type:"composite", text:(composite.label ? composite.label :"Composite") + " " + composite.id, li_attr:{ "class":"jstree-node-type-composite" } }; var childNode = _generateCompositesTreeNode(composite.composites, composite.id); childNode.id = "composites_" + composite.id; children.push(childNode); if (isRoot) return childNode.children; childNode = _generateBodiesTreeNode(composite.bodies, composite.id); childNode.id = "bodies_" + composite.id; children.push(childNode); childNode = _generateConstraintsTreeNode(composite.constraints, composite.id); childNode.id = "constraints_" + composite.id; children.push(childNode); node.children = children; return node; }; var _generateCompositesTreeNode = function(composites, compositeId) { var node = { type:"composites", text:"Composites", data:{ compositeId:compositeId }, children:[], li_attr:{ "class":"jstree-node-type-composites" } }; for (var i = 0; i < composites.length; i++) { var composite = composites[i]; node.children.push(_generateCompositeTreeNode(composite, compositeId)); } return node; }; var _generateBodiesTreeNode = function(bodies, compositeId) { var node = { type:"bodies", text:"Bodies", data:{ compositeId:compositeId }, children:[], li_attr:{ "class":"jstree-node-type-bodies" } }; for (var i = 0; i < bodies.length; i++) { var body = bodies[i]; node.children.push({ type:"body", id:"body_" + body.id, data:{ compositeId:compositeId }, text:(body.label ? body.label :"Body") + " " + body.id, li_attr:{ "class":"jstree-node-type-body" } }); } return node; }; var _generateConstraintsTreeNode = function(constraints, compositeId) { var node = { type:"constraints", text:"Constraints", data:{ compositeId:compositeId }, children:[], li_attr:{ "class":"jstree-node-type-constraints" } }; for (var i = 0; i < constraints.length; i++) { var constraint = constraints[i]; node.children.push({ type:"constraint", id:"constraint_" + constraint.id, data:{ compositeId:compositeId }, text:(constraint.label ? constraint.label :"Constraint") + " " + constraint.id, li_attr:{ "class":"jstree-node-type-constraint" } }); } return node; }; var _addNewComposite = function(inspector) { var newComposite = Composite.create(); Composite.add(inspector.root, newComposite); inspector.root.composites.splice(inspector.root.composites.length - 1, 1); inspector.root.composites.unshift(newComposite); Composite.setModified(inspector.engine.world, true, true, false); }; var _exportFile = function(inspector) { var engine = inspector.engine, toExport = []; if (inspector.selected.length === 0) { alert("No objects were selected, so export could not be created. Can only export objects that are in the World composite."); return; } var fileName = "export-objects", exportComposite = Composite.create({ label:"Exported Objects" }); for (var i = 0; i < inspector.selected.length; i++) { var object = inspector.selected[i].data; if (Composite.get(exportComposite, object.id, object.type)) continue; Composite.add(exportComposite, object); if (inspector.selected.length === 1) fileName = "export-" + object.label + "-" + object.id; } fileName = fileName.toLowerCase().replace(/[^\w\-]/g, "") + ".json"; var json = Gui.serialise(inspector.serializer, exportComposite, inspector.exportIndent); if (_isWebkit) { var blob = new Blob([ json ], { type:"application/json" }), anchor = document.createElement("a"); anchor.download = fileName; anchor.href = (window.webkitURL || window.URL).createObjectURL(blob); anchor.dataset.downloadurl = [ "application/json", anchor.download, anchor.href ].join(":"); anchor.click(); } else { window.open("data:application/json;charset=utf-8," + escape(json)); } Events.trigger(inspector, "export"); }; var _importFile = function(inspector) { var engine = inspector.engine, element = document.createElement("div"), fileInput; element.innerHTML = ''; fileInput = element.firstChild; fileInput.addEventListener("change", function(e) { var file = fileInput.files[0]; if (file.name.match(/\.(txt|json)$/)) { var reader = new FileReader(); reader.onload = function(e) { var importedComposite = inspector.serializer.parse(reader.result); if (importedComposite) { importedComposite.label = "Imported Objects"; Composite.rebase(importedComposite); Composite.add(inspector.root, importedComposite); inspector.root.composites.splice(inspector.root.composites.length - 1, 1); inspector.root.composites.unshift(importedComposite); var worldTree = inspector.controls.worldTree.data("jstree"), data = _generateCompositeTreeNode(inspector.root, null, true); _updateTree(worldTree, data); } }; reader.readAsText(file); } else { alert("File not supported, .json or .txt JSON files only"); } }); fileInput.click(); }; })(); MatterTools.Gui = Gui; MatterTools.Inspector = Inspector; if (typeof exports !== "undefined") { if (typeof module !== "undefined" && module.exports) { exports = module.exports = MatterTools; } exports.MatterTools = MatterTools; } if (typeof define === "function" && define.amd) { define("MatterTools", [], function() { return MatterTools; }); } if (typeof window === "object" && typeof window.document === "object") { window.MatterTools = MatterTools; } })(); var dat = dat || {}; dat.gui = dat.gui || {}; dat.utils = dat.utils || {}; dat.controllers = dat.controllers || {}; dat.dom = dat.dom || {}; dat.color = dat.color || {}; dat.utils.css = function() { return { load:function(url, doc) { doc = doc || document; var link = doc.createElement("link"); link.type = "text/css"; link.rel = "stylesheet"; link.href = url; doc.getElementsByTagName("head")[0].appendChild(link); }, inject:function(css, doc) { doc = doc || document; var injected = document.createElement("style"); injected.type = "text/css"; injected.innerHTML = css; doc.getElementsByTagName("head")[0].appendChild(injected); } }; }(); dat.utils.common = function() { var ARR_EACH = Array.prototype.forEach; var ARR_SLICE = Array.prototype.slice; return { BREAK:{}, extend:function(target) { this.each(ARR_SLICE.call(arguments, 1), function(obj) { for (var key in obj) if (!this.isUndefined(obj[key])) target[key] = obj[key]; }, this); return target; }, defaults:function(target) { this.each(ARR_SLICE.call(arguments, 1), function(obj) { for (var key in obj) if (this.isUndefined(target[key])) target[key] = obj[key]; }, this); return target; }, compose:function() { var toCall = ARR_SLICE.call(arguments); return function() { var args = ARR_SLICE.call(arguments); for (var i = toCall.length - 1; i >= 0; i--) { args = [ toCall[i].apply(this, args) ]; } return args[0]; }; }, each:function(obj, itr, scope) { if (!obj) return; if (ARR_EACH && obj.forEach && obj.forEach === ARR_EACH) { obj.forEach(itr, scope); } else if (obj.length === obj.length + 0) { for (var key = 0, l = obj.length; key < l; key++) if (key in obj && itr.call(scope, obj[key], key) === this.BREAK) return; } else { for (var key in obj) if (itr.call(scope, obj[key], key) === this.BREAK) return; } }, defer:function(fnc) { setTimeout(fnc, 0); }, toArray:function(obj) { if (obj.toArray) return obj.toArray(); return ARR_SLICE.call(obj); }, isUndefined:function(obj) { return obj === undefined; }, isNull:function(obj) { return obj === null; }, isNaN:function(obj) { return obj !== obj; }, isArray:Array.isArray || function(obj) { return obj.constructor === Array; }, isObject:function(obj) { return obj === Object(obj); }, isNumber:function(obj) { return obj === obj + 0; }, isString:function(obj) { return obj === obj + ""; }, isBoolean:function(obj) { return obj === false || obj === true; }, isFunction:function(obj) { return Object.prototype.toString.call(obj) === "[object Function]"; } }; }(); dat.controllers.Controller = function(common) { var Controller = function(object, property) { this.initialValue = object[property]; this.domElement = document.createElement("div"); this.object = object; this.property = property; this.__onChange = undefined; this.__onFinishChange = undefined; }; common.extend(Controller.prototype, { onChange:function(fnc) { this.__onChange = fnc; return this; }, onFinishChange:function(fnc) { this.__onFinishChange = fnc; return this; }, setValue:function(newValue) { this.object[this.property] = newValue; if (this.__onChange) { this.__onChange.call(this, newValue); } this.updateDisplay(); return this; }, getValue:function() { return this.object[this.property]; }, updateDisplay:function() { return this; }, isModified:function() { return this.initialValue !== this.getValue(); } }); return Controller; }(dat.utils.common); dat.dom.dom = function(common) { var EVENT_MAP = { HTMLEvents:[ "change" ], MouseEvents:[ "click", "mousemove", "mousedown", "mouseup", "mouseover" ], KeyboardEvents:[ "keydown" ] }; var EVENT_MAP_INV = {}; common.each(EVENT_MAP, function(v, k) { common.each(v, function(e) { EVENT_MAP_INV[e] = k; }); }); var CSS_VALUE_PIXELS = /(\d+(\.\d+)?)px/; function cssValueToPixels(val) { if (val === "0" || common.isUndefined(val)) return 0; var match = val.match(CSS_VALUE_PIXELS); if (!common.isNull(match)) { return parseFloat(match[1]); } return 0; } var dom = { makeSelectable:function(elem, selectable) { if (elem === undefined || elem.style === undefined) return; elem.onselectstart = selectable ? function() { return false; } :function() {}; elem.style.MozUserSelect = selectable ? "auto" :"none"; elem.style.KhtmlUserSelect = selectable ? "auto" :"none"; elem.unselectable = selectable ? "on" :"off"; }, makeFullscreen:function(elem, horizontal, vertical) { if (common.isUndefined(horizontal)) horizontal = true; if (common.isUndefined(vertical)) vertical = true; elem.style.position = "absolute"; if (horizontal) { elem.style.left = 0; elem.style.right = 0; } if (vertical) { elem.style.top = 0; elem.style.bottom = 0; } }, fakeEvent:function(elem, eventType, params, aux) { params = params || {}; var className = EVENT_MAP_INV[eventType]; if (!className) { throw new Error("Event type " + eventType + " not supported."); } var evt = document.createEvent(className); switch (className) { case "MouseEvents": var clientX = params.x || params.clientX || 0; var clientY = params.y || params.clientY || 0; evt.initMouseEvent(eventType, params.bubbles || false, params.cancelable || true, window, params.clickCount || 1, 0, 0, clientX, clientY, false, false, false, false, 0, null); break; case "KeyboardEvents": var init = evt.initKeyboardEvent || evt.initKeyEvent; common.defaults(params, { cancelable:true, ctrlKey:false, altKey:false, shiftKey:false, metaKey:false, keyCode:undefined, charCode:undefined }); init(eventType, params.bubbles || false, params.cancelable, window, params.ctrlKey, params.altKey, params.shiftKey, params.metaKey, params.keyCode, params.charCode); break; default: evt.initEvent(eventType, params.bubbles || false, params.cancelable || true); break; } common.defaults(evt, aux); elem.dispatchEvent(evt); }, bind:function(elem, event, func, bool) { bool = bool || false; if (elem.addEventListener) elem.addEventListener(event, func, bool); else if (elem.attachEvent) elem.attachEvent("on" + event, func); return dom; }, unbind:function(elem, event, func, bool) { bool = bool || false; if (elem.removeEventListener) elem.removeEventListener(event, func, bool); else if (elem.detachEvent) elem.detachEvent("on" + event, func); return dom; }, addClass:function(elem, className) { if (elem.className === undefined) { elem.className = className; } else if (elem.className !== className) { var classes = elem.className.split(/ +/); if (classes.indexOf(className) == -1) { classes.push(className); elem.className = classes.join(" ").replace(/^\s+/, "").replace(/\s+$/, ""); } } return dom; }, removeClass:function(elem, className) { if (className) { if (elem.className === undefined) {} else if (elem.className === className) { elem.removeAttribute("class"); } else { var classes = elem.className.split(/ +/); var index = classes.indexOf(className); if (index != -1) { classes.splice(index, 1); elem.className = classes.join(" "); } } } else { elem.className = undefined; } return dom; }, hasClass:function(elem, className) { return new RegExp("(?:^|\\s+)" + className + "(?:\\s+|$)").test(elem.className) || false; }, getWidth:function(elem) { var style = getComputedStyle(elem); return cssValueToPixels(style["border-left-width"]) + cssValueToPixels(style["border-right-width"]) + cssValueToPixels(style["padding-left"]) + cssValueToPixels(style["padding-right"]) + cssValueToPixels(style["width"]); }, getHeight:function(elem) { var style = getComputedStyle(elem); return cssValueToPixels(style["border-top-width"]) + cssValueToPixels(style["border-bottom-width"]) + cssValueToPixels(style["padding-top"]) + cssValueToPixels(style["padding-bottom"]) + cssValueToPixels(style["height"]); }, getOffset:function(elem) { var offset = { left:0, top:0 }; if (elem.offsetParent) { do { offset.left += elem.offsetLeft; offset.top += elem.offsetTop; } while (elem = elem.offsetParent); } return offset; }, isActive:function(elem) { return elem === document.activeElement && (elem.type || elem.href); } }; return dom; }(dat.utils.common); dat.controllers.OptionController = function(Controller, dom, common) { var OptionController = function(object, property, options) { OptionController.superclass.call(this, object, property); var _this = this; this.__select = document.createElement("select"); if (common.isArray(options)) { var map = {}; common.each(options, function(element) { map[element] = element; }); options = map; } common.each(options, function(value, key) { var opt = document.createElement("option"); opt.innerHTML = key; opt.setAttribute("value", value); _this.__select.appendChild(opt); }); this.updateDisplay(); dom.bind(this.__select, "change", function() { var desiredValue = this.options[this.selectedIndex].value; _this.setValue(desiredValue); }); this.domElement.appendChild(this.__select); }; OptionController.superclass = Controller; common.extend(OptionController.prototype, Controller.prototype, { setValue:function(v) { var toReturn = OptionController.superclass.prototype.setValue.call(this, v); if (this.__onFinishChange) { this.__onFinishChange.call(this, this.getValue()); } return toReturn; }, updateDisplay:function() { this.__select.value = this.getValue(); return OptionController.superclass.prototype.updateDisplay.call(this); } }); return OptionController; }(dat.controllers.Controller, dat.dom.dom, dat.utils.common); dat.controllers.NumberController = function(Controller, common) { var NumberController = function(object, property, params) { NumberController.superclass.call(this, object, property); params = params || {}; this.__min = params.min; this.__max = params.max; this.__step = params.step; if (common.isUndefined(this.__step)) { if (this.initialValue == 0) { this.__impliedStep = 1; } else { this.__impliedStep = Math.pow(10, Math.floor(Math.log(this.initialValue) / Math.LN10)) / 10; } } else { this.__impliedStep = this.__step; } this.__precision = numDecimals(this.__impliedStep); }; NumberController.superclass = Controller; common.extend(NumberController.prototype, Controller.prototype, { setValue:function(v) { if (this.__min !== undefined && v < this.__min) { v = this.__min; } else if (this.__max !== undefined && v > this.__max) { v = this.__max; } if (this.__step !== undefined && v % this.__step != 0) { v = Math.round(v / this.__step) * this.__step; } return NumberController.superclass.prototype.setValue.call(this, v); }, min:function(v) { this.__min = v; return this; }, max:function(v) { this.__max = v; return this; }, step:function(v) { this.__step = v; this.__impliedStep = v; this.__precision = numDecimals(v); return this; } }); function numDecimals(x) { x = x.toString(); if (x.indexOf(".") > -1) { return x.length - x.indexOf(".") - 1; } else { return 0; } } return NumberController; }(dat.controllers.Controller, dat.utils.common); dat.controllers.NumberControllerBox = function(NumberController, dom, common) { var NumberControllerBox = function(object, property, params) { this.__truncationSuspended = false; NumberControllerBox.superclass.call(this, object, property, params); var _this = this; var prev_y; this.__input = document.createElement("input"); this.__input.setAttribute("type", "text"); dom.bind(this.__input, "change", onChange); dom.bind(this.__input, "blur", onBlur); dom.bind(this.__input, "mousedown", onMouseDown); dom.bind(this.__input, "keydown", function(e) { if (e.keyCode === 13) { _this.__truncationSuspended = true; this.blur(); _this.__truncationSuspended = false; } }); function onChange() { var attempted = parseFloat(_this.__input.value); if (!common.isNaN(attempted)) _this.setValue(attempted); } function onBlur() { onChange(); if (_this.__onFinishChange) { _this.__onFinishChange.call(_this, _this.getValue()); } } function onMouseDown(e) { dom.bind(window, "mousemove", onMouseDrag); dom.bind(window, "mouseup", onMouseUp); prev_y = e.clientY; } function onMouseDrag(e) { var diff = prev_y - e.clientY; _this.setValue(_this.getValue() + diff * _this.__impliedStep); prev_y = e.clientY; } function onMouseUp() { dom.unbind(window, "mousemove", onMouseDrag); dom.unbind(window, "mouseup", onMouseUp); } this.updateDisplay(); this.domElement.appendChild(this.__input); }; NumberControllerBox.superclass = NumberController; common.extend(NumberControllerBox.prototype, NumberController.prototype, { updateDisplay:function() { this.__input.value = this.__truncationSuspended ? this.getValue() :roundToDecimal(this.getValue(), this.__precision); return NumberControllerBox.superclass.prototype.updateDisplay.call(this); } }); function roundToDecimal(value, decimals) { var tenTo = Math.pow(10, decimals); return Math.round(value * tenTo) / tenTo; } return NumberControllerBox; }(dat.controllers.NumberController, dat.dom.dom, dat.utils.common); dat.controllers.NumberControllerSlider = function(NumberController, dom, css, common, styleSheet) { var NumberControllerSlider = function(object, property, min, max, step) { NumberControllerSlider.superclass.call(this, object, property, { min:min, max:max, step:step }); var _this = this; this.__background = document.createElement("div"); this.__foreground = document.createElement("div"); dom.bind(this.__background, "mousedown", onMouseDown); dom.addClass(this.__background, "slider"); dom.addClass(this.__foreground, "slider-fg"); function onMouseDown(e) { dom.bind(window, "mousemove", onMouseDrag); dom.bind(window, "mouseup", onMouseUp); onMouseDrag(e); } function onMouseDrag(e) { e.preventDefault(); var offset = dom.getOffset(_this.__background); var width = dom.getWidth(_this.__background); _this.setValue(map(e.clientX, offset.left, offset.left + width, _this.__min, _this.__max)); return false; } function onMouseUp() { dom.unbind(window, "mousemove", onMouseDrag); dom.unbind(window, "mouseup", onMouseUp); if (_this.__onFinishChange) { _this.__onFinishChange.call(_this, _this.getValue()); } } this.updateDisplay(); this.__background.appendChild(this.__foreground); this.domElement.appendChild(this.__background); }; NumberControllerSlider.superclass = NumberController; NumberControllerSlider.useDefaultStyles = function() { css.inject(styleSheet); }; common.extend(NumberControllerSlider.prototype, NumberController.prototype, { updateDisplay:function() { var pct = (this.getValue() - this.__min) / (this.__max - this.__min); this.__foreground.style.width = pct * 100 + "%"; return NumberControllerSlider.superclass.prototype.updateDisplay.call(this); } }); function map(v, i1, i2, o1, o2) { return o1 + (o2 - o1) * ((v - i1) / (i2 - i1)); } return NumberControllerSlider; }(dat.controllers.NumberController, dat.dom.dom, dat.utils.css, dat.utils.common, "/**\n * dat-gui JavaScript Controller Library\n * http://code.google.com/p/dat-gui\n *\n * Copyright 2011 Data Arts Team, Google Creative Lab\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n */\n\n.slider {\n box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);\n height: 1em;\n border-radius: 1em;\n background-color: #eee;\n padding: 0 0.5em;\n overflow: hidden;\n}\n\n.slider-fg {\n padding: 1px 0 2px 0;\n background-color: #aaa;\n height: 1em;\n margin-left: -0.5em;\n padding-right: 0.5em;\n border-radius: 1em 0 0 1em;\n}\n\n.slider-fg:after {\n display: inline-block;\n border-radius: 1em;\n background-color: #fff;\n border: 1px solid #aaa;\n content: '';\n float: right;\n margin-right: -1em;\n margin-top: -1px;\n height: 0.9em;\n width: 0.9em;\n}"); dat.controllers.FunctionController = function(Controller, dom, common) { var FunctionController = function(object, property, text) { FunctionController.superclass.call(this, object, property); var _this = this; this.__button = document.createElement("div"); this.__button.innerHTML = text === undefined ? "Fire" :text; dom.bind(this.__button, "click", function(e) { e.preventDefault(); _this.fire(); return false; }); dom.addClass(this.__button, "button"); this.domElement.appendChild(this.__button); }; FunctionController.superclass = Controller; common.extend(FunctionController.prototype, Controller.prototype, { fire:function() { if (this.__onChange) { this.__onChange.call(this); } if (this.__onFinishChange) { this.__onFinishChange.call(this, this.getValue()); } this.getValue().call(this.object); } }); return FunctionController; }(dat.controllers.Controller, dat.dom.dom, dat.utils.common); dat.controllers.BooleanController = function(Controller, dom, common) { var BooleanController = function(object, property) { BooleanController.superclass.call(this, object, property); var _this = this; this.__prev = this.getValue(); this.__checkbox = document.createElement("input"); this.__checkbox.setAttribute("type", "checkbox"); dom.bind(this.__checkbox, "change", onChange, false); this.domElement.appendChild(this.__checkbox); this.updateDisplay(); function onChange() { _this.setValue(!_this.__prev); } }; BooleanController.superclass = Controller; common.extend(BooleanController.prototype, Controller.prototype, { setValue:function(v) { var toReturn = BooleanController.superclass.prototype.setValue.call(this, v); if (this.__onFinishChange) { this.__onFinishChange.call(this, this.getValue()); } this.__prev = this.getValue(); return toReturn; }, updateDisplay:function() { if (this.getValue() === true) { this.__checkbox.setAttribute("checked", "checked"); this.__checkbox.checked = true; } else { this.__checkbox.checked = false; } return BooleanController.superclass.prototype.updateDisplay.call(this); } }); return BooleanController; }(dat.controllers.Controller, dat.dom.dom, dat.utils.common); dat.color.toString = function(common) { return function(color) { if (color.a == 1 || common.isUndefined(color.a)) { var s = color.hex.toString(16); while (s.length < 6) { s = "0" + s; } return "#" + s; } else { return "rgba(" + Math.round(color.r) + "," + Math.round(color.g) + "," + Math.round(color.b) + "," + color.a + ")"; } }; }(dat.utils.common); dat.color.interpret = function(toString, common) { var result, toReturn; var interpret = function() { toReturn = false; var original = arguments.length > 1 ? common.toArray(arguments) :arguments[0]; common.each(INTERPRETATIONS, function(family) { if (family.litmus(original)) { common.each(family.conversions, function(conversion, conversionName) { result = conversion.read(original); if (toReturn === false && result !== false) { toReturn = result; result.conversionName = conversionName; result.conversion = conversion; return common.BREAK; } }); return common.BREAK; } }); return toReturn; }; var INTERPRETATIONS = [ { litmus:common.isString, conversions:{ THREE_CHAR_HEX:{ read:function(original) { var test = original.match(/^#([A-F0-9])([A-F0-9])([A-F0-9])$/i); if (test === null) return false; return { space:"HEX", hex:parseInt("0x" + test[1].toString() + test[1].toString() + test[2].toString() + test[2].toString() + test[3].toString() + test[3].toString()) }; }, write:toString }, SIX_CHAR_HEX:{ read:function(original) { var test = original.match(/^#([A-F0-9]{6})$/i); if (test === null) return false; return { space:"HEX", hex:parseInt("0x" + test[1].toString()) }; }, write:toString }, CSS_RGB:{ read:function(original) { var test = original.match(/^rgb\(\s*(.+)\s*,\s*(.+)\s*,\s*(.+)\s*\)/); if (test === null) return false; return { space:"RGB", r:parseFloat(test[1]), g:parseFloat(test[2]), b:parseFloat(test[3]) }; }, write:toString }, CSS_RGBA:{ read:function(original) { var test = original.match(/^rgba\(\s*(.+)\s*,\s*(.+)\s*,\s*(.+)\s*\,\s*(.+)\s*\)/); if (test === null) return false; return { space:"RGB", r:parseFloat(test[1]), g:parseFloat(test[2]), b:parseFloat(test[3]), a:parseFloat(test[4]) }; }, write:toString } } }, { litmus:common.isNumber, conversions:{ HEX:{ read:function(original) { return { space:"HEX", hex:original, conversionName:"HEX" }; }, write:function(color) { return color.hex; } } } }, { litmus:common.isArray, conversions:{ RGB_ARRAY:{ read:function(original) { if (original.length != 3) return false; return { space:"RGB", r:original[0], g:original[1], b:original[2] }; }, write:function(color) { return [ color.r, color.g, color.b ]; } }, RGBA_ARRAY:{ read:function(original) { if (original.length != 4) return false; return { space:"RGB", r:original[0], g:original[1], b:original[2], a:original[3] }; }, write:function(color) { return [ color.r, color.g, color.b, color.a ]; } } } }, { litmus:common.isObject, conversions:{ RGBA_OBJ:{ read:function(original) { if (common.isNumber(original.r) && common.isNumber(original.g) && common.isNumber(original.b) && common.isNumber(original.a)) { return { space:"RGB", r:original.r, g:original.g, b:original.b, a:original.a }; } return false; }, write:function(color) { return { r:color.r, g:color.g, b:color.b, a:color.a }; } }, RGB_OBJ:{ read:function(original) { if (common.isNumber(original.r) && common.isNumber(original.g) && common.isNumber(original.b)) { return { space:"RGB", r:original.r, g:original.g, b:original.b }; } return false; }, write:function(color) { return { r:color.r, g:color.g, b:color.b }; } }, HSVA_OBJ:{ read:function(original) { if (common.isNumber(original.h) && common.isNumber(original.s) && common.isNumber(original.v) && common.isNumber(original.a)) { return { space:"HSV", h:original.h, s:original.s, v:original.v, a:original.a }; } return false; }, write:function(color) { return { h:color.h, s:color.s, v:color.v, a:color.a }; } }, HSV_OBJ:{ read:function(original) { if (common.isNumber(original.h) && common.isNumber(original.s) && common.isNumber(original.v)) { return { space:"HSV", h:original.h, s:original.s, v:original.v }; } return false; }, write:function(color) { return { h:color.h, s:color.s, v:color.v }; } } } } ]; return interpret; }(dat.color.toString, dat.utils.common); dat.GUI = dat.gui.GUI = function(css, saveDialogueContents, styleSheet, controllerFactory, Controller, BooleanController, FunctionController, NumberControllerBox, NumberControllerSlider, OptionController, ColorController, requestAnimationFrame, CenteredDiv, dom, common) { css.inject(styleSheet); var CSS_NAMESPACE = "dg"; var HIDE_KEY_CODE = 72; var CLOSE_BUTTON_HEIGHT = 20; var DEFAULT_DEFAULT_PRESET_NAME = "Default"; var SUPPORTS_LOCAL_STORAGE = function() { try { return "localStorage" in window && window["localStorage"] !== null; } catch (e) { return false; } }(); var SAVE_DIALOGUE; var auto_place_virgin = true; var auto_place_container; var hide = false; var hideable_guis = []; var GUI = function(params) { var _this = this; this.domElement = document.createElement("div"); this.__ul = document.createElement("ul"); this.domElement.appendChild(this.__ul); dom.addClass(this.domElement, CSS_NAMESPACE); this.__folders = {}; this.__controllers = []; this.__rememberedObjects = []; this.__rememberedObjectIndecesToControllers = []; this.__listening = []; params = params || {}; params = common.defaults(params, { autoPlace:true, width:GUI.DEFAULT_WIDTH }); params = common.defaults(params, { resizable:params.autoPlace, hideable:params.autoPlace }); if (!common.isUndefined(params.load)) { if (params.preset) params.load.preset = params.preset; } else { params.load = { preset:DEFAULT_DEFAULT_PRESET_NAME }; } if (common.isUndefined(params.parent) && params.hideable) { hideable_guis.push(this); } params.resizable = common.isUndefined(params.parent) && params.resizable; if (params.autoPlace && common.isUndefined(params.scrollable)) { params.scrollable = true; } var use_local_storage = SUPPORTS_LOCAL_STORAGE && localStorage.getItem(getLocalStorageHash(this, "isLocal")) === "true"; var saveToLocalStorage; Object.defineProperties(this, { parent:{ get:function() { return params.parent; } }, scrollable:{ get:function() { return params.scrollable; } }, autoPlace:{ get:function() { return params.autoPlace; } }, preset:{ get:function() { if (_this.parent) { return _this.getRoot().preset; } else { return params.load.preset; } }, set:function(v) { if (_this.parent) { _this.getRoot().preset = v; } else { params.load.preset = v; } setPresetSelectIndex(this); _this.revert(); } }, width:{ get:function() { return params.width; }, set:function(v) { params.width = v; setWidth(_this, v); } }, name:{ get:function() { return params.name; }, set:function(v) { params.name = v; if (title_row_name) { title_row_name.innerHTML = params.name; } } }, closed:{ get:function() { return params.closed; }, set:function(v) { params.closed = v; if (params.closed) { dom.addClass(_this.__ul, GUI.CLASS_CLOSED); } else { dom.removeClass(_this.__ul, GUI.CLASS_CLOSED); } this.onResize(); if (_this.__closeButton) { _this.__closeButton.innerHTML = v ? GUI.TEXT_OPEN :GUI.TEXT_CLOSED; } } }, load:{ get:function() { return params.load; } }, useLocalStorage:{ get:function() { return use_local_storage; }, set:function(bool) { if (SUPPORTS_LOCAL_STORAGE) { use_local_storage = bool; if (bool) { dom.bind(window, "unload", saveToLocalStorage); } else { dom.unbind(window, "unload", saveToLocalStorage); } localStorage.setItem(getLocalStorageHash(_this, "isLocal"), bool); } } } }); if (common.isUndefined(params.parent)) { params.closed = false; dom.addClass(this.domElement, GUI.CLASS_MAIN); dom.makeSelectable(this.domElement, false); if (SUPPORTS_LOCAL_STORAGE) { if (use_local_storage) { _this.useLocalStorage = true; var saved_gui = localStorage.getItem(getLocalStorageHash(this, "gui")); if (saved_gui) { params.load = JSON.parse(saved_gui); } } } this.__closeButton = document.createElement("div"); this.__closeButton.innerHTML = GUI.TEXT_CLOSED; dom.addClass(this.__closeButton, GUI.CLASS_CLOSE_BUTTON); this.domElement.appendChild(this.__closeButton); dom.bind(this.__closeButton, "click", function() { _this.closed = !_this.closed; }); } else { if (params.closed === undefined) { params.closed = true; } var title_row_name = document.createTextNode(params.name); dom.addClass(title_row_name, "controller-name"); var title_row = addRow(_this, title_row_name); var on_click_title = function(e) { e.preventDefault(); _this.closed = !_this.closed; return false; }; dom.addClass(this.__ul, GUI.CLASS_CLOSED); dom.addClass(title_row, "title"); dom.bind(title_row, "click", on_click_title); if (!params.closed) { this.closed = false; } } if (params.autoPlace) { if (common.isUndefined(params.parent)) { if (auto_place_virgin) { auto_place_container = document.createElement("div"); dom.addClass(auto_place_container, CSS_NAMESPACE); dom.addClass(auto_place_container, GUI.CLASS_AUTO_PLACE_CONTAINER); document.body.appendChild(auto_place_container); auto_place_virgin = false; } auto_place_container.appendChild(this.domElement); dom.addClass(this.domElement, GUI.CLASS_AUTO_PLACE); } if (!this.parent) setWidth(_this, params.width); } dom.bind(window, "resize", function() { _this.onResize(); }); dom.bind(this.__ul, "webkitTransitionEnd", function() { _this.onResize(); }); dom.bind(this.__ul, "transitionend", function() { _this.onResize(); }); dom.bind(this.__ul, "oTransitionEnd", function() { _this.onResize(); }); this.onResize(); if (params.resizable) { addResizeHandle(this); } saveToLocalStorage = function() { if (SUPPORTS_LOCAL_STORAGE && localStorage.getItem(getLocalStorageHash(_this, "isLocal")) === "true") { localStorage.setItem(getLocalStorageHash(_this, "gui"), JSON.stringify(_this.getSaveObject())); } }; this.saveToLocalStorageIfPossible = saveToLocalStorage; var root = _this.getRoot(); function resetWidth() { var root = _this.getRoot(); root.width += 1; common.defer(function() { root.width -= 1; }); } if (!params.parent) { resetWidth(); } }; GUI.toggleHide = function() { hide = !hide; common.each(hideable_guis, function(gui) { gui.domElement.style.zIndex = hide ? -999 :999; gui.domElement.style.opacity = hide ? 0 :1; }); }; GUI.CLASS_AUTO_PLACE = "a"; GUI.CLASS_AUTO_PLACE_CONTAINER = "ac"; GUI.CLASS_MAIN = "main"; GUI.CLASS_CONTROLLER_ROW = "cr"; GUI.CLASS_TOO_TALL = "taller-than-window"; GUI.CLASS_CLOSED = "closed"; GUI.CLASS_CLOSE_BUTTON = "close-button"; GUI.CLASS_DRAG = "drag"; GUI.DEFAULT_WIDTH = 245; GUI.TEXT_CLOSED = "Close Controls"; GUI.TEXT_OPEN = "Open Controls"; dom.bind(window, "keydown", function(e) { if (document.activeElement.type !== "text" && (e.which === HIDE_KEY_CODE || e.keyCode == HIDE_KEY_CODE)) { GUI.toggleHide(); } }, false); common.extend(GUI.prototype, { add:function(object, property) { return add(this, object, property, { factoryArgs:Array.prototype.slice.call(arguments, 2) }); }, addColor:function(object, property) { return add(this, object, property, { color:true }); }, remove:function(controller) { this.__ul.removeChild(controller.__li); this.__controllers.slice(this.__controllers.indexOf(controller), 1); var _this = this; common.defer(function() { _this.onResize(); }); }, destroy:function() { if (this.autoPlace) { auto_place_container.removeChild(this.domElement); } }, addFolder:function(name) { if (this.__folders[name] !== undefined) { throw new Error("You already have a folder in this GUI by the" + ' name "' + name + '"'); } var new_gui_params = { name:name, parent:this }; new_gui_params.autoPlace = this.autoPlace; if (this.load && this.load.folders && this.load.folders[name]) { new_gui_params.closed = this.load.folders[name].closed; new_gui_params.load = this.load.folders[name]; } var gui = new GUI(new_gui_params); this.__folders[name] = gui; var li = addRow(this, gui.domElement); dom.addClass(li, "folder"); return gui; }, open:function() { this.closed = false; }, close:function() { this.closed = true; }, onResize:function() { var root = this.getRoot(); if (root.scrollable) { var top = dom.getOffset(root.__ul).top; var h = 0; common.each(root.__ul.childNodes, function(node) { if (!(root.autoPlace && node === root.__save_row)) h += dom.getHeight(node); }); if (window.innerHeight - top - CLOSE_BUTTON_HEIGHT < h) { dom.addClass(root.domElement, GUI.CLASS_TOO_TALL); root.__ul.style.height = window.innerHeight - top - CLOSE_BUTTON_HEIGHT + "px"; } else { dom.removeClass(root.domElement, GUI.CLASS_TOO_TALL); root.__ul.style.height = "auto"; } } if (root.__resize_handle) { common.defer(function() { root.__resize_handle.style.height = root.__ul.offsetHeight + "px"; }); } if (root.__closeButton) { root.__closeButton.style.width = root.width + "px"; } }, remember:function() { if (common.isUndefined(SAVE_DIALOGUE)) { SAVE_DIALOGUE = new CenteredDiv(); SAVE_DIALOGUE.domElement.innerHTML = saveDialogueContents; } if (this.parent) { throw new Error("You can only call remember on a top level GUI."); } var _this = this; common.each(Array.prototype.slice.call(arguments), function(object) { if (_this.__rememberedObjects.length == 0) { addSaveMenu(_this); } if (_this.__rememberedObjects.indexOf(object) == -1) { _this.__rememberedObjects.push(object); } }); if (this.autoPlace) { setWidth(this, this.width); } }, getRoot:function() { var gui = this; while (gui.parent) { gui = gui.parent; } return gui; }, getSaveObject:function() { var toReturn = this.load; toReturn.closed = this.closed; if (this.__rememberedObjects.length > 0) { toReturn.preset = this.preset; if (!toReturn.remembered) { toReturn.remembered = {}; } toReturn.remembered[this.preset] = getCurrentPreset(this); } toReturn.folders = {}; common.each(this.__folders, function(element, key) { toReturn.folders[key] = element.getSaveObject(); }); return toReturn; }, save:function() { if (!this.load.remembered) { this.load.remembered = {}; } this.load.remembered[this.preset] = getCurrentPreset(this); markPresetModified(this, false); this.saveToLocalStorageIfPossible(); }, saveAs:function(presetName) { if (!this.load.remembered) { this.load.remembered = {}; this.load.remembered[DEFAULT_DEFAULT_PRESET_NAME] = getCurrentPreset(this, true); } this.load.remembered[presetName] = getCurrentPreset(this); this.preset = presetName; addPresetOption(this, presetName, true); this.saveToLocalStorageIfPossible(); }, revert:function(gui) { common.each(this.__controllers, function(controller) { if (!this.getRoot().load.remembered) { controller.setValue(controller.initialValue); } else { recallSavedValue(gui || this.getRoot(), controller); } }, this); common.each(this.__folders, function(folder) { folder.revert(folder); }); if (!gui) { markPresetModified(this.getRoot(), false); } }, listen:function(controller) { var init = this.__listening.length == 0; this.__listening.push(controller); if (init) updateDisplays(this.__listening); } }); function add(gui, object, property, params) { if (object[property] === undefined) { throw new Error("Object " + object + ' has no property "' + property + '"'); } var controller; if (params.color) { controller = new ColorController(object, property); } else { var factoryArgs = [ object, property ].concat(params.factoryArgs); controller = controllerFactory.apply(gui, factoryArgs); } if (params.before instanceof Controller) { params.before = params.before.__li; } recallSavedValue(gui, controller); dom.addClass(controller.domElement, "c"); var name = document.createElement("span"); dom.addClass(name, "property-name"); name.innerHTML = controller.property; var container = document.createElement("div"); container.appendChild(name); container.appendChild(controller.domElement); var li = addRow(gui, container, params.before); dom.addClass(li, GUI.CLASS_CONTROLLER_ROW); dom.addClass(li, typeof controller.getValue()); augmentController(gui, li, controller); gui.__controllers.push(controller); return controller; } function addRow(gui, dom, liBefore) { var li = document.createElement("li"); if (dom) li.appendChild(dom); if (liBefore) { gui.__ul.insertBefore(li, params.before); } else { gui.__ul.appendChild(li); } gui.onResize(); return li; } function augmentController(gui, li, controller) { controller.__li = li; controller.__gui = gui; common.extend(controller, { options:function(options) { if (arguments.length > 1) { controller.remove(); return add(gui, controller.object, controller.property, { before:controller.__li.nextElementSibling, factoryArgs:[ common.toArray(arguments) ] }); } if (common.isArray(options) || common.isObject(options)) { controller.remove(); return add(gui, controller.object, controller.property, { before:controller.__li.nextElementSibling, factoryArgs:[ options ] }); } }, name:function(v) { controller.__li.firstElementChild.firstElementChild.innerHTML = v; return controller; }, listen:function() { controller.__gui.listen(controller); return controller; }, remove:function() { controller.__gui.remove(controller); return controller; } }); if (controller instanceof NumberControllerSlider) { var box = new NumberControllerBox(controller.object, controller.property, { min:controller.__min, max:controller.__max, step:controller.__step }); common.each([ "updateDisplay", "onChange", "onFinishChange" ], function(method) { var pc = controller[method]; var pb = box[method]; controller[method] = box[method] = function() { var args = Array.prototype.slice.call(arguments); pc.apply(controller, args); return pb.apply(box, args); }; }); dom.addClass(li, "has-slider"); controller.domElement.insertBefore(box.domElement, controller.domElement.firstElementChild); } else if (controller instanceof NumberControllerBox) { var r = function(returned) { if (common.isNumber(controller.__min) && common.isNumber(controller.__max)) { controller.remove(); return add(gui, controller.object, controller.property, { before:controller.__li.nextElementSibling, factoryArgs:[ controller.__min, controller.__max, controller.__step ] }); } return returned; }; controller.min = common.compose(r, controller.min); controller.max = common.compose(r, controller.max); } else if (controller instanceof BooleanController) { dom.bind(li, "click", function() { dom.fakeEvent(controller.__checkbox, "click"); }); dom.bind(controller.__checkbox, "click", function(e) { e.stopPropagation(); }); } else if (controller instanceof FunctionController) { dom.bind(li, "click", function() { dom.fakeEvent(controller.__button, "click"); }); dom.bind(li, "mouseover", function() { dom.addClass(controller.__button, "hover"); }); dom.bind(li, "mouseout", function() { dom.removeClass(controller.__button, "hover"); }); } else if (controller instanceof ColorController) { dom.addClass(li, "color"); controller.updateDisplay = common.compose(function(r) { li.style.borderLeftColor = controller.__color.toString(); return r; }, controller.updateDisplay); controller.updateDisplay(); } controller.setValue = common.compose(function(r) { if (gui.getRoot().__preset_select && controller.isModified()) { markPresetModified(gui.getRoot(), true); } return r; }, controller.setValue); } function recallSavedValue(gui, controller) { var root = gui.getRoot(); var matched_index = root.__rememberedObjects.indexOf(controller.object); if (matched_index != -1) { var controller_map = root.__rememberedObjectIndecesToControllers[matched_index]; if (controller_map === undefined) { controller_map = {}; root.__rememberedObjectIndecesToControllers[matched_index] = controller_map; } controller_map[controller.property] = controller; if (root.load && root.load.remembered) { var preset_map = root.load.remembered; var preset; if (preset_map[gui.preset]) { preset = preset_map[gui.preset]; } else if (preset_map[DEFAULT_DEFAULT_PRESET_NAME]) { preset = preset_map[DEFAULT_DEFAULT_PRESET_NAME]; } else { return; } if (preset[matched_index] && preset[matched_index][controller.property] !== undefined) { var value = preset[matched_index][controller.property]; controller.initialValue = value; controller.setValue(value); } } } } function getLocalStorageHash(gui, key) { return document.location.href + "." + key; } function addSaveMenu(gui) { var div = gui.__save_row = document.createElement("li"); dom.addClass(gui.domElement, "has-save"); gui.__ul.insertBefore(div, gui.__ul.firstChild); dom.addClass(div, "save-row"); var gears = document.createElement("span"); gears.innerHTML = " "; dom.addClass(gears, "button gears"); var button = document.createElement("span"); button.innerHTML = "Save"; dom.addClass(button, "button"); dom.addClass(button, "save"); var button2 = document.createElement("span"); button2.innerHTML = "New"; dom.addClass(button2, "button"); dom.addClass(button2, "save-as"); var button3 = document.createElement("span"); button3.innerHTML = "Revert"; dom.addClass(button3, "button"); dom.addClass(button3, "revert"); var select = gui.__preset_select = document.createElement("select"); if (gui.load && gui.load.remembered) { common.each(gui.load.remembered, function(value, key) { addPresetOption(gui, key, key == gui.preset); }); } else { addPresetOption(gui, DEFAULT_DEFAULT_PRESET_NAME, false); } dom.bind(select, "change", function() { for (var index = 0; index < gui.__preset_select.length; index++) { gui.__preset_select[index].innerHTML = gui.__preset_select[index].value; } gui.preset = this.value; }); div.appendChild(select); div.appendChild(gears); div.appendChild(button); div.appendChild(button2); div.appendChild(button3); if (SUPPORTS_LOCAL_STORAGE) { var saveLocally = document.getElementById("dg-save-locally"); var explain = document.getElementById("dg-local-explain"); saveLocally.style.display = "block"; var localStorageCheckBox = document.getElementById("dg-local-storage"); if (localStorage.getItem(getLocalStorageHash(gui, "isLocal")) === "true") { localStorageCheckBox.setAttribute("checked", "checked"); } function showHideExplain() { explain.style.display = gui.useLocalStorage ? "block" :"none"; } showHideExplain(); dom.bind(localStorageCheckBox, "change", function() { gui.useLocalStorage = !gui.useLocalStorage; showHideExplain(); }); } var newConstructorTextArea = document.getElementById("dg-new-constructor"); dom.bind(newConstructorTextArea, "keydown", function(e) { if (e.metaKey && (e.which === 67 || e.keyCode == 67)) { SAVE_DIALOGUE.hide(); } }); dom.bind(gears, "click", function() { newConstructorTextArea.innerHTML = JSON.stringify(gui.getSaveObject(), undefined, 2); SAVE_DIALOGUE.show(); newConstructorTextArea.focus(); newConstructorTextArea.select(); }); dom.bind(button, "click", function() { gui.save(); }); dom.bind(button2, "click", function() { var presetName = prompt("Enter a new preset name."); if (presetName) gui.saveAs(presetName); }); dom.bind(button3, "click", function() { gui.revert(); }); } function addResizeHandle(gui) { gui.__resize_handle = document.createElement("div"); common.extend(gui.__resize_handle.style, { width:"6px", marginLeft:"-3px", height:"200px", cursor:"ew-resize", position:"absolute" }); var pmouseX; dom.bind(gui.__resize_handle, "mousedown", dragStart); dom.bind(gui.__closeButton, "mousedown", dragStart); gui.domElement.insertBefore(gui.__resize_handle, gui.domElement.firstElementChild); function dragStart(e) { e.preventDefault(); pmouseX = e.clientX; dom.addClass(gui.__closeButton, GUI.CLASS_DRAG); dom.bind(window, "mousemove", drag); dom.bind(window, "mouseup", dragStop); return false; } function drag(e) { e.preventDefault(); gui.width += pmouseX - e.clientX; gui.onResize(); pmouseX = e.clientX; return false; } function dragStop() { dom.removeClass(gui.__closeButton, GUI.CLASS_DRAG); dom.unbind(window, "mousemove", drag); dom.unbind(window, "mouseup", dragStop); } } function setWidth(gui, w) { gui.domElement.style.width = w + "px"; if (gui.__save_row && gui.autoPlace) { gui.__save_row.style.width = w + "px"; } if (gui.__closeButton) { gui.__closeButton.style.width = w + "px"; } } function getCurrentPreset(gui, useInitialValues) { var toReturn = {}; common.each(gui.__rememberedObjects, function(val, index) { var saved_values = {}; var controller_map = gui.__rememberedObjectIndecesToControllers[index]; common.each(controller_map, function(controller, property) { saved_values[property] = useInitialValues ? controller.initialValue :controller.getValue(); }); toReturn[index] = saved_values; }); return toReturn; } function addPresetOption(gui, name, setSelected) { var opt = document.createElement("option"); opt.innerHTML = name; opt.value = name; gui.__preset_select.appendChild(opt); if (setSelected) { gui.__preset_select.selectedIndex = gui.__preset_select.length - 1; } } function setPresetSelectIndex(gui) { for (var index = 0; index < gui.__preset_select.length; index++) { if (gui.__preset_select[index].value == gui.preset) { gui.__preset_select.selectedIndex = index; } } } function markPresetModified(gui, modified) { var opt = gui.__preset_select[gui.__preset_select.selectedIndex]; if (modified) { opt.innerHTML = opt.value + "*"; } else { opt.innerHTML = opt.value; } } function updateDisplays(controllerArray) { if (controllerArray.length != 0) { requestAnimationFrame(function() { updateDisplays(controllerArray); }); } common.each(controllerArray, function(c) { c.updateDisplay(); }); } return GUI; }(dat.utils.css, '
\n\n Here\'s the new load parameter for your GUI\'s constructor:\n\n \n\n
\n\n Automatically save\n values to localStorage on exit.\n\n
The values saved to localStorage will\n override those passed to dat.GUI\'s constructor. This makes it\n easier to work incrementally, but localStorage is fragile,\n and your friends may not see the same values you do.\n \n
\n \n
\n\n
', ".dg {\n /** Clear list styles */\n /* Auto-place container */\n /* Auto-placed GUI's */\n /* Line items that don't contain folders. */\n /** Folder names */\n /** Hides closed items */\n /** Controller row */\n /** Name-half (left) */\n /** Controller-half (right) */\n /** Controller placement */\n /** Shorter number boxes when slider is present. */\n /** Ensure the entire boolean and function row shows a hand */ }\n .dg ul {\n list-style: none;\n margin: 0;\n padding: 0;\n width: 100%;\n clear: both; }\n .dg.ac {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n height: 0;\n z-index: 0; }\n .dg:not(.ac) .main {\n /** Exclude mains in ac so that we don't hide close button */\n overflow: hidden; }\n .dg.main {\n -webkit-transition: opacity 0.1s linear;\n -o-transition: opacity 0.1s linear;\n -moz-transition: opacity 0.1s linear;\n transition: opacity 0.1s linear; }\n .dg.main.taller-than-window {\n overflow-y: auto; }\n .dg.main.taller-than-window .close-button {\n opacity: 1;\n /* TODO, these are style notes */\n margin-top: -1px;\n border-top: 1px solid #2c2c2c; }\n .dg.main ul.closed .close-button {\n opacity: 1 !important; }\n .dg.main:hover .close-button,\n .dg.main .close-button.drag {\n opacity: 1; }\n .dg.main .close-button {\n /*opacity: 0;*/\n -webkit-transition: opacity 0.1s linear;\n -o-transition: opacity 0.1s linear;\n -moz-transition: opacity 0.1s linear;\n transition: opacity 0.1s linear;\n border: 0;\n position: absolute;\n line-height: 19px;\n height: 20px;\n /* TODO, these are style notes */\n cursor: pointer;\n text-align: center;\n background-color: #000; }\n .dg.main .close-button:hover {\n background-color: #111; }\n .dg.a {\n float: right;\n margin-right: 15px;\n overflow-x: hidden; }\n .dg.a.has-save > ul {\n margin-top: 27px; }\n .dg.a.has-save > ul.closed {\n margin-top: 0; }\n .dg.a .save-row {\n position: fixed;\n top: 0;\n z-index: 1002; }\n .dg li {\n -webkit-transition: height 0.1s ease-out;\n -o-transition: height 0.1s ease-out;\n -moz-transition: height 0.1s ease-out;\n transition: height 0.1s ease-out; }\n .dg li:not(.folder) {\n cursor: auto;\n height: 27px;\n line-height: 27px;\n overflow: hidden;\n padding: 0 4px 0 5px; }\n .dg li.folder {\n padding: 0;\n border-left: 4px solid rgba(0, 0, 0, 0); }\n .dg li.title {\n cursor: pointer;\n margin-left: -4px; }\n .dg .closed li:not(.title),\n .dg .closed ul li,\n .dg .closed ul li > * {\n height: 0;\n overflow: hidden;\n border: 0; }\n .dg .cr {\n clear: both;\n padding-left: 3px;\n height: 27px; }\n .dg .property-name {\n cursor: default;\n float: left;\n clear: left;\n width: 40%;\n overflow: hidden;\n text-overflow: ellipsis; }\n .dg .c {\n float: left;\n width: 60%; }\n .dg .c input[type=text] {\n border: 0;\n margin-top: 4px;\n padding: 3px;\n width: 100%;\n float: right; }\n .dg .has-slider input[type=text] {\n width: 30%;\n /*display: none;*/\n margin-left: 0; }\n .dg .slider {\n float: left;\n width: 66%;\n margin-left: -5px;\n margin-right: 0;\n height: 19px;\n margin-top: 4px; }\n .dg .slider-fg {\n height: 100%; }\n .dg .c input[type=checkbox] {\n margin-top: 9px; }\n .dg .c select {\n margin-top: 5px; }\n .dg .cr.function,\n .dg .cr.function .property-name,\n .dg .cr.function *,\n .dg .cr.boolean,\n .dg .cr.boolean * {\n cursor: pointer; }\n .dg .selector {\n display: none;\n position: absolute;\n margin-left: -9px;\n margin-top: 23px;\n z-index: 10; }\n .dg .c:hover .selector,\n .dg .selector.drag {\n display: block; }\n .dg li.save-row {\n padding: 0; }\n .dg li.save-row .button {\n display: inline-block;\n padding: 0px 6px; }\n .dg.dialogue {\n background-color: #222;\n width: 460px;\n padding: 15px;\n font-size: 13px;\n line-height: 15px; }\n\n/* TODO Separate style and structure */\n#dg-new-constructor {\n padding: 10px;\n color: #222;\n font-family: Monaco, monospace;\n font-size: 10px;\n border: 0;\n resize: none;\n box-shadow: inset 1px 1px 1px #888;\n word-wrap: break-word;\n margin: 12px 0;\n display: block;\n width: 440px;\n overflow-y: scroll;\n height: 100px;\n position: relative; }\n\n#dg-local-explain {\n display: none;\n font-size: 11px;\n line-height: 17px;\n border-radius: 3px;\n background-color: #333;\n padding: 8px;\n margin-top: 10px; }\n #dg-local-explain code {\n font-size: 10px; }\n\n#dat-gui-save-locally {\n display: none; }\n\n/** Main type */\n.dg {\n color: #eee;\n font: 11px 'Lucida Grande', sans-serif;\n text-shadow: 0 -1px 0 #111;\n /** Auto place */\n /* Controller row,
  • */\n /** Controllers */ }\n .dg.main {\n /** Scrollbar */ }\n .dg.main::-webkit-scrollbar {\n width: 5px;\n background: #1a1a1a; }\n .dg.main::-webkit-scrollbar-corner {\n height: 0;\n display: none; }\n .dg.main::-webkit-scrollbar-thumb {\n border-radius: 5px;\n background: #676767; }\n .dg li:not(.folder) {\n background: #1a1a1a;\n border-bottom: 1px solid #2c2c2c; }\n .dg li.save-row {\n line-height: 25px;\n background: #dad5cb;\n border: 0; }\n .dg li.save-row select {\n margin-left: 5px;\n width: 108px; }\n .dg li.save-row .button {\n margin-left: 5px;\n margin-top: 1px;\n border-radius: 2px;\n font-size: 9px;\n line-height: 7px;\n padding: 4px 4px 5px 4px;\n background: #c5bdad;\n color: #fff;\n text-shadow: 0 1px 0 #b0a58f;\n box-shadow: 0 -1px 0 #b0a58f;\n cursor: pointer; }\n .dg li.save-row .button.gears {\n background: #c5bdad url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNpiYKAU/P//PwGIC/ApCABiBSAW+I8AClAcgKxQ4T9hoMAEUrxx2QSGN6+egDX+/vWT4e7N82AMYoPAx/evwWoYoSYbACX2s7KxCxzcsezDh3evFoDEBYTEEqycggWAzA9AuUSQQgeYPa9fPv6/YWm/Acx5IPb7ty/fw+QZblw67vDs8R0YHyQhgObx+yAJkBqmG5dPPDh1aPOGR/eugW0G4vlIoTIfyFcA+QekhhHJhPdQxbiAIguMBTQZrPD7108M6roWYDFQiIAAv6Aow/1bFwXgis+f2LUAynwoIaNcz8XNx3Dl7MEJUDGQpx9gtQ8YCueB+D26OECAAQDadt7e46D42QAAAABJRU5ErkJggg==) 2px 1px no-repeat;\n height: 7px;\n width: 8px; }\n .dg li.save-row .button:hover {\n background-color: #bab19e;\n box-shadow: 0 -1px 0 #b0a58f; }\n .dg li.folder {\n border-bottom: 0; }\n .dg li.title {\n padding-left: 16px;\n background: black url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;\n cursor: pointer;\n border-bottom: 1px solid rgba(255, 255, 255, 0.2); }\n .dg .closed li.title {\n background-image: url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==); }\n .dg .cr.boolean {\n border-left: 3px solid #806787; }\n .dg .cr.function {\n border-left: 3px solid #e61d5f; }\n .dg .cr.number {\n border-left: 3px solid #2fa1d6; }\n .dg .cr.number input[type=text] {\n color: #2fa1d6; }\n .dg .cr.string {\n border-left: 3px solid #1ed36f; }\n .dg .cr.string input[type=text] {\n color: #1ed36f; }\n .dg .cr.function:hover, .dg .cr.boolean:hover {\n background: #111; }\n .dg .c input[type=text] {\n background: #303030;\n outline: none; }\n .dg .c input[type=text]:hover {\n background: #3c3c3c; }\n .dg .c input[type=text]:focus {\n background: #494949;\n color: #fff; }\n .dg .c .slider {\n background: #303030;\n cursor: ew-resize; }\n .dg .c .slider-fg {\n background: #2fa1d6; }\n .dg .c .slider:hover {\n background: #3c3c3c; }\n .dg .c .slider:hover .slider-fg {\n background: #44abda; }\n", dat.controllers.factory = function(OptionController, NumberControllerBox, NumberControllerSlider, StringController, FunctionController, BooleanController, common) { return function(object, property) { var initialValue = object[property]; if (common.isArray(arguments[2]) || common.isObject(arguments[2])) { return new OptionController(object, property, arguments[2]); } if (common.isNumber(initialValue)) { if (common.isNumber(arguments[2]) && common.isNumber(arguments[3])) { return new NumberControllerSlider(object, property, arguments[2], arguments[3]); } else { return new NumberControllerBox(object, property, { min:arguments[2], max:arguments[3] }); } } if (common.isString(initialValue)) { return new StringController(object, property); } if (common.isFunction(initialValue)) { return new FunctionController(object, property, ""); } if (common.isBoolean(initialValue)) { return new BooleanController(object, property); } }; }(dat.controllers.OptionController, dat.controllers.NumberControllerBox, dat.controllers.NumberControllerSlider, dat.controllers.StringController = function(Controller, dom, common) { var StringController = function(object, property) { StringController.superclass.call(this, object, property); var _this = this; this.__input = document.createElement("input"); this.__input.setAttribute("type", "text"); dom.bind(this.__input, "keyup", onChange); dom.bind(this.__input, "change", onChange); dom.bind(this.__input, "blur", onBlur); dom.bind(this.__input, "keydown", function(e) { if (e.keyCode === 13) { this.blur(); } }); function onChange() { _this.setValue(_this.__input.value); } function onBlur() { if (_this.__onFinishChange) { _this.__onFinishChange.call(_this, _this.getValue()); } } this.updateDisplay(); this.domElement.appendChild(this.__input); }; StringController.superclass = Controller; common.extend(StringController.prototype, Controller.prototype, { updateDisplay:function() { if (!dom.isActive(this.__input)) { this.__input.value = this.getValue(); } return StringController.superclass.prototype.updateDisplay.call(this); } }); return StringController; }(dat.controllers.Controller, dat.dom.dom, dat.utils.common), dat.controllers.FunctionController, dat.controllers.BooleanController, dat.utils.common), dat.controllers.Controller, dat.controllers.BooleanController, dat.controllers.FunctionController, dat.controllers.NumberControllerBox, dat.controllers.NumberControllerSlider, dat.controllers.OptionController, dat.controllers.ColorController = function(Controller, dom, Color, interpret, common) { var ColorController = function(object, property) { ColorController.superclass.call(this, object, property); this.__color = new Color(this.getValue()); this.__temp = new Color(0); var _this = this; this.domElement = document.createElement("div"); dom.makeSelectable(this.domElement, false); this.__selector = document.createElement("div"); this.__selector.className = "selector"; this.__saturation_field = document.createElement("div"); this.__saturation_field.className = "saturation-field"; this.__field_knob = document.createElement("div"); this.__field_knob.className = "field-knob"; this.__field_knob_border = "2px solid "; this.__hue_knob = document.createElement("div"); this.__hue_knob.className = "hue-knob"; this.__hue_field = document.createElement("div"); this.__hue_field.className = "hue-field"; this.__input = document.createElement("input"); this.__input.type = "text"; this.__input_textShadow = "0 1px 1px "; dom.bind(this.__input, "keydown", function(e) { if (e.keyCode === 13) { onBlur.call(this); } }); dom.bind(this.__input, "blur", onBlur); dom.bind(this.__selector, "mousedown", function(e) { dom.addClass(this, "drag").bind(window, "mouseup", function(e) { dom.removeClass(_this.__selector, "drag"); }); }); var value_field = document.createElement("div"); common.extend(this.__selector.style, { width:"122px", height:"102px", padding:"3px", backgroundColor:"#222", boxShadow:"0px 1px 3px rgba(0,0,0,0.3)" }); common.extend(this.__field_knob.style, { position:"absolute", width:"12px", height:"12px", border:this.__field_knob_border + (this.__color.v < .5 ? "#fff" :"#000"), boxShadow:"0px 1px 3px rgba(0,0,0,0.5)", borderRadius:"12px", zIndex:1 }); common.extend(this.__hue_knob.style, { position:"absolute", width:"15px", height:"2px", borderRight:"4px solid #fff", zIndex:1 }); common.extend(this.__saturation_field.style, { width:"100px", height:"100px", border:"1px solid #555", marginRight:"3px", display:"inline-block", cursor:"pointer" }); common.extend(value_field.style, { width:"100%", height:"100%", background:"none" }); linearGradient(value_field, "top", "rgba(0,0,0,0)", "#000"); common.extend(this.__hue_field.style, { width:"15px", height:"100px", display:"inline-block", border:"1px solid #555", cursor:"ns-resize" }); hueGradient(this.__hue_field); common.extend(this.__input.style, { outline:"none", textAlign:"center", color:"#fff", border:0, fontWeight:"bold", textShadow:this.__input_textShadow + "rgba(0,0,0,0.7)" }); dom.bind(this.__saturation_field, "mousedown", fieldDown); dom.bind(this.__field_knob, "mousedown", fieldDown); dom.bind(this.__hue_field, "mousedown", function(e) { setH(e); dom.bind(window, "mousemove", setH); dom.bind(window, "mouseup", unbindH); }); function fieldDown(e) { setSV(e); dom.bind(window, "mousemove", setSV); dom.bind(window, "mouseup", unbindSV); } function unbindSV() { dom.unbind(window, "mousemove", setSV); dom.unbind(window, "mouseup", unbindSV); } function onBlur() { var i = interpret(this.value); if (i !== false) { _this.__color.__state = i; _this.setValue(_this.__color.toOriginal()); } else { this.value = _this.__color.toString(); } } function unbindH() { dom.unbind(window, "mousemove", setH); dom.unbind(window, "mouseup", unbindH); } this.__saturation_field.appendChild(value_field); this.__selector.appendChild(this.__field_knob); this.__selector.appendChild(this.__saturation_field); this.__selector.appendChild(this.__hue_field); this.__hue_field.appendChild(this.__hue_knob); this.domElement.appendChild(this.__input); this.domElement.appendChild(this.__selector); this.updateDisplay(); function setSV(e) { e.preventDefault(); var w = dom.getWidth(_this.__saturation_field); var o = dom.getOffset(_this.__saturation_field); var s = (e.clientX - o.left + document.body.scrollLeft) / w; var v = 1 - (e.clientY - o.top + document.body.scrollTop) / w; if (v > 1) v = 1; else if (v < 0) v = 0; if (s > 1) s = 1; else if (s < 0) s = 0; _this.__color.v = v; _this.__color.s = s; _this.setValue(_this.__color.toOriginal()); return false; } function setH(e) { e.preventDefault(); var s = dom.getHeight(_this.__hue_field); var o = dom.getOffset(_this.__hue_field); var h = 1 - (e.clientY - o.top + document.body.scrollTop) / s; if (h > 1) h = 1; else if (h < 0) h = 0; _this.__color.h = h * 360; _this.setValue(_this.__color.toOriginal()); return false; } }; ColorController.superclass = Controller; common.extend(ColorController.prototype, Controller.prototype, { updateDisplay:function() { var i = interpret(this.getValue()); if (i !== false) { var mismatch = false; common.each(Color.COMPONENTS, function(component) { if (!common.isUndefined(i[component]) && !common.isUndefined(this.__color.__state[component]) && i[component] !== this.__color.__state[component]) { mismatch = true; return {}; } }, this); if (mismatch) { common.extend(this.__color.__state, i); } } common.extend(this.__temp.__state, this.__color.__state); this.__temp.a = 1; var flip = this.__color.v < .5 || this.__color.s > .5 ? 255 :0; var _flip = 255 - flip; common.extend(this.__field_knob.style, { marginLeft:100 * this.__color.s - 7 + "px", marginTop:100 * (1 - this.__color.v) - 7 + "px", backgroundColor:this.__temp.toString(), border:this.__field_knob_border + "rgb(" + flip + "," + flip + "," + flip + ")" }); this.__hue_knob.style.marginTop = (1 - this.__color.h / 360) * 100 + "px"; this.__temp.s = 1; this.__temp.v = 1; linearGradient(this.__saturation_field, "left", "#fff", this.__temp.toString()); common.extend(this.__input.style, { backgroundColor:this.__input.value = this.__color.toString(), color:"rgb(" + flip + "," + flip + "," + flip + ")", textShadow:this.__input_textShadow + "rgba(" + _flip + "," + _flip + "," + _flip + ",.7)" }); } }); var vendors = [ "-moz-", "-o-", "-webkit-", "-ms-", "" ]; function linearGradient(elem, x, a, b) { elem.style.background = ""; common.each(vendors, function(vendor) { elem.style.cssText += "background: " + vendor + "linear-gradient(" + x + ", " + a + " 0%, " + b + " 100%); "; }); } function hueGradient(elem) { elem.style.background = ""; elem.style.cssText += "background: -moz-linear-gradient(top, #ff0000 0%, #ff00ff 17%, #0000ff 34%, #00ffff 50%, #00ff00 67%, #ffff00 84%, #ff0000 100%);"; elem.style.cssText += "background: -webkit-linear-gradient(top, #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);"; elem.style.cssText += "background: -o-linear-gradient(top, #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);"; elem.style.cssText += "background: -ms-linear-gradient(top, #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);"; elem.style.cssText += "background: linear-gradient(top, #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);"; } return ColorController; }(dat.controllers.Controller, dat.dom.dom, dat.color.Color = function(interpret, math, toString, common) { var Color = function() { this.__state = interpret.apply(this, arguments); if (this.__state === false) { throw "Failed to interpret color arguments"; } this.__state.a = this.__state.a || 1; }; Color.COMPONENTS = [ "r", "g", "b", "h", "s", "v", "hex", "a" ]; common.extend(Color.prototype, { toString:function() { return toString(this); }, toOriginal:function() { return this.__state.conversion.write(this); } }); defineRGBComponent(Color.prototype, "r", 2); defineRGBComponent(Color.prototype, "g", 1); defineRGBComponent(Color.prototype, "b", 0); defineHSVComponent(Color.prototype, "h"); defineHSVComponent(Color.prototype, "s"); defineHSVComponent(Color.prototype, "v"); Object.defineProperty(Color.prototype, "a", { get:function() { return this.__state.a; }, set:function(v) { this.__state.a = v; } }); Object.defineProperty(Color.prototype, "hex", { get:function() { if (!this.__state.space !== "HEX") { this.__state.hex = math.rgb_to_hex(this.r, this.g, this.b); } return this.__state.hex; }, set:function(v) { this.__state.space = "HEX"; this.__state.hex = v; } }); function defineRGBComponent(target, component, componentHexIndex) { Object.defineProperty(target, component, { get:function() { if (this.__state.space === "RGB") { return this.__state[component]; } recalculateRGB(this, component, componentHexIndex); return this.__state[component]; }, set:function(v) { if (this.__state.space !== "RGB") { recalculateRGB(this, component, componentHexIndex); this.__state.space = "RGB"; } this.__state[component] = v; } }); } function defineHSVComponent(target, component) { Object.defineProperty(target, component, { get:function() { if (this.__state.space === "HSV") return this.__state[component]; recalculateHSV(this); return this.__state[component]; }, set:function(v) { if (this.__state.space !== "HSV") { recalculateHSV(this); this.__state.space = "HSV"; } this.__state[component] = v; } }); } function recalculateRGB(color, component, componentHexIndex) { if (color.__state.space === "HEX") { color.__state[component] = math.component_from_hex(color.__state.hex, componentHexIndex); } else if (color.__state.space === "HSV") { common.extend(color.__state, math.hsv_to_rgb(color.__state.h, color.__state.s, color.__state.v)); } else { throw "Corrupted color state"; } } function recalculateHSV(color) { var result = math.rgb_to_hsv(color.r, color.g, color.b); common.extend(color.__state, { s:result.s, v:result.v }); if (!common.isNaN(result.h)) { color.__state.h = result.h; } else if (common.isUndefined(color.__state.h)) { color.__state.h = 0; } } return Color; }(dat.color.interpret, dat.color.math = function() { var tmpComponent; return { hsv_to_rgb:function(h, s, v) { var hi = Math.floor(h / 60) % 6; var f = h / 60 - Math.floor(h / 60); var p = v * (1 - s); var q = v * (1 - f * s); var t = v * (1 - (1 - f) * s); var c = [ [ v, t, p ], [ q, v, p ], [ p, v, t ], [ p, q, v ], [ t, p, v ], [ v, p, q ] ][hi]; return { r:c[0] * 255, g:c[1] * 255, b:c[2] * 255 }; }, rgb_to_hsv:function(r, g, b) { var min = Math.min(r, g, b), max = Math.max(r, g, b), delta = max - min, h, s; if (max != 0) { s = delta / max; } else { return { h:NaN, s:0, v:0 }; } if (r == max) { h = (g - b) / delta; } else if (g == max) { h = 2 + (b - r) / delta; } else { h = 4 + (r - g) / delta; } h /= 6; if (h < 0) { h += 1; } return { h:h * 360, s:s, v:max / 255 }; }, rgb_to_hex:function(r, g, b) { var hex = this.hex_with_component(0, 2, r); hex = this.hex_with_component(hex, 1, g); hex = this.hex_with_component(hex, 0, b); return hex; }, component_from_hex:function(hex, componentIndex) { return hex >> componentIndex * 8 & 255; }, hex_with_component:function(hex, componentIndex, value) { return value << (tmpComponent = componentIndex * 8) | hex & ~(255 << tmpComponent); } }; }(), dat.color.toString, dat.utils.common), dat.color.interpret, dat.utils.common), dat.utils.requestAnimationFrame = function() { return window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback, element) { window.setTimeout(callback, 1e3 / 60); }; }(), dat.dom.CenteredDiv = function(dom, common) { var CenteredDiv = function() { this.backgroundElement = document.createElement("div"); common.extend(this.backgroundElement.style, { backgroundColor:"rgba(0,0,0,0.8)", top:0, left:0, display:"none", zIndex:"1000", opacity:0, WebkitTransition:"opacity 0.2s linear" }); dom.makeFullscreen(this.backgroundElement); this.backgroundElement.style.position = "fixed"; this.domElement = document.createElement("div"); common.extend(this.domElement.style, { position:"fixed", display:"none", zIndex:"1001", opacity:0, WebkitTransition:"-webkit-transform 0.2s ease-out, opacity 0.2s linear" }); document.body.appendChild(this.backgroundElement); document.body.appendChild(this.domElement); var _this = this; dom.bind(this.backgroundElement, "click", function() { _this.hide(); }); }; CenteredDiv.prototype.show = function() { var _this = this; this.backgroundElement.style.display = "block"; this.domElement.style.display = "block"; this.domElement.style.opacity = 0; this.domElement.style.webkitTransform = "scale(1.1)"; this.layout(); common.defer(function() { _this.backgroundElement.style.opacity = 1; _this.domElement.style.opacity = 1; _this.domElement.style.webkitTransform = "scale(1)"; }); }; CenteredDiv.prototype.hide = function() { var _this = this; var hide = function() { _this.domElement.style.display = "none"; _this.backgroundElement.style.display = "none"; dom.unbind(_this.domElement, "webkitTransitionEnd", hide); dom.unbind(_this.domElement, "transitionend", hide); dom.unbind(_this.domElement, "oTransitionEnd", hide); }; dom.bind(this.domElement, "webkitTransitionEnd", hide); dom.bind(this.domElement, "transitionend", hide); dom.bind(this.domElement, "oTransitionEnd", hide); this.backgroundElement.style.opacity = 0; this.domElement.style.opacity = 0; this.domElement.style.webkitTransform = "scale(1.1)"; }; CenteredDiv.prototype.layout = function() { this.domElement.style.left = window.innerWidth / 2 - dom.getWidth(this.domElement) / 2 + "px"; this.domElement.style.top = window.innerHeight / 2 - dom.getHeight(this.domElement) / 2 + "px"; }; function lockScroll(e) { console.log(e); } return CenteredDiv; }(dat.dom.dom, dat.utils.common), dat.dom.dom, dat.utils.common); (function(e) { "use strict"; "function" == typeof define && define.amd ? define([ "jquery" ], e) :"object" == typeof exports ? e(require("jquery")) :e(jQuery); })(function(e, t) { "use strict"; if (!e.jstree) { var i = 0, n = !1, r = !1, s = !1, a = [], o = e("script:last").attr("src"), d = document, l = d.createElement("LI"), c, h; l.setAttribute("role", "treeitem"), c = d.createElement("I"), c.className = "jstree-icon jstree-ocl", l.appendChild(c), c = d.createElement("A"), c.className = "jstree-anchor", c.setAttribute("href", "#"), h = d.createElement("I"), h.className = "jstree-icon jstree-themeicon", c.appendChild(h), l.appendChild(c), c = h = null, e.jstree = { version:"3.0.0", defaults:{ plugins:[] }, plugins:{}, path:o && -1 !== o.indexOf("/") ? o.replace(/\/[^\/]+$/, "") :"", idregex:/[\\:&'".,=\- \/]/g }, e.jstree.create = function(t, n) { var r = new e.jstree.core(++i), s = n; return n = e.extend(!0, {}, e.jstree.defaults, n), s && s.plugins && (n.plugins = s.plugins), e.each(n.plugins, function(e, t) { "core" !== e && (r = r.plugin(t, n[t])); }), r.init(t, n), r; }, e.jstree.core = function(e) { this._id = e, this._cnt = 0, this._data = { core:{ themes:{ name:!1, dots:!1, icons:!1 }, selected:[], last_error:{} } }; }, e.jstree.reference = function(i) { var n = null, r = null; if (i && i.id && (i = i.id), !r || !r.length) try { r = e(i); } catch (s) {} if (!r || !r.length) try { r = e("#" + i.replace(e.jstree.idregex, "\\$&")); } catch (s) {} return r && r.length && (r = r.closest(".jstree")).length && (r = r.data("jstree")) ? n = r :e(".jstree").each(function() { var r = e(this).data("jstree"); return r && r._model.data[i] ? (n = r, !1) :t; }), n; }, e.fn.jstree = function(i) { var n = "string" == typeof i, r = Array.prototype.slice.call(arguments, 1), s = null; return this.each(function() { var a = e.jstree.reference(this), o = n && a ? a[i] :null; return s = n && o ? o.apply(a, r) :null, a || n || i !== t && !e.isPlainObject(i) || e(this).data("jstree", new e.jstree.create(this, i)), (a && !n || i === !0) && (s = a || !1), null !== s && s !== t ? !1 :t; }), null !== s && s !== t ? s :this; }, e.expr[":"].jstree = e.expr.createPseudo(function(i) { return function(i) { return e(i).hasClass("jstree") && e(i).data("jstree") !== t; }; }), e.jstree.defaults.core = { data:!1, strings:!1, check_callback:!1, error:e.noop, animation:200, multiple:!0, themes:{ name:!1, url:!1, dir:!1, dots:!0, icons:!0, stripes:!1, variant:!1, responsive:!0 }, expand_selected_onload:!0 }, e.jstree.core.prototype = { plugin:function(t, i) { var n = e.jstree.plugins[t]; return n ? (this._data[t] = {}, n.prototype = this, new n(i, this)) :this; }, init:function(t, i) { this._model = { data:{ "#":{ id:"#", parent:null, parents:[], children:[], children_d:[], state:{ loaded:!1 } } }, changed:[], force_full_redraw:!1, redraw_timeout:!1, default_state:{ loaded:!0, opened:!1, selected:!1, disabled:!1 } }, this.element = e(t).addClass("jstree jstree-" + this._id), this.settings = i, this.element.bind("destroyed", e.proxy(this.teardown, this)), this._data.core.ready = !1, this._data.core.loaded = !1, this._data.core.rtl = "rtl" === this.element.css("direction"), this.element[this._data.core.rtl ? "addClass" :"removeClass"]("jstree-rtl"), this.element.attr("role", "tree"), this.bind(), this.trigger("init"), this._data.core.original_container_html = this.element.find(" > ul > li").clone(!0), this._data.core.original_container_html.find("li").addBack().contents().filter(function() { return 3 === this.nodeType && (!this.nodeValue || /^\s+$/.test(this.nodeValue)); }).remove(), this.element.html(""), this._data.core.li_height = this.get_container_ul().children("li:eq(0)").height() || 18, this.trigger("loading"), this.load_node("#"); }, destroy:function() { this.element.unbind("destroyed", this.teardown), this.teardown(); }, teardown:function() { this.unbind(), this.element.removeClass("jstree").removeData("jstree").find("[class^='jstree']").addBack().attr("class", function() { return this.className.replace(/jstree[^ ]*|$/gi, ""); }), this.element = null; }, bind:function() { this.element.on("dblclick.jstree", function() { if (document.selection && document.selection.empty) document.selection.empty(); else if (window.getSelection) { var e = window.getSelection(); try { e.removeAllRanges(), e.collapse(); } catch (t) {} } }).on("click.jstree", ".jstree-ocl", e.proxy(function(e) { this.toggle_node(e.target); }, this)).on("click.jstree", ".jstree-anchor", e.proxy(function(t) { t.preventDefault(), e(t.currentTarget).focus(), this.activate_node(t.currentTarget, t); }, this)).on("keydown.jstree", ".jstree-anchor", e.proxy(function(t) { if ("INPUT" === t.target.tagName) return !0; var i = null; switch (t.which) { case 13: case 32: t.type = "click", e(t.currentTarget).trigger(t); break; case 37: t.preventDefault(), this.is_open(t.currentTarget) ? this.close_node(t.currentTarget) :(i = this.get_prev_dom(t.currentTarget), i && i.length && i.children(".jstree-anchor").focus()); break; case 38: t.preventDefault(), i = this.get_prev_dom(t.currentTarget), i && i.length && i.children(".jstree-anchor").focus(); break; case 39: t.preventDefault(), this.is_closed(t.currentTarget) ? this.open_node(t.currentTarget, function(e) { this.get_node(e, !0).children(".jstree-anchor").focus(); }) :(i = this.get_next_dom(t.currentTarget), i && i.length && i.children(".jstree-anchor").focus()); break; case 40: t.preventDefault(), i = this.get_next_dom(t.currentTarget), i && i.length && i.children(".jstree-anchor").focus(); break; case 46: t.preventDefault(), i = this.get_node(t.currentTarget), i && i.id && "#" !== i.id && (i = this.is_selected(i) ? this.get_selected() :i); break; case 113: t.preventDefault(), i = this.get_node(t.currentTarget); break; default: } }, this)).on("load_node.jstree", e.proxy(function(t, i) { if (i.status && ("#" !== i.node.id || this._data.core.loaded || (this._data.core.loaded = !0, this.trigger("loaded")), !this._data.core.ready && !this.get_container_ul().find(".jstree-loading:eq(0)").length)) { if (this._data.core.ready = !0, this._data.core.selected.length) { if (this.settings.core.expand_selected_onload) { var n = [], r, s; for (r = 0, s = this._data.core.selected.length; s > r; r++) n = n.concat(this._model.data[this._data.core.selected[r]].parents); for (n = e.vakata.array_unique(n), r = 0, s = n.length; s > r; r++) this.open_node(n[r], !1, 0); } this.trigger("changed", { action:"ready", selected:this._data.core.selected }); } setTimeout(e.proxy(function() { this.trigger("ready"); }, this), 0); } }, this)).on("init.jstree", e.proxy(function() { var e = this.settings.core.themes; this._data.core.themes.dots = e.dots, this._data.core.themes.stripes = e.stripes, this._data.core.themes.icons = e.icons, this.set_theme(e.name || "default", e.url), this.set_theme_variant(e.variant); }, this)).on("loading.jstree", e.proxy(function() { this[this._data.core.themes.dots ? "show_dots" :"hide_dots"](), this[this._data.core.themes.icons ? "show_icons" :"hide_icons"](), this[this._data.core.themes.stripes ? "show_stripes" :"hide_stripes"](); }, this)).on("focus.jstree", ".jstree-anchor", e.proxy(function(t) { this.element.find(".jstree-hovered").not(t.currentTarget).mouseleave(), e(t.currentTarget).mouseenter(); }, this)).on("mouseenter.jstree", ".jstree-anchor", e.proxy(function(e) { this.hover_node(e.currentTarget); }, this)).on("mouseleave.jstree", ".jstree-anchor", e.proxy(function(e) { this.dehover_node(e.currentTarget); }, this)); }, unbind:function() { this.element.off(".jstree"), e(document).off(".jstree-" + this._id); }, trigger:function(e, t) { t || (t = {}), t.instance = this, this.element.triggerHandler(e.replace(".jstree", "") + ".jstree", t); }, get_container:function() { return this.element; }, get_container_ul:function() { return this.element.children("ul:eq(0)"); }, get_string:function(t) { var i = this.settings.core.strings; return e.isFunction(i) ? i.call(this, t) :i && i[t] ? i[t] :t; }, _firstChild:function(e) { e = e ? e.firstChild :null; while (null !== e && 1 !== e.nodeType) e = e.nextSibling; return e; }, _nextSibling:function(e) { e = e ? e.nextSibling :null; while (null !== e && 1 !== e.nodeType) e = e.nextSibling; return e; }, _previousSibling:function(e) { e = e ? e.previousSibling :null; while (null !== e && 1 !== e.nodeType) e = e.previousSibling; return e; }, get_node:function(t, i) { t && t.id && (t = t.id); var n; try { if (this._model.data[t]) t = this._model.data[t]; else if (((n = e(t, this.element)).length || (n = e("#" + t.replace(e.jstree.idregex, "\\$&"), this.element)).length) && this._model.data[n.closest("li").attr("id")]) t = this._model.data[n.closest("li").attr("id")]; else { if (!(n = e(t, this.element)).length || !n.hasClass("jstree")) return !1; t = this._model.data["#"]; } return i && (t = "#" === t.id ? this.element :e("#" + t.id.replace(e.jstree.idregex, "\\$&"), this.element)), t; } catch (r) { return !1; } }, get_path:function(e, t, i) { if (e = e.parents ? e :this.get_node(e), !e || "#" === e.id || !e.parents) return !1; var n, r, s = []; for (s.push(i ? e.id :e.text), n = 0, r = e.parents.length; r > n; n++) s.push(i ? e.parents[n] :this.get_text(e.parents[n])); return s = s.reverse().slice(1), t ? s.join(t) :s; }, get_next_dom:function(t, i) { var n; return t = this.get_node(t, !0), t[0] === this.element[0] ? (n = this._firstChild(this.get_container_ul()[0]), n ? e(n) :!1) :t && t.length ? i ? (n = this._nextSibling(t[0]), n ? e(n) :!1) :t.hasClass("jstree-open") ? (n = this._firstChild(t.children("ul")[0]), n ? e(n) :!1) :null !== (n = this._nextSibling(t[0])) ? e(n) :t.parentsUntil(".jstree", "li").next("li").eq(0) :!1; }, get_prev_dom:function(t, i) { var n; if (t = this.get_node(t, !0), t[0] === this.element[0]) return n = this.get_container_ul()[0].lastChild, n ? e(n) :!1; if (!t || !t.length) return !1; if (i) return n = this._previousSibling(t[0]), n ? e(n) :!1; if (null !== (n = this._previousSibling(t[0]))) { t = e(n); while (t.hasClass("jstree-open")) t = t.children("ul:eq(0)").children("li:last"); return t; } return n = t[0].parentNode.parentNode, n && "LI" === n.tagName ? e(n) :!1; }, get_parent:function(e) { return e = this.get_node(e), e && "#" !== e.id ? e.parent :!1; }, get_children_dom:function(e) { return e = this.get_node(e, !0), e[0] === this.element[0] ? this.get_container_ul().children("li") :e && e.length ? e.children("ul").children("li") :!1; }, is_parent:function(e) { return e = this.get_node(e), e && (e.state.loaded === !1 || e.children.length > 0); }, is_loaded:function(e) { return e = this.get_node(e), e && e.state.loaded; }, is_loading:function(e) { return e = this.get_node(e), e && e.state && e.state.loading; }, is_open:function(e) { return e = this.get_node(e), e && e.state.opened; }, is_closed:function(e) { return e = this.get_node(e), e && this.is_parent(e) && !e.state.opened; }, is_leaf:function(e) { return !this.is_parent(e); }, load_node:function(t, i) { var n, r, s, a, o, d, l; if (e.isArray(t)) { for (t = t.slice(), n = 0, r = t.length; r > n; n++) this.load_node(t[n], i); return !0; } if (t = this.get_node(t), !t) return i && i.call(this, t, !1), !1; if (t.state.loaded) { for (t.state.loaded = !1, s = 0, a = t.children_d.length; a > s; s++) { for (o = 0, d = t.parents.length; d > o; o++) this._model.data[t.parents[o]].children_d = e.vakata.array_remove_item(this._model.data[t.parents[o]].children_d, t.children_d[s]); this._model.data[t.children_d[s]].state.selected && (l = !0, this._data.core.selected = e.vakata.array_remove_item(this._data.core.selected, t.children_d[s])), delete this._model.data[t.children_d[s]]; } t.children = [], t.children_d = [], l && this.trigger("changed", { action:"load_node", node:t, selected:this._data.core.selected }); } return t.state.loading = !0, this.get_node(t, !0).addClass("jstree-loading"), this._load_node(t, e.proxy(function(e) { t.state.loading = !1, t.state.loaded = e; var n = this.get_node(t, !0); t.state.loaded && !t.children.length && n && n.length && !n.hasClass("jstree-leaf") && n.removeClass("jstree-closed jstree-open").addClass("jstree-leaf"), n.removeClass("jstree-loading"), this.trigger("load_node", { node:t, status:e }), i && i.call(this, t, e); }, this)), !0; }, _load_nodes:function(e, t, i) { var n = !0, r = function() { this._load_nodes(e, t, !0); }, s = this._model.data, a, o; for (a = 0, o = e.length; o > a; a++) !s[e[a]] || s[e[a]].state.loaded && i || (this.is_loading(e[a]) || this.load_node(e[a], r), n = !1); n && (t.done || (t.call(this, e), t.done = !0)); }, _load_node:function(t, i) { var n = this.settings.core.data, r; return n ? e.isFunction(n) ? n.call(this, t, e.proxy(function(n) { return n === !1 ? i.call(this, !1) :i.call(this, this["string" == typeof n ? "_append_html_data" :"_append_json_data"](t, "string" == typeof n ? e(n) :n)); }, this)) :"object" == typeof n ? n.url ? (n = e.extend(!0, {}, n), e.isFunction(n.url) && (n.url = n.url.call(this, t)), e.isFunction(n.data) && (n.data = n.data.call(this, t)), e.ajax(n).done(e.proxy(function(n, r, s) { var a = s.getResponseHeader("Content-Type"); return -1 !== a.indexOf("json") || "object" == typeof n ? i.call(this, this._append_json_data(t, n)) :-1 !== a.indexOf("html") || "string" == typeof n ? i.call(this, this._append_html_data(t, e(n))) :(this._data.core.last_error = { error:"ajax", plugin:"core", id:"core_04", reason:"Could not load node", data:JSON.stringify({ id:t.id, xhr:s }) }, i.call(this, !1)); }, this)).fail(e.proxy(function(e) { i.call(this, !1), this._data.core.last_error = { error:"ajax", plugin:"core", id:"core_04", reason:"Could not load node", data:JSON.stringify({ id:t.id, xhr:e }) }, this.settings.core.error.call(this, this._data.core.last_error); }, this))) :(r = e.isArray(n) || e.isPlainObject(n) ? JSON.parse(JSON.stringify(n)) :n, "#" !== t.id && (this._data.core.last_error = { error:"nodata", plugin:"core", id:"core_05", reason:"Could not load node", data:JSON.stringify({ id:t.id }) }), i.call(this, "#" === t.id ? this._append_json_data(t, r) :!1)) :"string" == typeof n ? ("#" !== t.id && (this._data.core.last_error = { error:"nodata", plugin:"core", id:"core_06", reason:"Could not load node", data:JSON.stringify({ id:t.id }) }), i.call(this, "#" === t.id ? this._append_html_data(t, e(n)) :!1)) :i.call(this, !1) :i.call(this, "#" === t.id ? this._append_html_data(t, this._data.core.original_container_html.clone(!0)) :!1); }, _node_changed:function(e) { e = this.get_node(e), e && this._model.changed.push(e.id); }, _append_html_data:function(t, i) { t = this.get_node(t), t.children = [], t.children_d = []; var n = i.is("ul") ? i.children() :i, r = t.id, s = [], a = [], o = this._model.data, d = o[r], l = this._data.core.selected.length, c, h, _; for (n.each(e.proxy(function(t, i) { c = this._parse_model_from_html(e(i), r, d.parents.concat()), c && (s.push(c), a.push(c), o[c].children_d.length && (a = a.concat(o[c].children_d))); }, this)), d.children = s, d.children_d = a, h = 0, _ = d.parents.length; _ > h; h++) o[d.parents[h]].children_d = o[d.parents[h]].children_d.concat(a); return this.trigger("model", { nodes:a, parent:r }), "#" !== r ? (this._node_changed(r), this.redraw()) :(this.get_container_ul().children(".jstree-initial-node").remove(), this.redraw(!0)), this._data.core.selected.length !== l && this.trigger("changed", { action:"model", selected:this._data.core.selected }), !0; }, _append_json_data:function(i, n) { i = this.get_node(i), i.children = [], i.children_d = []; var r = n, s = i.id, a = [], o = [], d = this._model.data, l = d[s], c = this._data.core.selected.length, h, _, u; if (r.d && (r = r.d, "string" == typeof r && (r = JSON.parse(r))), e.isArray(r) || (r = [ r ]), r.length && r[0].id !== t && r[0].parent !== t) { for (_ = 0, u = r.length; u > _; _++) r[_].children || (r[_].children = []), d["" + r[_].id] = r[_]; for (_ = 0, u = r.length; u > _; _++) d["" + r[_].parent].children.push("" + r[_].id), l.children_d.push("" + r[_].id); for (_ = 0, u = l.children.length; u > _; _++) h = this._parse_model_from_flat_json(d[l.children[_]], s, l.parents.concat()), o.push(h), d[h].children_d.length && (o = o.concat(d[h].children_d)); } else { for (_ = 0, u = r.length; u > _; _++) h = this._parse_model_from_json(r[_], s, l.parents.concat()), h && (a.push(h), o.push(h), d[h].children_d.length && (o = o.concat(d[h].children_d))); for (l.children = a, l.children_d = o, _ = 0, u = l.parents.length; u > _; _++) d[l.parents[_]].children_d = d[l.parents[_]].children_d.concat(o); } return this.trigger("model", { nodes:o, parent:s }), "#" !== s ? (this._node_changed(s), this.redraw()) :this.redraw(!0), this._data.core.selected.length !== c && this.trigger("changed", { action:"model", selected:this._data.core.selected }), !0; }, _parse_model_from_html:function(i, n, r) { r = r ? [].concat(r) :[], n && r.unshift(n); var s, a, o = this._model.data, d = { id:!1, text:!1, icon:!0, parent:n, parents:r, children:[], children_d:[], data:null, state:{}, li_attr:{ id:!1 }, a_attr:{ href:"#" }, original:!1 }, l, c, h; for (l in this._model.default_state) this._model.default_state.hasOwnProperty(l) && (d.state[l] = this._model.default_state[l]); if (c = e.vakata.attributes(i, !0), e.each(c, function(i, n) { return n = e.trim(n), n.length ? (d.li_attr[i] = n, "id" === i && (d.id = "" + n), t) :!0; }), c = i.children("a").eq(0), c.length && (c = e.vakata.attributes(c, !0), e.each(c, function(t, i) { i = e.trim(i), i.length && (d.a_attr[t] = i); })), c = i.children("a:eq(0)").length ? i.children("a:eq(0)").clone() :i.clone(), c.children("ins, i, ul").remove(), c = c.html(), c = e("
    ").html(c), d.text = c.html(), c = i.data(), d.data = c ? e.extend(!0, {}, c) :null, d.state.opened = i.hasClass("jstree-open"), d.state.selected = i.children("a").hasClass("jstree-clicked"), d.state.disabled = i.children("a").hasClass("jstree-disabled"), d.data && d.data.jstree) for (l in d.data.jstree) d.data.jstree.hasOwnProperty(l) && (d.state[l] = d.data.jstree[l]); c = i.children("a").children(".jstree-themeicon"), c.length && (d.icon = c.hasClass("jstree-themeicon-hidden") ? !1 :c.attr("rel")), d.state.icon && (d.icon = d.state.icon), c = i.children("ul").children("li"); do h = "j" + this._id + "_" + ++this._cnt; while (o[h]); return d.id = d.li_attr.id ? "" + d.li_attr.id :h, c.length ? (c.each(e.proxy(function(t, i) { s = this._parse_model_from_html(e(i), d.id, r), a = this._model.data[s], d.children.push(s), a.children_d.length && (d.children_d = d.children_d.concat(a.children_d)); }, this)), d.children_d = d.children_d.concat(d.children)) :i.hasClass("jstree-closed") && (d.state.loaded = !1), d.li_attr["class"] && (d.li_attr["class"] = d.li_attr["class"].replace("jstree-closed", "").replace("jstree-open", "")), d.a_attr["class"] && (d.a_attr["class"] = d.a_attr["class"].replace("jstree-clicked", "").replace("jstree-disabled", "")), o[d.id] = d, d.state.selected && this._data.core.selected.push(d.id), d.id; }, _parse_model_from_flat_json:function(e, i, n) { n = n ? n.concat() :[], i && n.unshift(i); var r = "" + e.id, s = this._model.data, a = this._model.default_state, o, d, l, c, h = { id:r, text:e.text || "", icon:e.icon !== t ? e.icon :!0, parent:i, parents:n, children:e.children || [], children_d:e.children_d || [], data:e.data, state:{}, li_attr:{ id:!1 }, a_attr:{ href:"#" }, original:!1 }; for (o in a) a.hasOwnProperty(o) && (h.state[o] = a[o]); if (e && e.data && e.data.jstree && e.data.jstree.icon && (h.icon = e.data.jstree.icon), e && e.data && (h.data = e.data, e.data.jstree)) for (o in e.data.jstree) e.data.jstree.hasOwnProperty(o) && (h.state[o] = e.data.jstree[o]); if (e && "object" == typeof e.state) for (o in e.state) e.state.hasOwnProperty(o) && (h.state[o] = e.state[o]); if (e && "object" == typeof e.li_attr) for (o in e.li_attr) e.li_attr.hasOwnProperty(o) && (h.li_attr[o] = e.li_attr[o]); if (h.li_attr.id || (h.li_attr.id = r), e && "object" == typeof e.a_attr) for (o in e.a_attr) e.a_attr.hasOwnProperty(o) && (h.a_attr[o] = e.a_attr[o]); for (e && e.children && e.children === !0 && (h.state.loaded = !1, h.children = [], h.children_d = []), s[h.id] = h, o = 0, d = h.children.length; d > o; o++) l = this._parse_model_from_flat_json(s[h.children[o]], h.id, n), c = s[l], h.children_d.push(l), c.children_d.length && (h.children_d = h.children_d.concat(c.children_d)); return delete e.data, delete e.children, s[h.id].original = e, h.state.selected && this._data.core.selected.push(h.id), h.id; }, _parse_model_from_json:function(e, i, n) { n = n ? n.concat() :[], i && n.unshift(i); var r = !1, s, a, o, d, l = this._model.data, c = this._model.default_state, h; do r = "j" + this._id + "_" + ++this._cnt; while (l[r]); h = { id:!1, text:"string" == typeof e ? e :"", icon:"object" == typeof e && e.icon !== t ? e.icon :!0, parent:i, parents:n, children:[], children_d:[], data:null, state:{}, li_attr:{ id:!1 }, a_attr:{ href:"#" }, original:!1 }; for (s in c) c.hasOwnProperty(s) && (h.state[s] = c[s]); if (e && e.id && (h.id = "" + e.id), e && e.text && (h.text = e.text), e && e.data && e.data.jstree && e.data.jstree.icon && (h.icon = e.data.jstree.icon), e && e.data && (h.data = e.data, e.data.jstree)) for (s in e.data.jstree) e.data.jstree.hasOwnProperty(s) && (h.state[s] = e.data.jstree[s]); if (e && "object" == typeof e.state) for (s in e.state) e.state.hasOwnProperty(s) && (h.state[s] = e.state[s]); if (e && "object" == typeof e.li_attr) for (s in e.li_attr) e.li_attr.hasOwnProperty(s) && (h.li_attr[s] = e.li_attr[s]); if (h.li_attr.id && !h.id && (h.id = "" + h.li_attr.id), h.id || (h.id = r), h.li_attr.id || (h.li_attr.id = h.id), e && "object" == typeof e.a_attr) for (s in e.a_attr) e.a_attr.hasOwnProperty(s) && (h.a_attr[s] = e.a_attr[s]); if (e && e.children && e.children.length) { for (s = 0, a = e.children.length; a > s; s++) o = this._parse_model_from_json(e.children[s], h.id, n), d = l[o], h.children.push(o), d.children_d.length && (h.children_d = h.children_d.concat(d.children_d)); h.children_d = h.children_d.concat(h.children); } return e && e.children && e.children === !0 && (h.state.loaded = !1, h.children = [], h.children_d = []), delete e.data, delete e.children, h.original = e, l[h.id] = h, h.state.selected && this._data.core.selected.push(h.id), h.id; }, _redraw:function() { var e = this._model.force_full_redraw ? this._model.data["#"].children.concat([]) :this._model.changed.concat([]), t = document.createElement("UL"), i, n, r; for (n = 0, r = e.length; r > n; n++) i = this.redraw_node(e[n], !0, this._model.force_full_redraw), i && this._model.force_full_redraw && t.appendChild(i); this._model.force_full_redraw && (t.className = this.get_container_ul()[0].className, this.element.empty().append(t)), this._model.force_full_redraw = !1, this._model.changed = [], this.trigger("redraw", { nodes:e }); }, redraw:function(e) { e && (this._model.force_full_redraw = !0), this._redraw(); }, redraw_node:function(t, i, n) { var r = this.get_node(t), s = !1, a = !1, o = !1, d = !1, c = !1, h = !1, _ = "", u = document, g = this._model.data, f = !1, p = !1; if (!r) return !1; if ("#" === r.id) return this.redraw(!0); if (i = i || 0 === r.children.length, t = document.querySelector ? this.element[0].querySelector("#" + (-1 !== "0123456789".indexOf(r.id[0]) ? "\\3" + r.id[0] + " " + r.id.substr(1).replace(e.jstree.idregex, "\\$&") :r.id.replace(e.jstree.idregex, "\\$&"))) :document.getElementById(r.id)) t = e(t), n || (s = t.parent().parent()[0], s === this.element[0] && (s = null), a = t.index()), i || !r.children.length || t.children("ul").length || (i = !0), i || (o = t.children("UL")[0]), p = t.attr("aria-selected"), f = t.children(".jstree-anchor")[0] === document.activeElement, t.remove(); else if (i = !0, !n) { if (s = "#" !== r.parent ? e("#" + r.parent.replace(e.jstree.idregex, "\\$&"), this.element)[0] :null, !(null === s || s && g[r.parent].state.opened)) return !1; a = e.inArray(r.id, null === s ? g["#"].children :g[r.parent].children); } t = l.cloneNode(!0), _ = "jstree-node "; for (d in r.li_attr) if (r.li_attr.hasOwnProperty(d)) { if ("id" === d) continue; "class" !== d ? t.setAttribute(d, r.li_attr[d]) :_ += r.li_attr[d]; } p && "false" !== p && t.setAttribute("aria-selected", !0), r.state.loaded && !r.children.length ? _ += " jstree-leaf" :(_ += r.state.opened && r.state.loaded ? " jstree-open" :" jstree-closed", t.setAttribute("aria-expanded", r.state.opened && r.state.loaded)), null !== r.parent && g[r.parent].children[g[r.parent].children.length - 1] === r.id && (_ += " jstree-last"), t.id = r.id, t.className = _, _ = (r.state.selected ? " jstree-clicked" :"") + (r.state.disabled ? " jstree-disabled" :""); for (c in r.a_attr) if (r.a_attr.hasOwnProperty(c)) { if ("href" === c && "#" === r.a_attr[c]) continue; "class" !== c ? t.childNodes[1].setAttribute(c, r.a_attr[c]) :_ += " " + r.a_attr[c]; } if (_.length && (t.childNodes[1].className = "jstree-anchor " + _), (r.icon && r.icon !== !0 || r.icon === !1) && (r.icon === !1 ? t.childNodes[1].childNodes[0].className += " jstree-themeicon-hidden" :-1 === r.icon.indexOf("/") && -1 === r.icon.indexOf(".") ? t.childNodes[1].childNodes[0].className += " " + r.icon + " jstree-themeicon-custom" :(t.childNodes[1].childNodes[0].style.backgroundImage = "url(" + r.icon + ")", t.childNodes[1].childNodes[0].style.backgroundPosition = "center center", t.childNodes[1].childNodes[0].style.backgroundSize = "auto", t.childNodes[1].childNodes[0].className += " jstree-themeicon-custom")), t.childNodes[1].innerHTML += r.text, i && r.children.length && r.state.opened && r.state.loaded) { for (h = u.createElement("UL"), h.setAttribute("role", "group"), h.className = "jstree-children", d = 0, c = r.children.length; c > d; d++) h.appendChild(this.redraw_node(r.children[d], i, !0)); t.appendChild(h); } return o && t.appendChild(o), n || (s || (s = this.element[0]), s.getElementsByTagName("UL").length ? s = s.getElementsByTagName("UL")[0] :(d = u.createElement("UL"), d.setAttribute("role", "group"), d.className = "jstree-children", s.appendChild(d), s = d), s.childNodes.length > a ? s.insertBefore(t, s.childNodes[a]) :s.appendChild(t), f && t.childNodes[1].focus()), r.state.opened && !r.state.loaded && (r.state.opened = !1, setTimeout(e.proxy(function() { this.open_node(r.id, !1, 0); }, this), 0)), t; }, open_node:function(i, n, r) { var s, a, o, d; if (e.isArray(i)) { for (i = i.slice(), s = 0, a = i.length; a > s; s++) this.open_node(i[s], n, r); return !0; } if (i = this.get_node(i), !i || "#" === i.id) return !1; if (r = r === t ? this.settings.core.animation :r, !this.is_closed(i)) return n && n.call(this, i, !1), !1; if (this.is_loaded(i)) o = this.get_node(i, !0), d = this, o.length && (i.children.length && !this._firstChild(o.children("ul")[0]) && (i.state.opened = !0, this.redraw_node(i, !0), o = this.get_node(i, !0)), r ? (this.trigger("before_open", { node:i }), o.children("ul").css("display", "none").end().removeClass("jstree-closed").addClass("jstree-open").attr("aria-expanded", !0).children("ul").stop(!0, !0).slideDown(r, function() { this.style.display = "", d.trigger("after_open", { node:i }); })) :(this.trigger("before_open", { node:i }), o[0].className = o[0].className.replace("jstree-closed", "jstree-open"), o[0].setAttribute("aria-expanded", !0))), i.state.opened = !0, n && n.call(this, i, !0), o.length || this.trigger("before_open", { node:i }), this.trigger("open_node", { node:i }), r && o.length || this.trigger("after_open", { node:i }); else { if (this.is_loading(i)) return setTimeout(e.proxy(function() { this.open_node(i, n, r); }, this), 500); this.load_node(i, function(e, t) { return t ? this.open_node(e, n, r) :n ? n.call(this, e, !1) :!1; }); } }, _open_to:function(t) { if (t = this.get_node(t), !t || "#" === t.id) return !1; var i, n, r = t.parents; for (i = 0, n = r.length; n > i; i += 1) "#" !== i && this.open_node(r[i], !1, 0); return e("#" + t.id.replace(e.jstree.idregex, "\\$&"), this.element); }, close_node:function(i, n) { var r, s, a, o; if (e.isArray(i)) { for (i = i.slice(), r = 0, s = i.length; s > r; r++) this.close_node(i[r], n); return !0; } return i = this.get_node(i), i && "#" !== i.id ? this.is_closed(i) ? !1 :(n = n === t ? this.settings.core.animation :n, a = this, o = this.get_node(i, !0), o.length && (n ? o.children("ul").attr("style", "display:block !important").end().removeClass("jstree-open").addClass("jstree-closed").attr("aria-expanded", !1).children("ul").stop(!0, !0).slideUp(n, function() { this.style.display = "", o.children("ul").remove(), a.trigger("after_close", { node:i }); }) :(o[0].className = o[0].className.replace("jstree-open", "jstree-closed"), o.attr("aria-expanded", !1).children("ul").remove())), i.state.opened = !1, this.trigger("close_node", { node:i }), n && o.length || this.trigger("after_close", { node:i }), t) :!1; }, toggle_node:function(i) { var n, r; if (e.isArray(i)) { for (i = i.slice(), n = 0, r = i.length; r > n; n++) this.toggle_node(i[n]); return !0; } return this.is_closed(i) ? this.open_node(i) :this.is_open(i) ? this.close_node(i) :t; }, open_all:function(e, t, i) { if (e || (e = "#"), e = this.get_node(e), !e) return !1; var n = "#" === e.id ? this.get_container_ul() :this.get_node(e, !0), r, s, a; if (!n.length) { for (r = 0, s = e.children_d.length; s > r; r++) this.is_closed(this._model.data[e.children_d[r]]) && (this._model.data[e.children_d[r]].state.opened = !0); return this.trigger("open_all", { node:e }); } i = i || n, a = this, n = this.is_closed(e) ? n.find("li.jstree-closed").addBack() :n.find("li.jstree-closed"), n.each(function() { a.open_node(this, function(e, n) { n && this.is_parent(e) && this.open_all(e, t, i); }, t || 0); }), 0 === i.find("li.jstree-closed").length && this.trigger("open_all", { node:this.get_node(i) }); }, close_all:function(t, i) { if (t || (t = "#"), t = this.get_node(t), !t) return !1; var n = "#" === t.id ? this.get_container_ul() :this.get_node(t, !0), r = this, s, a; if (!n.length) { for (s = 0, a = t.children_d.length; a > s; s++) this._model.data[t.children_d[s]].state.opened = !1; return this.trigger("close_all", { node:t }); } n = this.is_open(t) ? n.find("li.jstree-open").addBack() :n.find("li.jstree-open"), e(n.get().reverse()).each(function() { r.close_node(this, i || 0); }), this.trigger("close_all", { node:t }); }, is_disabled:function(e) { return e = this.get_node(e), e && e.state && e.state.disabled; }, enable_node:function(i) { var n, r; if (e.isArray(i)) { for (i = i.slice(), n = 0, r = i.length; r > n; n++) this.enable_node(i[n]); return !0; } return i = this.get_node(i), i && "#" !== i.id ? (i.state.disabled = !1, this.get_node(i, !0).children(".jstree-anchor").removeClass("jstree-disabled"), this.trigger("enable_node", { node:i }), t) :!1; }, disable_node:function(i) { var n, r; if (e.isArray(i)) { for (i = i.slice(), n = 0, r = i.length; r > n; n++) this.disable_node(i[n]); return !0; } return i = this.get_node(i), i && "#" !== i.id ? (i.state.disabled = !0, this.get_node(i, !0).children(".jstree-anchor").addClass("jstree-disabled"), this.trigger("disable_node", { node:i }), t) :!1; }, activate_node:function(e, i) { if (this.is_disabled(e)) return !1; if (this._data.core.last_clicked = this._data.core.last_clicked && this._data.core.last_clicked.id !== t ? this.get_node(this._data.core.last_clicked.id) :null, this._data.core.last_clicked && !this._data.core.last_clicked.state.selected && (this._data.core.last_clicked = null), !this._data.core.last_clicked && this._data.core.selected.length && (this._data.core.last_clicked = this.get_node(this._data.core.selected[this._data.core.selected.length - 1])), this.settings.core.multiple && (i.metaKey || i.ctrlKey || i.shiftKey) && (!i.shiftKey || this._data.core.last_clicked && this.get_parent(e) && this.get_parent(e) === this._data.core.last_clicked.parent)) if (i.shiftKey) { var n = this.get_node(e).id, r = this._data.core.last_clicked.id, s = this.get_node(this._data.core.last_clicked.parent).children, a = !1, o, d; for (o = 0, d = s.length; d > o; o += 1) s[o] === n && (a = !a), s[o] === r && (a = !a), a || s[o] === n || s[o] === r ? this.select_node(s[o], !1, !1, i) :this.deselect_node(s[o], !1, !1, i); } else this.is_selected(e) ? this.deselect_node(e, !1, !1, i) :this.select_node(e, !1, !1, i); else !this.settings.core.multiple && (i.metaKey || i.ctrlKey || i.shiftKey) && this.is_selected(e) ? this.deselect_node(e, !1, !1, i) :(this.deselect_all(!0), this.select_node(e, !1, !1, i), this._data.core.last_clicked = this.get_node(e)); this.trigger("activate_node", { node:this.get_node(e) }); }, hover_node:function(e) { if (e = this.get_node(e, !0), !e || !e.length || e.children(".jstree-hovered").length) return !1; var t = this.element.find(".jstree-hovered"), i = this.element; t && t.length && this.dehover_node(t), e.children(".jstree-anchor").addClass("jstree-hovered"), this.trigger("hover_node", { node:this.get_node(e) }), setTimeout(function() { i.attr("aria-activedescendant", e[0].id), e.attr("aria-selected", !0); }, 0); }, dehover_node:function(e) { return e = this.get_node(e, !0), e && e.length && e.children(".jstree-hovered").length ? (e.attr("aria-selected", !1).children(".jstree-anchor").removeClass("jstree-hovered"), this.trigger("dehover_node", { node:this.get_node(e) }), t) :!1; }, select_node:function(i, n, r, s) { var a, o, d, l; if (e.isArray(i)) { for (i = i.slice(), o = 0, d = i.length; d > o; o++) this.select_node(i[o], n, r, s); return !0; } return i = this.get_node(i), i && "#" !== i.id ? (a = this.get_node(i, !0), i.state.selected || (i.state.selected = !0, this._data.core.selected.push(i.id), r || (a = this._open_to(i)), a && a.length && a.children(".jstree-anchor").addClass("jstree-clicked"), this.trigger("select_node", { node:i, selected:this._data.core.selected, event:s }), n || this.trigger("changed", { action:"select_node", node:i, selected:this._data.core.selected, event:s })), t) :!1; }, deselect_node:function(i, n, r) { var s, a, o; if (e.isArray(i)) { for (i = i.slice(), s = 0, a = i.length; a > s; s++) this.deselect_node(i[s], n, r); return !0; } return i = this.get_node(i), i && "#" !== i.id ? (o = this.get_node(i, !0), i.state.selected && (i.state.selected = !1, this._data.core.selected = e.vakata.array_remove_item(this._data.core.selected, i.id), o.length && o.children(".jstree-anchor").removeClass("jstree-clicked"), this.trigger("deselect_node", { node:i, selected:this._data.core.selected, event:r }), n || this.trigger("changed", { action:"deselect_node", node:i, selected:this._data.core.selected, event:r })), t) :!1; }, select_all:function(e) { var t = this._data.core.selected.concat([]), i, n; for (this._data.core.selected = this._model.data["#"].children_d.concat(), i = 0, n = this._data.core.selected.length; n > i; i++) this._model.data[this._data.core.selected[i]] && (this._model.data[this._data.core.selected[i]].state.selected = !0); this.redraw(!0), this.trigger("select_all", { selected:this._data.core.selected }), e || this.trigger("changed", { action:"select_all", selected:this._data.core.selected, old_selection:t }); }, deselect_all:function(e) { var t = this._data.core.selected.concat([]), i, n; for (i = 0, n = this._data.core.selected.length; n > i; i++) this._model.data[this._data.core.selected[i]] && (this._model.data[this._data.core.selected[i]].state.selected = !1); this._data.core.selected = [], this.element.find(".jstree-clicked").removeClass("jstree-clicked"), this.trigger("deselect_all", { selected:this._data.core.selected, node:t }), e || this.trigger("changed", { action:"deselect_all", selected:this._data.core.selected, old_selection:t }); }, is_selected:function(e) { return e = this.get_node(e), e && "#" !== e.id ? e.state.selected :!1; }, get_selected:function(t) { return t ? e.map(this._data.core.selected, e.proxy(function(e) { return this.get_node(e); }, this)) :this._data.core.selected; }, get_top_selected:function(t) { var i = this.get_selected(!0), n = {}, r, s, a, o; for (r = 0, s = i.length; s > r; r++) n[i[r].id] = i[r]; for (r = 0, s = i.length; s > r; r++) for (a = 0, o = i[r].children_d.length; o > a; a++) n[i[r].children_d[a]] && delete n[i[r].children_d[a]]; i = []; for (r in n) n.hasOwnProperty(r) && i.push(r); return t ? e.map(i, e.proxy(function(e) { return this.get_node(e); }, this)) :i; }, get_bottom_selected:function(t) { var i = this.get_selected(!0), n = [], r, s; for (r = 0, s = i.length; s > r; r++) i[r].children.length || n.push(i[r].id); return t ? e.map(n, e.proxy(function(e) { return this.get_node(e); }, this)) :n; }, get_state:function() { var e = { core:{ open:[], scroll:{ left:this.element.scrollLeft(), top:this.element.scrollTop() }, selected:[] } }, t; for (t in this._model.data) this._model.data.hasOwnProperty(t) && "#" !== t && (this._model.data[t].state.opened && e.core.open.push(t), this._model.data[t].state.selected && e.core.selected.push(t)); return e; }, set_state:function(i, n) { if (i) { if (i.core) { var r, s, a, o; if (i.core.open) return e.isArray(i.core.open) ? (r = !0, s = !1, a = this, e.each(i.core.open.concat([]), function(t, o) { s = a.get_node(o), s && (a.is_loaded(o) ? (a.is_closed(o) && a.open_node(o, !1, 0), i && i.core && i.core.open && e.vakata.array_remove_item(i.core.open, o)) :(a.is_loading(o) || a.open_node(o, e.proxy(function(t, r) { !r && i && i.core && i.core.open && e.vakata.array_remove_item(i.core.open, t.id), this.set_state(i, n); }, a), 0), r = !1)); }), r && (delete i.core.open, this.set_state(i, n)), !1) :(delete i.core.open, this.set_state(i, n), !1); if (i.core.scroll) return i.core.scroll && i.core.scroll.left !== t && this.element.scrollLeft(i.core.scroll.left), i.core.scroll && i.core.scroll.top !== t && this.element.scrollTop(i.core.scroll.top), delete i.core.scroll, this.set_state(i, n), !1; if (i.core.selected) return o = this, this.deselect_all(), e.each(i.core.selected, function(e, t) { o.select_node(t); }), delete i.core.selected, this.set_state(i, n), !1; if (e.isEmptyObject(i.core)) return delete i.core, this.set_state(i, n), !1; } return e.isEmptyObject(i) ? (i = null, n && n.call(this), this.trigger("set_state"), !1) :!0; } return !1; }, refresh:function(t) { this._data.core.state = this.get_state(), this._cnt = 0, this._model.data = { "#":{ id:"#", parent:null, parents:[], children:[], children_d:[], state:{ loaded:!1 } } }; var i = this.get_container_ul()[0].className; t || this.element.html(""), this.load_node("#", function(t, n) { n && (this.get_container_ul()[0].className = i, this.set_state(e.extend(!0, {}, this._data.core.state), function() { this.trigger("refresh"); })), this._data.core.state = null; }); }, refresh_node:function(t) { if (t = this.get_node(t), !t || "#" === t.id) return !1; var i = [], n = this._data.core.selected.concat([]); t.state.opened === !0 && i.push(t.id), this.get_node(t, !0).find(".jstree-open").each(function() { i.push(this.id); }), this._load_nodes(i, e.proxy(function(e) { this.open_node(e, !1, 0), this.select_node(this._data.core.selected), this.trigger("refresh_node", { node:t, nodes:e }); }, this)); }, set_id:function(t, i) { if (t = this.get_node(t), !t || "#" === t.id) return !1; var n, r, s = this._model.data; for (i = "" + i, s[t.parent].children[e.inArray(t.id, s[t.parent].children)] = i, n = 0, r = t.parents.length; r > n; n++) s[t.parents[n]].children_d[e.inArray(t.id, s[t.parents[n]].children_d)] = i; for (n = 0, r = t.children.length; r > n; n++) s[t.children[n]].parent = i; for (n = 0, r = t.children_d.length; r > n; n++) s[t.children_d[n]].parents[e.inArray(t.id, s[t.children_d[n]].parents)] = i; return n = e.inArray(t.id, this._data.core.selected), -1 !== n && (this._data.core.selected[n] = i), n = this.get_node(t.id, !0), n && n.attr("id", i), delete s[t.id], t.id = i, s[i] = t, !0; }, get_text:function(e) { return e = this.get_node(e), e && "#" !== e.id ? e.text :!1; }, set_text:function(t, i) { var n, r, s, a; if (e.isArray(t)) { for (t = t.slice(), n = 0, r = t.length; r > n; n++) this.set_text(t[n], i); return !0; } return t = this.get_node(t), t && "#" !== t.id ? (t.text = i, s = this.get_node(t, !0), s.length && (s = s.children(".jstree-anchor:eq(0)"), a = s.children("I").clone(), s.html(i).prepend(a), this.trigger("set_text", { obj:t, text:i })), !0) :!1; }, get_json:function(e, t, i) { if (e = this.get_node(e || "#"), !e) return !1; t && t.flat && !i && (i = []); var n = { id:e.id, text:e.text, icon:this.get_icon(e), li_attr:e.li_attr, a_attr:e.a_attr, state:{}, data:t && t.no_data ? !1 :e.data }, r, s; if (t && t.flat ? n.parent = e.parent :n.children = [], !t || !t.no_state) for (r in e.state) e.state.hasOwnProperty(r) && (n.state[r] = e.state[r]); if (t && t.no_id && (delete n.id, n.li_attr && n.li_attr.id && delete n.li_attr.id), t && t.flat && "#" !== e.id && i.push(n), !t || !t.no_children) for (r = 0, s = e.children.length; s > r; r++) t && t.flat ? this.get_json(e.children[r], t, i) :n.children.push(this.get_json(e.children[r], t)); return t && t.flat ? i :"#" === e.id ? n.children :n; }, create_node:function(i, n, r, s, a) { if (null === i && (i = "#"), i = this.get_node(i), !i) return !1; if (r = r === t ? "last" :r, !("" + r).match(/^(before|after)$/) && !a && !this.is_loaded(i)) return this.load_node(i, function() { this.create_node(i, n, r, s, !0); }); n || (n = { text:this.get_string("New node") }), n.text === t && (n.text = this.get_string("New node")); var o, d, l, c; switch ("#" === i.id && ("before" === r && (r = "first"), "after" === r && (r = "last")), r) { case "before": o = this.get_node(i.parent), r = e.inArray(i.id, o.children), i = o; break; case "after": o = this.get_node(i.parent), r = e.inArray(i.id, o.children) + 1, i = o; break; case "inside": case "first": r = 0; break; case "last": r = i.children.length; break; default: r || (r = 0); } if (r > i.children.length && (r = i.children.length), n.id || (n.id = !0), !this.check("create_node", n, i, r)) return this.settings.core.error.call(this, this._data.core.last_error), !1; if (n.id === !0 && delete n.id, n = this._parse_model_from_json(n, i.id, i.parents.concat()), !n) return !1; for (o = this.get_node(n), d = [], d.push(n), d = d.concat(o.children_d), this.trigger("model", { nodes:d, parent:i.id }), i.children_d = i.children_d.concat(d), l = 0, c = i.parents.length; c > l; l++) this._model.data[i.parents[l]].children_d = this._model.data[i.parents[l]].children_d.concat(d); for (n = o, o = [], l = 0, c = i.children.length; c > l; l++) o[l >= r ? l + 1 :l] = i.children[l]; return o[r] = n.id, i.children = o, this.redraw_node(i, !0), s && s.call(this, this.get_node(n)), this.trigger("create_node", { node:this.get_node(n), parent:i.id, position:r }), n.id; }, rename_node:function(t, i) { var n, r, s; if (e.isArray(t)) { for (t = t.slice(), n = 0, r = t.length; r > n; n++) this.rename_node(t[n], i); return !0; } return t = this.get_node(t), t && "#" !== t.id ? (s = t.text, this.check("rename_node", t, this.get_parent(t), i) ? (this.set_text(t, i), this.trigger("rename_node", { node:t, text:i, old:s }), !0) :(this.settings.core.error.call(this, this._data.core.last_error), !1)) :!1; }, delete_node:function(t) { var i, n, r, s, a, o, d, l, c, h; if (e.isArray(t)) { for (t = t.slice(), i = 0, n = t.length; n > i; i++) this.delete_node(t[i]); return !0; } if (t = this.get_node(t), !t || "#" === t.id) return !1; if (r = this.get_node(t.parent), s = e.inArray(t.id, r.children), h = !1, !this.check("delete_node", t, r, s)) return this.settings.core.error.call(this, this._data.core.last_error), !1; for (-1 !== s && (r.children = e.vakata.array_remove(r.children, s)), a = t.children_d.concat([]), a.push(t.id), l = 0, c = a.length; c > l; l++) { for (o = 0, d = t.parents.length; d > o; o++) s = e.inArray(a[l], this._model.data[t.parents[o]].children_d), -1 !== s && (this._model.data[t.parents[o]].children_d = e.vakata.array_remove(this._model.data[t.parents[o]].children_d, s)); this._model.data[a[l]].state.selected && (h = !0, s = e.inArray(a[l], this._data.core.selected), -1 !== s && (this._data.core.selected = e.vakata.array_remove(this._data.core.selected, s))); } for (this.trigger("delete_node", { node:t, parent:r.id }), h && this.trigger("changed", { action:"delete_node", node:t, selected:this._data.core.selected, parent:r.id }), l = 0, c = a.length; c > l; l++) delete this._model.data[a[l]]; return this.redraw_node(r, !0), !0; }, check:function(t, i, n, r, s) { i = i && i.id ? i :this.get_node(i), n = n && n.id ? n :this.get_node(n); var a = t.match(/^move_node|copy_node|create_node$/i) ? n :i, o = this.settings.core.check_callback; return "move_node" !== t && "copy_node" !== t || s && s.is_multi || i.id !== n.id && e.inArray(i.id, n.children) !== r && -1 === e.inArray(n.id, i.children_d) ? (a && a.data && (a = a.data), a && a.functions && (a.functions[t] === !1 || a.functions[t] === !0) ? (a.functions[t] === !1 && (this._data.core.last_error = { error:"check", plugin:"core", id:"core_02", reason:"Node data prevents function: " + t, data:JSON.stringify({ chk:t, pos:r, obj:i && i.id ? i.id :!1, par:n && n.id ? n.id :!1 }) }), a.functions[t]) :o === !1 || e.isFunction(o) && o.call(this, t, i, n, r, s) === !1 || o && o[t] === !1 ? (this._data.core.last_error = { error:"check", plugin:"core", id:"core_03", reason:"User config for core.check_callback prevents function: " + t, data:JSON.stringify({ chk:t, pos:r, obj:i && i.id ? i.id :!1, par:n && n.id ? n.id :!1 }) }, !1) :!0) :(this._data.core.last_error = { error:"check", plugin:"core", id:"core_01", reason:"Moving parent inside child", data:JSON.stringify({ chk:t, pos:r, obj:i && i.id ? i.id :!1, par:n && n.id ? n.id :!1 }) }, !1); }, last_error:function() { return this._data.core.last_error; }, move_node:function(i, n, r, s, a) { var o, d, l, c, h, _, u, g, f, p, m, v, y; if (e.isArray(i)) { for (i = i.reverse().slice(), o = 0, d = i.length; d > o; o++) this.move_node(i[o], n, r, s, a); return !0; } if (i = i && i.id ? i :this.get_node(i), n = this.get_node(n), r = r === t ? 0 :r, !n || !i || "#" === i.id) return !1; if (!("" + r).match(/^(before|after)$/) && !a && !this.is_loaded(n)) return this.load_node(n, function() { this.move_node(i, n, r, s, !0); }); if (l = "" + (i.parent || "#"), c = ("" + r).match(/^(before|after)$/) && "#" !== n.id ? this.get_node(n.parent) :n, h = i.instance ? i.instance :this._model.data[i.id] ? this :e.jstree.reference(i.id), _ = !h || !h._id || this._id !== h._id) return this.copy_node(i, n, r, s, a) ? (h && h.delete_node(i), !0) :!1; switch ("#" === c.id && ("before" === r && (r = "first"), "after" === r && (r = "last")), r) { case "before": r = e.inArray(n.id, c.children); break; case "after": r = e.inArray(n.id, c.children) + 1; break; case "inside": case "first": r = 0; break; case "last": r = c.children.length; break; default: r || (r = 0); } if (r > c.children.length && (r = c.children.length), !this.check("move_node", i, c, r, { core:!0, is_multi:h && h._id && h._id !== this._id, is_foreign:!h || !h._id })) return this.settings.core.error.call(this, this._data.core.last_error), !1; if (i.parent === c.id) { for (u = c.children.concat(), g = e.inArray(i.id, u), -1 !== g && (u = e.vakata.array_remove(u, g), r > g && r--), g = [], f = 0, p = u.length; p > f; f++) g[f >= r ? f + 1 :f] = u[f]; g[r] = i.id, c.children = g, this._node_changed(c.id), this.redraw("#" === c.id); } else { for (g = i.children_d.concat(), g.push(i.id), f = 0, p = i.parents.length; p > f; f++) { for (u = [], y = h._model.data[i.parents[f]].children_d, m = 0, v = y.length; v > m; m++) -1 === e.inArray(y[m], g) && u.push(y[m]); h._model.data[i.parents[f]].children_d = u; } for (h._model.data[l].children = e.vakata.array_remove_item(h._model.data[l].children, i.id), f = 0, p = c.parents.length; p > f; f++) this._model.data[c.parents[f]].children_d = this._model.data[c.parents[f]].children_d.concat(g); for (u = [], f = 0, p = c.children.length; p > f; f++) u[f >= r ? f + 1 :f] = c.children[f]; for (u[r] = i.id, c.children = u, c.children_d.push(i.id), c.children_d = c.children_d.concat(i.children_d), i.parent = c.id, g = c.parents.concat(), g.unshift(c.id), y = i.parents.length, i.parents = g, g = g.concat(), f = 0, p = i.children_d.length; p > f; f++) this._model.data[i.children_d[f]].parents = this._model.data[i.children_d[f]].parents.slice(0, -1 * y), Array.prototype.push.apply(this._model.data[i.children_d[f]].parents, g); this._node_changed(l), this._node_changed(c.id), this.redraw("#" === l || "#" === c.id); } return s && s.call(this, i, c, r), this.trigger("move_node", { node:i, parent:c.id, position:r, old_parent:l, is_multi:h && h._id && h._id !== this._id, is_foreign:!h || !h._id, old_instance:h, new_instance:this }), !0; }, copy_node:function(i, n, r, s, a) { var o, d, l, c, h, _, u, g, f, p, m; if (e.isArray(i)) { for (i = i.reverse().slice(), o = 0, d = i.length; d > o; o++) this.copy_node(i[o], n, r, s, a); return !0; } if (i = i && i.id ? i :this.get_node(i), n = this.get_node(n), r = r === t ? 0 :r, !n || !i || "#" === i.id) return !1; if (!("" + r).match(/^(before|after)$/) && !a && !this.is_loaded(n)) return this.load_node(n, function() { this.copy_node(i, n, r, s, !0); }); switch (g = "" + (i.parent || "#"), f = ("" + r).match(/^(before|after)$/) && "#" !== n.id ? this.get_node(n.parent) :n, p = i.instance ? i.instance :this._model.data[i.id] ? this :e.jstree.reference(i.id), m = !p || !p._id || this._id !== p._id, "#" === f.id && ("before" === r && (r = "first"), "after" === r && (r = "last")), r) { case "before": r = e.inArray(n.id, f.children); break; case "after": r = e.inArray(n.id, f.children) + 1; break; case "inside": case "first": r = 0; break; case "last": r = f.children.length; break; default: r || (r = 0); } if (r > f.children.length && (r = f.children.length), !this.check("copy_node", i, f, r, { core:!0, is_multi:p && p._id && p._id !== this._id, is_foreign:!p || !p._id })) return this.settings.core.error.call(this, this._data.core.last_error), !1; if (u = p ? p.get_json(i, { no_id:!0, no_data:!0, no_state:!0 }) :i, !u) return !1; if (u.id === !0 && delete u.id, u = this._parse_model_from_json(u, f.id, f.parents.concat()), !u) return !1; for (c = this.get_node(u), i && i.state && i.state.loaded === !1 && (c.state.loaded = !1), l = [], l.push(u), l = l.concat(c.children_d), this.trigger("model", { nodes:l, parent:f.id }), h = 0, _ = f.parents.length; _ > h; h++) this._model.data[f.parents[h]].children_d = this._model.data[f.parents[h]].children_d.concat(l); for (l = [], h = 0, _ = f.children.length; _ > h; h++) l[h >= r ? h + 1 :h] = f.children[h]; return l[r] = c.id, f.children = l, f.children_d.push(c.id), f.children_d = f.children_d.concat(c.children_d), this._node_changed(f.id), this.redraw("#" === f.id), s && s.call(this, c, f, r), this.trigger("copy_node", { node:c, original:i, parent:f.id, position:r, old_parent:g, is_multi:p && p._id && p._id !== this._id, is_foreign:!p || !p._id, old_instance:p, new_instance:this }), c.id; }, cut:function(i) { if (i || (i = this._data.core.selected.concat()), e.isArray(i) || (i = [ i ]), !i.length) return !1; var a = [], o, d, l; for (d = 0, l = i.length; l > d; d++) o = this.get_node(i[d]), o && o.id && "#" !== o.id && a.push(o); return a.length ? (n = a, s = this, r = "move_node", this.trigger("cut", { node:i }), t) :!1; }, copy:function(i) { if (i || (i = this._data.core.selected.concat()), e.isArray(i) || (i = [ i ]), !i.length) return !1; var a = [], o, d, l; for (d = 0, l = i.length; l > d; d++) o = this.get_node(i[d]), o && o.id && "#" !== o.id && a.push(o); return a.length ? (n = a, s = this, r = "copy_node", this.trigger("copy", { node:i }), t) :!1; }, get_buffer:function() { return { mode:r, node:n, inst:s }; }, can_paste:function() { return r !== !1 && n !== !1; }, paste:function(e, i) { return e = this.get_node(e), e && r && r.match(/^(copy_node|move_node)$/) && n ? (this[r](n, e, i) && this.trigger("paste", { parent:e.id, node:n, mode:r }), n = !1, r = !1, s = !1, t) :!1; }, edit:function(i, n) { if (i = this._open_to(i), !i || !i.length) return !1; var r = this._data.core.rtl, s = this.element.width(), a = i.children(".jstree-anchor"), o = e(""), d = "string" == typeof n ? n :this.get_text(i), l = e("
    ", { css:{ position:"absolute", top:"-200px", left:r ? "0px" :"-1000px", visibility:"hidden" } }).appendTo("body"), c = e("", { value:d, "class":"jstree-rename-input", css:{ padding:"0", border:"1px solid silver", "box-sizing":"border-box", display:"inline-block", height:this._data.core.li_height + "px", lineHeight:this._data.core.li_height + "px", width:"150px" }, blur:e.proxy(function() { var e = o.children(".jstree-rename-input"), t = e.val(); "" === t && (t = d), l.remove(), o.replaceWith(a), o.remove(), this.set_text(i, d), this.rename_node(i, t) === !1 && this.set_text(i, d); }, this), keydown:function(e) { var t = e.which; 27 === t && (this.value = d), (27 === t || 13 === t || 37 === t || 38 === t || 39 === t || 40 === t || 32 === t) && e.stopImmediatePropagation(), (27 === t || 13 === t) && (e.preventDefault(), this.blur()); }, click:function(e) { e.stopImmediatePropagation(); }, mousedown:function(e) { e.stopImmediatePropagation(); }, keyup:function(e) { c.width(Math.min(l.text("pW" + this.value).width(), s)); }, keypress:function(e) { return 13 === e.which ? !1 :t; } }), h = { fontFamily:a.css("fontFamily") || "", fontSize:a.css("fontSize") || "", fontWeight:a.css("fontWeight") || "", fontStyle:a.css("fontStyle") || "", fontStretch:a.css("fontStretch") || "", fontVariant:a.css("fontVariant") || "", letterSpacing:a.css("letterSpacing") || "", wordSpacing:a.css("wordSpacing") || "" }; this.set_text(i, ""), o.attr("class", a.attr("class")).append(a.contents().clone()).append(c), a.replaceWith(o), l.css(h), c.css(h).width(Math.min(l.text("pW" + c[0].value).width(), s))[0].select(); }, set_theme:function(t, i) { if (!t) return !1; if (i === !0) { var n = this.settings.core.themes.dir; n || (n = e.jstree.path + "/themes"), i = n + "/" + t + "/style.css"; } i && -1 === e.inArray(i, a) && (e("head").append(''), a.push(i)), this._data.core.themes.name && this.element.removeClass("jstree-" + this._data.core.themes.name), this._data.core.themes.name = t, this.element.addClass("jstree-" + t), this.element[this.settings.core.themes.responsive ? "addClass" :"removeClass"]("jstree-" + t + "-responsive"), this.trigger("set_theme", { theme:t }); }, get_theme:function() { return this._data.core.themes.name; }, set_theme_variant:function(e) { this._data.core.themes.variant && this.element.removeClass("jstree-" + this._data.core.themes.name + "-" + this._data.core.themes.variant), this._data.core.themes.variant = e, e && this.element.addClass("jstree-" + this._data.core.themes.name + "-" + this._data.core.themes.variant); }, get_theme_variant:function() { return this._data.core.themes.variant; }, show_stripes:function() { this._data.core.themes.stripes = !0, this.get_container_ul().addClass("jstree-striped"); }, hide_stripes:function() { this._data.core.themes.stripes = !1, this.get_container_ul().removeClass("jstree-striped"); }, toggle_stripes:function() { this._data.core.themes.stripes ? this.hide_stripes() :this.show_stripes(); }, show_dots:function() { this._data.core.themes.dots = !0, this.get_container_ul().removeClass("jstree-no-dots"); }, hide_dots:function() { this._data.core.themes.dots = !1, this.get_container_ul().addClass("jstree-no-dots"); }, toggle_dots:function() { this._data.core.themes.dots ? this.hide_dots() :this.show_dots(); }, show_icons:function() { this._data.core.themes.icons = !0, this.get_container_ul().removeClass("jstree-no-icons"); }, hide_icons:function() { this._data.core.themes.icons = !1, this.get_container_ul().addClass("jstree-no-icons"); }, toggle_icons:function() { this._data.core.themes.icons ? this.hide_icons() :this.show_icons(); }, set_icon:function(t, i) { var n, r, s, a; if (e.isArray(t)) { for (t = t.slice(), n = 0, r = t.length; r > n; n++) this.set_icon(t[n], i); return !0; } return t = this.get_node(t), t && "#" !== t.id ? (a = t.icon, t.icon = i, s = this.get_node(t, !0).children(".jstree-anchor").children(".jstree-themeicon"), i === !1 ? this.hide_icon(t) :i === !0 ? s.removeClass("jstree-themeicon-custom " + a).css("background", "").removeAttr("rel") :-1 === i.indexOf("/") && -1 === i.indexOf(".") ? (s.removeClass(a).css("background", ""), s.addClass(i + " jstree-themeicon-custom").attr("rel", i)) :(s.removeClass(a).css("background", ""), s.addClass("jstree-themeicon-custom").css("background", "url('" + i + "') center center no-repeat").attr("rel", i)), !0) :!1; }, get_icon:function(e) { return e = this.get_node(e), e && "#" !== e.id ? e.icon :!1; }, hide_icon:function(t) { var i, n; if (e.isArray(t)) { for (t = t.slice(), i = 0, n = t.length; n > i; i++) this.hide_icon(t[i]); return !0; } return t = this.get_node(t), t && "#" !== t ? (t.icon = !1, this.get_node(t, !0).children("a").children(".jstree-themeicon").addClass("jstree-themeicon-hidden"), !0) :!1; }, show_icon:function(t) { var i, n, r; if (e.isArray(t)) { for (t = t.slice(), i = 0, n = t.length; n > i; i++) this.show_icon(t[i]); return !0; } return t = this.get_node(t), t && "#" !== t ? (r = this.get_node(t, !0), t.icon = r.length ? r.children("a").children(".jstree-themeicon").attr("rel") :!0, t.icon || (t.icon = !0), r.children("a").children(".jstree-themeicon").removeClass("jstree-themeicon-hidden"), !0) :!1; } }, e.vakata = {}, e.vakata.attributes = function(t, i) { t = e(t)[0]; var n = i ? {} :[]; return t && t.attributes && e.each(t.attributes, function(t, r) { -1 === e.inArray(r.nodeName.toLowerCase(), [ "style", "contenteditable", "hasfocus", "tabindex" ]) && null !== r.nodeValue && "" !== e.trim(r.nodeValue) && (i ? n[r.nodeName] = r.nodeValue :n.push(r.nodeName)); }), n; }, e.vakata.array_unique = function(e) { var t = [], i, n, r; for (i = 0, r = e.length; r > i; i++) { for (n = 0; i >= n; n++) if (e[i] === e[n]) break; n === i && t.push(e[i]); } return t; }, e.vakata.array_remove = function(e, t, i) { var n = e.slice((i || t) + 1 || e.length); return e.length = 0 > t ? e.length + t :t, e.push.apply(e, n), e; }, e.vakata.array_remove_item = function(t, i) { var n = e.inArray(i, t); return -1 !== n ? e.vakata.array_remove(t, n) :t; }, function() { var t = {}, i = function(e) { e = e.toLowerCase(); var t = /(chrome)[ \/]([\w.]+)/.exec(e) || /(webkit)[ \/]([\w.]+)/.exec(e) || /(opera)(?:.*version|)[ \/]([\w.]+)/.exec(e) || /(msie) ([\w.]+)/.exec(e) || 0 > e.indexOf("compatible") && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(e) || []; return { browser:t[1] || "", version:t[2] || "0" }; }, n = i(window.navigator.userAgent); n.browser && (t[n.browser] = !0, t.version = n.version), t.chrome ? t.webkit = !0 :t.webkit && (t.safari = !0), e.vakata.browser = t; }(), e.vakata.browser.msie && 8 > e.vakata.browser.version && (e.jstree.defaults.core.animation = 0); var _ = document.createElement("I"); _.className = "jstree-icon jstree-checkbox", e.jstree.defaults.checkbox = { visible:!0, three_state:!0, whole_node:!0, keep_selected_style:!0 }, e.jstree.plugins.checkbox = function(t, i) { this.bind = function() { i.bind.call(this), this._data.checkbox.uto = !1, this.element.on("init.jstree", e.proxy(function() { this._data.checkbox.visible = this.settings.checkbox.visible, this.settings.checkbox.keep_selected_style || this.element.addClass("jstree-checkbox-no-clicked"); }, this)).on("loading.jstree", e.proxy(function() { this[this._data.checkbox.visible ? "show_checkboxes" :"hide_checkboxes"](); }, this)), this.settings.checkbox.three_state && this.element.on("changed.jstree move_node.jstree copy_node.jstree redraw.jstree open_node.jstree", e.proxy(function() { this._data.checkbox.uto && clearTimeout(this._data.checkbox.uto), this._data.checkbox.uto = setTimeout(e.proxy(this._undetermined, this), 50); }, this)).on("model.jstree", e.proxy(function(t, i) { var n = this._model.data, r = n[i.parent], s = i.nodes, a = [], o, d, l, c, h, _; if (r.state.selected) { for (d = 0, l = s.length; l > d; d++) n[s[d]].state.selected = !0; this._data.core.selected = this._data.core.selected.concat(s); } else for (d = 0, l = s.length; l > d; d++) if (n[s[d]].state.selected) { for (c = 0, h = n[s[d]].children_d.length; h > c; c++) n[n[s[d]].children_d[c]].state.selected = !0; this._data.core.selected = this._data.core.selected.concat(n[s[d]].children_d); } for (d = 0, l = r.children_d.length; l > d; d++) n[r.children_d[d]].children.length || a.push(n[r.children_d[d]].parent); for (a = e.vakata.array_unique(a), c = 0, h = a.length; h > c; c++) { r = n[a[c]]; while (r && "#" !== r.id) { for (o = 0, d = 0, l = r.children.length; l > d; d++) o += n[r.children[d]].state.selected; if (o !== l) break; r.state.selected = !0, this._data.core.selected.push(r.id), _ = this.get_node(r, !0), _ && _.length && _.children(".jstree-anchor").addClass("jstree-clicked"), r = this.get_node(r.parent); } } this._data.core.selected = e.vakata.array_unique(this._data.core.selected); }, this)).on("select_node.jstree", e.proxy(function(t, i) { var n = i.node, r = this._model.data, s = this.get_node(n.parent), a = this.get_node(n, !0), o, d, l, c; for (this._data.core.selected = e.vakata.array_unique(this._data.core.selected.concat(n.children_d)), o = 0, d = n.children_d.length; d > o; o++) c = r[n.children_d[o]], c.state.selected = !0, c && c.original && c.original.state && c.original.state.undetermined && (c.original.state.undetermined = !1); while (s && "#" !== s.id) { for (l = 0, o = 0, d = s.children.length; d > o; o++) l += r[s.children[o]].state.selected; if (l !== d) break; s.state.selected = !0, this._data.core.selected.push(s.id), c = this.get_node(s, !0), c && c.length && c.children(".jstree-anchor").addClass("jstree-clicked"), s = this.get_node(s.parent); } a.length && a.find(".jstree-anchor").addClass("jstree-clicked"); }, this)).on("deselect_all.jstree", e.proxy(function(e, t) { var i = this.get_node("#"), n = this._model.data, r, s, a; for (r = 0, s = i.children_d.length; s > r; r++) a = n[i.children_d[r]], a && a.original && a.original.state && a.original.state.undetermined && (a.original.state.undetermined = !1); }, this)).on("deselect_node.jstree", e.proxy(function(t, i) { var n = i.node, r = this.get_node(n, !0), s, a, o; for (n && n.original && n.original.state && n.original.state.undetermined && (n.original.state.undetermined = !1), s = 0, a = n.children_d.length; a > s; s++) o = this._model.data[n.children_d[s]], o.state.selected = !1, o && o.original && o.original.state && o.original.state.undetermined && (o.original.state.undetermined = !1); for (s = 0, a = n.parents.length; a > s; s++) o = this._model.data[n.parents[s]], o.state.selected = !1, o && o.original && o.original.state && o.original.state.undetermined && (o.original.state.undetermined = !1), o = this.get_node(n.parents[s], !0), o && o.length && o.children(".jstree-anchor").removeClass("jstree-clicked"); for (o = [], s = 0, a = this._data.core.selected.length; a > s; s++) -1 === e.inArray(this._data.core.selected[s], n.children_d) && -1 === e.inArray(this._data.core.selected[s], n.parents) && o.push(this._data.core.selected[s]); this._data.core.selected = e.vakata.array_unique(o), r.length && r.find(".jstree-anchor").removeClass("jstree-clicked"); }, this)).on("delete_node.jstree", e.proxy(function(e, t) { var i = this.get_node(t.parent), n = this._model.data, r, s, a, o; while (i && "#" !== i.id) { for (a = 0, r = 0, s = i.children.length; s > r; r++) a += n[i.children[r]].state.selected; if (a !== s) break; i.state.selected = !0, this._data.core.selected.push(i.id), o = this.get_node(i, !0), o && o.length && o.children(".jstree-anchor").addClass("jstree-clicked"), i = this.get_node(i.parent); } }, this)).on("move_node.jstree", e.proxy(function(t, i) { var n = i.is_multi, r = i.old_parent, s = this.get_node(i.parent), a = this._model.data, o, d, l, c, h; if (!n) { o = this.get_node(r); while (o && "#" !== o.id) { for (d = 0, l = 0, c = o.children.length; c > l; l++) d += a[o.children[l]].state.selected; if (d !== c) break; o.state.selected = !0, this._data.core.selected.push(o.id), h = this.get_node(o, !0), h && h.length && h.children(".jstree-anchor").addClass("jstree-clicked"), o = this.get_node(o.parent); } } o = s; while (o && "#" !== o.id) { for (d = 0, l = 0, c = o.children.length; c > l; l++) d += a[o.children[l]].state.selected; if (d === c) o.state.selected || (o.state.selected = !0, this._data.core.selected.push(o.id), h = this.get_node(o, !0), h && h.length && h.children(".jstree-anchor").addClass("jstree-clicked")); else { if (!o.state.selected) break; o.state.selected = !1, this._data.core.selected = e.vakata.array_remove_item(this._data.core.selected, o.id), h = this.get_node(o, !0), h && h.length && h.children(".jstree-anchor").removeClass("jstree-clicked"); } o = this.get_node(o.parent); } }, this)); }, this._undetermined = function() { var t, i, n = this._model.data, r = this._data.core.selected, s = [], a = this; for (t = 0, i = r.length; i > t; t++) n[r[t]] && n[r[t]].parents && (s = s.concat(n[r[t]].parents)); for (this.element.find(".jstree-closed").not(":has(ul)").each(function() { var e = a.get_node(this), r; if (e.state.loaded) for (t = 0, i = e.children_d.length; i > t; t++) r = n[e.children_d[t]], !r.state.loaded && r.original && r.original.state && r.original.state.undetermined && r.original.state.undetermined === !0 && (s.push(r.id), s = s.concat(r.parents)); else e.original && e.original.state && e.original.state.undetermined && e.original.state.undetermined === !0 && (s.push(e.id), s = s.concat(e.parents)); }), s = e.vakata.array_unique(s), s = e.vakata.array_remove_item(s, "#"), this.element.find(".jstree-undetermined").removeClass("jstree-undetermined"), t = 0, i = s.length; i > t; t++) n[s[t]].state.selected || (r = this.get_node(s[t], !0), r && r.length && r.children("a").children(".jstree-checkbox").addClass("jstree-undetermined")); }, this.redraw_node = function(t, n, r) { if (t = i.redraw_node.call(this, t, n, r)) { var s = t.getElementsByTagName("A")[0]; s.insertBefore(_.cloneNode(!1), s.childNodes[0]); } return !r && this.settings.checkbox.three_state && (this._data.checkbox.uto && clearTimeout(this._data.checkbox.uto), this._data.checkbox.uto = setTimeout(e.proxy(this._undetermined, this), 50)), t; }, this.activate_node = function(t, n) { return (this.settings.checkbox.whole_node || e(n.target).hasClass("jstree-checkbox")) && (n.ctrlKey = !0), i.activate_node.call(this, t, n); }, this.show_checkboxes = function() { this._data.core.themes.checkboxes = !0, this.element.children("ul").removeClass("jstree-no-checkboxes"); }, this.hide_checkboxes = function() { this._data.core.themes.checkboxes = !1, this.element.children("ul").addClass("jstree-no-checkboxes"); }, this.toggle_checkboxes = function() { this._data.core.themes.checkboxes ? this.hide_checkboxes() :this.show_checkboxes(); }; }, e.jstree.defaults.contextmenu = { select_node:!0, show_at_node:!0, items:function(t, i) { return { create:{ separator_before:!1, separator_after:!0, _disabled:!1, label:"Create", action:function(t) { var i = e.jstree.reference(t.reference), n = i.get_node(t.reference); i.create_node(n, {}, "last", function(e) { setTimeout(function() { i.edit(e); }, 0); }); } }, rename:{ separator_before:!1, separator_after:!1, _disabled:!1, label:"Rename", action:function(t) { var i = e.jstree.reference(t.reference), n = i.get_node(t.reference); i.edit(n); } }, remove:{ separator_before:!1, icon:!1, separator_after:!1, _disabled:!1, label:"Delete", action:function(t) { var i = e.jstree.reference(t.reference), n = i.get_node(t.reference); i.is_selected(n) ? i.delete_node(i.get_selected()) :i.delete_node(n); } }, ccp:{ separator_before:!0, icon:!1, separator_after:!1, label:"Edit", action:!1, submenu:{ cut:{ separator_before:!1, separator_after:!1, label:"Cut", action:function(t) { var i = e.jstree.reference(t.reference), n = i.get_node(t.reference); i.is_selected(n) ? i.cut(i.get_selected()) :i.cut(n); } }, copy:{ separator_before:!1, icon:!1, separator_after:!1, label:"Copy", action:function(t) { var i = e.jstree.reference(t.reference), n = i.get_node(t.reference); i.is_selected(n) ? i.copy(i.get_selected()) :i.copy(n); } }, paste:{ separator_before:!1, icon:!1, _disabled:function(t) { return !e.jstree.reference(t.reference).can_paste(); }, separator_after:!1, label:"Paste", action:function(t) { var i = e.jstree.reference(t.reference), n = i.get_node(t.reference); i.paste(n); } } } } }; } }, e.jstree.plugins.contextmenu = function(i, n) { this.bind = function() { n.bind.call(this); var t = 0; this.element.on("contextmenu.jstree", ".jstree-anchor", e.proxy(function(e) { e.preventDefault(), t = e.ctrlKey ? e.timeStamp :0, this.is_loading(e.currentTarget) || this.show_contextmenu(e.currentTarget, e.pageX, e.pageY, e); }, this)).on("click.jstree", ".jstree-anchor", e.proxy(function(i) { this._data.contextmenu.visible && (!t || i.timeStamp - t > 250) && e.vakata.context.hide(); }, this)), e(document).on("context_hide.vakata", e.proxy(function() { this._data.contextmenu.visible = !1; }, this)); }, this.teardown = function() { this._data.contextmenu.visible && e.vakata.context.hide(), n.teardown.call(this); }, this.show_contextmenu = function(i, n, r, s) { if (i = this.get_node(i), !i || "#" === i.id) return !1; var a = this.settings.contextmenu, o = this.get_node(i, !0), d = o.children(".jstree-anchor"), l = !1, c = !1; (a.show_at_node || n === t || r === t) && (l = d.offset(), n = l.left, r = l.top + this._data.core.li_height), this.settings.contextmenu.select_node && !this.is_selected(i) && (this.deselect_all(), this.select_node(i, !1, !1, s)), c = a.items, e.isFunction(c) && (c = c.call(this, i, e.proxy(function(e) { this._show_contextmenu(i, n, r, e); }, this))), e.isPlainObject(c) && this._show_contextmenu(i, n, r, c); }, this._show_contextmenu = function(t, i, n, r) { var s = this.get_node(t, !0), a = s.children(".jstree-anchor"); e(document).one("context_show.vakata", e.proxy(function(t, i) { var n = "jstree-contextmenu jstree-" + this.get_theme() + "-contextmenu"; e(i.element).addClass(n); }, this)), this._data.contextmenu.visible = !0, e.vakata.context.show(a, { x:i, y:n }, r), this.trigger("show_contextmenu", { node:t, x:i, y:n }); }; }, function(e) { var i = !1, n = { element:!1, reference:!1, position_x:0, position_y:0, items:[], html:"", is_visible:!1 }; e.vakata.context = { settings:{ hide_onmouseleave:0, icons:!0 }, _trigger:function(t) { e(document).triggerHandler("context_" + t + ".vakata", { reference:n.reference, element:n.element, position:{ x:n.position_x, y:n.position_y } }); }, _execute:function(t) { return t = n.items[t], t && (!t._disabled || e.isFunction(t._disabled) && !t._disabled({ item:t, reference:n.reference, element:n.element })) && t.action ? t.action.call(null, { item:t, reference:n.reference, element:n.element, position:{ x:n.position_x, y:n.position_y } }) :!1; }, _parse:function(i, r) { if (!i) return !1; r || (n.html = "", n.items = []); var s = "", a = !1, o; return r && (s += ""), r || (n.html = s, e.vakata.context._trigger("parse")), s.length > 10 ? s :!1; }, _show_submenu:function(t) { if (t = e(t), t.length && t.children("ul").length) { var n = t.children("ul"), r = t.offset().left + t.outerWidth(), s = t.offset().top, a = n.width(), o = n.height(), d = e(window).width() + e(window).scrollLeft(), l = e(window).height() + e(window).scrollTop(); i ? t[0 > r - (a + 10 + t.outerWidth()) ? "addClass" :"removeClass"]("vakata-context-left") :t[r + a + 10 > d ? "addClass" :"removeClass"]("vakata-context-right"), s + o + 10 > l && n.css("bottom", "-1px"), n.show(); } }, show:function(t, r, s) { var a, o, d, l, c, h, _, u, g = !0; switch (n.element && n.element.length && n.element.width(""), g) { case !r && !t: return !1; case !!r && !!t: n.reference = t, n.position_x = r.x, n.position_y = r.y; break; case !r && !!t: n.reference = t, a = t.offset(), n.position_x = a.left + t.outerHeight(), n.position_y = a.top; break; case !!r && !t: n.position_x = r.x, n.position_y = r.y; } t && !s && e(t).data("vakata_contextmenu") && (s = e(t).data("vakata_contextmenu")), e.vakata.context._parse(s) && n.element.html(n.html), n.items.length && (o = n.element, d = n.position_x, l = n.position_y, c = o.width(), h = o.height(), _ = e(window).width() + e(window).scrollLeft(), u = e(window).height() + e(window).scrollTop(), i && (d -= o.outerWidth(), e(window).scrollLeft() + 20 > d && (d = e(window).scrollLeft() + 20)), d + c + 20 > _ && (d = _ - (c + 20)), l + h + 20 > u && (l = u - (h + 20)), n.element.css({ left:d, top:l }).show().find("a:eq(0)").focus().parent().addClass("vakata-context-hover"), n.is_visible = !0, e.vakata.context._trigger("show")); }, hide:function() { n.is_visible && (n.element.hide().find("ul").hide().end().find(":focus").blur(), n.is_visible = !1, e.vakata.context._trigger("hide")); } }, e(function() { i = "rtl" === e("body").css("direction"); var t = !1; n.element = e("
      "), n.element.on("mouseenter", "li", function(i) { i.stopImmediatePropagation(), e.contains(this, i.relatedTarget) || (t && clearTimeout(t), n.element.find(".vakata-context-hover").removeClass("vakata-context-hover").end(), e(this).siblings().find("ul").hide().end().end().parentsUntil(".vakata-context", "li").addBack().addClass("vakata-context-hover"), e.vakata.context._show_submenu(this)); }).on("mouseleave", "li", function(t) { e.contains(this, t.relatedTarget) || e(this).find(".vakata-context-hover").addBack().removeClass("vakata-context-hover"); }).on("mouseleave", function(i) { e(this).find(".vakata-context-hover").removeClass("vakata-context-hover"), e.vakata.context.settings.hide_onmouseleave && (t = setTimeout(function(t) { return function() { e.vakata.context.hide(); }; }(this), e.vakata.context.settings.hide_onmouseleave)); }).on("click", "a", function(e) { e.preventDefault(); }).on("mouseup", "a", function(t) { e(this).blur().parent().hasClass("vakata-context-disabled") || e.vakata.context._execute(e(this).attr("rel")) === !1 || e.vakata.context.hide(); }).on("keydown", "a", function(t) { var i = null; switch (t.which) { case 13: case 32: t.type = "mouseup", t.preventDefault(), e(t.currentTarget).trigger(t); break; case 37: n.is_visible && (n.element.find(".vakata-context-hover").last().parents("li:eq(0)").find("ul").hide().find(".vakata-context-hover").removeClass("vakata-context-hover").end().end().children("a").focus(), t.stopImmediatePropagation(), t.preventDefault()); break; case 38: n.is_visible && (i = n.element.find("ul:visible").addBack().last().children(".vakata-context-hover").removeClass("vakata-context-hover").prevAll("li:not(.vakata-context-separator)").first(), i.length || (i = n.element.find("ul:visible").addBack().last().children("li:not(.vakata-context-separator)").last()), i.addClass("vakata-context-hover").children("a").focus(), t.stopImmediatePropagation(), t.preventDefault()); break; case 39: n.is_visible && (n.element.find(".vakata-context-hover").last().children("ul").show().children("li:not(.vakata-context-separator)").removeClass("vakata-context-hover").first().addClass("vakata-context-hover").children("a").focus(), t.stopImmediatePropagation(), t.preventDefault()); break; case 40: n.is_visible && (i = n.element.find("ul:visible").addBack().last().children(".vakata-context-hover").removeClass("vakata-context-hover").nextAll("li:not(.vakata-context-separator)").first(), i.length || (i = n.element.find("ul:visible").addBack().last().children("li:not(.vakata-context-separator)").first()), i.addClass("vakata-context-hover").children("a").focus(), t.stopImmediatePropagation(), t.preventDefault()); break; case 27: e.vakata.context.hide(), t.preventDefault(); break; default: } }).on("keydown", function(e) { e.preventDefault(); var t = n.element.find(".vakata-contextmenu-shortcut-" + e.which).parent(); t.parent().not(".vakata-context-disabled") && t.mouseup(); }).appendTo("body"), e(document).on("mousedown", function(t) { n.is_visible && !e.contains(n.element[0], t.target) && e.vakata.context.hide(); }).on("context_show.vakata", function(e, t) { n.element.find("li:has(ul)").children("a").addClass("vakata-context-parent"), i && n.element.addClass("vakata-context-rtl").css("direction", "rtl"), n.element.find("ul").hide().end(); }); }); }(e), e.jstree.defaults.dnd = { copy:!0, open_timeout:500, is_draggable:!0, check_while_dragging:!0, always_copy:!1 }, e.jstree.plugins.dnd = function(i, n) { this.bind = function() { n.bind.call(this), this.element.on("mousedown.jstree touchstart.jstree", ".jstree-anchor", e.proxy(function(i) { var n = this.get_node(i.target), r = this.is_selected(n) ? this.get_selected().length :1; return n && n.id && "#" !== n.id && (1 === i.which || "touchstart" === i.type) && (this.settings.dnd.is_draggable === !0 || e.isFunction(this.settings.dnd.is_draggable) && this.settings.dnd.is_draggable.call(this, r > 1 ? this.get_selected(!0) :[ n ])) ? (this.element.trigger("mousedown.jstree"), e.vakata.dnd.start(i, { jstree:!0, origin:this, obj:this.get_node(n, !0), nodes:r > 1 ? this.get_selected() :[ n.id ] }, '
      ' + (r > 1 ? r + " " + this.get_string("nodes") :this.get_text(i.currentTarget, !0)) + '
      ')) :t; }, this)); }; }, e(function() { var i = !1, n = !1, r = !1, s = e('
       
      ').hide().appendTo("body"); e(document).bind("dnd_start.vakata", function(e, t) { i = !1; }).bind("dnd_move.vakata", function(a, o) { if (r && clearTimeout(r), o.data.jstree && (!o.event.target.id || "jstree-marker" !== o.event.target.id)) { var d = e.jstree.reference(o.event.target), l = !1, c = !1, h = !1, _, u, g, f, p, m, v, y, j, x, k, b; if (d && d._data && d._data.dnd) if (s.attr("class", "jstree-" + d.get_theme()), o.helper.children().attr("class", "jstree-" + d.get_theme()).find(".jstree-copy:eq(0)")[o.data.origin && (o.data.origin.settings.dnd.always_copy || o.data.origin.settings.dnd.copy && (o.event.metaKey || o.event.ctrlKey)) ? "show" :"hide"](), o.event.target !== d.element[0] && o.event.target !== d.get_container_ul()[0] || 0 !== d.get_container_ul().children().length) { if (l = e(o.event.target).closest("a"), l && l.length && l.parent().is(".jstree-closed, .jstree-open, .jstree-leaf") && (c = l.offset(), h = o.event.pageY - c.top, g = l.height(), m = g / 3 > h ? [ "b", "i", "a" ] :h > g - g / 3 ? [ "a", "i", "b" ] :h > g / 2 ? [ "i", "a", "b" ] :[ "i", "b", "a" ], e.each(m, function(a, h) { switch (h) { case "b": _ = c.left - 6, u = c.top - 5, f = d.get_parent(l), p = l.parent().index(); break; case "i": _ = c.left - 2, u = c.top - 5 + g / 2 + 1, f = d.get_node(l.parent()).id, p = 0; break; case "a": _ = c.left - 6, u = c.top - 5 + g, f = d.get_parent(l), p = l.parent().index() + 1; } for (v = !0, y = 0, j = o.data.nodes.length; j > y; y++) if (x = o.data.origin && (o.data.origin.settings.dnd.always_copy || o.data.origin.settings.dnd.copy && (o.event.metaKey || o.event.ctrlKey)) ? "copy_node" :"move_node", k = p, "move_node" === x && "a" === h && o.data.origin && o.data.origin === d && f === d.get_parent(o.data.nodes[y]) && (b = d.get_node(f), k > e.inArray(o.data.nodes[y], b.children) && (k -= 1)), v = v && (d && d.settings && d.settings.dnd && d.settings.dnd.check_while_dragging === !1 || d.check(x, o.data.origin && o.data.origin !== d ? o.data.origin.get_node(o.data.nodes[y]) :o.data.nodes[y], f, k, { dnd:!0, ref:d.get_node(l.parent()), pos:h, is_multi:o.data.origin && o.data.origin !== d, is_foreign:!o.data.origin })), !v) { d && d.last_error && (n = d.last_error()); break; } return v ? ("i" === h && l.parent().is(".jstree-closed") && d.settings.dnd.open_timeout && (r = setTimeout(function(e, t) { return function() { e.open_node(t); }; }(d, l), d.settings.dnd.open_timeout)), i = { ins:d, par:f, pos:p }, s.css({ left:_ + "px", top:u + "px" }).show(), o.helper.find(".jstree-icon:eq(0)").removeClass("jstree-er").addClass("jstree-ok"), n = {}, m = !0, !1) :t; }), m === !0)) return; } else { for (v = !0, y = 0, j = o.data.nodes.length; j > y; y++) if (v = v && d.check(o.data.origin && (o.data.origin.settings.dnd.always_copy || o.data.origin.settings.dnd.copy && (o.event.metaKey || o.event.ctrlKey)) ? "copy_node" :"move_node", o.data.origin && o.data.origin !== d ? o.data.origin.get_node(o.data.nodes[y]) :o.data.nodes[y], "#", "last", { dnd:!0, ref:d.get_node("#"), pos:"i", is_multi:o.data.origin && o.data.origin !== d, is_foreign:!o.data.origin }), !v) break; if (v) return i = { ins:d, par:"#", pos:"last" }, s.hide(), o.helper.find(".jstree-icon:eq(0)").removeClass("jstree-er").addClass("jstree-ok"), t; } i = !1, o.helper.find(".jstree-icon").removeClass("jstree-ok").addClass("jstree-er"), s.hide(); } }).bind("dnd_scroll.vakata", function(e, t) { t.data.jstree && (s.hide(), i = !1, t.helper.find(".jstree-icon:eq(0)").removeClass("jstree-ok").addClass("jstree-er")); }).bind("dnd_stop.vakata", function(t, a) { if (r && clearTimeout(r), a.data.jstree) { s.hide(); var o, d, l = []; if (i) { for (o = 0, d = a.data.nodes.length; d > o; o++) l[o] = a.data.origin ? a.data.origin.get_node(a.data.nodes[o]) :a.data.nodes[o], a.data.origin && (l[o].instance = a.data.origin); i.ins[a.data.origin && (a.data.origin.settings.dnd.always_copy || a.data.origin.settings.dnd.copy && (a.event.metaKey || a.event.ctrlKey)) ? "copy_node" :"move_node"](l, i.par, i.pos); } else o = e(a.event.target).closest(".jstree"), o.length && n && n.error && "check" === n.error && (o = o.jstree(!0), o && o.settings.core.error.call(this, n)); } }).bind("keyup keydown", function(t, i) { i = e.vakata.dnd._get(), i.data && i.data.jstree && i.helper.find(".jstree-copy:eq(0)")[i.data.origin && (i.data.origin.settings.dnd.always_copy || i.data.origin.settings.dnd.copy && (t.metaKey || t.ctrlKey)) ? "show" :"hide"](); }); }), function(e) { var i = { element:!1, is_down:!1, is_drag:!1, helper:!1, helper_w:0, data:!1, init_x:0, init_y:0, scroll_l:0, scroll_t:0, scroll_e:!1, scroll_i:!1 }; e.vakata.dnd = { settings:{ scroll_speed:10, scroll_proximity:20, helper_left:5, helper_top:10, threshold:5 }, _trigger:function(t, i) { var n = e.vakata.dnd._get(); n.event = i, e(document).triggerHandler("dnd_" + t + ".vakata", n); }, _get:function() { return { data:i.data, element:i.element, helper:i.helper }; }, _clean:function() { i.helper && i.helper.remove(), i.scroll_i && (clearInterval(i.scroll_i), i.scroll_i = !1), i = { element:!1, is_down:!1, is_drag:!1, helper:!1, helper_w:0, data:!1, init_x:0, init_y:0, scroll_l:0, scroll_t:0, scroll_e:!1, scroll_i:!1 }, e(document).off("mousemove touchmove", e.vakata.dnd.drag), e(document).off("mouseup touchend", e.vakata.dnd.stop); }, _scroll:function(t) { if (!i.scroll_e || !i.scroll_l && !i.scroll_t) return i.scroll_i && (clearInterval(i.scroll_i), i.scroll_i = !1), !1; if (!i.scroll_i) return i.scroll_i = setInterval(e.vakata.dnd._scroll, 100), !1; if (t === !0) return !1; var n = i.scroll_e.scrollTop(), r = i.scroll_e.scrollLeft(); i.scroll_e.scrollTop(n + i.scroll_t * e.vakata.dnd.settings.scroll_speed), i.scroll_e.scrollLeft(r + i.scroll_l * e.vakata.dnd.settings.scroll_speed), (n !== i.scroll_e.scrollTop() || r !== i.scroll_e.scrollLeft()) && e.vakata.dnd._trigger("scroll", i.scroll_e); }, start:function(t, n, r) { "touchstart" === t.type && t.originalEvent && t.originalEvent.changedTouches && t.originalEvent.changedTouches[0] && (t.pageX = t.originalEvent.changedTouches[0].pageX, t.pageY = t.originalEvent.changedTouches[0].pageY, t.target = document.elementFromPoint(t.originalEvent.changedTouches[0].pageX - window.pageXOffset, t.originalEvent.changedTouches[0].pageY - window.pageYOffset)), i.is_drag && e.vakata.dnd.stop({}); try { t.currentTarget.unselectable = "on", t.currentTarget.onselectstart = function() { return !1; }, t.currentTarget.style && (t.currentTarget.style.MozUserSelect = "none"); } catch (s) {} return i.init_x = t.pageX, i.init_y = t.pageY, i.data = n, i.is_down = !0, i.element = t.currentTarget, r !== !1 && (i.helper = e("
      ").html(r).css({ display:"block", margin:"0", padding:"0", position:"absolute", top:"-2000px", lineHeight:"16px", zIndex:"10000" })), e(document).bind("mousemove touchmove", e.vakata.dnd.drag), e(document).bind("mouseup touchend", e.vakata.dnd.stop), !1; }, drag:function(n) { if ("touchmove" === n.type && n.originalEvent && n.originalEvent.changedTouches && n.originalEvent.changedTouches[0] && (n.pageX = n.originalEvent.changedTouches[0].pageX, n.pageY = n.originalEvent.changedTouches[0].pageY, n.target = document.elementFromPoint(n.originalEvent.changedTouches[0].pageX - window.pageXOffset, n.originalEvent.changedTouches[0].pageY - window.pageYOffset)), i.is_down) { if (!i.is_drag) { if (!(Math.abs(n.pageX - i.init_x) > e.vakata.dnd.settings.threshold || Math.abs(n.pageY - i.init_y) > e.vakata.dnd.settings.threshold)) return; i.helper && (i.helper.appendTo("body"), i.helper_w = i.helper.outerWidth()), i.is_drag = !0, e.vakata.dnd._trigger("start", n); } var r = !1, s = !1, a = !1, o = !1, d = !1, l = !1, c = !1, h = !1, _ = !1, u = !1; i.scroll_t = 0, i.scroll_l = 0, i.scroll_e = !1, e(e(n.target).parentsUntil("body").addBack().get().reverse()).filter(function() { return /^auto|scroll$/.test(e(this).css("overflow")) && (this.scrollHeight > this.offsetHeight || this.scrollWidth > this.offsetWidth); }).each(function() { var r = e(this), s = r.offset(); return this.scrollHeight > this.offsetHeight && (s.top + r.height() - n.pageY < e.vakata.dnd.settings.scroll_proximity && (i.scroll_t = 1), n.pageY - s.top < e.vakata.dnd.settings.scroll_proximity && (i.scroll_t = -1)), this.scrollWidth > this.offsetWidth && (s.left + r.width() - n.pageX < e.vakata.dnd.settings.scroll_proximity && (i.scroll_l = 1), n.pageX - s.left < e.vakata.dnd.settings.scroll_proximity && (i.scroll_l = -1)), i.scroll_t || i.scroll_l ? (i.scroll_e = e(this), !1) :t; }), i.scroll_e || (r = e(document), s = e(window), a = r.height(), o = s.height(), d = r.width(), l = s.width(), c = r.scrollTop(), h = r.scrollLeft(), a > o && n.pageY - c < e.vakata.dnd.settings.scroll_proximity && (i.scroll_t = -1), a > o && o - (n.pageY - c) < e.vakata.dnd.settings.scroll_proximity && (i.scroll_t = 1), d > l && n.pageX - h < e.vakata.dnd.settings.scroll_proximity && (i.scroll_l = -1), d > l && l - (n.pageX - h) < e.vakata.dnd.settings.scroll_proximity && (i.scroll_l = 1), (i.scroll_t || i.scroll_l) && (i.scroll_e = r)), i.scroll_e && e.vakata.dnd._scroll(!0), i.helper && (_ = parseInt(n.pageY + e.vakata.dnd.settings.helper_top, 10), u = parseInt(n.pageX + e.vakata.dnd.settings.helper_left, 10), a && _ + 25 > a && (_ = a - 50), d && u + i.helper_w > d && (u = d - (i.helper_w + 2)), i.helper.css({ left:u + "px", top:_ + "px" })), e.vakata.dnd._trigger("move", n); } }, stop:function(t) { "touchend" === t.type && t.originalEvent && t.originalEvent.changedTouches && t.originalEvent.changedTouches[0] && (t.pageX = t.originalEvent.changedTouches[0].pageX, t.pageY = t.originalEvent.changedTouches[0].pageY, t.target = document.elementFromPoint(t.originalEvent.changedTouches[0].pageX - window.pageXOffset, t.originalEvent.changedTouches[0].pageY - window.pageYOffset)), i.is_drag && e.vakata.dnd._trigger("stop", t), e.vakata.dnd._clean(); } }; }(jQuery), e.jstree.defaults.search = { ajax:!1, fuzzy:!0, case_sensitive:!1, show_only_matches:!1, close_opened_onclear:!0, search_leaves_only:!1 }, e.jstree.plugins.search = function(t, i) { this.bind = function() { i.bind.call(this), this._data.search.str = "", this._data.search.dom = e(), this._data.search.res = [], this._data.search.opn = [], this.element.on("before_open.jstree", e.proxy(function(t, i) { var n, r, s, a = this._data.search.res, o = [], d = e(); if (a && a.length) { for (this._data.search.dom = e(), n = 0, r = a.length; r > n; n++) o = o.concat(this.get_node(a[n]).parents), s = this.get_node(a[n], !0), s && (this._data.search.dom = this._data.search.dom.add(s)); for (o = e.vakata.array_unique(o), n = 0, r = o.length; r > n; n++) "#" !== o[n] && (s = this.get_node(o[n], !0), s && (d = d.add(s))); this._data.search.dom.children(".jstree-anchor").addClass("jstree-search"), this.settings.search.show_only_matches && this._data.search.res.length && (this.element.find("li").hide().filter(".jstree-last").filter(function() { return this.nextSibling; }).removeClass("jstree-last"), d = d.add(this._data.search.dom), d.parentsUntil(".jstree").addBack().show().filter("ul").each(function() { e(this).children("li:visible").eq(-1).addClass("jstree-last"); })); } }, this)), this.settings.search.show_only_matches && this.element.on("search.jstree", function(t, i) { i.nodes.length && (e(this).find("li").hide().filter(".jstree-last").filter(function() { return this.nextSibling; }).removeClass("jstree-last"), i.nodes.parentsUntil(".jstree").addBack().show().filter("ul").each(function() { e(this).children("li:visible").eq(-1).addClass("jstree-last"); })); }).on("clear_search.jstree", function(t, i) { i.nodes.length && e(this).find("li").css("display", "").filter(".jstree-last").filter(function() { return this.nextSibling; }).removeClass("jstree-last"); }); }, this.search = function(t, i) { if (t === !1 || "" === e.trim(t)) return this.clear_search(); var n = this.settings.search, r = n.ajax ? n.ajax :!1, s = null, a = [], o = [], d, l; if (this._data.search.res.length && this.clear_search(), !i && r !== !1) return e.isFunction(r) ? r.call(this, t, e.proxy(function(i) { i && i.d && (i = i.d), this._load_nodes(e.isArray(i) ? i :[], function() { this.search(t, !0); }); }, this)) :(r = e.extend({}, r), r.data || (r.data = {}), r.data.str = t, e.ajax(r).fail(e.proxy(function() { this._data.core.last_error = { error:"ajax", plugin:"search", id:"search_01", reason:"Could not load search parents", data:JSON.stringify(r) }, this.settings.core.error.call(this, this._data.core.last_error); }, this)).done(e.proxy(function(i) { i && i.d && (i = i.d), this._load_nodes(e.isArray(i) ? i :[], function() { this.search(t, !0); }); }, this))); if (this._data.search.str = t, this._data.search.dom = e(), this._data.search.res = [], this._data.search.opn = [], s = new e.vakata.search(t, !0, { caseSensitive:n.case_sensitive, fuzzy:n.fuzzy }), e.each(this._model.data, function(e, t) { t.text && s.search(t.text).isMatch && (!n.search_leaves_only || t.state.loaded && 0 === t.children.length) && (a.push(e), o = o.concat(t.parents)); }), a.length) { for (o = e.vakata.array_unique(o), this._search_open(o), d = 0, l = a.length; l > d; d++) s = this.get_node(a[d], !0), s && (this._data.search.dom = this._data.search.dom.add(s)); this._data.search.res = a, this._data.search.dom.children(".jstree-anchor").addClass("jstree-search"); } this.trigger("search", { nodes:this._data.search.dom, str:t, res:this._data.search.res }); }, this.clear_search = function() { this._data.search.dom.children(".jstree-anchor").removeClass("jstree-search"), this.settings.search.close_opened_onclear && this.close_node(this._data.search.opn, 0), this.trigger("clear_search", { nodes:this._data.search.dom, str:this._data.search.str, res:this._data.search.res }), this._data.search.str = "", this._data.search.res = [], this._data.search.opn = [], this._data.search.dom = e(); }, this._search_open = function(t) { var i = this; e.each(t.concat([]), function(n, r) { if ("#" === r) return !0; try { r = e("#" + r.replace(e.jstree.idregex, "\\$&"), i.element); } catch (s) {} r && r.length && i.is_closed(r) && (i._data.search.opn.push(r[0].id), i.open_node(r, function() { i._search_open(t); }, 0)); }); }; }, function(e) { e.vakata.search = function(e, t, i) { i = i || {}, i.fuzzy !== !1 && (i.fuzzy = !0), e = i.caseSensitive ? e :e.toLowerCase(); var n = i.location || 0, r = i.distance || 100, s = i.threshold || .6, a = e.length, o, d, l, c; return a > 32 && (i.fuzzy = !1), i.fuzzy && (o = 1 << a - 1, d = function() { var t = {}, i = 0; for (i = 0; a > i; i++) t[e.charAt(i)] = 0; for (i = 0; a > i; i++) t[e.charAt(i)] |= 1 << a - i - 1; return t; }(), l = function(e, t) { var i = e / a, s = Math.abs(n - t); return r ? i + s / r :s ? 1 :i; }), c = function(t) { if (t = i.caseSensitive ? t :t.toLowerCase(), e === t || -1 !== t.indexOf(e)) return { isMatch:!0, score:0 }; if (!i.fuzzy) return { isMatch:!1, score:1 }; var r, c, h = t.length, _ = s, u = t.indexOf(e, n), g, f, p = a + h, m, v, y, j, x, k = 1, b = []; for (-1 !== u && (_ = Math.min(l(0, u), _), u = t.lastIndexOf(e, n + a), -1 !== u && (_ = Math.min(l(0, u), _))), u = -1, r = 0; a > r; r++) { g = 0, f = p; while (f > g) _ >= l(r, n + f) ? g = f :p = f, f = Math.floor((p - g) / 2 + g); for (p = f, v = Math.max(1, n - f + 1), y = Math.min(n + f, h) + a, j = Array(y + 2), j[y + 1] = (1 << r) - 1, c = y; c >= v; c--) if (x = d[t.charAt(c - 1)], j[c] = 0 === r ? (1 | j[c + 1] << 1) & x :(1 | j[c + 1] << 1) & x | (1 | (m[c + 1] | m[c]) << 1) | m[c + 1], j[c] & o && (k = l(r, c - 1), _ >= k)) { if (_ = k, u = c - 1, b.push(u), !(u > n)) break; v = Math.max(1, 2 * n - u); } if (l(r + 1, n) > _) break; m = j; } return { isMatch:u >= 0, score:k }; }, t === !0 ? { search:c } :c(t); }; }(jQuery), e.jstree.defaults.sort = function(e, t) { return this.get_text(e) > this.get_text(t) ? 1 :-1; }, e.jstree.plugins.sort = function(t, i) { this.bind = function() { i.bind.call(this), this.element.on("model.jstree", e.proxy(function(e, t) { this.sort(t.parent, !0); }, this)).on("rename_node.jstree create_node.jstree", e.proxy(function(e, t) { this.sort(t.parent || t.node.parent, !1), this.redraw_node(t.parent || t.node.parent, !0); }, this)).on("move_node.jstree copy_node.jstree", e.proxy(function(e, t) { this.sort(t.parent, !1), this.redraw_node(t.parent, !0); }, this)); }, this.sort = function(t, i) { var n, r; if (t = this.get_node(t), t && t.children && t.children.length && (t.children.sort(e.proxy(this.settings.sort, this)), i)) for (n = 0, r = t.children_d.length; r > n; n++) this.sort(t.children_d[n], !1); }; }; var u = !1; e.jstree.defaults.state = { key:"jstree", events:"changed.jstree open_node.jstree close_node.jstree", ttl:!1, filter:!1 }, e.jstree.plugins.state = function(t, i) { this.bind = function() { i.bind.call(this); var t = e.proxy(function() { this.element.on(this.settings.state.events, e.proxy(function() { u && clearTimeout(u), u = setTimeout(e.proxy(function() { this.save_state(); }, this), 100); }, this)); }, this); this.element.on("ready.jstree", e.proxy(function(e, i) { this.element.one("restore_state.jstree", t), this.restore_state() || t(); }, this)); }, this.save_state = function() { var t = { state:this.get_state(), ttl:this.settings.state.ttl, sec:+new Date() }; e.vakata.storage.set(this.settings.state.key, JSON.stringify(t)); }, this.restore_state = function() { var t = e.vakata.storage.get(this.settings.state.key); if (t) try { t = JSON.parse(t); } catch (i) { return !1; } return t && t.ttl && t.sec && +new Date() - t.sec > t.ttl ? !1 :(t && t.state && (t = t.state), t && e.isFunction(this.settings.state.filter) && (t = this.settings.state.filter.call(this, t)), t ? (this.element.one("set_state.jstree", function(i, n) { n.instance.trigger("restore_state", { state:e.extend(!0, {}, t) }); }), this.set_state(t), !0) :!1); }, this.clear_state = function() { return e.vakata.storage.del(this.settings.state.key); }; }, function(e, t) { e.vakata.storage = { set:function(e, t) { return window.localStorage.setItem(e, t); }, get:function(e) { return window.localStorage.getItem(e); }, del:function(e) { return window.localStorage.removeItem(e); } }; }(jQuery), e.jstree.defaults.types = { "#":{}, "default":{} }, e.jstree.plugins.types = function(i, n) { this.init = function(e, i) { var r, s; if (i && i.types && i.types["default"]) for (r in i.types) if ("default" !== r && "#" !== r && i.types.hasOwnProperty(r)) for (s in i.types["default"]) i.types["default"].hasOwnProperty(s) && i.types[r][s] === t && (i.types[r][s] = i.types["default"][s]); n.init.call(this, e, i), this._model.data["#"].type = "#"; }, this.refresh = function(e) { n.refresh.call(this, e), this._model.data["#"].type = "#"; }, this.bind = function() { this.element.on("model.jstree", e.proxy(function(e, i) { var n = this._model.data, r = i.nodes, s = this.settings.types, a, o, d = "default"; for (a = 0, o = r.length; o > a; a++) d = "default", n[r[a]].original && n[r[a]].original.type && s[n[r[a]].original.type] && (d = n[r[a]].original.type), n[r[a]].data && n[r[a]].data.jstree && n[r[a]].data.jstree.type && s[n[r[a]].data.jstree.type] && (d = n[r[a]].data.jstree.type), n[r[a]].type = d, n[r[a]].icon === !0 && s[d].icon !== t && (n[r[a]].icon = s[d].icon); }, this)), n.bind.call(this); }, this.get_json = function(t, i, r) { var s, a, o = this._model.data, d = i ? e.extend(!0, {}, i, { no_id:!1 }) :{}, l = n.get_json.call(this, t, d, r); if (l === !1) return !1; if (e.isArray(l)) for (s = 0, a = l.length; a > s; s++) l[s].type = l[s].id && o[l[s].id] && o[l[s].id].type ? o[l[s].id].type :"default", i && i.no_id && (delete l[s].id, l[s].li_attr && l[s].li_attr.id && delete l[s].li_attr.id); else l.type = l.id && o[l.id] && o[l.id].type ? o[l.id].type :"default", i && i.no_id && (l = this._delete_ids(l)); return l; }, this._delete_ids = function(t) { if (e.isArray(t)) { for (var i = 0, n = t.length; n > i; i++) t[i] = this._delete_ids(t[i]); return t; } return delete t.id, t.li_attr && t.li_attr.id && delete t.li_attr.id, t.children && e.isArray(t.children) && (t.children = this._delete_ids(t.children)), t; }, this.check = function(i, r, s, a, o) { if (n.check.call(this, i, r, s, a, o) === !1) return !1; r = r && r.id ? r :this.get_node(r), s = s && s.id ? s :this.get_node(s); var d = r && r.id ? e.jstree.reference(r.id) :null, l, c, h, _; switch (d = d && d._model && d._model.data ? d._model.data :null, i) { case "create_node": case "move_node": case "copy_node": if ("move_node" !== i || -1 === e.inArray(r.id, s.children)) { if (l = this.get_rules(s), l.max_children !== t && -1 !== l.max_children && l.max_children === s.children.length) return this._data.core.last_error = { error:"check", plugin:"types", id:"types_01", reason:"max_children prevents function: " + i, data:JSON.stringify({ chk:i, pos:a, obj:r && r.id ? r.id :!1, par:s && s.id ? s.id :!1 }) }, !1; if (l.valid_children !== t && -1 !== l.valid_children && -1 === e.inArray(r.type, l.valid_children)) return this._data.core.last_error = { error:"check", plugin:"types", id:"types_02", reason:"valid_children prevents function: " + i, data:JSON.stringify({ chk:i, pos:a, obj:r && r.id ? r.id :!1, par:s && s.id ? s.id :!1 }) }, !1; if (d && r.children_d && r.parents) { for (c = 0, h = 0, _ = r.children_d.length; _ > h; h++) c = Math.max(c, d[r.children_d[h]].parents.length); c = c - r.parents.length + 1; } (0 >= c || c === t) && (c = 1); do { if (l.max_depth !== t && -1 !== l.max_depth && c > l.max_depth) return this._data.core.last_error = { error:"check", plugin:"types", id:"types_03", reason:"max_depth prevents function: " + i, data:JSON.stringify({ chk:i, pos:a, obj:r && r.id ? r.id :!1, par:s && s.id ? s.id :!1 }) }, !1; s = this.get_node(s.parent), l = this.get_rules(s), c++; } while (s); } } return !0; }, this.get_rules = function(e) { if (e = this.get_node(e), !e) return !1; var i = this.get_type(e, !0); return i.max_depth === t && (i.max_depth = -1), i.max_children === t && (i.max_children = -1), i.valid_children === t && (i.valid_children = -1), i; }, this.get_type = function(t, i) { return t = this.get_node(t), t ? i ? e.extend({ type:t.type }, this.settings.types[t.type]) :t.type :!1; }, this.set_type = function(i, n) { var r, s, a, o, d; if (e.isArray(i)) { for (i = i.slice(), s = 0, a = i.length; a > s; s++) this.set_type(i[s], n); return !0; } return r = this.settings.types, i = this.get_node(i), r[n] && i ? (o = i.type, d = this.get_icon(i), i.type = n, (d === !0 || r[o] && r[o].icon && d === r[o].icon) && this.set_icon(i, r[n].icon !== t ? r[n].icon :!0), !0) :!1; }; }, e.jstree.plugins.unique = function(t, i) { this.check = function(t, n, r, s, a) { if (i.check.call(this, t, n, r, s, a) === !1) return !1; if (n = n && n.id ? n :this.get_node(n), r = r && r.id ? r :this.get_node(r), !r || !r.children) return !0; var o = "rename_node" === t ? s :n.text, d = [], l = this._model.data, c, h; for (c = 0, h = r.children.length; h > c; c++) d.push(l[r.children[c]].text); switch (t) { case "delete_node": return !0; case "rename_node": case "copy_node": return c = -1 === e.inArray(o, d), c || (this._data.core.last_error = { error:"check", plugin:"unique", id:"unique_01", reason:"Child with name " + o + " already exists. Preventing: " + t, data:JSON.stringify({ chk:t, pos:s, obj:n && n.id ? n.id :!1, par:r && r.id ? r.id :!1 }) }), c; case "move_node": return c = n.parent === r.id || -1 === e.inArray(o, d), c || (this._data.core.last_error = { error:"check", plugin:"unique", id:"unique_01", reason:"Child with name " + o + " already exists. Preventing: " + t, data:JSON.stringify({ chk:t, pos:s, obj:n && n.id ? n.id :!1, par:r && r.id ? r.id :!1 }) }), c; } return !0; }; }; var g = document.createElement("DIV"); g.setAttribute("unselectable", "on"), g.className = "jstree-wholerow", g.innerHTML = " ", e.jstree.plugins.wholerow = function(t, i) { this.bind = function() { i.bind.call(this), this.element.on("loading", e.proxy(function() { g.style.height = this._data.core.li_height + "px"; }, this)).on("ready.jstree set_state.jstree", e.proxy(function() { this.hide_dots(); }, this)).on("ready.jstree", e.proxy(function() { this.get_container_ul().addClass("jstree-wholerow-ul"); }, this)).on("deselect_all.jstree", e.proxy(function(e, t) { this.element.find(".jstree-wholerow-clicked").removeClass("jstree-wholerow-clicked"); }, this)).on("changed.jstree", e.proxy(function(e, t) { this.element.find(".jstree-wholerow-clicked").removeClass("jstree-wholerow-clicked"); var i = !1, n, r; for (n = 0, r = t.selected.length; r > n; n++) i = this.get_node(t.selected[n], !0), i && i.length && i.children(".jstree-wholerow").addClass("jstree-wholerow-clicked"); }, this)).on("open_node.jstree", e.proxy(function(e, t) { this.get_node(t.node, !0).find(".jstree-clicked").parent().children(".jstree-wholerow").addClass("jstree-wholerow-clicked"); }, this)).on("hover_node.jstree dehover_node.jstree", e.proxy(function(e, t) { this.get_node(t.node, !0).children(".jstree-wholerow")["hover_node" === e.type ? "addClass" :"removeClass"]("jstree-wholerow-hovered"); }, this)).on("contextmenu.jstree", ".jstree-wholerow", e.proxy(function(t) { t.preventDefault(); var i = e.Event("contextmenu", { metaKey:t.metaKey, ctrlKey:t.ctrlKey, altKey:t.altKey, shiftKey:t.shiftKey, pageX:t.pageX, pageY:t.pageY }); e(t.currentTarget).closest("li").children("a:eq(0)").trigger(i); }, this)).on("click.jstree", ".jstree-wholerow", function(t) { t.stopImmediatePropagation(); var i = e.Event("click", { metaKey:t.metaKey, ctrlKey:t.ctrlKey, altKey:t.altKey, shiftKey:t.shiftKey }); e(t.currentTarget).closest("li").children("a:eq(0)").trigger(i).focus(); }).on("click.jstree", ".jstree-leaf > .jstree-ocl", e.proxy(function(t) { t.stopImmediatePropagation(); var i = e.Event("click", { metaKey:t.metaKey, ctrlKey:t.ctrlKey, altKey:t.altKey, shiftKey:t.shiftKey }); e(t.currentTarget).closest("li").children("a:eq(0)").trigger(i).focus(); }, this)).on("mouseover.jstree", ".jstree-wholerow, .jstree-icon", e.proxy(function(e) { return e.stopImmediatePropagation(), this.hover_node(e.currentTarget), !1; }, this)).on("mouseleave.jstree", ".jstree-node", e.proxy(function(e) { this.dehover_node(e.currentTarget); }, this)); }, this.teardown = function() { this.settings.wholerow && this.element.find(".jstree-wholerow").remove(), i.teardown.call(this); }, this.redraw_node = function(t, n, r) { if (t = i.redraw_node.call(this, t, n, r)) { var s = g.cloneNode(!0); -1 !== e.inArray(t.id, this._data.core.selected) && (s.className += " jstree-wholerow-clicked"), t.insertBefore(s, t.childNodes[0]); } return t; }; }; } }); (function(global) { var k, _handlers = {}, _mods = { 16:false, 18:false, 17:false, 91:false }, _scope = "all", _MODIFIERS = { "⇧":16, shift:16, "⌥":18, alt:18, option:18, "⌃":17, ctrl:17, control:17, "⌘":91, command:91 }, _MAP = { backspace:8, tab:9, clear:12, enter:13, "return":13, esc:27, escape:27, space:32, left:37, up:38, right:39, down:40, del:46, "delete":46, home:36, end:35, pageup:33, pagedown:34, ",":188, ".":190, "/":191, "`":192, "-":189, "=":187, ";":186, "'":222, "[":219, "]":221, "\\":220 }, code = function(x) { return _MAP[x] || x.toUpperCase().charCodeAt(0); }, _downKeys = []; for (k = 1; k < 20; k++) _MAP["f" + k] = 111 + k; function index(array, item) { var i = array.length; while (i--) if (array[i] === item) return i; return -1; } function compareArray(a1, a2) { if (a1.length != a2.length) return false; for (var i = 0; i < a1.length; i++) { if (a1[i] !== a2[i]) return false; } return true; } var modifierMap = { 16:"shiftKey", 18:"altKey", 17:"ctrlKey", 91:"metaKey" }; function updateModifierKey(event) { for (k in _mods) _mods[k] = event[modifierMap[k]]; } function dispatch(event) { var key, handler, k, i, modifiersMatch, scope; key = event.keyCode; if (index(_downKeys, key) == -1) { _downKeys.push(key); } if (key == 93 || key == 224) key = 91; if (key in _mods) { _mods[key] = true; for (k in _MODIFIERS) if (_MODIFIERS[k] == key) assignKey[k] = true; return; } updateModifierKey(event); if (!assignKey.filter.call(this, event)) return; if (!(key in _handlers)) return; scope = getScope(); for (i = 0; i < _handlers[key].length; i++) { handler = _handlers[key][i]; if (handler.scope == scope || handler.scope == "all") { modifiersMatch = handler.mods.length > 0; for (k in _mods) if (!_mods[k] && index(handler.mods, +k) > -1 || _mods[k] && index(handler.mods, +k) == -1) modifiersMatch = false; if (handler.mods.length == 0 && !_mods[16] && !_mods[18] && !_mods[17] && !_mods[91] || modifiersMatch) { if (handler.method(event, handler) === false) { if (event.preventDefault) event.preventDefault(); else event.returnValue = false; if (event.stopPropagation) event.stopPropagation(); if (event.cancelBubble) event.cancelBubble = true; } } } } } function clearModifier(event) { var key = event.keyCode, k, i = index(_downKeys, key); if (i >= 0) { _downKeys.splice(i, 1); } if (key == 93 || key == 224) key = 91; if (key in _mods) { _mods[key] = false; for (k in _MODIFIERS) if (_MODIFIERS[k] == key) assignKey[k] = false; } } function resetModifiers() { for (k in _mods) _mods[k] = false; for (k in _MODIFIERS) assignKey[k] = false; } function assignKey(key, scope, method) { var keys, mods; keys = getKeys(key); if (method === undefined) { method = scope; scope = "all"; } for (var i = 0; i < keys.length; i++) { mods = []; key = keys[i].split("+"); if (key.length > 1) { mods = getMods(key); key = [ key[key.length - 1] ]; } key = key[0]; key = code(key); if (!(key in _handlers)) _handlers[key] = []; _handlers[key].push({ shortcut:keys[i], scope:scope, method:method, key:keys[i], mods:mods }); } } function unbindKey(key, scope) { var multipleKeys, keys, mods = [], i, j, obj; multipleKeys = getKeys(key); for (j = 0; j < multipleKeys.length; j++) { keys = multipleKeys[j].split("+"); if (keys.length > 1) { mods = getMods(keys); key = keys[keys.length - 1]; } key = code(key); if (scope === undefined) { scope = getScope(); } if (!_handlers[key]) { return; } for (i = 0; i < _handlers[key].length; i++) { obj = _handlers[key][i]; if (obj.scope === scope && compareArray(obj.mods, mods)) { _handlers[key][i] = {}; } } } } function isPressed(keyCode) { if (typeof keyCode == "string") { keyCode = code(keyCode); } return index(_downKeys, keyCode) != -1; } function getPressedKeyCodes() { return _downKeys.slice(0); } function filter(event) { var tagName = (event.target || event.srcElement).tagName; return !(tagName == "INPUT" || tagName == "SELECT" || tagName == "TEXTAREA"); } for (k in _MODIFIERS) assignKey[k] = false; function setScope(scope) { _scope = scope || "all"; } function getScope() { return _scope || "all"; } function deleteScope(scope) { var key, handlers, i; for (key in _handlers) { handlers = _handlers[key]; for (i = 0; i < handlers.length; ) { if (handlers[i].scope === scope) handlers.splice(i, 1); else i++; } } } function getKeys(key) { var keys; key = key.replace(/\s/g, ""); keys = key.split(","); if (keys[keys.length - 1] == "") { keys[keys.length - 2] += ","; } return keys; } function getMods(key) { var mods = key.slice(0, key.length - 1); for (var mi = 0; mi < mods.length; mi++) mods[mi] = _MODIFIERS[mods[mi]]; return mods; } function addEvent(object, event, method) { if (object.addEventListener) object.addEventListener(event, method, false); else if (object.attachEvent) object.attachEvent("on" + event, function() { method(window.event); }); } addEvent(document, "keydown", function(event) { dispatch(event); }); addEvent(document, "keyup", clearModifier); addEvent(window, "focus", resetModifiers); var previousKey = global.key; function noConflict() { var k = global.key; global.key = previousKey; return k; } global.key = assignKey; global.key.setScope = setScope; global.key.getScope = getScope; global.key.deleteScope = deleteScope; global.key.filter = filter; global.key.isPressed = isPressed; global.key.getPressedKeyCodes = getPressedKeyCodes; global.key.noConflict = noConflict; global.key.unbind = unbindKey; if (typeof module !== "undefined") module.exports = key; })(this); function Resurrect(options) { this.table = null; this.prefix = "#"; this.cleanup = false; this.revive = true; for (var option in options) { if (options.hasOwnProperty(option)) { this[option] = options[option]; } } this.refcode = this.prefix + "id"; this.origcode = this.prefix + "original"; this.buildcode = this.prefix + "."; this.valuecode = this.prefix + "v"; } Resurrect.GLOBAL = (0, eval)("this"); Resurrect.escapeRegExp = function(string) { return string.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&"); }; Resurrect.prototype.Error = function ResurrectError(message) { this.message = message || ""; this.stack = new Error().stack; }; Resurrect.prototype.Error.prototype = Object.create(Error.prototype); Resurrect.prototype.Error.prototype.name = "ResurrectError"; Resurrect.NamespaceResolver = function(scope) { this.scope = scope; }; Resurrect.NamespaceResolver.prototype.getPrototype = function(name) { var constructor = this.scope[name]; if (constructor) { return constructor.prototype; } else { throw new Resurrect.prototype.Error("Unknown constructor: " + name); } }; Resurrect.NamespaceResolver.prototype.getName = function(object) { var constructor = object.constructor.name; if (constructor == null) { var funcPattern = /^\s*function\s*([A-Za-z0-9_$]*)/; constructor = funcPattern.exec(object.constructor)[1]; } if (constructor === "") { var msg = "Can't serialize objects with anonymous constructors."; throw new Resurrect.prototype.Error(msg); } else if (constructor === "Object" || constructor === "Array") { return null; } else { return constructor; } }; Resurrect.prototype.resolver = new Resurrect.NamespaceResolver(Resurrect.GLOBAL); Resurrect.Node = function(html) { var div = document.createElement("div"); div.innerHTML = html; return div.firstChild; }; Resurrect.is = function(type) { var string = "[object " + type + "]"; return function(object) { return Object.prototype.toString.call(object) === string; }; }; Resurrect.isArray = Resurrect.is("Array"); Resurrect.isString = Resurrect.is("String"); Resurrect.isBoolean = Resurrect.is("Boolean"); Resurrect.isNumber = Resurrect.is("Number"); Resurrect.isFunction = Resurrect.is("Function"); Resurrect.isDate = Resurrect.is("Date"); Resurrect.isRegExp = Resurrect.is("RegExp"); Resurrect.isObject = Resurrect.is("Object"); Resurrect.isAtom = function(object) { return !Resurrect.isObject(object) && !Resurrect.isArray(object); }; Resurrect.isPrimitive = function(object) { return object == null || Resurrect.isNumber(object) || Resurrect.isString(object) || Resurrect.isBoolean(object); }; Resurrect.prototype.ref = function(object) { var ref = {}; if (object === undefined) { ref[this.prefix] = -1; } else { ref[this.prefix] = object[this.refcode]; } return ref; }; Resurrect.prototype.deref = function(ref) { return this.table[ref[this.prefix]]; }; Resurrect.prototype.tag = function(object) { if (this.revive) { var constructor = this.resolver.getName(object); if (constructor) { var proto = Object.getPrototypeOf(object); if (this.resolver.getPrototype(constructor) !== proto) { throw new this.Error("Constructor mismatch!"); } else { object[this.prefix] = constructor; } } } object[this.refcode] = this.table.length; this.table.push(object); return object[this.refcode]; }; Resurrect.prototype.builder = function(name, value) { var builder = {}; builder[this.buildcode] = name; builder[this.valuecode] = value; return builder; }; Resurrect.prototype.build = function(ref) { var type = ref[this.buildcode].split(/\./).reduce(function(object, name) { return object[name]; }, Resurrect.GLOBAL); var args = [ null ].concat(ref[this.valuecode]); var factory = type.bind.apply(type, args); var result = new factory(); if (Resurrect.isPrimitive(result)) { return result.valueOf(); } else { return result; } }; Resurrect.prototype.decode = function(ref) { if (this.prefix in ref) { return this.deref(ref); } else if (this.buildcode in ref) { return this.build(ref); } else { throw new this.Error("Unknown encoding."); } }; Resurrect.prototype.isTagged = function(object) { return this.refcode in object && object[this.refcode] != null; }; Resurrect.prototype.visit = function(root, f) { if (Resurrect.isAtom(root)) { return f(root); } else if (!this.isTagged(root)) { var copy = null; if (Resurrect.isArray(root)) { copy = []; root[this.refcode] = this.tag(copy); for (var i = 0; i < root.length; i++) { copy.push(this.visit(root[i], f)); } } else { copy = Object.create(Object.getPrototypeOf(root)); root[this.refcode] = this.tag(copy); for (var key in root) { if (root.hasOwnProperty(key)) { copy[key] = this.visit(root[key], f); } } } copy[this.origcode] = root; return this.ref(copy); } else { return this.ref(root); } }; Resurrect.prototype.handleAtom = function(atom) { var Node = Resurrect.GLOBAL.Node || function() {}; if (Resurrect.isFunction(atom)) { throw new this.Error("Can't serialize functions."); } else if (atom instanceof Node) { var xmls = new XMLSerializer(); return this.builder("Resurrect.Node", [ xmls.serializeToString(atom) ]); } else if (Resurrect.isDate(atom)) { return this.builder("Date", [ atom.toISOString() ]); } else if (Resurrect.isRegExp(atom)) { var args = atom.toString().match(/\/(.+)\/([gimy]*)/).slice(1); return this.builder("RegExp", args); } else if (atom === undefined) { return this.ref(undefined); } else if (Resurrect.isNumber(atom) && (isNaN(atom) || !isFinite(atom))) { return this.builder("Number", [ atom.toString() ]); } else { return atom; } }; Resurrect.prototype.replacerWrapper = function(replacer) { var skip = new RegExp("^" + Resurrect.escapeRegExp(this.prefix)); return function(k, v) { if (skip.test(k)) { return v; } else { return replacer(k, v); } }; }; Resurrect.prototype.stringify = function(object, replacer, space) { if (Resurrect.isFunction(replacer)) { replacer = this.replacerWrapper(replacer); } else if (Resurrect.isArray(replacer)) { var codes = [ this.prefix, this.refcode, this.origcode, this.buildcode, this.valuecode ]; replacer = codes.concat(replacer); } if (Resurrect.isAtom(object)) { return JSON.stringify(this.handleAtom(object), replacer, space); } else { this.table = []; this.visit(object, this.handleAtom.bind(this)); for (var i = 0; i < this.table.length; i++) { if (this.cleanup) { delete this.table[i][this.origcode][this.refcode]; } else { this.table[i][this.origcode][this.refcode] = null; } delete this.table[i][this.refcode]; delete this.table[i][this.origcode]; } var table = this.table; this.table = null; return JSON.stringify(table, replacer, space); } }; Resurrect.prototype.fixPrototype = function(object) { if (this.prefix in object) { var name = object[this.prefix]; var prototype = this.resolver.getPrototype(name); if ("__proto__" in object) { object.__proto__ = prototype; if (this.cleanup) { delete object[this.prefix]; } return object; } else { var copy = Object.create(prototype); for (var key in object) { if (object.hasOwnProperty(key) && key !== this.prefix) { copy[key] = object[key]; } } return copy; } } else { return object; } }; Resurrect.prototype.resurrect = function(string) { var result = null; var data = JSON.parse(string); if (Resurrect.isArray(data)) { this.table = data; if (this.revive) { for (var i = 0; i < this.table.length; i++) { this.table[i] = this.fixPrototype(this.table[i]); } } for (i = 0; i < this.table.length; i++) { var object = this.table[i]; for (var key in object) { if (object.hasOwnProperty(key)) { if (!Resurrect.isAtom(object[key])) { object[key] = this.decode(object[key]); } } } } result = this.table[0]; } else if (Resurrect.isObject(data)) { this.table = []; result = this.decode(data); } else { result = data; } this.table = null; return result; };