autolayout
Version:
Apple's Auto Layout and Visual Format Language for javascript (using cassowary constraints)
1,736 lines (1,601 loc) • 228 kB
JavaScript
/**
* AutoLayout.js is licensed under the MIT license. If a copy of the
* MIT-license was not distributed with this file, You can obtain one at:
* http://opensource.org/licenses/mit-license.html.
*
* @author: Hein Rutjes (IjzerenHein)
* @license MIT
* @copyright Gloey Apps, 2017
*
* @library autolayout.js
* @version 0.7.0
*/
/*-----------------------------------------------------------------------------
| Kiwi (TypeScript version)
|
| Copyright (c) 2014, Nucleic Development Team & H. Rutjes.
|
| Distributed under the terms of the Modified BSD License.
|
| The full license is in the file COPYING.txt, distributed with this software.
|----------------------------------------------------------------------------*/
(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.AutoLayout = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
'use strict';
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
var kiwi = require('kiwi.js');
'use strict';
/**
* Layout attributes.
* @enum {String}
*/
var Attribute = {
CONST: 'const',
NOTANATTRIBUTE: 'const',
VARIABLE: 'var',
LEFT: 'left',
RIGHT: 'right',
TOP: 'top',
BOTTOM: 'bottom',
WIDTH: 'width',
HEIGHT: 'height',
CENTERX: 'centerX',
CENTERY: 'centerY',
/*LEADING: 'leading',
TRAILING: 'trailing'*/
/** Used by the extended VFL syntax. */
ZINDEX: 'zIndex'
};
/**
* Relation types.
* @enum {String}
*/
var Relation = {
/** Less than or equal */
LEQ: 'leq',
/** Equal */
EQU: 'equ',
/** Greater than or equal */
GEQ: 'geq'
};
/**
* Layout priorities.
* @enum {String}
*/
var Priority = {
REQUIRED: 1000,
DEFAULTHIGH: 750,
DEFAULTLOW: 250
//FITTINGSIZELEVEL: 50,
};
var parser = function () {
/*
* Generated by PEG.js 0.8.0.
*
* http://pegjs.majda.cz/
*/
function peg$subclass(child, parent) {
function ctor() {
this.constructor = child;
}
ctor.prototype = parent.prototype;
child.prototype = new ctor();
}
function SyntaxError(message, expected, found, offset, line, column) {
this.message = message;
this.expected = expected;
this.found = found;
this.offset = offset;
this.line = line;
this.column = column;
this.name = "SyntaxError";
}
peg$subclass(SyntaxError, Error);
function parse(input) {
var options = arguments.length > 1 ? arguments[1] : {},
peg$FAILED = {},
peg$startRuleFunctions = { visualFormatString: peg$parsevisualFormatString },
peg$startRuleFunction = peg$parsevisualFormatString,
peg$c0 = peg$FAILED,
peg$c1 = null,
peg$c2 = ":",
peg$c3 = { type: "literal", value: ":", description: "\":\"" },
peg$c4 = [],
peg$c5 = function peg$c5(o, superto, view, views, tosuper) {
return {
orientation: o ? o[0] : 'horizontal',
cascade: (superto || []).concat([view], [].concat.apply([], views), tosuper || [])
};
},
peg$c6 = "H",
peg$c7 = { type: "literal", value: "H", description: "\"H\"" },
peg$c8 = "V",
peg$c9 = { type: "literal", value: "V", description: "\"V\"" },
peg$c10 = function peg$c10(orient) {
return orient == 'H' ? 'horizontal' : 'vertical';
},
peg$c11 = "|",
peg$c12 = { type: "literal", value: "|", description: "\"|\"" },
peg$c13 = function peg$c13() {
return { view: null };
},
peg$c14 = "[",
peg$c15 = { type: "literal", value: "[", description: "\"[\"" },
peg$c16 = "]",
peg$c17 = { type: "literal", value: "]", description: "\"]\"" },
peg$c18 = function peg$c18(view, predicates) {
return extend(view, predicates ? { constraints: predicates } : {});
},
peg$c19 = "-",
peg$c20 = { type: "literal", value: "-", description: "\"-\"" },
peg$c21 = function peg$c21(predicateList) {
return predicateList;
},
peg$c22 = function peg$c22() {
return [{ relation: 'equ', constant: 'default', $parserOffset: offset() }];
},
peg$c23 = "",
peg$c24 = function peg$c24() {
return [{ relation: 'equ', constant: 0, $parserOffset: offset() }];
},
peg$c25 = function peg$c25(n) {
return [{ relation: 'equ', constant: n, $parserOffset: offset() }];
},
peg$c26 = "(",
peg$c27 = { type: "literal", value: "(", description: "\"(\"" },
peg$c28 = ",",
peg$c29 = { type: "literal", value: ",", description: "\",\"" },
peg$c30 = ")",
peg$c31 = { type: "literal", value: ")", description: "\")\"" },
peg$c32 = function peg$c32(p, ps) {
return [p].concat(ps.map(function (p) {
return p[1];
}));
},
peg$c33 = "@",
peg$c34 = { type: "literal", value: "@", description: "\"@\"" },
peg$c35 = function peg$c35(r, o, p) {
return extend({ relation: 'equ' }, r || {}, o, p ? p[1] : {});
},
peg$c36 = "==",
peg$c37 = { type: "literal", value: "==", description: "\"==\"" },
peg$c38 = function peg$c38() {
return { relation: 'equ', $parserOffset: offset() };
},
peg$c39 = "<=",
peg$c40 = { type: "literal", value: "<=", description: "\"<=\"" },
peg$c41 = function peg$c41() {
return { relation: 'leq', $parserOffset: offset() };
},
peg$c42 = ">=",
peg$c43 = { type: "literal", value: ">=", description: "\">=\"" },
peg$c44 = function peg$c44() {
return { relation: 'geq', $parserOffset: offset() };
},
peg$c45 = /^[0-9]/,
peg$c46 = { type: "class", value: "[0-9]", description: "[0-9]" },
peg$c47 = function peg$c47(digits) {
return { priority: parseInt(digits.join(""), 10) };
},
peg$c48 = function peg$c48(n) {
return { constant: n };
},
peg$c49 = /^[a-zA-Z_]/,
peg$c50 = { type: "class", value: "[a-zA-Z_]", description: "[a-zA-Z_]" },
peg$c51 = /^[a-zA-Z0-9_]/,
peg$c52 = { type: "class", value: "[a-zA-Z0-9_]", description: "[a-zA-Z0-9_]" },
peg$c53 = function peg$c53(f, v) {
return { view: f + v };
},
peg$c54 = ".",
peg$c55 = { type: "literal", value: ".", description: "\".\"" },
peg$c56 = function peg$c56(digits, decimals) {
return parseFloat(digits.concat(".").concat(decimals).join(""), 10);
},
peg$c57 = function peg$c57(digits) {
return parseInt(digits.join(""), 10);
},
peg$currPos = 0,
peg$reportedPos = 0,
peg$cachedPos = 0,
peg$cachedPosDetails = { line: 1, column: 1, seenCR: false },
peg$maxFailPos = 0,
peg$maxFailExpected = [],
peg$silentFails = 0,
peg$result;
if ("startRule" in options) {
if (!(options.startRule in peg$startRuleFunctions)) {
throw new Error("Can't start parsing from rule \"" + options.startRule + "\".");
}
peg$startRuleFunction = peg$startRuleFunctions[options.startRule];
}
function text() {
return input.substring(peg$reportedPos, peg$currPos);
}
function offset() {
return peg$reportedPos;
}
function line() {
return peg$computePosDetails(peg$reportedPos).line;
}
function column() {
return peg$computePosDetails(peg$reportedPos).column;
}
function expected(description) {
throw peg$buildException(null, [{ type: "other", description: description }], peg$reportedPos);
}
function error(message) {
throw peg$buildException(message, null, peg$reportedPos);
}
function peg$computePosDetails(pos) {
function advance(details, startPos, endPos) {
var p, ch;
for (p = startPos; p < endPos; p++) {
ch = input.charAt(p);
if (ch === "\n") {
if (!details.seenCR) {
details.line++;
}
details.column = 1;
details.seenCR = false;
} else if (ch === "\r" || ch === '\u2028' || ch === '\u2029') {
details.line++;
details.column = 1;
details.seenCR = true;
} else {
details.column++;
details.seenCR = false;
}
}
}
if (peg$cachedPos !== pos) {
if (peg$cachedPos > pos) {
peg$cachedPos = 0;
peg$cachedPosDetails = { line: 1, column: 1, seenCR: false };
}
advance(peg$cachedPosDetails, peg$cachedPos, pos);
peg$cachedPos = pos;
}
return peg$cachedPosDetails;
}
function peg$fail(expected) {
if (peg$currPos < peg$maxFailPos) {
return;
}
if (peg$currPos > peg$maxFailPos) {
peg$maxFailPos = peg$currPos;
peg$maxFailExpected = [];
}
peg$maxFailExpected.push(expected);
}
function peg$buildException(message, expected, pos) {
function cleanupExpected(expected) {
var i = 1;
expected.sort(function (a, b) {
if (a.description < b.description) {
return -1;
} else if (a.description > b.description) {
return 1;
} else {
return 0;
}
});
while (i < expected.length) {
if (expected[i - 1] === expected[i]) {
expected.splice(i, 1);
} else {
i++;
}
}
}
function buildMessage(expected, found) {
function stringEscape(s) {
function hex(ch) {
return ch.charCodeAt(0).toString(16).toUpperCase();
}
return s.replace(/\\/g, '\\\\').replace(/"/g, '\\"').replace(/\x08/g, '\\b').replace(/\t/g, '\\t').replace(/\n/g, '\\n').replace(/\f/g, '\\f').replace(/\r/g, '\\r').replace(/[\x00-\x07\x0B\x0E\x0F]/g, function (ch) {
return '\\x0' + hex(ch);
}).replace(/[\x10-\x1F\x80-\xFF]/g, function (ch) {
return '\\x' + hex(ch);
}).replace(/[\u0180-\u0FFF]/g, function (ch) {
return '\\u0' + hex(ch);
}).replace(/[\u1080-\uFFFF]/g, function (ch) {
return '\\u' + hex(ch);
});
}
var expectedDescs = new Array(expected.length),
expectedDesc,
foundDesc,
i;
for (i = 0; i < expected.length; i++) {
expectedDescs[i] = expected[i].description;
}
expectedDesc = expected.length > 1 ? expectedDescs.slice(0, -1).join(", ") + " or " + expectedDescs[expected.length - 1] : expectedDescs[0];
foundDesc = found ? "\"" + stringEscape(found) + "\"" : "end of input";
return "Expected " + expectedDesc + " but " + foundDesc + " found.";
}
var posDetails = peg$computePosDetails(pos),
found = pos < input.length ? input.charAt(pos) : null;
if (expected !== null) {
cleanupExpected(expected);
}
return new SyntaxError(message !== null ? message : buildMessage(expected, found), expected, found, pos, posDetails.line, posDetails.column);
}
function peg$parsevisualFormatString() {
var s0, s1, s2, s3, s4, s5, s6, s7;
s0 = peg$currPos;
s1 = peg$currPos;
s2 = peg$parseorientation();
if (s2 !== peg$FAILED) {
if (input.charCodeAt(peg$currPos) === 58) {
s3 = peg$c2;
peg$currPos++;
} else {
s3 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c3);
}
}
if (s3 !== peg$FAILED) {
s2 = [s2, s3];
s1 = s2;
} else {
peg$currPos = s1;
s1 = peg$c0;
}
} else {
peg$currPos = s1;
s1 = peg$c0;
}
if (s1 === peg$FAILED) {
s1 = peg$c1;
}
if (s1 !== peg$FAILED) {
s2 = peg$currPos;
s3 = peg$parsesuperview();
if (s3 !== peg$FAILED) {
s4 = peg$parseconnection();
if (s4 !== peg$FAILED) {
s3 = [s3, s4];
s2 = s3;
} else {
peg$currPos = s2;
s2 = peg$c0;
}
} else {
peg$currPos = s2;
s2 = peg$c0;
}
if (s2 === peg$FAILED) {
s2 = peg$c1;
}
if (s2 !== peg$FAILED) {
s3 = peg$parseview();
if (s3 !== peg$FAILED) {
s4 = [];
s5 = peg$currPos;
s6 = peg$parseconnection();
if (s6 !== peg$FAILED) {
s7 = peg$parseview();
if (s7 !== peg$FAILED) {
s6 = [s6, s7];
s5 = s6;
} else {
peg$currPos = s5;
s5 = peg$c0;
}
} else {
peg$currPos = s5;
s5 = peg$c0;
}
while (s5 !== peg$FAILED) {
s4.push(s5);
s5 = peg$currPos;
s6 = peg$parseconnection();
if (s6 !== peg$FAILED) {
s7 = peg$parseview();
if (s7 !== peg$FAILED) {
s6 = [s6, s7];
s5 = s6;
} else {
peg$currPos = s5;
s5 = peg$c0;
}
} else {
peg$currPos = s5;
s5 = peg$c0;
}
}
if (s4 !== peg$FAILED) {
s5 = peg$currPos;
s6 = peg$parseconnection();
if (s6 !== peg$FAILED) {
s7 = peg$parsesuperview();
if (s7 !== peg$FAILED) {
s6 = [s6, s7];
s5 = s6;
} else {
peg$currPos = s5;
s5 = peg$c0;
}
} else {
peg$currPos = s5;
s5 = peg$c0;
}
if (s5 === peg$FAILED) {
s5 = peg$c1;
}
if (s5 !== peg$FAILED) {
peg$reportedPos = s0;
s1 = peg$c5(s1, s2, s3, s4, s5);
s0 = s1;
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
return s0;
}
function peg$parseorientation() {
var s0, s1;
s0 = peg$currPos;
if (input.charCodeAt(peg$currPos) === 72) {
s1 = peg$c6;
peg$currPos++;
} else {
s1 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c7);
}
}
if (s1 === peg$FAILED) {
if (input.charCodeAt(peg$currPos) === 86) {
s1 = peg$c8;
peg$currPos++;
} else {
s1 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c9);
}
}
}
if (s1 !== peg$FAILED) {
peg$reportedPos = s0;
s1 = peg$c10(s1);
}
s0 = s1;
return s0;
}
function peg$parsesuperview() {
var s0, s1;
s0 = peg$currPos;
if (input.charCodeAt(peg$currPos) === 124) {
s1 = peg$c11;
peg$currPos++;
} else {
s1 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c12);
}
}
if (s1 !== peg$FAILED) {
peg$reportedPos = s0;
s1 = peg$c13();
}
s0 = s1;
return s0;
}
function peg$parseview() {
var s0, s1, s2, s3, s4;
s0 = peg$currPos;
if (input.charCodeAt(peg$currPos) === 91) {
s1 = peg$c14;
peg$currPos++;
} else {
s1 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c15);
}
}
if (s1 !== peg$FAILED) {
s2 = peg$parseviewName();
if (s2 !== peg$FAILED) {
s3 = peg$parsepredicateListWithParens();
if (s3 === peg$FAILED) {
s3 = peg$c1;
}
if (s3 !== peg$FAILED) {
if (input.charCodeAt(peg$currPos) === 93) {
s4 = peg$c16;
peg$currPos++;
} else {
s4 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c17);
}
}
if (s4 !== peg$FAILED) {
peg$reportedPos = s0;
s1 = peg$c18(s2, s3);
s0 = s1;
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
return s0;
}
function peg$parseconnection() {
var s0, s1, s2, s3;
s0 = peg$currPos;
if (input.charCodeAt(peg$currPos) === 45) {
s1 = peg$c19;
peg$currPos++;
} else {
s1 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c20);
}
}
if (s1 !== peg$FAILED) {
s2 = peg$parsepredicateList();
if (s2 !== peg$FAILED) {
if (input.charCodeAt(peg$currPos) === 45) {
s3 = peg$c19;
peg$currPos++;
} else {
s3 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c20);
}
}
if (s3 !== peg$FAILED) {
peg$reportedPos = s0;
s1 = peg$c21(s2);
s0 = s1;
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
if (s0 === peg$FAILED) {
s0 = peg$currPos;
if (input.charCodeAt(peg$currPos) === 45) {
s1 = peg$c19;
peg$currPos++;
} else {
s1 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c20);
}
}
if (s1 !== peg$FAILED) {
peg$reportedPos = s0;
s1 = peg$c22();
}
s0 = s1;
if (s0 === peg$FAILED) {
s0 = peg$currPos;
s1 = peg$c23;
if (s1 !== peg$FAILED) {
peg$reportedPos = s0;
s1 = peg$c24();
}
s0 = s1;
}
}
return s0;
}
function peg$parsepredicateList() {
var s0;
s0 = peg$parsesimplePredicate();
if (s0 === peg$FAILED) {
s0 = peg$parsepredicateListWithParens();
}
return s0;
}
function peg$parsesimplePredicate() {
var s0, s1;
s0 = peg$currPos;
s1 = peg$parsenumber();
if (s1 !== peg$FAILED) {
peg$reportedPos = s0;
s1 = peg$c25(s1);
}
s0 = s1;
return s0;
}
function peg$parsepredicateListWithParens() {
var s0, s1, s2, s3, s4, s5, s6;
s0 = peg$currPos;
if (input.charCodeAt(peg$currPos) === 40) {
s1 = peg$c26;
peg$currPos++;
} else {
s1 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c27);
}
}
if (s1 !== peg$FAILED) {
s2 = peg$parsepredicate();
if (s2 !== peg$FAILED) {
s3 = [];
s4 = peg$currPos;
if (input.charCodeAt(peg$currPos) === 44) {
s5 = peg$c28;
peg$currPos++;
} else {
s5 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c29);
}
}
if (s5 !== peg$FAILED) {
s6 = peg$parsepredicate();
if (s6 !== peg$FAILED) {
s5 = [s5, s6];
s4 = s5;
} else {
peg$currPos = s4;
s4 = peg$c0;
}
} else {
peg$currPos = s4;
s4 = peg$c0;
}
while (s4 !== peg$FAILED) {
s3.push(s4);
s4 = peg$currPos;
if (input.charCodeAt(peg$currPos) === 44) {
s5 = peg$c28;
peg$currPos++;
} else {
s5 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c29);
}
}
if (s5 !== peg$FAILED) {
s6 = peg$parsepredicate();
if (s6 !== peg$FAILED) {
s5 = [s5, s6];
s4 = s5;
} else {
peg$currPos = s4;
s4 = peg$c0;
}
} else {
peg$currPos = s4;
s4 = peg$c0;
}
}
if (s3 !== peg$FAILED) {
if (input.charCodeAt(peg$currPos) === 41) {
s4 = peg$c30;
peg$currPos++;
} else {
s4 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c31);
}
}
if (s4 !== peg$FAILED) {
peg$reportedPos = s0;
s1 = peg$c32(s2, s3);
s0 = s1;
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
return s0;
}
function peg$parsepredicate() {
var s0, s1, s2, s3, s4, s5;
s0 = peg$currPos;
s1 = peg$parserelation();
if (s1 === peg$FAILED) {
s1 = peg$c1;
}
if (s1 !== peg$FAILED) {
s2 = peg$parseobjectOfPredicate();
if (s2 !== peg$FAILED) {
s3 = peg$currPos;
if (input.charCodeAt(peg$currPos) === 64) {
s4 = peg$c33;
peg$currPos++;
} else {
s4 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c34);
}
}
if (s4 !== peg$FAILED) {
s5 = peg$parsepriority();
if (s5 !== peg$FAILED) {
s4 = [s4, s5];
s3 = s4;
} else {
peg$currPos = s3;
s3 = peg$c0;
}
} else {
peg$currPos = s3;
s3 = peg$c0;
}
if (s3 === peg$FAILED) {
s3 = peg$c1;
}
if (s3 !== peg$FAILED) {
peg$reportedPos = s0;
s1 = peg$c35(s1, s2, s3);
s0 = s1;
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
return s0;
}
function peg$parserelation() {
var s0, s1;
s0 = peg$currPos;
if (input.substr(peg$currPos, 2) === peg$c36) {
s1 = peg$c36;
peg$currPos += 2;
} else {
s1 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c37);
}
}
if (s1 !== peg$FAILED) {
peg$reportedPos = s0;
s1 = peg$c38();
}
s0 = s1;
if (s0 === peg$FAILED) {
s0 = peg$currPos;
if (input.substr(peg$currPos, 2) === peg$c39) {
s1 = peg$c39;
peg$currPos += 2;
} else {
s1 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c40);
}
}
if (s1 !== peg$FAILED) {
peg$reportedPos = s0;
s1 = peg$c41();
}
s0 = s1;
if (s0 === peg$FAILED) {
s0 = peg$currPos;
if (input.substr(peg$currPos, 2) === peg$c42) {
s1 = peg$c42;
peg$currPos += 2;
} else {
s1 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c43);
}
}
if (s1 !== peg$FAILED) {
peg$reportedPos = s0;
s1 = peg$c44();
}
s0 = s1;
}
}
return s0;
}
function peg$parseobjectOfPredicate() {
var s0;
s0 = peg$parseconstant();
if (s0 === peg$FAILED) {
s0 = peg$parseviewName();
}
return s0;
}
function peg$parsepriority() {
var s0, s1, s2;
s0 = peg$currPos;
s1 = [];
if (peg$c45.test(input.charAt(peg$currPos))) {
s2 = input.charAt(peg$currPos);
peg$currPos++;
} else {
s2 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c46);
}
}
if (s2 !== peg$FAILED) {
while (s2 !== peg$FAILED) {
s1.push(s2);
if (peg$c45.test(input.charAt(peg$currPos))) {
s2 = input.charAt(peg$currPos);
peg$currPos++;
} else {
s2 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c46);
}
}
}
} else {
s1 = peg$c0;
}
if (s1 !== peg$FAILED) {
peg$reportedPos = s0;
s1 = peg$c47(s1);
}
s0 = s1;
return s0;
}
function peg$parseconstant() {
var s0, s1;
s0 = peg$currPos;
s1 = peg$parsenumber();
if (s1 !== peg$FAILED) {
peg$reportedPos = s0;
s1 = peg$c48(s1);
}
s0 = s1;
return s0;
}
function peg$parseviewName() {
var s0, s1, s2, s3, s4;
s0 = peg$currPos;
s1 = peg$currPos;
s2 = [];
if (peg$c49.test(input.charAt(peg$currPos))) {
s3 = input.charAt(peg$currPos);
peg$currPos++;
} else {
s3 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c50);
}
}
if (s3 !== peg$FAILED) {
while (s3 !== peg$FAILED) {
s2.push(s3);
if (peg$c49.test(input.charAt(peg$currPos))) {
s3 = input.charAt(peg$currPos);
peg$currPos++;
} else {
s3 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c50);
}
}
}
} else {
s2 = peg$c0;
}
if (s2 !== peg$FAILED) {
s2 = input.substring(s1, peg$currPos);
}
s1 = s2;
if (s1 !== peg$FAILED) {
s2 = peg$currPos;
s3 = [];
if (peg$c51.test(input.charAt(peg$currPos))) {
s4 = input.charAt(peg$currPos);
peg$currPos++;
} else {
s4 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c52);
}
}
while (s4 !== peg$FAILED) {
s3.push(s4);
if (peg$c51.test(input.charAt(peg$currPos))) {
s4 = input.charAt(peg$currPos);
peg$currPos++;
} else {
s4 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c52);
}
}
}
if (s3 !== peg$FAILED) {
s3 = input.substring(s2, peg$currPos);
}
s2 = s3;
if (s2 !== peg$FAILED) {
peg$reportedPos = s0;
s1 = peg$c53(s1, s2);
s0 = s1;
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
return s0;
}
function peg$parsenumber() {
var s0, s1, s2, s3, s4;
s0 = peg$currPos;
s1 = [];
if (peg$c45.test(input.charAt(peg$currPos))) {
s2 = input.charAt(peg$currPos);
peg$currPos++;
} else {
s2 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c46);
}
}
if (s2 !== peg$FAILED) {
while (s2 !== peg$FAILED) {
s1.push(s2);
if (peg$c45.test(input.charAt(peg$currPos))) {
s2 = input.charAt(peg$currPos);
peg$currPos++;
} else {
s2 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c46);
}
}
}
} else {
s1 = peg$c0;
}
if (s1 !== peg$FAILED) {
if (input.charCodeAt(peg$currPos) === 46) {
s2 = peg$c54;
peg$currPos++;
} else {
s2 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c55);
}
}
if (s2 !== peg$FAILED) {
s3 = [];
if (peg$c45.test(input.charAt(peg$currPos))) {
s4 = input.charAt(peg$currPos);
peg$currPos++;
} else {
s4 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c46);
}
}
if (s4 !== peg$FAILED) {
while (s4 !== peg$FAILED) {
s3.push(s4);
if (peg$c45.test(input.charAt(peg$currPos))) {
s4 = input.charAt(peg$currPos);
peg$currPos++;
} else {
s4 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c46);
}
}
}
} else {
s3 = peg$c0;
}
if (s3 !== peg$FAILED) {
peg$reportedPos = s0;
s1 = peg$c56(s1, s3);
s0 = s1;
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
if (s0 === peg$FAILED) {
s0 = peg$currPos;
s1 = [];
if (peg$c45.test(input.charAt(peg$currPos))) {
s2 = input.charAt(peg$currPos);
peg$currPos++;
} else {
s2 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c46);
}
}
if (s2 !== peg$FAILED) {
while (s2 !== peg$FAILED) {
s1.push(s2);
if (peg$c45.test(input.charAt(peg$currPos))) {
s2 = input.charAt(peg$currPos);
peg$currPos++;
} else {
s2 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c46);
}
}
}
} else {
s1 = peg$c0;
}
if (s1 !== peg$FAILED) {
peg$reportedPos = s0;
s1 = peg$c57(s1);
}
s0 = s1;
}
return s0;
}
function extend(dst) {
for (var i = 1; i < arguments.length; i++) {
for (var k in arguments[i]) {
dst[k] = arguments[i][k];
}
}
return dst;
}
peg$result = peg$startRuleFunction();
if (peg$result !== peg$FAILED && peg$currPos === input.length) {
return peg$result;
} else {
if (peg$result !== peg$FAILED && peg$currPos < input.length) {
peg$fail({ type: "end", description: "end of input" });
}
throw peg$buildException(null, peg$maxFailExpected, peg$maxFailPos);
}
}
return {
SyntaxError: SyntaxError,
parse: parse
};
}();
var parserExt = function () {
/*
* Generated by PEG.js 0.8.0.
*
* http://pegjs.majda.cz/
*/
function peg$subclass(child, parent) {
function ctor() {
this.constructor = child;
}
ctor.prototype = parent.prototype;
child.prototype = new ctor();
}
function SyntaxError(message, expected, found, offset, line, column) {
this.message = message;
this.expected = expected;
this.found = found;
this.offset = offset;
this.line = line;
this.column = column;
this.name = "SyntaxError";
}
peg$subclass(SyntaxError, Error);
function parse(input) {
var options = arguments.length > 1 ? arguments[1] : {},
peg$FAILED = {},
peg$startRuleFunctions = { visualFormatStringExt: peg$parsevisualFormatStringExt },
peg$startRuleFunction = peg$parsevisualFormatStringExt,
peg$c0 = peg$FAILED,
peg$c1 = "C:",
peg$c2 = { type: "literal", value: "C:", description: "\"C:\"" },
peg$c3 = [],
peg$c4 = null,
peg$c5 = function peg$c5(view, attribute, attributes, comments) {
return {
type: 'attribute',
view: view.view,
attributes: [attribute].concat(attributes)
};
},
peg$c6 = function peg$c6(attr, predicates) {
return { attr: attr, predicates: predicates };
},
peg$c7 = ":",
peg$c8 = { type: "literal", value: ":", description: "\":\"" },
peg$c9 = function peg$c9(o, superto, view, views, tosuper, comments) {
return {
type: 'vfl',
orientation: o ? o[0] : 'horizontal',
cascade: (superto || []).concat(view, [].concat.apply([], views), tosuper || [])
};
},
peg$c10 = "HV",
peg$c11 = { type: "literal", value: "HV", description: "\"HV\"" },
peg$c12 = function peg$c12() {
return 'horzvert';
},
peg$c13 = "H",
peg$c14 = { type: "literal", value: "H", description: "\"H\"" },
peg$c15 = function peg$c15() {
return 'horizontal';
},
peg$c16 = "V",
peg$c17 = { type: "literal", value: "V", description: "\"V\"" },
peg$c18 = function peg$c18() {
return 'vertical';
},
peg$c19 = "Z",
peg$c20 = { type: "literal", value: "Z", description: "\"Z\"" },
peg$c21 = function peg$c21() {
return 'zIndex';
},
peg$c22 = " ",
peg$c23 = { type: "literal", value: " ", description: "\" \"" },
peg$c24 = "//",
peg$c25 = { type: "literal", value: "//", description: "\"//\"" },
peg$c26 = { type: "any", description: "any character" },
peg$c27 = "|",
peg$c28 = { type: "literal", value: "|", description: "\"|\"" },
peg$c29 = function peg$c29() {
return { view: null };
},
peg$c30 = "[",
peg$c31 = { type: "literal", value: "[", description: "\"[\"" },
peg$c32 = ",",
peg$c33 = { type: "literal", value: ",", description: "\",\"" },
peg$c34 = "]",
peg$c35 = { type: "literal", value: "]", description: "\"]\"" },
peg$c36 = function peg$c36(view, views) {
return views.length ? [view].concat([].concat.apply([], views)) : view;
},
peg$c37 = function peg$c37(view, predicates, cascadedViews) {
return extend(extend(view, predicates ? { constraints: predicates } : {}), cascadedViews ? {
cascade: cascadedViews
} : {});
},
peg$c38 = function peg$c38(views, connection) {
return [].concat([].concat.apply([], views), [connection]);
},
peg$c39 = "->",
peg$c40 = { type: "literal", value: "->", description: "\"->\"" },
peg$c41 = function peg$c41() {
return [{ relation: 'none' }];
},
peg$c42 = "-",
peg$c43 = { type: "literal", value: "-", description: "\"-\"" },
peg$c44 = function peg$c44(predicateList) {
return predicateList;
},
peg$c45 = function peg$c45() {
return [{ relation: 'equ', constant: 'default' }];
},
peg$c46 = "~",
peg$c47 = { type: "literal", value: "~", description: "\"~\"" },
peg$c48 = function peg$c48() {
return [{ relation: 'equ', equalSpacing: true }];
},
peg$c49 = "",
peg$c50 = function peg$c50() {
return [{ relation: 'equ', constant: 0 }];
},
peg$c51 = function peg$c51(p) {
return [{ relation: 'equ', multiplier: p.multiplier }];
},
peg$c52 = function peg$c52(n) {
return [{ relation: 'equ', constant: n }];
},
peg$c53 = "(",
peg$c54 = { type: "literal", value: "(", description: "\"(\"" },
peg$c55 = ")",
peg$c56 = { type: "literal", value: ")", description: "\")\"" },
peg$c57 = function peg$c57(p, ps) {
return [p].concat(ps.map(function (p) {
return p[1];
}));
},
peg$c58 = "@",
peg$c59 = { type: "literal", value: "@", description: "\"@\"" },
peg$c60 = function peg$c60(r, o, p) {
return extend({ relation: 'equ' }, r || {}, o, p ? p[1] : {});
},
peg$c61 = function peg$c61(r, o, p) {
return extend({ relation: 'equ', equalSpacing: true }, r || {}, o, p ? p[1] : {});
},
peg$c62 = "==",
peg$c63 = { type: "literal", value: "==", description: "\"==\"" },
peg$c64 = function peg$c64() {
return { relation: 'equ' };
},
peg$c65 = "<=",
peg$c66 = { type: "literal", value: "<=", description: "\"<=\"" },
peg$c67 = function peg$c67() {
return { relation: 'leq' };
},
peg$c68 = ">=",
peg$c69 = { type: "literal", value: ">=", description: "\">=\"" },
peg$c70 = function peg$c70() {
return { relation: 'geq' };
},
peg$c71 = /^[0-9]/,
peg$c72 = { type: "class", value: "[0-9]", description: "[0-9]" },
peg$c73 = function peg$c73(digits) {
return { priority: parseInt(digits.join(""), 10) };
},
peg$c74 = function peg$c74(n) {
return { constant: n };
},
peg$c75 = function peg$c75(n) {
return { constant: -n };
},
peg$c76 = "+",
peg$c77 = { type: "literal", value: "+", description: "\"+\"" },
peg$c78 = "%",
peg$c79 = { type: "literal", value: "%", description: "\"%\"" },
peg$c80 = function peg$c80(n) {
return { view: null, multiplier: n / 100 };
},
peg$c81 = function peg$c81(n) {
return { view: null, multiplier: n / -100 };
},
peg$c82 = function peg$c82(vn, a, m, c) {
return { view: vn.view, attribute: a ? a : undefined, multiplier: m ? m : 1, constant: c ? c : undefined };
},
peg$c83 = ".left",
peg$c84 = { type: "literal", value: ".left", description: "\".left\"" },
peg$c85 = function peg$c85() {
return 'left';
},
peg$c86 = ".right",
peg$c87 = { type: "literal", value: ".right", description: "\".right\"" },
peg$c88 = function peg$c88() {
return 'right';
},
peg$c89 = ".top",
peg$c90 = { type: "literal", value: ".top", description: "\".top\"" },
peg$c91 = function peg$c91() {
return 'top';
},
peg$c92 = ".bottom",
peg$c93 = { type: "literal", value: ".bottom", description: "\".bottom\"" },
peg$c94 = function peg$c94() {
return 'bottom';
},
peg$c95 = ".width",
peg$c96 = { type: "literal", value: ".width", description: "\".width\"" },
peg$c97 = function peg$c97() {
return 'width';
},
peg$c98 = ".height",
peg$c99 = { type: "literal", value: ".height", description: "\".height\"" },
peg$c100 = function peg$c100() {
return 'height';
},
peg$c101 = ".centerX",
peg$c102 = { type: "literal", value: ".centerX", description: "\".centerX\"" },
peg$c103 = function peg$c103() {
return 'centerX';
},
peg$c104 = ".centerY",
peg$c105 = { type: "literal", value: ".centerY", description: "\".centerY\"" },
peg$c106 = function peg$c106() {
return 'centerY';
},
peg$c107 = "/",
peg$c108 = { type: "literal", value: "/", description: "\"/\"" },
peg$c109 = function peg$c109(n) {
return 1 / n;
},
peg$c110 = "/+",
peg$c111 = { type: "literal", value: "/+", description: "\"/+\"" },
peg$c112 = "/-",
peg$c113 = { type: "literal", value: "/-", description: "\"/-\"" },
peg$c114 = function peg$c114(n) {
return -1 / n;
},
peg$c115 = "*",
peg$c116 = { type: "literal", value: "*", description: "\"*\"" },
peg$c117 = function peg$c117(n) {
return n;
},
peg$c118 = "*+",
peg$c119 = { type: "literal", value: "*+", description: "\"*+\"" },
peg$c120 = "*-",
peg$c121 = { type: "literal", value: "*-", description: "\"*-\"" },
peg$c122 = function peg$c122(n) {
return -n;
},
peg$c123 = /^[a-zA-Z_]/,
peg$c124 = { type: "class", value: "[a-zA-Z_]", description: "[a-zA-Z_]" },
peg$c125 = /^[a-zA-Z0-9_]/,
peg$c126 = { type: "class", value: "[a-zA-Z0-9_]", description: "[a-zA-Z0-9_]" },
peg$c127 = function peg$c127(f, v, r) {
return { view: f + v, range: r, $parserOffset: offset() };
},
peg$c128 = function peg$c128(f, v) {
return { view: f + v, $parserOffset: offset() };
},
peg$c129 = "..",
peg$c130 = { type: "literal", value: "..", description: "\"..\"" },
peg$c131 = function peg$c131(d) {
return parseInt(d);
},
peg$c132 = ".",
peg$c133 = { type: "literal", value: ".", description: "\".\"" },
peg$c134 = function peg$c134(digits, decimals) {
return parseFloat(digits.concat(".").concat(decimals).join(""), 10);
},
peg$c135 = function peg$c135(digits) {
return parseInt(digits.join(""), 10);
},
peg$currPos = 0,
peg$reportedPos = 0,
peg$cachedPos = 0,
peg$cachedPosDetails = { line: 1, column: 1, seenCR: false },
peg$maxFailPos = 0,
peg$maxFailExpected = [],
peg$silentFails = 0,
peg$result;
if ("startRule" in options) {
if (!(options.startRule in peg$startRuleFunctions)) {
throw new Error("Can't start parsing from rule \"" + options.startRule + "\".");
}
peg$startRuleFunction = peg$startRuleFunctions[options.startRule];
}
function text() {
return input.substring(peg$reportedPos, peg$currPos);
}
function offset() {
return peg$reportedPos;
}
function line() {
return peg$computePosDetails(peg$reportedPos).line;
}
function column() {
return peg$computePosDetails(peg$reportedPos).column;
}
function expected(description) {
throw peg$buildException(null, [{ type: "other", description: description }], peg$reportedPos);
}
function error(message) {
throw peg$buildException(message, null, peg$reportedPos);
}
function peg$computePosDetails(pos) {
function advance(details, startPos, endPos) {
var p, ch;
for (p = startPos; p < endPos; p++) {
ch = input.charAt(p);
if (ch === "\n") {
if (!details.seenCR) {
details.line++;
}
details.column = 1;
details.seenCR = false;
} else if (ch === "\r" || ch === '\u2028' || ch === '\u2029') {
details.line++;
details.column = 1;
details.seenCR = true;
} else {
details.column++;
details.seenCR = false;
}
}
}
if (peg$cachedPos !== pos) {
if (peg$cachedPos > pos) {
peg$cachedPos = 0;
peg$cachedPosDetails = { line: 1, column: 1, seenCR: false };
}
advance(peg$cachedPosDetails, peg$cachedPos, pos);
peg$cachedPos = pos;
}
return peg$cachedPosDetails;
}
function peg$fail(expected) {
if (peg$currPos < peg$maxFailPos) {
return;
}
if (peg$currPos > peg$maxFailPos) {
peg$maxFailPos = peg$currPos;
peg$maxFailExpected = [];
}
peg$maxFailExpected.push(expected);
}
function peg$buildException(message, expected, pos) {
function cleanupExpected(expected) {
var i = 1;
expected.sort(function (a, b) {
if (a.description < b.description) {
return -1;
} else if (a.description > b.description) {
return 1;
} else {
return 0;
}
});
while (i < expected.length) {
if (expected[i - 1] === expected[i]) {
expected.splice(i, 1);
} else {
i++;
}
}
}
function buildMessage(expected, found) {
function stringEscape(s) {
function hex(ch) {
return ch.charCodeAt(0).toString(16).toUpperCase();
}
return s.replace(/\\/g, '\\\\').replace(/"/g, '\\"').replace(/\x08/g, '\\b').replace(/\t/g, '\\t').replace(/\n/g, '\\n').replace(/\f/g, '\\f').replace(/\r/g, '\\r').replace(/[\x00-\x07\x0B\x0E\x0F]/g, function (ch) {
return '\\x0' + hex(ch);
}).replace(/[\x10-\x1F\x80-\xFF]/g, function (ch) {
return '\\x' + hex(ch);
}).replace(/[\u0180-\u0FFF]/g, function (ch) {
return '\\u0' + hex(ch);
}).replace(/[\u1080-\uFFFF]/g, function (ch) {
return '\\u' + hex(ch);
});
}
var expectedDescs = new Array(expected.length),
expectedDesc,
foundDesc,
i;
for (i = 0; i < expected.length; i++) {
expectedDescs[i] = expected[i].description;
}
expectedDesc = expected.length > 1 ? expectedDescs.slice(0, -1).join(", ") + " or " + expectedDescs[expected.length - 1] : expectedDescs[0];
foundDesc = found ? "\"" + stringEscape(found) + "\"" : "end of input";
return "Expected " + expectedDesc + " but " + foundDesc + " found.";
}
var posDetails = peg$computePosDetails(pos),
found = pos < input.length ? input.charAt(pos) : null;
if (expected !== null) {
cleanupExpected(expected);
}
return new SyntaxError(message !== null ? message : buildMessage(expected, found), expected, found, pos, posDetails.line, posDetails.column);
}
function peg$parsevisualFormatStringExt() {
var s0;
s0 = peg$parsevisualFormatString();
if (s0 === peg$FAILED) {
s0 = peg$parsevisualFormatStringConstraintExpression();
}
return s0;
}
function peg$parsevisualFormatStringConstraintExpression() {
var s0, s1, s2, s3, s4, s5;
s0 = peg$currPos;
if (input.substr(peg$currPos, 2) === peg$c1) {
s1 = peg$c1;
peg$currPos += 2;
} else {
s1 = peg$FAILED;
if (peg$silentFails === 0) {
peg$fail(peg$c2);
}
}
if (s1 !== peg$FAILED) {
s2 = peg$parseviewName();
if (s2 !== peg$FAILED) {
s3 = peg$parseattributePredicate();
if (s3 !== peg$FAILED) {
s4 = [];
s5 = peg$parseattributePredicate();
while (s5 !== peg$FAILED) {
s4.push(s5);
s5 = peg$parseattributePredicate();
}
if (s4 !== peg$FAILED) {
s5 = peg$parsecomments();
if (s5 === peg$FAILED) {
s5 = peg$c4;
}
if (s5 !== peg$FAILED) {
peg$reportedPos = s0;
s1 = peg$c5(s2, s3, s4, s5);
s0 = s1;
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
return s0;
}
function peg$parseattributePredicate() {
var s0, s1, s2;
s0 = peg$currPos;
s1 = peg$parseattribute();
if (s1 !== peg$FAILED) {
s2 = peg$parsepredicateListWithParens();
if (s2 !== peg$FAILED) {
peg$reportedPos = s0;
s1 = peg$c6(s1, s2);
s0 = s1;
} else {
peg$currPos = s0;
s0 = peg$c0;
}
} else {
peg$currPos = s0;
s0 = peg$c0;
}
return s0;
}
function peg$parsevisualFormatString() {
var s0, s1, s2, s3, s4, s5, s6, s7;
s0 = peg$currPos;
s1 = peg$currPos;
s2 = peg$parseorientation();
if (s2 !== peg$FAILED) {
if (input.charCodeAt(peg$currPos) =