@dooboostore/dom-render 1.0.110 → 1.0.111

package/src/dist/components/promise/PromiseSwitch.js

@@ -0,0 +1,196 @@
+import { ComponentBase } from '../ComponentBase';
+import { DomRender } from '../../DomRender';
+import { RawSet } from '../../rawsets/RawSet';
+import { ValidUtils } from '@dooboostore/core/valid/ValidUtils';
+import { Promises } from '@dooboostore/core/promise';
+export var PromiseSwitch;
+(function (PromiseSwitch_1) {
+    PromiseSwitch_1.selector = 'dr-promise-switch';
+    class ChildBase extends ComponentBase {
+        constructor() {
+            super(...arguments);
+            this.hidden = true;
+        }
+    }
+    // @Component({
+    //   template: '<div dr-if="!@this@.hidden" dr-strip="true">#innerHTML#</div>',
+    //   selector: `${selector}.Default`
+    // })
+    class Default extends ChildBase {
+    }
+    PromiseSwitch_1.Default = Default;
+    // @Component({
+    //   template: '<div dr-if="!@this@.hidden" dr-strip="true">#innerHTML#</div>',
+    //   selector: `${selector}.Pending`
+    //   // selector: `System-PromiseSwitch.Pending`
+    // })
+    class Pending extends ChildBase {
+    }
+    PromiseSwitch_1.Pending = Pending;
+    // @Component({
+    //   template: '<div dr-if="!@this@.hidden" dr-strip="true">#innerHTML#</div>',
+    //   selector: `${selector}.Fulfilled`
+    // })
+    class Fulfilled extends ChildBase {
+        setData(data) {
+            this.data = data;
+        }
+    }
+    PromiseSwitch_1.Fulfilled = Fulfilled;
+    // @Component({
+    //   template: '<div dr-if="!@this@.hidden" dr-strip="true">#innerHTML#</div>',
+    //   selector: `${selector}.Rejected`
+    // })
+    class Rejected extends ChildBase {
+        setData(data) {
+            this.data = data;
+        }
+    }
+    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}`
+    // })
+    class PromiseSwitch extends ComponentBase {
+        onCreatedThisChild(child, data) {
+            super.onCreatedThisChild(child, data);
+            this.childStateChange();
+        }
+        childStateChange() {
+            const defaults = this.getChildren(Default);
+            const pendings = this.getChildren(Pending);
+            const fulfilleds = this.getChildren(Fulfilled);
+            const rejecteds = this.getChildren(Rejected);
+            const full = [...fulfilleds, ...rejecteds, ...pendings, ...defaults];
+            // console.log('----!!!!!!-------', this.promiseState, full)
+            if (this.promiseState === undefined) {
+                full.filter(it => !it.hidden).forEach(it => it.hidden = true);
+                defaults.filter(it => it.hidden).forEach(it => it.hidden = false);
+                pendings.filter(it => it.getAttribute('defaultView') && it.hidden).forEach(it => it.hidden = false);
+            }
+            else if (this.promiseState.status === 'pending') {
+                full.filter(it => !it.hidden).forEach(it => it.hidden = true);
+                pendings.filter(it => it.hidden).forEach(it => it.hidden = false);
+            }
+            else if (this.promiseState.status === 'fulfilled') {
+                const value = this.promiseState.value;
+                // console.log('-----------fulfilled promises', value);
+                full.filter(it => !it.hidden).forEach(it => it.hidden = true);
+                fulfilleds.forEach(it => {
+                    it.setData(value);
+                });
+                fulfilleds.filter(it => it.hidden).forEach(it => it.hidden = false);
+            }
+            else if (this.promiseState.status === 'rejected') {
+                const value = this.promiseState.reason;
+                full.filter(it => !it.hidden).forEach(it => it.hidden = true);
+                rejecteds.forEach(it => {
+                    it.setData(value);
+                });
+                rejecteds.filter(it => it.hidden).forEach(it => it.hidden = false);
+            }
+            // console.log('----!!!!!!-end------', this.promiseState, full.map(it=>it.hidden))
+        }
+        onChangeAttrRender(name, value, other) {
+            var _a;
+            super.onChangeAttrRender(name, value, other);
+            // console.log('-----------changer promises', name, value, this.getChildren(Default));
+            if (this.equalsAttributeName(name, 'data') && value) {
+                // this.childStateChange();
+                this.promiseState = undefined;
+                this.promiseState = Promises.Result.wrap(typeof value === 'function' ? value() : value);
+                (_a = this.getAttribute('change')) === null || _a === void 0 ? void 0 : _a({ status: 'pending' });
+                this.childStateChange();
+                // console.log('----?', this.promiseState)
+                this.promiseState.then(data => {
+                    var _a;
+                    // console.log('------------then', data);
+                    this.childStateChange();
+                    (_a = this.getAttribute('change')) === null || _a === void 0 ? void 0 : _a({ status: 'fulfilled', data: data });
+                    return data;
+                }).catch((e) => {
+                    var _a;
+                    // console.log('catch', e)
+                    this.childStateChange();
+                    (_a = this.getAttribute('change')) === null || _a === void 0 ? void 0 : _a({ status: 'rejected', data: e });
+                    throw e;
+                }).finally(() => {
+                    var _a;
+                    // console.log('-------------finally--------rrrrrrrrrrr', this.promiseState)
+                    // this.childStateChange();
+                    (_a = this.getAttribute('change')) === null || _a === void 0 ? void 0 : _a({ status: 'finally' });
+                });
+                // await this.promiseState;
+                // console.log('---------------------rrrrrrrrrrr', this.promiseState)
+            }
+            else if (this.equalsAttributeName(name, 'data') && ValidUtils.isNullOrUndefined(value)) {
+                this.promiseState = undefined;
+                this.childStateChange();
+            }
+        }
+    }
+    PromiseSwitch_1.PromiseSwitch = PromiseSwitch;
+})(PromiseSwitch || (PromiseSwitch = {}));
+export default {
+    promiseDefault: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${PromiseSwitch.selector}-default`,
+            template: '<div dr-if="!@this@.hidden" dr-option-strip="true">#innerHTML#</div>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new PromiseSwitch.Default(...counstructorParam), config: config });
+            }
+        });
+    },
+    promisePending: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${PromiseSwitch.selector}-pending`,
+            template: '<div dr-if="!@this@.hidden" dr-option-strip="true">#innerHTML#</div>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new PromiseSwitch.Pending(...counstructorParam), config: config });
+            }
+        });
+    },
+    promiseFulfilled: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${PromiseSwitch.selector}-fulfilled`,
+            template: '<div dr-if="!@this@.hidden" dr-option-strip="true">#innerHTML#</div>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new PromiseSwitch.Fulfilled(...counstructorParam), config: config });
+            }
+        });
+    },
+    promiseRejected: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${PromiseSwitch.selector}-rejected`,
+            template: '<div dr-if="!@this@.hidden" dr-option-strip="true">#innerHTML#</div>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new PromiseSwitch.Rejected(...counstructorParam), config: config });
+            }
+        });
+    },
+    promiseSwitch: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${PromiseSwitch.selector}`,
+            template: '#innerHTML#',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new PromiseSwitch.PromiseSwitch(...counstructorParam), config: config });
+            }
+        });
+    },
+};
+//# sourceMappingURL=PromiseSwitch.js.map

package/src/dist/components/promise/PromiseSwitch.js.map

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

package/src/dist/components/radio/Radio.d.ts

@@ -0,0 +1,45 @@
+import { ComponentBase } from '../ComponentBase';
+import { DomRenderRunConfig } from '../../DomRender';
+import { OtherData } from '../../lifecycle/OnChangeAttrRender';
+import { OnCreateRenderDataParams } from '../../lifecycle/OnCreateRenderData';
+export declare namespace Radio {
+    export const selector = "System:Radio";
+    export type Attribute = {
+        class?: string;
+    };
+    export type LabelAttribute = {
+        class?: string;
+        name?: string;
+        value?: string;
+        checked?: boolean;
+        on_change_checked?: (checked: boolean, element: HTMLInputElement) => void;
+    };
+    class RadioBase extends ComponentBase<Attribute> {
+        hidden: boolean;
+    }
+    export class Checked extends RadioBase {
+        name: string;
+        constructor();
+    }
+    export class UnChecked extends RadioBase {
+        name: string;
+        constructor();
+    }
+    export class Radio extends ComponentBase<LabelAttribute> {
+        private checked;
+        private inputElement?;
+        change(checked?: boolean): void;
+        private setChildrenHidden;
+        onCreatedThisChild(child: RadioBase, childData: OnCreateRenderDataParams): void;
+        onInitInputElement(element: HTMLInputElement): void;
+        onChangeAttrRender(name: string, val: any, other: OtherData): void;
+    }
+    export {};
+}
+declare const _default: {
+    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/src/dist/components/radio/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../components/radio/Radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAa,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEhE,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAG/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAC;AAI9E,yBAAiB,KAAK,CAAC;IACrB,MAAM,CAAC,MAAM,QAAQ,iBAAiB,CAAC;IACvC,MAAM,MAAM,SAAS,GAAG;QACtB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAA;IACD,MAAM,MAAM,cAAc,GAAG;QAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAA;KAC1E,CAAA;IAED,MAAM,SAAU,SAAQ,aAAa,CAAC,SAAS,CAAC;QACvC,MAAM,UAAQ;KAEtB;IAOD,MAAM,OAAO,OAAQ,SAAQ,SAAS;QAC7B,IAAI,SAAa;;KAKzB;IAOD,MAAM,OAAO,SAAU,SAAQ,SAAS;QAC/B,IAAI,SAAe;;KAK3B;IAOD,MAAM,OAAO,KAAM,SAAQ,aAAa,CAAC,cAAc,CAAC;QACtD,OAAO,CAAC,OAAO,CAAS;QACxB,OAAO,CAAC,YAAY,CAAC,CAAmB;QAExC,MAAM,CAAC,OAAO,GAAE,OAAsB;QAStC,OAAO,CAAC,iBAAiB;QASzB,kBAAkB,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,wBAAwB,GAAG,IAAI;QAK/E,kBAAkB,CAAC,OAAO,EAAE,gBAAgB;QAI5C,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS;KAS5D;;CACF;;4BAKyB,kBAAkB;8BAShB,kBAAkB;qBAS3B,kBAAkB;;AAnBrC,wBAwCC"}

package/src/dist/components/radio/Radio.js

@@ -0,0 +1,123 @@
+import { ComponentBase } from '../ComponentBase';
+import { DomRender } from '../../DomRender';
+import { RawSet } from '../../rawsets/RawSet';
+export var Radio;
+(function (Radio_1) {
+    Radio_1.selector = 'System:Radio';
+    class RadioBase extends ComponentBase {
+        constructor() {
+            super(...arguments);
+            this.hidden = true;
+        }
+    }
+    // @Component({
+    //   template: '<div dr-if="!@this@.hidden" dr-option-strip="true">#innerHTML#</div>',
+    //   styles: '',
+    //   selector: `${selector}.Checked`
+    // })
+    class Checked extends RadioBase {
+        constructor() {
+            super({ onlyParentType: Radio });
+            this.name = 'Checked';
+        }
+    }
+    Radio_1.Checked = Checked;
+    // @Component({
+    //   template: '<div dr-if="!@this@.hidden" dr-option-strip="true">#innerHTML#</div>',
+    //   styles: '',
+    //   selector: `${selector}.UnChecked`
+    // })
+    class UnChecked extends RadioBase {
+        constructor() {
+            super({ onlyParentType: Radio });
+            this.name = 'unChecked';
+        }
+    }
+    Radio_1.UnChecked = UnChecked;
+    // @Component({
+    //   template: template,
+    //   styles: style,
+    //   selector: `${selector}`
+    // })
+    class Radio extends ComponentBase {
+        constructor() {
+            super(...arguments);
+            this.checked = false;
+        }
+        change(checked = this.checked) {
+            var _a, _b;
+            this.checked = checked;
+            this.setChildrenHidden(checked);
+            console.log('radio checked!!!!!!!', checked, this.checked, (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.checked);
+            if (this.getAttribute('on_change_checked')) {
+                (_b = this.getAttribute('on_change_checked')) === null || _b === void 0 ? void 0 : _b(checked, this.inputElement);
+            }
+        }
+        setChildrenHidden(checked) {
+            this.getChildren(Checked).forEach(it => {
+                it.hidden = !checked;
+            });
+            this.getChildren(UnChecked).forEach(it => {
+                it.hidden = checked;
+            });
+        }
+        onCreatedThisChild(child, childData) {
+            super.onCreatedThisChild(child, childData);
+            this.setChildrenHidden(this.checked);
+        }
+        onInitInputElement(element) {
+            this.inputElement = element;
+        }
+        onChangeAttrRender(name, val, other) {
+            super.onChangeAttrRender(name, val, other);
+            if (this.inputElement && this.getAttribute('checked') !== this.checked) {
+                this.inputElement.checked = !!this.getAttribute('checked');
+                console.log('----changeAttribute', this.getAttribute('checked'));
+                this.change(!!this.getAttribute('checked'));
+            }
+        }
+    }
+    Radio_1.Radio = Radio;
+})(Radio || (Radio = {}));
+export default {
+    radioChecked: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${Radio.selector}-checked`,
+            template: '<div dr-if="!@this@.hidden" dr-option-strip="true" >#innerHTML#</div>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new Radio.Checked(), config: config });
+            }
+        });
+    },
+    radioUnChecked: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${Radio.selector}-unchecked`,
+            template: '<div dr-if="!@this@.hidden" dr-option-strip="true" >#innerHTML#</div>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new Radio.UnChecked(), config: config });
+            }
+        });
+    },
+    radio: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${Radio.selector}`,
+            template: '<label class="${@this@.getAttribute(\'class\')}$">\n' +
+                '  <input\n' +
+                '    name="${@this@.getAttribute(\'name\')}$"\n' +
+                '    checked="${@this@.getAttribute(\'checked\')}$"\n' +
+                '    value="${@this@.getAttribute(\'value\')}$"\n' +
+                '    dr-on-init="@this@.onInitInputElement($element)"\n' +
+                '    dr-event-change="@this@.change($element.checked);"\n' +
+                '    type="radio"\n' +
+                '\n' +
+                '  />\n' +
+                '  ${@this@.getAttribute(\'checked\')}$\n' +
+                '  #innerHTML#\n' +
+                '</label>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new Radio.Radio(...counstructorParam), config: config });
+            }
+        });
+    },
+};
+//# sourceMappingURL=Radio.js.map

package/src/dist/components/radio/Radio.js.map

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

package/src/dist/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/src/dist/components/router/Route.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Route.d.ts","sourceRoot":"","sources":["../../../components/router/Route.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAG5D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAGnD,yBAAiB,KAAK,CAAC;IACrB,MAAM,CAAC,MAAM,QAAQ,aAAa,CAAC;IACnC,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;QACzB,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;KACvB,CAAA;IAED,MAAM,WAAW,CAAC,CAAC,CAAE,SAAQ,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,CAAE,YAAW,YAAY;QAC9E,SAAS,CAAC,EAAE,EAAE,OAAO,CAAS;KAC/B;IACD,MAAM,OAAO,KAAK,CAAC,CAAC,CAAE,SAAQ,WAAW,CAAC,CAAC,CAAC;QAE1C,KAAK,CAAC,EAAE,MAAM,CAAC;QAEf,OAAO,CAAC,eAAe,CAAS;oBAEpB,eAAe,EAAE,MAAM;QAKnC,YAAY,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM;KAUxC;IACD,MAAM,OAAO,MAAM,CAAC,CAAC,CAAE,SAAQ,WAAW,CAAC,CAAC,CAAC;QAE3C,KAAK,CAAC,EAAE,MAAM,CAAC;QAEf,OAAO,CAAC,eAAe,CAAS;oBAEpB,eAAe,EAAE,MAAM;QAKnC,YAAY,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM;KAUxC;;CAOF;;qBAOkB,MAAM;sBASL,MAAM;;AAV1B,wBA4BC"}

package/src/dist/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/src/dist/components/router/Route.js.map

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

package/src/dist/components/select/Select.d.ts

@@ -0,0 +1,23 @@
+import { ComponentBase } from '../ComponentBase';
+import { DomRenderRunConfig } from '../../DomRender';
+import { OnCreateRender } from '../../lifecycle/OnCreateRender';
+export declare namespace Select {
+    const selector = "dr-select";
+    type Attribute = {
+        class?: string;
+    };
+    class Option extends ComponentBase<Attribute> {
+        constructor();
+    }
+    class Select extends ComponentBase<Attribute> implements OnCreateRender {
+        private element?;
+        onCreateRender(...param: any[]): void;
+        onDestroyRender(...metaData: any[]): void;
+    }
+}
+declare const _default: {
+    selectOption: (config?: DomRenderRunConfig) => import("../../configs/TargetElement").TargetElement;
+    select: (config?: DomRenderRunConfig) => import("../../configs/TargetElement").TargetElement;
+};
+export default _default;
+//# sourceMappingURL=Select.d.ts.map

package/src/dist/components/select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../components/select/Select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAa,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAMhE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAIhE,yBAAiB,MAAM,CAAC;IACf,MAAM,QAAQ,cAAc,CAAC;IAEpC,KAAY,SAAS,GAAG;QACtB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAA;IAQD,MAAa,MAAO,SAAQ,aAAa,CAAC,SAAS,CAAC;;KAInD;IAOD,MAAa,MAAO,SAAQ,aAAa,CAAC,SAAS,CAAE,YAAW,cAAc;QAC5E,OAAO,CAAC,OAAO,CAAC,CAAoB;QACpC,cAAc,CAAC,GAAG,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI;QAErC,eAAe,CAAC,GAAG,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI;KAE1C;CACF;;4BAKyB,kBAAkB;sBASxB,kBAAkB;;AAVtC,wBAmBC"}

package/src/dist/components/select/Select.js

@@ -0,0 +1,52 @@
+import { ComponentBase } from '../ComponentBase';
+import { DomRender } from '../../DomRender';
+import { RawSet } from '../../rawsets/RawSet';
+export var Select;
+(function (Select_1) {
+    Select_1.selector = 'dr-select';
+    // @Component({
+    //   template: '<option class="${`${@this@.getAttribute(\'class\')} select-option-container`}$">#innerHTML#</option>',
+    //   styles: '',
+    //   selector: `${selector}.Option`
+    // })
+    class Option extends ComponentBase {
+        constructor() {
+            super({ onlyParentType: [Select] });
+        }
+    }
+    Select_1.Option = Option;
+    // @Component({
+    //   template: '',
+    //   styles: '',
+    //   selector: `${selector}`
+    // })
+    class Select extends ComponentBase {
+        onCreateRender(...param) {
+        }
+        onDestroyRender(...metaData) {
+        }
+    }
+    Select_1.Select = Select;
+})(Select || (Select = {}));
+// 아직 사용한적없으니 사용할때 만드세유~
+export default {
+    selectOption: (config) => {
+        return RawSet.createComponentTargetElement({
+            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 });
+            }
+        });
+    },
+    select: (config) => {
+        return RawSet.createComponentTargetElement({
+            name: `${Select.selector}`,
+            template: '<select class="${@this@.getAttribute(\'class\')}$">#innerHTML#</select>',
+            objFactory: (e, o, r2, counstructorParam) => {
+                return DomRender.run({ rootObject: new Select.Select(...counstructorParam), config: config });
+            }
+        });
+    },
+};
+//# sourceMappingURL=Select.js.map

package/src/dist/components/select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../components/select/Select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAsB,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAS9C,MAAM,KAAW,MAAM,CA+BtB;AA/BD,WAAiB,QAAM;IACR,iBAAQ,GAAG,WAAW,CAAC;IAOpC,eAAe;IACf,sHAAsH;IACtH,gBAAgB;IAChB,mCAAmC;IACnC,KAAK;IACL,MAAa,MAAO,SAAQ,aAAwB;QAClD;YACE,KAAK,CAAC,EAAC,cAAc,EAAE,CAAC,MAAM,CAAC,EAAC,CAAC,CAAC;QACpC,CAAC;KACF;IAJY,eAAM,SAIlB,CAAA;IAED,eAAe;IACf,kBAAkB;IAClB,gBAAgB;IAChB,4BAA4B;IAC5B,KAAK;IACL,MAAa,MAAO,SAAQ,aAAwB;QAElD,cAAc,CAAC,GAAG,KAAY;QAC9B,CAAC;QACD,eAAe,CAAC,GAAG,QAAe;QAClC,CAAC;KACF;IANY,eAAM,SAMlB,CAAA;AACH,CAAC,EA/BgB,MAAM,KAAN,MAAM,QA+BtB;AAGD,wBAAwB;AACxB,eAAe;IACb,YAAY,EAAE,CAAC,MAA2B,EAAE,EAAE;QAC5C,OAAO,MAAM,CAAC,4BAA4B,CAAC;YACzC,IAAI,EAAE,GAAG,MAAM,CAAC,QAAQ,SAAS;YACjC,QAAQ,EAAE,sGAAsG;YAChH,UAAU,EAAE,CAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAE,iBAAiB,EAAE,EAAE;gBACxC,OAAO,SAAS,CAAC,GAAG,CAAC,EAAC,UAAU,EAAE,IAAI,MAAM,CAAC,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAC,CAAC,CAAC;YAC1E,CAAC;SACF,CAAC,CAAA;IACJ,CAAC;IACD,MAAM,EAAE,CAAC,MAA2B,EAAE,EAAE;QACtC,OAAO,MAAM,CAAC,4BAA4B,CAAC;YACzC,IAAI,EAAE,GAAG,MAAM,CAAC,QAAQ,EAAE;YAC1B,QAAQ,EAAE,yEAAyE;YACnF,UAAU,EAAE,CAAC,CAAC,EAAC,CAAC,EAAC,EAAE,EAAE,iBAAiB,EAAE,EAAE;gBACxC,OAAO,SAAS,CAAC,GAAG,CAAC,EAAC,UAAU,EAAE,IAAI,MAAM,CAAC,MAAM,CAAC,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAC,CAAC,CAAC;YAC9F,CAAC;SACF,CAAC,CAAA;IACJ,CAAC;CACF,CAAA"}