occam-dom 3.1.29 → 3.1.31

package/lib/example/view.js

@@ -10,8 +10,8 @@ Object.defineProperty(exports, "default", {
 });
 var _easyWithStyle = /*#__PURE__*/ _interopRequireDefault(require("easy-with-style"));
 var _easy = require("easy");
-var _occamGrammars = require("occam-grammars");
 var _index = require("../index");
+var _withStyle = require("with-style");
 var _easyLayout = require("easy-layout");
 var _subHeading = /*#__PURE__*/ _interopRequireDefault(require("./subHeading"));
 var _sizeable = /*#__PURE__*/ _interopRequireDefault(require("./div/sizeable"));
@@ -199,7 +199,7 @@ function _templateObject() {
     };
     return data;
 }
-var florenceLexer = _occamGrammars.FlorenceLexer.fromNothing(), florenceParser = _occamGrammars.FlorenceParser.fromNothing();
+var cssLexer = _withStyle.CSSLexer.fromNothing(), cssParser = _withStyle.CSSParser.fromNothing();
 var queryByExpression = _index.queryUtilities.queryByExpression;
 var View = /*#__PURE__*/ function(Element) {
     _inherits(View, Element);
@@ -210,7 +210,7 @@ var View = /*#__PURE__*/ function(Element) {
         _this = _super.apply(this, arguments);
         _defineProperty(_assertThisInitialized(_this), "keyUpHandler", function(event, element) {
             try {
-                var content = _this.getContent(), tokens = florenceLexer.tokenise(content), node = florenceParser.parse(tokens), parseTree = node.asParseTree(tokens), expression = _this.getExpression(), maximumDepth = _this.getMaximumDepth(), nodes = queryByExpression(node, expression, maximumDepth);
+                var content = _this.getContent(), tokens = cssLexer.tokenise(content), node = cssParser.parse(tokens), abridged = true, parseTree = node.asParseTree(tokens, abridged), expression = _this.getExpression(), maximumDepth = _this.getMaximumDepth(), nodes = queryByExpression(node, expression, maximumDepth);
                 _this.setNodes(nodes, tokens); ///
                 _this.setParseTree(parseTree);
             } catch (error) {
@@ -249,8 +249,8 @@ var View = /*#__PURE__*/ function(Element) {
     ]);
     return View;
 }(_wrapNativeSuper(_easy.Element));
-_defineProperty(View, "initialContent", "Type NaturalNumber\n\nConstructor zero:NaturalNumber\n");
-_defineProperty(View, "initialExpression", "//document//@name[-2...-1]");
+_defineProperty(View, "initialContent", ".view {\n  background: red;\n}\n");
+_defineProperty(View, "initialExpression", "//@special[2...4]");
 _defineProperty(View, "initialMaximumDepth", 5);
 _defineProperty(View, "tagName", "div");
 _defineProperty(View, "defaultProperties", {
@@ -258,4 +258,4 @@ _defineProperty(View, "defaultProperties", {
 });
 var _default = (0, _easyWithStyle.default)(View)(_templateObject());
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL3ZpZXcuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCB7IEVsZW1lbnQgfSBmcm9tIFwiZWFzeVwiO1xuaW1wb3J0IHsgRmxvcmVuY2VMZXhlciB9IGZyb20gXCJvY2NhbS1ncmFtbWFyc1wiO1xuaW1wb3J0IHsgRmxvcmVuY2VQYXJzZXIgfSBmcm9tIFwib2NjYW0tZ3JhbW1hcnNcIjtcbmltcG9ydCB7IHF1ZXJ5VXRpbGl0aWVzIH0gZnJvbSBcIi4uL2luZGV4XCI7ICAvLy9cbmltcG9ydCB7IFJvd3NEaXYsIENvbHVtbkRpdiwgQ29sdW1uc0RpdiwgVmVydGljYWxTcGxpdHRlckRpdiB9IGZyb20gXCJlYXN5LWxheW91dFwiO1xuXG5pbXBvcnQgU3ViSGVhZGluZyBmcm9tIFwiLi9zdWJIZWFkaW5nXCI7XG5pbXBvcnQgU2l6ZWFibGVEaXYgZnJvbSBcIi4vZGl2L3NpemVhYmxlXCI7XG5pbXBvcnQgTm9kZXNUZXh0YXJlYSBmcm9tIFwiLi90ZXh0YXJlYS9ub2Rlc1wiO1xuaW1wb3J0IEV4cHJlc3Npb25JbnB1dCBmcm9tIFwiLi9pbnB1dC9leHByZXNzaW9uXCI7XG5pbXBvcnQgQ29udGVudFRleHRhcmVhIGZyb20gXCIuL3RleHRhcmVhL2NvbnRlbnRcIjtcbmltcG9ydCBNYXhpbXVtRGVwdGhJbnB1dCBmcm9tIFwiLi9pbnB1dC9tYXhpbXVtRGVwdGhcIjtcbmltcG9ydCBQYXJzZVRyZWVUZXh0YXJlYSBmcm9tIFwiLi90ZXh0YXJlYS9wYXJzZVRyZWVcIjtcblxuY29uc3QgZmxvcmVuY2VMZXhlciA9IEZsb3JlbmNlTGV4ZXIuZnJvbU5vdGhpbmcoKSxcbiAgICAgIGZsb3JlbmNlUGFyc2VyID0gRmxvcmVuY2VQYXJzZXIuZnJvbU5vdGhpbmcoKTtcblxuY29uc3QgeyBxdWVyeUJ5RXhwcmVzc2lvbiB9ID0gcXVlcnlVdGlsaXRpZXM7XG5cbmNsYXNzIFZpZXcgZXh0ZW5kcyBFbGVtZW50IHtcbiAga2V5VXBIYW5kbGVyID0gKGV2ZW50LCBlbGVtZW50KSA9PiB7XG4gICAgdHJ5IHtcbiAgICAgIGNvbnN0IGNvbnRlbnQgPSB0aGlzLmdldENvbnRlbnQoKSxcbiAgICAgICAgICAgIHRva2VucyA9IGZsb3JlbmNlTGV4ZXIudG9rZW5pc2UoY29udGVudCksXG4gICAgICAgICAgICBub2RlID0gZmxvcmVuY2VQYXJzZXIucGFyc2UodG9rZW5zKSxcbiAgICAgICAgICAgIHBhcnNlVHJlZSA9IG5vZGUuYXNQYXJzZVRyZWUodG9rZW5zKSxcbiAgICAgICAgICAgIGV4cHJlc3Npb24gPSB0aGlzLmdldEV4cHJlc3Npb24oKSxcbiAgICAgICAgICAgIG1heGltdW1EZXB0aCA9IHRoaXMuZ2V0TWF4aW11bURlcHRoKCksXG4gICAgICAgICAgICBub2RlcyA9IHF1ZXJ5QnlFeHByZXNzaW9uKG5vZGUsIGV4cHJlc3Npb24sIG1heGltdW1EZXB0aCk7XG5cbiAgICAgIHRoaXMuc2V0Tm9kZXMobm9kZXMsIHRva2Vucyk7IC8vL1xuXG4gICAgICB0aGlzLnNldFBhcnNlVHJlZShwYXJzZVRyZWUpO1xuICAgIH0gY2F0Y2ggKGVycm9yKSB7XG4gICAgICBjb25zb2xlLmxvZyhlcnJvcik7XG5cbiAgICAgIHRoaXMuY2xlYXJOb2RlcygpO1xuICAgIH1cbiAgfVxuXG4gIGNoaWxkRWxlbWVudHMoKSB7XG4gICAgcmV0dXJuIChbXG5cbiAgICAgIDxDb2x1bW5zRGl2PlxuICAgICAgICA8U2l6ZWFibGVEaXY+XG4gICAgICAgICAgPFJvd3NEaXY+XG4gICAgICAgICAgICA8U3ViSGVhZGluZz5cbiAgICAgICAgICAgICAgRXhwcmVzc2lvblxuICAgICAgICAgICAgPC9TdWJIZWFkaW5nPlxuICAgICAgICAgICAgPEV4cHJlc3Npb25JbnB1dCBvbktleVVwPXt0aGlzLmtleVVwSGFuZGxlcn0gLz5cbiAgICAgICAgICAgIDxTdWJIZWFkaW5nPlxuICAgICAgICAgICAgICBNYXhpbXVtIGRlcHRoXG4gICAgICAgICAgICA8L1N1YkhlYWRpbmc+XG4gICAgICAgICAgICA8TWF4aW11bURlcHRoSW5wdXQgb25LZXlVcD17dGhpcy5rZXlVcEhhbmRsZXJ9IC8+XG4gICAgICAgICAgICA8U3ViSGVhZGluZz5cbiAgICAgICAgICAgICAgTm9kZXNcbiAgICAgICAgICAgIDwvU3ViSGVhZGluZz5cbiAgICAgICAgICAgIDxOb2Rlc1RleHRhcmVhIC8+XG4gICAgICAgICAgPC9Sb3dzRGl2PlxuICAgICAgICA8L1NpemVhYmxlRGl2PlxuICAgICAgICA8VmVydGljYWxTcGxpdHRlckRpdiAvPlxuICAgICAgICA8Q29sdW1uRGl2PlxuICAgICAgICAgIDxSb3dzRGl2PlxuICAgICAgICAgICAgPFN1YkhlYWRpbmc+XG4gICAgICAgICAgICAgIENvbnRlbnRcbiAgICAgICAgICAgIDwvU3ViSGVhZGluZz5cbiAgICAgICAgICAgIDxDb250ZW50VGV4dGFyZWEgb25LZXlVcD17dGhpcy5rZXlVcEhhbmRsZXJ9IC8+XG4gICAgICAgICAgICA8U3ViSGVhZGluZz5cbiAgICAgICAgICAgICAgUGFyc2UgdHJlZVxuICAgICAgICAgICAgPC9TdWJIZWFkaW5nPlxuICAgICAgICAgICAgPFBhcnNlVHJlZVRleHRhcmVhIC8+XG4gICAgICAgICAgPC9Sb3dzRGl2PlxuICAgICAgICA8L0NvbHVtbkRpdj5cbiAgICAgIDwvQ29sdW1uc0Rpdj5cblxuICAgIF0pO1xuICB9XG5cbiAgaW5pdGlhbGlzZSgpIHtcbiAgICB0aGlzLmFzc2lnbkNvbnRleHQoKTtcblxuICAgIGNvbnN0IHsgaW5pdGlhbENvbnRlbnQsIGluaXRpYWxFeHByZXNzaW9uLCBpbml0aWFsTWF4aW11bURlcHRoIH0gPSB0aGlzLmNvbnN0cnVjdG9yLFxuICAgICAgICAgIGNvbnRlbnQgPSBpbml0aWFsQ29udGVudCwgIC8vL1xuICAgICAgICAgIGV4cHJlc3Npb24gPSBpbml0aWFsRXhwcmVzc2lvbiwgIC8vL1xuICAgICAgICAgIG1heGltdW1EZXB0aCA9IGluaXRpYWxNYXhpbXVtRGVwdGg7ICAvLy9cblxuICAgIHRoaXMuc2V0Q29udGVudChjb250ZW50KTtcblxuICAgIHRoaXMuc2V0RXhwcmVzc2lvbihleHByZXNzaW9uKTtcblxuICAgIHRoaXMuc2V0TWF4aW11bURlcHRoKG1heGltdW1EZXB0aCk7XG5cbiAgICB0aGlzLmtleVVwSGFuZGxlcigpOyAgLy8vXG4gIH1cblxuICBzdGF0aWMgaW5pdGlhbENvbnRlbnQgPSBgVHlwZSBOYXR1cmFsTnVtYmVyXG5cbkNvbnN0cnVjdG9yIHplcm86TmF0dXJhbE51bWJlclxuYDtcblxuICBzdGF0aWMgaW5pdGlhbEV4cHJlc3Npb24gPSBcIi8vZG9jdW1lbnQvL0BuYW1lWy0yLi4uLTFdXCI7XG5cbiAgc3RhdGljIGluaXRpYWxNYXhpbXVtRGVwdGggPSA1O1xuXG4gIHN0YXRpYyB0YWdOYW1lID0gXCJkaXZcIjtcblxuICBzdGF0aWMgZGVmYXVsdFByb3BlcnRpZXMgPSB7XG4gICAgY2xhc3NOYW1lOiBcInZpZXdcIlxuICB9O1xufVxuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGUoVmlldylgXG5cbiAgcGFkZGluZzogMXJlbTtcbiAgXG5gOyJdLCJuYW1lcyI6WyJmbG9yZW5jZUxleGVyIiwiRmxvcmVuY2VMZXhlciIsImZyb21Ob3RoaW5nIiwiZmxvcmVuY2VQYXJzZXIiLCJGbG9yZW5jZVBhcnNlciIsInF1ZXJ5QnlFeHByZXNzaW9uIiwicXVlcnlVdGlsaXRpZXMiLCJWaWV3Iiwia2V5VXBIYW5kbGVyIiwiZXZlbnQiLCJlbGVtZW50IiwiY29udGVudCIsImdldENvbnRlbnQiLCJ0b2tlbnMiLCJ0b2tlbmlzZSIsIm5vZGUiLCJwYXJzZSIsInBhcnNlVHJlZSIsImFzUGFyc2VUcmVlIiwiZXhwcmVzc2lvbiIsImdldEV4cHJlc3Npb24iLCJtYXhpbXVtRGVwdGgiLCJnZXRNYXhpbXVtRGVwdGgiLCJub2RlcyIsInNldE5vZGVzIiwic2V0UGFyc2VUcmVlIiwiZXJyb3IiLCJjb25zb2xlIiwibG9nIiwiY2xlYXJOb2RlcyIsImNoaWxkRWxlbWVudHMiLCJDb2x1bW5zRGl2IiwiU2l6ZWFibGVEaXYiLCJSb3dzRGl2IiwiU3ViSGVhZGluZyIsIkV4cHJlc3Npb25JbnB1dCIsIm9uS2V5VXAiLCJNYXhpbXVtRGVwdGhJbnB1dCIsIk5vZGVzVGV4dGFyZWEiLCJWZXJ0aWNhbFNwbGl0dGVyRGl2IiwiQ29sdW1uRGl2IiwiQ29udGVudFRleHRhcmVhIiwiUGFyc2VUcmVlVGV4dGFyZWEiLCJpbml0aWFsaXNlIiwiYXNzaWduQ29udGV4dCIsImNvbnN0cnVjdG9yIiwiaW5pdGlhbENvbnRlbnQiLCJpbml0aWFsRXhwcmVzc2lvbiIsImluaXRpYWxNYXhpbXVtRGVwdGgiLCJzZXRDb250ZW50Iiwic2V0RXhwcmVzc2lvbiIsInNldE1heGltdW1EZXB0aCIsIkVsZW1lbnQiLCJ0YWdOYW1lIiwiZGVmYXVsdFByb3BlcnRpZXMiLCJjbGFzc05hbWUiLCJ3aXRoU3R5bGUiXSwibWFwcGluZ3MiOiJBQUFBOzs7OytCQW1IQTs7O2VBQUE7OztrRUFqSHNCO29CQUVFOzZCQUNNO3FCQUVDOzBCQUNxQzsrREFFN0M7NkRBQ0M7MERBQ0U7K0RBQ0U7NERBQ0E7aUVBQ0U7OERBQ0E7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUU5QixJQUFNQSxnQkFBZ0JDLDRCQUFhLENBQUNDLFdBQVcsSUFDekNDLGlCQUFpQkMsNkJBQWMsQ0FBQ0YsV0FBVztBQUVqRCxJQUFNLEFBQUVHLG9CQUFzQkMscUJBQWMsQ0FBcENEO0FBRVIsSUFBQSxBQUFNRSxxQkE0RkgsQUE1Rkg7Y0FBTUE7OEJBQUFBO2FBQUFBOzhCQUFBQTs7O1FBQ0pDLCtDQUFBQSxnQkFBZSxTQUFDQyxPQUFPQyxTQUFZO1lBQ2pDLElBQUk7Z0JBQ0YsSUFBTUMsVUFBVSxNQUFLQyxVQUFVLElBQ3pCQyxTQUFTYixjQUFjYyxRQUFRLENBQUNILFVBQ2hDSSxPQUFPWixlQUFlYSxLQUFLLENBQUNILFNBQzVCSSxZQUFZRixLQUFLRyxXQUFXLENBQUNMLFNBQzdCTSxhQUFhLE1BQUtDLGFBQWEsSUFDL0JDLGVBQWUsTUFBS0MsZUFBZSxJQUNuQ0MsUUFBUWxCLGtCQUFrQlUsTUFBTUksWUFBWUU7Z0JBRWxELE1BQUtHLFFBQVEsQ0FBQ0QsT0FBT1YsU0FBUyxHQUFHO2dCQUVqQyxNQUFLWSxZQUFZLENBQUNSO1lBQ3BCLEVBQUUsT0FBT1MsT0FBTztnQkFDZEMsUUFBUUMsR0FBRyxDQUFDRjtnQkFFWixNQUFLRyxVQUFVO1lBQ2pCO1FBQ0Y7OztpQkFuQkl0Qjs7WUFxQkp1QixLQUFBQTttQkFBQUEsU0FBQUEsZ0JBQWdCO2dCQUNkLE9BQVE7a0NBRU4sb0JBQUNDLHNCQUFVLHNCQUNULG9CQUFDQyxpQkFBVyxzQkFDVixvQkFBQ0MsbUJBQU8sc0JBQ04sb0JBQUNDLG1CQUFVLFFBQUMsNkJBR1osb0JBQUNDLG1CQUFlO3dCQUFDQyxTQUFTLElBQUksQ0FBQzVCLFlBQVk7c0NBQzNDLG9CQUFDMEIsbUJBQVUsUUFBQyxnQ0FHWixvQkFBQ0cscUJBQWlCO3dCQUFDRCxTQUFTLElBQUksQ0FBQzVCLFlBQVk7c0NBQzdDLG9CQUFDMEIsbUJBQVUsUUFBQyx3QkFHWixvQkFBQ0ksY0FBYSx5QkFHbEIsb0JBQUNDLCtCQUFtQix1QkFDcEIsb0JBQUNDLHFCQUFTLHNCQUNSLG9CQUFDUCxtQkFBTyxzQkFDTixvQkFBQ0MsbUJBQVUsUUFBQywwQkFHWixvQkFBQ08sZ0JBQWU7d0JBQUNMLFNBQVMsSUFBSSxDQUFDNUIsWUFBWTtzQ0FDM0Msb0JBQUMwQixtQkFBVSxRQUFDLDZCQUdaLG9CQUFDUSxrQkFBaUI7aUJBS3pCO1lBQ0g7OztZQUVBQyxLQUFBQTttQkFBQUEsU0FBQUEsYUFBYTtnQkFDWCxJQUFJLENBQUNDLGFBQWE7Z0JBRWxCLElBQW1FLG9CQUFBLElBQUksQ0FBQ0MsV0FBVyxFQUEzRUMsaUJBQTJELGtCQUEzREEsZ0JBQWdCQyxvQkFBMkMsa0JBQTNDQSxtQkFBbUJDLHNCQUF3QixrQkFBeEJBLHFCQUNyQ3JDLFVBQVVtQyxnQkFDVjNCLGFBQWE0QixtQkFDYjFCLGVBQWUyQixxQkFBc0IsR0FBRztnQkFFOUMsSUFBSSxDQUFDQyxVQUFVLENBQUN0QztnQkFFaEIsSUFBSSxDQUFDdUMsYUFBYSxDQUFDL0I7Z0JBRW5CLElBQUksQ0FBQ2dDLGVBQWUsQ0FBQzlCO2dCQUVyQixJQUFJLENBQUNiLFlBQVksSUFBSyxHQUFHO1lBQzNCOzs7V0ExRUlEO21CQUFhNkMsYUFBTztBQTRFeEIsZ0JBNUVJN0MsTUE0RUd1QyxrQkFBa0I7QUFLekIsZ0JBakZJdkMsTUFpRkd3QyxxQkFBb0I7QUFFM0IsZ0JBbkZJeEMsTUFtRkd5Qyx1QkFBc0I7QUFFN0IsZ0JBckZJekMsTUFxRkc4QyxXQUFVO0FBRWpCLGdCQXZGSTlDLE1BdUZHK0MscUJBQW9CO0lBQ3pCQyxXQUFXO0FBQ2I7SUFHRixXQUFlQyxJQUFBQSxzQkFBUyxFQUFDakQifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9leGFtcGxlL3ZpZXcuanMiXSwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5cbmltcG9ydCB3aXRoU3R5bGUgZnJvbSBcImVhc3ktd2l0aC1zdHlsZVwiOyAgLy8vXG5cbmltcG9ydCB7IEVsZW1lbnQgfSBmcm9tIFwiZWFzeVwiO1xuaW1wb3J0IHsgcXVlcnlVdGlsaXRpZXMgfSBmcm9tIFwiLi4vaW5kZXhcIjsgIC8vL1xuaW1wb3J0IHsgQ1NTTGV4ZXIsIENTU1BhcnNlciB9IGZyb20gXCJ3aXRoLXN0eWxlXCI7XG5pbXBvcnQgeyBSb3dzRGl2LCBDb2x1bW5EaXYsIENvbHVtbnNEaXYsIFZlcnRpY2FsU3BsaXR0ZXJEaXYgfSBmcm9tIFwiZWFzeS1sYXlvdXRcIjtcblxuaW1wb3J0IFN1YkhlYWRpbmcgZnJvbSBcIi4vc3ViSGVhZGluZ1wiO1xuaW1wb3J0IFNpemVhYmxlRGl2IGZyb20gXCIuL2Rpdi9zaXplYWJsZVwiO1xuaW1wb3J0IE5vZGVzVGV4dGFyZWEgZnJvbSBcIi4vdGV4dGFyZWEvbm9kZXNcIjtcbmltcG9ydCBFeHByZXNzaW9uSW5wdXQgZnJvbSBcIi4vaW5wdXQvZXhwcmVzc2lvblwiO1xuaW1wb3J0IENvbnRlbnRUZXh0YXJlYSBmcm9tIFwiLi90ZXh0YXJlYS9jb250ZW50XCI7XG5pbXBvcnQgTWF4aW11bURlcHRoSW5wdXQgZnJvbSBcIi4vaW5wdXQvbWF4aW11bURlcHRoXCI7XG5pbXBvcnQgUGFyc2VUcmVlVGV4dGFyZWEgZnJvbSBcIi4vdGV4dGFyZWEvcGFyc2VUcmVlXCI7XG5cbmNvbnN0IGNzc0xleGVyID0gQ1NTTGV4ZXIuZnJvbU5vdGhpbmcoKSxcbiAgICAgIGNzc1BhcnNlciA9IENTU1BhcnNlci5mcm9tTm90aGluZygpO1xuXG5jb25zdCB7IHF1ZXJ5QnlFeHByZXNzaW9uIH0gPSBxdWVyeVV0aWxpdGllcztcblxuY2xhc3MgVmlldyBleHRlbmRzIEVsZW1lbnQge1xuICBrZXlVcEhhbmRsZXIgPSAoZXZlbnQsIGVsZW1lbnQpID0+IHtcbiAgICB0cnkge1xuICAgICAgY29uc3QgY29udGVudCA9IHRoaXMuZ2V0Q29udGVudCgpLFxuICAgICAgICAgICAgdG9rZW5zID0gY3NzTGV4ZXIudG9rZW5pc2UoY29udGVudCksXG4gICAgICAgICAgICBub2RlID0gY3NzUGFyc2VyLnBhcnNlKHRva2VucyksXG4gICAgICAgICAgICBhYnJpZGdlZCA9IHRydWUsXG4gICAgICAgICAgICBwYXJzZVRyZWUgPSBub2RlLmFzUGFyc2VUcmVlKHRva2VucywgYWJyaWRnZWQpLFxuICAgICAgICAgICAgZXhwcmVzc2lvbiA9IHRoaXMuZ2V0RXhwcmVzc2lvbigpLFxuICAgICAgICAgICAgbWF4aW11bURlcHRoID0gdGhpcy5nZXRNYXhpbXVtRGVwdGgoKSxcbiAgICAgICAgICAgIG5vZGVzID0gcXVlcnlCeUV4cHJlc3Npb24obm9kZSwgZXhwcmVzc2lvbiwgbWF4aW11bURlcHRoKTtcblxuICAgICAgdGhpcy5zZXROb2Rlcyhub2RlcywgdG9rZW5zKTsgLy8vXG5cbiAgICAgIHRoaXMuc2V0UGFyc2VUcmVlKHBhcnNlVHJlZSk7XG4gICAgfSBjYXRjaCAoZXJyb3IpIHtcbiAgICAgIGNvbnNvbGUubG9nKGVycm9yKTtcblxuICAgICAgdGhpcy5jbGVhck5vZGVzKCk7XG4gICAgfVxuICB9XG5cbiAgY2hpbGRFbGVtZW50cygpIHtcbiAgICByZXR1cm4gKFtcblxuICAgICAgPENvbHVtbnNEaXY+XG4gICAgICAgIDxTaXplYWJsZURpdj5cbiAgICAgICAgICA8Um93c0Rpdj5cbiAgICAgICAgICAgIDxTdWJIZWFkaW5nPlxuICAgICAgICAgICAgICBFeHByZXNzaW9uXG4gICAgICAgICAgICA8L1N1YkhlYWRpbmc+XG4gICAgICAgICAgICA8RXhwcmVzc2lvbklucHV0IG9uS2V5VXA9e3RoaXMua2V5VXBIYW5kbGVyfSAvPlxuICAgICAgICAgICAgPFN1YkhlYWRpbmc+XG4gICAgICAgICAgICAgIE1heGltdW0gZGVwdGhcbiAgICAgICAgICAgIDwvU3ViSGVhZGluZz5cbiAgICAgICAgICAgIDxNYXhpbXVtRGVwdGhJbnB1dCBvbktleVVwPXt0aGlzLmtleVVwSGFuZGxlcn0gLz5cbiAgICAgICAgICAgIDxTdWJIZWFkaW5nPlxuICAgICAgICAgICAgICBOb2Rlc1xuICAgICAgICAgICAgPC9TdWJIZWFkaW5nPlxuICAgICAgICAgICAgPE5vZGVzVGV4dGFyZWEgLz5cbiAgICAgICAgICA8L1Jvd3NEaXY+XG4gICAgICAgIDwvU2l6ZWFibGVEaXY+XG4gICAgICAgIDxWZXJ0aWNhbFNwbGl0dGVyRGl2IC8+XG4gICAgICAgIDxDb2x1bW5EaXY+XG4gICAgICAgICAgPFJvd3NEaXY+XG4gICAgICAgICAgICA8U3ViSGVhZGluZz5cbiAgICAgICAgICAgICAgQ29udGVudFxuICAgICAgICAgICAgPC9TdWJIZWFkaW5nPlxuICAgICAgICAgICAgPENvbnRlbnRUZXh0YXJlYSBvbktleVVwPXt0aGlzLmtleVVwSGFuZGxlcn0gLz5cbiAgICAgICAgICAgIDxTdWJIZWFkaW5nPlxuICAgICAgICAgICAgICBQYXJzZSB0cmVlXG4gICAgICAgICAgICA8L1N1YkhlYWRpbmc+XG4gICAgICAgICAgICA8UGFyc2VUcmVlVGV4dGFyZWEgLz5cbiAgICAgICAgICA8L1Jvd3NEaXY+XG4gICAgICAgIDwvQ29sdW1uRGl2PlxuICAgICAgPC9Db2x1bW5zRGl2PlxuXG4gICAgXSk7XG4gIH1cblxuICBpbml0aWFsaXNlKCkge1xuICAgIHRoaXMuYXNzaWduQ29udGV4dCgpO1xuXG4gICAgY29uc3QgeyBpbml0aWFsQ29udGVudCwgaW5pdGlhbEV4cHJlc3Npb24sIGluaXRpYWxNYXhpbXVtRGVwdGggfSA9IHRoaXMuY29uc3RydWN0b3IsXG4gICAgICAgICAgY29udGVudCA9IGluaXRpYWxDb250ZW50LCAgLy8vXG4gICAgICAgICAgZXhwcmVzc2lvbiA9IGluaXRpYWxFeHByZXNzaW9uLCAgLy8vXG4gICAgICAgICAgbWF4aW11bURlcHRoID0gaW5pdGlhbE1heGltdW1EZXB0aDsgIC8vL1xuXG4gICAgdGhpcy5zZXRDb250ZW50KGNvbnRlbnQpO1xuXG4gICAgdGhpcy5zZXRFeHByZXNzaW9uKGV4cHJlc3Npb24pO1xuXG4gICAgdGhpcy5zZXRNYXhpbXVtRGVwdGgobWF4aW11bURlcHRoKTtcblxuICAgIHRoaXMua2V5VXBIYW5kbGVyKCk7ICAvLy9cbiAgfVxuXG4gIHN0YXRpYyBpbml0aWFsQ29udGVudCA9IGAudmlldyB7XG4gIGJhY2tncm91bmQ6IHJlZDtcbn1cbmA7XG5cbiAgc3RhdGljIGluaXRpYWxFeHByZXNzaW9uID0gXCIvL0BzcGVjaWFsWzIuLi40XVwiO1xuXG4gIHN0YXRpYyBpbml0aWFsTWF4aW11bURlcHRoID0gNTtcblxuICBzdGF0aWMgdGFnTmFtZSA9IFwiZGl2XCI7XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wZXJ0aWVzID0ge1xuICAgIGNsYXNzTmFtZTogXCJ2aWV3XCJcbiAgfTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlKFZpZXcpYFxuXG4gIHBhZGRpbmc6IDFyZW07XG4gIFxuYDsiXSwibmFtZXMiOlsiY3NzTGV4ZXIiLCJDU1NMZXhlciIsImZyb21Ob3RoaW5nIiwiY3NzUGFyc2VyIiwiQ1NTUGFyc2VyIiwicXVlcnlCeUV4cHJlc3Npb24iLCJxdWVyeVV0aWxpdGllcyIsIlZpZXciLCJrZXlVcEhhbmRsZXIiLCJldmVudCIsImVsZW1lbnQiLCJjb250ZW50IiwiZ2V0Q29udGVudCIsInRva2VucyIsInRva2VuaXNlIiwibm9kZSIsInBhcnNlIiwiYWJyaWRnZWQiLCJwYXJzZVRyZWUiLCJhc1BhcnNlVHJlZSIsImV4cHJlc3Npb24iLCJnZXRFeHByZXNzaW9uIiwibWF4aW11bURlcHRoIiwiZ2V0TWF4aW11bURlcHRoIiwibm9kZXMiLCJzZXROb2RlcyIsInNldFBhcnNlVHJlZSIsImVycm9yIiwiY29uc29sZSIsImxvZyIsImNsZWFyTm9kZXMiLCJjaGlsZEVsZW1lbnRzIiwiQ29sdW1uc0RpdiIsIlNpemVhYmxlRGl2IiwiUm93c0RpdiIsIlN1YkhlYWRpbmciLCJFeHByZXNzaW9uSW5wdXQiLCJvbktleVVwIiwiTWF4aW11bURlcHRoSW5wdXQiLCJOb2Rlc1RleHRhcmVhIiwiVmVydGljYWxTcGxpdHRlckRpdiIsIkNvbHVtbkRpdiIsIkNvbnRlbnRUZXh0YXJlYSIsIlBhcnNlVHJlZVRleHRhcmVhIiwiaW5pdGlhbGlzZSIsImFzc2lnbkNvbnRleHQiLCJjb25zdHJ1Y3RvciIsImluaXRpYWxDb250ZW50IiwiaW5pdGlhbEV4cHJlc3Npb24iLCJpbml0aWFsTWF4aW11bURlcHRoIiwic2V0Q29udGVudCIsInNldEV4cHJlc3Npb24iLCJzZXRNYXhpbXVtRGVwdGgiLCJFbGVtZW50IiwidGFnTmFtZSIsImRlZmF1bHRQcm9wZXJ0aWVzIiwiY2xhc3NOYW1lIiwid2l0aFN0eWxlIl0sIm1hcHBpbmdzIjoiQUFBQTs7OzsrQkFtSEE7OztlQUFBOzs7a0VBakhzQjtvQkFFRTtxQkFDTzt5QkFDSzswQkFDZ0M7K0RBRTdDOzZEQUNDOzBEQUNFOytEQUNFOzREQUNBO2lFQUNFOzhEQUNBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFOUIsSUFBTUEsV0FBV0MsbUJBQVEsQ0FBQ0MsV0FBVyxJQUMvQkMsWUFBWUMsb0JBQVMsQ0FBQ0YsV0FBVztBQUV2QyxJQUFNLEFBQUVHLG9CQUFzQkMscUJBQWMsQ0FBcENEO0FBRVIsSUFBQSxBQUFNRSxxQkE2RkgsQUE3Rkg7Y0FBTUE7OEJBQUFBO2FBQUFBOzhCQUFBQTs7O1FBQ0pDLCtDQUFBQSxnQkFBZSxTQUFDQyxPQUFPQyxTQUFZO1lBQ2pDLElBQUk7Z0JBQ0YsSUFBTUMsVUFBVSxNQUFLQyxVQUFVLElBQ3pCQyxTQUFTYixTQUFTYyxRQUFRLENBQUNILFVBQzNCSSxPQUFPWixVQUFVYSxLQUFLLENBQUNILFNBQ3ZCSSxXQUFXLElBQUksRUFDZkMsWUFBWUgsS0FBS0ksV0FBVyxDQUFDTixRQUFRSSxXQUNyQ0csYUFBYSxNQUFLQyxhQUFhLElBQy9CQyxlQUFlLE1BQUtDLGVBQWUsSUFDbkNDLFFBQVFuQixrQkFBa0JVLE1BQU1LLFlBQVlFO2dCQUVsRCxNQUFLRyxRQUFRLENBQUNELE9BQU9YLFNBQVMsR0FBRztnQkFFakMsTUFBS2EsWUFBWSxDQUFDUjtZQUNwQixFQUFFLE9BQU9TLE9BQU87Z0JBQ2RDLFFBQVFDLEdBQUcsQ0FBQ0Y7Z0JBRVosTUFBS0csVUFBVTtZQUNqQjtRQUNGOzs7aUJBcEJJdkI7O1lBc0JKd0IsS0FBQUE7bUJBQUFBLFNBQUFBLGdCQUFnQjtnQkFDZCxPQUFRO2tDQUVOLG9CQUFDQyxzQkFBVSxzQkFDVCxvQkFBQ0MsaUJBQVcsc0JBQ1Ysb0JBQUNDLG1CQUFPLHNCQUNOLG9CQUFDQyxtQkFBVSxRQUFDLDZCQUdaLG9CQUFDQyxtQkFBZTt3QkFBQ0MsU0FBUyxJQUFJLENBQUM3QixZQUFZO3NDQUMzQyxvQkFBQzJCLG1CQUFVLFFBQUMsZ0NBR1osb0JBQUNHLHFCQUFpQjt3QkFBQ0QsU0FBUyxJQUFJLENBQUM3QixZQUFZO3NDQUM3QyxvQkFBQzJCLG1CQUFVLFFBQUMsd0JBR1osb0JBQUNJLGNBQWEseUJBR2xCLG9CQUFDQywrQkFBbUIsdUJBQ3BCLG9CQUFDQyxxQkFBUyxzQkFDUixvQkFBQ1AsbUJBQU8sc0JBQ04sb0JBQUNDLG1CQUFVLFFBQUMsMEJBR1osb0JBQUNPLGdCQUFlO3dCQUFDTCxTQUFTLElBQUksQ0FBQzdCLFlBQVk7c0NBQzNDLG9CQUFDMkIsbUJBQVUsUUFBQyw2QkFHWixvQkFBQ1Esa0JBQWlCO2lCQUt6QjtZQUNIOzs7WUFFQUMsS0FBQUE7bUJBQUFBLFNBQUFBLGFBQWE7Z0JBQ1gsSUFBSSxDQUFDQyxhQUFhO2dCQUVsQixJQUFtRSxvQkFBQSxJQUFJLENBQUNDLFdBQVcsRUFBM0VDLGlCQUEyRCxrQkFBM0RBLGdCQUFnQkMsb0JBQTJDLGtCQUEzQ0EsbUJBQW1CQyxzQkFBd0Isa0JBQXhCQSxxQkFDckN0QyxVQUFVb0MsZ0JBQ1YzQixhQUFhNEIsbUJBQ2IxQixlQUFlMkIscUJBQXNCLEdBQUc7Z0JBRTlDLElBQUksQ0FBQ0MsVUFBVSxDQUFDdkM7Z0JBRWhCLElBQUksQ0FBQ3dDLGFBQWEsQ0FBQy9CO2dCQUVuQixJQUFJLENBQUNnQyxlQUFlLENBQUM5QjtnQkFFckIsSUFBSSxDQUFDZCxZQUFZLElBQUssR0FBRztZQUMzQjs7O1dBM0VJRDttQkFBYThDLGFBQU87QUE2RXhCLGdCQTdFSTlDLE1BNkVHd0Msa0JBQWtCO0FBS3pCLGdCQWxGSXhDLE1Ba0ZHeUMscUJBQW9CO0FBRTNCLGdCQXBGSXpDLE1Bb0ZHMEMsdUJBQXNCO0FBRTdCLGdCQXRGSTFDLE1Bc0ZHK0MsV0FBVTtBQUVqQixnQkF4RkkvQyxNQXdGR2dELHFCQUFvQjtJQUN6QkMsV0FBVztBQUNiO0lBR0YsV0FBZUMsSUFBQUEsc0JBQVMsRUFBQ2xEIn0=

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "occam-dom",
   "author": "James Smith",
-  "version": "3.1.29",
+  "version": "3.1.31",
   "license": "MIT, Anti-996",
   "homepage": "https://github.com/djalbat/occam-dom",
   "description": "Occam's DOM related functionality.",
@@ -21,8 +21,8 @@
     "express": "^4.17.1",
     "juxtapose": "^4.0.49",
     "lively-cli": "^2.0.34",
-    "occam-grammars": "^1.0.375",
-    "watchful-cli": "^1.7.22"
+    "watchful-cli": "^1.7.22",
+    "with-style": "^5.0.129"
   },
   "scripts": {
     "start": "node ./bin/main.js",

package/src/example/view.js

@@ -3,9 +3,8 @@
 import withStyle from "easy-with-style";  ///
 
 import { Element } from "easy";
-import { FlorenceLexer } from "occam-grammars";
-import { FlorenceParser } from "occam-grammars";
 import { queryUtilities } from "../index";  ///
+import { CSSLexer, CSSParser } from "with-style";
 import { RowsDiv, ColumnDiv, ColumnsDiv, VerticalSplitterDiv } from "easy-layout";
 
 import SubHeading from "./subHeading";
@@ -16,8 +15,8 @@ import ContentTextarea from "./textarea/content";
 import MaximumDepthInput from "./input/maximumDepth";
 import ParseTreeTextarea from "./textarea/parseTree";
 
-const florenceLexer = FlorenceLexer.fromNothing(),
-      florenceParser = FlorenceParser.fromNothing();
+const cssLexer = CSSLexer.fromNothing(),
+      cssParser = CSSParser.fromNothing();
 
 const { queryByExpression } = queryUtilities;
 
@@ -25,9 +24,10 @@ class View extends Element {
   keyUpHandler = (event, element) => {
     try {
       const content = this.getContent(),
-            tokens = florenceLexer.tokenise(content),
-            node = florenceParser.parse(tokens),
-            parseTree = node.asParseTree(tokens),
+            tokens = cssLexer.tokenise(content),
+            node = cssParser.parse(tokens),
+            abridged = true,
+            parseTree = node.asParseTree(tokens, abridged),
             expression = this.getExpression(),
             maximumDepth = this.getMaximumDepth(),
             nodes = queryByExpression(node, expression, maximumDepth);
@@ -97,12 +97,12 @@ class View extends Element {
     this.keyUpHandler();  ///
   }
 
-  static initialContent = `Type NaturalNumber
-
-Constructor zero:NaturalNumber
+  static initialContent = `.view {
+  background: red;
+}
 `;
 
-  static initialExpression = "//document//@name[-2...-1]";
+  static initialExpression = "//@special[2...4]";
 
   static initialMaximumDepth = 5;