vsn 0.1.97 → 0.1.100
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/demo/examples/component-slots.html +26 -0
- package/demo/vsn.js +2 -2
- package/dist/AST/ElementAttributeNode.js +5 -5
- package/dist/AST/ElementAttributeNode.js.map +1 -1
- package/dist/AST/ElementStyleNode.js +2 -2
- package/dist/AST/ElementStyleNode.js.map +1 -1
- package/dist/AST/FunctionCallNode.js +1 -1
- package/dist/AST/FunctionCallNode.js.map +1 -1
- package/dist/AST/ObjectNode.js +1 -1
- package/dist/AST/ObjectNode.js.map +1 -1
- package/dist/AST/ScopeMemberNode.js +2 -2
- package/dist/AST/ScopeMemberNode.js.map +1 -1
- package/dist/Component.d.ts +1 -0
- package/dist/Component.js +69 -24
- package/dist/Component.js.map +1 -1
- package/dist/DOM/DOMObject.d.ts +1 -0
- package/dist/DOM/DOMObject.js +7 -0
- package/dist/DOM/DOMObject.js.map +1 -1
- package/dist/DOM.d.ts +5 -4
- package/dist/DOM.js +114 -32
- package/dist/DOM.js.map +1 -1
- package/dist/Formats.js +4 -1
- package/dist/Formats.js.map +1 -1
- package/dist/Query.d.ts +1 -1
- package/dist/Query.js +2 -2
- package/dist/Query.js.map +1 -1
- package/dist/Scope.d.ts +1 -1
- package/dist/Scope.js +19 -1
- package/dist/Scope.js.map +1 -1
- package/dist/Tag/ShadowRootTag.d.ts +3 -0
- package/dist/Tag/ShadowRootTag.js +28 -0
- package/dist/Tag/ShadowRootTag.js.map +1 -0
- package/dist/Tag/SlotTag.d.ts +3 -0
- package/dist/Tag/SlotTag.js +28 -0
- package/dist/Tag/SlotTag.js.map +1 -0
- package/dist/Tag/SlottedTag.d.ts +7 -0
- package/dist/Tag/SlottedTag.js +87 -0
- package/dist/Tag/SlottedTag.js.map +1 -0
- package/dist/Tag/{List.d.ts → TagList.d.ts} +0 -0
- package/dist/Tag/{List.js → TagList.js} +1 -1
- package/dist/Tag/TagList.js.map +1 -0
- package/dist/Tag.d.ts +12 -2
- package/dist/Tag.js +45 -43
- package/dist/Tag.js.map +1 -1
- package/dist/attributes/List.d.ts +1 -0
- package/dist/attributes/List.js +27 -9
- package/dist/attributes/List.js.map +1 -1
- package/dist/attributes/ScopeAttribute.js +14 -12
- package/dist/attributes/ScopeAttribute.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/dist/version.js.map +1 -1
- package/package.json +7 -2
- package/src/AST/ElementAttributeNode.ts +1 -1
- package/src/AST/ElementStyleNode.ts +1 -1
- package/src/AST/FunctionCallNode.ts +1 -1
- package/src/AST/ObjectNode.ts +1 -1
- package/src/AST/ScopeMemberNode.ts +1 -1
- package/src/Component.ts +26 -9
- package/src/DOM/DOMObject.ts +4 -0
- package/src/DOM.ts +59 -7
- package/src/Formats.ts +4 -1
- package/src/Query.ts +1 -1
- package/src/Scope.ts +17 -1
- package/src/Tag/ShadowRootTag.ts +5 -0
- package/src/Tag/SlotTag.ts +5 -0
- package/src/Tag/SlottedTag.ts +19 -0
- package/src/Tag/{List.ts → TagList.ts} +0 -0
- package/src/Tag.ts +49 -43
- package/src/attributes/List.ts +29 -7
- package/src/attributes/ScopeAttribute.ts +12 -8
- package/src/version.ts +1 -1
- package/test/AST/ClassNode.spec.ts +1 -1
- package/test/Tag/TagList.spec.ts +1 -1
- package/test/attributes/ListItem.spec.ts +2 -2
- package/dist/Tag/List.js.map +0 -1
- package/dist/vsn.min.js +0 -3
- package/dist/vsn.min.js.LICENSE.txt +0 -9
|
@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
52
52
|
};
|
|
53
53
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
54
|
exports.ElementAttributeNode = void 0;
|
|
55
|
-
var
|
|
55
|
+
var TagList_1 = require("../Tag/TagList");
|
|
56
56
|
var Node_1 = require("./Node");
|
|
57
57
|
var ElementQueryNode_1 = require("./ElementQueryNode");
|
|
58
58
|
var LiteralNode_1 = require("./LiteralNode");
|
|
@@ -107,16 +107,16 @@ var ElementAttributeNode = /** @class */ (function (_super) {
|
|
|
107
107
|
return [4 /*yield*/, this.elementRef.evaluate(scope, dom, tag, true)];
|
|
108
108
|
case 3:
|
|
109
109
|
indexResult = _a.sent();
|
|
110
|
-
if (indexResult instanceof
|
|
110
|
+
if (indexResult instanceof TagList_1.TagList) {
|
|
111
111
|
tags = indexResult;
|
|
112
112
|
}
|
|
113
113
|
else {
|
|
114
|
-
tags = new
|
|
114
|
+
tags = new TagList_1.TagList(indexResult);
|
|
115
115
|
}
|
|
116
116
|
return [3 /*break*/, 5];
|
|
117
117
|
case 4:
|
|
118
118
|
if (tag) {
|
|
119
|
-
tags = new
|
|
119
|
+
tags = new TagList_1.TagList(tag);
|
|
120
120
|
}
|
|
121
121
|
else {
|
|
122
122
|
return [2 /*return*/];
|
|
@@ -145,7 +145,7 @@ var ElementAttributeNode = /** @class */ (function (_super) {
|
|
|
145
145
|
return [4 /*yield*/, this.elementRef.evaluate(scope, dom, tag, true)];
|
|
146
146
|
case 2:
|
|
147
147
|
tags = _a.sent();
|
|
148
|
-
if (!(tags instanceof
|
|
148
|
+
if (!(tags instanceof TagList_1.TagList)) return [3 /*break*/, 7];
|
|
149
149
|
_i = 0, tags_1 = tags;
|
|
150
150
|
_a.label = 3;
|
|
151
151
|
case 3:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ElementAttributeNode.js","sourceRoot":"","sources":["../../src/AST/ElementAttributeNode.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,
|
|
1
|
+
{"version":3,"file":"ElementAttributeNode.js","sourceRoot":"","sources":["../../src/AST/ElementAttributeNode.ts"],"names":[],"mappings":"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"}
|
|
@@ -52,7 +52,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
52
52
|
};
|
|
53
53
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
54
|
exports.ElementStyleNode = void 0;
|
|
55
|
-
var
|
|
55
|
+
var TagList_1 = require("../Tag/TagList");
|
|
56
56
|
var Node_1 = require("./Node");
|
|
57
57
|
var LiteralNode_1 = require("./LiteralNode");
|
|
58
58
|
var ElementStyleNode = /** @class */ (function (_super) {
|
|
@@ -101,7 +101,7 @@ var ElementStyleNode = /** @class */ (function (_super) {
|
|
|
101
101
|
return [3 /*break*/, 3];
|
|
102
102
|
case 2:
|
|
103
103
|
if (tag) {
|
|
104
|
-
tags = new
|
|
104
|
+
tags = new TagList_1.TagList(tag);
|
|
105
105
|
}
|
|
106
106
|
else {
|
|
107
107
|
return [2 /*return*/];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ElementStyleNode.js","sourceRoot":"","sources":["../../src/AST/ElementStyleNode.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,
|
|
1
|
+
{"version":3,"file":"ElementStyleNode.js","sourceRoot":"","sources":["../../src/AST/ElementStyleNode.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,0CAAuC;AAEvC,+BAA4B;AAE5B,6CAA0C;AAE1C;IAAsC,oCAAI;IAGtC,0BACoB,UAAmC,EACnC,IAAY;QAFhC,YAII,iBAAO,SACV;QAJmB,gBAAU,GAAV,UAAU,CAAyB;QACnC,UAAI,GAAJ,IAAI,CAAQ;QAJtB,kBAAY,GAAY,IAAI,CAAC;;IAOvC,CAAC;IAED,sBAAW,kCAAI;aAAf;YACI,OAAO,IAAI,yBAAW,CAAS,MAAI,IAAI,CAAC,aAAe,CAAC,CAAC;QAC7D,CAAC;;;OAAA;IAES,yCAAc,GAAxB;QACI,IAAI,KAAK,GAAG,EAAE,CAAC;QACf,IAAI,IAAI,CAAC,UAAU;YACf,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAC/B,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,sBAAI,2CAAa;aAAjB;YACI,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC;gBACzB,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YAClC,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QAClC,CAAC;;;OAAA;IAEK,mCAAQ,GAAd,UAAe,KAAY,EAAE,GAAQ,EAAE,GAAe;QAAf,oBAAA,EAAA,UAAe;;;;;;;6BAE9C,IAAI,CAAC,UAAU,EAAf,wBAAe;wBACR,qBAAM,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAA;;wBAA5D,IAAI,GAAG,SAAqD,CAAC;;;wBAC1D,IAAI,GAAG,EAAE;4BACZ,IAAI,GAAG,IAAI,iBAAO,CAAC,GAAG,CAAC,CAAA;yBAC1B;6BAAM;4BACH,sBAAO;yBACV;;;wBAED,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;4BACjB,sBAAO,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,MAAI,IAAI,CAAC,aAAe,CAAC,EAAC;wBAEvD,sBAAO,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,MAAI,KAAI,CAAC,aAAe,CAAC,EAAvC,CAAuC,CAAC,EAAC;;;;KACrE;IAEK,kCAAO,GAAb,UAAc,KAAY,EAAE,GAAQ,EAAE,GAAe,EAAE,IAAgB;QAAjC,oBAAA,EAAA,UAAe;QAAE,qBAAA,EAAA,WAAgB;;;;;;6BAC/D,IAAI,CAAC,UAAU,EAAf,wBAAe;wBACf,qBAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAA;;wBAApD,SAAoD,CAAC;wBAC/B,qBAAM,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,EAAA;;wBAArE,IAAI,GAAY,SAAqD;8BACvD,EAAJ,aAAI;;;6BAAJ,CAAA,kBAAI,CAAA;wBAAT,CAAC;wBACR,qBAAM,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,EAAA;;wBAAtC,SAAsC,CAAC;;;wBAD3B,IAAI,CAAA;;;;6BAEd,GAAG,EAAH,wBAAG;wBACT,qBAAM,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC,EAAA;;wBAAxC,SAAwC,CAAC;;;;;;KAEhD;IACL,uBAAC;AAAD,CAAC,AArDD,CAAsC,WAAI,GAqDzC;AArDY,4CAAgB"}
|
|
@@ -127,7 +127,7 @@ var FunctionCallNode = /** @class */ (function (_super) {
|
|
|
127
127
|
if (!(_i < tags_1.length)) return [3 /*break*/, 14];
|
|
128
128
|
_tag = tags_1[_i];
|
|
129
129
|
tagNum = 0;
|
|
130
|
-
_a = 0, _b = _tag.element[ClassNode_1.ClassNode.ClassesVariable];
|
|
130
|
+
_a = 0, _b = _tag.element[ClassNode_1.ClassNode.ClassesVariable] || [];
|
|
131
131
|
_f.label = 9;
|
|
132
132
|
case 9:
|
|
133
133
|
if (!(_a < _b.length)) return [3 /*break*/, 13];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FunctionCallNode.js","sourceRoot":"","sources":["../../src/AST/FunctionCallNode.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,8BAA2B;AAE3B,+BAA4B;AAE5B,qDAAkD;AAClD,+CAA4C;AAC5C,wCAAqC;AACrC,uDAAoD;AACpD,yCAAsC;AAEtC;IAA+C,oCAAI;IAC/C,0BACoB,GAAsC,EACtC,IAAiC;QAFrD,YAII,iBAAO,SACV;QAJmB,SAAG,GAAH,GAAG,CAAmC;QACtC,UAAI,GAAJ,IAAI,CAA6B;;IAGrD,CAAC;IAES,yCAAc,GAAxB;QACI,OAAO;YACH,IAAI,CAAC,GAAW;YAChB,IAAI,CAAC,IAAY;SACpB,CAAA;IACL,CAAC;IAEY,mCAAQ,GAArB,UAAsB,KAAY,EAAE,GAAQ,EAAE,GAAe;QAAf,oBAAA,EAAA,UAAe;;;;;;wBAErD,IAAI,GAAU,EAAE,CAAC;wBACjB,aAAa,GAAU,KAAK,CAAC;6BAC7B,CAAA,IAAI,CAAC,GAAG,YAAY,iCAAe,CAAA,EAAnC,wBAAmC;wBACnB,qBAAM,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAA;;wBAA9D,aAAa,GAAG,SAA8C,CAAC;6BAC3D,CAAA,IAAI,CAAC,GAAG,CAAC,KAAK,YAAY,mCAAgB,CAAA,EAA1C,wBAA0C;wBAC5B,qBAAM,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAA;;wBAAtD,KAAK,GAAG,SAA8C;wBAC5D,IAAI,KAAK,YAAY,KAAK,EAAE;4BACxB,IAAI,GAAG,KAAK,CAAC;yBAChB;6BAAM,IAAI,KAAK,YAAY,SAAG,EAAE;4BAC7B,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;yBAClB;6BAAM;4BACH,MAAM,IAAI,KAAK,CAAC,8BAA8B,CAAC,CAAC;yBACnD;;;wBAEF,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;;4BAIL,qBAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAA;;wBAAlD,MAAM,GAAG,SAAyC;wBAC7C,qBAAM,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAA;;wBAA/C,IAAI,GAAG,SAAwC;6BAC/C,CAAA,CAAC,IAAI,IAAI,IAAI,YAAY,KAAK,CAAA,EAA9B,yBAA8B;wBACT,qBAAO,IAAI,CAAC,GAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAA;;wBAArE,YAAY,GAAG,SAAsD;wBACrE,YAAY,GAAG,EAAE,CAAC;wBAClB,SAAS,GAAG,EAAE,CAAC;wBACjB,KAAK,GAAG,CAAC,CAAC;8BAES,EAAJ,aAAI;;;6BAAJ,CAAA,kBAAI,CAAA;wBAAZ,IAAI;wBACP,MAAM,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"FunctionCallNode.js","sourceRoot":"","sources":["../../src/AST/FunctionCallNode.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,8BAA2B;AAE3B,+BAA4B;AAE5B,qDAAkD;AAClD,+CAA4C;AAC5C,wCAAqC;AACrC,uDAAoD;AACpD,yCAAsC;AAEtC;IAA+C,oCAAI;IAC/C,0BACoB,GAAsC,EACtC,IAAiC;QAFrD,YAII,iBAAO,SACV;QAJmB,SAAG,GAAH,GAAG,CAAmC;QACtC,UAAI,GAAJ,IAAI,CAA6B;;IAGrD,CAAC;IAES,yCAAc,GAAxB;QACI,OAAO;YACH,IAAI,CAAC,GAAW;YAChB,IAAI,CAAC,IAAY;SACpB,CAAA;IACL,CAAC;IAEY,mCAAQ,GAArB,UAAsB,KAAY,EAAE,GAAQ,EAAE,GAAe;QAAf,oBAAA,EAAA,UAAe;;;;;;wBAErD,IAAI,GAAU,EAAE,CAAC;wBACjB,aAAa,GAAU,KAAK,CAAC;6BAC7B,CAAA,IAAI,CAAC,GAAG,YAAY,iCAAe,CAAA,EAAnC,wBAAmC;wBACnB,qBAAM,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAA;;wBAA9D,aAAa,GAAG,SAA8C,CAAC;6BAC3D,CAAA,IAAI,CAAC,GAAG,CAAC,KAAK,YAAY,mCAAgB,CAAA,EAA1C,wBAA0C;wBAC5B,qBAAM,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAA;;wBAAtD,KAAK,GAAG,SAA8C;wBAC5D,IAAI,KAAK,YAAY,KAAK,EAAE;4BACxB,IAAI,GAAG,KAAK,CAAC;yBAChB;6BAAM,IAAI,KAAK,YAAY,SAAG,EAAE;4BAC7B,IAAI,GAAG,CAAC,KAAK,CAAC,CAAC;yBAClB;6BAAM;4BACH,MAAM,IAAI,KAAK,CAAC,8BAA8B,CAAC,CAAC;yBACnD;;;wBAEF,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC;;4BAIL,qBAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAA;;wBAAlD,MAAM,GAAG,SAAyC;wBAC7C,qBAAM,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAA;;wBAA/C,IAAI,GAAG,SAAwC;6BAC/C,CAAA,CAAC,IAAI,IAAI,IAAI,YAAY,KAAK,CAAA,EAA9B,yBAA8B;wBACT,qBAAO,IAAI,CAAC,GAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAA;;wBAArE,YAAY,GAAG,SAAsD;wBACrE,YAAY,GAAG,EAAE,CAAC;wBAClB,SAAS,GAAG,EAAE,CAAC;wBACjB,KAAK,GAAG,CAAC,CAAC;8BAES,EAAJ,aAAI;;;6BAAJ,CAAA,kBAAI,CAAA;wBAAZ,IAAI;wBACP,MAAM,GAAG,CAAC,CAAC;8BACsD,EAA7C,KAAA,IAAI,CAAC,OAAO,CAAC,qBAAS,CAAC,eAAe,CAAC,IAAI,EAAE;;;6BAA7C,CAAA,cAA6C,CAAA;wBAA1D,SAAS;wBAChB,MAAM,EAAE,CAAC;wBACH,GAAG,GAAG,mBAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;6BAC5D,GAAG,EAAH,yBAAG;6BACC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,YAAY,CAAC,EAAhC,yBAAgC;wBAC1B,GAAG,GAAG,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;wBAC7C,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;wBACpB,KAAA,CAAA,KAAA,YAAY,CAAA,CAAC,IAAI,CAAA;wBAAQ,qBAAM,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,EAAA;6BAAhD,qBAAM,CAAC,SAAyC,CAAC,eAAI,MAAM,GAAC;;wBAA9E,cAAkB,SAA4D,EAAC,CAAC;wBAChF,KAAK,EAAE,CAAC;;;wBARI,IAA6C,CAAA;;;wBAFtD,IAAI,CAAA;;;8BAgBI,EAAT,uBAAS;;;6BAAT,CAAA,uBAAS,CAAA;wBAAhB,GAAG;wBACV,qBAAM,GAAG,CAAC,cAAc,EAAE,EAAA;;wBAA1B,SAA0B,CAAC;;;wBADb,IAAS,CAAA;;;wBAG3B,IAAI,KAAK,KAAK,CAAC,EAAE;4BACb,sBAAO,YAAY,CAAC,CAAC,CAAC,EAAC;yBAC1B;6BAAM,IAAI,KAAK,KAAK,CAAC,EAAE;4BACpB,MAAM,IAAI,KAAK,CAAC,cAAY,YAAY,eAAY,CAAC,CAAC;yBACzD;6BAAM;4BACH,sBAAO,YAAY,EAAC;yBACvB;;;6BACM,CAAA,IAAI,YAAY,2BAAY,CAAA,EAA5B,yBAA4B;wBAClB,qBAAM,IAAI,CAAC,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE,GAAG,CAAC,EAAA;6BAAnD,qBAAM,CAAC,SAAoD,CAAA,eAAI,MAAM,GAAC;;wBAA1E,CAAC,GAAG,SAAsE;wBAChF,qBAAM,IAAI,CAAC,cAAc,EAAE,EAAA;;wBAA3B,SAA2B,CAAC;wBAC5B,sBAAO,CAAC,EAAC;6BAET,sBAAO,IAAI,CAAC,IAAI,OAAT,IAAI,iBAAM,aAAa,CAAC,OAAO,IAAI,aAAa,GAAK,MAAM,IAAE;;;;;KAE3E;IACL,uBAAC;AAAD,CAAC,AA7ED,CAA+C,WAAI,GA6ElD;AA7EY,4CAAgB"}
|
package/dist/AST/ObjectNode.js
CHANGED
|
@@ -91,7 +91,7 @@ var ObjectNode = /** @class */ (function (_super) {
|
|
|
91
91
|
_c = [_d.sent()];
|
|
92
92
|
return [4 /*yield*/, val.evaluate(scope, dom, tag)];
|
|
93
93
|
case 3:
|
|
94
|
-
_b.apply(_a, _c.concat([_d.sent()]));
|
|
94
|
+
_b.apply(_a, _c.concat([_d.sent(), true]));
|
|
95
95
|
_d.label = 4;
|
|
96
96
|
case 4:
|
|
97
97
|
i++;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ObjectNode.js","sourceRoot":"","sources":["../../src/AST/ObjectNode.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kCAA+B;AAG/B,8BAAmE;AACnE,+BAA4B;AAE5B;IAAgC,8BAAI;IAChC,oBACoB,IAAY,EACZ,MAAc;QAFlC,YAII,iBAAO,SACV;QAJmB,UAAI,GAAJ,IAAI,CAAQ;QACZ,YAAM,GAAN,MAAM,CAAQ;;IAGlC,CAAC;IAES,mCAAc,GAAxB;QACI,YAAW,KAAK,YAAL,KAAK,0BAAI,IAAI,CAAC,MAAM,MAAE;IACrC,CAAC;IAEK,6BAAQ,GAAd,UAAe,KAAY,EAAE,GAAQ,EAAE,GAAe;QAAf,oBAAA,EAAA,UAAe;;;;;;wBAC5C,GAAG,GAAU,IAAI,aAAK,EAAE,CAAC;wBACtB,CAAC,GAAG,CAAC;;;6BAAE,CAAA,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAA;wBAC5B,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;wBACnB,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;wBAC3B,KAAA,CAAA,KAAA,GAAG,CAAA,CAAC,GAAG,CAAA;wBAAC,qBAAM,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAA;;8BAAnC,SAAmC;wBAAE,qBAAM,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAA;;wBAAhF,wBAA6C,SAAmC,GAAC,CAAC;;;
|
|
1
|
+
{"version":3,"file":"ObjectNode.js","sourceRoot":"","sources":["../../src/AST/ObjectNode.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kCAA+B;AAG/B,8BAAmE;AACnE,+BAA4B;AAE5B;IAAgC,8BAAI;IAChC,oBACoB,IAAY,EACZ,MAAc;QAFlC,YAII,iBAAO,SACV;QAJmB,UAAI,GAAJ,IAAI,CAAQ;QACZ,YAAM,GAAN,MAAM,CAAQ;;IAGlC,CAAC;IAES,mCAAc,GAAxB;QACI,YAAW,KAAK,YAAL,KAAK,0BAAI,IAAI,CAAC,MAAM,MAAE;IACrC,CAAC;IAEK,6BAAQ,GAAd,UAAe,KAAY,EAAE,GAAQ,EAAE,GAAe;QAAf,oBAAA,EAAA,UAAe;;;;;;wBAC5C,GAAG,GAAU,IAAI,aAAK,EAAE,CAAC;wBACtB,CAAC,GAAG,CAAC;;;6BAAE,CAAA,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAA;wBAC5B,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;wBACnB,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;wBAC3B,KAAA,CAAA,KAAA,GAAG,CAAA,CAAC,GAAG,CAAA;wBAAC,qBAAM,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAA;;8BAAnC,SAAmC;wBAAE,qBAAM,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAA;;wBAAhF,wBAA6C,SAAmC,EAAE,IAAI,GAAC,CAAC;;;wBAHpD,CAAC,EAAE,CAAA;;4BAK3C,sBAAO,GAAG,EAAC;;;;KACd;IAEa,gBAAK,GAAnB,UAAoB,MAAe;QAC/B,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,eAAS,CAAC,OAAO,CAAC;IAChD,CAAC;IAEa,gBAAK,GAAnB,UAAoB,QAAQ,EAAE,KAAK,EAAE,MAAe;QAChD,IAAM,WAAW,GAAY,UAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAC;QACjE,IAAM,IAAI,GAAW,EAAE,CAAC;QACxB,IAAM,MAAM,GAAW,EAAE,CAAC;QAE1B,OAAO,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;YAC3B,IAAM,GAAG,GAAY,UAAI,CAAC,cAAc,CAAC,WAAW,EAAE,eAAS,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YAC9E,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,eAAS,CAAC,KAAK;gBACvC,MAAM,KAAK,CAAC,4CAA4C,CAAC,CAAC;YAC9D,WAAW,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY;YACtC,IAAM,GAAG,GAAY,UAAI,CAAC,cAAc,CAAC,WAAW,EAAE,eAAS,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;gBACtF,IAAI,EAAE,eAAS,CAAC,SAAS;gBACzB,IAAI,EAAE,IAAI;gBACV,KAAK,EAAE,IAAI;gBACX,aAAa,EAAE,IAAI;gBACnB,cAAc,EAAE,IAAI;aACvB,CAAC,CAAC;YACH,IAAI,CAAC,IAAI,CAAC,UAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;YACnC,MAAM,CAAC,IAAI,CAAC,UAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;SACxC;QACD,OAAO,IAAI,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACxC,CAAC;IACL,iBAAC;AAAD,CAAC,AAhDD,CAAgC,WAAI,GAgDnC;AAhDY,gCAAU"}
|
|
@@ -53,7 +53,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
53
53
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
54
|
exports.ScopeMemberNode = void 0;
|
|
55
55
|
var Scope_1 = require("../Scope");
|
|
56
|
-
var
|
|
56
|
+
var TagList_1 = require("../Tag/TagList");
|
|
57
57
|
var DOMObject_1 = require("../DOM/DOMObject");
|
|
58
58
|
var ElementQueryNode_1 = require("./ElementQueryNode");
|
|
59
59
|
var ScopeNodeAbstract_1 = require("./ScopeNodeAbstract");
|
|
@@ -94,7 +94,7 @@ var ScopeMemberNode = /** @class */ (function (_super) {
|
|
|
94
94
|
case 2: return [4 /*yield*/, this.scope.evaluate(scope, dom, tag)];
|
|
95
95
|
case 3:
|
|
96
96
|
evalScope = _c.sent();
|
|
97
|
-
if (evalScope instanceof
|
|
97
|
+
if (evalScope instanceof TagList_1.TagList) {
|
|
98
98
|
scopes = evalScope;
|
|
99
99
|
}
|
|
100
100
|
else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScopeMemberNode.js","sourceRoot":"","sources":["../../src/AST/ScopeMemberNode.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kCAA+B;AAG/B,
|
|
1
|
+
{"version":3,"file":"ScopeMemberNode.js","sourceRoot":"","sources":["../../src/AST/ScopeMemberNode.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kCAA+B;AAG/B,0CAAuC;AACvC,8CAA2C;AAG3C,uDAAoD;AACpD,yDAAsD;AAEtD;IAAqC,mCAAiB;IAClD,yBACoB,KAAsB,EACtB,IAAsB;QAF1C,YAII,iBAAO,SACV;QAJmB,WAAK,GAAL,KAAK,CAAiB;QACtB,UAAI,GAAJ,IAAI,CAAkB;;IAG1C,CAAC;IAES,wCAAc,GAAxB;QACI,OAAO;YACH,IAAI,CAAC,KAAa;YAClB,IAAI,CAAC,IAAY;SACpB,CAAA;IACL,CAAC;IAEK,kCAAQ,GAAd,UAAe,KAAY,EAAE,GAAQ,EAAE,GAAe;QAAf,oBAAA,EAAA,UAAe;;;;;;wBAC9C,MAAM,GAAG,EAAE,CAAC;wBACV,MAAM,GAAG,EAAE,CAAC;6BACd,CAAA,IAAI,CAAC,KAAK,YAAY,mCAAgB,CAAA,EAAtC,wBAAsC;wBACrB,qBAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAA;;wBAArD,QAAQ,GAAG,SAA0C;wBAC3D,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;4BAClB,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;yBACzB;6BAAM;4BACH,MAAM,GAAG,QAAQ,CAAC;yBACrB;;4BAEiB,qBAAM,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAA;;wBAAtD,SAAS,GAAG,SAA0C;wBAC5D,IAAI,SAAS,YAAY,iBAAO,EAAE;4BAC9B,MAAM,GAAG,SAAS,CAAC;yBACtB;6BAAM;4BACH,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;yBAC1B;;;8BAGoB,EAAN,iBAAM;;;6BAAN,CAAA,oBAAM,CAAA;wBAApB;wBACD,IAAI,QAAM,YAAY,qBAAS;4BAC3B,QAAM,GAAG,QAAM,CAAC,KAAK,CAAC;6BAEtB,CAAC,QAAM,EAAP,wBAAO;wBACD,KAAA,KAAK,CAAA;;wBAAmB,qBAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAA;4BAAvE,MAAM,kBAAM,MAAkB,SAAyC,sBAAiB,EAAC,CAAC;4BAEjF,qBAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,CAAC,EAAA;;wBAAhD,SAAO,SAAyC;wBACtD,qBAAM,IAAI,CAAC,cAAc,CAAC,MAAI,EAAE,QAAM,EAAE,GAAG,EAAE,GAAG,CAAC,EAAA;;wBAAjD,SAAiD,CAAC;wBAC5C,KAAK,GAAQ,QAAM,CAAC,GAAG,CAAC,MAAI,EAAE,KAAK,CAAC,CAAC;wBAC3C,MAAM,CAAC,IAAI,CAAC,KAAK,YAAY,aAAK,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC;;;wBAV/C,IAAM,CAAA;;6BAYzB,sBAAO,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAC;;;;KACnD;IACL,sBAAC;AAAD,CAAC,AAhDD,CAAqC,qCAAiB,GAgDrD;AAhDY,0CAAe"}
|
package/dist/Component.d.ts
CHANGED
package/dist/Component.js
CHANGED
|
@@ -54,6 +54,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
54
54
|
exports.Component = void 0;
|
|
55
55
|
var Registry_1 = require("./Registry");
|
|
56
56
|
var DOM_1 = require("./DOM");
|
|
57
|
+
var SlotTag_1 = require("./Tag/SlotTag");
|
|
58
|
+
var SlottedTag_1 = require("./Tag/SlottedTag");
|
|
57
59
|
var Component = /** @class */ (function (_super) {
|
|
58
60
|
__extends(Component, _super);
|
|
59
61
|
function Component() {
|
|
@@ -68,35 +70,78 @@ var Component = /** @class */ (function (_super) {
|
|
|
68
70
|
else {
|
|
69
71
|
template = Registry_1.Registry.instance.templates.getSynchronous(_this.tagName.toLowerCase());
|
|
70
72
|
}
|
|
71
|
-
_this.setAttribute('vsn-
|
|
73
|
+
_this.setAttribute('vsn-scope', '');
|
|
72
74
|
_this.shadow.appendChild(template.content.cloneNode(true));
|
|
75
|
+
for (var _i = 0, _a = Array.from(_this.shadow.children); _i < _a.length; _i++) {
|
|
76
|
+
var child = _a[_i];
|
|
77
|
+
child['shadowParent'] = _this;
|
|
78
|
+
}
|
|
73
79
|
_this.shadow.querySelectorAll('slot').forEach(function (slot) {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
return
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
80
|
+
var slotTagPromise = DOM_1.DOM.instance.buildTag(slot, false, SlotTag_1.SlotTag);
|
|
81
|
+
slot.addEventListener('slotchange', function (e) {
|
|
82
|
+
slotTagPromise.then(function (slotTag) { return __awaiter(_this, void 0, void 0, function () {
|
|
83
|
+
var _i, _a, child, t;
|
|
84
|
+
return __generator(this, function (_b) {
|
|
85
|
+
switch (_b.label) {
|
|
86
|
+
case 0:
|
|
87
|
+
_i = 0, _a = slot.assignedNodes();
|
|
88
|
+
_b.label = 1;
|
|
89
|
+
case 1:
|
|
90
|
+
if (!(_i < _a.length)) return [3 /*break*/, 5];
|
|
91
|
+
child = _a[_i];
|
|
92
|
+
return [4 /*yield*/, DOM_1.DOM.instance.buildTag(child, false, SlottedTag_1.SlottedTag)];
|
|
93
|
+
case 2:
|
|
94
|
+
t = _b.sent();
|
|
95
|
+
return [4 /*yield*/, (t === null || t === void 0 ? void 0 : t.slotted(slotTag))];
|
|
96
|
+
case 3:
|
|
97
|
+
_b.sent();
|
|
98
|
+
_b.label = 4;
|
|
99
|
+
case 4:
|
|
100
|
+
_i++;
|
|
101
|
+
return [3 /*break*/, 1];
|
|
102
|
+
case 5: return [4 /*yield*/, slotTag.buildAttributes()];
|
|
103
|
+
case 6:
|
|
104
|
+
_b.sent();
|
|
105
|
+
return [2 /*return*/];
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
}); });
|
|
109
|
+
});
|
|
96
110
|
});
|
|
97
|
-
DOM_1.DOM.instance.buildFrom(_this.shadow);
|
|
98
111
|
return _this;
|
|
99
112
|
}
|
|
113
|
+
Component.prototype.connectedCallback = function () {
|
|
114
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
115
|
+
var tag, componentTags, _i, componentTags_1, componentTag;
|
|
116
|
+
return __generator(this, function (_a) {
|
|
117
|
+
switch (_a.label) {
|
|
118
|
+
case 0: return [4 /*yield*/, DOM_1.DOM.instance.buildTag(this, true)];
|
|
119
|
+
case 1:
|
|
120
|
+
tag = _a.sent();
|
|
121
|
+
tag.createScope(true);
|
|
122
|
+
return [4 /*yield*/, DOM_1.DOM.instance.buildFrom(this.shadow)];
|
|
123
|
+
case 2:
|
|
124
|
+
componentTags = _a.sent();
|
|
125
|
+
return [4 /*yield*/, DOM_1.DOM.instance.resetBranch(tag)];
|
|
126
|
+
case 3:
|
|
127
|
+
_a.sent();
|
|
128
|
+
_i = 0, componentTags_1 = componentTags;
|
|
129
|
+
_a.label = 4;
|
|
130
|
+
case 4:
|
|
131
|
+
if (!(_i < componentTags_1.length)) return [3 /*break*/, 7];
|
|
132
|
+
componentTag = componentTags_1[_i];
|
|
133
|
+
return [4 /*yield*/, DOM_1.DOM.instance.resetBranch(componentTag)];
|
|
134
|
+
case 5:
|
|
135
|
+
_a.sent();
|
|
136
|
+
_a.label = 6;
|
|
137
|
+
case 6:
|
|
138
|
+
_i++;
|
|
139
|
+
return [3 /*break*/, 4];
|
|
140
|
+
case 7: return [2 /*return*/];
|
|
141
|
+
}
|
|
142
|
+
});
|
|
143
|
+
});
|
|
144
|
+
};
|
|
100
145
|
return Component;
|
|
101
146
|
}(HTMLElement));
|
|
102
147
|
exports.Component = Component;
|
package/dist/Component.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Component.js","sourceRoot":"","sources":["../src/Component.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAoC;AACpC,6BAA0B;
|
|
1
|
+
{"version":3,"file":"Component.js","sourceRoot":"","sources":["../src/Component.ts"],"names":[],"mappings":"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"}
|
package/dist/DOM/DOMObject.d.ts
CHANGED
|
@@ -16,6 +16,7 @@ export declare abstract class DOMObject extends EventDispatcher {
|
|
|
16
16
|
readonly delegates: HTMLElement[];
|
|
17
17
|
constructor(element: HTMLElement, props: any);
|
|
18
18
|
get isSlot(): boolean;
|
|
19
|
+
get isSlotted(): boolean;
|
|
19
20
|
get scope(): Scope;
|
|
20
21
|
set scope(scope: Scope);
|
|
21
22
|
watchAttribute(attr: string): void;
|
package/dist/DOM/DOMObject.js
CHANGED
|
@@ -40,6 +40,13 @@ var DOMObject = /** @class */ (function (_super) {
|
|
|
40
40
|
enumerable: false,
|
|
41
41
|
configurable: true
|
|
42
42
|
});
|
|
43
|
+
Object.defineProperty(DOMObject.prototype, "isSlotted", {
|
|
44
|
+
get: function () {
|
|
45
|
+
return this.element.hasAttribute('slot');
|
|
46
|
+
},
|
|
47
|
+
enumerable: false,
|
|
48
|
+
configurable: true
|
|
49
|
+
});
|
|
43
50
|
Object.defineProperty(DOMObject.prototype, "scope", {
|
|
44
51
|
get: function () {
|
|
45
52
|
if (!!this._scope)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DOMObject.js","sourceRoot":"","sources":["../../src/DOM/DOMObject.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,sDAAmD;AAQnD;IAAwC,6BAAe;IAOnD,mBACoB,OAAoB,EACpC,KAAK;;QAFT,YAII,iBAAO,SAOV;QAVmB,aAAO,GAAP,OAAO,CAAa;QAL9B,kBAAY,GAAY,KAAK,CAAC;QAExB,eAAS,GAAkB,EAAE,CAAC;QAO1C,IAAI,KAAI,CAAC,MAAM,EAAE;YACb,CAAA,KAAA,KAAI,CAAC,SAAS,CAAA,CAAC,IAAI,WAAK,OAA2B,CAAC,aAAa,EAAmB,EAAE;SACzF;QACD,IAAI,OAAO,CAAC,YAAY,EAAE;YACtB,KAAI,CAAC,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;SACpC;;IACL,CAAC;IAED,sBAAW,6BAAM;aAAjB;YACI,OAAO,IAAI,CAAC,OAAO,YAAY,eAAe,CAAC;QACnD,CAAC;;;OAAA;IAED,sBAAW,4BAAK;aAAhB;YACI,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM;gBACb,OAAO,IAAI,CAAC,MAAM,CAAC;YAEvB,OAAO,IAAI,CAAC;QAChB,CAAC;aAED,UAAiB,KAAY;YACzB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACxB,CAAC;;;OAJA;IAMM,kCAAc,GAArB,UAAsB,IAAY;IAElC,CAAC;IAEM,8BAAU,GAAjB,UAAkB,KAAa;IAE/B,CAAC;IAEM,+BAAW,GAAlB;;QACI,IAAI,IAAI,CAAC,YAAY;YACjB,MAAA,IAAI,CAAC,KAAK,0CAAE,WAAW,EAAE,CAAC;QAC9B,iBAAM,WAAW,WAAE,CAAC;IACxB,CAAC;IACL,gBAAC;AAAD,CAAC,
|
|
1
|
+
{"version":3,"file":"DOMObject.js","sourceRoot":"","sources":["../../src/DOM/DOMObject.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,sDAAmD;AAQnD;IAAwC,6BAAe;IAOnD,mBACoB,OAAoB,EACpC,KAAK;;QAFT,YAII,iBAAO,SAOV;QAVmB,aAAO,GAAP,OAAO,CAAa;QAL9B,kBAAY,GAAY,KAAK,CAAC;QAExB,eAAS,GAAkB,EAAE,CAAC;QAO1C,IAAI,KAAI,CAAC,MAAM,EAAE;YACb,CAAA,KAAA,KAAI,CAAC,SAAS,CAAA,CAAC,IAAI,WAAK,OAA2B,CAAC,aAAa,EAAmB,EAAE;SACzF;QACD,IAAI,OAAO,CAAC,YAAY,EAAE;YACtB,KAAI,CAAC,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC;SACpC;;IACL,CAAC;IAED,sBAAW,6BAAM;aAAjB;YACI,OAAO,IAAI,CAAC,OAAO,YAAY,eAAe,CAAC;QACnD,CAAC;;;OAAA;IAED,sBAAW,gCAAS;aAApB;YACI,OAAO,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;QAC7C,CAAC;;;OAAA;IAED,sBAAW,4BAAK;aAAhB;YACI,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM;gBACb,OAAO,IAAI,CAAC,MAAM,CAAC;YAEvB,OAAO,IAAI,CAAC;QAChB,CAAC;aAED,UAAiB,KAAY;YACzB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACxB,CAAC;;;OAJA;IAMM,kCAAc,GAArB,UAAsB,IAAY;IAElC,CAAC;IAEM,8BAAU,GAAjB,UAAkB,KAAa;IAE/B,CAAC;IAEM,+BAAW,GAAlB;;QACI,IAAI,IAAI,CAAC,YAAY;YACjB,MAAA,IAAI,CAAC,KAAK,0CAAE,WAAW,EAAE,CAAC;QAC9B,iBAAM,WAAW,WAAE,CAAC;IACxB,CAAC;IACL,gBAAC;AAAD,CAAC,AApDD,CAAwC,iCAAe,GAoDtD;AApDqB,8BAAS"}
|
package/dist/DOM.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Tag } from "./Tag";
|
|
2
|
-
import { TagList } from "./Tag/
|
|
2
|
+
import { TagList } from "./Tag/TagList";
|
|
3
3
|
import { WrappedWindow } from "./DOM/WrappedWindow";
|
|
4
4
|
import { WrappedDocument } from "./DOM/WrappedDocument";
|
|
5
5
|
import { Scope } from "./Scope";
|
|
@@ -22,7 +22,6 @@ export declare class DOM extends EventDispatcher {
|
|
|
22
22
|
protected window: WrappedWindow;
|
|
23
23
|
protected document: WrappedDocument;
|
|
24
24
|
protected _built: boolean;
|
|
25
|
-
selected: Tag;
|
|
26
25
|
constructor(rootElement: Document, build?: boolean, debug?: boolean);
|
|
27
26
|
get built(): boolean;
|
|
28
27
|
get root(): Tag;
|
|
@@ -39,11 +38,13 @@ export declare class DOM extends EventDispatcher {
|
|
|
39
38
|
evaluate(): Promise<void>;
|
|
40
39
|
mutation(mutations: MutationRecord[]): Promise<void>;
|
|
41
40
|
discover(ele: HTMLElement, forComponent?: boolean): Promise<HTMLElement[]>;
|
|
42
|
-
buildTag(element: HTMLElement, returnExisting?: boolean): Promise<
|
|
41
|
+
buildTag<T = Tag>(element: HTMLElement, returnExisting?: boolean, cls?: any): Promise<T>;
|
|
43
42
|
setupTags(tags: Tag[]): Promise<void>;
|
|
44
|
-
buildFrom(ele: any, isRoot?: boolean, forComponent?: boolean): Promise<
|
|
43
|
+
buildFrom(ele: any, isRoot?: boolean, forComponent?: boolean): Promise<Tag[]>;
|
|
45
44
|
getTagsForElements(elements: Element[], create?: boolean): Promise<TagList>;
|
|
46
45
|
getTagForElement(element: Element, create?: boolean, forComponent?: boolean): any;
|
|
47
46
|
getTagForScope(scope: Scope): Promise<Tag>;
|
|
47
|
+
resetBranch(e: Tag | HTMLElement): Promise<void>;
|
|
48
48
|
static get instance(): DOM;
|
|
49
|
+
static getParentElement(element: HTMLElement): HTMLElement;
|
|
49
50
|
}
|
package/dist/DOM.js
CHANGED
|
@@ -61,11 +61,14 @@ var Tag_1 = require("./Tag");
|
|
|
61
61
|
var ElementHelper_1 = require("./helpers/ElementHelper");
|
|
62
62
|
var Configuration_1 = require("./Configuration");
|
|
63
63
|
var AST_1 = require("./AST");
|
|
64
|
-
var
|
|
64
|
+
var TagList_1 = require("./Tag/TagList");
|
|
65
65
|
var WrappedWindow_1 = require("./DOM/WrappedWindow");
|
|
66
66
|
var WrappedDocument_1 = require("./DOM/WrappedDocument");
|
|
67
67
|
var EventDispatcher_1 = require("./EventDispatcher");
|
|
68
68
|
var ClassNode_1 = require("./AST/ClassNode");
|
|
69
|
+
var Registry_1 = require("./Registry");
|
|
70
|
+
var SlotTag_1 = require("./Tag/SlotTag");
|
|
71
|
+
var SlottedTag_1 = require("./Tag/SlottedTag");
|
|
69
72
|
var EQuerySelectDirection;
|
|
70
73
|
(function (EQuerySelectDirection) {
|
|
71
74
|
EQuerySelectDirection[EQuerySelectDirection["ALL"] = 0] = "ALL";
|
|
@@ -135,9 +138,9 @@ var DOM = /** @class */ (function (_super) {
|
|
|
135
138
|
case 'body': return [3 /*break*/, 3];
|
|
136
139
|
}
|
|
137
140
|
return [3 /*break*/, 4];
|
|
138
|
-
case 1: return [2 /*return*/, new
|
|
139
|
-
case 2: return [2 /*return*/, new
|
|
140
|
-
case 3: return [2 /*return*/, new
|
|
141
|
+
case 1: return [2 /*return*/, new TagList_1.TagList(this.window)];
|
|
142
|
+
case 2: return [2 /*return*/, new TagList_1.TagList(this.document)];
|
|
143
|
+
case 3: return [2 /*return*/, new TagList_1.TagList(this.root)];
|
|
141
144
|
case 4:
|
|
142
145
|
nodes = void 0;
|
|
143
146
|
if (direction === EQuerySelectDirection.DOWN) {
|
|
@@ -327,6 +330,10 @@ var DOM = /** @class */ (function (_super) {
|
|
|
327
330
|
return __generator(this, function (_a) {
|
|
328
331
|
discovered = [];
|
|
329
332
|
checkElement = function (e) {
|
|
333
|
+
var _a;
|
|
334
|
+
if (Registry_1.Registry.instance.components.has((_a = e === null || e === void 0 ? void 0 : e.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase())) {
|
|
335
|
+
return false;
|
|
336
|
+
}
|
|
330
337
|
if (ElementHelper_1.ElementHelper.hasVisionAttribute(e)) {
|
|
331
338
|
if ((!forComponent && e.hasAttribute('slot')))
|
|
332
339
|
return false;
|
|
@@ -352,14 +359,19 @@ var DOM = /** @class */ (function (_super) {
|
|
|
352
359
|
});
|
|
353
360
|
});
|
|
354
361
|
};
|
|
355
|
-
DOM.prototype.buildTag = function (element, returnExisting) {
|
|
362
|
+
DOM.prototype.buildTag = function (element, returnExisting, cls) {
|
|
356
363
|
if (returnExisting === void 0) { returnExisting = false; }
|
|
364
|
+
if (cls === void 0) { cls = Tag_1.Tag; }
|
|
357
365
|
return __awaiter(this, void 0, void 0, function () {
|
|
358
366
|
var tag;
|
|
359
367
|
return __generator(this, function (_a) {
|
|
360
368
|
if (element[Tag_1.Tag.TaggedVariable])
|
|
361
369
|
return [2 /*return*/, returnExisting ? element[Tag_1.Tag.TaggedVariable] : null];
|
|
362
|
-
|
|
370
|
+
if (element.tagName.toLowerCase() === 'slot')
|
|
371
|
+
cls = SlotTag_1.SlotTag;
|
|
372
|
+
else if (element.hasAttribute('slot'))
|
|
373
|
+
cls = SlottedTag_1.SlottedTag;
|
|
374
|
+
tag = new cls(element, this);
|
|
363
375
|
this.tags.push(tag);
|
|
364
376
|
return [2 /*return*/, tag];
|
|
365
377
|
});
|
|
@@ -468,48 +480,73 @@ var DOM = /** @class */ (function (_super) {
|
|
|
468
480
|
if (isRoot === void 0) { isRoot = false; }
|
|
469
481
|
if (forComponent === void 0) { forComponent = false; }
|
|
470
482
|
return __awaiter(this, void 0, void 0, function () {
|
|
471
|
-
var newTags, toBuild,
|
|
472
|
-
return __generator(this, function (
|
|
473
|
-
switch (
|
|
483
|
+
var templateNodes, components, _i, _a, n, tag, newTags, toBuild, _b, toBuild_1, element, tag, _c;
|
|
484
|
+
return __generator(this, function (_d) {
|
|
485
|
+
switch (_d.label) {
|
|
474
486
|
case 0:
|
|
475
487
|
if (isRoot) {
|
|
476
488
|
document.body.setAttribute('vsn-root', '');
|
|
477
489
|
document.ondragover = function (e) { return e.cancelable && e.preventDefault(); }; // Allow dragging over document
|
|
478
490
|
}
|
|
479
|
-
|
|
480
|
-
|
|
491
|
+
templateNodes = this.querySelectorElement(ele, 'template');
|
|
492
|
+
components = [];
|
|
493
|
+
_i = 0, _a = Array.from(templateNodes);
|
|
494
|
+
_d.label = 1;
|
|
481
495
|
case 1:
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
496
|
+
if (!(_i < _a.length)) return [3 /*break*/, 4];
|
|
497
|
+
n = _a[_i];
|
|
498
|
+
if (!ElementHelper_1.ElementHelper.hasVisionAttribute(n))
|
|
499
|
+
return [3 /*break*/, 3];
|
|
500
|
+
return [4 /*yield*/, this.buildTag(n)];
|
|
485
501
|
case 2:
|
|
486
|
-
|
|
487
|
-
element = toBuild_1[_i];
|
|
488
|
-
return [4 /*yield*/, this.buildTag(element)];
|
|
489
|
-
case 3:
|
|
490
|
-
tag = _b.sent();
|
|
502
|
+
tag = _d.sent();
|
|
491
503
|
if (tag)
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
case
|
|
504
|
+
components.push(tag);
|
|
505
|
+
_d.label = 3;
|
|
506
|
+
case 3:
|
|
495
507
|
_i++;
|
|
496
|
-
return [3 /*break*/,
|
|
508
|
+
return [3 /*break*/, 1];
|
|
509
|
+
case 4:
|
|
510
|
+
if (!components.length) return [3 /*break*/, 6];
|
|
511
|
+
return [4 /*yield*/, this.setupTags(components)];
|
|
497
512
|
case 5:
|
|
498
|
-
|
|
499
|
-
|
|
500
|
-
return [4 /*yield*/, this.getTagForElement(document.body)];
|
|
513
|
+
_d.sent();
|
|
514
|
+
_d.label = 6;
|
|
501
515
|
case 6:
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
case 7:
|
|
516
|
+
newTags = [];
|
|
517
|
+
return [4 /*yield*/, this.discover(ele, forComponent)];
|
|
518
|
+
case 7:
|
|
519
|
+
toBuild = _d.sent();
|
|
520
|
+
_b = 0, toBuild_1 = toBuild;
|
|
521
|
+
_d.label = 8;
|
|
505
522
|
case 8:
|
|
506
|
-
_b.
|
|
523
|
+
if (!(_b < toBuild_1.length)) return [3 /*break*/, 11];
|
|
524
|
+
element = toBuild_1[_b];
|
|
525
|
+
return [4 /*yield*/, this.buildTag(element)];
|
|
526
|
+
case 9:
|
|
527
|
+
tag = _d.sent();
|
|
528
|
+
if (tag)
|
|
529
|
+
newTags.push(tag);
|
|
530
|
+
_d.label = 10;
|
|
531
|
+
case 10:
|
|
532
|
+
_b++;
|
|
533
|
+
return [3 /*break*/, 8];
|
|
534
|
+
case 11:
|
|
535
|
+
if (!isRoot) return [3 /*break*/, 13];
|
|
536
|
+
_c = this;
|
|
537
|
+
return [4 /*yield*/, this.getTagForElement(document.body)];
|
|
538
|
+
case 12:
|
|
539
|
+
_c._root = _d.sent();
|
|
540
|
+
_d.label = 13;
|
|
541
|
+
case 13: return [4 /*yield*/, this.setupTags(newTags)];
|
|
542
|
+
case 14:
|
|
543
|
+
_d.sent();
|
|
507
544
|
if (isRoot) {
|
|
508
545
|
this._built = true;
|
|
509
546
|
this.dispatch('builtRoot');
|
|
510
547
|
}
|
|
511
548
|
this.dispatch('built', newTags);
|
|
512
|
-
return [2 /*return
|
|
549
|
+
return [2 /*return*/, newTags];
|
|
513
550
|
}
|
|
514
551
|
});
|
|
515
552
|
});
|
|
@@ -521,7 +558,7 @@ var DOM = /** @class */ (function (_super) {
|
|
|
521
558
|
return __generator(this, function (_d) {
|
|
522
559
|
switch (_d.label) {
|
|
523
560
|
case 0:
|
|
524
|
-
tags = new
|
|
561
|
+
tags = new TagList_1.TagList();
|
|
525
562
|
found = [];
|
|
526
563
|
for (_i = 0, elements_2 = elements; _i < elements_2.length; _i++) {
|
|
527
564
|
element = elements_2[_i];
|
|
@@ -591,6 +628,39 @@ var DOM = /** @class */ (function (_super) {
|
|
|
591
628
|
});
|
|
592
629
|
});
|
|
593
630
|
};
|
|
631
|
+
DOM.prototype.resetBranch = function (e) {
|
|
632
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
633
|
+
var tag, children, _i, children_1, t;
|
|
634
|
+
return __generator(this, function (_a) {
|
|
635
|
+
switch (_a.label) {
|
|
636
|
+
case 0:
|
|
637
|
+
if (e instanceof Tag_1.Tag)
|
|
638
|
+
e = e.element;
|
|
639
|
+
tag = e[Tag_1.Tag.TaggedVariable];
|
|
640
|
+
if (tag)
|
|
641
|
+
tag.parentTag = null;
|
|
642
|
+
children = Array.from(e.children);
|
|
643
|
+
_i = 0, children_1 = children;
|
|
644
|
+
_a.label = 1;
|
|
645
|
+
case 1:
|
|
646
|
+
if (!(_i < children_1.length)) return [3 /*break*/, 4];
|
|
647
|
+
t = children_1[_i];
|
|
648
|
+
return [4 /*yield*/, this.resetBranch(t)];
|
|
649
|
+
case 2:
|
|
650
|
+
_a.sent();
|
|
651
|
+
_a.label = 3;
|
|
652
|
+
case 3:
|
|
653
|
+
_i++;
|
|
654
|
+
return [3 /*break*/, 1];
|
|
655
|
+
case 4:
|
|
656
|
+
if (tag && tag.uniqueScope && tag.parentTag) {
|
|
657
|
+
tag.scope.parentScope = tag.parentTag.scope;
|
|
658
|
+
}
|
|
659
|
+
return [2 /*return*/];
|
|
660
|
+
}
|
|
661
|
+
});
|
|
662
|
+
});
|
|
663
|
+
};
|
|
594
664
|
Object.defineProperty(DOM, "instance", {
|
|
595
665
|
get: function () {
|
|
596
666
|
if (!DOM._instance)
|
|
@@ -600,6 +670,18 @@ var DOM = /** @class */ (function (_super) {
|
|
|
600
670
|
enumerable: false,
|
|
601
671
|
configurable: true
|
|
602
672
|
});
|
|
673
|
+
DOM.getParentElement = function (element) {
|
|
674
|
+
if (element.parentElement) {
|
|
675
|
+
return element.parentElement;
|
|
676
|
+
}
|
|
677
|
+
else if (element.assignedSlot) {
|
|
678
|
+
return element.assignedSlot.parentElement;
|
|
679
|
+
}
|
|
680
|
+
else if (element['shadowParent']) {
|
|
681
|
+
return element['shadowParent'];
|
|
682
|
+
}
|
|
683
|
+
return null;
|
|
684
|
+
};
|
|
603
685
|
return DOM;
|
|
604
686
|
}(EventDispatcher_1.EventDispatcher));
|
|
605
687
|
exports.DOM = DOM;
|