@dooboostore/dom-render 1.0.100 → 1.0.103

package/components/promise/PromiseSwitch.d.ts

@@ -1,5 +1,5 @@
 import { ComponentBase } from '../ComponentBase';
-import { RunConfig } from '../../DomRender';
+import { DomRenderRunConfig } from '../../DomRender';
 import { OtherData } from '../../lifecycle/OnChangeAttrRender';
 import { OnCreateRenderDataParams } from '../../lifecycle/OnCreateRenderData';
 export declare namespace PromiseSwitch {
@@ -45,11 +45,11 @@ export declare namespace PromiseSwitch {
     export {};
 }
 declare const _default: {
-    promiseDefault: (config?: RunConfig) => import("../../configs/TargetElement").TargetElement;
-    promisePending: (config?: RunConfig) => import("../../configs/TargetElement").TargetElement;
-    promiseFulfilled: (config?: RunConfig) => import("../../configs/TargetElement").TargetElement;
-    promiseRejected: (config?: RunConfig) => import("../../configs/TargetElement").TargetElement;
-    promiseSwitch: (config?: RunConfig) => import("../../configs/TargetElement").TargetElement;
+    promiseDefault: (config?: DomRenderRunConfig) => import("../../configs/TargetElement").TargetElement;
+    promisePending: (config?: DomRenderRunConfig) => import("../../configs/TargetElement").TargetElement;
+    promiseFulfilled: (config?: DomRenderRunConfig) => import("../../configs/TargetElement").TargetElement;
+    promiseRejected: (config?: DomRenderRunConfig) => import("../../configs/TargetElement").TargetElement;
+    promiseSwitch: (config?: DomRenderRunConfig) => import("../../configs/TargetElement").TargetElement;
 };
 export default _default;
 //# sourceMappingURL=PromiseSwitch.d.ts.map

package/components/promise/PromiseSwitch.js

@@ -47,6 +47,21 @@ export var PromiseSwitch;
         }
     }
     PromiseSwitch_1.Rejected = Rejected;
+    /*
+        <dr-promise-switch data="${@this@.pickWorldPromise}$">
+          ${@nearThis@.promiseState.status}$
+          <dr-promise-switch-default>
+              <button class="random-world-button" dr-event-click="@this@.pickWorld()">
+                  <i class="fa-solid fa-dice"></i>
+              </button>
+          </dr-promise-switch-default>
+          <dr-promise-switch-pending>
+              <button class="random-world-button disabled spin" >
+                  <i class="fa-solid fa-dice"></i>
+              </button>
+          </dr-promise-switch-pending>
+      </dr-promise-switch>
+     */
     // @Component({
     //   template: '#innerHTML#',
     //   selector: `${selector}`

package/components/radio/Radio.d.ts

@@ -1,5 +1,5 @@
 import { ComponentBase } from '../ComponentBase';
-import { RunConfig } from '../../DomRender';
+import { DomRenderRunConfig } from '../../DomRender';
 import { OtherData } from '../../lifecycle/OnChangeAttrRender';
 import { OnCreateRenderDataParams } from '../../lifecycle/OnCreateRenderData';
 export declare namespace Radio {
@@ -37,9 +37,9 @@ export declare namespace Radio {
     export {};
 }
 declare const _default: {
-    radioChecked: (config?: RunConfig) => import("../../configs/TargetElement").TargetElement;
-    radioUnChecked: (config?: RunConfig) => import("../../configs/TargetElement").TargetElement;
-    radio: (config?: RunConfig) => import("../../configs/TargetElement").TargetElement;
+    radioChecked: (config?: DomRenderRunConfig) => import("../../configs/TargetElement").TargetElement;
+    radioUnChecked: (config?: DomRenderRunConfig) => import("../../configs/TargetElement").TargetElement;
+    radio: (config?: DomRenderRunConfig) => import("../../configs/TargetElement").TargetElement;
 };
 export default _default;
 //# sourceMappingURL=Radio.d.ts.map

package/components/router/Route.d.ts

@@ -0,0 +1,32 @@
+import { ComponentBase } from '../ComponentBase';
+import { OnInitRender } from '../../lifecycle/OnInitRender';
+import { RawSet } from '../../rawsets/RawSet';
+import type { Config } from '../../configs/Config';
+export declare namespace Route {
+    export const selector = "dr-route";
+    export type Attribute<D> = {
+        value?: null | string;
+    };
+    class CheckerBase<D> extends ComponentBase<Attribute<D>> implements OnInitRender {
+        protected sw: boolean;
+    }
+    export class Match<D> extends CheckerBase<D> {
+        value?: string;
+        private domRenderConfig;
+        constructor(domRenderConfig: Config);
+        onInitRender(param: any, rawSet: RawSet): void;
+    }
+    export class Regexp<D> extends CheckerBase<D> {
+        value?: string;
+        private domRenderConfig;
+        constructor(domRenderConfig: Config);
+        onInitRender(param: any, rawSet: RawSet): void;
+    }
+    export {};
+}
+declare const _default: {
+    match: (config?: Config) => import("../../configs/TargetElement").TargetElement;
+    regexp: (config?: Config) => import("../../configs/TargetElement").TargetElement;
+};
+export default _default;
+//# sourceMappingURL=Route.d.ts.map

package/components/router/Route.js

@@ -0,0 +1,116 @@
+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 __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { attribute, ComponentBase } from '../ComponentBase';
+import { DomRender } from '../../DomRender';
+import { RawSet } from '../../rawsets/RawSet';
+import { DomRenderNoProxy } from '../../decorators/DomRenderNoProxy';
+export var Route;
+(function (Route) {
+    Route.selector = 'dr-route';
+    class CheckerBase extends ComponentBase {
+        constructor() {
+            super(...arguments);
+            this.sw = false;
+        }
+    }
+    class Match extends CheckerBase {
+        constructor(domRenderConfig) {
+            super();
+            this.domRenderConfig = domRenderConfig;
+        }
+        onInitRender(param, rawSet) {
+            var _a;
+            super.onInitRender(param, rawSet);
+            (_a = this.domRenderConfig.router) === null || _a === void 0 ? void 0 : _a.observable.subscribe(it => {
+                if (this.value) {
+                    this.sw = this.domRenderConfig.router.test(this.value);
+                }
+                else {
+                    this.sw = false;
+                }
+            });
+        }
+    }
+    __decorate([
+        attribute({ name: 'value' }),
+        __metadata("design:type", String)
+    ], Match.prototype, "value", void 0);
+    __decorate([
+        DomRenderNoProxy,
+        __metadata("design:type", Object)
+    ], Match.prototype, "domRenderConfig", void 0);
+    Route.Match = Match;
+    class Regexp extends CheckerBase {
+        constructor(domRenderConfig) {
+            super();
+            this.domRenderConfig = domRenderConfig;
+        }
+        onInitRender(param, rawSet) {
+            var _a;
+            super.onInitRender(param, rawSet);
+            (_a = this.domRenderConfig.router) === null || _a === void 0 ? void 0 : _a.observable.subscribe(it => {
+                if (this.value) {
+                    this.sw = this.domRenderConfig.router.testRegexp(this.value);
+                }
+                else {
+                    this.sw = false;
+                }
+            });
+        }
+    }
+    __decorate([
+        attribute({ name: 'value' }),
+        __metadata("design:type", String)
+    ], Regexp.prototype, "value", void 0);
+    __decorate([
+        DomRenderNoProxy,
+        __metadata("design:type", Object)
+    ], Regexp.prototype, "domRenderConfig", void 0);
+    Route.Regexp = Regexp;
+    // export class Route<D> extends ComponentBase implements OnInitRender {
+    //   constructor(config: Config) {
+    //     super({onlyParentType: [Match]});
+    //   }
+    // }
+})(Route || (Route = {}));
+// const iif = DomRender.createComponent({
+//   type: If.If,
+//   tagName: If.selector,
+//   template: '<div dr-if="@this@.sw" dr-option-strip="true">#innerHTML#</div>' });
+export default {
+    match: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${Route.selector}-match`,
+            template: '<div dr-if="$router && @this@.sw" dr-option-strip="true">#innerHTML#</div>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new Route.Match(config), config: config });
+            }
+        });
+    },
+    regexp: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${Route.selector}-regexp`,
+            template: '<div dr-if="$router && @this@.sw" dr-option-strip="true">#innerHTML#</div>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new Route.Regexp(config), config: config });
+            }
+        });
+    },
+    // route: (config?: Config) => {
+    //   return RawSet.createComponentTargetElement({
+    //     name: Route.selector,
+    //     template: '#innerHTML#',
+    //     objFactory: (e,o,r2, counstructorParam) => {
+    //       return DomRender.run({rootObject: new Route.Route(config), config: config});
+    //     }
+    //   })
+    // },
+};
+//# sourceMappingURL=Route.js.map

package/components/select/Select.d.ts

@@ -1,5 +1,5 @@
 import { ComponentBase } from '../ComponentBase';
-import { RunConfig } from '../../DomRender';
+import { DomRenderRunConfig } from '../../DomRender';
 import { OnCreateRender } from '../../lifecycle/OnCreateRender';
 export declare namespace Select {
     const selector = "dr-select";
@@ -16,8 +16,8 @@ export declare namespace Select {
     }
 }
 declare const _default: {
-    selectOption: (config?: RunConfig) => import("../../configs/TargetElement").TargetElement;
-    select: (config?: RunConfig) => import("../../configs/TargetElement").TargetElement;
+    selectOption: (config?: DomRenderRunConfig) => import("../../configs/TargetElement").TargetElement;
+    select: (config?: DomRenderRunConfig) => import("../../configs/TargetElement").TargetElement;
 };
 export default _default;
 //# sourceMappingURL=Select.d.ts.map

package/components/select/Select.js

@@ -32,7 +32,7 @@ export var Select;
 export default {
     selectOption: (config) => {
         return RawSet.createComponentTargetElement({
-            name: `${Select.selector}-other-wise`,
+            name: `${Select.selector}-option`,
             template: '<option class="${`${@this@.getAttribute(\'class\')} select-option-container`}$">#innerHTML#</option>',
             objFactory: (e, o, r2, counstructorParam) => {
                 return DomRender.run({ rootObject: new Select.Option(), config: config });
@@ -42,7 +42,7 @@ export default {
     select: (config) => {
         return RawSet.createComponentTargetElement({
             name: `${Select.selector}`,
-            template: '',
+            template: '<select class="${@this@.getAttribute(\'class\')}$">#innerHTML#</select>',
             objFactory: (e, o, r2, counstructorParam) => {
                 return DomRender.run({ rootObject: new Select.Select(...counstructorParam), config: config });
             }

package/components/this/This.d.ts

@@ -1,24 +1,31 @@
 import { ComponentBase } from '../ComponentBase';
-import { RunConfig } from '../../DomRender';
+import { DomRenderRunConfig } from '../../DomRender';
 import { RawSet } from '../../rawsets/RawSet';
 import { OtherData } from '../../lifecycle/OnChangeAttrRender';
 import { OnInitRender } from '../../lifecycle/OnInitRender';
 import { ComponentSet } from '../../components/ComponentSet';
+import { OnDestroyRenderParams } from '../../lifecycle/OnDestroyRender';
 export declare namespace This {
     const selector = "dr-this";
     type Attribute = {
         value: ComponentSet;
+        if: boolean | null;
         createArguments: any[];
+        onCreated?: (value: any) => void;
+        onDestroyRender?: () => void;
     };
     class This extends ComponentBase<Attribute> implements OnInitRender {
         private value?;
+        private if?;
         private createArguments?;
         onInitRender(param: any, rawSet: RawSet): void;
+        onDestroyRender(data: OnDestroyRenderParams): void;
         onChangeAttrRender(name: string, value: any, other: OtherData): void;
+        created(component: any): void;
     }
 }
 declare const _default: {
-    this: (config?: RunConfig) => import("../../configs/TargetElement").TargetElement;
+    this: (config?: DomRenderRunConfig) => import("../../configs/TargetElement").TargetElement;
 };
 export default _default;
 //# sourceMappingURL=This.d.ts.map

package/components/this/This.js

@@ -9,6 +9,10 @@ export var This;
     //   selector: `${selector}`
     // })
     class This extends ComponentBase {
+        constructor() {
+            super(...arguments);
+            this.if = null;
+        }
         // onCreateRender(...param: any) {
         //   console.log('--onCreateRender')
         // }
@@ -19,6 +23,14 @@ export var This;
             // console.log('--onInitRender onInitRender')
             super.onInitRender(param, rawSet);
         }
+        onDestroyRender(data) {
+            super.onDestroyRender(data);
+            // console.log('This onDestoryRender!!!!!')
+            // if (isOnDestroyRender(this.value?.obj)){
+            //   this.value?.obj.onDestroyRender();
+            //   this.getAttribute('onDestroyRender')?.();
+            // }
+        }
         // push(...data:D[]) {
         //   console.log('push/////', data);
         //   this.appender.push(...data);
@@ -40,10 +52,17 @@ export var This;
             if (this.equalsAttributeName(name, 'value')) {
                 this.value = value;
             }
+            if (this.equalsAttributeName(name, 'if')) {
+                this.if = value;
+            }
             if (this.equalsAttributeName(name, 'createArguments')) {
                 this.createArguments = value;
             }
-            // console.log('------>appender', name, value);
+        }
+        created(component) {
+            var _a, _b;
+            component !== null && component !== void 0 ? component : (component = (_a = this.value) === null || _a === void 0 ? void 0 : _a.obj);
+            (_b = this.getAttribute('onCreated')) === null || _b === void 0 ? void 0 : _b(component);
         }
     }
     This_1.This = This;
@@ -52,7 +71,10 @@ export default {
     this: (config) => {
         return RawSet.createComponentTargetElement({
             name: This.selector,
-            template: '<div dr-this="@this@.value" dr-option-strip="true" dr-on-create:arguments="@this@.createArguments">#innerHTML#</div>',
+            // template: '<dr-if value="${(!!@this@?.value) && (@this@.if === null ? true : @this@.if)}$"><div dr-this="@this@?.value" dr-option-strip="true" dr-on-create:arguments="@this@.createArguments" dr-on-create:callback="@this@.created($component)">#innerHTML#</div></dr-if>',
+            // template: '<dr-if value="${(!!@this@?.value) && (@this@?.if === null ? true : @this@.if)}$"><div dr-this="@this@.value" dr-detect-option-if="@this@?.value && @this@?.if" dr-option-strip="true" dr-on-create:arguments="@this@.createArguments" dr-on-create:callback="@this@.created($component)">#innerHTML#</div></dr-if>',
+            template: '<div dr-this="@this@.value" dr-detect-option-if="@this@?.value && @this@?.if" dr-option-strip="true" dr-on-create:arguments="@this@.createArguments" dr-on-create:callback="@this@?.created?.($component)">#innerHTML#</div>',
+            // template: '${(!!@this@?.value) && (@this@.if === null ? true : @this@.if)}$<div dr-this="@this@?.value" dr-option-strip="true" dr-option-if="${(!!@this@?.value) && (@this@.if === null ? true : @this@.if)}$" dr-on-create:arguments="@this@.createArguments" dr-on-create:callback="@this@.created($component)">#innerHTML#</div>',
             objFactory: (e, o, r2, counstructorParam) => {
                 return DomRender.run({ rootObject: new This.This(...counstructorParam), config: config });
             }

package/components/timer/Timer.d.ts

@@ -1,5 +1,5 @@
 import { ComponentBase } from '../ComponentBase';
-import { RunConfig } from '../../DomRender';
+import { DomRenderRunConfig } from '../../DomRender';
 import { RawSet } from '../../rawsets/RawSet';
 import { OtherData } from '../../lifecycle/OnChangeAttrRender';
 import { OnDestroyRenderParams } from '../../lifecycle/OnDestroyRender';
@@ -20,7 +20,7 @@ export declare namespace Timer {
     }
 }
 declare const _default: {
-    choose: (config?: RunConfig) => import("../../configs/TargetElement").TargetElement;
+    choose: (config?: DomRenderRunConfig) => import("../../configs/TargetElement").TargetElement;
 };
 export default _default;
 //# sourceMappingURL=Timer.d.ts.map

package/configs/Config.d.ts

@@ -6,6 +6,7 @@ import { TargetElement } from './TargetElement';
 import { TargetAttr } from './TargetAttr';
 import { Attrs } from '../rawsets/Attrs';
 import { OperatorAround } from '../operators/OperatorExecuter';
+import { EventManager } from '../events/EventManager';
 export type Config<T = any> = {
     window: Window;
     targetElements?: TargetElement[];
@@ -18,11 +19,15 @@ export type Config<T = any> = {
     proxyExcludeTyps?: ConstructorType<any>[];
     proxyExcludeOnBeforeReturnSets?: string[];
     proxyExcludeOnBeforeReturnGets?: string[];
+    uuid: string;
     scripts?: {
         [n: string]: any;
     };
+    root: any;
+    rootElement?: Element | null;
     router?: Router;
-    messenger?: Messenger;
+    messenger: Messenger;
+    eventManager: EventManager;
     eventVariables?: {
         [n: string]: any;
     };

package/decorators/DomRenderNoProxy.d.ts

@@ -1,4 +1,6 @@
 import 'reflect-metadata';
 export declare const DomRenderNoProxyKey = "DomRender:NoProxy";
 export declare const DomRenderNoProxy: (target: any, propertyKey?: string | symbol) => void;
+export declare const getDomRenderNoProxy: (target: any, propertyKey?: string | symbol) => any;
+export declare const isDomRenderNoProxy: (target: any, propertyKey?: string | symbol) => boolean;
 //# sourceMappingURL=DomRenderNoProxy.d.ts.map

package/decorators/DomRenderNoProxy.js

@@ -12,4 +12,19 @@ export const DomRenderNoProxy = (target, propertyKey) => {
     // target은 프로토타입, propertyKey는 프로퍼티 이름
     Reflect.defineMetadata(DomRenderNoProxyKey, true, target, propertyKey);
 };
+export const getDomRenderNoProxy = (target, propertyKey) => {
+    // if (ValidUtils.isNotNullUndefined(target)) {
+    // 클래스 데코레이터
+    if (propertyKey === undefined) {
+        return Reflect.getMetadata(DomRenderNoProxyKey, target);
+    }
+    // 프로퍼티 데코레이터
+    return Reflect.getMetadata(DomRenderNoProxyKey, target, propertyKey);
+    // } else {
+    //   return undefined;
+    // }
+};
+export const isDomRenderNoProxy = (target, propertyKey) => {
+    return getDomRenderNoProxy(target, propertyKey) === true;
+};
 //# sourceMappingURL=DomRenderNoProxy.js.map