dom-render 1.0.87 → 1.0.88

package/lifecycle/OnInitRender.d.ts

@@ -1,4 +1,5 @@
-import { CreatorMetaData, Render } from '../RawSet';
+import { CreatorMetaData } from '../rawsets/CreatorMetaData';
+import { Render } from '../rawsets/Render';
 export interface OnInitRender {
     onInitRender(data?: {
         render?: Render;

package/operators/Dr.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Dr = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var Dr = /** @class */ (function (_super) {
     __extends(Dr, _super);
     function Dr() {

package/operators/DrAppender.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrAppender = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var DrAppender = /** @class */ (function (_super) {
     __extends(DrAppender, _super);
     function DrAppender() {

package/operators/DrFor.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrFor = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var DrFor = /** @class */ (function (_super) {
     __extends(DrFor, _super);
     function DrFor() {

package/operators/DrForOf.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrForOf = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var DrForOf = /** @class */ (function (_super) {
     __extends(DrForOf, _super);
     function DrForOf() {

package/operators/DrForm.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrForm = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var Validator_1 = require("../validators/Validator");
 var EventManager_1 = require("../events/EventManager");
 var ValidatorArray_1 = require("../validators/ValidatorArray");

package/operators/DrIf.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrIf = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var DrIf = /** @class */ (function (_super) {
     __extends(DrIf, _super);
     function DrIf() {

package/operators/DrInnerHTML.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrInnerHTML = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var DrInnerHTML = /** @class */ (function (_super) {
     __extends(DrInnerHTML, _super);
     function DrInnerHTML() {

package/operators/DrInnerText.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrInnerText = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var DrInnerText = /** @class */ (function (_super) {
     __extends(DrInnerText, _super);
     function DrInnerText() {

package/operators/DrRepeat.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrRepeat = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var EventManager_1 = require("../events/EventManager");
 var DrRepeat = /** @class */ (function (_super) {
     __extends(DrRepeat, _super);

package/operators/DrTargetAttr.js

@@ -17,7 +17,7 @@ var __extends = (this && this.__extends) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrTargetAttr = void 0;
 var OperatorRender_1 = require("./OperatorRender");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var DrTargetAttr = /** @class */ (function (_super) {
     __extends(DrTargetAttr, _super);
     function DrTargetAttr() {

package/operators/DrTargetElement.js

@@ -18,7 +18,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrTargetElement = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var DrTargetElement = /** @class */ (function (_super) {
     __extends(DrTargetElement, _super);
     function DrTargetElement() {

package/operators/DrThis.js

@@ -18,7 +18,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DrThis = void 0;
 var OperatorRender_1 = require("./OperatorRender");
 var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-var RawSet_1 = require("../RawSet");
+var RawSet_1 = require("../rawsets/RawSet");
 var ComponentSet_1 = require("../components/ComponentSet");
 var DrThis = /** @class */ (function (_super) {
     __extends(DrThis, _super);
@@ -30,6 +30,8 @@ var DrThis = /** @class */ (function (_super) {
         var _b, _c, _d, _e, _f;
         if (this.elementSource.attrs.drThis) {
             var r = ScriptUtils_1.ScriptUtils.evalReturn(this.elementSource.attrs.drThis, this.source.obj);
+            // const isStrip = ScriptUtils.eval(`if (${this.elementSource.attrs.drStripOption ?? 'false'}) { return true; } else { return false; }`, this.source.obj);
+            // console.log('isStrip', isStrip)
             if (r) {
                 if (r instanceof ComponentSet_1.ComponentSet) {
                     if (this.rawSet.data) {
@@ -37,7 +39,8 @@ var DrThis = /** @class */ (function (_super) {
                         RawSet_1.RawSet.destroy(this.rawSet.data.obj, [], this.source.config, destroyOptions);
                     }
                     this.rawSet.data = r;
-                    this.returnContainer.fag.append(RawSet_1.RawSet.drThisCreate(this.rawSet, this.elementSource.element, "".concat(this.elementSource.attrs.drThis, ".obj"), (_d = this.elementSource.attrs.drVarOption) !== null && _d !== void 0 ? _d : '', this.elementSource.attrs.drStripOption, this.source.obj, this.source.config, r));
+                    var componentBody = RawSet_1.RawSet.drThisCreate(this.rawSet, this.elementSource.element, "".concat(this.elementSource.attrs.drThis, ".obj"), (_d = this.elementSource.attrs.drVarOption) !== null && _d !== void 0 ? _d : '', this.elementSource.attrs.drStripOption, this.source.obj, this.source.config, r);
+                    this.returnContainer.fag.append(componentBody);
                     this.afterCallBack.onThisComponentSetCallBacks.push(r);
                 }
                 else {

package/operators/OperatorRender.d.ts

@@ -1,6 +1,10 @@
-import { AttrInitCallBack, Attrs, ElementInitCallBack, RawSet, Render } from '../RawSet';
+import { RawSet } from '../rawsets/RawSet';
 import { ComponentSet } from '../components/ComponentSet';
 import { Config } from '../configs/Config';
+import { Attrs } from '../rawsets/Attrs';
+import { AttrInitCallBack } from '../rawsets/AttrInitCallBack';
+import { ElementInitCallBack } from '../rawsets/ElementInitCallBack';
+import { Render } from '../rawsets/Render';
 export declare enum ExecuteState {
     EXECUTE = 0,
     NO_EXECUTE = 1,

package/package.json

@@ -1,13 +1,17 @@
 {
   "name": "dom-render",
-  "version": "1.0.87",
+  "version": "1.0.88",
   "main": "DomRender.js",
   "license": "MIT",
-  "description": "dom-render",
+  "description": "html view template engine",
   "keywords": [
     "front",
     "spa",
     "SPA",
+    "view template",
+    "view",
+    "template",
+    "template engine",
     "dom-render",
     "front-end",
     "framwork",

package/rawsets/AttrInitCallBack.d.ts

@@ -0,0 +1,5 @@
+export declare type AttrInitCallBack = {
+    attrName: string;
+    attrValue: string;
+    obj: any;
+};

package/rawsets/AttrInitCallBack.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/rawsets/Attrs.d.ts

@@ -0,0 +1,21 @@
+export declare type Attrs = {
+    dr: string | null;
+    drIf: string | null;
+    drAppender: string | null;
+    drFor: string | null;
+    drForOf: string | null;
+    drRepeat: string | null;
+    drThis: string | null;
+    drForm: string | null;
+    drPre: string | null;
+    drInnerHTML: string | null;
+    drInnerText: string | null;
+    drItOption: string | null;
+    drVarOption: string | null;
+    drAfterOption: string | null;
+    drNextOption: string | null;
+    drBeforeOption: string | null;
+    drCompleteOption: string | null;
+    drStripOption: string | null;
+    drDestroyOption: string | null;
+};

package/rawsets/Attrs.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/rawsets/CreatorMetaData.d.ts

@@ -0,0 +1,18 @@
+import { Router } from '../routers/Router';
+import { Attrs } from './Attrs';
+import { RawSet } from './RawSet';
+export declare type CreatorMetaData = {
+    thisVariableName?: string | null;
+    thisFullVariableName?: string | null;
+    componentKey?: string | null;
+    rawSet: RawSet;
+    scripts?: {
+        [n: string]: any;
+    };
+    router?: Router;
+    innerHTML: string;
+    drAttrs?: Attrs;
+    rootCreator: any;
+    attribute: any;
+    creator: any;
+};

package/rawsets/CreatorMetaData.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/rawsets/DestroyOptionType.d.ts

@@ -0,0 +1,4 @@
+export declare enum DestroyOptionType {
+    NO_DESTROY = "NO_DESTROY",
+    NO_MESSENGER_DESTROY = "NO_MESSENGER_DESTROY"
+}

package/rawsets/DestroyOptionType.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DestroyOptionType = void 0;
+var DestroyOptionType;
+(function (DestroyOptionType) {
+    DestroyOptionType["NO_DESTROY"] = "NO_DESTROY";
+    DestroyOptionType["NO_MESSENGER_DESTROY"] = "NO_MESSENGER_DESTROY";
+})(DestroyOptionType = exports.DestroyOptionType || (exports.DestroyOptionType = {}));

package/rawsets/ElementInitCallBack.d.ts

@@ -0,0 +1,8 @@
+import { TargetElement } from '../configs/TargetElement';
+import { CreatorMetaData } from './CreatorMetaData';
+export declare type ElementInitCallBack = {
+    name: string;
+    obj: any;
+    targetElement: TargetElement;
+    creatorMetaData: CreatorMetaData;
+};

package/rawsets/ElementInitCallBack.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/{RawSet.d.ts → rawsets/RawSet.d.ts}

@@ -1,75 +1,10 @@
-import { Config } from './configs/Config';
-import { ComponentSet } from './components/ComponentSet';
-import { TargetElement } from './configs/TargetElement';
-import { TargetAttr } from './configs/TargetAttr';
-export declare enum DestroyOptionType {
-    NO_DESTROY = "NO_DESTROY",
-    NO_MESSENGER_DESTROY = "NO_MESSENGER_DESTROY"
-}
-export declare type Attrs = {
-    dr: string | null;
-    drIf: string | null;
-    drAppender: string | null;
-    drFor: string | null;
-    drForOf: string | null;
-    drRepeat: string | null;
-    drThis: string | null;
-    drForm: string | null;
-    drPre: string | null;
-    drInnerHTML: string | null;
-    drInnerText: string | null;
-    drItOption: string | null;
-    drVarOption: string | null;
-    drAfterOption: string | null;
-    drNextOption: string | null;
-    drBeforeOption: string | null;
-    drCompleteOption: string | null;
-    drStripOption: string | null;
-    drDestroyOption: string | null;
-};
-export declare type CreatorMetaData = {
-    thisVariableName?: string | null;
-    thisFullVariableName?: string | null;
-    componentKey?: string | null;
-    rawSet: RawSet;
-    innerHTML: string;
-    drAttrs?: Attrs;
-    rootCreator: any;
-    attribute: any;
-    creator: any;
-};
-export declare type AttrInitCallBack = {
-    attrName: string;
-    attrValue: string;
-    obj: any;
-};
-export declare type ElementInitCallBack = {
-    name: string;
-    obj: any;
-    targetElement: TargetElement;
-    creatorMetaData: CreatorMetaData;
-};
-export declare enum RawSetType {
-    TEXT = "TEXT",
-    STYLE_TEXT = "STYLE_TEXT",
-    TARGET_ELEMENT = "TARGET_ELEMENT",
-    TARGET_ATTR = "TARGET_ATTR",
-    UNKOWN = "UNKOWN"
-}
-export declare type Render = {
-    rawset?: RawSet;
-    scripts?: {
-        [n: string]: any;
-    };
-    bindScript?: string;
-    element?: any;
-    attribute?: any;
-    creatorMetaData?: CreatorMetaData;
-    router?: any;
-    range?: any;
-    value?: any;
-    [n: string]: any;
-};
+import { Config } from '../configs/Config';
+import { ComponentSet } from '../components/ComponentSet';
+import { TargetElement } from '../configs/TargetElement';
+import { TargetAttr } from '../configs/TargetAttr';
+import { DestroyOptionType } from './DestroyOptionType';
+import { Attrs } from './Attrs';
+import { RawSetType } from './RawSetType';
 export declare class RawSet {
     uuid: string;
     type: RawSetType;

package/{RawSet.js → rawsets/RawSet.js}

@@ -20,41 +20,30 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RawSet = exports.RawSetType = exports.DestroyOptionType = void 0;
-var RandomUtils_1 = require("./utils/random/RandomUtils");
-var StringUtils_1 = require("./utils/string/StringUtils");
-var ScriptUtils_1 = require("./utils/script/ScriptUtils");
-var EventManager_1 = require("./events/EventManager");
-var Range_1 = require("./iterators/Range");
-var Types_1 = require("./types/Types");
-var DomUtils_1 = require("./utils/dom/DomUtils");
-var DrPre_1 = require("./operators/DrPre");
-var Dr_1 = require("./operators/Dr");
-var DrIf_1 = require("./operators/DrIf");
-var OperatorRender_1 = require("./operators/OperatorRender");
-var DrThis_1 = require("./operators/DrThis");
-var DrForm_1 = require("./operators/DrForm");
-var DrInnerText_1 = require("./operators/DrInnerText");
-var DrInnerHTML_1 = require("./operators/DrInnerHTML");
-var DrFor_1 = require("./operators/DrFor");
-var DrForOf_1 = require("./operators/DrForOf");
-var DrAppender_1 = require("./operators/DrAppender");
-var DrRepeat_1 = require("./operators/DrRepeat");
-var DrTargetElement_1 = require("./operators/DrTargetElement");
-var DrTargetAttr_1 = require("./operators/DrTargetAttr");
-var DestroyOptionType;
-(function (DestroyOptionType) {
-    DestroyOptionType["NO_DESTROY"] = "NO_DESTROY";
-    DestroyOptionType["NO_MESSENGER_DESTROY"] = "NO_MESSENGER_DESTROY";
-})(DestroyOptionType = exports.DestroyOptionType || (exports.DestroyOptionType = {}));
-var RawSetType;
-(function (RawSetType) {
-    RawSetType["TEXT"] = "TEXT";
-    RawSetType["STYLE_TEXT"] = "STYLE_TEXT";
-    RawSetType["TARGET_ELEMENT"] = "TARGET_ELEMENT";
-    RawSetType["TARGET_ATTR"] = "TARGET_ATTR";
-    RawSetType["UNKOWN"] = "UNKOWN";
-})(RawSetType = exports.RawSetType || (exports.RawSetType = {}));
+exports.RawSet = void 0;
+var RandomUtils_1 = require("../utils/random/RandomUtils");
+var StringUtils_1 = require("../utils/string/StringUtils");
+var ScriptUtils_1 = require("../utils/script/ScriptUtils");
+var EventManager_1 = require("../events/EventManager");
+var Range_1 = require("../iterators/Range");
+var Types_1 = require("../types/Types");
+var DomUtils_1 = require("../utils/dom/DomUtils");
+var DrPre_1 = require("../operators/DrPre");
+var Dr_1 = require("../operators/Dr");
+var DrIf_1 = require("../operators/DrIf");
+var OperatorRender_1 = require("../operators/OperatorRender");
+var DrThis_1 = require("../operators/DrThis");
+var DrForm_1 = require("../operators/DrForm");
+var DrInnerText_1 = require("../operators/DrInnerText");
+var DrInnerHTML_1 = require("../operators/DrInnerHTML");
+var DrFor_1 = require("../operators/DrFor");
+var DrForOf_1 = require("../operators/DrForOf");
+var DrAppender_1 = require("../operators/DrAppender");
+var DrRepeat_1 = require("../operators/DrRepeat");
+var DrTargetElement_1 = require("../operators/DrTargetElement");
+var DrTargetAttr_1 = require("../operators/DrTargetAttr");
+var DestroyOptionType_1 = require("./DestroyOptionType");
+var RawSetType_1 = require("./RawSetType");
 var RawSet = /** @class */ (function () {
     function RawSet(uuid, type, point, fragment, detect, data) {
         this.uuid = uuid;
@@ -166,7 +155,7 @@ var RawSet = /** @class */ (function () {
                 (_a = cNode.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(newNode, cNode);
                 // console.log('-------', this.point.start.parentNode.nodeName)
                 // 중요 style value change 됐을때 다시 처리해야되기떄문에: 마지막에 completed 없는 attr 가지고 판단 하니깐
-                if (this.type === RawSetType.STYLE_TEXT && this.point.parent) {
+                if (this.type === RawSetType_1.RawSetType.STYLE_TEXT && this.point.parent) {
                     this.point.parent.removeAttribute('completed');
                 }
             }
@@ -227,13 +216,12 @@ var RawSet = /** @class */ (function () {
         drAttrs.forEach(function (it) {
             if (it.drCompleteOption) {
                 // genNode.childNodes
-                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, {
-                    __render: Object.freeze({
-                        rawset: _this,
-                        fag: genNode,
-                        scripts: EventManager_1.EventManager.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
-                    })
-                }));
+                var render = Object.freeze({
+                    rawset: _this,
+                    fag: genNode,
+                    scripts: EventManager_1.EventManager.setBindProperty(config === null || config === void 0 ? void 0 : config.scripts, obj)
+                });
+                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 }));
             }
         });
         // 중요 style isolation 나중에 :scope로 대체 가능할듯.
@@ -441,10 +429,10 @@ var RawSet = /** @class */ (function () {
                     // end.setAttribute('id', `${it.uuid}-end`);
                     var type = void 0;
                     if (currentNode.parentNode && currentNode.parentNode.nodeName.toUpperCase() === 'STYLE') {
-                        type = RawSetType.STYLE_TEXT;
+                        type = RawSetType_1.RawSetType.STYLE_TEXT;
                     }
                     else {
-                        type = RawSetType.TEXT;
+                        type = RawSetType_1.RawSetType.TEXT;
                     }
                     var startEndPoint = RawSet.createStartEndPoint(it_4.uuid, type, config);
                     // layout setting
@@ -470,7 +458,7 @@ var RawSet = /** @class */ (function () {
                 var uuid = RandomUtils_1.RandomUtils.getRandomString(40);
                 var element_3 = currentNode;
                 var fragment = config.window.document.createDocumentFragment();
-                var type = RawSetType.TARGET_ELEMENT;
+                var type = RawSetType_1.RawSetType.TARGET_ELEMENT;
                 var startEndPoint = RawSet.createStartEndPoint(uuid, type, config);
                 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());
                 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);
@@ -478,7 +466,7 @@ var RawSet = /** @class */ (function () {
                 (_g = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _g === void 0 ? void 0 : _g.insertBefore(startEndPoint.start, currentNode);
                 (_h = currentNode === null || currentNode === void 0 ? void 0 : currentNode.parentNode) === null || _h === void 0 ? void 0 : _h.insertBefore(startEndPoint.end, currentNode.nextSibling);
                 fragment.append(currentNode);
-                pars.push(new RawSet(uuid, isElement ? type : (isAttr ? RawSetType.TARGET_ATTR : RawSetType.UNKOWN), {
+                pars.push(new RawSet(uuid, isElement ? type : (isAttr ? RawSetType_1.RawSetType.TARGET_ATTR : RawSetType_1.RawSetType.UNKOWN), {
                     start: startEndPoint.start,
                     node: currentNode,
                     end: startEndPoint.end,
@@ -495,17 +483,17 @@ var RawSet = /** @class */ (function () {
         return pars;
     };
     RawSet.createStartEndPoint = function (id, type, config) {
-        if (type === RawSetType.TARGET_ELEMENT) {
+        if (type === RawSetType_1.RawSetType.TARGET_ELEMENT) {
             var start = config.window.document.createElement('meta');
             var end = config.window.document.createElement('meta');
             start.setAttribute('id', "".concat(id, "-start"));
             end.setAttribute('id', "".concat(id, "-end"));
             return {
                 start: start,
-                end: end,
+                end: end
             };
         }
-        else if (type === RawSetType.STYLE_TEXT) {
+        else if (type === RawSetType_1.RawSetType.STYLE_TEXT) {
             return {
                 start: config.window.document.createTextNode("/*start text ".concat(id, "*/")),
                 end: config.window.document.createTextNode("/*end text ".concat(id, "*/"))
@@ -752,6 +740,8 @@ var RawSet = /** @class */ (function () {
                 i.componentKey = componentKey;
                 i.rawSet = rawSet;
                 i.attribute = attribute;
+                i.router = config.router;
+                i.scripts = render.scripts;
                 i.drAttrs = attrs;
                 i.innerHTML = element.innerHTML;
                 i.rootCreator = new Proxy(obj, new Types_1.DomRenderFinalProxy());
@@ -841,8 +831,8 @@ var RawSet = /** @class */ (function () {
     RawSet.destroy = function (obj, parameter, config, destroyOptions) {
         var _a;
         if (destroyOptions === void 0) { destroyOptions = []; }
-        if (!destroyOptions.some(function (it) { return it === DestroyOptionType.NO_DESTROY; })) {
-            if (!destroyOptions.some(function (it) { return it === DestroyOptionType.NO_MESSENGER_DESTROY; })) {
+        if (!destroyOptions.some(function (it) { return it === DestroyOptionType_1.DestroyOptionType.NO_DESTROY; })) {
+            if (!destroyOptions.some(function (it) { return it === DestroyOptionType_1.DestroyOptionType.NO_MESSENGER_DESTROY; })) {
                 if (config.messenger && obj) {
                     config.messenger.deleteChannelFromObj(obj);
                 }

package/rawsets/RawSetType.d.ts

@@ -0,0 +1,7 @@
+export declare enum RawSetType {
+    TEXT = "TEXT",
+    STYLE_TEXT = "STYLE_TEXT",
+    TARGET_ELEMENT = "TARGET_ELEMENT",
+    TARGET_ATTR = "TARGET_ATTR",
+    UNKOWN = "UNKOWN"
+}

package/rawsets/RawSetType.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RawSetType = void 0;
+var RawSetType;
+(function (RawSetType) {
+    RawSetType["TEXT"] = "TEXT";
+    RawSetType["STYLE_TEXT"] = "STYLE_TEXT";
+    RawSetType["TARGET_ELEMENT"] = "TARGET_ELEMENT";
+    RawSetType["TARGET_ATTR"] = "TARGET_ATTR";
+    RawSetType["UNKOWN"] = "UNKOWN";
+})(RawSetType = exports.RawSetType || (exports.RawSetType = {}));

package/rawsets/Render.d.ts

@@ -0,0 +1,17 @@
+import { CreatorMetaData } from './CreatorMetaData';
+import { Router } from '../routers/Router';
+import { RawSet } from './RawSet';
+export declare type Render = {
+    rawset?: RawSet;
+    scripts?: {
+        [n: string]: any;
+    };
+    bindScript?: string;
+    element?: any;
+    attribute?: any;
+    creatorMetaData?: CreatorMetaData;
+    router?: Router;
+    range?: any;
+    value?: any;
+    [n: string]: any;
+};

package/rawsets/Render.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });