dom-render 1.0.37 → 1.0.41

package/dist/bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/events/EventManager.d.ts

@@ -0,0 +1,14 @@
+import { Config } from '../Config';
+export declare const eventManager: {
+    readonly attrPrefix: "dr-";
+    readonly eventNames: string[];
+    readonly attrNames: string[];
+    findAttrElements(fragment: DocumentFragment | Element, config?: Config | undefined): Set<Element>;
+    applyEvent(obj: any, childNodes: Set<ChildNode> | Set<Element>, config?: Config | undefined): void;
+    changeVar(obj: any, elements: Set<Element> | Set<ChildNode>, varName?: string | undefined): void;
+    addDrEvent(obj: any, eventName: string, elements: Set<Element> | Set<ChildNode>): void;
+    procAttr<T extends Element = Element>(elements: Set<Element> | Set<ChildNode> | undefined, attrName: string, callBack: (h: T, value: string) => void): void;
+    getValue<T_1 = any>(obj: any, name: string, value?: any): T_1;
+    setValue(obj: any, name: string, value?: any): void;
+    isUsingThisVar(raws: string | null | undefined, varName: string | null | undefined): boolean;
+};

package/dist/types/Types.d.ts

@@ -0,0 +1,3 @@
+export interface ConstructorType<T> {
+    new (...args: any[]): T;
+}

package/dist/utils/dom/DomUtils.d.ts

@@ -0,0 +1,13 @@
+export declare type Attr = {
+    name: string;
+    value: any;
+};
+export declare class DomUtils {
+    static selectorElements(selector: string, element?: Element | Document): Element[];
+    static selectorNodes(selector: string, element?: Element | Document): NodeListOf<Element>;
+    static removeAttribute(result: HTMLElement, attrs: string[]): void;
+    static setAttribute(result: HTMLElement, attrs: string[]): void;
+    static setAttributeAttr(result: HTMLElement, attrs: Attr[]): void;
+    static getAttributeToObject(input: HTMLElement): any;
+    static getStyleToObject(input: HTMLElement): any;
+}

package/dist/utils/node/NodeUtils.d.ts

@@ -0,0 +1,10 @@
+export declare type Attr = {
+    name: string;
+    value: any;
+};
+export declare class NodeUtils {
+    static removeAllChildNode(node: Node): void;
+    static appendChild(parentNode: Node, childNode: Node): Node;
+    static replaceNode(targetNode: Node, newNode: Node): Node | undefined;
+    static addNode(targetNode: Node, newNode: Node): Node | undefined;
+}

package/dist/utils/random/RandomUtils.d.ts

@@ -0,0 +1,7 @@
+export declare class RandomUtils {
+    static readonly d = "";
+    static random(min?: number, max?: number): number;
+    static uuid(format?: string): string;
+    static getRandomColor(): string;
+    static getRandomString(len: number): string;
+}

package/dist/utils/script/ScriptUtils.d.ts

@@ -0,0 +1,14 @@
+export declare class ScriptUtils {
+    static getVariablePaths(script: string): Set<string>;
+    static evalReturn(script: string, thisTarget: any): any;
+    static eval(script: string, thisTarget: any): any;
+    static loadElement(name: string, attribute: {
+        [key: string]: string;
+    }, target?: Element): Promise<unknown>;
+    static loadStyleSheet(href: string, attribute?: {
+        [key: string]: string;
+    }): Promise<unknown>;
+    static loadScript(src: string, attribute?: {
+        [key: string]: string;
+    }): Promise<unknown>;
+}

package/dist/utils/string/StringUtils.d.ts

@@ -0,0 +1,4 @@
+export declare class StringUtils {
+    static deleteEnter(data: string): string;
+    static regexExec(regex: RegExp, text: string): RegExpExecArray[];
+}

package/dist/utils/valid/ValidUtils.d.ts

@@ -0,0 +1,10 @@
+export declare class ValidUtils {
+    static isNullOrUndefined(data: any): boolean;
+    static isNull(data: any): boolean;
+    static isArray(object_o: any): boolean;
+    static isNumber(object_o: any): boolean;
+    static isString(object_o: any): boolean;
+    static isFunction(object_o: any): boolean;
+    static isObject(object_o: any): boolean;
+    static isMap(object_o: any): boolean;
+}

package/events/EventManager.d.ts

@@ -1,4 +1,4 @@
-import { Config } from 'Config';
+import { Config } from '../Config';
 export declare const eventManager: {
     readonly attrPrefix: "dr-";
     readonly eventNames: string[];

package/events/EventManager.js

@@ -1,12 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.eventManager = void 0;
-var ScriptUtils_1 = require("../utils/script/ScriptUtils");
-exports.eventManager = new (function () {
+import { ScriptUtils } from '../utils/script/ScriptUtils';
+export var eventManager = new (function () {
     function class_1() {
         var _this = this;
         this.attrPrefix = 'dr-';
-        this.eventNames = ['click', 'change', 'keyup', 'keydown', 'input', 'submit'];
+        this.eventNames = [
+            'click', 'mousedown', 'mouseup', 'dblclick', 'mouseover', 'mouseout', 'mousemove', 'mouseenter', 'mouseleave', 'contextmenu',
+            'keyup', 'keydown', 'keypress',
+            'change', 'input', 'submit', 'resize'
+        ];
         this.attrNames = [
             this.attrPrefix + 'value',
             this.attrPrefix + 'value-link',
@@ -48,7 +49,7 @@ exports.eventManager = new (function () {
         this.procAttr(childNodes, this.attrPrefix + 'value', function (it, attribute) {
             var script = attribute;
             if (script) {
-                var data = ScriptUtils_1.ScriptUtils.evalReturn(script, obj);
+                var data = ScriptUtils.evalReturn(script, obj);
                 if (it.value !== data) {
                     it.value = data;
                 }
@@ -194,14 +195,14 @@ exports.eventManager = new (function () {
         });
     };
     class_1.prototype.getValue = function (obj, name, value) {
-        var r = ScriptUtils_1.ScriptUtils.evalReturn(name, obj);
+        var r = ScriptUtils.evalReturn(name, obj);
         if (typeof r === 'function') {
             r = r.bind(obj);
         }
         return r;
     };
     class_1.prototype.setValue = function (obj, name, value) {
-        ScriptUtils_1.ScriptUtils.eval("this." + name + " = this.value", {
+        ScriptUtils.eval("this." + name + " = this.value", {
             this: obj,
             value: value
         });
@@ -211,7 +212,7 @@ exports.eventManager = new (function () {
             if (varName.startsWith('this.')) {
                 varName = varName.replace(/this\./, '');
             }
-            var variablePaths = ScriptUtils_1.ScriptUtils.getVariablePaths(raws !== null && raws !== void 0 ? raws : '');
+            var variablePaths = ScriptUtils.getVariablePaths(raws !== null && raws !== void 0 ? raws : '');
             return variablePaths.has(varName);
         }
         return false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dom-render",
-  "version": "1.0.37",
+  "version": "1.0.41",
   "main": "DomRender.js",
   "license": "MIT",
   "description": "dom-render",
@@ -30,10 +30,6 @@
     "type": "git",
     "url": "https://github.com/visualkhh/dom-render"
   },
-  "workspaces": [
-    "./",
-    "example"
-  ],
   "jest": {
     "transform": {
       "^.+\\.ts$": "ts-jest"
@@ -62,13 +58,14 @@
     "npm-build": "npm run build && cp package.json dist && cp README.MD dist",
     "npm-publish": "npm run npm-build && npm publish ./dist",
     "tsc": "tsc",
+    "tsc:watch": "rm -rf ./dist && mkdir dist && cp package.json dist && tsc --watch --sourceMap true",
     "test": "jest --detectOpenHandles --forceExit"
   },
   "devDependencies": {
+    "@rollup/plugin-babel": "^5.3.0",
+    "@rollup/plugin-node-resolve": "^13.0.5",
     "@rollup/plugin-replace": "^2.4.2",
-    "@rollup/plugin-typescript": "^8.2.1",
     "@types/jest": "^26.0.22",
-    "@types/node": "^16.4.6",
     "@typescript-eslint/eslint-plugin": "^4.16.1",
     "@typescript-eslint/parser": "^4.16.1",
     "eslint": "^7.21.0",
@@ -77,12 +74,20 @@
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.3.1",
     "jest": "^26.6.3",
-    "parcel-bundler": "^1.12.5",
-    "parcel-plugin-css-to-string": "^2.5.2",
     "rollup": "^2.52.8",
-    "rollup-watch": "^4.3.1",
+    "rollup-plugin-babel": "^4.4.0",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-copy": "^3.4.0",
+    "rollup-plugin-delete": "^2.0.0",
+    "rollup-plugin-html": "^0.2.1",
+    "rollup-plugin-import-css": "^3.0.2",
+    "rollup-plugin-node-resolve": "^5.2.0",
+    "rollup-plugin-sourcemaps": "^0.6.3",
+    "rollup-plugin-typescript2": "^0.30.0",
+    "rollup-watch": "^3.2.2",
     "supertest": "^6.1.3",
     "ts-jest": "^26.5.4",
-    "typescript": "^4.3.5"
+    "tslib": "^2.3.1",
+    "typescript": "^4.4.3"
   }
 }

package/types/Types.js

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

package/utils/dom/DomUtils.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DomUtils = void 0;
 var DomUtils = (function () {
     function DomUtils() {
     }
@@ -42,4 +39,4 @@ var DomUtils = (function () {
     };
     return DomUtils;
 }());
-exports.DomUtils = DomUtils;
+export { DomUtils };

package/utils/node/NodeUtils.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NodeUtils = void 0;
 var NodeUtils = (function () {
     function NodeUtils() {
     }
@@ -22,4 +19,4 @@ var NodeUtils = (function () {
     };
     return NodeUtils;
 }());
-exports.NodeUtils = NodeUtils;
+export { NodeUtils };

package/utils/random/RandomUtils.js

@@ -1,15 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RandomUtils = void 0;
-var ValidUtils_1 = require("../valid/ValidUtils");
+import { ValidUtils } from '../valid/ValidUtils';
 var RandomUtils = (function () {
     function RandomUtils() {
     }
     RandomUtils.random = function (min, max) {
-        if (ValidUtils_1.ValidUtils.isNullOrUndefined(min)) {
+        if (ValidUtils.isNullOrUndefined(min)) {
             return Math.random();
         }
-        else if (!ValidUtils_1.ValidUtils.isNullOrUndefined(min) && ValidUtils_1.ValidUtils.isNullOrUndefined(max)) {
+        else if (!ValidUtils.isNullOrUndefined(min) && ValidUtils.isNullOrUndefined(max)) {
             return Math.random() * (min || 0);
         }
         else {
@@ -43,4 +40,4 @@ var RandomUtils = (function () {
     RandomUtils.d = '';
     return RandomUtils;
 }());
-exports.RandomUtils = RandomUtils;
+export { RandomUtils };

package/utils/script/ScriptUtils.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScriptUtils = void 0;
 var ScriptUtils = (function () {
     function ScriptUtils() {
     }
@@ -69,4 +66,4 @@ var ScriptUtils = (function () {
     };
     return ScriptUtils;
 }());
-exports.ScriptUtils = ScriptUtils;
+export { ScriptUtils };

package/utils/string/StringUtils.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StringUtils = void 0;
 var StringUtils = (function () {
     function StringUtils() {
     }
@@ -18,4 +15,4 @@ var StringUtils = (function () {
     };
     return StringUtils;
 }());
-exports.StringUtils = StringUtils;
+export { StringUtils };

package/utils/valid/ValidUtils.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ValidUtils = void 0;
 var ValidUtils = (function () {
     function ValidUtils() {
     }
@@ -70,4 +67,4 @@ var ValidUtils = (function () {
     };
     return ValidUtils;
 }());
-exports.ValidUtils = ValidUtils;
+export { ValidUtils };