Replace css with sass #760 (#765)

* update contextmenu, menu, searchbox remove necessary div. before each class name

* move from css to scss compilation for project and set colors and font to variables

* remove override from css

* update move color and clean styles

* #760 update base on last RP review

* remove some selectors from status bar
This commit is contained in:
ppetkow 2019-08-22 16:56:38 +03:00 committed by Jos de Jong
parent ee64c1fbb3
commit 97893d40b5
30 changed files with 19519 additions and 19019 deletions

1081
dist/jsoneditor.css vendored

File diff suppressed because it is too large Load Diff

578
dist/jsoneditor.js vendored
View File

@ -4872,6 +4872,10 @@ function showSortModal (container, json, onSort, options) {
parent: container,
content: content,
overlayClass: 'jsoneditor-modal-overlay',
overlayStyles: {
backgroundColor: "rgb(1,1,1)",
opacity: 0.3
},
modalClass: 'jsoneditor-modal jsoneditor-modal-sort'
})
.afterCreate(function (modal) {
@ -5037,6 +5041,10 @@ function showTransformModal (container, json, onTransform) {
parent: container,
content: content,
overlayClass: 'jsoneditor-modal-overlay',
overlayStyles: {
backgroundColor: "rgb(1,1,1)",
opacity: 0.3
},
modalClass: 'jsoneditor-modal jsoneditor-modal-transform',
focus: false
})
@ -9998,13 +10006,23 @@ var slicedToArray = function () {
return _arr;
}
return function (arr, i) {
if (Array.isArray(arr)) {
return arr;
} else if (Symbol.iterator in Object(arr)) {
return sliceIterator(arr, i);
} else {
throw new TypeError("Invalid attempt to destructure non-iterable instance");
this.errorTable = new ErrorTable({
errorTableVisible: this.mode === 'text',
onToggleVisibility: function () {
me.validate();
},
onFocusLine: function (line) {
me.isFocused = true;
if (!isNaN(line)) {
me.setTextSelection({row: line, column: 1}, {row: line, column: 1000});
}
},
onChangeHeight: function (height) {
// TODO: change CSS to using flex box, remove setting height using JavaScript
var statusBarHeight = me.dom.statusBar ? me.dom.statusBar.clientHeight : 0;
var totalHeight = height + statusBarHeight + 1;
me.content.style.marginBottom = (-totalHeight) + 'px';
me.content.style.paddingBottom = totalHeight + 'px';
}
};
}();
@ -26478,9 +26496,10 @@ oop.inherits(CommandManager, MultiHashHandler);
return e.returnValue === false ? false : true;
};
this.toggleRecording = function(editor) {
if (this.$inReplay)
return;
this.node = node;
node.setParent(null);
node.setField(this.getName(), false);
delete node.index;
editor && editor._emit("changeStatus");
if (this.recording) {
@ -27240,8 +27259,25 @@ exports.commands = [{
}
}
editor.exitMultiSelectMode();
editor.clearSelection();
var node = Node.getNodeFromTarget(event.target);
if (event.type === 'keydown') {
this._onKeyDown(event);
}
if (node && event.type === 'focus') {
this.focusTarget = event.target;
if (this.options.autocomplete && this.options.autocomplete.trigger === 'focus') {
this._showAutoComplete(event.target);
}
}
if (event.type === 'mousedown') {
this._startDragDistance(event);
}
if (event.type === 'mousemove' || event.type === 'mouseup' || event.type === 'click') {
this._updateDragDistance(event);
}
for(var i = 0; i < newRanges.length; i++) {
editor.selection.addRange(newRanges[i], false);
@ -27783,14 +27819,17 @@ Editor.$uid = 0;
this.renderer.scrollCursorIntoView();
}
this.$highlightBrackets();
this.$highlightTags();
this.$updateHighlightActiveLine();
this._signal("changeSelection");
};
/**
* Show autocomplete menu
* @param {HTMLElement} element
* @private
*/
treemode._showAutoComplete = function (element) {
var node = Node.getNodeFromTarget(element);
this.$updateHighlightActiveLine = function() {
var session = this.getSession();
var jsonElementType = '';
if (element.className.indexOf('jsoneditor-value') >= 0) jsonElementType = 'value';
if (element.className.indexOf('jsoneditor-field') >= 0) jsonElementType = 'field';
var highlight;
if (this.$highlightActiveLine) {
@ -27800,20 +27839,36 @@ Editor.$uid = 0;
highlight = false;
}
if (session.$highlightLineMarker && !highlight) {
session.removeMarker(session.$highlightLineMarker.id);
session.$highlightLineMarker = null;
} else if (!session.$highlightLineMarker && highlight) {
var range = new Range(highlight.row, highlight.column, highlight.row, Infinity);
range.id = session.addMarker(range, "ace_active-line", "screenLine");
session.$highlightLineMarker = range;
} else if (highlight) {
session.$highlightLineMarker.start.row = highlight.row;
session.$highlightLineMarker.end.row = highlight.row;
session.$highlightLineMarker.start.column = highlight.column;
session._signal("changeBackMarker");
setTimeout(function () {
if (node && (self.options.autocomplete.trigger === 'focus' || element.innerText.length > 0)) {
var result = self.options.autocomplete.getOptions(element.innerText, node.getPath(), jsonElementType, node.editor);
if (result === null) {
self.autocomplete.hideDropDown();
} else if (typeof result.then === 'function') {
// probably a promise
result
.then(function (obj) {
if (obj === null) {
self.autocomplete.hideDropDown();
} else if (obj.options) {
self.autocomplete.show(element, obj.startFrom, obj.options);
} else {
self.autocomplete.show(element, 0, obj);
}
};
})
.catch(function (err) {
console.error(err);
});
} else {
// definitely not a promise
if (result.options)
self.autocomplete.show(element, result.startFrom, result.options);
else
self.autocomplete.show(element, 0, result);
}
}
else
self.autocomplete.hideDropDown();
this.onSelectionChange = function(e) {
var session = this.session;
@ -28853,7 +28908,16 @@ Editor.$uid = 0;
if (!ranges.length)
return replaced;
this.$blockScrolling += 1;
exports.parse = function (source, _, options) {
var pointers = {};
var line = 0;
var column = 0;
var pos = 0;
var bigint = options && options.bigint && typeof BigInt != 'undefined';
return {
data: _parse('', true),
pointers: pointers
};
var selection = this.getSelectionRange();
this.selection.moveTo(0, 0);
@ -28863,34 +28927,57 @@ Editor.$uid = 0;
replaced++;
}
}
pos++;
}
}
function parseString() {
var str = '';
var char;
while (true) {
char = getChar();
if (char == '"') {
break;
} else if (char == '\\') {
char = getChar();
if (char in escapedChars)
str += escapedChars[char];
else if (char == 'u')
str += getCharCode();
else
wasUnexpectedToken();
} else {
str += char;
}
}
return str;
}
function parseNumber() {
var numStr = '';
var integer = true;
if (source[pos] == '-') numStr += getChar();
this.selection.setSelectionRange(selection);
this.$blockScrolling -= 1;
return replaced;
};
this.$tryReplace = function(range, replacement) {
var input = this.session.getTextRange(range);
replacement = this.$search.replace(input, replacement);
if (replacement !== null) {
range.end = this.session.replace(range, replacement);
return range;
} else {
return null;
if (source[pos] == '.') {
numStr += getChar() + getDigits();
integer = false;
}
};
this.getLastSearchOptions = function() {
return this.$search.getOptions();
};
this.find = function(needle, options, animate) {
if (!options)
options = {};
if (typeof needle == "string" || needle instanceof RegExp)
options.needle = needle;
else if (typeof needle == "object")
oop.mixin(options, needle);
if (source[pos] == 'e' || source[pos] == 'E') {
numStr += getChar();
if (source[pos] == '+' || source[pos] == '-') numStr += getChar();
numStr += getDigits();
integer = false;
}
var result = +numStr;
return bigint && integer && (result > Number.MAX_SAFE_INTEGER || result < Number.MIN_SAFE_INTEGER)
? BigInt(numStr)
: result;
}
var range = this.selection.getRange();
if (options.needle == null) {
@ -29115,28 +29202,98 @@ var UndoManager = function() {
this.reset();
};
(function() {
this.execute = function(options) {
var deltaSets = options.args[0];
this.$doc = options.args[1];
if (options.merge && this.hasUndo()){
this.dirtyCounter--;
deltaSets = this.$undoStack.pop().concat(deltaSets);
exports.stringify = function (data, _, options) {
if (!validType(data)) return;
var wsLine = 0;
var wsPos, wsColumn;
var whitespace = typeof options == 'object'
? options.space
: options;
switch (typeof whitespace) {
case 'number':
var len = whitespace > 10
? 10
: whitespace < 0
? 0
: Math.floor(whitespace);
whitespace = len && repeat(len, ' ');
wsPos = len;
wsColumn = len;
break;
case 'string':
whitespace = whitespace.slice(0, 10);
wsPos = 0;
wsColumn = 0;
for (var j=0; j<whitespace.length; j++) {
var char = whitespace[j];
switch (char) {
case ' ': wsColumn++; break;
case '\t': wsColumn += 4; break;
case '\r': wsColumn = 0; break;
case '\n': wsColumn = 0; wsLine++; break;
default: throw new Error('whitespace characters not allowed in JSON');
}
this.$undoStack.push(deltaSets);
this.$redoStack = [];
if (this.dirtyCounter < 0) {
this.dirtyCounter = NaN;
wsPos++;
}
this.dirtyCounter++;
break;
default:
whitespace = undefined;
}
var json = '';
var pointers = {};
var line = 0;
var column = 0;
var pos = 0;
var es6 = options && options.es6 && typeof Map == 'function';
_stringify(data, 0, '');
return {
json: json,
pointers: pointers
};
this.undo = function(dontSelect) {
var deltaSets = this.$undoStack.pop();
var undoSelectionRange = null;
if (deltaSets) {
undoSelectionRange = this.$doc.undoChanges(deltaSets, dontSelect);
this.$redoStack.push(deltaSets);
this.dirtyCounter--;
function _stringify(_data, lvl, ptr) {
map(ptr, 'value');
switch (typeof _data) {
case 'number':
case 'bigint':
case 'boolean':
out('' + _data); break;
case 'string':
out(quoted(_data)); break;
case 'object':
if (_data === null) {
out('null');
} else if (typeof _data.toJSON == 'function') {
out(quoted(_data.toJSON()));
} else if (Array.isArray(_data)) {
stringifyArray();
} else if (es6) {
if (_data.constructor.BYTES_PER_ELEMENT)
stringifyArray();
else if (_data instanceof Map)
stringifyMapSet();
else if (_data instanceof Set)
stringifyMapSet(true);
else
stringifyObject();
} else {
stringifyObject();
}
}
map(ptr, 'valueEnd');
function stringifyArray() {
if (_data.length) {
out('[');
var itemLvl = lvl + 1;
for (var i=0; i<_data.length; i++) {
if (i) out(',');
indent(itemLvl);
var item = validType(_data[i]) ? _data[i] : null;
var itemPtr = ptr + '/' + i;
_stringify(item, itemLvl, itemPtr);
}
return undoSelectionRange;
@ -29186,32 +29343,97 @@ var UndoManager = function() {
};
}
function $deserializeDelta(delta) {
return {
action: delta.action,
start: delta.start,
end: delta.end,
lines: delta.lines || [delta.text]
};
function stringifyMapSet(isSet) {
if (_data.size) {
out('{');
var propLvl = lvl + 1;
var first = true;
var entries = _data.entries();
var entry = entries.next();
while (!entry.done) {
var item = entry.value;
var key = item[0];
var value = isSet ? true : item[1];
if (validType(value)) {
if (!first) out(',');
first = false;
var propPtr = ptr + '/' + escapeJsonPointer(key);
indent(propLvl);
map(propPtr, 'key');
out(quoted(key));
map(propPtr, 'keyEnd');
out(':');
if (whitespace) out(' ');
_stringify(value, propLvl, propPtr);
}
entry = entries.next();
}
indent(lvl);
out('}');
} else {
out('{}');
}
}
}
function cloneDeltaSetsObj(deltaSets_old, fnGetModifiedDelta) {
var deltaSets_new = new Array(deltaSets_old.length);
for (var i = 0; i < deltaSets_old.length; i++) {
var deltaSet_old = deltaSets_old[i];
var deltaSet_new = { group: deltaSet_old.group, deltas: new Array(deltaSet_old.length)};
for (var j = 0; j < deltaSet_old.deltas.length; j++) {
var delta_old = deltaSet_old.deltas[j];
deltaSet_new.deltas[j] = fnGetModifiedDelta(delta_old);
function out(str) {
column += str.length;
pos += str.length;
json += str;
}
deltaSets_new[i] = deltaSet_new;
function indent(lvl) {
if (whitespace) {
json += '\n' + repeat(lvl, whitespace);
line++;
column = 0;
while (lvl--) {
if (wsLine) {
line += wsLine;
column = wsColumn;
} else {
column += wsColumn;
}
return deltaSets_new;
}
}
}).call(UndoManager.prototype);
function map(ptr, prop) {
pointers[ptr] = pointers[ptr] || {};
pointers[ptr][prop] = {
line: line,
column: column,
pos: pos
};
}
function repeat(n, str) {
return Array(n + 1).join(str);
}
};
var VALID_TYPES = ['number', 'bigint', 'boolean', 'string', 'object'];
function validType(data) {
return VALID_TYPES.indexOf(typeof data) >= 0;
}
var ESC_QUOTE = /"|\\/g;
var ESC_B = /[\b]/g;
var ESC_F = /\f/g;
var ESC_N = /\n/g;
var ESC_R = /\r/g;
var ESC_T = /\t/g;
function quoted(str) {
str = str.replace(ESC_QUOTE, '\\$&')
.replace(ESC_F, '\\f')
.replace(ESC_B, '\\b')
.replace(ESC_N, '\\n')
.replace(ESC_R, '\\r')
.replace(ESC_T, '\\t');
return '"' + str + '"';
}
exports.UndoManager = UndoManager;
});
@ -32495,7 +32717,53 @@ var WorkerClient = function(topLevelNamespaces, mod, classname, workerUrl, impor
(function(){
oop.implement(this, EventEmitter);
/**
* Duplicate nodes
* duplicated nodes will be added right after the original nodes
* @param {Node[] | Node} nodes
*/
Node.onDuplicate = function(nodes) {
if (!Array.isArray(nodes)) {
return Node.onDuplicate([nodes]);
}
if (nodes && nodes.length > 0) {
var lastNode = nodes[nodes.length - 1];
var parent = lastNode.parent;
var editor = lastNode.editor;
editor.deselect(editor.multiselection.nodes);
// duplicate the nodes
var oldSelection = editor.getDomSelection();
var afterNode = lastNode;
var clones = nodes.map(function (node) {
var clone = node.clone();
if (node.parent.type === 'object') {
var existingFieldNames = node.parent.getFieldNames();
clone.field = util.findUniqueName(node.field, existingFieldNames);
}
parent.insertAfter(clone, afterNode);
afterNode = clone;
return clone;
});
// set selection to the duplicated nodes
if (nodes.length === 1) {
if (clones[0].parent.type === 'object') {
// when duplicating a single object property,
// set focus to the field and keep the original field name
clones[0].dom.field.innerHTML = nodes[0].field;
clones[0].focus('field');
}
else {
clones[0].focus();
}
}
else {
editor.select(clones);
}
var newSelection = editor.getDomSelection();
this.onMessage = function(e) {
var msg = e.data;
@ -36914,7 +37182,7 @@ treemode._setRoot = function (node) {
this.node = node;
node.setParent(null);
node.setField(this.getName(), false);
node.setField(undefined, false);
delete node.index;
// append to the dom
@ -37654,7 +37922,7 @@ treemode._onEvent = function (event) {
this._onKeyDown(event);
}
if (node && event.type === 'focus') {
if (event.type === 'focus') {
this.focusTarget = event.target;
if (this.options.autocomplete && this.options.autocomplete.trigger === 'focus') {
this._showAutoComplete(event.target);
@ -38019,27 +38287,27 @@ treemode._findTopLevelNodes = function (start, end) {
/**
* Show autocomplete menu
* @param {Node} node
* @param {HTMLElement} element
* @private
*/
treemode._showAutoComplete = function (element) {
var node = Node.getNodeFromTarget(element);
var jsonElementType = '';
if (element.className.indexOf('jsoneditor-value') >= 0) jsonElementType = 'value';
if (element.className.indexOf('jsoneditor-field') >= 0) jsonElementType = 'field';
var jsonElementType = "";
if (event.target.className.indexOf("jsoneditor-value") >= 0) jsonElementType = "value";
if (event.target.className.indexOf("jsoneditor-field") >= 0) jsonElementType = "field";
var self = this;
setTimeout(function () {
if (node && (self.options.autocomplete.trigger === 'focus' || element.innerText.length > 0)) {
if (self.options.autocomplete.trigger === 'focus' || element.innerText.length > 0) {
var result = self.options.autocomplete.getOptions(element.innerText, node.getPath(), jsonElementType, node.editor);
if (result === null) {
self.autocomplete.hideDropDown();
} else if (typeof result.then === 'function') {
// probably a promise
result
.then(function (obj) {
if (result.then(function (obj) {
if (obj === null) {
self.autocomplete.hideDropDown();
} else if (obj.options) {
@ -38047,10 +38315,7 @@ treemode._showAutoComplete = function (element) {
} else {
self.autocomplete.show(element, 0, obj);
}
})
.catch(function (err) {
console.error(err);
});
}.bind(self)));
} else {
// definitely not a promise
if (result.options)
@ -39250,12 +39515,11 @@ var escapedChars = {
var A_CODE = 'a'.charCodeAt();
exports.parse = function (source, _, options) {
exports.parse = function (source) {
var pointers = {};
var line = 0;
var column = 0;
var pos = 0;
var bigint = options && options.bigint && typeof BigInt != 'undefined';
return {
data: _parse('', true),
pointers: pointers
@ -39322,31 +39586,42 @@ exports.parse = function (source, _, options) {
return str;
}
function parseNumber() {
var numStr = '';
var integer = true;
if (source[pos] == '-') numStr += getChar();
this.errorTable = new ErrorTable({
errorTableVisible: true,
onToggleVisibility: function () {
me.validate();
},
onFocusLine: null,
onChangeHeight: function (height) {
// TODO: change CSS to using flex box, remove setting height using JavaScript
var statusBarHeight = me.dom.statusBar ? me.dom.statusBar.clientHeight : 0;
var totalHeight = height + statusBarHeight + 1;
me.content.style.marginBottom = (-totalHeight) + 'px';
me.content.style.paddingBottom = totalHeight + 'px';
}
});
this.frame.appendChild(this.content);
this.frame.appendChild(this.errorTable.getErrorTable());
this.container.appendChild(this.frame);
if (options.statusBar) {
util.addClassName(this.content, 'has-status-bar');
numStr += source[pos] == '0'
? getChar()
: getDigits();
if (source[pos] == '.') {
if (source[pos] == '.')
numStr += getChar() + getDigits();
integer = false;
}
if (source[pos] == 'e' || source[pos] == 'E') {
numStr += getChar();
if (source[pos] == '+' || source[pos] == '-') numStr += getChar();
numStr += getDigits();
integer = false;
}
var result = +numStr;
return bigint && integer && (result > Number.MAX_SAFE_INTEGER || result < Number.MIN_SAFE_INTEGER)
? BigInt(numStr)
: result;
return +numStr;
}
function parseArray(ptr) {
@ -39472,13 +39747,10 @@ exports.parse = function (source, _, options) {
};
exports.stringify = function (data, _, options) {
exports.stringify = function (data, _, whitespace) {
if (!validType(data)) return;
var wsLine = 0;
var wsPos, wsColumn;
var whitespace = typeof options == 'object'
? options.space
: options;
switch (typeof whitespace) {
case 'number':
var len = whitespace > 10
@ -39515,7 +39787,6 @@ exports.stringify = function (data, _, options) {
var line = 0;
var column = 0;
var pos = 0;
var es6 = options && options.es6 && typeof Map == 'function';
_stringify(data, 0, '');
return {
json: json,
@ -39526,30 +39797,19 @@ exports.stringify = function (data, _, options) {
map(ptr, 'value');
switch (typeof _data) {
case 'number':
case 'bigint':
case 'boolean':
out('' + _data); break;
case 'string':
out(quoted(_data)); break;
case 'object':
if (_data === null) {
if (_data === null)
out('null');
} else if (typeof _data.toJSON == 'function') {
else if (typeof _data.toJSON == 'function')
out(quoted(_data.toJSON()));
} else if (Array.isArray(_data)) {
else if (Array.isArray(_data))
stringifyArray();
} else if (es6) {
if (_data.constructor.BYTES_PER_ELEMENT)
stringifyArray();
else if (_data instanceof Map)
stringifyMapSet();
else if (_data instanceof Set)
stringifyMapSet(true);
else
stringifyObject();
} else {
stringifyObject();
}
}
map(ptr, 'valueEnd');
@ -39597,38 +39857,6 @@ exports.stringify = function (data, _, options) {
out('{}');
}
}
function stringifyMapSet(isSet) {
if (_data.size) {
out('{');
var propLvl = lvl + 1;
var first = true;
var entries = _data.entries();
var entry = entries.next();
while (!entry.done) {
var item = entry.value;
var key = item[0];
var value = isSet ? true : item[1];
if (validType(value)) {
if (!first) out(',');
first = false;
var propPtr = ptr + '/' + escapeJsonPointer(key);
indent(propLvl);
map(propPtr, 'key');
out(quoted(key));
map(propPtr, 'keyEnd');
out(':');
if (whitespace) out(' ');
_stringify(value, propLvl, propPtr);
}
entry = entries.next();
}
indent(lvl);
out('}');
} else {
out('{}');
}
}
}
function out(str) {
@ -39670,7 +39898,7 @@ exports.stringify = function (data, _, options) {
};
var VALID_TYPES = ['number', 'bigint', 'boolean', 'string', 'object'];
var VALID_TYPES = ['number', 'boolean', 'string', 'object'];
function validType(data) {
return VALID_TYPES.indexOf(typeof data) >= 0;
}
@ -43778,16 +44006,8 @@ Node.onDuplicate = function(nodes) {
// set selection to the duplicated nodes
if (nodes.length === 1) {
if (clones[0].parent.type === 'object') {
// when duplicating a single object property,
// set focus to the field and keep the original field name
clones[0].dom.field.innerHTML = nodes[0].field;
clones[0].focus('field');
}
else {
clones[0].focus();
}
}
else {
editor.select(clones);
}

File diff suppressed because one or more lines are too long

View File

@ -5,6 +5,7 @@ var log = require('fancy-log');
var format = require('date-format');
var concatCss = require('gulp-concat-css');
var minifyCSS = require('gulp-clean-css');
var sass = require('gulp-sass')
var mkdirp = require('mkdirp');
var webpack = require('webpack');
var uglify = require('uglify-js');
@ -13,7 +14,7 @@ var NAME = 'jsoneditor';
var NAME_MINIMALIST = 'jsoneditor-minimalist';
var ENTRY = './src/js/JSONEditor.js';
var HEADER = './src/js/header.js';
var IMAGE = './src/css/img/jsoneditor-icons.svg';
var IMAGE = './src/scss/img/jsoneditor-icons.svg';
var DOCS = './src/docs/*';
var DIST = path.join(__dirname, 'dist');
@ -147,28 +148,29 @@ gulp.task('bundle-minimalist', function(done) {
gulp.task('bundle-css', function(done) {
gulp
.src([
'src/css/reset.css',
'src/css/jsoneditor.css',
'src/css/contextmenu.css',
'src/css/menu.css',
'src/css/searchbox.css',
'src/css/autocomplete.css',
'src/css/treepath.css',
'src/css/statusbar.css',
'src/css/navigationbar.css',
'src/js/assets/selectr/selectr.css'
'src/scss/reset.scss',
'src/scss/jsoneditor.scss',
'src/scss/contextmenu.scss',
'src/scss/menu.scss',
'src/scss/searchbox.scss',
'src/scss/autocomplete.scss',
'src/scss/treepath.scss',
'src/scss/statusbar.scss',
'src/scss/navigationbar.scss',
'src/js/assets/selectr/selectr.scss',
])
.pipe(
sass({
// importer: tildeImporter
})
)
.pipe(concatCss(NAME + '.css'))
.pipe(gulp.dest(DIST))
.pipe(concatCss(NAME + '.min.css'))
.pipe(minifyCSS())
.pipe(gulp.dest(DIST));
log('bundled ' + DIST + '/' + NAME + '.css');
log('bundled ' + DIST + '/' + NAME + '.min.css');
done();
});
.pipe(gulp.dest(DIST))
done()
})
// create a folder img and copy the icons
gulp.task('copy-img', function(done) {

530
package-lock.json generated
View File

@ -203,6 +203,12 @@
"integrity": "sha512-sY5AXXVZv4Y1VACTtR11UJCPHHudgY5i26Qj5TypE6DKlIApbwb5uqhXcJ5UUGbvZNRh7EeIoW+LrJumBsKp7w==",
"dev": true
},
"abbrev": {
"version": "1.1.1",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/abbrev/-/abbrev-1.1.1.tgz",
"integrity": "sha1-+PLIh60Qv2f2NPAFtph/7TF5qsg=",
"dev": true
},
"acorn": {
"version": "6.3.0",
"resolved": "https://registry.npmjs.org/acorn/-/acorn-6.3.0.tgz",
@ -248,6 +254,12 @@
"integrity": "sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ==",
"dev": true
},
"amdefine": {
"version": "1.0.1",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/amdefine/-/amdefine-1.0.1.tgz",
"integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=",
"dev": true
},
"ansi-colors": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz",
@ -336,6 +348,16 @@
"integrity": "sha1-+cjBN1fMHde8N5rHeyxipcKGjEA=",
"dev": true
},
"are-we-there-yet": {
"version": "1.1.5",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz",
"integrity": "sha1-SzXClE8GKov82mZBB2A1D+nd/CE=",
"dev": true,
"requires": {
"delegates": "^1.0.0",
"readable-stream": "^2.0.6"
}
},
"argparse": {
"version": "1.0.10",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
@ -393,6 +415,12 @@
"integrity": "sha1-jCpe8kcv2ep0KwTHenUJO6J1fJM=",
"dev": true
},
"array-find-index": {
"version": "1.0.2",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/array-find-index/-/array-find-index-1.0.2.tgz",
"integrity": "sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=",
"dev": true
},
"array-initial": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/array-initial/-/array-initial-1.1.0.tgz",
@ -563,6 +591,12 @@
"integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==",
"dev": true
},
"async-foreach": {
"version": "0.1.3",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/async-foreach/-/async-foreach-0.1.3.tgz",
"integrity": "sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI=",
"dev": true
},
"async-limiter": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
@ -707,6 +741,15 @@
"integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
"dev": true
},
"block-stream": {
"version": "0.0.9",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/block-stream/-/block-stream-0.0.9.tgz",
"integrity": "sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo=",
"dev": true,
"requires": {
"inherits": "~2.0.0"
}
},
"bluebird": {
"version": "3.5.5",
"resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.5.tgz",
@ -941,6 +984,24 @@
"integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo=",
"dev": true
},
"camelcase-keys": {
"version": "2.1.0",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
"integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",
"dev": true,
"requires": {
"camelcase": "^2.0.0",
"map-obj": "^1.0.0"
},
"dependencies": {
"camelcase": {
"version": "2.1.1",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/camelcase/-/camelcase-2.1.1.tgz",
"integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=",
"dev": true
}
}
},
"caseless": {
"version": "0.12.0",
"resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
@ -1204,6 +1265,12 @@
"date-now": "^0.1.4"
}
},
"console-control-strings": {
"version": "1.1.0",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/console-control-strings/-/console-control-strings-1.1.0.tgz",
"integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
"dev": true
},
"constants-browserify": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
@ -1359,6 +1426,15 @@
"cssom": "0.3.x"
}
},
"currently-unhandled": {
"version": "0.4.1",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
"integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=",
"dev": true,
"requires": {
"array-find-index": "^1.0.1"
}
},
"cyclist": {
"version": "0.2.2",
"resolved": "https://registry.npmjs.org/cyclist/-/cyclist-0.2.2.tgz",
@ -1513,6 +1589,12 @@
"integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=",
"dev": true
},
"delegates": {
"version": "1.0.0",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/delegates/-/delegates-1.0.0.tgz",
"integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=",
"dev": true
},
"des.js": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.0.tgz",
@ -2728,12 +2810,57 @@
}
}
},
"fstream": {
"version": "1.0.12",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/fstream/-/fstream-1.0.12.tgz",
"integrity": "sha1-Touo7i1Ivk99DeUFRVVI6uWTIEU=",
"dev": true,
"requires": {
"graceful-fs": "^4.1.2",
"inherits": "~2.0.0",
"mkdirp": ">=0.5 0",
"rimraf": "2"
}
},
"function-bind": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
"dev": true
},
"gauge": {
"version": "2.7.4",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/gauge/-/gauge-2.7.4.tgz",
"integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
"dev": true,
"requires": {
"aproba": "^1.0.3",
"console-control-strings": "^1.0.0",
"has-unicode": "^2.0.0",
"object-assign": "^4.1.0",
"signal-exit": "^3.0.0",
"string-width": "^1.0.1",
"strip-ansi": "^3.0.1",
"wide-align": "^1.1.0"
},
"dependencies": {
"object-assign": {
"version": "4.1.1",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/object-assign/-/object-assign-4.1.1.tgz",
"integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
"dev": true
}
}
},
"gaze": {
"version": "1.1.3",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/gaze/-/gaze-1.1.3.tgz",
"integrity": "sha1-xEFzPhO5J6yMD/C0w7Az8ogSkko=",
"dev": true,
"requires": {
"globule": "^1.0.0"
}
},
"get-caller-file": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
@ -2750,6 +2877,12 @@
"import-regex": "^1.1.0"
}
},
"get-stdin": {
"version": "4.0.1",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/get-stdin/-/get-stdin-4.0.1.tgz",
"integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=",
"dev": true
},
"get-stream": {
"version": "4.1.0",
"resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
@ -2904,6 +3037,17 @@
}
}
},
"globule": {
"version": "1.2.1",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/globule/-/globule-1.2.1.tgz",
"integrity": "sha1-Xf+xsZHyLSB5epNptJ6rTpg5aW0=",
"dev": true,
"requires": {
"glob": "~7.1.1",
"lodash": "~4.17.10",
"minimatch": "~3.0.2"
}
},
"glogg": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/glogg/-/glogg-1.0.2.tgz",
@ -3090,6 +3234,39 @@
}
}
},
"gulp-sass": {
"version": "4.0.2",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/gulp-sass/-/gulp-sass-4.0.2.tgz",
"integrity": "sha1-z7Hj7/K9mFJDHHzof0OICAfY1QU=",
"dev": true,
"requires": {
"chalk": "^2.3.0",
"lodash.clonedeep": "^4.3.2",
"node-sass": "^4.8.3",
"plugin-error": "^1.0.1",
"replace-ext": "^1.0.0",
"strip-ansi": "^4.0.0",
"through2": "^2.0.0",
"vinyl-sourcemaps-apply": "^0.2.0"
},
"dependencies": {
"ansi-regex": {
"version": "3.0.0",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/ansi-regex/-/ansi-regex-3.0.0.tgz",
"integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
"dev": true
},
"strip-ansi": {
"version": "4.0.0",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/strip-ansi/-/strip-ansi-4.0.0.tgz",
"integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
"dev": true,
"requires": {
"ansi-regex": "^3.0.0"
}
}
}
},
"gulplog": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/gulplog/-/gulplog-1.0.0.tgz",
@ -3124,6 +3301,15 @@
"function-bind": "^1.1.1"
}
},
"has-ansi": {
"version": "2.0.0",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/has-ansi/-/has-ansi-2.0.0.tgz",
"integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
"dev": true,
"requires": {
"ansi-regex": "^2.0.0"
}
},
"has-flag": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
@ -3136,6 +3322,12 @@
"integrity": "sha1-uhqPGvKg/DllD1yFA2dwQSIGO0Q=",
"dev": true
},
"has-unicode": {
"version": "2.0.1",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/has-unicode/-/has-unicode-2.0.1.tgz",
"integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=",
"dev": true
},
"has-value": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz",
@ -3279,6 +3471,21 @@
"integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
"dev": true
},
"in-publish": {
"version": "2.0.0",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/in-publish/-/in-publish-2.0.0.tgz",
"integrity": "sha1-4g/146KvwmkDILbcVSaCqcf631E=",
"dev": true
},
"indent-string": {
"version": "2.1.0",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/indent-string/-/indent-string-2.1.0.tgz",
"integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=",
"dev": true,
"requires": {
"repeating": "^2.0.0"
}
},
"infer-owner": {
"version": "1.0.4",
"resolved": "https://registry.npmjs.org/infer-owner/-/infer-owner-1.0.4.tgz",
@ -3439,6 +3646,15 @@
"integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
"dev": true
},
"is-finite": {
"version": "1.0.2",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/is-finite/-/is-finite-1.0.2.tgz",
"integrity": "sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=",
"dev": true,
"requires": {
"number-is-nan": "^1.0.0"
}
},
"is-fullwidth-code-point": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
@ -3598,6 +3814,12 @@
"resolved": "https://registry.npmjs.org/jmespath/-/jmespath-0.15.0.tgz",
"integrity": "sha1-o/Iiqarp+Wb10nx5ZRDigJF2Qhc="
},
"js-base64": {
"version": "2.5.1",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/js-base64/-/js-base64-2.5.1.tgz",
"integrity": "sha1-Hvo57yxfeYC7F4St5KivLeMpESE=",
"dev": true
},
"js-yaml": {
"version": "3.13.1",
"resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.13.1.tgz",
@ -3910,6 +4132,12 @@
"lodash.keys": "^3.0.0"
}
},
"lodash.clonedeep": {
"version": "4.5.0",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
"integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=",
"dev": true
},
"lodash.defaults": {
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/lodash.defaults/-/lodash.defaults-3.1.2.tgz",
@ -3964,6 +4192,16 @@
"chalk": "^2.0.1"
}
},
"loud-rejection": {
"version": "1.6.0",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/loud-rejection/-/loud-rejection-1.6.0.tgz",
"integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=",
"dev": true,
"requires": {
"currently-unhandled": "^0.4.1",
"signal-exit": "^3.0.0"
}
},
"lru-cache": {
"version": "5.1.1",
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
@ -4021,6 +4259,12 @@
"integrity": "sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=",
"dev": true
},
"map-obj": {
"version": "1.0.1",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/map-obj/-/map-obj-1.0.1.tgz",
"integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
"dev": true
},
"map-visit": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
@ -4097,6 +4341,38 @@
"readable-stream": "^2.0.1"
}
},
"meow": {
"version": "3.7.0",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/meow/-/meow-3.7.0.tgz",
"integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=",
"dev": true,
"requires": {
"camelcase-keys": "^2.0.0",
"decamelize": "^1.1.2",
"loud-rejection": "^1.0.0",
"map-obj": "^1.0.1",
"minimist": "^1.1.3",
"normalize-package-data": "^2.3.4",
"object-assign": "^4.0.1",
"read-pkg-up": "^1.0.1",
"redent": "^1.0.0",
"trim-newlines": "^1.0.0"
},
"dependencies": {
"minimist": {
"version": "1.2.0",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/minimist/-/minimist-1.2.0.tgz",
"integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
"dev": true
},
"object-assign": {
"version": "4.1.1",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/object-assign/-/object-assign-4.1.1.tgz",
"integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
"dev": true
}
}
},
"micromatch": {
"version": "3.1.10",
"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
@ -4505,8 +4781,7 @@
"version": "2.14.0",
"resolved": "https://registry.npmjs.org/nan/-/nan-2.14.0.tgz",
"integrity": "sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==",
"dev": true,
"optional": true
"dev": true
},
"nanomatch": {
"version": "1.2.13",
@ -4555,6 +4830,34 @@
"semver": "^5.7.0"
}
},
"node-gyp": {
"version": "3.8.0",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/node-gyp/-/node-gyp-3.8.0.tgz",
"integrity": "sha1-VAMEJhwzDoDQ1e3OJTpoyzlkIYw=",
"dev": true,
"requires": {
"fstream": "^1.0.0",
"glob": "^7.0.3",
"graceful-fs": "^4.1.2",
"mkdirp": "^0.5.0",
"nopt": "2 || 3",
"npmlog": "0 || 1 || 2 || 3 || 4",
"osenv": "0",
"request": "^2.87.0",
"rimraf": "2",
"semver": "~5.3.0",
"tar": "^2.0.0",
"which": "1"
},
"dependencies": {
"semver": {
"version": "5.3.0",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/semver/-/semver-5.3.0.tgz",
"integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8=",
"dev": true
}
}
},
"node-libs-browser": {
"version": "2.2.1",
"resolved": "https://registry.npmjs.org/node-libs-browser/-/node-libs-browser-2.2.1.tgz",
@ -4594,6 +4897,93 @@
}
}
},
"node-sass": {
"version": "4.12.0",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/node-sass/-/node-sass-4.12.0.tgz",
"integrity": "sha1-CRT1MZMjgBFKMMxfpPpjIzol8Bc=",
"dev": true,
"requires": {
"async-foreach": "^0.1.3",
"chalk": "^1.1.1",
"cross-spawn": "^3.0.0",
"gaze": "^1.0.0",
"get-stdin": "^4.0.1",
"glob": "^7.0.3",
"in-publish": "^2.0.0",
"lodash": "^4.17.11",
"meow": "^3.7.0",
"mkdirp": "^0.5.1",
"nan": "^2.13.2",
"node-gyp": "^3.8.0",
"npmlog": "^4.0.0",
"request": "^2.88.0",
"sass-graph": "^2.2.4",
"stdout-stream": "^1.4.0",
"true-case-path": "^1.0.2"
},
"dependencies": {
"ansi-styles": {
"version": "2.2.1",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/ansi-styles/-/ansi-styles-2.2.1.tgz",
"integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
"dev": true
},
"chalk": {
"version": "1.1.3",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/chalk/-/chalk-1.1.3.tgz",
"integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
"dev": true,
"requires": {
"ansi-styles": "^2.2.1",
"escape-string-regexp": "^1.0.2",
"has-ansi": "^2.0.0",
"strip-ansi": "^3.0.0",
"supports-color": "^2.0.0"
}
},
"cross-spawn": {
"version": "3.0.1",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/cross-spawn/-/cross-spawn-3.0.1.tgz",
"integrity": "sha1-ElYDfsufDF9549bvE14wdwGEuYI=",
"dev": true,
"requires": {
"lru-cache": "^4.0.1",
"which": "^1.2.9"
}
},
"lru-cache": {
"version": "4.1.5",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/lru-cache/-/lru-cache-4.1.5.tgz",
"integrity": "sha1-i75Q6oW+1ZvJ4z3KuCNe6bz0Q80=",
"dev": true,
"requires": {
"pseudomap": "^1.0.2",
"yallist": "^2.1.2"
}
},
"supports-color": {
"version": "2.0.0",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/supports-color/-/supports-color-2.0.0.tgz",
"integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
"dev": true
},
"yallist": {
"version": "2.1.2",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/yallist/-/yallist-2.1.2.tgz",
"integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
"dev": true
}
}
},
"nopt": {
"version": "3.0.6",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/nopt/-/nopt-3.0.6.tgz",
"integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=",
"dev": true,
"requires": {
"abbrev": "1"
}
},
"normalize-package-data": {
"version": "2.5.0",
"resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
@ -4633,6 +5023,18 @@
"path-key": "^2.0.0"
}
},
"npmlog": {
"version": "4.1.2",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/npmlog/-/npmlog-4.1.2.tgz",
"integrity": "sha1-CKfyqL9zRgR3mp76StXMcXq7lUs=",
"dev": true,
"requires": {
"are-we-there-yet": "~1.1.2",
"console-control-strings": "~1.1.0",
"gauge": "~2.7.3",
"set-blocking": "~2.0.0"
}
},
"number-is-nan": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
@ -4804,6 +5206,12 @@
"integrity": "sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=",
"dev": true
},
"os-homedir": {
"version": "1.0.2",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/os-homedir/-/os-homedir-1.0.2.tgz",
"integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=",
"dev": true
},
"os-locale": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
@ -4813,6 +5221,22 @@
"lcid": "^1.0.0"
}
},
"os-tmpdir": {
"version": "1.0.2",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
"integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
"dev": true
},
"osenv": {
"version": "0.1.5",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/osenv/-/osenv-0.1.5.tgz",
"integrity": "sha1-hc36+uso6Gd/QW4odZK18/SepBA=",
"dev": true,
"requires": {
"os-homedir": "^1.0.0",
"os-tmpdir": "^1.0.0"
}
},
"p-defer": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz",
@ -5129,6 +5553,12 @@
"integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY=",
"dev": true
},
"pseudomap": {
"version": "1.0.2",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/pseudomap/-/pseudomap-1.0.2.tgz",
"integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=",
"dev": true
},
"psl": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/psl/-/psl-1.3.0.tgz",
@ -5268,6 +5698,16 @@
"resolve": "^1.1.6"
}
},
"redent": {
"version": "1.0.0",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/redent/-/redent-1.0.0.tgz",
"integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=",
"dev": true,
"requires": {
"indent-string": "^2.1.0",
"strip-indent": "^1.0.1"
}
},
"regex-not": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
@ -5317,6 +5757,15 @@
"integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=",
"dev": true
},
"repeating": {
"version": "2.0.1",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/repeating/-/repeating-2.0.1.tgz",
"integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=",
"dev": true,
"requires": {
"is-finite": "^1.0.0"
}
},
"replace-ext": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz",
@ -5567,6 +6016,18 @@
"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
"dev": true
},
"sass-graph": {
"version": "2.2.4",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/sass-graph/-/sass-graph-2.2.4.tgz",
"integrity": "sha1-E/vWPNHK8JCLn9k0dq1DpR0eC0k=",
"dev": true,
"requires": {
"glob": "^7.0.0",
"lodash": "^4.0.0",
"scss-tokenizer": "^0.2.3",
"yargs": "^7.0.0"
}
},
"saxes": {
"version": "3.1.11",
"resolved": "https://registry.npmjs.org/saxes/-/saxes-3.1.11.tgz",
@ -5587,6 +6048,27 @@
"ajv-keywords": "^3.1.0"
}
},
"scss-tokenizer": {
"version": "0.2.3",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz",
"integrity": "sha1-jrBtualyMzOCTT9VMGQRSYR85dE=",
"dev": true,
"requires": {
"js-base64": "^2.1.8",
"source-map": "^0.4.2"
},
"dependencies": {
"source-map": {
"version": "0.4.4",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/source-map/-/source-map-0.4.4.tgz",
"integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
"dev": true,
"requires": {
"amdefine": ">=0.0.4"
}
}
}
},
"semver": {
"version": "5.7.1",
"resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
@ -5936,6 +6418,15 @@
}
}
},
"stdout-stream": {
"version": "1.4.1",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/stdout-stream/-/stdout-stream-1.4.1.tgz",
"integrity": "sha1-WsF0zdXNcmEEqgwLK9g4FdjVNd4=",
"dev": true,
"requires": {
"readable-stream": "^2.0.1"
}
},
"stealthy-require": {
"version": "1.1.1",
"resolved": "https://registry.npmjs.org/stealthy-require/-/stealthy-require-1.1.1.tgz",
@ -6031,6 +6522,15 @@
"integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=",
"dev": true
},
"strip-indent": {
"version": "1.0.1",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/strip-indent/-/strip-indent-1.0.1.tgz",
"integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=",
"dev": true,
"requires": {
"get-stdin": "^4.0.1"
}
},
"strip-json-comments": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
@ -6068,6 +6568,17 @@
"integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==",
"dev": true
},
"tar": {
"version": "2.2.2",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/tar/-/tar-2.2.2.tgz",
"integrity": "sha1-DKiEhWLHKZuLRG/2pNYM27I+3EA=",
"dev": true,
"requires": {
"block-stream": "*",
"fstream": "^1.0.12",
"inherits": "2"
}
},
"terser": {
"version": "4.1.4",
"resolved": "https://registry.npmjs.org/terser/-/terser-4.1.4.tgz",
@ -6242,6 +6753,21 @@
"punycode": "^2.1.0"
}
},
"trim-newlines": {
"version": "1.0.0",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/trim-newlines/-/trim-newlines-1.0.0.tgz",
"integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=",
"dev": true
},
"true-case-path": {
"version": "1.0.3",
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/true-case-path/-/true-case-path-1.0.3.tgz",
"integrity": "sha1-+BO1qMhrQNpZYGcisUTjIleZ9H0=",
"dev": true,
"requires": {
"glob": "^7.1.2"
}
},
"tslib": {
"version": "1.10.0",
"resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",

View File

@ -39,6 +39,7 @@
"gulp": "4.0.2",
"gulp-clean-css": "4.2.0",
"gulp-concat-css": "3.1.0",
"gulp-sass": "^4.0.2",
"jsdom": "15.1.1",
"json-loader": "0.5.7",
"mkdirp": "0.5.1",

View File

@ -1,32 +0,0 @@
div.jsoneditor div.autocomplete.dropdown {
position: absolute;
background: white;
box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
border: 1px solid #d3d3d3;
z-index: 100;
overflow-x: hidden;
overflow-y: auto;
cursor: default;
margin: 0;
padding-left: 2pt;
padding-right: 5pt;
text-align: left;
outline: 0;
font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
font-size: 10pt;
}
div.jsoneditor div.autocomplete.dropdown .item {
color: #333;
}
div.jsoneditor div.autocomplete.dropdown .item.hover {
background-color: #ddd;
}
div.jsoneditor div.autocomplete.hint {
color: #aaa;
top:4px;
left:4px;
}

View File

@ -1,518 +0,0 @@
/* ContextMenu - main menu */
div.jsoneditor-contextmenu-root {
position: relative;
width: 0;
height: 0;
}
div.jsoneditor-contextmenu {
position: absolute;
box-sizing: content-box;
z-index: 99999;
}
div.jsoneditor-contextmenu ul,
div.jsoneditor-contextmenu li {
box-sizing: content-box;
position: relative;
}
div.jsoneditor-contextmenu ul {
position: relative;
left: 0;
top: 0;
width: 128px;
background: white;
border: 1px solid #d3d3d3;
box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
list-style: none;
margin: 0;
padding: 0;
}
div.jsoneditor-contextmenu ul li button {
position: relative;
padding: 0 4px 0 0;
margin: 0;
width: 128px;
height: auto;
border: none;
cursor: pointer;
color: #4d4d4d;
background: transparent;
font-size: 10pt;
font-family: arial, sans-serif;
box-sizing: border-box;
text-align: left;
}
/* Fix button padding in firefox */
div.jsoneditor-contextmenu ul li button::-moz-focus-inner {
padding: 0;
border: 0;
}
div.jsoneditor-contextmenu ul li button:hover,
div.jsoneditor-contextmenu ul li button:focus {
color: #1a1a1a;
background-color: #f5f5f5;
outline: none;
}
div.jsoneditor-contextmenu ul li button.jsoneditor-default {
width: 96px; /* 128px - 32px */
}
div.jsoneditor-contextmenu ul li button.jsoneditor-expand {
float: right;
width: 32px;
height: 24px;
border-left: 1px solid #e5e5e5;
}
div.jsoneditor-contextmenu div.jsoneditor-icon {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
border: none;
padding: 0;
margin: 0;
background-image: url('./img/jsoneditor-icons.svg');
}
div.jsoneditor-contextmenu ul li ul div.jsoneditor-icon {
margin-left: 24px;
}
div.jsoneditor-contextmenu div.jsoneditor-text {
padding: 4px 0 4px 24px;
word-wrap: break-word;
}
div.jsoneditor-contextmenu div.jsoneditor-text.jsoneditor-right-margin {
padding-right: 24px;
}
div.jsoneditor-contextmenu ul li button div.jsoneditor-expand {
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 24px;
padding: 0;
margin: 0 4px 0 0;
background: url('./img/jsoneditor-icons.svg') 0 -72px;
}
div.jsoneditor-contextmenu div.jsoneditor-separator {
height: 0;
border-top: 1px solid #e5e5e5;
padding-top: 5px;
margin-top: 5px;
}
div.jsoneditor-contextmenu button.jsoneditor-remove > div.jsoneditor-icon {
background-position: -24px 0;
}
div.jsoneditor-contextmenu button.jsoneditor-append > div.jsoneditor-icon {
background-position: 0 0;
}
div.jsoneditor-contextmenu button.jsoneditor-insert > div.jsoneditor-icon {
background-position: 0 0;
}
div.jsoneditor-contextmenu button.jsoneditor-duplicate > div.jsoneditor-icon {
background-position: -48px 0;
}
div.jsoneditor-contextmenu button.jsoneditor-sort-asc > div.jsoneditor-icon {
background-position: -168px 0;
}
div.jsoneditor-contextmenu button.jsoneditor-sort-desc > div.jsoneditor-icon {
background-position: -192px 0;
}
div.jsoneditor-contextmenu button.jsoneditor-transform > div.jsoneditor-icon {
background-position: -216px 0;
}
div.jsoneditor-contextmenu button.jsoneditor-extract > div.jsoneditor-icon {
background-position: 0 -24px;
}
/* ContextMenu - sub menu */
div.jsoneditor-contextmenu ul li button.jsoneditor-selected,
div.jsoneditor-contextmenu ul li button.jsoneditor-selected:hover,
div.jsoneditor-contextmenu ul li button.jsoneditor-selected:focus {
color: white;
background-color: #ee422e;
}
div.jsoneditor-contextmenu ul li {
overflow: hidden;
}
div.jsoneditor-contextmenu ul li ul {
display: none;
position: relative;
left: -10px;
top: 0;
border: none;
box-shadow: inset 0 0 10px rgba(128, 128, 128, 0.5);
padding: 0 10px;
/* TODO: transition is not supported on IE8-9 */
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
div.jsoneditor-contextmenu ul li.jsoneditor-selected ul {
}
div.jsoneditor-contextmenu ul li ul li button {
padding-left: 24px;
animation: all ease-in-out 1s;
}
div.jsoneditor-contextmenu ul li ul li button:hover,
div.jsoneditor-contextmenu ul li ul li button:focus {
background-color: #f5f5f5;
}
div.jsoneditor-contextmenu button.jsoneditor-type-string > div.jsoneditor-icon {
background-position: -144px 0;
}
div.jsoneditor-contextmenu button.jsoneditor-type-auto > div.jsoneditor-icon {
background-position: -120px 0;
}
div.jsoneditor-contextmenu button.jsoneditor-type-object > div.jsoneditor-icon {
background-position: -72px 0;
}
div.jsoneditor-contextmenu button.jsoneditor-type-array > div.jsoneditor-icon {
background-position: -96px 0;
}
div.jsoneditor-contextmenu button.jsoneditor-type-modes > div.jsoneditor-icon {
background-image: none;
width: 6px;
}
/* pico modal styling */
.jsoneditor-modal-overlay {
position: absolute !important;
background: rgb(1,1,1) !important;
opacity: 0.3 !important;
}
.jsoneditor-modal {
position: absolute !important;
max-width: 95% !important;
width: auto !important;
border-radius: 2px !important;
padding: 45px 15px 15px 15px !important;
box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3) !important;
color: #4d4d4d;
line-height: 1.3em;
}
.jsoneditor-modal.jsoneditor-modal-transform {
width: 600px !important;
}
.jsoneditor-modal .pico-modal-header {
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
width: 100%;
padding: 0 10px;
height: 30px;
line-height: 30px;
font-family: arial, sans-serif;
font-size: 11pt;
background: #3883fa;
color: white;
}
.jsoneditor-modal table {
width: 100%;
}
.jsoneditor-modal table th,
.jsoneditor-modal table td {
text-align: left;
vertical-align: top;
font-weight: normal;
color: #4d4d4d;
border-spacing: 0;
border-collapse: collapse;
}
.jsoneditor-modal table td {
padding: 3px 0;
}
.jsoneditor-modal p:first-child {
margin-top: 0;
}
.jsoneditor-modal a {
color: #3883fa;
}
.jsoneditor-modal table td:first-child {
}
.jsoneditor-modal .jsoneditor-jmespath-block {
margin-bottom: 10px;
}
.jsoneditor-modal table td.jsoneditor-modal-input {
text-align: right;
padding-right: 0;
white-space: nowrap;
}
.jsoneditor-modal table td.jsoneditor-modal-actions {
padding-top: 15px;
}
.jsoneditor-modal .pico-close {
background: none !important;
font-size: 24px !important;
top: 7px !important;
right: 7px !important;
color: white;
}
.jsoneditor-modal select,
.jsoneditor-modal textarea,
.jsoneditor-modal input,
.jsoneditor-modal #query {
background: #ffffff;
border: 1px solid #d3d3d3;
color: #4d4d4d;
border-radius: 3px;
padding: 4px;
}
.jsoneditor-modal,
.jsoneditor-modal table td,
.jsoneditor-modal table th,
.jsoneditor-modal select,
.jsoneditor-modal option,
.jsoneditor-modal textarea,
.jsoneditor-modal input,
.jsoneditor-modal #query {
font-size: 10.5pt;
font-family: arial, sans-serif;
}
.jsoneditor-modal table th {
vertical-align: middle;
}
.jsoneditor-modal #query,
.jsoneditor-modal .jsoneditor-transform-preview {
font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
font-size: 10pt;
}
.jsoneditor-modal input[type="button"],
.jsoneditor-modal input[type="submit"] {
background: #f5f5f5;
padding: 4px 20px;
}
.jsoneditor-modal select,
.jsoneditor-modal input {
cursor: pointer;
}
.jsoneditor-modal input {
padding: 4px;
}
.jsoneditor-modal input[type="text"] {
cursor: inherit;
}
.jsoneditor-modal input[disabled] {
background: #d3d3d3;
color: #808080;
}
.jsoneditor-modal .jsoneditor-select-wrapper {
position: relative;
display: inline-block;
}
.jsoneditor-modal .jsoneditor-select-wrapper:after {
content: "";
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #666;
position: absolute;
right: 8px;
top: 14px;
pointer-events: none;
}
.jsoneditor-modal select {
padding: 3px 24px 3px 10px;
min-width: 180px;
max-width: 350px;
-webkit-appearance:none;
-moz-appearance:none;
appearance: none;
text-indent: 0;
text-overflow: "";
font-size: 10pt;
line-height: 1.5em;
}
.jsoneditor-modal select::-ms-expand {
display: none;
}
.jsoneditor-modal .jsoneditor-button-group input {
padding: 4px 10px;
margin: 0;
border-radius: 0;
border-left-style: none;
}
.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-first {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-left-style: solid;
}
.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-last {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-asc input.jsoneditor-button-asc,
.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-desc input.jsoneditor-button-desc {
background: #3883fa;
border-color: #3883fa;
color: white;
}
.jsoneditor-modal #query,
.jsoneditor-modal .jsoneditor-transform-preview {
width: 100%;
box-sizing: border-box;
}
.jsoneditor-modal .jsoneditor-transform-preview {
background: #f5f5f5;
height: 200px;
}
.jsoneditor-modal .jsoneditor-transform-preview.jsoneditor-error {
color: #ee422e;
}
.jsoneditor-modal .jsoneditor-jmespath-wizard {
line-height: 1.2em;
width: 100%;
padding: 0;
border-radius: 3px;
}
.jsoneditor-modal .jsoneditor-jmespath-label {
font-weight: bold;
color: dodgerblue;
margin-top: 20px;
margin-bottom: 5px;
}
.jsoneditor-modal .jsoneditor-jmespath-wizard-table {
width: 100%;
}
.jsoneditor-modal .jsoneditor-jmespath-wizard-label {
font-style: italic;
margin: 4px 0 2px 0;
}
.jsoneditor-modal .jsoneditor-inline {
position: relative;
display: inline-block;
width: 100%;
padding-top: 2px;
padding-bottom: 2px;
}
.jsoneditor-modal .jsoneditor-inline:not(:last-child) {
padding-right: 2px;
}
.jsoneditor-modal .jsoneditor-jmespath-filter {
display: flex;
flex-wrap: wrap;
}
.jsoneditor-modal .jsoneditor-jmespath-filter-field {
width: 180px;
}
.jsoneditor-modal .jsoneditor-jmespath-filter-relation {
width: 100px;
}
.jsoneditor-modal .jsoneditor-jmespath-filter-value {
min-width: 180px;
flex: 1;
}
.jsoneditor-modal .jsoneditor-jmespath-sort-field {
width: 170px;
}
.jsoneditor-modal .jsoneditor-jmespath-sort-order {
width: 150px;
}
.jsoneditor-modal .jsoneditor-jmespath-select-fields {
width: 100%;
}
.jsoneditor-modal .selectr-selected {
border-color: #d3d3d3;
padding: 4px 28px 4px 8px;
}
.jsoneditor-modal .selectr-selected .selectr-tag {
background-color: #3883fa;
border-radius: 5px;
}

View File

@ -1,646 +0,0 @@
div.jsoneditor {
}
div.jsoneditor-field,
div.jsoneditor-value,
div.jsoneditor-readonly,
div.jsoneditor-default {
border: 1px solid transparent;
min-height: 16px;
min-width: 32px;
padding: 2px;
margin: 1px;
word-wrap: break-word;
float: left;
}
/* adjust margin of p elements inside editable divs, needed for Opera, IE */
div.jsoneditor-field p,
div.jsoneditor-value p {
margin: 0;
}
div.jsoneditor-value {
word-break: break-word;
}
div.jsoneditor-readonly {
min-width: 16px;
color: #808080;
}
div.jsoneditor-empty {
border-color: #d3d3d3;
border-style: dashed;
border-radius: 2px;
}
div.jsoneditor-field.jsoneditor-empty::after,
div.jsoneditor-value.jsoneditor-empty::after {
pointer-events: none;
color: #d3d3d3;
font-size: 8pt;
}
div.jsoneditor-field.jsoneditor-empty::after {
content: "field";
}
div.jsoneditor-value.jsoneditor-empty::after {
content: "value";
}
div.jsoneditor-value.jsoneditor-url,
a.jsoneditor-value.jsoneditor-url {
color: green;
text-decoration: underline;
}
a.jsoneditor-value.jsoneditor-url {
display: inline-block;
padding: 2px;
margin: 2px;
}
a.jsoneditor-value.jsoneditor-url:hover,
a.jsoneditor-value.jsoneditor-url:focus {
color: #ee422e;
}
div.jsoneditor td.jsoneditor-separator {
padding: 3px 0;
vertical-align: top;
color: #808080;
}
div.jsoneditor-field[contenteditable=true]:focus,
div.jsoneditor-field[contenteditable=true]:hover,
div.jsoneditor-value[contenteditable=true]:focus,
div.jsoneditor-value[contenteditable=true]:hover,
div.jsoneditor-field.jsoneditor-highlight,
div.jsoneditor-value.jsoneditor-highlight {
background-color: #FFFFAB;
border: 1px solid yellow;
border-radius: 2px;
}
div.jsoneditor-field.jsoneditor-highlight-active,
div.jsoneditor-field.jsoneditor-highlight-active:focus,
div.jsoneditor-field.jsoneditor-highlight-active:hover,
div.jsoneditor-value.jsoneditor-highlight-active,
div.jsoneditor-value.jsoneditor-highlight-active:focus,
div.jsoneditor-value.jsoneditor-highlight-active:hover {
background-color: #ffee00;
border: 1px solid #ffc700;
border-radius: 2px;
}
div.jsoneditor-value.jsoneditor-string {
color: #006000;
}
div.jsoneditor-value.jsoneditor-object,
div.jsoneditor-value.jsoneditor-array {
min-width: 16px;
}
div.jsoneditor-value.jsoneditor-number {
color: #ee422e;
}
div.jsoneditor-value.jsoneditor-boolean {
color: #ff8c00;
}
div.jsoneditor-value.jsoneditor-null {
color: #004ED0;
}
div.jsoneditor-value.jsoneditor-invalid {
color: #000000;
}
div.jsoneditor-default {
color: #808080;
padding-left: 10px;
}
div.jsoneditor-tree button.jsoneditor-button {
width: 24px;
height: 24px;
padding: 0;
margin: 0;
border: none;
cursor: pointer;
background: transparent url('./img/jsoneditor-icons.svg');
}
div.jsoneditor-mode-view tr.jsoneditor-expandable td.jsoneditor-tree,
div.jsoneditor-mode-form tr.jsoneditor-expandable td.jsoneditor-tree {
cursor: pointer;
}
div.jsoneditor-tree button.jsoneditor-collapsed {
background-position: 0 -48px;
}
div.jsoneditor-tree button.jsoneditor-expanded {
background-position: 0 -72px;
}
div.jsoneditor-tree button.jsoneditor-contextmenu {
background-position: -48px -72px;
}
div.jsoneditor-tree button.jsoneditor-contextmenu:hover,
div.jsoneditor-tree button.jsoneditor-contextmenu:focus,
div.jsoneditor-tree button.jsoneditor-contextmenu.jsoneditor-selected,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu {
background-position: -48px -48px;
}
div.jsoneditor-tree *:focus {
outline: none;
}
div.jsoneditor-tree button.jsoneditor-button:focus {
/* TODO: nice outline for buttons with focus
outline: #97B0F8 solid 2px;
box-shadow: 0 0 8px #97B0F8;
*/
background-color: #f5f5f5;
outline: #e5e5e5 solid 1px;
}
div.jsoneditor-tree button.jsoneditor-invisible {
visibility: hidden;
background: none;
}
div.jsoneditor-tree div.jsoneditor-show-more {
display: inline-block;
padding: 3px 4px;
margin: 2px 0;
background-color: #e5e5e5;
border-radius: 3px;
color: #808080;
font-family: arial, sans-serif;
font-size: 10pt;
}
div.jsoneditor-tree div.jsoneditor-show-more a {
display: inline-block;
color: #808080;
}
div.jsoneditor-tree div.jsoneditor-show-more a:hover,
div.jsoneditor-tree div.jsoneditor-show-more a:focus {
color: #ee422e;
}
div.jsoneditor-tree div.jsoneditor-color {
display: inline-block;
width: 12px;
height: 12px;
margin: 4px;
border: 1px solid #808080;
cursor: pointer;
}
div.jsoneditor div.jsoneditor-anchor .picker_wrapper.popup.popup_bottom {
top: 28px;
left: -10px;
}
div.jsoneditor-tree div.jsoneditor-date {
background: #a1a1a1;
color: white;
font-family: arial, sans-serif;
border-radius: 3px;
display: inline-block;
padding: 3px;
margin: 0 3px;
}
div.jsoneditor {
color: #1A1A1A;
border: thin solid #3883fa; /* we use thin and not 1px to work around an issue in Chrome/IE, see #637 */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
position: relative;
padding: 0;
line-height: 100%;
}
div.jsoneditor-tree table.jsoneditor-tree {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
div.jsoneditor-outer {
position: static;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
div.jsoneditor-outer.has-nav-bar {
margin-top: -26px;
padding-top: 26px;
}
div.jsoneditor-outer.has-status-bar {
margin-bottom: -26px;
padding-bottom: 26px;
}
div.jsoneditor-outer.has-main-menu-bar {
margin-top: -35px;
padding-top: 35px;
}
div.jsoneditor-outer.has-nav-bar.has-main-menu-bar {
margin-top: -61px;
padding-top: 61px;
}
div.jsoneditor pre.jsoneditor-preview {
}
div.jsoneditor.busy pre.jsoneditor-preview {
background: #f5f5f5;
color: #808080;
}
div.jsoneditor code.jsoneditor-preview {
background: none;
}
div.jsoneditor.jsoneditor-mode-preview pre.jsoneditor-preview {
width: 100%;
height: 100%;
box-sizing: border-box;
overflow: auto;
padding: 2px;
margin: 0;
white-space: pre-wrap;
word-break: break-all;
}
div.jsoneditor-busy {
position: absolute;
top: 15%;
left: 0;
box-sizing: border-box;
width: 100%;
text-align: center;
display: none;
}
div.jsoneditor-busy span {
background-color: #FFFFAB;
border: 1px solid yellow;
border-radius: 3px;
padding: 5px 15px;
box-shadow: 0 0 5px rgba(0,0,0,0.4);
}
div.jsoneditor.busy div.jsoneditor-busy {
display: inherit;
}
textarea.jsoneditor-text,
.ace-jsoneditor {
min-height: 150px;
}
div.jsoneditor-tree {
width: 100%;
height: 100%;
position: relative;
overflow: auto;
}
textarea.jsoneditor-text {
width: 100%;
height: 100%;
margin: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline-width: 0;
border: none;
background-color: white;
resize: none;
}
tr.jsoneditor-highlight,
tr.jsoneditor-selected {
background-color: #d3d3d3;
}
tr.jsoneditor-selected button.jsoneditor-dragarea,
tr.jsoneditor-selected button.jsoneditor-contextmenu {
visibility: hidden;
}
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu {
visibility: visible;
}
div.jsoneditor-tree button.jsoneditor-dragarea {
background: url('./img/jsoneditor-icons.svg') -72px -72px;
cursor: move;
}
div.jsoneditor-tree button.jsoneditor-dragarea:hover,
div.jsoneditor-tree button.jsoneditor-dragarea:focus,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
background-position: -72px -48px;
}
div.jsoneditor tr,
div.jsoneditor th,
div.jsoneditor td {
padding: 0;
margin: 0;
}
div.jsoneditor td {
vertical-align: top;
}
div.jsoneditor td.jsoneditor-tree {
vertical-align: top;
}
div.jsoneditor-field,
div.jsoneditor-value,
div.jsoneditor td,
div.jsoneditor th,
div.jsoneditor textarea,
div.jsoneditor pre.jsoneditor-preview,
div.jsoneditor .jsoneditor-schema-error {
font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
font-size: 10pt;
color: #1A1A1A;
}
/* popover */
.jsoneditor-schema-error {
cursor: default;
display: inline-block;
/*font-family: arial, sans-serif;*/
height: 24px;
line-height: 24px;
position: relative;
text-align: center;
width: 24px;
}
div.jsoneditor-tree .jsoneditor-button.jsoneditor-schema-error {
width: 24px;
height: 24px;
padding: 0;
margin: 0 4px 0 0;
background: url('./img/jsoneditor-icons.svg') -168px -48px;
}
.jsoneditor-text-errors tr.jump-to-line:hover {
text-decoration: underline;
cursor: pointer;
}
.jsoneditor-schema-error .jsoneditor-popover {
background-color: #4c4c4c;
border-radius: 3px;
box-shadow: 0 0 5px rgba(0,0,0,0.4);
color: #fff;
display: none;
padding: 7px 10px;
position: absolute;
width: 200px;
z-index: 4;
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above {
bottom: 32px;
left: -98px;
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below {
top: 32px;
left: -98px;
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left {
top: -7px;
right: 32px;
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right {
top: -7px;
left: 32px;
}
.jsoneditor-schema-error .jsoneditor-popover:before {
border-right: 7px solid transparent;
border-left: 7px solid transparent;
content: '';
display: block;
left: 50%;
margin-left: -7px;
position: absolute;
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above:before {
border-top: 7px solid #4c4c4c;
bottom: -7px;
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below:before {
border-bottom: 7px solid #4c4c4c;
top: -7px;
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left:before {
border-left: 7px solid #4c4c4c;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
content: '';
top: 19px;
right: -14px;
left: inherit;
margin-left: inherit;
margin-top: -7px;
position: absolute;
}
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right:before {
border-right: 7px solid #4c4c4c;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
content: '';
top: 19px;
left: -14px;
margin-left: inherit;
margin-top: -7px;
position: absolute;
}
.jsoneditor-schema-error:hover .jsoneditor-popover,
.jsoneditor-schema-error:focus .jsoneditor-popover {
display: block;
-webkit-animation: fade-in .3s linear 1, move-up .3s linear 1;
-moz-animation: fade-in .3s linear 1, move-up .3s linear 1;
-ms-animation: fade-in .3s linear 1, move-up .3s linear 1;
}
@-webkit-keyframes fade-in {
from { opacity: 0; }
to { opacity: 1; }
}
@-moz-keyframes fade-in {
from { opacity: 0; }
to { opacity: 1; }
}
@-ms-keyframes fade-in {
from { opacity: 0; }
to { opacity: 1; }
}
/*@-webkit-keyframes move-up {*/
/*from { bottom: 24px; }*/
/*to { bottom: 32px; }*/
/*}*/
/*@-moz-keyframes move-up {*/
/*from { bottom: 24px; }*/
/*to { bottom: 32px; }*/
/*}*/
/*@-ms-keyframes move-up {*/
/*from { bottom: 24px; }*/
/*to { bottom: 32px; }*/
/*}*/
/* JSON schema errors displayed at the bottom of the editor in mode text and code */
.jsoneditor .jsoneditor-validation-errors-container {
max-height: 130px;
overflow-y: auto;
}
.jsoneditor .jsoneditor-validation-errors {
width: 100%;
overflow: hidden;
}
.jsoneditor .jsoneditor-additional-errors {
position: absolute;
margin: auto;
bottom: 31px;
left: calc(50% - 92px);
color: #808080;
background-color: #ebebeb;
padding: 7px 15px;
border-radius: 8px;
}
.jsoneditor .jsoneditor-additional-errors.visible{
visibility: visible;
opacity: 1;
transition: opacity 2s linear;
}
.jsoneditor .jsoneditor-additional-errors.hidden{
visibility: hidden;
opacity: 0;
transition: visibility 0s 2s, opacity 2s linear;
}
.jsoneditor .jsoneditor-text-errors {
width: 100%;
border-collapse: collapse;
border-top: 1px solid #ffd700;
}
.jsoneditor .jsoneditor-text-errors td {
padding: 3px 6px;
vertical-align: middle;
}
.jsoneditor .jsoneditor-text-errors td pre {
margin: 0;
white-space: normal;
}
.jsoneditor .jsoneditor-text-errors tr {
background-color: #ffef8b;
}
.jsoneditor .jsoneditor-text-errors tr.parse-error {
background-color: #ee2e2e70;
}
.jsoneditor-text-errors .jsoneditor-schema-error {
border: none;
width: 24px;
height: 24px;
padding: 0;
margin: 0 4px 0 0;
cursor: pointer;
}
.jsoneditor-text-errors tr .jsoneditor-schema-error {
background: url('./img/jsoneditor-icons.svg') -168px -48px;
}
.jsoneditor-text-errors tr.parse-error .jsoneditor-schema-error {
background: url('./img/jsoneditor-icons.svg') -25px 0px;
}
.fadein {
-webkit-animation: fadein .3s;
animation: fadein .3s;
-moz-animation: fadein .3s;
-o-animation: fadein .3s;
}
@-webkit-keyframes fadein {
0% {opacity: 0}
100% {opacity: 1}
}
@-moz-keyframes fadein{
0% {opacity: 0}
100% {opacity: 1}
}
@keyframes fadein {
0% {opacity: 0}
100% {opacity: 1}
}
@-o-keyframes fadein {
0% {opacity: 0}
100% {opacity: 1}
}

View File

@ -1,127 +0,0 @@
div.jsoneditor-menu {
width: 100%;
height: 35px;
padding: 2px;
margin: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: white;
background-color: #3883fa;
border-bottom: 1px solid #3883fa;
}
div.jsoneditor-menu > button,
div.jsoneditor-menu > div.jsoneditor-modes > button {
width: 26px;
height: 26px;
margin: 2px;
padding: 0;
border-radius: 2px;
border: 1px solid transparent;
background: transparent url('./img/jsoneditor-icons.svg');
color: white;
opacity: 0.8;
font-family: arial, sans-serif;
font-size: 10pt;
float: left;
}
div.jsoneditor-menu > button:hover,
div.jsoneditor-menu > div.jsoneditor-modes > button:hover {
background-color: rgba(255,255,255,0.2);
border: 1px solid rgba(255,255,255,0.4);
}
div.jsoneditor-menu > button:focus,
div.jsoneditor-menu > button:active,
div.jsoneditor-menu > div.jsoneditor-modes > button:focus,
div.jsoneditor-menu > div.jsoneditor-modes > button:active {
background-color: rgba(255,255,255,0.3);
}
div.jsoneditor-menu > button:disabled,
div.jsoneditor-menu > div.jsoneditor-modes > button:disabled {
opacity: 0.5;
background-color: transparent;
border: none;
}
div.jsoneditor-menu > button.jsoneditor-collapse-all {
background-position: 0 -96px;
}
div.jsoneditor-menu > button.jsoneditor-expand-all {
background-position: 0 -120px;
}
div.jsoneditor-menu > button.jsoneditor-sort {
background-position: -120px -96px;
}
div.jsoneditor-menu > button.jsoneditor-transform {
background-position: -144px -96px;
}
div.jsoneditor.jsoneditor-mode-view > div.jsoneditor-menu > button.jsoneditor-sort,
div.jsoneditor.jsoneditor-mode-form > div.jsoneditor-menu > button.jsoneditor-sort,
div.jsoneditor.jsoneditor-mode-view > div.jsoneditor-menu > button.jsoneditor-transform,
div.jsoneditor.jsoneditor-mode-form > div.jsoneditor-menu > button.jsoneditor-transform {
display: none;
}
div.jsoneditor-menu > button.jsoneditor-undo {
background-position: -24px -96px;
}
div.jsoneditor-menu > button.jsoneditor-undo:disabled {
background-position: -24px -120px;
}
div.jsoneditor-menu > button.jsoneditor-redo {
background-position: -48px -96px;
}
div.jsoneditor-menu > button.jsoneditor-redo:disabled {
background-position: -48px -120px;
}
div.jsoneditor-menu > button.jsoneditor-compact {
background-position: -72px -96px;
}
div.jsoneditor-menu > button.jsoneditor-format {
background-position: -72px -120px;
}
div.jsoneditor-menu > button.jsoneditor-repair {
background-position: -96px -96px;
}
div.jsoneditor-menu > div.jsoneditor-modes {
display: inline-block;
float: left;
}
div.jsoneditor-menu > div.jsoneditor-modes > button {
background-image: none;
width: auto;
padding-left: 6px;
padding-right: 6px;
}
div.jsoneditor-menu > button.jsoneditor-separator,
div.jsoneditor-menu > div.jsoneditor-modes > button.jsoneditor-separator {
margin-left: 10px;
}
div.jsoneditor-menu a {
font-family: arial, sans-serif;
font-size: 10pt;
color: white;
opacity: 0.8;
vertical-align: middle;
}
div.jsoneditor-menu a:hover {
opacity: 1;
}
div.jsoneditor-menu a.jsoneditor-poweredBy {
font-size: 8pt;
position: absolute;
right: 0;
top: 0;
padding: 10px;
}

View File

@ -1,17 +0,0 @@
div.jsoneditor-navigation-bar {
width: 100%;
height: 26px;
line-height: 26px;
padding: 0;
margin: 0;
border-bottom: 1px solid #d3d3d3;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #808080;
background-color: #ebebeb;
overflow: hidden;
font-family: arial, sans-serif;
font-size: 10pt;
}

View File

@ -1,25 +0,0 @@
/* reset styling (prevent conflicts with bootstrap, materialize.css, etc.) */
div.jsoneditor .jsoneditor-search input {
height: auto;
border: inherit;
}
div.jsoneditor .jsoneditor-search input:focus {
border: none !important;
box-shadow: none !important;
}
div.jsoneditor table {
border-collapse: collapse;
width: auto;
}
div.jsoneditor td,
div.jsoneditor th {
padding: 0;
display: table-cell;
text-align: left;
vertical-align: inherit;
border-radius: inherit;
}

View File

@ -1,78 +0,0 @@
table.jsoneditor-search input,
table.jsoneditor-search div.jsoneditor-results {
font-family: arial, sans-serif;
font-size: 10pt;
color: #1A1A1A;
background: transparent; /* For Firefox */
}
table.jsoneditor-search div.jsoneditor-results {
color: white;
padding-right: 5px;
line-height: 24px;
padding-top: 2px;
}
table.jsoneditor-search {
position: absolute;
right: 4px;
top: 4px;
border-collapse: collapse;
border-spacing: 0;
}
table.jsoneditor-search div.jsoneditor-frame {
border: 1px solid transparent;
background-color: white;
padding: 0 2px;
margin: 0;
}
table.jsoneditor-search div.jsoneditor-frame table {
border-collapse: collapse;
}
table.jsoneditor-search input {
width: 120px;
border: none;
outline: none;
margin: 1px;
line-height: 20px;
}
table.jsoneditor-search button {
width: 16px;
height: 24px;
padding: 0;
margin: 0;
border: none;
background: url('./img/jsoneditor-icons.svg');
vertical-align: top;
}
table.jsoneditor-search button:hover {
background-color: transparent;
}
table.jsoneditor-search button.jsoneditor-refresh {
width: 18px;
background-position: -99px -73px;
}
table.jsoneditor-search button.jsoneditor-next {
cursor: pointer;
background-position: -124px -73px;
}
table.jsoneditor-search button.jsoneditor-next:hover {
background-position: -124px -49px;
}
table.jsoneditor-search button.jsoneditor-previous {
cursor: pointer;
background-position: -148px -73px;
margin-right: 2px;
}
table.jsoneditor-search button.jsoneditor-previous:hover {
background-position: -148px -49px;
}

View File

@ -1,50 +0,0 @@
div.jsoneditor-statusbar {
line-height: 26px;
height: 26px;
color: #808080;
background-color: #ebebeb;
border-top: 1px solid #d3d3d3;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 10pt;
}
div.jsoneditor-statusbar > .jsoneditor-curserinfo-label,
div.jsoneditor-statusbar > .jsoneditor-size-info {
margin: 0 4px;
}
div.jsoneditor-statusbar > .jsoneditor-curserinfo-val {
margin-right: 12px;
}
div.jsoneditor-statusbar > .jsoneditor-curserinfo-count {
margin-left: 4px;
}
div.jsoneditor-statusbar > .jsoneditor-validation-error-icon {
float: right;
width: 24px;
height: 24px;
padding: 0;
margin-top: 1px;
background: url("img/jsoneditor-icons.svg") -168px -48px;
cursor: pointer;
}
div.jsoneditor-statusbar > .jsoneditor-validation-error-count {
float: right;
margin: 0 4px 0 0;
cursor: pointer;
}
div.jsoneditor-statusbar > .jsoneditor-parse-error-icon {
float: right;
width: 24px;
height: 24px;
padding: 0;
margin: 1px;
background: url("img/jsoneditor-icons.svg") -25px 0px;
}
div.jsoneditor-statusbar .jsoneditor-array-info a {
color: inherit;
}

View File

@ -1,51 +0,0 @@
div.jsoneditor-treepath {
padding: 0 5px;
overflow: hidden;
white-space: nowrap;
outline: none;
}
div.jsoneditor-treepath.show-all {
word-wrap: break-word;
white-space: normal;
position: absolute;
background-color: #ebebeb;
z-index: 999;
box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
}
div.jsoneditor-treepath div.jsoneditor-contextmenu-root {
position: absolute;
left: 0;
}
div.jsoneditor-treepath span.jsoneditor-treepath-show-all-btn {
position: absolute;
background-color: #ebebeb;
left: 0;
height: 20px;
padding: 0 3px;
cursor: pointer;
}
div.jsoneditor-treepath.show-all span.jsoneditor-treepath-show-all-btn {
display: none;
}
div.jsoneditor-treepath span.jsoneditor-treepath-element{
margin: 1px;
font-family: arial, sans-serif;
font-size: 10pt;
}
div.jsoneditor-treepath span.jsoneditor-treepath-seperator {
margin: 2px;
font-size: 9pt;
font-family: arial, sans-serif;
}
div.jsoneditor-treepath span.jsoneditor-treepath-element:hover, div.jsoneditor-treepath span.jsoneditor-treepath-seperator:hover {
cursor:pointer;
text-decoration:underline;
}

View File

@ -4,6 +4,7 @@
*
* Released under the MIT license
*/
@import "../../../scss/styles.scss";
.selectr-container {
position: relative;
@ -57,9 +58,9 @@
width: 100%;
padding: 7px 28px 7px 14px;
cursor: pointer;
border: 1px solid #999;
border: 1px solid $jse-grey;
border-radius: 3px;
background-color: #fff;
background-color: $jse-white;
}
.selectr-selected::before {
@ -115,7 +116,7 @@
padding: 2px 25px 2px 8px;
margin: 0 2px 2px 0;
cursor: default;
color: #fff;
color: $jse-white;
border: medium none;
border-radius: 10px;
background: #acb7bf none repeat scroll 0 0;
@ -135,9 +136,9 @@
width: 100%;
border-width: 0 1px 1px;
border-style: solid;
border-color: transparent #999 #999;
border-color: transparent $jse-grey $jse-grey;
border-radius: 0 0 3px 3px;
background-color: #fff;
background-color: $jse-white;
}
.selectr-container.open .selectr-options-container {
@ -203,7 +204,7 @@
top: 4px;
width: 3px;
height: 12px;
background-color: #fff;
background-color: $jse-white;
}
.selectr-clear:before,
@ -238,7 +239,7 @@
width: calc(100% - 30px);
margin: 10px 15px;
padding: 7px 30px 7px 9px;
border: 1px solid #999;
border: 1px solid $jse-grey;
border-radius: 3px;
}
@ -247,9 +248,9 @@
box-sizing: border-box;
width: 100%;
padding: 8px 16px;
border-top: 1px solid #999;
border-top: 1px solid $jse-grey;
border-radius: 0 0 3px 3px;
background-color: #fff;
background-color: $jse-white;
}
.selectr-container.notice .selectr-notice {
@ -310,7 +311,7 @@
}
.selectr-option.active {
color: #fff;
color: $jse-white;
background-color: #5897fb;
}
@ -323,7 +324,7 @@
}
.selectr-container.open .selectr-selected {
border-color: #999 #999 transparent #999;
border-color: $jse-grey $jse-grey transparent $jse-grey;
border-radius: 3px 3px 0 0;
}
@ -436,15 +437,15 @@
}
}
.selectr-container.open.inverted .selectr-selected {
border-color: transparent #999 #999;
border-color: transparent $jse-grey $jse-grey;
border-radius: 0 0 3px 3px;
}
.selectr-container.inverted .selectr-options-container {
border-width: 1px 1px 0;
border-color: #999 #999 transparent;
border-color: $jse-grey $jse-grey transparent;
border-radius: 3px 3px 0 0;
background-color: #fff;
background-color: $jse-white;
}
.selectr-container.inverted .selectr-options-container {

View File

@ -69,6 +69,10 @@ function showSortModal (container, json, onSort, options) {
parent: container,
content: content,
overlayClass: 'jsoneditor-modal-overlay',
overlayStyles: {
backgroundColor: "rgb(1,1,1)",
opacity: 0.3
},
modalClass: 'jsoneditor-modal jsoneditor-modal-sort'
})
.afterCreate(function (modal) {

View File

@ -99,6 +99,10 @@ function showTransformModal (container, json, onTransform) {
parent: container,
content: content,
overlayClass: 'jsoneditor-modal-overlay',
overlayStyles: {
backgroundColor: "rgb(1,1,1)",
opacity: 0.3
},
modalClass: 'jsoneditor-modal jsoneditor-modal-transform',
focus: false
})

View File

@ -0,0 +1,34 @@
@import "styles";
.jsoneditor {
&.autocomplete {
&.dropdown {
position: absolute;
background: $jse-white;
box-shadow: $jse-box-shadow;
border: 1px solid $jse-bar-border;
z-index: 100;
overflow-x: hidden;
overflow-y: auto;
cursor: default;
margin: 0;
padding-left: 2pt;
padding-right: 5pt;
text-align: left;
outline: 0;
font-family: $jse-font-mono;
font-size: $jse-font-size;
.item {
color: #333;
&.hover {
background-color: #ddd;
}
}
}
&.hint {
color: #aaa;
top: 4px;
left: 4px;
}
}
}

441
src/scss/contextmenu.scss Normal file
View File

@ -0,0 +1,441 @@
@import "styles";
.jsoneditor-contextmenu-root {
position: relative;
width: 0;
height: 0;
}
.jsoneditor-contextmenu {
position: absolute;
box-sizing: content-box;
z-index: 99;
.jsoneditor-menu {
position: relative;
left: 0;
top: 0;
width: 128px;
height: auto;
background: $jse-white;
border: 1px solid $jse-bar-border;
box-shadow: $jse-box-shadow;
list-style: none;
margin: 0;
padding: 0;
button {
position: relative;
padding: 0 4px 0 0;
margin: 0;
width: 128px;
height: auto;
border: none;
cursor: pointer;
color: $jse-contextmenu-color;
background: transparent;
font-size: $jse-font-size;
font-family: $jse-font;
box-sizing: border-box;
text-align: left;
&::-moz-focus-inner {
padding: 0;
border: 0;
}
&.jsoneditor-default {
width: 96px;
}
&.jsoneditor-expand {
float: right;
width: 32px;
height: 24px;
border-left: 1px solid $jse-separator;
}
}
li {
overflow: hidden;
ul {
display: none;
position: relative;
left: -10px;
top: 0;
border: none;
box-shadow: $jse-box-shadow-inner;
padding: 0 10px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
.jsoneditor-icon {
margin-left: 24px;
}
li {
button {
padding-left: 24px;
animation: all ease-in-out 1s;
}
}
}
button {
.jsoneditor-expand {
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 24px;
padding: 0;
margin: 0 4px 0 0;
background: url("./img/jsoneditor-icons.svg") 0 -72px;
}
}
}
}
.jsoneditor-icon {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
border: none;
padding: 0;
margin: 0;
background-image: url("./img/jsoneditor-icons.svg");
}
.jsoneditor-text {
padding: 4px 0 4px 24px;
word-wrap: break-word;
&.jsoneditor-right-margin {
padding-right: 24px;
}
}
.jsoneditor-separator {
height: 0;
border-top: 1px solid $jse-separator;
padding-top: 5px;
margin-top: 5px;
}
button {
&.jsoneditor-remove {
.jsoneditor-icon {
background-position: -24px 0;
}
}
&.jsoneditor-append {
.jsoneditor-icon {
background-position: 0 0;
}
}
&.jsoneditor-insert {
.jsoneditor-icon {
background-position: 0 0;
}
}
&.jsoneditor-duplicate {
.jsoneditor-icon {
background-position: -48px 0;
}
}
&.jsoneditor-sort-asc {
.jsoneditor-icon {
background-position: -168px 0;
}
}
&.jsoneditor-sort-desc {
.jsoneditor-icon {
background-position: -192px 0;
}
}
&.jsoneditor-transform {
.jsoneditor-icon {
background-position: -216px 0;
}
}
&.jsoneditor-extract {
.jsoneditor-icon {
background-position: 0 -24px;
}
}
&.jsoneditor-type-string {
.jsoneditor-icon {
background-position: -144px 0;
}
}
&.jsoneditor-type-auto {
.jsoneditor-icon {
background-position: -120px 0;
}
}
&.jsoneditor-type-object {
.jsoneditor-icon {
background-position: -72px 0;
}
}
&.jsoneditor-type-array {
.jsoneditor-icon {
background-position: -96px 0;
}
}
&.jsoneditor-type-modes {
.jsoneditor-icon {
background-image: none;
width: 6px;
}
}
}
}
.jsoneditor-contextmenu ul,
.jsoneditor-contextmenu li {
box-sizing: content-box;
position: relative;
}
.jsoneditor-contextmenu .jsoneditor-menu button:hover,
.jsoneditor-contextmenu .jsoneditor-menu button:focus {
color: $jse-content-color;
background-color: $jse-preview;
outline: none;
}
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected,
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:hover,
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:focus {
color: $jse-white;
background-color: $jse-number;
}
.jsoneditor-contextmenu .jsoneditor-menu li ul li button:hover,
.jsoneditor-contextmenu .jsoneditor-menu li ul li button:focus {
background-color: $jse-preview;
}
.jsoneditor-modal {
max-width: 95%;
border-radius: 2px !important;
padding: 45px 15px 15px 15px !important;
box-shadow: $jse-box-shadow;
color: $jse-contextmenu-color;
line-height: 1.3em;
&.jsoneditor-modal-transform {
width: 600px !important;
}
.pico-modal-header {
position: absolute;
box-sizing: border-box;
top: 0;
left: 0;
width: 100%;
padding: 0 10px;
height: 30px;
line-height: 30px;
font-family: $jse-font;
font-size: 11pt;
background: $jse-blue;
color: $jse-white;
}
table {
width: 100%;
td {
padding: 3px 0;
&.jsoneditor-modal-input {
text-align: right;
padding-right: 0;
white-space: nowrap;
}
&.jsoneditor-modal-actions {
padding-top: 15px;
}
}
th {
vertical-align: middle;
}
}
p {
&:first-child {
margin-top: 0;
}
}
a {
color: $jse-blue;
}
.jsoneditor-jmespath-block {
margin-bottom: 10px;
}
.pico-close {
background: none !important;
font-size: 24px !important;
top: 7px !important;
right: 7px !important;
color: $jse-white;
}
input {
padding: 4px;
}
input[type="text"] {
cursor: inherit;
}
input[disabled] {
background: $jse-empty;
color: $jse-readonly;
}
.jsoneditor-select-wrapper {
position: relative;
display: inline-block;
&:after {
content: "";
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 6px solid #666;
position: absolute;
right: 8px;
top: 14px;
pointer-events: none;
}
}
select {
padding: 3px 24px 3px 10px;
min-width: 180px;
max-width: 350px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 0;
text-overflow: "";
font-size: $jse-font-size;
line-height: 1.5em;
&::-ms-expand {
display: none;
}
}
.jsoneditor-button-group {
input {
padding: 4px 10px;
margin: 0;
border-radius: 0;
border-left-style: none;
&.jsoneditor-button-first {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-left-style: solid;
}
&.jsoneditor-button-last {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
}
}
.jsoneditor-transform-preview {
background: $jse-preview;
height: 200px;
&.jsoneditor-error {
color: $jse-number;
}
}
.jsoneditor-jmespath-wizard {
line-height: 1.2em;
width: 100%;
padding: 0;
border-radius: 3px;
}
.jsoneditor-jmespath-label {
font-weight: bold;
color: dodgerblue;
margin-top: 20px;
margin-bottom: 5px;
}
.jsoneditor-jmespath-wizard-table {
width: 100%;
}
.jsoneditor-jmespath-wizard-label {
font-style: italic;
margin: 4px 0 2px 0;
}
.jsoneditor-inline {
position: relative;
display: inline-block;
width: 100%;
padding-top: 2px;
padding-bottom: 2px;
&:not(:last-child) {
padding-right: 2px;
}
}
.jsoneditor-jmespath-filter {
display: flex;
flex-wrap: wrap;
}
.jsoneditor-jmespath-filter-field {
width: 180px;
}
.jsoneditor-jmespath-filter-relation {
width: 100px;
}
.jsoneditor-jmespath-filter-value {
min-width: 180px;
flex: 1;
}
.jsoneditor-jmespath-sort-field {
width: 170px;
}
.jsoneditor-jmespath-sort-order {
width: 150px;
}
.jsoneditor-jmespath-select-fields {
width: 100%;
}
.selectr-selected {
border-color: $jse-bar-border;
padding: 4px 28px 4px 8px;
.selectr-tag {
background-color: $jse-blue;
border-radius: 5px;
}
}
}
.jsoneditor-modal table th,
.jsoneditor-modal table td {
text-align: left;
vertical-align: top;
font-weight: normal;
color: $jse-contextmenu-color;
border-spacing: 0;
border-collapse: collapse;
}
.jsoneditor-modal select,
.jsoneditor-modal textarea,
.jsoneditor-modal input,
.jsoneditor-modal #query {
background: #ffffff;
border: 1px solid $jse-bar-border;
color: $jse-contextmenu-color;
border-radius: 3px;
padding: 4px;
}
.jsoneditor-modal,
.jsoneditor-modal table td,
.jsoneditor-modal table th,
.jsoneditor-modal select,
.jsoneditor-modal option,
.jsoneditor-modal textarea,
.jsoneditor-modal input,
.jsoneditor-modal #query {
font-size: 10.5pt;
font-family: $jse-font;
}
.jsoneditor-modal #query,
.jsoneditor-modal .jsoneditor-transform-preview {
font-family: $jse-font-mono;
font-size: $jse-font-size;
width: 100%;
box-sizing: border-box;
}
.jsoneditor-modal input[type="button"],
.jsoneditor-modal input[type="submit"] {
background: $jse-preview;
padding: 4px 20px;
}
.jsoneditor-modal select,
.jsoneditor-modal input {
cursor: pointer;
}
.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-asc input.jsoneditor-button-asc,
.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-desc input.jsoneditor-button-desc {
background: $jse-blue;
border-color: $jse-blue;
color: $jse-white;
}

View File

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 31 KiB

566
src/scss/jsoneditor.scss Normal file
View File

@ -0,0 +1,566 @@
@import "styles";
.jsoneditor {
color: $jse-content-color;
border: thin solid $jse-blue;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 100%;
position: relative;
padding: 0;
line-height: 100%;
}
div.jsoneditor-field,
div.jsoneditor-value,
div.jsoneditor-readonly,
div.jsoneditor-default {
border: 1px solid transparent;
min-height: 16px;
min-width: 32px;
padding: 2px;
margin: 1px;
word-wrap: break-word;
float: left;
}
div.jsoneditor-field p,
div.jsoneditor-value p {
margin: 0;
}
div {
&.jsoneditor-value {
word-break: break-word;
&.jsoneditor-empty {
&::after {
content: "value";
}
}
&.jsoneditor-string {
color: $jse-string;
}
&.jsoneditor-number {
color: $jse-number;
}
&.jsoneditor-boolean {
color: $jse-boolean;
}
&.jsoneditor-null {
color: $jse-null;
}
&.jsoneditor-invalid {
color: $jse-invalid;
}
}
&.jsoneditor-readonly {
min-width: 16px;
color: $jse-readonly;
}
&.jsoneditor-empty {
border-color: $jse-bar-border;
border-style: dashed;
border-radius: 2px;
}
&.jsoneditor-field {
&.jsoneditor-empty {
&::after {
content: "field";
}
}
}
&.jsoneditor {
td {
vertical-align: top;
&.jsoneditor-separator {
padding: 3px 0;
vertical-align: top;
color: $jse-readonly;
}
&.jsoneditor-tree {
vertical-align: top;
}
}
div {
&.jsoneditor-anchor {
.picker_wrapper {
&.popup {
&.popup_bottom {
top: 28px;
left: -10px;
}
}
}
}
}
&.busy {
pre {
&.jsoneditor-preview {
background: $jse-preview;
color: $jse-readonly;
}
}
div {
&.jsoneditor-busy {
display: inherit;
}
}
}
code {
&.jsoneditor-preview {
background: none;
}
}
&.jsoneditor-mode-preview {
pre {
&.jsoneditor-preview {
width: 100%;
height: 100%;
box-sizing: border-box;
overflow: auto;
padding: 2px;
margin: 0;
white-space: pre-wrap;
word-break: break-all;
}
}
}
}
&.jsoneditor-default {
color: $jse-readonly;
padding-left: 10px;
}
&.jsoneditor-tree {
width: 100%;
height: 100%;
position: relative;
overflow: auto;
button {
&.jsoneditor-button {
width: 24px;
height: 24px;
padding: 0;
margin: 0;
border: none;
cursor: pointer;
background: transparent url("./img/jsoneditor-icons.svg");
&:focus {
background-color: $jse-preview;
outline: #e5e5e5 solid 1px;
}
}
&.jsoneditor-collapsed {
background-position: 0 -48px;
}
&.jsoneditor-expanded {
background-position: 0 -72px;
}
&.jsoneditor-contextmenu {
background-position: -48px -72px;
}
&.jsoneditor-invisible {
visibility: hidden;
background: none;
}
&.jsoneditor-dragarea {
background: url("./img/jsoneditor-icons.svg") -72px -72px;
cursor: move;
}
}
*:focus {
outline: none;
}
div {
&.jsoneditor-show-more {
display: inline-block;
padding: 3px 4px;
margin: 2px 0;
background-color: $jse-separator;
border-radius: 3px;
color: $jse-readonly;
font-family: $jse-font;
font-size: $jse-font-size;
a {
display: inline-block;
color: $jse-readonly;
}
}
&.jsoneditor-color {
display: inline-block;
width: 12px;
height: 12px;
margin: 4px;
border: 1px solid $jse-readonly;
cursor: pointer;
}
&.jsoneditor-date {
background: $jse-date;
color: $jse-white;
font-family: $jse-font;
border-radius: 3px;
display: inline-block;
padding: 3px;
margin: 0 3px;
}
}
table {
&.jsoneditor-tree {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
}
.jsoneditor-button {
&.jsoneditor-schema-error {
width: 24px;
height: 24px;
padding: 0;
margin: 0 4px 0 0;
background: url("./img/jsoneditor-icons.svg") -168px -48px;
}
}
}
&.jsoneditor-outer {
position: static;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
&.has-nav-bar {
margin-top: -26px;
padding-top: 26px;
&.has-main-menu-bar {
margin-top: -61px;
padding-top: 61px;
}
}
&.has-status-bar {
margin-bottom: -26px;
padding-bottom: 26px;
}
&.has-main-menu-bar {
margin-top: -35px;
padding-top: 35px;
}
}
&.jsoneditor-busy {
position: absolute;
top: 15%;
left: 0;
box-sizing: border-box;
width: 100%;
text-align: center;
display: none;
span {
background-color: $jse-busy;
border: 1px solid $jse-busy-border-color;
border-radius: 3px;
padding: 5px 15px;
box-shadow: $jse-box-shadow-sm;
}
}
}
div.jsoneditor-field.jsoneditor-empty::after,
div.jsoneditor-value.jsoneditor-empty::after {
pointer-events: none;
color: $jse-empty;
font-size: 8pt;
}
div.jsoneditor-value.jsoneditor-url,
a.jsoneditor-value.jsoneditor-url {
color: $jse-string;
text-decoration: underline;
}
a {
&.jsoneditor-value {
&.jsoneditor-url {
display: inline-block;
padding: 2px;
margin: 2px;
}
}
}
a.jsoneditor-value.jsoneditor-url:hover,
a.jsoneditor-value.jsoneditor-url:focus {
color: $jse-number;
}
div.jsoneditor-field[contenteditable="true"]:focus,
div.jsoneditor-field[contenteditable="true"]:hover,
div.jsoneditor-value[contenteditable="true"]:focus,
div.jsoneditor-value[contenteditable="true"]:hover,
div.jsoneditor-field.jsoneditor-highlight,
div.jsoneditor-value.jsoneditor-highlight {
background-color: $jse-busy;
border: 1px solid $jse-busy-border-color;
border-radius: 2px;
}
div.jsoneditor-field.jsoneditor-highlight-active,
div.jsoneditor-field.jsoneditor-highlight-active:focus,
div.jsoneditor-field.jsoneditor-highlight-active:hover,
div.jsoneditor-value.jsoneditor-highlight-active,
div.jsoneditor-value.jsoneditor-highlight-active:focus,
div.jsoneditor-value.jsoneditor-highlight-active:hover {
background-color: $jse-highlight-bg;
border: 1px solid $jse-highlight-border-color;
border-radius: 2px;
}
div.jsoneditor-value.jsoneditor-object,
div.jsoneditor-value.jsoneditor-array {
min-width: 16px;
}
div.jsoneditor-mode-view tr.jsoneditor-expandable td.jsoneditor-tree,
div.jsoneditor-mode-form tr.jsoneditor-expandable td.jsoneditor-tree {
cursor: pointer;
}
div.jsoneditor-tree button.jsoneditor-contextmenu:hover,
div.jsoneditor-tree button.jsoneditor-contextmenu:focus,
div.jsoneditor-tree button.jsoneditor-contextmenu.jsoneditor-selected,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu {
background-position: -48px -48px;
}
div.jsoneditor-tree div.jsoneditor-show-more a:hover,
div.jsoneditor-tree div.jsoneditor-show-more a:focus {
color: $jse-number;
}
textarea.jsoneditor-text,
.ace-jsoneditor {
min-height: 150px;
}
textarea {
&.jsoneditor-text {
width: 100%;
height: 100%;
margin: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline-width: 0;
border: none;
background-color: $jse-white;
resize: none;
}
}
tr.jsoneditor-highlight,
tr.jsoneditor-selected {
background-color: $jse-empty;
}
tr.jsoneditor-selected button.jsoneditor-dragarea,
tr.jsoneditor-selected button.jsoneditor-contextmenu {
visibility: hidden;
}
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu {
visibility: visible;
}
div.jsoneditor-tree button.jsoneditor-dragarea:hover,
div.jsoneditor-tree button.jsoneditor-dragarea:focus,
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
background-position: -72px -48px;
}
div.jsoneditor tr,
div.jsoneditor th,
div.jsoneditor td {
padding: 0;
margin: 0;
}
div.jsoneditor-field,
div.jsoneditor-value,
div.jsoneditor td,
div.jsoneditor th,
div.jsoneditor textarea,
div.jsoneditor pre.jsoneditor-preview,
div.jsoneditor .jsoneditor-schema-error {
font-family: $jse-font-mono;
font-size: $jse-font-size;
color: $jse-content-color;
}
.jsoneditor-schema-error {
cursor: default;
display: inline-block;
height: 24px;
line-height: 24px;
position: relative;
text-align: center;
width: 24px;
.jsoneditor-popover {
background-color: $jse-popover-bg;
border-radius: 3px;
box-shadow: $jse-box-shadow-sm;
color: $jse-white;
display: none;
padding: 7px 10px;
position: absolute;
width: 200px;
z-index: 4;
&.jsoneditor-above {
bottom: 32px;
left: -98px;
&:before {
border-top: 7px solid $jse-popover-bg;
bottom: -7px;
}
}
&.jsoneditor-below {
top: 32px;
left: -98px;
&:before {
border-bottom: 7px solid $jse-popover-bg;
top: -7px;
}
}
&.jsoneditor-left {
top: -7px;
right: 32px;
&:before {
border-left: 7px solid $jse-popover-bg;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
content: "";
top: 19px;
right: -14px;
left: inherit;
margin-left: inherit;
margin-top: -7px;
position: absolute;
}
}
&.jsoneditor-right {
top: -7px;
left: 32px;
&:before {
border-right: 7px solid $jse-popover-bg;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
content: "";
top: 19px;
left: -14px;
margin-left: inherit;
margin-top: -7px;
position: absolute;
}
}
&:before {
border-right: 7px solid transparent;
border-left: 7px solid transparent;
content: "";
display: block;
left: 50%;
margin-left: -7px;
position: absolute;
}
}
}
.jsoneditor-text-errors {
tr {
&.jump-to-line {
&:hover {
text-decoration: underline;
cursor: pointer;
}
}
}
}
.jsoneditor-schema-error:hover .jsoneditor-popover,
.jsoneditor-schema-error:focus .jsoneditor-popover {
display: block;
animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
}
@keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* JSON schema errors displayed at the bottom of the editor in mode text and code */
.jsoneditor {
.jsoneditor-validation-errors-container {
max-height: 130px;
overflow-y: auto;
}
.jsoneditor-validation-errors {
width: 100%;
overflow: hidden;
}
.jsoneditor-additional-errors {
position: absolute;
margin: auto;
bottom: 31px;
left: calc(50% - 92px);
color: $jse-readonly;
background-color: $jse-light-bg;
padding: 7px 15px;
border-radius: 8px;
&.visible {
visibility: visible;
opacity: 1;
transition: opacity 2s linear;
}
&.hidden {
visibility: hidden;
opacity: 0;
transition: visibility 0s 2s, opacity 2s linear;
}
}
.jsoneditor-text-errors {
width: 100%;
border-collapse: collapse;
border-top: 1px solid $jse-highlight-border-color;
td {
padding: 3px 6px;
vertical-align: middle;
pre {
margin: 0;
white-space: normal;
}
}
tr {
background-color: $jse-busy;
&.parse-error {
background-color: $jse-error;
}
}
}
}
.jsoneditor-text-errors {
.jsoneditor-schema-error {
border: none;
width: 24px;
height: 24px;
padding: 0;
margin: 0 4px 0 0;
cursor: pointer;
}
tr {
.jsoneditor-schema-error {
background: url("./img/jsoneditor-icons.svg") -168px -48px;
}
&.parse-error {
.jsoneditor-schema-error {
background: url("./img/jsoneditor-icons.svg") -25px 0px;
}
}
}
}
.fadein {
-webkit-animation: fadein 0.3s;
animation: fadein 0.3s;
-moz-animation: fadein 0.3s;
-o-animation: fadein 0.3s;
}
@keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

128
src/scss/menu.scss Normal file
View File

@ -0,0 +1,128 @@
@import "styles";
.jsoneditor-menu {
width: 100%;
height: 35px;
padding: 2px;
margin: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: $jse-white;
background-color: $jse-blue;
border-bottom: 1px solid $jse-blue;
}
.jsoneditor-menu > button,
.jsoneditor-menu > .jsoneditor-modes > button {
width: 26px;
height: 26px;
margin: 2px;
padding: 0;
border-radius: 2px;
border: 1px solid transparent;
background: transparent url('./img/jsoneditor-icons.svg');
color: $jse-white;
opacity: 0.8;
font-family: $jse-font;
font-size: $jse-font-size;
float: left;
}
.jsoneditor-menu > button:hover,
.jsoneditor-menu > .jsoneditor-modes > button:hover {
background-color: rgba(255,255,255,0.2);
border: 1px solid rgba(255,255,255,0.4);
}
.jsoneditor-menu > button:focus,
.jsoneditor-menu > button:active,
.jsoneditor-menu > .jsoneditor-modes > button:focus,
.jsoneditor-menu > .jsoneditor-modes > button:active {
background-color: rgba(255,255,255,0.3);
}
.jsoneditor-menu > button:disabled,
.jsoneditor-menu > .jsoneditor-modes > button:disabled {
opacity: 0.5;
background-color: transparent;
border: none;
}
.jsoneditor-menu > button.jsoneditor-collapse-all {
background-position: 0 -96px;
}
.jsoneditor-menu > button.jsoneditor-expand-all {
background-position: 0 -120px;
}
.jsoneditor-menu > button.jsoneditor-sort {
background-position: -120px -96px;
}
.jsoneditor-menu > button.jsoneditor-transform {
background-position: -144px -96px;
}
.jsoneditor.jsoneditor-mode-view > .jsoneditor-menu > button.jsoneditor-sort,
.jsoneditor.jsoneditor-mode-form > .jsoneditor-menu > button.jsoneditor-sort,
.jsoneditor.jsoneditor-mode-view > .jsoneditor-menu > button.jsoneditor-transform,
.jsoneditor.jsoneditor-mode-form > .jsoneditor-menu > button.jsoneditor-transform {
display: none;
}
.jsoneditor-menu > button.jsoneditor-undo {
background-position: -24px -96px;
}
.jsoneditor-menu > button.jsoneditor-undo:disabled {
background-position: -24px -120px;
}
.jsoneditor-menu > button.jsoneditor-redo {
background-position: -48px -96px;
}
.jsoneditor-menu > button.jsoneditor-redo:disabled {
background-position: -48px -120px;
}
.jsoneditor-menu > button.jsoneditor-compact {
background-position: -72px -96px;
}
.jsoneditor-menu > button.jsoneditor-format {
background-position: -72px -120px;
}
.jsoneditor-menu > button.jsoneditor-repair {
background-position: -96px -96px;
}
.jsoneditor-menu > .jsoneditor-modes {
display: inline-block;
float: left;
}
.jsoneditor-menu > .jsoneditor-modes > button {
background-image: none;
width: auto;
padding-left: 6px;
padding-right: 6px;
}
.jsoneditor-menu > button.jsoneditor-separator,
.jsoneditor-menu > .jsoneditor-modes > button.jsoneditor-separator {
margin-left: 10px;
}
.jsoneditor-menu a {
font-family: $jse-font;
font-size: $jse-font-size;
color: $jse-white;
opacity: 0.8;
vertical-align: middle;
}
.jsoneditor-menu a:hover {
opacity: 1;
}
.jsoneditor-menu a.jsoneditor-poweredBy {
font-size: 8pt;
position: absolute;
right: 0;
top: 0;
padding: 10px;
}

View File

@ -0,0 +1,19 @@
@import "styles";
.jsoneditor-navigation-bar {
width: 100%;
height: 26px;
line-height: 26px;
padding: 0;
margin: 0;
border-bottom: 1px solid $jse-bar-border;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: $jse-readonly;
background-color: $jse-light-bg;
overflow: hidden;
font-family: $jse-font;
font-size: $jse-font-size;
}

24
src/scss/reset.scss Normal file
View File

@ -0,0 +1,24 @@
@import "styles";
.jsoneditor {
.jsoneditor-search {
input {
height: auto;
border: inherit;
border: none;
box-shadow: none;
}
}
table {
border-collapse: collapse;
width: auto;
}
}
.jsoneditor td,
.jsoneditor th {
padding: 0;
display: table-cell;
text-align: left;
vertical-align: inherit;
border-radius: inherit;
}

63
src/scss/searchbox.scss Normal file
View File

@ -0,0 +1,63 @@
@import "styles";
.jsoneditor-search {
position: absolute;
right: 4px;
top: 4px;
border-collapse: collapse;
border-spacing: 0;
.jsoneditor-results {
color: $jse-white;
padding-right: 5px;
line-height: 26px;
}
.jsoneditor-frame {
border: 1px solid transparent;
background-color: $jse-white;
padding: 0 2px;
margin: 0;
}
input {
width: 120px;
border: none;
outline: none;
margin: 1px;
line-height: 20px;
}
button {
width: 16px;
height: 24px;
padding: 0;
margin: 0;
border: none;
background: url("./img/jsoneditor-icons.svg");
vertical-align: top;
&:hover {
background-color: transparent;
}
&.jsoneditor-refresh {
width: 18px;
background-position: -99px -73px;
}
&.jsoneditor-next {
cursor: pointer;
background-position: -124px -73px;
&:hover {
background-position: -124px -49px;
}
}
&.jsoneditor-previous {
cursor: pointer;
background-position: -148px -73px;
margin-right: 2px;
&:hover {
background-position: -148px -49px;
}
}
}
}
.jsoneditor-search input,
.jsoneditor-search .jsoneditor-results {
font-family: $jse-font;
}

51
src/scss/statusbar.scss Normal file
View File

@ -0,0 +1,51 @@
@import "styles";
.jsoneditor-statusbar {
line-height: 26px;
height: 26px;
color: $jse-readonly;
background-color: $jse-bar-bg;
border-top: 1px solid $jse-bar-border;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: $jse-font-size;
.jsoneditor-curserinfo-val {
margin-right: 12px;
}
.jsoneditor-curserinfo-count {
margin-left: 4px;
}
.jsoneditor-validation-error-icon {
float: right;
width: 24px;
height: 24px;
padding: 0;
margin-top: 1px;
background: url("img/jsoneditor-icons.svg") -168px -48px;
cursor: pointer;
}
.jsoneditor-validation-error-count {
float: right;
margin: 0 4px 0 0;
cursor: pointer;
}
.jsoneditor-parse-error-icon {
float: right;
width: 24px;
height: 24px;
padding: 0;
margin: 1px;
background: url("img/jsoneditor-icons.svg") -25px 0px;
}
.jsoneditor-array-info {
a {
color: inherit;
}
}
.jsoneditor-curserinfo-label,
.jsoneditor-size-info {
margin: 0 4px;
}
}

39
src/scss/styles.scss Normal file
View File

@ -0,0 +1,39 @@
$jse-white: #ffffff;
$jse-grey:#999999;
$jse-light-bg: #ebebeb;
$jse-blue: #3883fa;
$jse-content-color: #1a1a1a;
$jse-string: #006000;
$jse-number: #ee422e;
$jse-boolean: #ff8c00;
$jse-null: #004ed0;
$jse-invalid: #000000;
$jse-readonly: #808080;
$jse-empty: #d3d3d3;
$jse-preview: #f5f5f5;
$jse-busy: #ffffab;
$jse-busy-border-color: #ffee00;
$jse-error: #ee2e2e70;
$jse-separator: #e5e5e5;
$jse-highlight-bg: #ffee00;
$jse-highlight-border-color: #ffc700;
$jse-popover-bg: #4c4c4c;
$jse-bar-bg: $jse-light-bg;
$jse-bar-border: $jse-empty;
$jse-menu-color: $jse-empty;
$jse-contextmenu-color: #4d4d4d;
$jse-box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
$jse-box-shadow-sm: 0 0 5px rgba(0, 0, 0, 0.4);
$jse-box-shadow-inner: inset 0 0 10px rgba(128, 128, 128, 0.5);
$jse-date: #a1a1a1;
$jse-font: arial, sans-serif;
$jse-font-mono: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
$jse-font-size: 10pt;

50
src/scss/treepath.scss Normal file
View File

@ -0,0 +1,50 @@
@import "styles";
.jsoneditor-treepath {
padding: 0 5px;
overflow: hidden;
white-space: nowrap;
outline: none;
&.show-all {
word-wrap: break-word;
white-space: normal;
position: absolute;
background-color: $jse-light-bg;
z-index: 999;
box-shadow: $jse-box-shadow;
span {
&.jsoneditor-treepath-show-all-btn {
display: none;
}
}
}
div {
&.jsoneditor-contextmenu-root {
position: absolute;
left: 0;
}
}
.jsoneditor-treepath-show-all-btn {
position: absolute;
background-color: $jse-light-bg;
left: 0;
height: 20px;
padding: 0 3px;
cursor: pointer;
}
.jsoneditor-treepath-element {
margin: 1px;
font-family: $jse-font;
font-size: $jse-font-size;
}
.jsoneditor-treepath-seperator {
margin: 2px;
font-size: 9pt;
font-family: $jse-font;
}
}
.jsoneditor-treepath span.jsoneditor-treepath-element:hover,
.jsoneditor-treepath span.jsoneditor-treepath-seperator:hover {
cursor: pointer;
text-decoration: underline;
}