@dooboostore/dom-render 1.0.106 → 1.0.108

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/select/Select.ts"],
-  "sourcesContent": ["import { attribute, ChildrenSet, ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OnCreateRenderData, OnCreateRenderDataParams } from '../../lifecycle/OnCreateRenderData';\nimport { OnInitRender } from '../../lifecycle/OnInitRender';\nimport { OnDestroyRender } from '../../lifecycle/OnDestroyRender';\nimport { EventUtils } from '@dooboostore/core-web/event/EventUtils';\nimport { type Subscription } from '@dooboostore/core/message/Subscription';\nimport { ValidUtils } from '@dooboostore/core-web/valid/ValidUtils';\nimport { DomRenderNoProxy } from '../../decorators/DomRenderNoProxy';\nimport { OnCreateRender } from '../../lifecycle/OnCreateRender';\nimport { DomRenderConfig } from '../../configs/DomRenderConfig';\nimport { WindowUtils } from '@dooboostore/core-web/window/WindowUtils';\n\n/** \uC0AC\uC6A9\uBC95\n <dr-select class=\"card-select-container\" changeSelected=\"${(data) => @this@.changeSelected(data)}$\">  <!-- multiple attribute optional-->\n <dr-select-summary class=\"card-select-summary-container\">\n <dr-select-summary-placeholder>\n <div class=\"card-select-summary-placeholder-container\">\uCE74\uB4DC\uC0AC\uBCC4 \uC0AC\uC6A9\uCC98 \uC548\uB0B4 \uD398\uC774\uC9C0 \uC120\uD0DD</div>\n </dr-select-summary-placeholder>\n <dr-select-summary-selected>\n <div dr-if=\"@this@.selectedCard\" class=\"card-select-summary-selected-container\">\n <img dr-attr=\"{src:@this@.selectedCard?.iconImg}\"> ${@this@.selectedCard?.name}$\n </div>\n </dr-select-summary-selected>\n </dr-select-summary>\n\n <dr-select-body float=\"bottom-left\" class=\"card-select-body-container\">\n <dr-select-option dr-for-of=\"@this@.cards\" value=\"${#it#.name}$\" selected=\"${#nearForOfIndex# === 0}$\" class=\"card-select-body-option-container\">\n <img dr-attr=\"{src:#it#.iconImg}\"> ${#it#.name}$\n </dr-select-option>\n </dr-select-body>\n </dr-select>\n */\n\nexport namespace Select {\n  export const selector = 'dr-select';\n\n  // Base for simple hide/show components\n  class StateComponent extends ComponentBase {\n    public hidden = true;\n    public value: string | null = null;\n\n    constructor(config: any) {\n      super(config);\n    }\n\n    setValue(value: string | null) {\n      this.value = value;\n    }\n  }\n\n  // --- Option Child Components ---\n  export class OptionSelected extends StateComponent {\n    constructor() {\n      super({onlyParentType: Option});\n    }\n  }\n\n  export class OptionUnselected extends StateComponent {\n    constructor() {\n      super({onlyParentType: Option});\n    }\n  }\n\n  export class OptionDisabled extends StateComponent {\n    constructor() {\n      super({onlyParentType: Option});\n    }\n  }\n\n  // --- Summary Child Components ---\n  export class SummaryPlaceholder extends StateComponent {\n    constructor() {\n      super({onlyParentType: Summary});\n    }\n  }\n\n  export class SummarySelected extends StateComponent {\n    private selectedOptions: Select.Option[] = [];\n\n    constructor() {\n      super({onlyParentType: Summary});\n    }\n\n    setOptions(options: Option[] = []) {\n      this.selectedOptions = options.filter(it => it.selected);\n    }\n  }\n\n  export class SummaryDisabled extends StateComponent {\n    private selectedOptions: Select.Option[] = [];\n\n    constructor() {\n      super({onlyParentType: Summary});\n    }\n\n    setOptions(options: Option[] = []) {\n      this.selectedOptions = options.filter(it => it.selected);\n    }\n  }\n\n  // --- Select Body Component ---\n  export type SelectBodyAttribute = {\n    float?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';\n    class?: string;\n  }\n  // --- Option Component ---\n  export type OptionAttribute = { value: string; selected?: boolean | null; disabled?: boolean | null; class?: string; };\n\n  export class Option extends ComponentBase<OptionAttribute> implements OnInitRender {\n    public hidden = true;\n    @attribute({name: 'value'}) public value: string | null = null;\n    @attribute({name: 'selected', converter: v => v !== null && v === true}) public selected = false;\n    @attribute({name: 'disabled', converter: v => v !== null && v === true}) public disabled = false;\n    @attribute({name: 'class', converter: v => (v ? v : null)}) public classAttr: string | null = null;\n\n    // public status: 'selected' | 'unselected' | 'disabled' = 'unselected';\n\n    constructor() {\n      super({onlyParentType: SelectBody});\n    }\n\n    onInitRender(param: any, rawSet: RawSet) {\n      super.onInitRender(param, rawSet);\n      // console.log('-----', this.value, this.selected)\n      // this.getElement()?.addEventListener('click', (e) => {\n      //   e.stopPropagation();\n      //   if (!this.disabled) {\n      //     this.getParentThis<Select>().handleOptionClick(this);\n      //   }\n      // });\n      this.updateStatus();\n    }\n\n    // onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {\n    //   super.onCreatedThisChild(child, data);\n    //   this.updateStatus();\n    // }\n    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n      super.onCreatedThisChildDebounce(childrenSet);\n      this.updateStatus();\n    }\n\n    toggleSelected(event: Event) {\n      // console.log('isMultiple', this.isMultiple())\n      if (!this.disabled) {\n        this.selected = this.isMultiple()? !this.selected : true;\n        // this.selected =  !this.selected;\n        this.updateStatus();\n        this.getParentThis<SelectBody>().changeOptionState(this);\n      } else {\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    }\n\n    isMultiple() {\n      return this.getParentThis<Select.SelectBody>()?.getParentThis<Select.Select>().multiple;\n    }\n\n    updateStatus() {\n      if (this.disabled) {\n        this.getChildren(OptionSelected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionUnselected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionDisabled).forEach(c => {\n          c.hidden = false;\n          c.setValue(this.value)\n        });\n        return;\n      }\n\n      if (this.selected) {\n        this.getChildren(OptionSelected).forEach(c => {\n          c.hidden = false;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionUnselected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionDisabled).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n      }\n\n      if (!this.selected) {\n        this.getChildren(OptionSelected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionUnselected).forEach(c => {\n          c.hidden = false;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionDisabled).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n      }\n    }\n  }\n\n  // --- Summary Component ---\n  export class Summary extends ComponentBase implements OnInitRender {\n    @attribute({name: 'class', converter: v => (v === '' ? null : v)}) public classAttr: string | null = null;\n    private options: Select.Option[] = [];\n    private disabled: boolean = false;\n    public element?: HTMLElement;\n\n    constructor() {\n      super({onlyParentType: Select});\n    }\n\n\n    setDisabled(disabled: boolean) {\n      this.disabled = disabled;\n      this.getChildren(SummaryPlaceholder).forEach(it => it.hidden = true);\n      this.getChildren(SummarySelected).forEach(it => it.hidden = true);\n      this.getChildren(SummaryDisabled).forEach(it => it.hidden = false);\n\n    }\n\n    setOptions(options: Option[] = []): void {\n      this.options = options;\n\n      const selectedOptions = this.options.filter(it => it.selected && !it.disabled);\n      if (!this.disabled) {\n        if (selectedOptions.length > 0) {\n          this.getChildren(SummaryPlaceholder).forEach(it => it.hidden = true);\n          this.getChildren(SummarySelected).forEach(c => {\n            c.setOptions(options);\n            c.hidden = false;\n          });\n          this.getChildren(SummaryDisabled).forEach(it => it.hidden = true);\n        } else {\n          this.getChildren(SummaryDisabled).forEach(it => it.hidden = true);\n          this.getChildren(SummaryPlaceholder).forEach(it => it.hidden = false);\n          this.getChildren(SummarySelected).forEach(c => c.hidden = true);\n        }\n      }\n    }\n\n    onInitRender(param: any, rawSet: RawSet) {\n      super.onInitRender(param, rawSet);\n      // this.getElement()?.addEventListener('click', (e) => {\n      //   e.stopPropagation();\n      //   this.getParentThis<Select>().toggle();\n      // });\n    }\n\n    onInitSummaryElement(element: HTMLElement, event: Event) {\n      this.element = element;\n    }\n\n    updateView(hasSelection: boolean) {\n      this.getChildren(SummaryPlaceholder).forEach(c => c.hidden = hasSelection);\n      this.getChildren(SummarySelected).forEach(c => c.hidden = !hasSelection);\n    }\n\n    // onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {\n    //   super.onCreatedThisChild(child, data);\n    // }\n    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n      super.onCreatedThisChildDebounce(childrenSet);\n      this.updateView(this.getParentThis<Select>()?.selectedValues.length > 0);\n    }\n\n\n    onSummaryClick(element: HTMLElement, event: Event) {\n      if (this.getParentThis<Select>()?.disabled) {\n        event.stopPropagation();\n        event.preventDefault();\n        return;\n      }\n    }\n  }\n\n\n  export class SelectBody extends ComponentBase<SelectBodyAttribute> {\n    @attribute({name: 'class', converter: v => (v === '' ? null : v)}) public classAttr: string | null = null;\n    @attribute({name: 'float'}) public float: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | null = null;\n\n    constructor() {\n      super({onlyParentType: Select});\n    }\n\n    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n      this.changeOptionState();\n    }\n\n    changeOptionState(option?: Option) {\n      const options = this.getChildren(Option);\n      const select = this.getParentThis<Select>();\n      // // \uBA40\uD2F0\uD50C\uC774 \uC544\uB2D0\uB54C\uC5D0\uB294 \uB9C8\uC9C0\uB9C9 \uC120\uD0DD\uB41C\uAC12\uC73C\uB85C \uCC98\uB9AC\n      if (!select.multiple) {\n        // \uB0B4\uAC00 \uC120\uD0DD\uD55C\uAC8C \uC788\uC73C\uBA74\n        if (option && option.selected) {\n          options.filter(it => it !== option).forEach(it => it.selected = false);\n        } else {\n          const selectedOptions = options.filter(it => it.selected && !it.disabled)\n          selectedOptions.forEach((opt, idx) => {\n            const isLast = idx === selectedOptions.length - 1;\n            if (!isLast) {\n              opt.selected = false;\n            }\n          });\n        }\n      }\n      // console.log('--------', options.map(it=>it.selected))\n      select?.setOptions(options);\n    }\n  }\n\n\n  // --- Main Select Component ---\n  export type SelectAttribute = {\n    multiple?: boolean | null; class?: string;\n    changeSelected?: (value: (string | null)[]) => void;\n    name?: string;\n    float?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';\n    disableOtherClickClose?: boolean;\n    toggle?: (open: boolean) => void;\n    disabled?: boolean | null;\n  };\n\n  export class Select extends ComponentBase<SelectAttribute> implements OnInitRender, OnCreateRender, OnCreateRenderData, OnDestroyRender {\n    @attribute({name: 'multiple', converter: v => v !== null}) public multiple = false;\n    @attribute({name: 'disabled', converter: v => v !== null}) public disabled = false;\n    @attribute({name: 'class', converter: v => (v === '' ? null : v)}) public classAttr: string | null = null;\n    @attribute({name: 'name', converter: v => (v === '' ? null : v)}) public name: string | null = null;\n\n    // public isOpen = false;\n    public selectedValues: (string | null)[] = [];\n    public selectedOptions: Option[] = [];\n    public value: string | (string | null)[] | null | undefined;\n\n    @DomRenderNoProxy private element?: HTMLDetailsElement;\n    @DomRenderNoProxy private documentClickSubscription?: Subscription;\n    @DomRenderNoProxy private windowBlurSubscription?: Subscription;\n    @DomRenderNoProxy public summaryComponent?: Summary;\n    @DomRenderNoProxy public selectBodyComponent?: SelectBody;\n    private options?: Select.Option[];\n\n    constructor(config?: DomRenderConfig) {\n      super();\n      // console.log('----Select constructor')\n    }\n\n    get optionComponents(): Option[] {\n      return this.getChildren(Option);\n    }\n\n    onCreateRender() {\n\n    }\n\n    onCreateRenderData() {\n\n    }\n\n    onInitRender(param: any, rawSet: RawSet) {\n      super.onInitRender(param, rawSet);\n      // console.log('select onInitRender', this.multiple)\n\n      if (ValidUtils.isBrowser() && this.rawSet?.dataSet.config.window) {\n        const detailsElement = this.element;\n\n        const window = this.rawSet.dataSet!.config!.window!;\n        const document = window.document;\n        this.documentClickSubscription = EventUtils.htmlElementEventObservable(document, 'click').subscribe(event => {\n          const isSummaryClick = this.getChildren(Summary).some(it => event.target && it.element?.contains(event.target as Node) || it.element === event.target)\n          if (!isSummaryClick && this.getAttribute('disableOtherClickClose')) {\n            return;\n          }\n          if (!isSummaryClick && !this.multiple && detailsElement) {\n            detailsElement.open = false;\n            return;\n          }\n          if (!isSummaryClick && detailsElement && !detailsElement?.contains(event?.target as Node)) {\n            detailsElement.open = false;\n          }\n        })\n\n        this.windowBlurSubscription = WindowUtils.eventObservable(window, 'blur').subscribe(() => {\n          if (detailsElement?.open && window.document.activeElement?.tagName === 'IFRAME') {\n            detailsElement.open = false;\n          }\n        });\n      }\n    }\n\n\n    toggle(element: HTMLDetailsElement, event: Event) {\n      // console.log('------>', this.disabled, event)\n      // if (this.disabled) {\n      //   event.stopPropagation();\n      //   event.preventDefault();\n      //   return;\n      // }\n      const toggleAttribute = this.getAttribute('toggle');\n      if (toggleAttribute) {\n        toggleAttribute?.(element.open);\n      }\n    }\n\n    setOptions(options: Option[]) {\n      const summaries = this.getChildren(Summary);\n\n      this.options = options;\n\n      const values = this.options.filter(it => it.selected && !it.disabled).map(it => it.value)\n      this.getAttribute('changeSelected')?.(values);\n      summaries?.forEach(it => {\n        it.setDisabled(this.disabled);\n        if (!this.disabled) {\n          it.setOptions(options);\n        }\n      })\n    }\n\n    onInitDetailsElement(detailsElement: HTMLDetailsElement) {\n      // console.log('detailsElement oninit', detailsElement);\n      this.element = detailsElement;\n    }\n\n    onDrThisUnBind() {\n      super.onDrThisUnBind();\n      this.onDestroyRender();\n    }\n\n    onDestroyRender() {\n      super.onDestroyRender();\n      this.documentClickSubscription?.unsubscribe();\n      this.windowBlurSubscription?.unsubscribe();\n    }\n\n    test() {\n      console.log('tttttttt')\n    }\n  }\n}\n\nconst stateComponentFactory = (name: string, type: any) => {\n  return (config?: DomRenderRunConfig) =>\n    RawSet.createComponentTargetElement({\n      name,\n      template: '<div dr-if=\"!@this@.hidden\" dr-option-strip=\"true\">#innerHTML#</div>\\n',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new type(), config })\n    });\n};\n\nexport default {\n  select: (config?: DomRenderConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: Select.selector,\n      styles:\n        '.dr-select-container {\\n' +\n        '  /*position: relative;*/\\n' +\n        '\\n' +\n        '}\\n' +\n        '.dr-select-options-container {\\n' +\n        '  display: none;\\n' +\n        '  position: absolute;\\n' +\n        '  top: 100%;\\n' +\n        '  left: 0;\\n' +\n        '  right: 0;\\n' +\n        '  z-index: 10;\\n' +\n        '}\\n' +\n        '.dr-select-container.is-open .dr-select-options-container {\\n' +\n        '  display: block;\\n' +\n        '}\\n' +\n        'summary::-webkit-details-marker {\\n' +\n        '    display: none;\\n' +\n        '}\\n' +\n        '/* Floating styles for dr-select-body */\\n' +\n        '.dr-select-body-container {\\n' +\n        '    position: absolute;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-bottom-left-container {\\n' +\n        '    position: absolute;\\n' +\n        '    left: 0;\\n' +\n        '    top: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-bottom-right-container {\\n' +\n        '    position: absolute;\\n' +\n        '    right: 0;\\n' +\n        '    top: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-top-left-container {\\n' +\n        '    position: absolute;\\n' +\n        '    left: 0;\\n' +\n        '    bottom: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-top-right-container {\\n' +\n        '    position: absolute;\\n' +\n        '    right: 0;\\n' +\n        '    bottom: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '/* Reset default details/summary styles */\\n' +\n        '.dr-select-container details {\\n' +\n        '  display: block; /* Ensure it behaves like a block element */\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-container summary {\\n' +\n        '  display: block; /* Ensure it behaves like a block element */\\n' +\n        '  list-style: none; /* Remove default marker */\\n' +\n        \"  cursor: pointer; /* Indicate it's clickable */\\n\" +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-container summary::-webkit-details-marker,\\n' +\n        '.dr-select-container summary::marker {\\n' +\n        '  display: none; /* Hide marker for Webkit and standard */\\n' +\n        '}',\n      template:\n        '<details dr-class=\"{\\n' +\n        \"        'dr-select-container': true,\\n\" +\n        \"        'is-open': @this@.isOpen,\\n\" +\n        '        [@this@.classAttr]: @this@.classAttr\\n' +\n        '     }\" dr-on-init=\"@this@.onInitDetailsElement($element)\" dr-option-complete=\"@this@.test()\"  dr-event-toggle=\"@this@.toggle($element, $event)\">\\n' +\n        '\\n' +\n        '    #innerHTML#\\n' +\n        '</details>\\n' +\n        '<select hidden=\"hidden\" name=\"${@this@.name}$\" disabled=\"${@this@.disabled ? \\'disabled\\' : null}$\"  style=\"width: 1500px; height:500px\"  multiple>\\n' +\n        '    <option dr-for-of=\"@this@.options\" value=\"${#it#.value}$\" selected=\"${#it#.selected ? \\'selected\\' : null}$\">#it# ${#it#.value}$</option>\\n' +\n        '</select',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new Select.Select(config), config })\n    });\n  },\n  selectSummary: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Select.selector}-summary`,\n      template:\n        '<summary dr-class=\"{[@this@.classAttr]: @this@.classAttr}\"\\n' +\n        '         dr-on-init=\"@this@.onInitSummaryElement($element, $event)\"\\n' +\n        '         dr-event-click=\"@this@.onSummaryClick($element, $event)\"\\n' +\n        '>\\n' +\n        '#innerHTML#\\n' +\n        '</summary>',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new Select.Summary(), config })\n    });\n  },\n  selectSummaryPlaceholder: stateComponentFactory(`${Select.selector}-summary-placeholder`, Select.SummaryPlaceholder),\n  selectSummarySelected: stateComponentFactory(`${Select.selector}-summary-selected`, Select.SummarySelected),\n  selectSummaryDisabled: stateComponentFactory(`${Select.selector}-summary-disabled`, Select.SummaryDisabled),\n\n  selectBody: (config?: DomRenderRunConfig) => { // New export\n    return RawSet.createComponentTargetElement({\n      name: `${Select.selector}-body`,\n      template: '<div dr-class=\"{[@this@.classAttr]: @this@.classAttr, \\'dr-select-body-container\\': true,  [\\'dr-select-body-\\'+@this@.float+\\'-container\\']: @this@.float}\">#innerHTML#</div>',\n      objFactory: (e, o, r2, constructorParam) => {\n        return DomRender.run({rootObject: new Select.SelectBody(), config: config});\n      }\n    })\n  },\n\n  selectOption: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Select.selector}-option`,\n      template:\n        '<a dr-class=\"{[@this@.classAttr]: @this@.classAttr}\" dr-event-click=\"@this@.toggleSelected($event)\">#innerHTML#</a>\\n',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new Select.Option(), config })\n    });\n  },\n  selectOptionSelected: stateComponentFactory(`${Select.selector}-option-selected`, Select.OptionSelected),\n  selectOptionUnselected: stateComponentFactory(`${Select.selector}-option-unselected`, Select.OptionUnselected),\n  selectOptionDisabled: stateComponentFactory(`${Select.selector}-option-disabled`, Select.OptionDisabled),\n};"],
-  "mappings": "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",
+  "sourcesContent": ["import { attribute, ChildrenSet, ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OnCreateRenderData, OnCreateRenderDataParams } from '../../lifecycle/OnCreateRenderData';\nimport { OnInitRender } from '../../lifecycle/OnInitRender';\nimport { OnDestroyRender } from '../../lifecycle/OnDestroyRender';\nimport { EventUtils } from '@dooboostore/core-web/event/EventUtils';\nimport { type Subscription } from '@dooboostore/core/message/Subscription';\nimport { ValidUtils } from '@dooboostore/core-web/valid/ValidUtils';\nimport { DomRenderNoProxy } from '../../decorators/DomRenderNoProxy';\nimport { OnCreateRender } from '../../lifecycle/OnCreateRender';\nimport { DomRenderConfig } from '../../configs/DomRenderConfig';\nimport { WindowUtils } from '@dooboostore/core-web/window/WindowUtils';\n\n/** 사용법\n <dr-select class=\"card-select-container\" changeSelected=\"${(data) => @this@.changeSelected(data)}$\">  <!-- multiple attribute optional-->\n <dr-select-summary class=\"card-select-summary-container\">\n <dr-select-summary-placeholder>\n <div class=\"card-select-summary-placeholder-container\">카드사별 사용처 안내 페이지 선택</div>\n </dr-select-summary-placeholder>\n <dr-select-summary-selected>\n <div dr-if=\"@this@.selectedCard\" class=\"card-select-summary-selected-container\">\n <img dr-attr=\"{src:@this@.selectedCard?.iconImg}\"> ${@this@.selectedCard?.name}$\n </div>\n </dr-select-summary-selected>\n </dr-select-summary>\n\n <dr-select-body float=\"bottom-left\" class=\"card-select-body-container\">\n <dr-select-option dr-for-of=\"@this@.cards\" value=\"${#it#.name}$\" selected=\"${#nearForOfIndex# === 0}$\" class=\"card-select-body-option-container\">\n <img dr-attr=\"{src:#it#.iconImg}\"> ${#it#.name}$\n </dr-select-option>\n </dr-select-body>\n </dr-select>\n */\n\nexport namespace Select {\n  export const selector = 'dr-select';\n\n  // Base for simple hide/show components\n  class StateComponent extends ComponentBase {\n    public hidden = true;\n    public value: string | null = null;\n\n    constructor(config: any) {\n      super(config);\n    }\n\n    setValue(value: string | null) {\n      this.value = value;\n    }\n  }\n\n  // --- Option Child Components ---\n  export class OptionSelected extends StateComponent {\n    constructor() {\n      super({onlyParentType: Option});\n    }\n  }\n\n  export class OptionUnselected extends StateComponent {\n    constructor() {\n      super({onlyParentType: Option});\n    }\n  }\n\n  export class OptionDisabled extends StateComponent {\n    constructor() {\n      super({onlyParentType: Option});\n    }\n  }\n\n  // --- Summary Child Components ---\n  export class SummaryPlaceholder extends StateComponent {\n    constructor() {\n      super({onlyParentType: Summary});\n    }\n  }\n\n  export class SummarySelected extends StateComponent {\n    private selectedOptions: Select.Option[] = [];\n\n    constructor() {\n      super({onlyParentType: Summary});\n    }\n\n    setOptions(options: Option[] = []) {\n      this.selectedOptions = options.filter(it => it.selected);\n    }\n  }\n\n  export class SummaryDisabled extends StateComponent {\n    private selectedOptions: Select.Option[] = [];\n\n    constructor() {\n      super({onlyParentType: Summary});\n    }\n\n    setOptions(options: Option[] = []) {\n      this.selectedOptions = options.filter(it => it.selected);\n    }\n  }\n\n  // --- Select Body Component ---\n  export type SelectBodyAttribute = {\n    float?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';\n    class?: string;\n  }\n  // --- Option Component ---\n  export type OptionAttribute = { value: string; selected?: boolean | null; disabled?: boolean | null; class?: string; };\n\n  export class Option extends ComponentBase<OptionAttribute> implements OnInitRender {\n    public hidden = true;\n    @attribute({name: 'value'}) public value: string | null = null;\n    @attribute({name: 'selected', converter: v => v !== null && v === true}) public selected = false;\n    @attribute({name: 'disabled', converter: v => v !== null && v === true}) public disabled = false;\n    @attribute({name: 'class', converter: v => (v ? v : null)}) public classAttr: string | null = null;\n\n    // public status: 'selected' | 'unselected' | 'disabled' = 'unselected';\n\n    constructor() {\n      super({onlyParentType: SelectBody});\n    }\n\n    onInitRender(param: any, rawSet: RawSet) {\n      super.onInitRender(param, rawSet);\n      // console.log('-----', this.value, this.selected)\n      // this.getElement()?.addEventListener('click', (e) => {\n      //   e.stopPropagation();\n      //   if (!this.disabled) {\n      //     this.getParentThis<Select>().handleOptionClick(this);\n      //   }\n      // });\n      this.updateStatus();\n    }\n\n    // onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {\n    //   super.onCreatedThisChild(child, data);\n    //   this.updateStatus();\n    // }\n    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n      super.onCreatedThisChildDebounce(childrenSet);\n      this.updateStatus();\n    }\n\n    toggleSelected(event: Event) {\n      // console.log('isMultiple', this.isMultiple())\n      if (!this.disabled) {\n        this.selected = this.isMultiple()? !this.selected : true;\n        // this.selected =  !this.selected;\n        this.updateStatus();\n        this.getParentThis<SelectBody>().changeOptionState(this);\n      } else {\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    }\n\n    isMultiple() {\n      return this.getParentThis<Select.SelectBody>()?.getParentThis<Select.Select>().multiple;\n    }\n\n    updateStatus() {\n      if (this.disabled) {\n        this.getChildren(OptionSelected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionUnselected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionDisabled).forEach(c => {\n          c.hidden = false;\n          c.setValue(this.value)\n        });\n        return;\n      }\n\n      if (this.selected) {\n        this.getChildren(OptionSelected).forEach(c => {\n          c.hidden = false;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionUnselected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionDisabled).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n      }\n\n      if (!this.selected) {\n        this.getChildren(OptionSelected).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionUnselected).forEach(c => {\n          c.hidden = false;\n          c.setValue(this.value)\n        });\n        this.getChildren(OptionDisabled).forEach(c => {\n          c.hidden = true;\n          c.setValue(this.value)\n        });\n      }\n    }\n  }\n\n  // --- Summary Component ---\n  export class Summary extends ComponentBase implements OnInitRender {\n    @attribute({name: 'class', converter: v => (v === '' ? null : v)}) public classAttr: string | null = null;\n    private options: Select.Option[] = [];\n    private disabled: boolean = false;\n    public element?: HTMLElement;\n\n    constructor() {\n      super({onlyParentType: Select});\n    }\n\n\n    setDisabled(disabled: boolean) {\n      this.disabled = disabled;\n      this.getChildren(SummaryPlaceholder).forEach(it => it.hidden = true);\n      this.getChildren(SummarySelected).forEach(it => it.hidden = true);\n      this.getChildren(SummaryDisabled).forEach(it => it.hidden = false);\n\n    }\n\n    setOptions(options: Option[] = []): void {\n      this.options = options;\n\n      const selectedOptions = this.options.filter(it => it.selected && !it.disabled);\n      if (!this.disabled) {\n        if (selectedOptions.length > 0) {\n          this.getChildren(SummaryPlaceholder).forEach(it => it.hidden = true);\n          this.getChildren(SummarySelected).forEach(c => {\n            c.setOptions(options);\n            c.hidden = false;\n          });\n          this.getChildren(SummaryDisabled).forEach(it => it.hidden = true);\n        } else {\n          this.getChildren(SummaryDisabled).forEach(it => it.hidden = true);\n          this.getChildren(SummaryPlaceholder).forEach(it => it.hidden = false);\n          this.getChildren(SummarySelected).forEach(c => c.hidden = true);\n        }\n      }\n    }\n\n    onInitRender(param: any, rawSet: RawSet) {\n      super.onInitRender(param, rawSet);\n      // this.getElement()?.addEventListener('click', (e) => {\n      //   e.stopPropagation();\n      //   this.getParentThis<Select>().toggle();\n      // });\n    }\n\n    onInitSummaryElement(element: HTMLElement, event: Event) {\n      this.element = element;\n    }\n\n    updateView(hasSelection: boolean) {\n      this.getChildren(SummaryPlaceholder).forEach(c => c.hidden = hasSelection);\n      this.getChildren(SummarySelected).forEach(c => c.hidden = !hasSelection);\n    }\n\n    // onCreatedThisChild(child: any, data: OnCreateRenderDataParams) {\n    //   super.onCreatedThisChild(child, data);\n    // }\n    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n      super.onCreatedThisChildDebounce(childrenSet);\n      this.updateView(this.getParentThis<Select>()?.selectedValues.length > 0);\n    }\n\n\n    onSummaryClick(element: HTMLElement, event: Event) {\n      if (this.getParentThis<Select>()?.disabled) {\n        event.stopPropagation();\n        event.preventDefault();\n        return;\n      }\n    }\n  }\n\n\n  export class SelectBody extends ComponentBase<SelectBodyAttribute> {\n    @attribute({name: 'class', converter: v => (v === '' ? null : v)}) public classAttr: string | null = null;\n    @attribute({name: 'float'}) public float: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | null = null;\n\n    constructor() {\n      super({onlyParentType: Select});\n    }\n\n    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n      this.changeOptionState();\n    }\n\n    changeOptionState(option?: Option) {\n      const options = this.getChildren(Option);\n      const select = this.getParentThis<Select>();\n      // // 멀티플이 아닐때에는 마지막 선택된값으로 처리\n      if (!select.multiple) {\n        // 내가 선택한게 있으면\n        if (option && option.selected) {\n          options.filter(it => it !== option).forEach(it => it.selected = false);\n        } else {\n          const selectedOptions = options.filter(it => it.selected && !it.disabled)\n          selectedOptions.forEach((opt, idx) => {\n            const isLast = idx === selectedOptions.length - 1;\n            if (!isLast) {\n              opt.selected = false;\n            }\n          });\n        }\n      }\n      // console.log('--------', options.map(it=>it.selected))\n      select?.setOptions(options);\n    }\n  }\n\n\n  // --- Main Select Component ---\n  export type SelectAttribute = {\n    multiple?: boolean | null; class?: string;\n    changeSelected?: (value: (string | null)[]) => void;\n    name?: string;\n    float?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';\n    disableOtherClickClose?: boolean;\n    toggle?: (open: boolean) => void;\n    disabled?: boolean | null;\n  };\n\n  export class Select extends ComponentBase<SelectAttribute> implements OnInitRender, OnCreateRender, OnCreateRenderData, OnDestroyRender {\n    @attribute({name: 'multiple', converter: v => v !== null}) public multiple = false;\n    @attribute({name: 'disabled', converter: v => v !== null}) public disabled = false;\n    @attribute({name: 'class', converter: v => (v === '' ? null : v)}) public classAttr: string | null = null;\n    @attribute({name: 'name', converter: v => (v === '' ? null : v)}) public name: string | null = null;\n\n    // public isOpen = false;\n    public selectedValues: (string | null)[] = [];\n    public selectedOptions: Option[] = [];\n    public value: string | (string | null)[] | null | undefined;\n\n    @DomRenderNoProxy private element?: HTMLDetailsElement;\n    @DomRenderNoProxy private documentClickSubscription?: Subscription;\n    @DomRenderNoProxy private windowBlurSubscription?: Subscription;\n    @DomRenderNoProxy public summaryComponent?: Summary;\n    @DomRenderNoProxy public selectBodyComponent?: SelectBody;\n    private options?: Select.Option[];\n\n    constructor(config?: DomRenderConfig) {\n      super();\n      // console.log('----Select constructor')\n    }\n\n    get optionComponents(): Option[] {\n      return this.getChildren(Option);\n    }\n\n    onCreateRender() {\n\n    }\n\n    onCreateRenderData() {\n\n    }\n\n    onInitRender(param: any, rawSet: RawSet) {\n      super.onInitRender(param, rawSet);\n      // console.log('select onInitRender', this.multiple)\n\n      if (ValidUtils.isBrowser() && this.rawSet?.dataSet.config.window) {\n        const detailsElement = this.element;\n\n        const window = this.rawSet.dataSet!.config!.window!;\n        const document = window.document;\n        this.documentClickSubscription = EventUtils.htmlElementEventObservable(document, 'click').subscribe(event => {\n          const isSummaryClick = this.getChildren(Summary).some(it => event.target && it.element?.contains(event.target as Node) || it.element === event.target)\n          if (!isSummaryClick && this.getAttribute('disableOtherClickClose')) {\n            return;\n          }\n          if (!isSummaryClick && !this.multiple && detailsElement) {\n            detailsElement.open = false;\n            return;\n          }\n          if (!isSummaryClick && detailsElement && !detailsElement?.contains(event?.target as Node)) {\n            detailsElement.open = false;\n          }\n        })\n\n        this.windowBlurSubscription = WindowUtils.eventObservable(window, 'blur').subscribe(() => {\n          if (detailsElement?.open && window.document.activeElement?.tagName === 'IFRAME') {\n            detailsElement.open = false;\n          }\n        });\n      }\n    }\n\n\n    toggle(element: HTMLDetailsElement, event: Event) {\n      // console.log('------>', this.disabled, event)\n      // if (this.disabled) {\n      //   event.stopPropagation();\n      //   event.preventDefault();\n      //   return;\n      // }\n      const toggleAttribute = this.getAttribute('toggle');\n      if (toggleAttribute) {\n        toggleAttribute?.(element.open);\n      }\n    }\n\n    setOptions(options: Option[]) {\n      const summaries = this.getChildren(Summary);\n\n      this.options = options;\n\n      const values = this.options.filter(it => it.selected && !it.disabled).map(it => it.value)\n      this.getAttribute('changeSelected')?.(values);\n      summaries?.forEach(it => {\n        it.setDisabled(this.disabled);\n        if (!this.disabled) {\n          it.setOptions(options);\n        }\n      })\n    }\n\n    onInitDetailsElement(detailsElement: HTMLDetailsElement) {\n      // console.log('detailsElement oninit', detailsElement);\n      this.element = detailsElement;\n    }\n\n    onDrThisUnBind() {\n      super.onDrThisUnBind();\n      this.onDestroyRender();\n    }\n\n    onDestroyRender() {\n      super.onDestroyRender();\n      this.documentClickSubscription?.unsubscribe();\n      this.windowBlurSubscription?.unsubscribe();\n    }\n\n    test() {\n      console.log('tttttttt')\n    }\n  }\n}\n\nconst stateComponentFactory = (name: string, type: any) => {\n  return (config?: DomRenderRunConfig) =>\n    RawSet.createComponentTargetElement({\n      name,\n      template: '<div dr-if=\"!@this@.hidden\" dr-option-strip=\"true\">#innerHTML#</div>\\n',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new type(), config })\n    });\n};\n\nexport default {\n  select: (config?: DomRenderConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: Select.selector,\n      styles:\n        '.dr-select-container {\\n' +\n        '  /*position: relative;*/\\n' +\n        '\\n' +\n        '}\\n' +\n        '.dr-select-options-container {\\n' +\n        '  display: none;\\n' +\n        '  position: absolute;\\n' +\n        '  top: 100%;\\n' +\n        '  left: 0;\\n' +\n        '  right: 0;\\n' +\n        '  z-index: 10;\\n' +\n        '}\\n' +\n        '.dr-select-container.is-open .dr-select-options-container {\\n' +\n        '  display: block;\\n' +\n        '}\\n' +\n        'summary::-webkit-details-marker {\\n' +\n        '    display: none;\\n' +\n        '}\\n' +\n        '/* Floating styles for dr-select-body */\\n' +\n        '.dr-select-body-container {\\n' +\n        '    position: absolute;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-bottom-left-container {\\n' +\n        '    position: absolute;\\n' +\n        '    left: 0;\\n' +\n        '    top: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-bottom-right-container {\\n' +\n        '    position: absolute;\\n' +\n        '    right: 0;\\n' +\n        '    top: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-top-left-container {\\n' +\n        '    position: absolute;\\n' +\n        '    left: 0;\\n' +\n        '    bottom: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-body-top-right-container {\\n' +\n        '    position: absolute;\\n' +\n        '    right: 0;\\n' +\n        '    bottom: 100%;\\n' +\n        '}\\n' +\n        '\\n' +\n        '/* Reset default details/summary styles */\\n' +\n        '.dr-select-container details {\\n' +\n        '  display: block; /* Ensure it behaves like a block element */\\n' +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-container summary {\\n' +\n        '  display: block; /* Ensure it behaves like a block element */\\n' +\n        '  list-style: none; /* Remove default marker */\\n' +\n        \"  cursor: pointer; /* Indicate it's clickable */\\n\" +\n        '}\\n' +\n        '\\n' +\n        '.dr-select-container summary::-webkit-details-marker,\\n' +\n        '.dr-select-container summary::marker {\\n' +\n        '  display: none; /* Hide marker for Webkit and standard */\\n' +\n        '}',\n      template:\n        '<details dr-class=\"{\\n' +\n        \"        'dr-select-container': true,\\n\" +\n        \"        'is-open': @this@.isOpen,\\n\" +\n        '        [@this@.classAttr]: @this@.classAttr\\n' +\n        '     }\" dr-on-init=\"@this@.onInitDetailsElement($element)\" dr-option-complete=\"@this@.test()\"  dr-event-toggle=\"@this@.toggle($element, $event)\">\\n' +\n        '\\n' +\n        '    #innerHTML#\\n' +\n        '</details>\\n' +\n        '<select hidden=\"hidden\" name=\"${@this@.name}$\" disabled=\"${@this@.disabled ? \\'disabled\\' : null}$\"  style=\"width: 1500px; height:500px\"  multiple>\\n' +\n        '    <option dr-for-of=\"@this@.options\" value=\"${#it#.value}$\" selected=\"${#it#.selected ? \\'selected\\' : null}$\">#it# ${#it#.value}$</option>\\n' +\n        '</select',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new Select.Select(config), config })\n    });\n  },\n  selectSummary: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Select.selector}-summary`,\n      template:\n        '<summary dr-class=\"{[@this@.classAttr]: @this@.classAttr}\"\\n' +\n        '         dr-on-init=\"@this@.onInitSummaryElement($element, $event)\"\\n' +\n        '         dr-event-click=\"@this@.onSummaryClick($element, $event)\"\\n' +\n        '>\\n' +\n        '#innerHTML#\\n' +\n        '</summary>',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new Select.Summary(), config })\n    });\n  },\n  selectSummaryPlaceholder: stateComponentFactory(`${Select.selector}-summary-placeholder`, Select.SummaryPlaceholder),\n  selectSummarySelected: stateComponentFactory(`${Select.selector}-summary-selected`, Select.SummarySelected),\n  selectSummaryDisabled: stateComponentFactory(`${Select.selector}-summary-disabled`, Select.SummaryDisabled),\n\n  selectBody: (config?: DomRenderRunConfig) => { // New export\n    return RawSet.createComponentTargetElement({\n      name: `${Select.selector}-body`,\n      template: '<div dr-class=\"{[@this@.classAttr]: @this@.classAttr, \\'dr-select-body-container\\': true,  [\\'dr-select-body-\\'+@this@.float+\\'-container\\']: @this@.float}\">#innerHTML#</div>',\n      objFactory: (e, o, r2, constructorParam) => {\n        return DomRender.run({rootObject: new Select.SelectBody(), config: config});\n      }\n    })\n  },\n\n  selectOption: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Select.selector}-option`,\n      template:\n        '<a dr-class=\"{[@this@.classAttr]: @this@.classAttr}\" dr-event-click=\"@this@.toggleSelected($event)\">#innerHTML#</a>\\n',\n      objFactory: (e, o, r2, constructorParam) => DomRender.run({ rootObject: new Select.Option(), config })\n    });\n  },\n  selectOptionSelected: stateComponentFactory(`${Select.selector}-option-selected`, Select.OptionSelected),\n  selectOptionUnselected: stateComponentFactory(`${Select.selector}-option-unselected`, Select.OptionUnselected),\n  selectOptionDisabled: stateComponentFactory(`${Select.selector}-option-disabled`, Select.OptionDisabled),\n};"],
+  "mappings": "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",
   "names": ["Select"]
 }

package/dist/cjs/decorators/DomRenderNoProxy.js

@@ -23,7 +23,6 @@ __export(DomRenderNoProxy_exports, {
   isDomRenderNoProxy: () => isDomRenderNoProxy
 });
 module.exports = __toCommonJS(DomRenderNoProxy_exports);
-var import_reflect_metadata = require("reflect-metadata");
 const DomRenderNoProxyKey = "DomRender:NoProxy";
 const DomRenderNoProxy = (target, propertyKey) => {
   if (propertyKey === void 0) {

package/dist/cjs/decorators/DomRenderNoProxy.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/DomRenderNoProxy.ts"],
-  "sourcesContent": ["import 'reflect-metadata'\nimport { ConstructorType } from '@dooboostore/core/types';\nimport { ValidUtils } from '@dooboostore/core/valid/ValidUtils';\n\n// export type ReflectField = (target: Object|{constructor: ConstructorType<any>, [key: string]: Function}, propertyKey: string | symbol) => void;\nexport const DomRenderNoProxyKey = 'DomRender:NoProxy'\nexport const DomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n    // \uD074\uB798\uC2A4 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0\n    if (propertyKey === undefined) {\n      // target\uC740 \uD074\uB798\uC2A4 \uC0DD\uC131\uC790\n      Reflect.defineMetadata(DomRenderNoProxyKey, true, target);\n      return;\n    }\n\n    // \uD504\uB85C\uD37C\uD2F0 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0\n    // target\uC740 \uD504\uB85C\uD1A0\uD0C0\uC785, propertyKey\uB294 \uD504\uB85C\uD37C\uD2F0 \uC774\uB984\n    Reflect.defineMetadata(DomRenderNoProxyKey, true, target, propertyKey);\n};\n\nexport const getDomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n  // if (ValidUtils.isNotNullUndefined(target)) {\n    // \uD074\uB798\uC2A4 \uB370\uCF54\uB808\uC774\uD130\n    if (propertyKey === undefined) {\n      return Reflect.getMetadata(DomRenderNoProxyKey, target);\n    }\n    // \uD504\uB85C\uD37C\uD2F0 \uB370\uCF54\uB808\uC774\uD130\n    return Reflect.getMetadata(DomRenderNoProxyKey, target, propertyKey);\n  // } else {\n  //   return undefined;\n  // }\n}\n\nexport const isDomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n  return getDomRenderNoProxy(target, propertyKey) === true;\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAAO;AAKA,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB,CAAC,QAAa,gBAAkC;AAE5E,MAAI,gBAAgB,QAAW;AAE7B,YAAQ,eAAe,qBAAqB,MAAM,MAAM;AACxD;AAAA,EACF;AAIA,UAAQ,eAAe,qBAAqB,MAAM,QAAQ,WAAW;AACzE;AAEO,MAAM,sBAAsB,CAAC,QAAa,gBAAkC;AAG/E,MAAI,gBAAgB,QAAW;AAC7B,WAAO,QAAQ,YAAY,qBAAqB,MAAM;AAAA,EACxD;AAEA,SAAO,QAAQ,YAAY,qBAAqB,QAAQ,WAAW;AAIvE;AAEO,MAAM,qBAAqB,CAAC,QAAa,gBAAkC;AAChF,SAAO,oBAAoB,QAAQ,WAAW,MAAM;AACtD;",
+  "sourcesContent": ["export const DomRenderNoProxyKey = 'DomRender:NoProxy'\nexport const DomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n    // \uD074\uB798\uC2A4 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0\n    if (propertyKey === undefined) {\n      // target\uC740 \uD074\uB798\uC2A4 \uC0DD\uC131\uC790\n      Reflect.defineMetadata(DomRenderNoProxyKey, true, target);\n      return;\n    }\n\n    // \uD504\uB85C\uD37C\uD2F0 \uB370\uCF54\uB808\uC774\uD130\uB85C \uC0AC\uC6A9\uB41C \uACBD\uC6B0\n    // target\uC740 \uD504\uB85C\uD1A0\uD0C0\uC785, propertyKey\uB294 \uD504\uB85C\uD37C\uD2F0 \uC774\uB984\n    Reflect.defineMetadata(DomRenderNoProxyKey, true, target, propertyKey);\n};\n\nexport const getDomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n  // if (ValidUtils.isNotNullUndefined(target)) {\n    // \uD074\uB798\uC2A4 \uB370\uCF54\uB808\uC774\uD130\n    if (propertyKey === undefined) {\n      return Reflect.getMetadata(DomRenderNoProxyKey, target);\n    }\n    // \uD504\uB85C\uD37C\uD2F0 \uB370\uCF54\uB808\uC774\uD130\n    return Reflect.getMetadata(DomRenderNoProxyKey, target, propertyKey);\n  // } else {\n  //   return undefined;\n  // }\n}\n\nexport const isDomRenderNoProxy = (target: any, propertyKey?: string | symbol) => {\n  return getDomRenderNoProxy(target, propertyKey) === true;\n}"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,sBAAsB;AAC5B,MAAM,mBAAmB,CAAC,QAAa,gBAAkC;AAE5E,MAAI,gBAAgB,QAAW;AAE7B,YAAQ,eAAe,qBAAqB,MAAM,MAAM;AACxD;AAAA,EACF;AAIA,UAAQ,eAAe,qBAAqB,MAAM,QAAQ,WAAW;AACzE;AAEO,MAAM,sBAAsB,CAAC,QAAa,gBAAkC;AAG/E,MAAI,gBAAgB,QAAW;AAC7B,WAAO,QAAQ,YAAY,qBAAqB,MAAM;AAAA,EACxD;AAEA,SAAO,QAAQ,YAAY,qBAAqB,QAAQ,WAAW;AAIvE;AAEO,MAAM,qBAAqB,CAAC,QAAa,gBAAkC;AAChF,SAAO,oBAAoB,QAAQ,WAAW,MAAM;AACtD;",
   "names": []
 }

package/dist/cjs/index.js

@@ -14,50 +14,11 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
-  AppenderArray: () => import_operators.Appender,
-  DomRender: () => import_DomRender.DomRender,
-  DomRenderProxy: () => import_DomRenderProxy.DomRenderProxy,
-  Dr: () => import_operators.Dr,
-  DrAppender: () => import_operators.DrAppender,
-  DrFor: () => import_operators.DrFor,
-  DrForOf: () => import_operators.DrForOf,
-  DrForm: () => import_operators.DrForm,
-  DrIf: () => import_operators.DrIf,
-  DrInnerHTML: () => import_operators.DrInnerHTML,
-  DrInnerText: () => import_operators.DrInnerText,
-  DrPre: () => import_operators.DrPre,
-  DrRepeat: () => import_operators.DrRepeat,
-  DrStripElement: () => import_operators.DrStripElement,
-  DrTargetAttr: () => import_operators.DrTargetAttr,
-  DrTargetElement: () => import_operators.DrTargetElement,
-  DrTargetElementIsElement: () => import_operators.DrTargetElementIsElement,
-  DrThis: () => import_operators.DrThis,
-  DrThisProperty: () => import_operators.DrThisProperty,
-  OperatorExecuter: () => import_operators.OperatorExecuter,
-  OperatorExecuterAttrRequire: () => import_operators.OperatorExecuterAttrRequire,
-  getDomRenderConfig: () => import_DomRenderProxy.getDomRenderConfig,
-  getDomRenderOriginObject: () => import_DomRenderProxy.getDomRenderOriginObject,
-  getDomRenderProxy: () => import_DomRenderProxy.getDomRenderProxy,
-  isWrapProxyDomRenderProxy: () => import_DomRenderProxy.isWrapProxyDomRenderProxy
+  default: () => src_default
 });
 module.exports = __toCommonJS(src_exports);
-var import_DomRender = require("./DomRender");
-var import_DomRenderProxy = require("./DomRenderProxy");
-__reExport(src_exports, require("./configs"), module.exports);
-__reExport(src_exports, require("./decorators"), module.exports);
-__reExport(src_exports, require("./events"), module.exports);
-__reExport(src_exports, require("./iterators"), module.exports);
-__reExport(src_exports, require("./lifecycle"), module.exports);
-__reExport(src_exports, require("./managers"), module.exports);
-__reExport(src_exports, require("./messenger"), module.exports);
-var import_operators = require("./operators");
-__reExport(src_exports, require("./rawsets"), module.exports);
-__reExport(src_exports, require("./routers"), module.exports);
-__reExport(src_exports, require("./types"), module.exports);
-__reExport(src_exports, require("./validators"), module.exports);
-__reExport(src_exports, require("./components"), module.exports);
+var src_default = {};
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["export { DomRender, type DomRenderRunConfig, type CreateComponentParam } from './DomRender';\nexport { DomRenderProxy, getDomRenderConfig, getDomRenderOriginObject, getDomRenderProxy, isWrapProxyDomRenderProxy } from './DomRenderProxy';\n\nexport * from './configs';\nexport * from './decorators';\nexport * from './events';\nexport * from './iterators';\nexport * from './lifecycle';\nexport * from './managers';\nexport * from './messenger';\nexport { Appender as AppenderArray, Dr, DrAppender, DrFor, DrForOf, DrForm, DrIf, DrInnerHTML, DrInnerText, DrPre, DrRepeat, DrStripElement, DrTargetAttr, DrTargetElement, DrTargetElementIsElement, DrThis, DrThisProperty, OperatorExecuter, OperatorExecuterAttrRequire } from './operators';\nexport * from './rawsets';\nexport * from './routers';\nexport * from './types';\nexport * from './validators';\nexport * from './components';"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA8E;AAC9E,4BAA2H;AAE3H,wBAAc,sBAHd;AAIA,wBAAc,yBAJd;AAKA,wBAAc,qBALd;AAMA,wBAAc,wBANd;AAOA,wBAAc,wBAPd;AAQA,wBAAc,uBARd;AASA,wBAAc,wBATd;AAUA,uBAAmR;AACnR,wBAAc,sBAXd;AAYA,wBAAc,sBAZd;AAaA,wBAAc,oBAbd;AAcA,wBAAc,yBAdd;AAeA,wBAAc,yBAfd;",
+  "sourcesContent": ["//\n// export * from './components';\n// export * from './configs';\n// export * from './decorators';\n// export * from './events';\n// export * from './iterators';\n// export * from './lifecycle';\n// export * from './messenger';\n// // export * from './operators';\n// export { Appender as AppenderArray, Dr, DrAppender, DrFor, DrForOf, DrForm, DrIf, DrInnerHTML, DrInnerText, DrPre, DrRepeat, DrStripElement, DrTargetAttr, DrTargetElement, DrTargetElementIsElement, DrThis, DrThisProperty, OperatorExecuter, OperatorExecuterAttrRequire } from './operators';\n// export * from './rawsets';\n// export * from './routers';\n// export * from './types';\n// export * from './validators';\n// export * from './DomRender';\n// export * from './DomRenderProxy';\nexport default {}"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBA,IAAO,cAAQ,CAAC;",
   "names": []
 }

package/dist/cjs/operators/DrForOf.js

@@ -24,7 +24,7 @@ var import_OperatorExecuterAttrRequire = require("./OperatorExecuterAttrRequire"
 var import_ScriptUtils = require("@dooboostore/core-web/script/ScriptUtils");
 var import_RawSet = require("../rawsets/RawSet");
 var import_OperatorExecuter = require("./OperatorExecuter");
-var import_core = require("@dooboostore/core");
+var import_ObjectUtils = require("@dooboostore/core/object/ObjectUtils");
 class DrForOf extends import_OperatorExecuterAttrRequire.OperatorExecuterAttrRequire {
   constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
     source.operatorAround = void 0;
@@ -38,7 +38,7 @@ class DrForOf extends import_OperatorExecuterAttrRequire.OperatorExecuterAttrReq
                     ${this.render.bindScript}
                     ${this.elementSource.attrs.drBeforeOption ?? ""}
                     var i = -1; 
-                    const forOf = ${import_core.ObjectUtils.Path.toOptionalChainPath(attr)};
+                    const forOf = ${import_ObjectUtils.ObjectUtils.Path.toOptionalChainPath(attr)};
                     const forOfStr = \`${attr}\`.trim();
                     // console.log('forOf---',forOf);
                     if (forOf) {

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

@@ -1,7 +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';\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    // console.log('----!', this.elementSource.attrs)\n    // ScriptUtils.evalReturn()\n    ScriptUtils.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                            // console.log('zzzzzzzzzzz', n.getAttribute('${RawSet.DR_DETECT_ATTR_OPTIONNAME}'));\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                            // console.log('---------'+destIt,n, Array.from(n.getAttributeNames()).map(it=>({name:it,attr: n.getAttribute(it)})));\n                            // console.log('---------destItdestIt',destIt);\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                            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                            // console.log('!@@@@', n.innerHTML);\n                            // DR_THIS_OPTIONNAME \uB294 \uC81C\uAC70\uD55C\uB2E4 \uAF2C\uC778\uB2E4. strip \uD560\uB54C \uB9C9 \uAF2C\uC5EC\uBC84\uB9B0\uB2E4.\n                            // const drOptionThis = n.getAttribute('${RawSet.DR_THIS_OPTIONNAME}');\n                            // if (drOptionThis) {\n                            //  n.setAttribute('${RawSet.DR_THIS_NAME}', drOptionThis)\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;AAAA;AAAA;AAAA;AAAA;AAAA,yCAA4C;AAC5C,yBAA4B;AAC5B,oBAAuB;AAEvB,8BAAoF;AACpF,kBAA4B;AAErB,MAAM,gBAAgB,+DAAoC;AAAA,EAC/D,YAAY,QAAgB,QAAgB,iBAAkC,eAA8B,QAAgB,eAA8B;AACxJ,WAAO,iBAAiB;AACxB,UAAM,QAAQ,QAAQ,iBAAiB,eAAe,QAAQ,eAAe,KAAK;AAAA,EACpF;AAAA,EAEA,MAAM,mBAAmB,MAAqC;AAE5D,UAAM,WAAW,qBAAO,kBAAkB,KAAK,cAAc,SAAS,SAAS;AAC/E,UAAM,OAAO,qBAAO,cAAc,KAAK,cAAc,SAAS,KAAK,cAAc,MAAM,eAAe,EAAE;AACxG,UAAM,UAAU,KAAK,OAAO,OAAO,OAAO,SAAS,cAAc,MAAM;AAGvE,mCAAY,SAAS;AAAA,sBACH,KAAK,OAAO,UAAU;AAAA,sBACtB,KAAK,cAAc,MAAM,kBAAkB,EAAE;AAAA;AAAA,oCAE/B,wBAAY,KAAK,oBAAoB,IAAI,CAAC;AAAA,yCACrC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4EAkB+B,qBAAO,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA,mEAKzC,qBAAO,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qEAY9B,qBAAO,2BAA2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sEAYjC,qBAAO,kBAAkB;AAAA;AAAA,kDAE7C,qBAAO,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAUvC,KAAK,cAAc,MAAM,YAAY;AAAA;AAAA;AAAA,mDAGhB,KAAK,cAAc,MAAM,YAAY;AAAA,8CAC1C,qBAAO,cAAc;AAAA,8CACrB,qBAAO,kBAAkB;AAAA;AAAA;AAAA;AAAA,sBAIjD,KAAK,cAAc,MAAM,iBAAiB,EAAE;AAAA,uBAC3C,OAAO,OAAO,KAAK,OAAO,KAAK;AAAA,MAChD,UAAU,OAAO,OAAO;AAAA,QACtB,eAAe,KAAK,cAAc,MAAM;AAAA,QACxC,QAAQ,KAAK,cAAc;AAAA,QAC3B,mBAAmB,qBAAO;AAAA,QAC1B,KAAK;AAAA,QACL,GAAG,KAAK;AAAA;AAAA,MAEV,CAAW;AAAA,IACb,CAAC,CAAC;AACF,yBAAO,cAAc,SAAS,IAAI;AAClC,yBAAO,kBAAkB,SAAS,QAAQ;AAC1C,UAAM,WAAW,KAAK,OAAO,OAAO,OAAO,SAAS,cAAc,UAAU;AAC5E,aAAS,YAAY,QAAQ;AAC7B,SAAK,gBAAgB,IAAI,OAAO,SAAS,OAAO;AAChD,UAAM,KAAK,qBAAO,kBAAkB,KAAK,gBAAgB,KAAK,KAAK,OAAO,KAAK,KAAK,OAAO,MAAM;AACjG,SAAK,cAAc,QAAQ,YAAY,aAAa,KAAK,gBAAgB,KAAK,KAAK,cAAc,OAAO;AAExG,SAAK,gBAAgB,KAAK,KAAK,GAAG,EAAE;AACpC,WAAO,qCAAa;AAAA,EACtB;AACF;",
+  "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    // console.log('----!', this.elementSource.attrs)\n    // ScriptUtils.evalReturn()\n    ScriptUtils.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                            // console.log('zzzzzzzzzzz', n.getAttribute('${RawSet.DR_DETECT_ATTR_OPTIONNAME}'));\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                            // console.log('---------'+destIt,n, Array.from(n.getAttributeNames()).map(it=>({name:it,attr: n.getAttribute(it)})));\n                            // console.log('---------destItdestIt',destIt);\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                            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                            // console.log('!@@@@', n.innerHTML);\n                            // DR_THIS_OPTIONNAME \uB294 \uC81C\uAC70\uD55C\uB2E4 \uAF2C\uC778\uB2E4. strip \uD560\uB54C \uB9C9 \uAF2C\uC5EC\uBC84\uB9B0\uB2E4.\n                            // const drOptionThis = n.getAttribute('${RawSet.DR_THIS_OPTIONNAME}');\n                            // if (drOptionThis) {\n                            //  n.setAttribute('${RawSet.DR_THIS_NAME}', drOptionThis)\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;AAAA;AAAA;AAAA;AAAA;AAAA,yCAA4C;AAC5C,yBAA4B;AAC5B,oBAAuB;AAEvB,8BAAoF;AACpF,yBAA4B;AAErB,MAAM,gBAAgB,+DAAoC;AAAA,EAC/D,YAAY,QAAgB,QAAgB,iBAAkC,eAA8B,QAAgB,eAA8B;AACxJ,WAAO,iBAAiB;AACxB,UAAM,QAAQ,QAAQ,iBAAiB,eAAe,QAAQ,eAAe,KAAK;AAAA,EACpF;AAAA,EAEA,MAAM,mBAAmB,MAAqC;AAE5D,UAAM,WAAW,qBAAO,kBAAkB,KAAK,cAAc,SAAS,SAAS;AAC/E,UAAM,OAAO,qBAAO,cAAc,KAAK,cAAc,SAAS,KAAK,cAAc,MAAM,eAAe,EAAE;AACxG,UAAM,UAAU,KAAK,OAAO,OAAO,OAAO,SAAS,cAAc,MAAM;AAGvE,mCAAY,SAAS;AAAA,sBACH,KAAK,OAAO,UAAU;AAAA,sBACtB,KAAK,cAAc,MAAM,kBAAkB,EAAE;AAAA;AAAA,oCAE/B,+BAAY,KAAK,oBAAoB,IAAI,CAAC;AAAA,yCACrC,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4EAkB+B,qBAAO,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA,mEAKzC,qBAAO,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qEAY9B,qBAAO,2BAA2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sEAYjC,qBAAO,kBAAkB;AAAA;AAAA,kDAE7C,qBAAO,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAUvC,KAAK,cAAc,MAAM,YAAY;AAAA;AAAA;AAAA,mDAGhB,KAAK,cAAc,MAAM,YAAY;AAAA,8CAC1C,qBAAO,cAAc;AAAA,8CACrB,qBAAO,kBAAkB;AAAA;AAAA;AAAA;AAAA,sBAIjD,KAAK,cAAc,MAAM,iBAAiB,EAAE;AAAA,uBAC3C,OAAO,OAAO,KAAK,OAAO,KAAK;AAAA,MAChD,UAAU,OAAO,OAAO;AAAA,QACtB,eAAe,KAAK,cAAc,MAAM;AAAA,QACxC,QAAQ,KAAK,cAAc;AAAA,QAC3B,mBAAmB,qBAAO;AAAA,QAC1B,KAAK;AAAA,QACL,GAAG,KAAK;AAAA;AAAA,MAEV,CAAW;AAAA,IACb,CAAC,CAAC;AACF,yBAAO,cAAc,SAAS,IAAI;AAClC,yBAAO,kBAAkB,SAAS,QAAQ;AAC1C,UAAM,WAAW,KAAK,OAAO,OAAO,OAAO,SAAS,cAAc,UAAU;AAC5E,aAAS,YAAY,QAAQ;AAC7B,SAAK,gBAAgB,IAAI,OAAO,SAAS,OAAO;AAChD,UAAM,KAAK,qBAAO,kBAAkB,KAAK,gBAAgB,KAAK,KAAK,OAAO,KAAK,KAAK,OAAO,MAAM;AACjG,SAAK,cAAc,QAAQ,YAAY,aAAa,KAAK,gBAAgB,KAAK,KAAK,cAAc,OAAO;AAExG,SAAK,gBAAgB,KAAK,KAAK,GAAG,EAAE;AACpC,WAAO,qCAAa;AAAA,EACtB;AACF;",
   "names": []
 }

package/dist/cjs/operators/DrIf.js

@@ -24,7 +24,7 @@ var import_OperatorExecuterAttrRequire = require("./OperatorExecuterAttrRequire"
 var import_ScriptUtils = require("@dooboostore/core-web/script/ScriptUtils");
 var import_RawSet = require("../rawsets/RawSet");
 var import_OperatorExecuter = require("./OperatorExecuter");
-var import_core = require("@dooboostore/core");
+var import_ObjectUtils = require("@dooboostore/core/object/ObjectUtils");
 class DrIf extends import_OperatorExecuterAttrRequire.OperatorExecuterAttrRequire {
   constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
     source.operatorAround = void 0;
@@ -37,10 +37,10 @@ class DrIf extends import_OperatorExecuterAttrRequire.OperatorExecuterAttrRequir
     const keepgoing = import_ScriptUtils.ScriptUtils.evaluate(`
                 ${this.render.bindScript}
                 ${this.elementSource.attrs.drBeforeOption ?? ""}
-                if ($rawSet.data === (${import_core.ObjectUtils.Path.toOptionalChainPath(attr)})) {
+                if ($rawSet.data === (${import_ObjectUtils.ObjectUtils.Path.toOptionalChainPath(attr)})) {
                     return false;
                 }
-                $rawSet.data = ${import_core.ObjectUtils.Path.toOptionalChainPath(attr)};
+                $rawSet.data = ${import_ObjectUtils.ObjectUtils.Path.toOptionalChainPath(attr)};
                 if($rawSet.data) {
                     const n = $element.cloneNode(true);
                     Object.entries(this.__render.drAttr).filter(([k,v]) => k !== 'drIf' && v).forEach(([k, v]) => n.setAttribute(this.__render.drAttrsOriginName[k], v));

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

@@ -1,7 +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';\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 = ScriptUtils.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;AAAA;AAAA;AAAA;AAAA;AAAA,yCAA4C;AAC5C,yBAA4B;AAC5B,oBAAuB;AAEvB,8BAAoF;AACpF,kBAA4B;AAErB,MAAM,aAAa,+DAAoC;AAAA,EAC5D,YAAY,QAAgB,QAAgB,iBAAkC,eAA8B,QAAgB,eAA8B;AACxJ,WAAO,iBAAiB;AACxB,UAAM,QAAQ,QAAQ,iBAAiB,eAAe,QAAQ,eAAe,KAAK;AAAA,EACpF;AAAA,EAEA,MAAM,mBAAmB,MAAqC;AAC5D,UAAM,WAAW,qBAAO,kBAAkB,KAAK,cAAc,SAAS,MAAM;AAC5E,UAAM,OAAO,qBAAO,cAAc,KAAK,cAAc,SAAS,KAAK,cAAc,MAAM,eAAe,EAAE;AACxG,UAAM,UAAU,KAAK,OAAO,OAAO,OAAO,SAAS,cAAc,MAAM;AAEvE,UAAM,YAAY,+BAAY,SAAS;AAAA,kBACzB,KAAK,OAAO,UAAU;AAAA,kBACtB,KAAK,cAAc,MAAM,kBAAkB,EAAE;AAAA,wCACvB,wBAAY,KAAK,oBAAoB,IAAI,CAAC;AAAA;AAAA;AAAA,iCAGjD,wBAAY,KAAK,oBAAoB,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA,mCAIxC,KAAK,cAAc,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAYpD,KAAK,cAAc,MAAM,iBAAiB,EAAE;AAAA;AAAA,mBAE3C,OAAO;AAAA,MAAO,KAAK,OAAO;AAAA,MACvC;AAAA,QACE,UAAU,OAAO,OAAO;AAAA,UACtB,KAAK;AAAA,UACL,QAAQ,KAAK,cAAc;AAAA,UAC3B,mBAAmB,qBAAO;AAAA,UAC1B,eAAe,KAAK,cAAc,MAAM;AAAA,UACxC,GAAG,KAAK;AAAA,QACV,CAAW;AAAA,MACb;AAAA,IACF,CAAC;AAED,QAAI,cAAc,OAAO;AACvB,aAAO,qCAAa;AAAA,IACtB;AACA,yBAAO,cAAc,SAAS,IAAI;AAClC,yBAAO,kBAAkB,SAAS,QAAQ;AAE1C,UAAM,WAAW,KAAK,OAAO,OAAO,OAAO,SAAS,cAAc,UAAU;AAC5E,aAAS,YAAY,QAAQ;AAC7B,SAAK,gBAAgB,IAAI,OAAO,SAAS,OAAO;AAChD,UAAM,KAAK,qBAAO,kBAAkB,KAAK,gBAAgB,KAAK,KAAK,OAAO,KAAK,KAAK,OAAO,MAAM;AACjG,SAAK,cAAc,QAAQ,YAAY,aAAa,KAAK,gBAAgB,KAAK,KAAK,cAAc,OAAO;AACxG,SAAK,gBAAgB,KAAK,KAAK,GAAG,EAAE;AACpC,WAAO,qCAAa;AAAA,EACtB;AACF;",
+  "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 = ScriptUtils.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;AAAA;AAAA;AAAA;AAAA;AAAA,yCAA4C;AAC5C,yBAA4B;AAC5B,oBAAuB;AAEvB,8BAAoF;AACpF,yBAA4B;AAErB,MAAM,aAAa,+DAAoC;AAAA,EAC5D,YAAY,QAAgB,QAAgB,iBAAkC,eAA8B,QAAgB,eAA8B;AACxJ,WAAO,iBAAiB;AACxB,UAAM,QAAQ,QAAQ,iBAAiB,eAAe,QAAQ,eAAe,KAAK;AAAA,EACpF;AAAA,EAEA,MAAM,mBAAmB,MAAqC;AAC5D,UAAM,WAAW,qBAAO,kBAAkB,KAAK,cAAc,SAAS,MAAM;AAC5E,UAAM,OAAO,qBAAO,cAAc,KAAK,cAAc,SAAS,KAAK,cAAc,MAAM,eAAe,EAAE;AACxG,UAAM,UAAU,KAAK,OAAO,OAAO,OAAO,SAAS,cAAc,MAAM;AAEvE,UAAM,YAAY,+BAAY,SAAS;AAAA,kBACzB,KAAK,OAAO,UAAU;AAAA,kBACtB,KAAK,cAAc,MAAM,kBAAkB,EAAE;AAAA,wCACvB,+BAAY,KAAK,oBAAoB,IAAI,CAAC;AAAA;AAAA;AAAA,iCAGjD,+BAAY,KAAK,oBAAoB,IAAI,CAAC;AAAA;AAAA;AAAA;AAAA,mCAIxC,KAAK,cAAc,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAYpD,KAAK,cAAc,MAAM,iBAAiB,EAAE;AAAA;AAAA,mBAE3C,OAAO;AAAA,MAAO,KAAK,OAAO;AAAA,MACvC;AAAA,QACE,UAAU,OAAO,OAAO;AAAA,UACtB,KAAK;AAAA,UACL,QAAQ,KAAK,cAAc;AAAA,UAC3B,mBAAmB,qBAAO;AAAA,UAC1B,eAAe,KAAK,cAAc,MAAM;AAAA,UACxC,GAAG,KAAK;AAAA,QACV,CAAW;AAAA,MACb;AAAA,IACF,CAAC;AAED,QAAI,cAAc,OAAO;AACvB,aAAO,qCAAa;AAAA,IACtB;AACA,yBAAO,cAAc,SAAS,IAAI;AAClC,yBAAO,kBAAkB,SAAS,QAAQ;AAE1C,UAAM,WAAW,KAAK,OAAO,OAAO,OAAO,SAAS,cAAc,UAAU;AAC5E,aAAS,YAAY,QAAQ;AAC7B,SAAK,gBAAgB,IAAI,OAAO,SAAS,OAAO;AAChD,UAAM,KAAK,qBAAO,kBAAkB,KAAK,gBAAgB,KAAK,KAAK,OAAO,KAAK,KAAK,OAAO,MAAM;AACjG,SAAK,cAAc,QAAQ,YAAY,aAAa,KAAK,gBAAgB,KAAK,KAAK,cAAc,OAAO;AACxG,SAAK,gBAAgB,KAAK,KAAK,GAAG,EAAE;AACpC,WAAO,qCAAa;AAAA,EACtB;AACF;",
   "names": []
 }

package/dist/cjs/operators/OperatorExecuter.js

@@ -22,7 +22,7 @@ __export(OperatorExecuter_exports, {
 });
 module.exports = __toCommonJS(OperatorExecuter_exports);
 var import_ScriptUtils = require("@dooboostore/core-web/script/ScriptUtils");
-var import_core = require("@dooboostore/core");
+var import_ObjectUtils = require("@dooboostore/core/object/ObjectUtils");
 var ExecuteState = /* @__PURE__ */ ((ExecuteState2) => {
   ExecuteState2[ExecuteState2["EXECUTE"] = 0] = "EXECUTE";
   ExecuteState2[ExecuteState2["NO_EXECUTE"] = 1] = "NO_EXECUTE";
@@ -46,7 +46,7 @@ class OperatorExecuter {
     }
     let r = attrValue;
     if (r && this.startingExecute) {
-      const optionalPath = import_core.ObjectUtils.Path.toOptionalChainPath(attrValue);
+      const optionalPath = import_ObjectUtils.ObjectUtils.Path.toOptionalChainPath(attrValue);
       r = import_ScriptUtils.ScriptUtils.evaluate(` ${this.render.bindScript}; return ${optionalPath}`, Object.assign(this.source.obj, { __render: this.render }));
     }
     if (this.source.operatorAround?.before) {

package/dist/cjs/operators/OperatorExecuter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/operators/OperatorExecuter.ts"],
-  "sourcesContent": ["import { AttrInitCallBack } from '../rawsets/AttrInitCallBack';\nimport { ElementInitCallBack } from '../rawsets/ElementInitCallBack';\nimport { ComponentSet } from '../components/ComponentSet';\nimport { RawSet } from '../rawsets/RawSet';\nimport { Render } from '../rawsets/Render';\nimport { Attrs } from '../rawsets/Attrs';\nimport { DomRenderConfig } from '../configs/DomRenderConfig';\nimport { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';\nimport { ObjectUtils } from '@dooboostore/core';\n\nexport interface OperatorAround {\n  beforeAttr?: (value: string | null | undefined, opratorExecutor: OperatorExecuter) => string | null | undefined,\n  before?: (data: any, opratorExecutor: OperatorExecuter) => any,\n  after?: (data: any, opratorExecutor: OperatorExecuter) => void,\n}\n\nexport enum ExecuteState {\n  EXECUTE,\n  NO_EXECUTE,\n  STOP\n}\n\nexport type AfterCallBack = {\n  onAttrInitCallBacks: AttrInitCallBack[],\n  onElementInitCallBacks: ElementInitCallBack[],\n  onThisComponentSetCallBacks: ComponentSet[]\n}\nexport type ReturnContainer = { raws: RawSet[], fag: DocumentFragment };\n\nexport type ElementSource = { element: Element, attrs: Attrs, attr?: string | null, attrName?: string | undefined };\n\nexport type Source = { config: DomRenderConfig, operatorAround?: OperatorAround, obj: any };\n\nexport abstract class OperatorExecuter<T = any> {\n  constructor(public rawSet: RawSet,\n              public render: Render,\n              public returnContainer: ReturnContainer,\n              public elementSource: ElementSource,\n              public source: Source,\n              public afterCallBack: AfterCallBack,\n              public startingExecute = true) {\n  };\n\n  async start(): Promise<ExecuteState> {\n    let attrValue = this.elementSource.attr;\n    // console.log('OperatorExecuter ', attrValue, this);\n    if (this.source.operatorAround?.beforeAttr) {\n      attrValue = this.source.operatorAround.beforeAttr(attrValue, this) ?? '';\n    }\n\n    let r = attrValue;\n    if (r && this.startingExecute) {\n      const optionalPath = ObjectUtils.Path.toOptionalChainPath(attrValue);\n      r = ScriptUtils.evaluate(` ${this.render.bindScript}; return ${optionalPath}`, Object.assign(this.source.obj, {__render: this.render}));\n    }\n    if (this.source.operatorAround?.before) {\n      r = this.source.operatorAround?.before(r, this);\n    }\n\n    const state = await this.execute(r as unknown as T)\n\n    this.source.operatorAround?.after?.(r, this);\n    return state;\n  };\n\n  abstract execute(value: T): Promise<ExecuteState>;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,yBAA4B;AAC5B,kBAA4B;AAQrB,IAAK,eAAL,kBAAKA,kBAAL;AACL,EAAAA,4BAAA;AACA,EAAAA,4BAAA;AACA,EAAAA,4BAAA;AAHU,SAAAA;AAAA,GAAA;AAiBL,MAAe,iBAA0B;AAAA,EAC9C,YAAmB,QACA,QACA,iBACA,eACA,QACA,eACA,kBAAkB,MAAM;AANxB;AACA;AACA;AACA;AACA;AACA;AACA;AAAA,EACnB;AAAA,EAEA,MAAM,QAA+B;AACnC,QAAI,YAAY,KAAK,cAAc;AAEnC,QAAI,KAAK,OAAO,gBAAgB,YAAY;AAC1C,kBAAY,KAAK,OAAO,eAAe,WAAW,WAAW,IAAI,KAAK;AAAA,IACxE;AAEA,QAAI,IAAI;AACR,QAAI,KAAK,KAAK,iBAAiB;AAC7B,YAAM,eAAe,wBAAY,KAAK,oBAAoB,SAAS;AACnE,UAAI,+BAAY,SAAS,IAAI,KAAK,OAAO,UAAU,YAAY,YAAY,IAAI,OAAO,OAAO,KAAK,OAAO,KAAK,EAAC,UAAU,KAAK,OAAM,CAAC,CAAC;AAAA,IACxI;AACA,QAAI,KAAK,OAAO,gBAAgB,QAAQ;AACtC,UAAI,KAAK,OAAO,gBAAgB,OAAO,GAAG,IAAI;AAAA,IAChD;AAEA,UAAM,QAAQ,MAAM,KAAK,QAAQ,CAAiB;AAElD,SAAK,OAAO,gBAAgB,QAAQ,GAAG,IAAI;AAC3C,WAAO;AAAA,EACT;AAGF;",
+  "sourcesContent": ["import { AttrInitCallBack } from '../rawsets/AttrInitCallBack';\nimport { ElementInitCallBack } from '../rawsets/ElementInitCallBack';\nimport { ComponentSet } from '../components/ComponentSet';\nimport { RawSet } from '../rawsets/RawSet';\nimport { Render } from '../rawsets/Render';\nimport { Attrs } from '../rawsets/Attrs';\nimport { DomRenderConfig } from '../configs/DomRenderConfig';\nimport { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';\nimport { ObjectUtils } from '@dooboostore/core/object/ObjectUtils';\n\nexport interface OperatorAround {\n  beforeAttr?: (value: string | null | undefined, opratorExecutor: OperatorExecuter) => string | null | undefined,\n  before?: (data: any, opratorExecutor: OperatorExecuter) => any,\n  after?: (data: any, opratorExecutor: OperatorExecuter) => void,\n}\n\nexport enum ExecuteState {\n  EXECUTE,\n  NO_EXECUTE,\n  STOP\n}\n\nexport type AfterCallBack = {\n  onAttrInitCallBacks: AttrInitCallBack[],\n  onElementInitCallBacks: ElementInitCallBack[],\n  onThisComponentSetCallBacks: ComponentSet[]\n}\nexport type ReturnContainer = { raws: RawSet[], fag: DocumentFragment };\n\nexport type ElementSource = { element: Element, attrs: Attrs, attr?: string | null, attrName?: string | undefined };\n\nexport type Source = { config: DomRenderConfig, operatorAround?: OperatorAround, obj: any };\n\nexport abstract class OperatorExecuter<T = any> {\n  constructor(public rawSet: RawSet,\n              public render: Render,\n              public returnContainer: ReturnContainer,\n              public elementSource: ElementSource,\n              public source: Source,\n              public afterCallBack: AfterCallBack,\n              public startingExecute = true) {\n  };\n\n  async start(): Promise<ExecuteState> {\n    let attrValue = this.elementSource.attr;\n    // console.log('OperatorExecuter ', attrValue, this);\n    if (this.source.operatorAround?.beforeAttr) {\n      attrValue = this.source.operatorAround.beforeAttr(attrValue, this) ?? '';\n    }\n\n    let r = attrValue;\n    if (r && this.startingExecute) {\n      const optionalPath = ObjectUtils.Path.toOptionalChainPath(attrValue);\n      r = ScriptUtils.evaluate(` ${this.render.bindScript}; return ${optionalPath}`, Object.assign(this.source.obj, {__render: this.render}));\n    }\n    if (this.source.operatorAround?.before) {\n      r = this.source.operatorAround?.before(r, this);\n    }\n\n    const state = await this.execute(r as unknown as T)\n\n    this.source.operatorAround?.after?.(r, this);\n    return state;\n  };\n\n  abstract execute(value: T): Promise<ExecuteState>;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,yBAA4B;AAC5B,yBAA4B;AAQrB,IAAK,eAAL,kBAAKA,kBAAL;AACL,EAAAA,4BAAA;AACA,EAAAA,4BAAA;AACA,EAAAA,4BAAA;AAHU,SAAAA;AAAA,GAAA;AAiBL,MAAe,iBAA0B;AAAA,EAC9C,YAAmB,QACA,QACA,iBACA,eACA,QACA,eACA,kBAAkB,MAAM;AANxB;AACA;AACA;AACA;AACA;AACA;AACA;AAAA,EACnB;AAAA,EAEA,MAAM,QAA+B;AACnC,QAAI,YAAY,KAAK,cAAc;AAEnC,QAAI,KAAK,OAAO,gBAAgB,YAAY;AAC1C,kBAAY,KAAK,OAAO,eAAe,WAAW,WAAW,IAAI,KAAK;AAAA,IACxE;AAEA,QAAI,IAAI;AACR,QAAI,KAAK,KAAK,iBAAiB;AAC7B,YAAM,eAAe,+BAAY,KAAK,oBAAoB,SAAS;AACnE,UAAI,+BAAY,SAAS,IAAI,KAAK,OAAO,UAAU,YAAY,YAAY,IAAI,OAAO,OAAO,KAAK,OAAO,KAAK,EAAC,UAAU,KAAK,OAAM,CAAC,CAAC;AAAA,IACxI;AACA,QAAI,KAAK,OAAO,gBAAgB,QAAQ;AACtC,UAAI,KAAK,OAAO,gBAAgB,OAAO,GAAG,IAAI;AAAA,IAChD;AAEA,UAAM,QAAQ,MAAM,KAAK,QAAQ,CAAiB;AAElD,SAAK,OAAO,gBAAgB,QAAQ,GAAG,IAAI;AAC3C,WAAO;AAAA,EACT;AAGF;",
   "names": ["ExecuteState"]
 }

package/dist/cjs/rawsets/RawSet.js

@@ -53,7 +53,7 @@ var import_OnInitRender = require("../lifecycle/OnInitRender");
 var import_OnCreatedThisChild = require("../lifecycle/OnCreatedThisChild");
 var import_OnDestroyRender = require("../lifecycle/OnDestroyRender");
 var import_DrTargetElementIsElement = require("../operators/DrTargetElementIsElement");
-var import_core = require("@dooboostore/core");
+var import_ObjectUtils = require("@dooboostore/core/object/ObjectUtils");
 const _RawSet = class _RawSet {
   constructor(uuid, type, point, dataSet, detect) {
     this.uuid = uuid;
@@ -64,14 +64,14 @@ const _RawSet = class _RawSet {
     this.findNearThis = (obj, rawSet = this) => {
       const path = this.findNearThisPath(rawSet);
       if (path) {
-        const optionalPath = import_core.ObjectUtils.Path.toOptionalChainPath(path);
+        const optionalPath = import_ObjectUtils.ObjectUtils.Path.toOptionalChainPath(path);
         return import_ScriptUtils.ScriptUtils.evaluateReturn(optionalPath, obj);
       }
     };
     this.findParentThis = (obj, rawSet = this) => {
       const path = this.findParentThisPath(rawSet);
       if (path) {
-        const optionalPath = import_core.ObjectUtils.Path.toOptionalChainPath(path);
+        const optionalPath = import_ObjectUtils.ObjectUtils.Path.toOptionalChainPath(path);
         return import_ScriptUtils.ScriptUtils.evaluateReturn(optionalPath, obj);
       }
     };
@@ -130,7 +130,7 @@ const _RawSet = class _RawSet {
         import_EventManager.EventManager.VARNAMES.forEach((it) => {
           script = script.replace(RegExp(it.replace("$", "\\$"), "g"), `this.___${it}`);
         });
-        Array.from(import_core.ObjectUtils.Path.detectPathFromScript(script, { excludeThis: true })).filter((it) => !it.startsWith(`___${import_EventManager.EventManager.SCRIPTS_VARNAME}`)).forEach((it) => usingTriggerVariables.add(it));
+        Array.from(import_ObjectUtils.ObjectUtils.Path.detectPathFromScript(script, { excludeThis: true })).filter((it) => !it.startsWith(`___${import_EventManager.EventManager.SCRIPTS_VARNAME}`)).forEach((it) => usingTriggerVariables.add(it));
       }
     });
     return usingTriggerVariables;
@@ -381,7 +381,7 @@ const _RawSet = class _RawSet {
   getDrAppendAttributeAndDelete(element, obj) {
     let data = element.getAttribute(_RawSet.DR_APPENDER_NAME);
     if (data && !/\[.+\]/g.test(data)) {
-      const currentIndex = import_ScriptUtils.ScriptUtils.evaluateReturn(`${import_core.ObjectUtils.Path.toOptionalChainPath(data)}?.length -1`, obj);
+      const currentIndex = import_ScriptUtils.ScriptUtils.evaluateReturn(`${import_ObjectUtils.ObjectUtils.Path.toOptionalChainPath(data)}?.length -1`, obj);
       data = `${data}[${currentIndex}]`;
       element.setAttribute(_RawSet.DR_APPENDER_NAME, data);
     }
@@ -426,7 +426,7 @@ const _RawSet = class _RawSet {
               let variablePath = _RawSet.expressionGroups(value)[0][1];
               const originVariable = variablePath;
               variablePath = variablePath.replace(/#[^#]*#/g, "({})");
-              const optionalChainPath = import_core.ObjectUtils.Path.toOptionalChainPath(variablePath);
+              const optionalChainPath = import_ObjectUtils.ObjectUtils.Path.toOptionalChainPath(variablePath);
               const cval = import_ScriptUtils.ScriptUtils.evaluateReturn(optionalChainPath, Object.assign(obj));
               if (cval === null) {
                 element2.removeAttribute(it);
@@ -734,7 +734,7 @@ const _RawSet = class _RawSet {
       const style = _RawSet.generateStyleTransform(set.styles ?? [], rawSet.uuid, true);
       targetElement.innerHTML = style + (set.template ?? "");
     } else {
-      targetObj = import_ScriptUtils.ScriptUtils.evaluateReturn(import_core.ObjectUtils.Path.toOptionalChainPath(drThis), obj);
+      targetObj = import_ScriptUtils.ScriptUtils.evaluateReturn(import_ObjectUtils.ObjectUtils.Path.toOptionalChainPath(drThis), obj);
     }
     const componentKey = rawSet.uuid;
     const renderScript = ` /*drThisCreate*/
@@ -788,7 +788,7 @@ const _RawSet = class _RawSet {
     const onCreate = element.getAttribute(_RawSet.DR_ON_CREATE_ARGUMENTS_OPTIONNAME);
     let createParam = [];
     if (onCreate) {
-      createParam = import_ScriptUtils.ScriptUtils.evaluateReturn({ bodyScript: renderScript, returnScript: import_core.ObjectUtils.Path.toOptionalChainPath(onCreate) }, obj);
+      createParam = import_ScriptUtils.ScriptUtils.evaluateReturn({ bodyScript: renderScript, returnScript: import_ObjectUtils.ObjectUtils.Path.toOptionalChainPath(onCreate) }, obj);
       if (!Array.isArray(createParam)) {
         createParam = [createParam];
       }
@@ -919,7 +919,7 @@ const _RawSet = class _RawSet {
         render.attribute = _RawSet.getAttributeObject(element, { script: renderScript, obj, renderData: render });
         render = Object.freeze(render);
         if (constructor) {
-          let param = import_ScriptUtils.ScriptUtils.evaluateReturn({ bodyScript: renderScript, returnScript: import_core.ObjectUtils.Path.toOptionalChainPath(constructor) }, Object.assign(obj, { __render: render })) ?? [];
+          let param = import_ScriptUtils.ScriptUtils.evaluateReturn({ bodyScript: renderScript, returnScript: import_ObjectUtils.ObjectUtils.Path.toOptionalChainPath(constructor) }, Object.assign(obj, { __render: render })) ?? [];
           if (!Array.isArray(param)) {
             param = [param];
           }