@dooboostore/dom-render 1.0.109 → 1.0.111

package/dist/cjs/dist/messenger/DefaultMessenger.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/messenger/DefaultMessenger.ts"],
+  "sourcesContent": ["import {Messenger} from './Messenger';\n\nexport class DefaultMessenger extends Messenger {\n\n}"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/messenger/Messenger.d.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Messenger_d_exports = {};
+module.exports = __toCommonJS(Messenger_d_exports);
+//# sourceMappingURL=Messenger.d.js.map

package/dist/cjs/dist/messenger/Messenger.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/messenger/Messenger.ts"],
+  "sourcesContent": ["import { ConstructorType } from '@dooboostore/core/types';\nimport {DomRenderFinalProxy} from '../types/Types';\nimport {DomRenderConfig} from '../configs/DomRenderConfig';\n\nenum CallBackType {\n    FILTER,\n    MAP,\n    SUBSCRIBE\n}\n\nexport type ChannelData = {\n    channel: Channel;\n    data?: (any | undefined);\n}\nexport type ChannelMetaData = {\n    channel?: Channel;\n    action?: string;\n}\n\nexport class ChannelSubscription {\n    constructor(public channel: Channel, public subscriber: ChannelSubscriber) {\n    }\n\n    unsubscribe() {\n        this.subscriber.unsubscribe();\n    }\n}\n\nexport class ChannelSubscriber<SD = any> {\n    public parentSubscriber?: ChannelSubscriber;\n    public callbacks: ({ type: CallBackType, callback: (data: any, metaData: ChannelMetaData) => any | undefined })[] = [];\n\n    constructor(public channel: Channel) {\n    }\n\n    exeCallback(data: any, metaData: ChannelMetaData) {\n        for (const callback of this.callbacks) {\n            if (callback.type === CallBackType.FILTER && !callback.callback(data, metaData)) {\n                break;\n            } else if (callback.type === CallBackType.MAP) {\n                data = callback.callback(data, metaData);\n            } else if (callback.type === CallBackType.SUBSCRIBE) {\n                data = callback.callback(data, metaData);\n                break;\n            }\n        }\n        return data;\n    }\n\n    // chaining point\n    filter<D = SD>(callback: (data: D, meta: ChannelMetaData) => boolean): ChannelSubscriber<SD> {\n        this.callbacks.push({type: CallBackType.FILTER, callback});\n        return this;\n    }\n\n    map<D = SD, R = any>(callback: (data: D, meta: ChannelMetaData) => R): ChannelSubscriber<R> {\n        this.callbacks.push({type: CallBackType.MAP, callback});\n        return this as unknown as ChannelSubscriber<R>;\n    }\n\n    subscribe(callback: (data: SD, metaData: ChannelMetaData) => any | undefined) {\n        this.callbacks.push({type: CallBackType.SUBSCRIBE, callback});\n        this.channel.subscribers.add(this);\n        return new ChannelSubscription(this.channel, this);\n    }\n\n    unsubscribe() {\n        this.channel.subscribers.delete(this);\n    }\n\n    deleteSubscriber() {\n        this.unsubscribe();\n        this.channel.subscribers.delete(this);\n    }\n}\n\nexport class Channel {\n    public subscribers = new Set<ChannelSubscriber>();\n\n    constructor(private messenger: Messenger, public obj: object, public key: string) {\n    }\n\n    publish(key: string | object | ConstructorType<any>, data: any, action?: string) {\n        const rtns: ChannelData[] = [];\n        this.messenger.getChannels(key)?.forEach(it => {\n            try {\n                it.subscribers.forEach(its => {\n                    const rdata = its.exeCallback(data, {channel: this, action});\n                    rtns.push({channel: it, data: rdata});\n                });\n            } catch (e) {\n                console.error(e);\n            }\n        });\n        return rtns;\n    }\n\n    allPublish(data: any, action: string) {\n        const rtns: (any | undefined)[][] = [];\n        this.messenger.getAllChannelKeys().forEach(it => {\n            rtns.push(this.publish(it, data));\n        });\n        return rtns.flat();\n    }\n\n    // string point\n    filter<D = any>(filterF: (data: D, meta: ChannelMetaData) => boolean) {\n        const subscriber = new ChannelSubscriber<D>(this);\n        subscriber.filter(filterF);\n        return subscriber;\n    }\n\n    map<D = any, R = any>(filterF: (data: D, meta: ChannelMetaData) => R): ChannelSubscriber<R> {\n        const subscriber = new ChannelSubscriber<R>(this);\n        subscriber.map(filterF);\n        return subscriber;\n    }\n\n    subscribe<D = any>(subscribeCallback: (data: D, meta: ChannelMetaData) => any | void | undefined) {\n        const subscriber = new ChannelSubscriber<D>(this);\n        return subscriber.subscribe(subscribeCallback);\n    };\n\n    deleteChannel() {\n        this.messenger.deleteChannel(this);\n    };\n}\n\ntype MessengerEventDetail = {\n    key: string | object | ConstructorType<any>;\n    data?: any;\n    action?: string;\n    result?: (c: ChannelData[]) => void;\n}\n\ntype MessengerSubscribeEventDetail = {\n    obj: any;\n    key?: string | object | ConstructorType<any>;\n    init: (channel: Channel, subscription: ChannelSubscription) => void;\n    subscribe: (data: any, meta: ChannelMetaData) => void;\n}\n\nexport abstract class Messenger {\n    private channels = new Set<Channel>();\n    static readonly EVENT_PUBLISH_KEY = 'domRenderMessenger_publish';\n    static readonly EVENT_SUBSCRIBE_KEY = 'domRenderMessenger_subscribe';\n    constructor(private config: DomRenderConfig) {\n        this.config.window.addEventListener(Messenger.EVENT_PUBLISH_KEY, (e: Event) => {\n            const detail = ((e as CustomEvent).detail as MessengerEventDetail);\n            // console.log('--->', detail)\n            const rtns: ChannelData[] = [];\n            this.getChannels(detail.key)?.forEach(it => {\n                try {\n                    it.subscribers.forEach(its => {\n                        const rdata = its.exeCallback(detail.data, {action: detail.action});\n                        rtns.push({channel: it, data: rdata});\n                    });\n                } catch (e) {\n                    console.error(e);\n                }\n            });\n            detail.result?.(rtns);\n        });\n        this.config.window.addEventListener(Messenger.EVENT_SUBSCRIBE_KEY, (e: Event) => {\n            const detail = ((e as CustomEvent).detail as MessengerSubscribeEventDetail);\n            // console.log('--->', detail)\n            const channel = this.createChannel(detail.obj, detail.key);\n            detail.init(channel, channel.subscribe(detail.subscribe));\n        });\n    }\n\n    public static publish(window: Window, detail: MessengerEventDetail) {\n        window.dispatchEvent(new CustomEvent(Messenger.EVENT_PUBLISH_KEY, {detail}));\n    }\n\n    public static subscribe(window: Window, detail: MessengerSubscribeEventDetail) {\n        window.dispatchEvent(new CustomEvent(Messenger.EVENT_SUBSCRIBE_KEY, {detail}));\n    }\n\n    createChannel(obj: any, key = obj.constructor.name): Channel {\n        const channel = DomRenderFinalProxy.final(new Channel(this, obj, key)) as Channel;\n        this.channels.add(channel);\n        // this.channels.get(key) ? this.channels.get(key)!.push(channel) : this.channels.set(key, [channel]);\n        return channel;\n    }\n\n    deleteChannel(channel: Channel) {\n        this.channels.delete(channel);\n    }\n\n    deleteChannelFromObj(obj: any) {\n        if (obj) {\n            this.channels.forEach(it => {\n                if (it.obj === obj) {\n                    // console.log('dddddddddddd', obj)\n                    this.deleteChannel(it);\n                }\n            });\n        }\n    }\n\n    addChannel(channel: Channel) {\n        this.channels.add(channel);\n    }\n\n    getChannels(key: string | object | ConstructorType<any>): Channel[] {\n        if (typeof key === 'object') {\n            key = key.constructor.name;\n        } else if (typeof key === 'function') {\n            key = key.name;\n        }\n        return Array.from(this.channels.values()).filter(it => it.key === key);\n    }\n\n    getAllChannels(): Channel[] {\n        return Array.from(this.channels.values());\n    }\n\n    getAllChannelKeys(): string[] {\n        return Array.from(this.channels.values()).map(it => it.key);\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/operators/Appender.d.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Appender_d_exports = {};
+module.exports = __toCommonJS(Appender_d_exports);
+//# sourceMappingURL=Appender.d.js.map

package/dist/cjs/dist/operators/Appender.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/operators/Appender.ts"],
+  "sourcesContent": ["export class Appender<T = any> implements Iterable<T> {\n  // eslint-disable-next-line no-undef\n  [key: number]: T[] | undefined;\n\n  length = 0;\n\n  keyMap: Map<string, number> = new Map();\n\n  isAppender = true;\n  constructor(...defaultDatas: T[]) {\n    // console.log('defaultDatas', defaultDatas);\n    this.push(...defaultDatas);\n    // (this.childs as any).isAppender = true;\n  }\n\n  [Symbol.iterator](): Iterator<T> {\n    const items = this.getAll();\n    let idx = 0;\n    return {\n      next(value?: any): IteratorResult<T, any> {\n        let r: IteratorResult<T> = {value: undefined, done: true};\n        if (items.length > idx) {\n          r = {value: items[idx], done: false};\n        }\n        idx++;\n        return r;\n      }\n    }\n  }\n\n  set(key: string, ...v:T[]) {\n    const o = this.keyMap.get(key);\n    // console.log('set!!', o);\n    if (o !== undefined) {\n      this[o] = v;\n    } else {\n      this.keyMap.set(key, this.length);\n      // console.log('setPush', v)\n      this.push(...v);\n    }\n  }\n\n  delete(key: string) {\n    const o = this.keyMap.get(key);\n    if (o !== undefined) {\n      this[o] = [];\n      this.keyMap.delete(key);\n      // this.length--;\n    }\n  }\n\n\n  getAll(): T[] {\n    return this.getAlls().flat();\n  }\n\n  getAlls(): T[][] {\n    const map = Array.from({length: this.length}).filter((it, idx) => this[idx]).map((it, idx) => this[idx]);\n    return map as T[][];\n  }\n\n  push(...items: T[]): void {\n    // console.log('----1>', items, items.length, this.length);\n    if (items && items.length > 0) {\n      (items as any).index = this.length;\n      this[this.length++] = items;\n      // this[this.length] = [];\n    }\n    // console.log('----2>', items, items.length, this.length);\n    // console.log('---22->', this.length)\n    // const appender = this.childs[this.lastIndex];\n    // appender.values = items;\n    // this.childs.push(new Appender(appender.index + 1));\n  }\n\n  // delete(idx: number): void {\n  //     // if (idx in this) {\n  //     //     console.log('---------dele',idx)\n  //     //     delete this[idx];\n  //     //     this.length = this.length - 1;\n  //     // }\n  //     this.length = this.length - 1;\n  // }\n\n  // \uC778\uB371\uC2A4 \uC811\uADFC\uC744 \uC704\uD55C getter\uC640 setter \uCD94\uAC00\n  // get(index: number): T | undefined {\n  //     return this.storage[index];\n  // }\n  //\n  // set(index: number, value: T): void {\n  //     this.storage[index] = value;\n  //     this.length = Math.max(this.length, index + 1);\n  // }\n\n\n  clear(): void {\n    // console.log('length', this.length);\n    for (let i = 0; i < this.length; i++) {\n      delete this[i];\n    }\n    this.keyMap.clear();\n    this.length = 0;\n  }\n}"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/operators/Dr.d.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Dr_d_exports = {};
+module.exports = __toCommonJS(Dr_d_exports);
+//# sourceMappingURL=Dr.d.js.map

package/dist/cjs/dist/operators/Dr.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/operators/Dr.ts"],
+  "sourcesContent": ["import {OperatorExecuterAttrRequire} from './OperatorExecuterAttrRequire';\nimport {ScriptUtils} from '@dooboostore/core-web/script/ScriptUtils';\nimport {RawSet} from '../rawsets/RawSet';\nimport {Render} from '../rawsets/Render';\nimport {AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source} from './OperatorExecuter';\n\nexport class Dr extends OperatorExecuterAttrRequire<null> {\n    constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack) {\n        super(rawSet, render, returnContainer, elementSource, source, afterCallBack);\n    }\n\n    async executeAttrRequire(data: null): Promise<ExecuteState> {\n        const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);\n        const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? '');\n        const newTemp = this.source.config.window.document.createElement('temp');\n        ScriptUtils.evaluate(`\n                    ${this.render.bindScript}\n                    const n = $element.cloneNode(true);\n                    var destIt = ${this.elementSource.attrs.drItOption};\n                    if (destIt !== undefined) {\n                        n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\\\#it\\\\#/g, destIt)))\n                        // console.log('----', n.innerHTML);\n                        n.innerHTML = n.innerHTML.replace(/\\\\#it\\\\#/g, destIt);\n                        // console.log('----', n.innerHTML);\n                    }\n                    if (this.__render.drStripOption === 'true') {\n                        Array.from(n.childNodes).forEach(it => this.__fag.append(it));\n                    } else {\n                        this.__render.fag.append(n);\n                    }`, Object.assign(this.source.obj, {\n            __render: Object.freeze({\n                fag: newTemp,\n                drStripOption: this.elementSource.attrs.drStripOption,\n                ...this.render\n            } as Render)\n        }));\n        RawSet.drVarDecoding(newTemp, vars);\n        RawSet.drItOtherDecoding(newTemp, itRandom);\n        const tempalte = this.source.config.window.document.createElement('template');\n        tempalte.innerHTML = newTemp.innerHTML;\n        this.returnContainer.fag.append(tempalte.content)\n        const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config)\n        this.elementSource.element.parentNode?.replaceChild(this.returnContainer.fag, this.elementSource.element);\n        this.returnContainer.raws.push(...rr);\n        return ExecuteState.EXECUTE;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/operators/DrAppender.d.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DrAppender_d_exports = {};
+module.exports = __toCommonJS(DrAppender_d_exports);
+//# sourceMappingURL=DrAppender.d.js.map

package/dist/cjs/dist/operators/DrAppender.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/operators/DrAppender.ts"],
+  "sourcesContent": ["import {OperatorExecuterAttrRequire} from './OperatorExecuterAttrRequire';\nimport {ScriptUtils} from '@dooboostore/core-web/script/ScriptUtils';\nimport {RawSet} from '../rawsets/RawSet';\nimport {Render} from '../rawsets/Render';\nimport {AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source} from './OperatorExecuter';\n\nexport class DrAppender extends OperatorExecuterAttrRequire<string> {\n    constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack) {\n        source.operatorAround = undefined;\n        super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n    }\n\n    async executeAttrRequire(attr: string): Promise<ExecuteState> {\n        const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);\n        const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? '');\n        const newTemp = this.source.config.window.document.createElement('temp');\n        ScriptUtils.evaluate(`\n                    try{\n                    ${this.render.bindScript}\n                    ${this.elementSource.attrs.drBeforeOption ?? ''}\n                        const ifWrap = document.createElement('div');\n                        // ifWrap.setAttribute('${RawSet.DR_STRIP_OPTIONNAME}', 'true');\n                        // ifWrap.setAttribute('${RawSet.DR_IF_NAME}', '${this.elementSource.attrs.drAppender} && ${this.elementSource.attrs.drAppender}.length > 0');\n                        const n = this.__render.element.cloneNode(true);\n                        Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drAppender' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));\n                        const length = ${this.elementSource.attrs.drAppender}.length;\n                        if (length > 0) {\n                            n.setAttribute('${RawSet.DR_FOR_OF_NAME}', '${this.elementSource.attrs.drAppender}[' + (length-1) + ']');\n                            n.setAttribute('${RawSet.DR_NEXT_OPTIONNAME}', '${this.elementSource.attrs.drAppender},' + length);\n                        } else {\n                            n.setAttribute('${RawSet.DR_FOR_OF_NAME}', '${this.elementSource.attrs.drAppender}[0]');\n                            n.setAttribute('${RawSet.DR_NEXT_OPTIONNAME}', '${this.elementSource.attrs.drAppender},' + 1);\n                        }\n                        // console.log('appender--->', Array.from(n.getAttributeNames()).map(it=>({name:it,attr: n.getAttribute(it)})));\n                        // const drOptionThis = n.getAttribute('${RawSet.DR_THIS_OPTIONNAME}');\n                        // if (drOptionThis) {\n                        // }\n                        // ifWrap.append(n);\n                        // this.__render.fag.append(ifWrap);\n                        this.__render.fag.append(n);\n                    ${this.elementSource.attrs.drAfterOption ?? ''}\n                    }catch(e){}\n                    `, Object.assign(this.source.obj, {\n            __render: Object.freeze({\n                drStripOption: this.elementSource.attrs.drStripOption,\n                drAttr: this.elementSource.attrs,\n                drAttrsOriginName: RawSet.drAttrsOriginName,\n                fag: newTemp,\n                ...this.render\n                // eslint-disable-next-line no-use-before-define\n            } as Render)\n        }));\n        RawSet.drVarDecoding(newTemp, vars);\n        RawSet.drItOtherDecoding(newTemp, itRandom);\n        const tempalte = this.source.config.window.document.createElement('template');\n        tempalte.innerHTML = newTemp.innerHTML;\n        this.returnContainer.fag.append(tempalte.content)\n        const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);\n        this.elementSource.element.parentNode?.replaceChild(this.returnContainer.fag, this.elementSource.element);\n        // const rrr = rr.flatMap(it => it.render(obj, config));// .flat();\n        this.returnContainer.raws.push(...rr)\n        return ExecuteState.EXECUTE;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/operators/DrFor.d.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DrFor_d_exports = {};
+module.exports = __toCommonJS(DrFor_d_exports);
+//# sourceMappingURL=DrFor.d.js.map

package/dist/cjs/dist/operators/DrFor.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/operators/DrFor.ts"],
+  "sourcesContent": ["import { OperatorExecuterAttrRequire} from './OperatorExecuterAttrRequire';\nimport {ScriptUtils} from '@dooboostore/core-web/script/ScriptUtils';\nimport {RawSet} from '../rawsets/RawSet';\nimport {Render} from '../rawsets/Render';\nimport {AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source} from './OperatorExecuter';\n\nexport class DrFor extends OperatorExecuterAttrRequire<string> {\n    constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack) {\n        source.operatorAround = undefined;\n        super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n    }\n\n    async executeAttrRequire(attr: string): Promise<ExecuteState> {\n        const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);\n        const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? '');\n        const newTemp = this.source.config.window.document.createElement('temp');\n        // console.log('-----asdad',attr , this.elementSource.attrs.drItOption);\n        ScriptUtils.evaluate(`\n                    ${this.render.bindScript}\n                    ${this.elementSource.attrs.drBeforeOption ?? ''}\n                    for(${attr}) {\n                        const n = this.__render.element.cloneNode(true);\n                        var destIt = ${this.elementSource.attrs.drItOption};\n                        if (destIt !== undefined) {\n                            n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\\\#it\\\\#/g, destIt).replace(/\\\\#nearForIt\\\\#/g, destIt).replace(/\\\\#nearForIndex\\\\#/g, destIt))) \n                            n.innerHTML = n.innerHTML.replace(/\\\\#it\\\\#/g, destIt).replace(/\\\\#index\\\\#/g, destIt);\n                        }\n                        if (this.__render.drStripOption === 'true') {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                    }\n                    ${this.elementSource.attrs.drAfterOption ?? ''}\n                    `, Object.assign(this.source.obj, {\n            __render: Object.freeze({\n                fag: newTemp,\n                drStripOption: this.elementSource.attrs.drStripOption,\n                ...this.render\n            })\n        }));\n        RawSet.drVarDecoding(newTemp, vars);\n        RawSet.drItOtherDecoding(newTemp, itRandom);\n        const tempalte = this.source.config.window.document.createElement('template');\n        tempalte.innerHTML = newTemp.innerHTML;\n        this.returnContainer.fag.append(tempalte.content)\n        const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config)\n        this.elementSource.element.parentNode?.replaceChild(this.returnContainer.fag, this.elementSource.element);\n        this.returnContainer.raws.push(...rr)\n        return ExecuteState.EXECUTE;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/operators/DrForOf.d.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DrForOf_d_exports = {};
+module.exports = __toCommonJS(DrForOf_d_exports);
+//# sourceMappingURL=DrForOf.d.js.map

package/dist/cjs/dist/operators/DrForOf.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/operators/DrForOf.ts"],
+  "sourcesContent": ["import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';\nimport { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';\nimport { RawSet } from '../rawsets/RawSet';\nimport { Render } from '../rawsets/Render';\nimport { AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source } from './OperatorExecuter';\nimport { ObjectUtils } from '@dooboostore/core/object/ObjectUtils';\n\nexport class DrForOf extends OperatorExecuterAttrRequire<string> {\n  constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack) {\n    source.operatorAround = undefined;\n    super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n  }\n\n  async executeAttrRequire(attr: string): Promise<ExecuteState> {\n    // console.log('\uD0C0\uC9C0\uB3C4\uC54A\uB0D0?')\n    const itRandom = RawSet.drItOtherEncoding(this.elementSource.element, 'DrForOf');\n    const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? '');\n    const newTemp = this.source.config.window.document.createElement('temp');\n\n    const variableName = this.elementSource.element.getAttribute(RawSet.DR_VARIABLE_NAME_OPTIONNAME);\n    const itemVariableName = this.elementSource.element.getAttribute(RawSet.DR_ITEM_VARIABLE_NAME_OPTIONNAME);\n    const itemIndexVariableName = this.elementSource.element.getAttribute(RawSet.DR_ITEM_INDEX_VARIABLE_NAME_OPTIONNAME);\n    // console.log('----!', this.elementSource.attrs)\n    // ScriptUtils.evalReturn()\n    ObjectUtils.Script.evaluate(`\n                    ${this.render.bindScript}\n                    ${this.elementSource.attrs.drBeforeOption ?? ''}\n                    var i = -1; \n                    const forOf = ${ObjectUtils.Path.toOptionalChainPath(attr)};\n                    const forOfStr = \\`${attr}\\`.trim();\n                    // console.log('forOf---',forOf);\n                    if (forOf) {\n                        for(const it of forOf) {\n                            i++;\n                            var destIt = it;\n                            if (/\\\\[(.*,?)\\\\],/g.test(forOfStr)) {\n                                if (typeof it === 'string') {\n                                    destIt = it;\n                                } else {\n                                    destIt = forOfStr.substring(1, forOfStr.length-1).split(',')[i];\n                                }\n                            } else if (forOf.isRange) {\n                                    destIt = it;\n                            } else {\n                                destIt = forOfStr + '[' + i +']'\n                            }\n                            const n = this.__render.element.cloneNode(true);\n                            Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drForOf' && k !== 'drNextOption' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));\n                            n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\\\#it\\\\#/g, destIt).replace(/\\\\#nearForOfIt\\\\#/g, destIt).replace(/\\\\#it\\\\#/g, destIt).replace(/\\\\#nearForOfIndex\\\\#/g, i)))\n                            if ('${variableName}') {\n                              n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replaceAll('#${variableName}#', forOfStr)));\n                            }\n                            if ('${itemVariableName}') {\n                              n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replaceAll('#${itemVariableName}#', destIt)));\n                            }\n                            if ('${itemIndexVariableName}') {\n                              n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replaceAll('#${itemIndexVariableName}#', i)));\n                            }\n                            \n                            const drOptionAttr = n.getAttribute('${RawSet.DR_DETECT_ATTR_OPTIONNAME}');\n                            if (drOptionAttr) {\n                              const drOptionAttrResult = $scriptUtils.evaluateReturn(drOptionAttr, this);\n                              Array.from(Object.entries(drOptionAttrResult??{})).forEach(([k,v])=>{\n                                if (v === null) {\n                                  n.removeAttribute(k);\n                                } else {\n                                  n.setAttribute(k,v);\n                                }\n                              })\n                            }\n                            \n                            const drOptionFilter = n.getAttribute('${RawSet.DR_DETECT_FILTER_OPTIONNAME}');\n                            if (drOptionFilter) {\n                              const drOptionFilterResult = $scriptUtils.evaluateReturn(drOptionFilter, this);\n                              // console.log('---drforof----', drOptionFilter, drOptionFilterResult)\n                              if (!drOptionFilterResult) {\n                                continue;\n                              }\n                            }\n\n                            n.innerHTML = n.innerHTML.replace(/\\\\#it\\\\#/g, destIt).replace(/\\\\#index\\\\#/g, i);\n                            if ('${variableName}') {\n                              n.innerHTML = n.innerHTML.replaceAll('#${variableName}#', forOfStr);\n                            }\n                            if ('${itemVariableName}') {\n                              n.innerHTML = n.innerHTML.replaceAll('#${itemVariableName}#', destIt);\n                            }\n                            if ('${itemIndexVariableName}') {\n                              n.innerHTML = n.innerHTML.replaceAll('#${itemIndexVariableName}#', i);\n                            }\n                   \n                            if (this.__render.drStripOption === 'true') {\n                                Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                            } else {\n                                this.__render.fag.append(n);\n                            }\n                           \n                        }\n                        \n                        if('${this.elementSource.attrs.drNextOption}' !== 'null') {\n                            const n = this.__render.element.cloneNode(true);\n                            Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drForOf' && k !== 'drNextOption' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));\n                            const [name, idx] = '${this.elementSource.attrs.drNextOption}'.split(',');\n                            n.setAttribute('${RawSet.DR_FOR_OF_NAME}', name + '[' + idx + ']');\n                            n.setAttribute('${RawSet.DR_NEXT_OPTIONNAME}', name + ',' +  (Number(idx) + 1));\n                            this.__render.fag.append(n);\n                        }\n                    }\n                    ${this.elementSource.attrs.drAfterOption ?? ''}\n                    `, Object.assign(this.source.obj, {\n      __render: Object.freeze({\n        drStripOption: this.elementSource.attrs.drStripOption,\n        drAttr: this.elementSource.attrs,\n        drAttrsOriginName: RawSet.drAttrsOriginName,\n        fag: newTemp,\n        ...this.render\n        // eslint-disable-next-line no-use-before-define\n      } as Render)\n    }));\n    RawSet.drVarDecoding(newTemp, vars);\n    RawSet.drItOtherDecoding(newTemp, itRandom);\n    const tempalte = this.source.config.window.document.createElement('template');\n    tempalte.innerHTML = newTemp.innerHTML;\n    this.returnContainer.fag.append(tempalte.content)\n    const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);\n    this.elementSource.element.parentNode?.replaceChild(this.returnContainer.fag, this.elementSource.element);\n    // const rrr = rr.flatMap(it => it.render(obj, config));// .flat();\n    this.returnContainer.raws.push(...rr)\n    return ExecuteState.EXECUTE;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/operators/DrForm.d.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DrForm_d_exports = {};
+module.exports = __toCommonJS(DrForm_d_exports);
+//# sourceMappingURL=DrForm.d.js.map

package/dist/cjs/dist/operators/DrForm.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/operators/DrForm.ts"],
+  "sourcesContent": ["import {ScriptUtils} from '@dooboostore/core-web/script/ScriptUtils';\nimport {RawSet} from '../rawsets/RawSet';\nimport {Validator} from '../validators/Validator';\nimport {EventManager} from '../events/EventManager';\nimport {ValidatorArray} from '../validators/ValidatorArray';\nimport {Render} from '../rawsets/Render';\nimport {OperatorExecuterAttrRequire} from './OperatorExecuterAttrRequire';\nimport {AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source} from './OperatorExecuter';\n\nexport class DrForm extends OperatorExecuterAttrRequire<string> {\n    constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack) {\n        super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n    }\n\n    async executeAttrRequire(attr: string): Promise<ExecuteState> {\n        RawSet.drFormOtherMoveAttr(this.elementSource.element, 'name', 'temp-name', this.source.config);\n        const data = ScriptUtils.evaluateReturn(`${attr}`, this.source.obj);\n\n        const childs = Array.from(this.elementSource.element.querySelectorAll('[name]'));\n\n        const fromName = ScriptUtils.evaluateReturn(this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`) ?? '', this.source.obj);\n        const thisName = fromName ?? this.elementSource.element.getAttribute('name');\n        // // \uC790\uAE30\uC790\uC2E0\uC774 Input \uB300\uC0C1\uC77C\uB54C\n        if (childs.length <= 0 && thisName) {\n            childs.push(this.elementSource.element);\n        } else {\n            if (data instanceof Validator) {\n                data.setTarget(this.elementSource.element);\n            }\n        }\n        childs.forEach(it => {\n            const eventName = it.getAttribute(`${RawSet.DR_FORM_NAME}:event`) ?? 'change'\n            const validatorName = it.getAttribute(`${RawSet.DR_FORM_NAME}:validator`);\n            const attrEventName = EventManager.attrPrefix + 'event-' + eventName;\n            let varpath = ScriptUtils.evaluateReturn(this.elementSource.element.getAttribute(`${RawSet.DR_FORM_NAME}:name`) ?? '', this.source.obj) ?? it.getAttribute('name');\n            if (varpath != null) {\n                if (validatorName) {\n                    ScriptUtils.evaluate(`\n                                ${this.render.bindScript}\n                                const validator = typeof ${validatorName} ==='function' ?  new  ${validatorName}() : ${validatorName};\n                                ${attr}['${varpath}'] = validator;\n                            `,\n                    Object.assign(this.source.obj, {\n                        __render: Object.freeze({\n                            drStripOption: this.elementSource.attrs.drStripOption,\n                            ...this.render\n                        } as Render)\n                    }\n                    ));\n                }\n                varpath = `${attr}['${varpath}']`;\n                const data = ScriptUtils.evaluateReturn(`${varpath}`, this.source.obj);\n                if (data instanceof ValidatorArray) {\n                    it.setAttribute(attrEventName, `${varpath}.setArrayValue($target, $target.value, $event); ${it.getAttribute(attrEventName) ?? ''};`);\n                    data.addValidator((it as any).value, it);\n                } else if (data instanceof Validator) {\n                    // varpath += (varpath ? '.value' : 'value');\n                    // varpath = drAttr.drForm + '.' + varpath;\n                    // it.setAttribute(attrEventName, `${varpath} = $target.value; ${target}=$target; ${event}=$event;`);\n                    it.setAttribute(attrEventName, `${varpath}.set($target.value, $target, $event); ${it.getAttribute(attrEventName) ?? ''};`);\n                    data.setTarget(it);\n                    data.value = (it as any).value;\n                } else {\n                    it.setAttribute(attrEventName, `${varpath} = $target.value;`);\n                }\n            }\n        })\n        RawSet.drFormOtherMoveAttr(this.elementSource.element, 'temp-name', 'name', this.source.config);\n        this.returnContainer.raws.push(...RawSet.checkPointCreates(this.elementSource.element, this.source.obj, this.source.config));\n        return ExecuteState.EXECUTE;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AACA;;",
+  "names": []
+}

package/dist/cjs/dist/operators/DrIf.d.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DrIf_d_exports = {};
+module.exports = __toCommonJS(DrIf_d_exports);
+//# sourceMappingURL=DrIf.d.js.map

package/dist/cjs/dist/operators/DrIf.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/operators/DrIf.ts"],
+  "sourcesContent": ["import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';\nimport { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';\nimport { RawSet } from '../rawsets/RawSet';\nimport { Render } from '../rawsets/Render';\nimport { AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source } from './OperatorExecuter';\nimport { ObjectUtils } from '@dooboostore/core/object/ObjectUtils';\n\nexport class DrIf extends OperatorExecuterAttrRequire<string> {\n  constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack) {\n    source.operatorAround = undefined;\n    super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n  }\n\n  async executeAttrRequire(attr: string): Promise<ExecuteState> {\n    const itRandom = RawSet.drItOtherEncoding(this.elementSource.element, 'DrIf');\n    const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? '');\n    const newTemp = this.source.config.window.document.createElement('temp');\n    // Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drIf' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v)); <-- \uC774\uBD80\uBD84\uC740 \uB2E4\uB978 attr\uC5D0\uB3C4 \uC801\uC6A9\uC744 \uD560\uC9C0\uB9D0\uC9C0 \uC0DD\uAC01\uD574\uC57C\uB428  \uC5D8\uB9AC\uBA3C\uD2B8 \uC874\uC7AC\uC720\uBB34\uC5D0 \uB530\uB77C\uC11C \uC801\uC6A9\uC744 \uD560\uC9C0\uB9D0\uC9C0 \uACB0\uC815\uD574\uC57C\uB428\n    const keepgoing = ObjectUtils.Script.evaluate(`\n                ${this.render.bindScript}\n                ${this.elementSource.attrs.drBeforeOption ?? ''}\n                if ($rawSet.data === (${ObjectUtils.Path.toOptionalChainPath(attr)})) {\n                    return false;\n                }\n                $rawSet.data = ${ObjectUtils.Path.toOptionalChainPath(attr)};\n                if($rawSet.data) {\n                    const n = $element.cloneNode(true);\n                    Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drIf' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));\n                    var destIt = ${this.elementSource.attrs.drItOption};\n                    if (destIt !== undefined) {\n                     // \uC5EC\uAE30\uAC00 ..\uC544\uC8FC \uD5DB\uAC08\uB9AC\uB294\uB370...\n                        Array.from(n.getAttributeNames()).forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\\\#DrIFIt\\\\#/g, destIt)))\n                        n.innerHTML = n.innerHTML.replace(/\\\\#DrIFIt\\\\#/g, destIt);\n                    }\n                    if (this.__render.drStripOption === 'true') {\n                        Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                    } else {\n                        this.__render.fag.append(n);\n                    }\n                }\n                ${this.elementSource.attrs.drAfterOption ?? ''};\n                return true;\n                `, Object.assign(this.source.obj,\n      {\n        __render: Object.freeze({\n          fag: newTemp,\n          drAttr: this.elementSource.attrs,\n          drAttrsOriginName: RawSet.drAttrsOriginName,\n          drStripOption: this.elementSource.attrs.drStripOption,\n          ...this.render\n        } as Render)\n      }\n    ));\n    // TODO: \uBB50\uC9C0?? \uC9C0\uC6CC\uC57C\uB418\uB294\uAC70 \uC544\uB2CC\uAC00?\n    if (keepgoing === false) {\n      return ExecuteState.STOP;\n    }\n    RawSet.drVarDecoding(newTemp, vars);\n    RawSet.drItOtherDecoding(newTemp, itRandom);\n    // const bypass = (newTemp.innerHTML ?? '').trim().length <= 0;\n    const tempalte = this.source.config.window.document.createElement('template');\n    tempalte.innerHTML = newTemp.innerHTML;\n    this.returnContainer.fag.append(tempalte.content);\n    const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);\n    this.elementSource.element.parentNode?.replaceChild(this.returnContainer.fag, this.elementSource.element);\n    this.returnContainer.raws.push(...rr);\n    return ExecuteState.EXECUTE;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/operators/DrInnerHTML.d.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DrInnerHTML_d_exports = {};
+module.exports = __toCommonJS(DrInnerHTML_d_exports);
+//# sourceMappingURL=DrInnerHTML.d.js.map

package/dist/cjs/dist/operators/DrInnerHTML.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/operators/DrInnerHTML.ts"],
+  "sourcesContent": ["import {OperatorExecuterAttrRequire} from './OperatorExecuterAttrRequire';\nimport {ScriptUtils} from '@dooboostore/core-web/script/ScriptUtils';\nimport {RawSet} from '../rawsets/RawSet';\nimport {Render} from '../rawsets/Render';\nimport {AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source} from './OperatorExecuter';\n\nexport class DrInnerHTML extends OperatorExecuterAttrRequire<string> {\n    constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack) {\n        super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n    }\n\n    async executeAttrRequire(attr: string): Promise<ExecuteState> {\n        const newTemp = this.source.config.window.document.createElement('temp');\n        ScriptUtils.evaluate(`\n                        ${this.render.bindScript}\n                        const n = $element.cloneNode(true);\n                        ${this.elementSource.attrs.drBeforeOption ?? ''}\n                        n.innerHTML = ${attr};\n                        if (this.__render.drStripOption === 'true') {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                        ${this.elementSource.attrs.drAfterOption ?? ''}\n                    `, Object.assign(this.source.obj, {\n            __render: Object.freeze({\n                drStripOption: this.elementSource.attrs.drStripOption,\n                fag: newTemp,\n                ...this.render\n                // eslint-disable-next-line no-use-before-define\n            } as Render)\n        }));\n        const tempalte = this.source.config.window.document.createElement('template');\n        tempalte.innerHTML = newTemp.innerHTML;\n        this.returnContainer.fag.append(tempalte.content);\n        const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);\n        this.elementSource.element.parentNode?.replaceChild(this.returnContainer.fag, this.elementSource.element);\n        this.returnContainer.raws.push(...rr);\n        return ExecuteState.EXECUTE;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/operators/DrInnerText.d.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DrInnerText_d_exports = {};
+module.exports = __toCommonJS(DrInnerText_d_exports);
+//# sourceMappingURL=DrInnerText.d.js.map

package/dist/cjs/dist/operators/DrInnerText.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/operators/DrInnerText.ts"],
+  "sourcesContent": ["import {OperatorExecuterAttrRequire} from './OperatorExecuterAttrRequire';\nimport {ScriptUtils} from '@dooboostore/core-web/script/ScriptUtils';\nimport {RawSet} from '../rawsets/RawSet';\nimport {Render} from '../rawsets/Render';\nimport {AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source} from './OperatorExecuter';\nimport {ObjectUtils} from '@dooboostore/core/object/ObjectUtils';\n\nexport class DrInnerText extends OperatorExecuterAttrRequire<string> {\n    constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack) {\n        super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n    }\n\n    async executeAttrRequire(attr: string): Promise<ExecuteState> {\n        const newTemp = this.source.config.window.document.createElement('temp');\n        ObjectUtils.Script.evaluate(` \n                        ${this.render.bindScript}\n                        const n = $element.cloneNode(true);  \n                        ${this.elementSource.attrs.drBeforeOption ?? ''}\n                        n.innerText = ${attr};\n                        if (this.__render.drStripOption === 'true') {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                        ${this.elementSource.attrs.drAfterOption ?? ''}\n                    `, Object.assign(this.source.obj, {\n            __render: Object.freeze({\n                drStripOption: this.elementSource.attrs.drStripOption,\n                fag: newTemp,\n                ...this.render\n            } as Render)\n        }));\n        const tempalte = this.source.config.window.document.createElement('template');\n        tempalte.innerHTML = newTemp.innerHTML;\n        this.returnContainer.fag.append(tempalte.content);\n        const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);\n        this.elementSource.element.parentNode?.replaceChild(this.returnContainer.fag, this.elementSource.element);\n        this.returnContainer.raws.push(...rr);\n        return ExecuteState.EXECUTE;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/operators/DrPre.d.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DrPre_d_exports = {};
+module.exports = __toCommonJS(DrPre_d_exports);
+//# sourceMappingURL=DrPre.d.js.map

package/dist/cjs/dist/operators/DrPre.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/operators/DrPre.ts"],
+  "sourcesContent": ["import {AfterCallBack, ElementSource, ExecuteState, OperatorExecuter, ReturnContainer, Source} from './OperatorExecuter';\nimport {RawSet} from '../rawsets/RawSet';\nimport {Render} from '../rawsets/Render';\n\nexport class DrPre extends OperatorExecuter<null> {\n    constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack) {\n        source.operatorAround = undefined;\n        super(rawSet, render, returnContainer, elementSource, source, afterCallBack);\n    }\n\n    async execute(value: null): Promise<ExecuteState> {\n        return (value != null) ? ExecuteState.EXECUTE : ExecuteState.NO_EXECUTE;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/operators/DrRepeat.d.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DrRepeat_d_exports = {};
+module.exports = __toCommonJS(DrRepeat_d_exports);
+//# sourceMappingURL=DrRepeat.d.js.map

package/dist/cjs/dist/operators/DrRepeat.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/operators/DrRepeat.ts"],
+  "sourcesContent": ["import {OperatorExecuterAttrRequire} from './OperatorExecuterAttrRequire';\nimport {ScriptUtils} from '@dooboostore/core-web/script/ScriptUtils';\nimport {RawSet} from '../rawsets/RawSet';\nimport {EventManager} from '../events/EventManager';\nimport {Render} from '../rawsets/Render';\nimport {AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source} from './OperatorExecuter';\n\nexport class DrRepeat extends OperatorExecuterAttrRequire<string> {\n    constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack) {\n        source.operatorAround = undefined;\n        super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n    }\n\n    async executeAttrRequire(attr: string): Promise<ExecuteState> {\n        const itRandom = RawSet.drItOtherEncoding(this.elementSource.element);\n        const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? '');\n        const newTemp = this.source.config.window.document.createElement('temp');\n        ScriptUtils.evaluate(`\n                    ${this.render.bindScript}\n                    ${this.elementSource.attrs.drBeforeOption ?? ''}\n                    var i = 0; \n                    const repeat = ${attr};\n                    const repeatStr = \\`${attr}\\`;\n                    let range = repeat;\n                    if (typeof repeat === 'number') {\n                        range = ${EventManager.RANGE_VARNAME}(repeat);\n                    } \n                    for(const it of range) {\n                        var destIt = it;\n                        if (range.isRange) {\n                            destIt = it;\n                        }  else {\n                            destIt = repeatStr + '[' + i +']'\n                        }\n                        const n = this.__render.element.cloneNode(true);\n                        n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\\\#it\\\\#/g, destIt).replace(/\\\\#nearRangeIt\\\\#/g, destIt).replace(/\\\\#nearRangeIndex\\\\#/g, destIt)))\n                        n.innerHTML = n.innerHTML.replace(/\\\\#it\\\\#/g, destIt).replace(/\\\\#index\\\\#/g, destIt);\n                        \n                        if (this.__render.drStripOption === 'true') {\n                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                        } else {\n                            this.__render.fag.append(n);\n                        }\n                        i++;\n                    }\n                    ${this.elementSource.attrs.drAfterOption ?? ''}\n                    `, Object.assign(this.source.obj, {\n            __render: Object.freeze({\n                fag: newTemp,\n                drStripOption: this.elementSource.attrs.drStripOption,\n                ...this.render\n            })\n        }));\n        RawSet.drVarDecoding(newTemp, vars);\n        RawSet.drItOtherDecoding(newTemp, itRandom);\n        const tempalte = this.source.config.window.document.createElement('template');\n        tempalte.innerHTML = newTemp.innerHTML;\n        this.returnContainer.fag.append(tempalte.content)\n        const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config)\n        this.elementSource.element.parentNode?.replaceChild(this.returnContainer.fag, this.elementSource.element);\n        this.returnContainer.raws.push(...rr)\n        return ExecuteState.EXECUTE;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/operators/DrStripElement.d.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DrStripElement_d_exports = {};
+module.exports = __toCommonJS(DrStripElement_d_exports);
+//# sourceMappingURL=DrStripElement.d.js.map

package/dist/cjs/dist/operators/DrStripElement.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/operators/DrStripElement.ts"],
+  "sourcesContent": ["import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';\nimport { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';\nimport { RawSet } from '../rawsets/RawSet';\nimport { Render } from '../rawsets/Render';\nimport { AfterCallBack, ElementSource, ExecuteState, ReturnContainer, Source } from './OperatorExecuter';\n\nexport class DrStripElement extends OperatorExecuterAttrRequire<string> {\n  constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack) {\n    source.operatorAround = undefined;\n    super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n  }\n\n  async executeAttrRequire(attr: string): Promise<ExecuteState> {\n    // const itRandom = RawSet.drItOtherEncoding(this.elementSource.element, 'DrStripElement');\n    // const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? '');\n    const newTemp = this.source.config.window.document.createElement('temp');\n    // Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drIf' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v)); <-- \uC774\uBD80\uBD84\uC740 \uB2E4\uB978 attr\uC5D0\uB3C4 \uC801\uC6A9\uC744 \uD560\uC9C0\uB9D0\uC9C0 \uC0DD\uAC01\uD574\uC57C\uB428  \uC5D8\uB9AC\uBA3C\uD2B8 \uC874\uC7AC\uC720\uBB34\uC5D0 \uB530\uB77C\uC11C \uC801\uC6A9\uC744 \uD560\uC9C0\uB9D0\uC9C0 \uACB0\uC815\uD574\uC57C\uB428\n    ScriptUtils.evaluate(`\n                ${this.render.bindScript}\n                ${this.elementSource.attrs.drBeforeOption ?? ''}\n                const n = $element.cloneNode(true);\n                if(${attr}) {\n                  Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));\n                } else {\n                  this.__render.fag.append(n);\n                }\n                ${this.elementSource.attrs.drAfterOption ?? ''};\n                return true;\n                `, Object.assign(this.source.obj,\n      {\n        __render: Object.freeze({\n          fag: newTemp,\n          drAttr: this.elementSource.attrs,\n          drAttrsOriginName: RawSet.drAttrsOriginName,\n          drStripOption: this.elementSource.attrs.drStripOption,\n          ...this.render\n        } as Render)\n      }\n    ));\n\n    const tempalte = this.source.config.window.document.createElement('template');\n    tempalte.innerHTML = newTemp.innerHTML;\n    this.returnContainer.fag.append(tempalte.content);\n    const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);\n    this.elementSource.element.parentNode?.replaceChild(this.returnContainer.fag, this.elementSource.element);\n    this.returnContainer.raws.push(...rr);\n    return ExecuteState.EXECUTE;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/operators/DrTargetAttr.d.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DrTargetAttr_d_exports = {};
+module.exports = __toCommonJS(DrTargetAttr_d_exports);
+//# sourceMappingURL=DrTargetAttr.d.js.map

package/dist/cjs/dist/operators/DrTargetAttr.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/operators/DrTargetAttr.ts"],
+  "sourcesContent": ["import {RawSet} from '../rawsets/RawSet';\nimport {TargetAttr} from '../configs/TargetAttr';\nimport {AfterCallBack, ElementSource, ExecuteState, OperatorExecuter, ReturnContainer, Source} from './OperatorExecuter';\nimport {Render} from '../rawsets/Render';\n\nexport class DrTargetAttr extends OperatorExecuter<void> {\n    constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack) {\n        source.operatorAround = undefined;\n        super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n    }\n\n    async execute(): Promise<ExecuteState> {\n        const attributeNames = this.elementSource.element.getAttributeNames();\n        const targetAttr: TargetAttr | undefined = this.source.config?.targetAttrs?.find(it => attributeNames.includes(it.name));\n        if (targetAttr) {\n            const attrName = targetAttr.name;\n            const attrValue = this.rawSet.getAttributeAndDelete(this.elementSource.element, attrName)\n            if (attrValue && attrName && (!this.elementSource.attrs.drForOf && !this.elementSource.attrs.drFor && !this.elementSource.attrs.drRepeat)) {\n                const documentFragment = targetAttr.callBack(this.elementSource.element, attrValue, this.source.obj, this.rawSet);\n                if (documentFragment) {\n                    const rr = RawSet.checkPointCreates(documentFragment, this.source.obj, this.source.config)\n                    this.elementSource.element.parentNode?.replaceChild(documentFragment, this.elementSource.element);\n                    this.returnContainer.raws.push(...rr);\n                    this.afterCallBack.onAttrInitCallBacks.push({\n                        attrName,\n                        attrValue,\n                        obj: this.source.obj\n                    });\n                    targetAttr?.complete?.(this.elementSource.element, attrValue, this.source.obj, this.rawSet);\n                }\n            }\n            return ExecuteState.EXECUTE;\n        }\n        return ExecuteState.NO_EXECUTE;\n    }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/operators/DrTargetElement.d.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DrTargetElement_d_exports = {};
+module.exports = __toCommonJS(DrTargetElement_d_exports);
+//# sourceMappingURL=DrTargetElement.d.js.map

package/dist/cjs/dist/operators/DrTargetElement.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/operators/DrTargetElement.ts"],
+  "sourcesContent": ["import { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';\nimport { RawSet } from '../rawsets/RawSet';\nimport { CreatorMetaData } from '../rawsets/CreatorMetaData';\nimport {\n  AfterCallBack,\n  ElementSource,\n  ExecuteState,\n  OperatorExecuter,\n  ReturnContainer,\n  Source\n} from './OperatorExecuter';\nimport { Render } from '../rawsets/Render';\nimport { ElementUtils } from '@dooboostore/core-web/element/ElementUtils';\n\ndeclare global {\n  interface Window {\n    HTMLMetaElement: typeof HTMLMetaElement;\n  }\n}\n\n// \uC5EC\uAE30\uC11C \uC0AC\uC6A9\uC790\uAC00 \uB4F1\uB85D\uD55C TargetElement\uAC00 \uB4E4\uC5B4\uAC04\uB2E4.\nexport class DrTargetElement extends OperatorExecuter<void> {\n  constructor(\n    rawSet: RawSet,\n    render: Render,\n    returnContainer: ReturnContainer,\n    elementSource: ElementSource,\n    source: Source,\n    afterCallBack: AfterCallBack\n  ) {\n    source.operatorAround = undefined;\n    super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n  }\n\n  async execute(): Promise<ExecuteState> {\n    const targetElement = this.source.config?.targetElements?.find(\n      it => it.name.toLowerCase() === this.elementSource.element.tagName.toLowerCase()\n    );\n    if (targetElement) {\n      if (\n        this.rawSet.point.start instanceof this.source.config.window.HTMLMetaElement &&\n        this.rawSet.point.end instanceof this.source.config.window.HTMLMetaElement\n      ) {\n        this.rawSet.point.start.setAttribute('this-path', `this.__domrender_components.${this.rawSet.uuid}`);\n        this.rawSet.point.end.setAttribute('this-path', `this.__domrender_components.${this.rawSet.uuid}`);\n      }\n\n      const documentFragment = await targetElement.callBack(\n        this.elementSource.element,\n        this.source.obj,\n        this.rawSet,\n        this.elementSource.attrs,\n        this.source.config\n      );\n      if (documentFragment) {\n        const detectAction = this.elementSource.element.getAttribute(RawSet.DR_DETECT_NAME);\n        // const dictionaryKey = this.elementSource.element.getAttribute(RawSet.DR_DICTIONARY_OPTIONKEYNAME);\n        // console.log('dictionaryKey', dictionaryKey);\n        // const render = (documentFragment as any).render;\n        this.rawSet.dataSet.fragment = documentFragment;\n        // if (documentFragment) {\n        //     const tempDiv = this.source.config.window.document.createElement('div');\n        //     tempDiv.appendChild(documentFragment.cloneNode(true));\n        //     console.log('DocumentFragment innerHTML:', tempDiv.innerHTML);\n        // }\n\n        // this.rawSet.dataSet??={};\n        // this.rawSet.dataSet.data = render.component;\n        if (detectAction && this.rawSet.dataSet.render) {\n          // TODO: \uC5C6\uC5B4\uC838\uC57C\uB420\uB4EF?\n          this.rawSet.detect = {\n            action: () => {\n              const script = `var $component = this.__render.component; var $element = this.__render.element; var $innerHTML = this.__render.innerHTML; var $attribute = this.__render.attribute;  ${detectAction} `;\n              ScriptUtils.evaluate(\n                script,\n                Object.assign(this.source.obj, {\n                  __render: this.rawSet.dataSet.render\n                })\n              );\n            }\n          };\n        }\n        // fag.append(documentFragment)\n\n        // console.log('----------1', ElementUtils.toInnerHTML(documentFragment, {document: this.source.config.window.document}));\n        // await Promises.sleep(1000)\n        let targetFragment = documentFragment;\n        if (targetElement.noStrip) {\n          // documentFragment.firstElementChild.classList.add(`${this.rawSet.uuid}___DrTargetElement`)\n          const fragment = this.source.config.window.document.createDocumentFragment();\n          Array.from(documentFragment.firstElementChild?.childNodes || []).forEach(child => {\n            // fragment.appendChild(child.cloneNode(true));\n            fragment.appendChild(child);\n          });\n          // fragment.append(documentFragment.firstElementChild);\n          targetFragment = fragment;\n        }\n        // console.log('----------2', ElementUtils.toInnerHTML(targetFragment, {document: this.source.config.window.document}));\n        const rr = RawSet.checkPointCreates(targetFragment, this.source.obj, this.source.config);\n        rr.forEach((it, index) => {\n\n          // const z = ElementUtils.toInnerHTML(it.dataSet.fragment, {document: this.source.config.window.document});\n          // console.log('-z--z('+index+')', z, it);\n          // it.point.start;\n          // // \uC0C8\uB85C\uC6B4 comment element \uCD94\uAC00\n          // const comment = this.source.config.window.document.createComment('\uC0C8\uB85C \uB9CC\uB4E0 comment element');\n          // it.point.start.parentNode?.insertBefore(comment, it.point.start.nextSibling);\n        })\n        // for (let rawSet of rr) {\n        //   await rawSet.render(this.source.obj, this.source.config)\n        // }\n        // console.log('cccccccccccccccccccccc', rr, typeof Window);\n        if (targetElement.noStrip) {\n          Array.from(targetFragment.childNodes || []).forEach(child => {\n            documentFragment.firstElementChild?.appendChild(child);\n          });\n        }\n        this.elementSource.element.parentNode?.replaceChild(documentFragment, this.elementSource.element);\n        this.returnContainer.raws.push(...rr);\n        this.afterCallBack.onElementInitCallBacks.push({\n          name: targetElement.name.toLowerCase(),\n          obj: this.source.obj,\n          targetElement,\n          creatorMetaData: targetElement.__creatorMetaData as CreatorMetaData\n        });\n        // console.log('sssssssssssssss', this.source.obj);\n        targetElement?.complete?.(this.elementSource.element, this.source.obj, this.rawSet);\n      }\n      return ExecuteState.EXECUTE;\n    }\n    return ExecuteState.NO_EXECUTE;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AACA;;",
+  "names": []
+}

package/dist/cjs/dist/operators/DrTargetElementIsElement.d.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DrTargetElementIsElement_d_exports = {};
+module.exports = __toCommonJS(DrTargetElementIsElement_d_exports);
+//# sourceMappingURL=DrTargetElementIsElement.d.js.map

package/dist/cjs/dist/operators/DrTargetElementIsElement.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/operators/DrTargetElementIsElement.ts"],
+  "sourcesContent": ["import { RawSet } from '../rawsets/RawSet';\nimport { CreatorMetaData } from '../rawsets/CreatorMetaData';\nimport { AfterCallBack, ElementSource, ExecuteState, OperatorExecuter, ReturnContainer, Source } from './OperatorExecuter';\nimport { Render } from '../rawsets/Render';\nimport { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';\n\n\n// \uC5EC\uAE30\uC11C \uC0AC\uC6A9\uC790\uAC00 \uB4F1\uB85D\uD55C TargetElement\uAC00 \uB4E4\uC5B4\uAC04\uB2E4.\nexport class DrTargetElementIsElement extends OperatorExecuter<string | null> {\n  constructor(rawSet: RawSet, render: Render, returnContainer: ReturnContainer, elementSource: ElementSource, source: Source, afterCallBack: AfterCallBack) {\n    source.operatorAround = undefined;\n    super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n  }\n\n  async execute(attr: string | null): Promise<ExecuteState> {\n    if (!attr) {\n      return ExecuteState.NO_EXECUTE;\n    }\n    const targetElement = this.source.config?.targetElements?.find(it => it.name.toLowerCase() === attr.toLowerCase());\n    // console.log('--------------tar', targetElement)\n    if (targetElement) {\n      if (this.rawSet.point.start instanceof this.source.config.window.HTMLMetaElement && this.rawSet.point.end instanceof this.source.config.window.HTMLMetaElement) {\n        this.rawSet.point.start.setAttribute('this-path', `this.__domrender_components.${this.rawSet.uuid}`)\n        this.rawSet.point.end.setAttribute('this-path', `this.__domrender_components.${this.rawSet.uuid}`)\n      }\n\n\n      const documentFragment = await targetElement.callBack(this.elementSource.element, this.source.obj, this.rawSet, this.elementSource.attrs, this.source.config);\n      if (documentFragment) {\n        const detectAction = this.elementSource.element.getAttribute(RawSet.DR_DETECT_NAME);\n        this.rawSet.dataSet.fragment = documentFragment;\n        if (detectAction && this.rawSet.dataSet.render) {\n          // TODO: \uC5C6\uC5B4\uC838\uC57C\uB420\uB4EF?\n          this.rawSet.detect = {\n            action: () => {\n              const script = `var $component = this.__render.component; var $element = this.__render.element; var $innerHTML = this.__render.innerHTML; var $attribute = this.__render.attribute;  ${detectAction} `;\n              ScriptUtils.evaluate(script, Object.assign(this.source.obj, {\n                __render: this.rawSet.dataSet.render\n              }))\n            }\n          };\n        }\n\n        // dr-replace-target-element-is \uB294 \uBB34\uC870\uAC74 NoStrip\uB85C \uCC98\uB9AC\n        const noStrip = targetElement.noStrip\n\n        let targetFragment = documentFragment;\n        if (noStrip) {\n          const fragment = this.source.config.window.document.createDocumentFragment()\n          Array.from(documentFragment.firstElementChild?.childNodes || []).forEach(child => {\n            fragment.appendChild(child);\n          });\n          targetFragment = fragment;\n        }\n\n        const rr = RawSet.checkPointCreates(targetFragment, this.source.obj, this.source.config)\n        if (noStrip) {\n          Array.from(targetFragment.childNodes||[]).forEach(child => {\n            documentFragment.firstElementChild?.appendChild(child)\n          })\n        }\n        this.elementSource.element.parentNode?.replaceChild(documentFragment, this.elementSource.element);\n        this.returnContainer.raws.push(...rr);\n        this.afterCallBack.onElementInitCallBacks.push({\n          name: targetElement.name.toLowerCase(),\n          obj: this.source.obj,\n          targetElement,\n          creatorMetaData: targetElement.__creatorMetaData as CreatorMetaData\n        });\n        targetElement?.complete?.(this.elementSource.element, this.source.obj, this.rawSet);\n      }\n      return ExecuteState.EXECUTE;\n    }\n    return ExecuteState.NO_EXECUTE;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}

package/dist/cjs/dist/operators/DrThis.d.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DrThis_d_exports = {};
+module.exports = __toCommonJS(DrThis_d_exports);
+//# sourceMappingURL=DrThis.d.js.map

package/dist/cjs/dist/operators/DrThis.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/operators/DrThis.ts"],
+  "sourcesContent": ["import { OperatorExecuterAttrRequire } from './OperatorExecuterAttrRequire';\nimport { RawSet } from '../rawsets/RawSet';\nimport { ComponentSet } from '../components/ComponentSet';\nimport { ExecuteState } from './OperatorExecuter';\nimport { isOnDrThisUnBind } from '../lifecycle/dr-this/OnDrThisUnBind';\nimport { isOnDrThisBind } from '../lifecycle/dr-this/OnDrThisBind';\nimport { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';\nimport { Render } from '../rawsets/Render';\n\nexport class DrThis extends OperatorExecuterAttrRequire<string> {\n  async executeAttrRequire(attr: any): Promise<ExecuteState> {\n    // const e = this.elementSource;\n    // console.log('drThis!!!!!!!!!!!!!', this.elementSource.attrs.drDetectIfOption, this.elementSource.attrs.drIfOption);\n    const optionIf = this.elementSource.attrs.drDetectIfOption ?? this.elementSource.attrs.drIfOption;\n    const ok = ScriptUtils.evaluate(`\n                ${this.render.bindScript}\n                try {\n                  const ok  = ${this.elementSource.attrs.drThis};\n                  const option = ${optionIf};\n                  if (option!==null) {\n                     return !!(ok && option); \n                  }\n                  // console.log('vv', ${this.elementSource.attrs.drThis}, ${this.elementSource.attrs.drIfOption}, '${this.elementSource.attrs.drIfOption}');\n                  return !!ok;\n                } catch(e) {\n                  return false;\n                }\n                `, Object.assign(this.source.obj,\n      {\n        __render: Object.freeze({\n          drAttr: this.elementSource.attrs,\n          drAttrsOriginName: RawSet.drAttrsOriginName,\n          ...this.render\n        } as Render)\n      }\n    ));\n    // console.log('----zxvxcv-----!!!aa!', ok);\n    // if (!ok) {\n    //   this.elementSource.element.remove();\n    //   return ExecuteState.STOP;\n    // }\n\n    // console.log('----zxvxcv-----!!!!', attr);\n    if (attr && this.elementSource.attrs.drThis && ok) {\n      let thisPath = this.elementSource.attrs.drThis;\n      // let optionIf = this.elementSource.attrs.drIfOption;\n      // console.log('drThis!!!!!!!!!!!!!, ', optionIf)\n      if (attr instanceof ComponentSet) {\n        // console.log('drThis!!!!!!!!!!->', attr)\n        // if (this.rawSet.data) {\n        //   const destroyOptions = this.elementSource.attrs.drDestroyOption?.split(',') ?? [];\n        //   debugger;\n        //   RawSet.destroy((this.rawSet.data as ComponentSet).obj, [], this.source.config, destroyOptions);\n        // }\n        if (attr.config?.beforeComponentSet?.obj !== attr.obj) {\n          if (isOnDrThisUnBind(attr.config.beforeComponentSet?.obj)) {\n            attr.config.beforeComponentSet?.obj?.onDrThisUnBind?.();\n          }\n        }\n        // this.rawSet.dataSet ??= {};\n        // this.rawSet.dataSet.data = attr;\n        if (attr.config?.beforeComponentSet?.obj !== attr.obj) {\n          if (isOnDrThisBind(attr.obj)) {\n            attr.obj?.onDrThisBind?.();\n          }\n        }\n        // \uC911\uC694: componentSet \uC758 objPath\uB97C \uBCF4\uACE0 \uD310\uB2E8\uD558\uB294 \uC911\uC694\uD55C\uBD80\uBD84\n        thisPath = `${this.elementSource.attrs.drThis}${attr.config.objPath ? ('.' + attr.config.objPath) : ''}`;\n        // const zthisPath = `${this.elementSource.attrs.drThis}${attr.config.objPath ? ('?.' + attr.config.objPath) : ''}`;\n        // console.log('thisPaththisPaththisPath',thisPath)\n        this.setThisPath(thisPath);\n        const componentBody = await RawSet.drThisCreate(this.rawSet, this.elementSource.element, thisPath, this.elementSource.attrs.drVarOption ?? '', this.elementSource.attrs.drStripOption, this.source.obj, this.source.config, attr);\n        if (componentBody) {\n          this.returnContainer.fag.append(componentBody)\n          this.afterCallBack.onThisComponentSetCallBacks.push(attr);\n        }\n\n      } else {\n        this.setThisPath(thisPath);\n        const fragment = await RawSet.drThisCreate(this.rawSet, this.elementSource.element, this.elementSource.attrs.drThis, this.elementSource.attrs.drVarOption ?? '', this.elementSource.attrs.drStripOption, this.source.obj, this.source.config);\n        if (fragment) {\n          this.returnContainer.fag.append(fragment)\n        }\n      }\n\n\n      // console.log('!!!!!!!!!zzz', Array.from(this.returnContainer.fag.childNodes), this.elementSource.element);\n      const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config)\n      this.elementSource.element.parentNode?.replaceChild(this.returnContainer.fag, this.elementSource.element);\n      this.returnContainer.raws.push(...rr);\n    } else {\n      this.elementSource.element.remove();\n    }\n    return ExecuteState.EXECUTE;\n  }\n\n\n  setThisPath(thisPath: string) {\n\n    // if (this.rawSet.point.start instanceof HTMLMetaElement && this.rawSet.point.end instanceof HTMLMetaElement) {\n\n    if (this.rawSet.point.start instanceof this.source.config.window.HTMLMetaElement && this.rawSet.point.end instanceof this.source.config.window.HTMLMetaElement) {\n      this.rawSet.point.start.setAttribute('this-path', thisPath)\n      this.rawSet.point.end.setAttribute('this-path', thisPath)\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;AAAA;;",
+  "names": []
+}