vsn 0.1.26 → 0.1.27

package/dist/attributes/List.js

@@ -0,0 +1,282 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.List = void 0;
+var Attribute_1 = require("../Attribute");
+var Scope_1 = require("../Scope");
+var AST_1 = require("../AST");
+var ElementHelper_1 = require("../helpers/ElementHelper");
+var Registry_1 = require("../Registry");
+var DOM_1 = require("../DOM");
+var List = /** @class */ (function (_super) {
+    __extends(List, _super);
+    function List() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    List.prototype.compile = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var listAttr;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        listAttr = this.getAttributeBinding();
+                        this.tree = new AST_1.Tree(listAttr);
+                        return [4 /*yield*/, this.tree.prepare(this.tag.scope, this.tag.dom, this.tag)];
+                    case 1:
+                        _a.sent();
+                        return [4 /*yield*/, _super.prototype.compile.call(this)];
+                    case 2:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    List.prototype.setup = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var template, templateNode;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!(this.tag.element.children.length > 0)) return [3 /*break*/, 1];
+                        template = this.tag.element.children[0];
+                        if (template) {
+                            if (template.hasAttribute('vsn-template')) {
+                                template.removeAttribute('vsn-template');
+                                this.tag.element.removeChild(template);
+                                this.template = template;
+                            }
+                            else {
+                                this.template = template.cloneNode(true);
+                            }
+                        }
+                        return [3 /*break*/, 3];
+                    case 1:
+                        if (!this.tag.hasRawAttribute('template')) return [3 /*break*/, 3];
+                        return [4 /*yield*/, DOM_1.DOM.instance.eval(this.tag.getRawAttributeValue('template'))];
+                    case 2:
+                        templateNode = _a.sent();
+                        if (templateNode instanceof Array && templateNode.length === 1)
+                            templateNode = templateNode[0];
+                        this.template = templateNode.element.content.cloneNode(true);
+                        _a.label = 3;
+                    case 3: return [4 /*yield*/, _super.prototype.setup.call(this)];
+                    case 4:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    List.prototype.extract = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var items, toAdd, i;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this.tree.evaluate(this.tag.scope, this.tag.dom, this.tag)];
+                    case 1:
+                        items = _a.sent();
+                        return [4 /*yield*/, this.addExistingItems(items)];
+                    case 2:
+                        _a.sent();
+                        if (!this.tag.hasRawAttribute('initial-items')) return [3 /*break*/, 6];
+                        toAdd = parseInt(this.tag.getRawAttributeValue('initial-items'));
+                        i = 0;
+                        _a.label = 3;
+                    case 3:
+                        if (!(i < toAdd)) return [3 /*break*/, 6];
+                        return [4 /*yield*/, this.add({})];
+                    case 4:
+                        _a.sent();
+                        _a.label = 5;
+                    case 5:
+                        i++;
+                        return [3 /*break*/, 3];
+                    case 6: return [4 /*yield*/, _super.prototype.extract.call(this)];
+                    case 7:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    List.prototype.addExistingItems = function (defaultList) {
+        return __awaiter(this, void 0, void 0, function () {
+            var _i, defaultList_1, existingItem, _a, _b, element, tag;
+            var _this = this;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        this.items = defaultList || new Scope_1.WrappedArray();
+                        this.tags = [];
+                        if (!defaultList) return [3 /*break*/, 4];
+                        _i = 0, defaultList_1 = defaultList;
+                        _c.label = 1;
+                    case 1:
+                        if (!(_i < defaultList_1.length)) return [3 /*break*/, 4];
+                        existingItem = defaultList_1[_i];
+                        return [4 /*yield*/, this.add(existingItem)];
+                    case 2:
+                        _c.sent();
+                        _c.label = 3;
+                    case 3:
+                        _i++;
+                        return [3 /*break*/, 1];
+                    case 4:
+                        _a = 0, _b = Array.from(this.tag.element.querySelectorAll('*'));
+                        _c.label = 5;
+                    case 5:
+                        if (!(_a < _b.length)) return [3 /*break*/, 8];
+                        element = _b[_a];
+                        if (!ElementHelper_1.ElementHelper.hasVisionAttribute(element, 'vsn-list-item'))
+                            return [3 /*break*/, 7];
+                        return [4 /*yield*/, this.tag.dom.getTagForElement(element)];
+                    case 6:
+                        tag = _c.sent();
+                        if (tag) {
+                            this.tags.push(tag);
+                            this.items.push(tag.scope.wrapped || tag.scope);
+                        }
+                        _c.label = 7;
+                    case 7:
+                        _a++;
+                        return [3 /*break*/, 5];
+                    case 8:
+                        if (!(this.items instanceof Scope_1.WrappedArray)) {
+                            this.items = new Scope_1.WrappedArray(this.items);
+                        }
+                        this.items.on('add', function (item) {
+                            _this.add(item);
+                        });
+                        this.items.on('remove', function (item) {
+                            _this.remove(item);
+                        });
+                        this.tag.scope.set('add', this.add.bind(this));
+                        this.tag.scope.set('remove', this.remove.bind(this));
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    Object.defineProperty(List.prototype, "listItemName", {
+        get: function () {
+            return this.tag.getRawAttributeValue('vsn-list-item-name', 'item');
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(List.prototype, "listItemModel", {
+        get: function () {
+            return this.tag.getRawAttributeValue('vsn-list-item-model', 'Object');
+        },
+        enumerable: false,
+        configurable: true
+    });
+    List.prototype.remove = function (item) {
+        for (var i = 0; i < this.tags.length; i++) {
+            var tag = this.tags[i];
+            var listItem = tag.scope.get(this.listItemName);
+            if ([listItem, listItem.wrapped].indexOf(item) > -1) {
+                tag.removeFromDOM();
+                this.tags.splice(i, 1);
+                return;
+            }
+        }
+    };
+    List.prototype.add = function (obj) {
+        return __awaiter(this, void 0, void 0, function () {
+            var clone, element, tag;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        clone = this.template.cloneNode(true);
+                        if (clone instanceof DocumentFragment) {
+                            element = clone.children[0];
+                        }
+                        else {
+                            element = clone;
+                        }
+                        this.tag.element.appendChild(element);
+                        return [4 /*yield*/, this.tag.dom.buildFrom(this.tag.element)];
+                    case 1:
+                        _a.sent();
+                        return [4 /*yield*/, this.tag.dom.getTagForElement(element)];
+                    case 2:
+                        tag = _a.sent();
+                        this.tags.push(tag);
+                        tag.scope.clear();
+                        if (obj) {
+                            tag.unwrap();
+                            tag.wrap(obj);
+                        }
+                        this.tag.dispatch('add', obj);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    List.canDefer = false;
+    List.scoped = true;
+    List = __decorate([
+        Registry_1.Registry.attribute('vsn-list')
+    ], List);
+    return List;
+}(Attribute_1.Attribute));
+exports.List = List;
+//# sourceMappingURL=List.js.map

package/dist/attributes/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/attributes/List.ts"],"names":[],"mappings":"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"}

package/dist/attributes/ListItem.js

@@ -0,0 +1,138 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItem = void 0;
+var Attribute_1 = require("../Attribute");
+var Registry_1 = require("../Registry");
+var ListItem = /** @class */ (function (_super) {
+    __extends(ListItem, _super);
+    function ListItem() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ListItem_1 = ListItem;
+    Object.defineProperty(ListItem.prototype, "list", {
+        get: function () {
+            return this._list;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ListItem.prototype.setup = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var modelName, cls;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        this._list = this.tag.findAncestorByAttribute('vsn-list');
+                        if (!this._list)
+                            throw Error(ListItem_1.ERROR_NO_PARENT);
+                        this.tag.scope.set(this.listItemName, this.tag.scope);
+                        return [4 /*yield*/, this.getList()];
+                    case 1:
+                        modelName = (_a.sent()).listItemModel;
+                        return [4 /*yield*/, Registry_1.Registry.instance.classes.get(modelName)];
+                    case 2:
+                        cls = _a.sent();
+                        this.instantiateModel(cls);
+                        return [4 /*yield*/, _super.prototype.setup.call(this)];
+                    case 3:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    Object.defineProperty(ListItem.prototype, "listItemName", {
+        get: function () {
+            return this.getAttributeBinding('item');
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ListItem.prototype.getList = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, this._list.getAttribute('vsn-list')];
+                    case 1: return [2 /*return*/, _a.sent()];
+                }
+            });
+        });
+    };
+    ListItem.prototype.configure = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/];
+            });
+        });
+    };
+    ListItem.prototype.instantiateModel = function (model) {
+        this.tag.wrap(model, false, true);
+    };
+    var ListItem_1;
+    ListItem.canDefer = false;
+    ListItem.scoped = true;
+    ListItem.ERROR_NO_PARENT = "Cannot find list parent.";
+    ListItem = ListItem_1 = __decorate([
+        Registry_1.Registry.attribute('vsn-list-item')
+    ], ListItem);
+    return ListItem;
+}(Attribute_1.Attribute));
+exports.ListItem = ListItem;
+//# sourceMappingURL=ListItem.js.map

package/dist/attributes/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../src/attributes/ListItem.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAAuC;AAGvC,wCAAqC;AAGrC;IAA8B,4BAAS;IAAvC;;IAqCA,CAAC;iBArCY,QAAQ;IAMjB,sBAAW,0BAAI;aAAf;YACI,OAAO,IAAI,CAAC,KAAK,CAAC;QACtB,CAAC;;;OAAA;IAEY,wBAAK,GAAlB;;;;;;wBACI,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,uBAAuB,CAAC,UAAU,CAAC,CAAC;wBAC1D,IAAI,CAAC,IAAI,CAAC,KAAK;4BACX,MAAM,KAAK,CAAC,UAAQ,CAAC,eAAe,CAAC,CAAC;wBAE1C,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;wBAC3B,qBAAM,IAAI,CAAC,OAAO,EAAE,EAAA;;wBAAzC,SAAS,GAAW,CAAC,SAAoB,CAAC,CAAC,aAAa;wBAClD,qBAAM,mBAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAA;;wBAApD,GAAG,GAAG,SAA8C;wBAC1D,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;wBAC3B,qBAAM,iBAAM,KAAK,WAAE,EAAA;;wBAAnB,SAAmB,CAAC;;;;;KACvB;IAED,sBAAW,kCAAY;aAAvB;YACI,OAAO,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;QAC5C,CAAC;;;OAAA;IAEY,0BAAO,GAApB;;;;4BACW,qBAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAO,UAAU,CAAC,EAAA;4BAAtD,sBAAO,SAA+C,EAAC;;;;KAC1D;IAEe,4BAAS,GAAzB;;;;;;KAEC;IAEO,mCAAgB,GAAxB,UAAyB,KAAU;QAC/B,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IACtC,CAAC;;IAnCsB,iBAAQ,GAAY,KAAK,CAAC;IAC1B,eAAM,GAAY,IAAI,CAAC;IACvB,wBAAe,GAAG,0BAA0B,CAAC;IAH3D,QAAQ;QADpB,mBAAQ,CAAC,SAAS,CAAC,eAAe,CAAC;OACvB,QAAQ,CAqCpB;IAAD,eAAC;CAAA,AArCD,CAA8B,qBAAS,GAqCtC;AArCY,4BAAQ"}

package/dist/attributes/ListItemModel.js

@@ -0,0 +1,39 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItemModel = void 0;
+var Registry_1 = require("../Registry");
+var Attribute_1 = require("../Attribute");
+var ListItemModel = /** @class */ (function (_super) {
+    __extends(ListItemModel, _super);
+    function ListItemModel() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ListItemModel.canDefer = false;
+    ListItemModel = __decorate([
+        Registry_1.Registry.attribute('vsn-list-item-model')
+    ], ListItemModel);
+    return ListItemModel;
+}(Attribute_1.Attribute));
+exports.ListItemModel = ListItemModel;
+//# sourceMappingURL=ListItemModel.js.map

package/dist/attributes/ListItemModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemModel.js","sourceRoot":"","sources":["../../src/attributes/ListItemModel.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,wCAAqC;AACrC,0CAAuC;AAGvC;IAAmC,iCAAS;IAA5C;;IAEA,CAAC;IAD0B,sBAAQ,GAAY,KAAK,CAAC;IADxC,aAAa;QADzB,mBAAQ,CAAC,SAAS,CAAC,qBAAqB,CAAC;OAC7B,aAAa,CAEzB;IAAD,oBAAC;CAAA,AAFD,CAAmC,qBAAS,GAE3C;AAFY,sCAAa"}

package/dist/attributes/ModelAttribute.js

@@ -0,0 +1,29 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModelAttribute = void 0;
+var ClassConstructor_1 = require("./ClassConstructor");
+var ModelAttribute = /** @class */ (function (_super) {
+    __extends(ModelAttribute, _super);
+    function ModelAttribute() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    ModelAttribute.canDefer = false;
+    return ModelAttribute;
+}(ClassConstructor_1.ClassConstructor));
+exports.ModelAttribute = ModelAttribute;
+//# sourceMappingURL=ModelAttribute.js.map

package/dist/attributes/ModelAttribute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModelAttribute.js","sourceRoot":"","sources":["../../src/attributes/ModelAttribute.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,uDAAoD;AAEpD;IAAoC,kCAAgB;IAApD;;IAEA,CAAC;IAD0B,uBAAQ,GAAY,KAAK,CAAC;IACrD,qBAAC;CAAA,AAFD,CAAoC,mCAAgB,GAEnD;AAFY,wCAAc"}

package/dist/attributes/Name.js

@@ -0,0 +1,88 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Name = void 0;
+var Attribute_1 = require("../Attribute");
+var Registry_1 = require("../Registry");
+var Name = /** @class */ (function (_super) {
+    __extends(Name, _super);
+    function Name() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Name.prototype.setup = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            var parentScope;
+            return __generator(this, function (_a) {
+                parentScope = this.tag.scope.parentScope;
+                if (parentScope) {
+                    parentScope.set(this.tag.parsedAttributes['vsn-name'][1], this.tag.scope);
+                }
+                return [2 /*return*/];
+            });
+        });
+    };
+    Name.canDefer = false;
+    Name.scoped = true;
+    Name = __decorate([
+        Registry_1.Registry.attribute('vsn-name')
+    ], Name);
+    return Name;
+}(Attribute_1.Attribute));
+exports.Name = Name;
+//# sourceMappingURL=Name.js.map

package/dist/attributes/Name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Name.js","sourceRoot":"","sources":["../../src/attributes/Name.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAAuC;AAEvC,wCAAqC;AAGrC;IAA0B,wBAAS;IAAnC;;IAUA,CAAC;IANgB,oBAAK,GAAlB;;;;gBACU,WAAW,GAAU,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC;gBACtD,IAAI,WAAW,EAAE;oBACb,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;iBAC7E;;;;KACJ;IARsB,aAAQ,GAAY,KAAK,CAAC;IAC1B,WAAM,GAAY,IAAI,CAAC;IAFrC,IAAI;QADhB,mBAAQ,CAAC,SAAS,CAAC,UAAU,CAAC;OAClB,IAAI,CAUhB;IAAD,WAAC;CAAA,AAVD,CAA0B,qBAAS,GAUlC;AAVY,oBAAI"}