dom-render 1.0.85 → 1.0.88

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.
Files changed (48) hide show
  1. package/DomRender.d.ts +6 -6
  2. package/DomRender.js +11 -6
  3. package/DomRenderProxy.d.ts +3 -3
  4. package/DomRenderProxy.js +3 -2
  5. package/README.MD +46 -16
  6. package/configs/Config.d.ts +26 -0
  7. package/{Config.js → configs/Config.js} +0 -0
  8. package/configs/TargetAttr.d.ts +6 -0
  9. package/configs/TargetAttr.js +2 -0
  10. package/configs/TargetElement.d.ts +14 -0
  11. package/configs/TargetElement.js +2 -0
  12. package/dist/bundle.js +275 -255
  13. package/events/EventManager.d.ts +1 -1
  14. package/lifecycle/OnDestroyRender.d.ts +1 -1
  15. package/lifecycle/OnInitRender.d.ts +2 -1
  16. package/lifecycle/OnProxyDomRender.d.ts +1 -1
  17. package/messenger/Messenger.d.ts +1 -1
  18. package/operators/Dr.js +1 -1
  19. package/operators/DrAppender.js +1 -1
  20. package/operators/DrFor.js +1 -1
  21. package/operators/DrForOf.js +1 -1
  22. package/operators/DrForm.js +1 -1
  23. package/operators/DrIf.js +1 -1
  24. package/operators/DrInnerHTML.js +1 -1
  25. package/operators/DrInnerText.js +1 -1
  26. package/operators/DrRepeat.js +1 -1
  27. package/operators/DrTargetAttr.js +1 -1
  28. package/operators/DrTargetElement.js +2 -2
  29. package/operators/DrThis.js +5 -2
  30. package/operators/OperatorRender.d.ts +6 -2
  31. package/package.json +6 -2
  32. package/rawsets/AttrInitCallBack.d.ts +5 -0
  33. package/rawsets/AttrInitCallBack.js +2 -0
  34. package/rawsets/Attrs.d.ts +21 -0
  35. package/rawsets/Attrs.js +2 -0
  36. package/rawsets/CreatorMetaData.d.ts +18 -0
  37. package/rawsets/CreatorMetaData.js +2 -0
  38. package/rawsets/DestroyOptionType.d.ts +4 -0
  39. package/rawsets/DestroyOptionType.js +8 -0
  40. package/rawsets/ElementInitCallBack.d.ts +8 -0
  41. package/rawsets/ElementInitCallBack.js +2 -0
  42. package/{RawSet.d.ts → rawsets/RawSet.d.ts} +18 -73
  43. package/{RawSet.js → rawsets/RawSet.js} +108 -109
  44. package/rawsets/RawSetType.d.ts +7 -0
  45. package/rawsets/RawSetType.js +11 -0
  46. package/rawsets/Render.d.ts +17 -0
  47. package/rawsets/Render.js +2 -0
  48. package/Config.d.ts +0 -38
@@ -20,41 +20,30 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
20
20
  return to.concat(ar || Array.prototype.slice.call(from));
21
21
  };
22
22
  Object.defineProperty(exports, "__esModule", { value: true });
23
- exports.RawSet = exports.RawSetType = exports.DestroyOptionType = void 0;
24
- var RandomUtils_1 = require("./utils/random/RandomUtils");
25
- var StringUtils_1 = require("./utils/string/StringUtils");
26
- var ScriptUtils_1 = require("./utils/script/ScriptUtils");
27
- var EventManager_1 = require("./events/EventManager");
28
- var Range_1 = require("./iterators/Range");
29
- var Types_1 = require("./types/Types");
30
- var DomUtils_1 = require("./utils/dom/DomUtils");
31
- var DrPre_1 = require("./operators/DrPre");
32
- var Dr_1 = require("./operators/Dr");
33
- var DrIf_1 = require("./operators/DrIf");
34
- var OperatorRender_1 = require("./operators/OperatorRender");
35
- var DrThis_1 = require("./operators/DrThis");
36
- var DrForm_1 = require("./operators/DrForm");
37
- var DrInnerText_1 = require("./operators/DrInnerText");
38
- var DrInnerHTML_1 = require("./operators/DrInnerHTML");
39
- var DrFor_1 = require("./operators/DrFor");
40
- var DrForOf_1 = require("./operators/DrForOf");
41
- var DrAppender_1 = require("./operators/DrAppender");
42
- var DrRepeat_1 = require("./operators/DrRepeat");
43
- var DrTargetElement_1 = require("./operators/DrTargetElement");
44
- var DrTargetAttr_1 = require("./operators/DrTargetAttr");
45
- var DestroyOptionType;
46
- (function (DestroyOptionType) {
47
- DestroyOptionType["NO_DESTROY"] = "NO_DESTROY";
48
- DestroyOptionType["NO_MESSENGER_DESTROY"] = "NO_MESSENGER_DESTROY";
49
- })(DestroyOptionType = exports.DestroyOptionType || (exports.DestroyOptionType = {}));
50
- var RawSetType;
51
- (function (RawSetType) {
52
- RawSetType["TEXT"] = "TEXT";
53
- RawSetType["STYLE_TEXT"] = "STYLE_TEXT";
54
- RawSetType["TARGET_ELEMENT"] = "TARGET_ELEMENT";
55
- RawSetType["TARGET_ATTR"] = "TARGET_ATTR";
56
- RawSetType["UNKOWN"] = "UNKOWN";
57
- })(RawSetType = exports.RawSetType || (exports.RawSetType = {}));
23
+ exports.RawSet = void 0;
24
+ var RandomUtils_1 = require("../utils/random/RandomUtils");
25
+ var StringUtils_1 = require("../utils/string/StringUtils");
26
+ var ScriptUtils_1 = require("../utils/script/ScriptUtils");
27
+ var EventManager_1 = require("../events/EventManager");
28
+ var Range_1 = require("../iterators/Range");
29
+ var Types_1 = require("../types/Types");
30
+ var DomUtils_1 = require("../utils/dom/DomUtils");
31
+ var DrPre_1 = require("../operators/DrPre");
32
+ var Dr_1 = require("../operators/Dr");
33
+ var DrIf_1 = require("../operators/DrIf");
34
+ var OperatorRender_1 = require("../operators/OperatorRender");
35
+ var DrThis_1 = require("../operators/DrThis");
36
+ var DrForm_1 = require("../operators/DrForm");
37
+ var DrInnerText_1 = require("../operators/DrInnerText");
38
+ var DrInnerHTML_1 = require("../operators/DrInnerHTML");
39
+ var DrFor_1 = require("../operators/DrFor");
40
+ var DrForOf_1 = require("../operators/DrForOf");
41
+ var DrAppender_1 = require("../operators/DrAppender");
42
+ var DrRepeat_1 = require("../operators/DrRepeat");
43
+ var DrTargetElement_1 = require("../operators/DrTargetElement");
44
+ var DrTargetAttr_1 = require("../operators/DrTargetAttr");
45
+ var DestroyOptionType_1 = require("./DestroyOptionType");
46
+ var RawSetType_1 = require("./RawSetType");
58
47
  var RawSet = /** @class */ (function () {
59
48
  function RawSet(uuid, type, point, fragment, detect, data) {
60
49
  this.uuid = uuid;
@@ -166,7 +155,7 @@ var RawSet = /** @class */ (function () {
166
155
  (_a = cNode.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newNode, cNode);
167
156
  // console.log('-------', this.point.start.parentNode.nodeName)
168
157
  // 중요 style value change 됐을때 다시 처리해야되기떄문에: 마지막에 completed 없는 attr 가지고 판단 하니깐
169
- if (this.type === RawSetType.STYLE_TEXT && this.point.parent) {
158
+ if (this.type === RawSetType_1.RawSetType.STYLE_TEXT && this.point.parent) {
170
159
  this.point.parent.removeAttribute('completed');
171
160
  }
172
161
  }
@@ -227,28 +216,18 @@ var RawSet = /** @class */ (function () {
227
216
  drAttrs.forEach(function (it) {
228
217
  if (it.drCompleteOption) {
229
218
  // genNode.childNodes
230
- ScriptUtils_1.ScriptUtils.eval("\n const ".concat(EventManager_1.EventManager.FAG_VARNAME, " = this.__render.fag;\n const ").concat(EventManager_1.EventManager.SCRIPTS_VARNAME, " = this.__render.scripts;\n const ").concat(EventManager_1.EventManager.RAWSET_VARNAME, " = this.__render.rawset;\n ").concat(it.drCompleteOption, "\n "), Object.assign(obj, {
231
- __render: Object.freeze({
232
- rawset: _this,
233
- fag: genNode,
234
- scripts: EventManager_1.EventManager.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
235
- })
236
- }));
237
- }
238
- });
239
- // 중요 style isolation 나중에 :scope로 대체 가능할듯.
240
- Array.from(window.document.styleSheets).filter(function (it) { return it.ownerNode && it.ownerNode instanceof Element && it.ownerNode.getAttribute('id') && !it.ownerNode.getAttribute('completed'); }).forEach(function (it) {
241
- var _a;
242
- var styleElement = it.ownerNode;
243
- var id = (_a = styleElement.getAttribute('id')) === null || _a === void 0 ? void 0 : _a.split('-')[0];
244
- if (id) {
245
- // console.log('------->', id)
246
- Array.from(it.cssRules).forEach(function (it) {
247
- _this.generateCSS(id, it);
219
+ var render = Object.freeze({
220
+ rawset: _this,
221
+ fag: genNode,
222
+ scripts: EventManager_1.EventManager.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
248
223
  });
224
+ ScriptUtils_1.ScriptUtils.eval("\n const ".concat(EventManager_1.EventManager.FAG_VARNAME, " = this.__render.fag;\n const ").concat(EventManager_1.EventManager.SCRIPTS_VARNAME, " = this.__render.scripts;\n const ").concat(EventManager_1.EventManager.RAWSET_VARNAME, " = this.__render.rawset;\n ").concat(it.drCompleteOption), Object.assign(obj, { __render: render }));
249
225
  }
250
- it.ownerNode.setAttribute('completed', 'true');
251
226
  });
227
+ // 중요 style isolation 나중에 :scope로 대체 가능할듯.
228
+ RawSet.generateStyleSheetsLocal();
229
+ // console.log('-22222-')
230
+ // alert(1);
252
231
  for (var _p = 0, onThisComponentSetCallBacks_1 = onThisComponentSetCallBacks; _p < onThisComponentSetCallBacks_1.length; _p++) {
253
232
  var it_1 = onThisComponentSetCallBacks_1[_p];
254
233
  (_c = (_b = it_1.obj).onInitRender) === null || _c === void 0 ? void 0 : _c.call(_b);
@@ -281,7 +260,23 @@ var RawSet = /** @class */ (function () {
281
260
  }
282
261
  return raws;
283
262
  };
284
- RawSet.prototype.generateCSS = function (id, cssRule) {
263
+ RawSet.generateStyleSheetsLocal = function () {
264
+ Array.from(window.document.styleSheets).filter(function (it) { return it.ownerNode && it.ownerNode instanceof Element && it.ownerNode.hasAttribute('domstyle') && it.ownerNode.getAttribute('id') && !it.ownerNode.getAttribute('completed'); }).forEach(function (it) {
265
+ var _a;
266
+ var styleElement = it.ownerNode;
267
+ var split = (_a = styleElement.getAttribute('id')) === null || _a === void 0 ? void 0 : _a.split('-');
268
+ split === null || split === void 0 ? void 0 : split.pop();
269
+ var id = split === null || split === void 0 ? void 0 : split.join('-');
270
+ if (id) {
271
+ // console.log('------->', id)
272
+ Array.from(it.cssRules).forEach(function (it) {
273
+ RawSet.generateCSS(id, it);
274
+ });
275
+ }
276
+ it.ownerNode.setAttribute('completed', 'true');
277
+ });
278
+ };
279
+ RawSet.generateCSS = function (id, cssRule) {
285
280
  var _this = this;
286
281
  var start = "#".concat(id, "-start");
287
282
  var end = "#".concat(id, "-end");
@@ -314,6 +309,17 @@ var RawSet = /** @class */ (function () {
314
309
  });
315
310
  }
316
311
  };
312
+ // 중요 스타일 적용 부분
313
+ RawSet.generateStyleTransform = function (styleBody, id, styleTagWrap) {
314
+ if (styleTagWrap === void 0) { styleTagWrap = true; }
315
+ if (Array.isArray(styleBody)) {
316
+ styleBody = styleBody.join('\n');
317
+ }
318
+ if (styleTagWrap) {
319
+ styleBody = "<style id='".concat(id, "-style' domstyle>").concat(styleBody, "</style>");
320
+ }
321
+ return styleBody;
322
+ };
317
323
  RawSet.prototype.applyEvent = function (obj, fragment, config) {
318
324
  if (fragment === void 0) { fragment = this.fragment; }
319
325
  EventManager_1.eventManager.applyEvent(obj, EventManager_1.eventManager.findAttrElements(fragment, config), config);
@@ -421,30 +427,25 @@ var RawSet = /** @class */ (function () {
421
427
  // start.setAttribute('id', `${it.uuid}-start`);
422
428
  // const end = config.window.document.createElement('meta');
423
429
  // end.setAttribute('id', `${it.uuid}-end`);
424
- var start = void 0;
425
- var end = void 0;
426
430
  var type = void 0;
427
431
  if (currentNode.parentNode && currentNode.parentNode.nodeName.toUpperCase() === 'STYLE') {
428
- type = RawSetType.STYLE_TEXT;
429
- start = config.window.document.createTextNode("/*start text ".concat(it_4.uuid, "*/"));
430
- end = config.window.document.createTextNode("/*end text ".concat(it_4.uuid, "*/"));
432
+ type = RawSetType_1.RawSetType.STYLE_TEXT;
431
433
  }
432
434
  else {
433
- type = RawSetType.TEXT;
434
- start = config.window.document.createComment("start text ".concat(it_4.uuid));
435
- end = config.window.document.createComment("end text ".concat(it_4.uuid));
435
+ type = RawSetType_1.RawSetType.TEXT;
436
436
  }
437
+ var startEndPoint = RawSet.createStartEndPoint(it_4.uuid, type, config);
437
438
  // layout setting
438
439
  template.content.append(document.createTextNode(preparedText)); // 앞 부분 넣고
439
- template.content.append(start); // add start checkpoint
440
- template.content.append(end); // add end checkpoint
440
+ template.content.append(startEndPoint.start); // add start checkpoint
441
+ template.content.append(startEndPoint.end); // add end checkpoint
441
442
  // content 안쪽 RawSet render 할때 start 와 end 사이에 fragment 연산해서 들어간다.
442
443
  var fragment = config.window.document.createDocumentFragment();
443
444
  fragment.append(config.window.document.createTextNode(it_4.content));
444
445
  pars.push(new RawSet(it_4.uuid, type, {
445
- start: start,
446
+ start: startEndPoint.start,
446
447
  node: currentNode,
447
- end: end,
448
+ end: startEndPoint.end,
448
449
  parent: currentNode.parentNode,
449
450
  thisVariableName: thisVariableName
450
451
  }, fragment));
@@ -457,21 +458,18 @@ var RawSet = /** @class */ (function () {
457
458
  var uuid = RandomUtils_1.RandomUtils.getRandomString(40);
458
459
  var element_3 = currentNode;
459
460
  var fragment = config.window.document.createDocumentFragment();
460
- var start = config.window.document.createElement('meta');
461
- var end = config.window.document.createElement('meta');
462
- start.setAttribute('id', "".concat(uuid, "-start"));
463
- end.setAttribute('id', "".concat(uuid, "-end"));
464
- var type = RawSetType.TARGET_ELEMENT;
461
+ var type = RawSetType_1.RawSetType.TARGET_ELEMENT;
462
+ var startEndPoint = RawSet.createStartEndPoint(uuid, type, config);
465
463
  var isElement = ((_d = (_c = config.targetElements) === null || _c === void 0 ? void 0 : _c.map(function (it) { return it.name.toLowerCase(); })) !== null && _d !== void 0 ? _d : []).includes(element_3.tagName.toLowerCase());
466
464
  var targetAttrNames_2 = ((_f = (_e = config.targetAttrs) === null || _e === void 0 ? void 0 : _e.map(function (it) { return it.name; })) !== null && _f !== void 0 ? _f : []).concat(RawSet.DR_ATTRIBUTES);
467
465
  var isAttr = element_3.getAttributeNames().filter(function (it) { return targetAttrNames_2.includes(it.toLowerCase()); }).length > 0;
468
- (_g = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _g === void 0 ? void 0 : _g.insertBefore(start, currentNode);
469
- (_h = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _h === void 0 ? void 0 : _h.insertBefore(end, currentNode.nextSibling);
466
+ (_g = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _g === void 0 ? void 0 : _g.insertBefore(startEndPoint.start, currentNode);
467
+ (_h = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _h === void 0 ? void 0 : _h.insertBefore(startEndPoint.end, currentNode.nextSibling);
470
468
  fragment.append(currentNode);
471
- pars.push(new RawSet(uuid, isElement ? type : (isAttr ? RawSetType.TARGET_ATTR : RawSetType.UNKOWN), {
472
- start: start,
469
+ pars.push(new RawSet(uuid, isElement ? type : (isAttr ? RawSetType_1.RawSetType.TARGET_ATTR : RawSetType_1.RawSetType.UNKOWN), {
470
+ start: startEndPoint.start,
473
471
  node: currentNode,
474
- end: end,
472
+ end: startEndPoint.end,
475
473
  parent: currentNode.parentNode,
476
474
  thisVariableName: thisVariableName
477
475
  }, fragment));
@@ -484,6 +482,30 @@ var RawSet = /** @class */ (function () {
484
482
  // console.log('check-->', pars)
485
483
  return pars;
486
484
  };
485
+ RawSet.createStartEndPoint = function (id, type, config) {
486
+ if (type === RawSetType_1.RawSetType.TARGET_ELEMENT) {
487
+ var start = config.window.document.createElement('meta');
488
+ var end = config.window.document.createElement('meta');
489
+ start.setAttribute('id', "".concat(id, "-start"));
490
+ end.setAttribute('id', "".concat(id, "-end"));
491
+ return {
492
+ start: start,
493
+ end: end
494
+ };
495
+ }
496
+ else if (type === RawSetType_1.RawSetType.STYLE_TEXT) {
497
+ return {
498
+ start: config.window.document.createTextNode("/*start text ".concat(id, "*/")),
499
+ end: config.window.document.createTextNode("/*end text ".concat(id, "*/"))
500
+ };
501
+ }
502
+ else { // text
503
+ return {
504
+ start: config.window.document.createComment("start text ".concat(id)),
505
+ end: config.window.document.createComment("end text ".concat(id))
506
+ };
507
+ }
508
+ };
487
509
  RawSet.prototype.childAllRemove = function () {
488
510
  var next = this.point.start.nextSibling;
489
511
  while (next) {
@@ -606,7 +628,7 @@ var RawSet = /** @class */ (function () {
606
628
  // console.log('--------',n, n.innerHTML)
607
629
  if (set) {
608
630
  // const id = RandomUtils.getRandomString(20);
609
- var style = RawSet.styleTransformLocal((_a = set.styles) !== null && _a !== void 0 ? _a : [], rawSet.uuid, true);
631
+ var style = RawSet.generateStyleTransform((_a = set.styles) !== null && _a !== void 0 ? _a : [], rawSet.uuid, true);
610
632
  n.innerHTML = style + ((_b = set.template) !== null && _b !== void 0 ? _b : '');
611
633
  // const metaStart = RawSet.metaStart(id);
612
634
  // const metaEnd = RawSet.metaEnd(id);
@@ -669,14 +691,14 @@ var RawSet = /** @class */ (function () {
669
691
  };
670
692
  return targetAttribute;
671
693
  };
672
- RawSet.createComponentTargetElement = function (name, objFactory, template, styles, config) {
694
+ RawSet.createComponentTargetElement = function (name, objFactory, template, styles) {
673
695
  if (template === void 0) { template = ''; }
674
696
  if (styles === void 0) { styles = []; }
675
697
  var targetElement = {
676
698
  name: name,
677
699
  styles: styles,
678
700
  template: template,
679
- callBack: function (element, obj, rawSet, attrs) {
701
+ callBack: function (element, obj, rawSet, attrs, config) {
680
702
  var _a, _b, _c, _d, _e, _f;
681
703
  // console.log('callback------->', element)
682
704
  if (!obj.__domrender_components) {
@@ -718,6 +740,8 @@ var RawSet = /** @class */ (function () {
718
740
  i.componentKey = componentKey;
719
741
  i.rawSet = rawSet;
720
742
  i.attribute = attribute;
743
+ i.router = config.router;
744
+ i.scripts = render.scripts;
721
745
  i.drAttrs = attrs;
722
746
  i.innerHTML = element.innerHTML;
723
747
  i.rootCreator = new Proxy(obj, new Types_1.DomRenderFinalProxy());
@@ -767,7 +791,7 @@ var RawSet = /** @class */ (function () {
767
791
  __render: render
768
792
  }));
769
793
  }
770
- var style = RawSet.styleTransformLocal(styles, componentKey, true);
794
+ var style = RawSet.generateStyleTransform(styles, componentKey, true);
771
795
  element.innerHTML = style + (applayTemplate !== null && applayTemplate !== void 0 ? applayTemplate : '');
772
796
  // const metaStart = RawSet.metaStart(componentKey);
773
797
  // const metaEnd = RawSet.metaEnd(componentKey);
@@ -797,31 +821,6 @@ var RawSet = /** @class */ (function () {
797
821
  var reg = /(?:[$#]\{(?:(([$#]\{)??[^$#]?[^{]*?)\}[$#]))/g;
798
822
  return StringUtils_1.StringUtils.regexExec(reg, data !== null && data !== void 0 ? data : '');
799
823
  };
800
- // 중요 스타일 적용 부분
801
- RawSet.styleTransformLocal = function (styleBody, id, styleTagWrap) {
802
- if (styleTagWrap === void 0) { styleTagWrap = true; }
803
- // <style id="first">
804
- // #first ~ *:not(#first ~ style[domstyle] ~ *) {
805
- // font-size: 30px;
806
- // color: blue;
807
- // }
808
- // </style>
809
- if (Array.isArray(styleBody)) {
810
- styleBody = styleBody.join('\n');
811
- }
812
- // if (locale) {
813
- // styleBody = styleBody.replace(/([^}]+){/gm, function (a, b) {
814
- // if (typeof b === 'string') {
815
- // b = b.trim();
816
- // }
817
- // return `#${id} ~ ${b}:not(#${id} ~ style[domstyle] ~ *), #${id} ~ * ${b} {`;
818
- // });
819
- // }
820
- if (styleTagWrap) {
821
- styleBody = "<style id='".concat(id, "-style' domstyle>").concat(styleBody, "</style>");
822
- }
823
- return styleBody;
824
- };
825
824
  // public static metaStart(id: string) {
826
825
  // return `<meta id='${id}-start' />`;
827
826
  // }
@@ -832,8 +831,8 @@ var RawSet = /** @class */ (function () {
832
831
  RawSet.destroy = function (obj, parameter, config, destroyOptions) {
833
832
  var _a;
834
833
  if (destroyOptions === void 0) { destroyOptions = []; }
835
- if (!destroyOptions.some(function (it) { return it === DestroyOptionType.NO_DESTROY; })) {
836
- if (!destroyOptions.some(function (it) { return it === DestroyOptionType.NO_MESSENGER_DESTROY; })) {
834
+ if (!destroyOptions.some(function (it) { return it === DestroyOptionType_1.DestroyOptionType.NO_DESTROY; })) {
835
+ if (!destroyOptions.some(function (it) { return it === DestroyOptionType_1.DestroyOptionType.NO_MESSENGER_DESTROY; })) {
837
836
  if (config.messenger && obj) {
838
837
  config.messenger.deleteChannelFromObj(obj);
839
838
  }
@@ -0,0 +1,7 @@
1
+ export declare enum RawSetType {
2
+ TEXT = "TEXT",
3
+ STYLE_TEXT = "STYLE_TEXT",
4
+ TARGET_ELEMENT = "TARGET_ELEMENT",
5
+ TARGET_ATTR = "TARGET_ATTR",
6
+ UNKOWN = "UNKOWN"
7
+ }
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.RawSetType = void 0;
4
+ var RawSetType;
5
+ (function (RawSetType) {
6
+ RawSetType["TEXT"] = "TEXT";
7
+ RawSetType["STYLE_TEXT"] = "STYLE_TEXT";
8
+ RawSetType["TARGET_ELEMENT"] = "TARGET_ELEMENT";
9
+ RawSetType["TARGET_ATTR"] = "TARGET_ATTR";
10
+ RawSetType["UNKOWN"] = "UNKOWN";
11
+ })(RawSetType = exports.RawSetType || (exports.RawSetType = {}));
@@ -0,0 +1,17 @@
1
+ import { CreatorMetaData } from './CreatorMetaData';
2
+ import { Router } from '../routers/Router';
3
+ import { RawSet } from './RawSet';
4
+ export declare type Render = {
5
+ rawset?: RawSet;
6
+ scripts?: {
7
+ [n: string]: any;
8
+ };
9
+ bindScript?: string;
10
+ element?: any;
11
+ attribute?: any;
12
+ creatorMetaData?: CreatorMetaData;
13
+ router?: Router;
14
+ range?: any;
15
+ value?: any;
16
+ [n: string]: any;
17
+ };
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
package/Config.d.ts DELETED
@@ -1,38 +0,0 @@
1
- import { ConstructorType } from './types/Types';
2
- import { Attrs, CreatorMetaData, RawSet, Render } from './RawSet';
3
- import { Router } from './routers/Router';
4
- import { Messenger } from './messenger/Messenger';
5
- export declare type TargetElement = {
6
- name: string;
7
- template?: string;
8
- styles?: string[];
9
- callBack: (target: Element, obj: any, rawSet: RawSet, attrs?: Attrs) => DocumentFragment;
10
- complete?: (target: Element, obj: any, rawSet: RawSet) => void;
11
- __render?: Render;
12
- __creatorMetaData?: CreatorMetaData;
13
- };
14
- export declare type TargetAttr = {
15
- name: string;
16
- callBack: (target: Element, attrValue: string, obj: any, rawSet: RawSet) => DocumentFragment;
17
- complete?: (target: Element, attrValue: string, obj: any, rawSet: RawSet) => void;
18
- };
19
- export declare type Config = {
20
- window: Window;
21
- targetElements?: TargetElement[];
22
- targetAttrs?: TargetAttr[];
23
- onElementInit?: (name: string, obj: any, rawSet: RawSet, targetElement: TargetElement) => any;
24
- onAttrInit?: (name: string, attrValue: string, obj: any, rawSet: RawSet) => any;
25
- proxyExcludeTyps?: ConstructorType<any>[];
26
- proxyExcludeOnBeforeReturnSets?: string[];
27
- proxyExcludeOnBeforeReturnGets?: string[];
28
- scripts?: {
29
- [n: string]: any;
30
- };
31
- routerType?: 'hash' | 'path' | 'none';
32
- router?: Router;
33
- messenger?: Messenger;
34
- applyEvents?: {
35
- attrName: string;
36
- callBack: (elements: Element, attrValue: string, obj: any) => void;
37
- }[];
38
- };