@dooboostore/dom-render 1.0.108 → 1.0.109

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/** 사용법\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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",
+  "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';\nimport { OnRawSetRenderedOtherData } from 'src/lifecycle';\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\n    // async onRawSetRendered(rawSet:RawSet, otherData:OnRawSetRenderedOtherData):Promise<void>{\n    //   await super.onRawSetRendered(rawSet, otherData);\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    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    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    // async onRawSetRendered(rawSet: RawSet, otherData: OnRawSetRenderedOtherData): Promise<void> {\n    //   await super.onRawSetRendered(rawSet, otherData);\n    // }\n    onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n      super.onCreatedThisChildDebounce(childrenSet);\n      this.updateView(this.getParentThis<Select>()?.selectedValues?.length > 0);\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    async onRawSetRendered(rawSet: RawSet, otherData: OnRawSetRenderedOtherData): Promise<void> {\n      await super.onRawSetRendered(rawSet, otherData);\n    // }\n    // onCreatedThisChildDebounce(childrenSet: ChildrenSet[]) {\n    //   super.onCreatedThisChildDebounce(childrenSet);\n      this.changeOptionState();\n    }\n\n    changeOptionState(option?: Option) {\n      const options = this.getChildren(Option);\n      const select = this.getParentThis<Select>();\n      // console.log('------opti',option, select);\n      // // 멀티플이 아닐때에는 마지막 선택된값으로 처리\n      if (!select.multiple) {\n        // 내가 선택한게 있으면\n        if (option && option.selected) {\n          options.filter(it => it !== option).forEach(it => {\n            it.selected = false;\n            it.updateStatus();\n          });\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              opt.updateStatus();\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/components/timer/Timer.js

@@ -30,31 +30,34 @@ var Timer;
   class Timer2 extends import_ComponentBase.ComponentBase {
     onInitRender(param, rawSet) {
       super.onInitRender(param, rawSet);
-      console.log("---2", this.getElement()?.isConnected);
+      this.getAttribute("onCreated")?.(this);
     }
     isRunning() {
-      return this.timeSecond !== void 0;
+      return this.value !== void 0;
     }
     start() {
-      const timeSecond = this.getAttribute("timeSecond");
-      if (timeSecond) {
-        this.timeSecond = parseInt(timeSecond);
+      const timems = this.getAttribute("value");
+      if (timems) {
+        this.value = parseInt(timems);
+        const intervalValue = this.getAttribute("interval") ?? 1e3;
+        console.log("int", this.value, intervalValue);
         this.interval = setInterval(() => {
-          if (this.timeSecond) {
-            this.timeSecond--;
+          console.log("--------->", this.value);
+          if (this.value) {
+            this.value--;
           } else {
             clearInterval(this.interval);
-            this.timeSecond = void 0;
+            this.value = void 0;
             this.interval = void 0;
           }
-        }, 1e3);
+        }, intervalValue);
       }
     }
     stop() {
       if (this.interval) {
         clearInterval(this.interval);
         this.interval = void 0;
-        this.timeSecond = void 0;
+        this.value = void 0;
       }
     }
     onChangeAttrRender(name, val, other) {
@@ -71,7 +74,7 @@ var Timer;
   _Timer.Timer = Timer2;
 })(Timer || (Timer = {}));
 var Timer_default = {
-  choose: (config) => {
+  timer: (config) => {
     return import_RawSet.RawSet.createComponentTargetElement({
       name: `${Timer.selector}`,
       template: "#innerHTML#",

package/dist/cjs/components/timer/Timer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/timer/Timer.ts"],
-  "sourcesContent": ["import { ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OtherData } from '../../lifecycle/OnChangeAttrRender';\nimport { OnDestroyRenderParams } from '../../lifecycle/OnDestroyRender';\n\n\nexport namespace Timer {\n  export const selector = 'dr-timer';\n  export type Attribute = {\n    timeSecond?: string;\n  }\n\n  // class RadioBase extends ComponentBase<Attribute> {\n  //   public hidden = true;\n  //\n  // }\n\n  // @Component({\n  //   template: '<div dr-if=\"!@this@.hidden\" dr-strip=\"true\">#innerHTML#</div>',\n  //   styles: '',\n  //   selector: `${selector}.Checked`\n  // })\n  // export class RadioChecked extends RadioBase {\n  //   public name = 'Checked';\n  //\n  //   constructor() {\n  //     super({ onlyParentType: Radio });\n  //   }\n  // }\n  //\n  // @Component({\n  //   template: '<div dr-if=\"!@this@.hidden\" dr-strip=\"true\">#innerHTML#</div>',\n  //   styles: '',\n  //   selector: `${selector}.UnChecked`\n  // })\n  // export class UnChecked extends RadioBase {\n  //   public name = 'unChecked';\n  //\n  //   constructor() {\n  //     super({ onlyParentType: Radio });\n  //   }\n  // }\n\n  // @Component({\n  //   template: '#innerHTML#',\n  //   selector: `${selector}`,\n  //   noStrip: true\n  // })\n  export class Timer extends ComponentBase<Attribute> {\n    private interval?: any;\n    private timeSecond?: number;\n\n\n    onInitRender(param: any, rawSet: RawSet) {\n      super.onInitRender(param, rawSet);\n      console.log('---2', this.getElement()?.isConnected)\n      // const element = this.getElement();\n      // if(element){\n      //   (element as any).component = this;\n      // }\n    }\n\n    isRunning() {\n      return this.timeSecond !== undefined;\n    }\n\n    start() {\n      const timeSecond = this.getAttribute('timeSecond');\n      if (timeSecond) {\n        this.timeSecond = parseInt(timeSecond);\n        this.interval = setInterval(() => {\n          // console.log('--------->',this.timeSecond)\n          if (this.timeSecond) {\n            this.timeSecond--;\n          } else {\n            clearInterval(this.interval);\n            this.timeSecond = undefined;\n            this.interval = undefined;\n          }\n        }, 1000)\n      }\n    }\n\n\n    stop() {\n      if (this.interval) {\n        clearInterval(this.interval);\n        this.interval = undefined;\n        this.timeSecond = undefined;\n      }\n    }\n\n    onChangeAttrRender(name: string, val: any, other: OtherData) {\n      super.onChangeAttrRender(name, val, other);\n      console.log('-----', name, val, this.getElement())\n    }\n\n    onDestroyRender(data: OnDestroyRenderParams) {\n      super.onDestroyRender(data);\n      if (this.interval){\n        clearInterval(this.interval);\n      }\n    }\n  }\n}\n\n\nexport default {\n  choose: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Timer.selector}`,\n      template: '#innerHTML#',\n      objFactory: (e,o,r2, counstructorParam) => {\n        return DomRender.run({rootObject: new Timer.Timer(...counstructorParam), config: config});\n      }\n    })\n  },\n}"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA8B;AAC9B,uBAA8C;AAC9C,oBAAuB;AAKhB,IAAU;AAAA,CAAV,CAAU,WAAV;AACE,EAAM,kBAAW;AAAA,EAyCjB,MAAMA,eAAc,mCAAyB;AAAA,IAKlD,aAAa,OAAY,QAAgB;AACvC,YAAM,aAAa,OAAO,MAAM;AAChC,cAAQ,IAAI,QAAQ,KAAK,WAAW,GAAG,WAAW;AAAA,IAKpD;AAAA,IAEA,YAAY;AACV,aAAO,KAAK,eAAe;AAAA,IAC7B;AAAA,IAEA,QAAQ;AACN,YAAM,aAAa,KAAK,aAAa,YAAY;AACjD,UAAI,YAAY;AACd,aAAK,aAAa,SAAS,UAAU;AACrC,aAAK,WAAW,YAAY,MAAM;AAEhC,cAAI,KAAK,YAAY;AACnB,iBAAK;AAAA,UACP,OAAO;AACL,0BAAc,KAAK,QAAQ;AAC3B,iBAAK,aAAa;AAClB,iBAAK,WAAW;AAAA,UAClB;AAAA,QACF,GAAG,GAAI;AAAA,MACT;AAAA,IACF;AAAA,IAGA,OAAO;AACL,UAAI,KAAK,UAAU;AACjB,sBAAc,KAAK,QAAQ;AAC3B,aAAK,WAAW;AAChB,aAAK,aAAa;AAAA,MACpB;AAAA,IACF;AAAA,IAEA,mBAAmB,MAAc,KAAU,OAAkB;AAC3D,YAAM,mBAAmB,MAAM,KAAK,KAAK;AACzC,cAAQ,IAAI,SAAS,MAAM,KAAK,KAAK,WAAW,CAAC;AAAA,IACnD;AAAA,IAEA,gBAAgB,MAA6B;AAC3C,YAAM,gBAAgB,IAAI;AAC1B,UAAI,KAAK,UAAS;AAChB,sBAAc,KAAK,QAAQ;AAAA,MAC7B;AAAA,IACF;AAAA,EACF;AAvDO,SAAM,QAAAA;AAAA,GA1CE;AAqGjB,IAAO,gBAAQ;AAAA,EACb,QAAQ,CAAC,WAAgC;AACvC,WAAO,qBAAO,6BAA6B;AAAA,MACzC,MAAM,GAAG,MAAM,QAAQ;AAAA,MACvB,UAAU;AAAA,MACV,YAAY,CAAC,GAAE,GAAE,IAAI,sBAAsB;AACzC,eAAO,2BAAU,IAAI,EAAC,YAAY,IAAI,MAAM,MAAM,GAAG,iBAAiB,GAAG,OAAc,CAAC;AAAA,MAC1F;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
+  "sourcesContent": ["import { ComponentBase } from '../ComponentBase';\nimport { DomRender, DomRenderRunConfig } from '../../DomRender';\nimport { RawSet } from '../../rawsets/RawSet';\nimport { OtherData } from '../../lifecycle/OnChangeAttrRender';\nimport { OnDestroyRenderParams } from '../../lifecycle/OnDestroyRender';\n\n\nexport namespace Timer {\n  export const selector = 'dr-timer';\n  export type Attribute = {\n    value?: string;\n    interval?: number;\n    onCreated?: (timer: Timer) => void;\n  }\n  export class Timer extends ComponentBase<Attribute> {\n    private interval?: any;\n    private value?: number;\n\n\n    onInitRender(param: any, rawSet: RawSet) {\n      super.onInitRender(param, rawSet);\n      this.getAttribute('onCreated')?.(this);\n      // console.log('---2', this.getElement()?.isConnected)\n      // const element = this.getElement();\n      // if(element){\n      //   (element as any).component = this;\n      // }\n    }\n\n    isRunning() {\n      return this.value !== undefined;\n    }\n\n    start() {\n      const timems = this.getAttribute('value');\n      if (timems) {\n        this.value = parseInt(timems);\n        const intervalValue = this.getAttribute('interval') ?? 1000;\n        console.log('int', this.value, intervalValue);\n        this.interval = setInterval(() => {\n          console.log('--------->',this.value)\n          if (this.value) {\n            this.value--;\n          } else {\n            clearInterval(this.interval);\n            this.value = undefined;\n            this.interval = undefined;\n          }\n        }, intervalValue)\n      }\n    }\n\n\n    stop() {\n      if (this.interval) {\n        clearInterval(this.interval);\n        this.interval = undefined;\n        this.value = undefined;\n      }\n    }\n\n    onChangeAttrRender(name: string, val: any, other: OtherData) {\n      super.onChangeAttrRender(name, val, other);\n      console.log('-----', name, val, this.getElement())\n    }\n\n    onDestroyRender(data: OnDestroyRenderParams) {\n      super.onDestroyRender(data);\n      if (this.interval){\n        clearInterval(this.interval);\n      }\n    }\n  }\n}\n\n\nexport default {\n  timer: (config?: DomRenderRunConfig) => {\n    return RawSet.createComponentTargetElement({\n      name: `${Timer.selector}`,\n      template: '#innerHTML#',\n      objFactory: (e,o,r2, counstructorParam) => {\n        return DomRender.run({rootObject: new Timer.Timer(...counstructorParam), config: config});\n      }\n    })\n  },\n}"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA8B;AAC9B,uBAA8C;AAC9C,oBAAuB;AAKhB,IAAU;AAAA,CAAV,CAAU,WAAV;AACE,EAAM,kBAAW;AAAA,EAMjB,MAAMA,eAAc,mCAAyB;AAAA,IAKlD,aAAa,OAAY,QAAgB;AACvC,YAAM,aAAa,OAAO,MAAM;AAChC,WAAK,aAAa,WAAW,IAAI,IAAI;AAAA,IAMvC;AAAA,IAEA,YAAY;AACV,aAAO,KAAK,UAAU;AAAA,IACxB;AAAA,IAEA,QAAQ;AACN,YAAM,SAAS,KAAK,aAAa,OAAO;AACxC,UAAI,QAAQ;AACV,aAAK,QAAQ,SAAS,MAAM;AAC5B,cAAM,gBAAgB,KAAK,aAAa,UAAU,KAAK;AACvD,gBAAQ,IAAI,OAAO,KAAK,OAAO,aAAa;AAC5C,aAAK,WAAW,YAAY,MAAM;AAChC,kBAAQ,IAAI,cAAa,KAAK,KAAK;AACnC,cAAI,KAAK,OAAO;AACd,iBAAK;AAAA,UACP,OAAO;AACL,0BAAc,KAAK,QAAQ;AAC3B,iBAAK,QAAQ;AACb,iBAAK,WAAW;AAAA,UAClB;AAAA,QACF,GAAG,aAAa;AAAA,MAClB;AAAA,IACF;AAAA,IAGA,OAAO;AACL,UAAI,KAAK,UAAU;AACjB,sBAAc,KAAK,QAAQ;AAC3B,aAAK,WAAW;AAChB,aAAK,QAAQ;AAAA,MACf;AAAA,IACF;AAAA,IAEA,mBAAmB,MAAc,KAAU,OAAkB;AAC3D,YAAM,mBAAmB,MAAM,KAAK,KAAK;AACzC,cAAQ,IAAI,SAAS,MAAM,KAAK,KAAK,WAAW,CAAC;AAAA,IACnD;AAAA,IAEA,gBAAgB,MAA6B;AAC3C,YAAM,gBAAgB,IAAI;AAC1B,UAAI,KAAK,UAAS;AAChB,sBAAc,KAAK,QAAQ;AAAA,MAC7B;AAAA,IACF;AAAA,EACF;AA1DO,SAAM,QAAAA;AAAA,GAPE;AAqEjB,IAAO,gBAAQ;AAAA,EACb,OAAO,CAAC,WAAgC;AACtC,WAAO,qBAAO,6BAA6B;AAAA,MACzC,MAAM,GAAG,MAAM,QAAQ;AAAA,MACvB,UAAU;AAAA,MACV,YAAY,CAAC,GAAE,GAAE,IAAI,sBAAsB;AACzC,eAAO,2BAAU,IAAI,EAAC,YAAY,IAAI,MAAM,MAAM,GAAG,iBAAiB,GAAG,OAAc,CAAC;AAAA,MAC1F;AAAA,IACF,CAAC;AAAA,EACH;AACF;",
   "names": ["Timer"]
 }

package/dist/cjs/decorators/DomRenderNoProxy.js

@@ -23,6 +23,7 @@ __export(DomRenderNoProxy_exports, {
   isDomRenderNoProxy: () => isDomRenderNoProxy
 });
 module.exports = __toCommonJS(DomRenderNoProxy_exports);
+var import_ValidUtils = require("@dooboostore/core/valid/ValidUtils");
 const DomRenderNoProxyKey = "DomRender:NoProxy";
 const DomRenderNoProxy = (target, propertyKey) => {
   if (propertyKey === void 0) {
@@ -38,6 +39,6 @@ const getDomRenderNoProxy = (target, propertyKey) => {
   return Reflect.getMetadata(DomRenderNoProxyKey, target, propertyKey);
 };
 const isDomRenderNoProxy = (target, propertyKey) => {
-  return getDomRenderNoProxy(target, propertyKey) === true;
+  return import_ValidUtils.ValidUtils.isNullOrUndefined(target) || getDomRenderNoProxy(target, propertyKey) === true;
 };
 //# sourceMappingURL=DomRenderNoProxy.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/decorators/DomRenderNoProxy.ts"],
-  "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;",
+  "sourcesContent": ["import { ValidUtils } from '@dooboostore/core/valid/ValidUtils';\n\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 ValidUtils.isNullOrUndefined(target) || getDomRenderNoProxy(target, propertyKey) === true;\n}"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAA2B;AAEpB,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,6BAAW,kBAAkB,MAAM,KAAK,oBAAoB,QAAQ,WAAW,MAAM;AAC9F;",
   "names": []
 }

package/dist/cjs/lifecycle/OnRawSetRendered.js

@@ -0,0 +1,26 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var OnRawSetRendered_exports = {};
+__export(OnRawSetRendered_exports, {
+  isOnRawSetRendered: () => isOnRawSetRendered
+});
+module.exports = __toCommonJS(OnRawSetRendered_exports);
+const isOnRawSetRendered = (obj) => {
+  return typeof obj?.onRawSetRendered === "function";
+};
+//# sourceMappingURL=OnRawSetRendered.js.map

package/dist/cjs/lifecycle/OnRawSetRendered.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lifecycle/OnRawSetRendered.ts"],
+  "sourcesContent": ["import { RawSet, RenderResult } from '../rawsets/RawSet';\n\nexport type OnRawSetRenderedOtherData = {\n  path?: string\n  renderResult?: RenderResult\n  //     rawSet?: RawSet\n}\nexport interface OnRawSetRendered {\n// TODO: \uD638\uCD9C\uB41C\uACF3\uC5D0\uC11C \uB610 \uBCC0\uC218\uB97C \uC218\uC815\uD558\uAC8C\uB418\uBA74 \uBB34\uD55C\uB8E8\uD504\uB2C8\uAE50 \uC660\uB9CC\uD558\uBA74 \uC0AC\uC6A9\uBABB\uD558\uAC8C \uD574\uC57C\uD55C\uB2E4.\n    onRawSetRendered (rawSet: RawSet,otherData: OnRawSetRenderedOtherData): Promise<void>;\n}\n\nexport const isOnRawSetRendered= (obj: any): obj is OnRawSetRendered => {\n    return typeof obj?.onRawSetRendered === 'function';\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYO,MAAM,qBAAoB,CAAC,QAAsC;AACpE,SAAO,OAAO,KAAK,qBAAqB;AAC5C;",
+  "names": []
+}

package/dist/cjs/lifecycle/index.js

@@ -25,5 +25,6 @@ __reExport(lifecycle_exports, require("./OnCreatedThisChild"), module.exports);
 __reExport(lifecycle_exports, require("./OnDestroyRender"), module.exports);
 __reExport(lifecycle_exports, require("./OnInitRender"), module.exports);
 __reExport(lifecycle_exports, require("./OnProxyDomRender"), module.exports);
+__reExport(lifecycle_exports, require("./OnRawSetRendered"), module.exports);
 __reExport(lifecycle_exports, require("./dr-this"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/lifecycle/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/lifecycle/index.ts"],
-  "sourcesContent": ["export * from './OnBeforeReturnGet';\nexport * from './OnBeforeReturnSet';\nexport * from './OnChangeAttrRender';\nexport * from './OnChildRenderedByProperty';\nexport * from './OnCreateRender';\nexport * from './OnCreateRenderData';\nexport * from './OnCreateRendered';\nexport * from './OnCreatedThisChild';\nexport * from './OnDestroyRender';\nexport * from './OnInitRender';\nexport * from './OnProxyDomRender';\nexport * from './dr-this';\n"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,8BAAc,gCAAd;AACA,8BAAc,gCADd;AAEA,8BAAc,iCAFd;AAGA,8BAAc,wCAHd;AAIA,8BAAc,6BAJd;AAKA,8BAAc,iCALd;AAMA,8BAAc,+BANd;AAOA,8BAAc,iCAPd;AAQA,8BAAc,8BARd;AASA,8BAAc,2BATd;AAUA,8BAAc,+BAVd;AAWA,8BAAc,sBAXd;",
+  "sourcesContent": ["export * from './OnBeforeReturnGet';\nexport * from './OnBeforeReturnSet';\nexport * from './OnChangeAttrRender';\nexport * from './OnChildRenderedByProperty';\nexport * from './OnCreateRender';\nexport * from './OnCreateRenderData';\nexport * from './OnCreateRendered';\nexport * from './OnCreatedThisChild';\nexport * from './OnDestroyRender';\nexport * from './OnInitRender';\nexport * from './OnProxyDomRender';\nexport * from './OnRawSetRendered';\nexport * from './dr-this';\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA,8BAAc,gCAAd;AACA,8BAAc,gCADd;AAEA,8BAAc,iCAFd;AAGA,8BAAc,wCAHd;AAIA,8BAAc,6BAJd;AAKA,8BAAc,iCALd;AAMA,8BAAc,+BANd;AAOA,8BAAc,iCAPd;AAQA,8BAAc,8BARd;AASA,8BAAc,2BATd;AAUA,8BAAc,+BAVd;AAWA,8BAAc,+BAXd;AAYA,8BAAc,sBAZd;",
   "names": []
 }

package/dist/cjs/operators/DrTargetElement.js

@@ -69,6 +69,8 @@ class DrTargetElement extends import_OperatorExecuter.OperatorExecuter {
           targetFragment = fragment;
         }
         const rr = import_RawSet.RawSet.checkPointCreates(targetFragment, this.source.obj, this.source.config);
+        rr.forEach((it, index) => {
+        });
         if (targetElement.noStrip) {
           Array.from(targetFragment.childNodes || []).forEach((child) => {
             documentFragment.firstElementChild?.appendChild(child);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/operators/DrTargetElement.ts"],
-  "sourcesContent": ["import { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';\nimport { RawSet } from '../rawsets/RawSet';\nimport { CreatorMetaData } from '../rawsets/CreatorMetaData';\nimport {\n  AfterCallBack,\n  ElementSource,\n  ExecuteState,\n  OperatorExecuter,\n  ReturnContainer,\n  Source\n} from './OperatorExecuter';\nimport { Render } from '../rawsets/Render';\n\ndeclare global {\n  interface Window {\n    HTMLMetaElement: typeof HTMLMetaElement;\n  }\n}\n\n// \uC5EC\uAE30\uC11C \uC0AC\uC6A9\uC790\uAC00 \uB4F1\uB85D\uD55C TargetElement\uAC00 \uB4E4\uC5B4\uAC04\uB2E4.\nexport class DrTargetElement extends OperatorExecuter<void> {\n  constructor(\n    rawSet: RawSet,\n    render: Render,\n    returnContainer: ReturnContainer,\n    elementSource: ElementSource,\n    source: Source,\n    afterCallBack: AfterCallBack\n  ) {\n    source.operatorAround = undefined;\n    super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n  }\n\n  async execute(): Promise<ExecuteState> {\n    const targetElement = this.source.config?.targetElements?.find(\n      it => it.name.toLowerCase() === this.elementSource.element.tagName.toLowerCase()\n    );\n    if (targetElement) {\n      if (\n        this.rawSet.point.start instanceof this.source.config.window.HTMLMetaElement &&\n        this.rawSet.point.end instanceof this.source.config.window.HTMLMetaElement\n      ) {\n        this.rawSet.point.start.setAttribute('this-path', `this.__domrender_components.${this.rawSet.uuid}`);\n        this.rawSet.point.end.setAttribute('this-path', `this.__domrender_components.${this.rawSet.uuid}`);\n      }\n\n      const documentFragment = await targetElement.callBack(\n        this.elementSource.element,\n        this.source.obj,\n        this.rawSet,\n        this.elementSource.attrs,\n        this.source.config\n      );\n      if (documentFragment) {\n        const detectAction = this.elementSource.element.getAttribute(RawSet.DR_DETECT_NAME);\n        // const dictionaryKey = this.elementSource.element.getAttribute(RawSet.DR_DICTIONARY_OPTIONKEYNAME);\n        // console.log('dictionaryKey', dictionaryKey);\n        // const render = (documentFragment as any).render;\n        this.rawSet.dataSet.fragment = documentFragment;\n        // if (documentFragment) {\n        //     const tempDiv = this.source.config.window.document.createElement('div');\n        //     tempDiv.appendChild(documentFragment.cloneNode(true));\n        //     console.log('DocumentFragment innerHTML:', tempDiv.innerHTML);\n        // }\n\n        // this.rawSet.dataSet??={};\n        // this.rawSet.dataSet.data = render.component;\n        if (detectAction && this.rawSet.dataSet.render) {\n          // TODO: \uC5C6\uC5B4\uC838\uC57C\uB420\uB4EF?\n          this.rawSet.detect = {\n            action: () => {\n              const script = `var $component = this.__render.component; var $element = this.__render.element; var $innerHTML = this.__render.innerHTML; var $attribute = this.__render.attribute;  ${detectAction} `;\n              ScriptUtils.evaluate(\n                script,\n                Object.assign(this.source.obj, {\n                  __render: this.rawSet.dataSet.render\n                })\n              );\n            }\n          };\n        }\n        // fag.append(documentFragment)\n\n        // console.log('----------1', ElementUtils.toInnerHTML(documentFragment, {document: this.source.config.window.document}));\n        // await Promises.sleep(1000)\n        let targetFragment = documentFragment;\n        if (targetElement.noStrip) {\n          // documentFragment.firstElementChild.classList.add(`${this.rawSet.uuid}___DrTargetElement`)\n          const fragment = this.source.config.window.document.createDocumentFragment();\n          Array.from(documentFragment.firstElementChild?.childNodes || []).forEach(child => {\n            // fragment.appendChild(child.cloneNode(true));\n            fragment.appendChild(child);\n          });\n          // fragment.append(documentFragment.firstElementChild);\n          targetFragment = fragment;\n        }\n        // console.log('----------2', ElementUtils.toInnerHTML(targetFragment, {document: this.source.config.window.document}));\n        const rr = RawSet.checkPointCreates(targetFragment, this.source.obj, this.source.config);\n        if (targetElement.noStrip) {\n          Array.from(targetFragment.childNodes || []).forEach(child => {\n            documentFragment.firstElementChild?.appendChild(child);\n          });\n        }\n        this.elementSource.element.parentNode?.replaceChild(documentFragment, this.elementSource.element);\n        this.returnContainer.raws.push(...rr);\n        this.afterCallBack.onElementInitCallBacks.push({\n          name: targetElement.name.toLowerCase(),\n          obj: this.source.obj,\n          targetElement,\n          creatorMetaData: targetElement.__creatorMetaData as CreatorMetaData\n        });\n        // console.log('sssssssssssssss', this.source.obj);\n        targetElement?.complete?.(this.elementSource.element, this.source.obj, this.rawSet);\n      }\n      return ExecuteState.EXECUTE;\n    }\n    return ExecuteState.NO_EXECUTE;\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA4B;AAC5B,oBAAuB;AAEvB,8BAOO;AAUA,MAAM,wBAAwB,yCAAuB;AAAA,EAC1D,YACE,QACA,QACA,iBACA,eACA,QACA,eACA;AACA,WAAO,iBAAiB;AACxB,UAAM,QAAQ,QAAQ,iBAAiB,eAAe,QAAQ,eAAe,KAAK;AAAA,EACpF;AAAA,EAEA,MAAM,UAAiC;AACrC,UAAM,gBAAgB,KAAK,OAAO,QAAQ,gBAAgB;AAAA,MACxD,QAAM,GAAG,KAAK,YAAY,MAAM,KAAK,cAAc,QAAQ,QAAQ,YAAY;AAAA,IACjF;AACA,QAAI,eAAe;AACjB,UACE,KAAK,OAAO,MAAM,iBAAiB,KAAK,OAAO,OAAO,OAAO,mBAC7D,KAAK,OAAO,MAAM,eAAe,KAAK,OAAO,OAAO,OAAO,iBAC3D;AACA,aAAK,OAAO,MAAM,MAAM,aAAa,aAAa,+BAA+B,KAAK,OAAO,IAAI,EAAE;AACnG,aAAK,OAAO,MAAM,IAAI,aAAa,aAAa,+BAA+B,KAAK,OAAO,IAAI,EAAE;AAAA,MACnG;AAEA,YAAM,mBAAmB,MAAM,cAAc;AAAA,QAC3C,KAAK,cAAc;AAAA,QACnB,KAAK,OAAO;AAAA,QACZ,KAAK;AAAA,QACL,KAAK,cAAc;AAAA,QACnB,KAAK,OAAO;AAAA,MACd;AACA,UAAI,kBAAkB;AACpB,cAAM,eAAe,KAAK,cAAc,QAAQ,aAAa,qBAAO,cAAc;AAIlF,aAAK,OAAO,QAAQ,WAAW;AAS/B,YAAI,gBAAgB,KAAK,OAAO,QAAQ,QAAQ;AAE9C,eAAK,OAAO,SAAS;AAAA,YACnB,QAAQ,MAAM;AACZ,oBAAM,SAAS,wKAAwK,YAAY;AACnM,6CAAY;AAAA,gBACV;AAAA,gBACA,OAAO,OAAO,KAAK,OAAO,KAAK;AAAA,kBAC7B,UAAU,KAAK,OAAO,QAAQ;AAAA,gBAChC,CAAC;AAAA,cACH;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAKA,YAAI,iBAAiB;AACrB,YAAI,cAAc,SAAS;AAEzB,gBAAM,WAAW,KAAK,OAAO,OAAO,OAAO,SAAS,uBAAuB;AAC3E,gBAAM,KAAK,iBAAiB,mBAAmB,cAAc,CAAC,CAAC,EAAE,QAAQ,WAAS;AAEhF,qBAAS,YAAY,KAAK;AAAA,UAC5B,CAAC;AAED,2BAAiB;AAAA,QACnB;AAEA,cAAM,KAAK,qBAAO,kBAAkB,gBAAgB,KAAK,OAAO,KAAK,KAAK,OAAO,MAAM;AACvF,YAAI,cAAc,SAAS;AACzB,gBAAM,KAAK,eAAe,cAAc,CAAC,CAAC,EAAE,QAAQ,WAAS;AAC3D,6BAAiB,mBAAmB,YAAY,KAAK;AAAA,UACvD,CAAC;AAAA,QACH;AACA,aAAK,cAAc,QAAQ,YAAY,aAAa,kBAAkB,KAAK,cAAc,OAAO;AAChG,aAAK,gBAAgB,KAAK,KAAK,GAAG,EAAE;AACpC,aAAK,cAAc,uBAAuB,KAAK;AAAA,UAC7C,MAAM,cAAc,KAAK,YAAY;AAAA,UACrC,KAAK,KAAK,OAAO;AAAA,UACjB;AAAA,UACA,iBAAiB,cAAc;AAAA,QACjC,CAAC;AAED,uBAAe,WAAW,KAAK,cAAc,SAAS,KAAK,OAAO,KAAK,KAAK,MAAM;AAAA,MACpF;AACA,aAAO,qCAAa;AAAA,IACtB;AACA,WAAO,qCAAa;AAAA,EACtB;AACF;",
+  "sourcesContent": ["import { ScriptUtils } from '@dooboostore/core-web/script/ScriptUtils';\nimport { RawSet } from '../rawsets/RawSet';\nimport { CreatorMetaData } from '../rawsets/CreatorMetaData';\nimport {\n  AfterCallBack,\n  ElementSource,\n  ExecuteState,\n  OperatorExecuter,\n  ReturnContainer,\n  Source\n} from './OperatorExecuter';\nimport { Render } from '../rawsets/Render';\nimport { ElementUtils } from '@dooboostore/core-web/element/ElementUtils';\n\ndeclare global {\n  interface Window {\n    HTMLMetaElement: typeof HTMLMetaElement;\n  }\n}\n\n// \uC5EC\uAE30\uC11C \uC0AC\uC6A9\uC790\uAC00 \uB4F1\uB85D\uD55C TargetElement\uAC00 \uB4E4\uC5B4\uAC04\uB2E4.\nexport class DrTargetElement extends OperatorExecuter<void> {\n  constructor(\n    rawSet: RawSet,\n    render: Render,\n    returnContainer: ReturnContainer,\n    elementSource: ElementSource,\n    source: Source,\n    afterCallBack: AfterCallBack\n  ) {\n    source.operatorAround = undefined;\n    super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);\n  }\n\n  async execute(): Promise<ExecuteState> {\n    const targetElement = this.source.config?.targetElements?.find(\n      it => it.name.toLowerCase() === this.elementSource.element.tagName.toLowerCase()\n    );\n    if (targetElement) {\n      if (\n        this.rawSet.point.start instanceof this.source.config.window.HTMLMetaElement &&\n        this.rawSet.point.end instanceof this.source.config.window.HTMLMetaElement\n      ) {\n        this.rawSet.point.start.setAttribute('this-path', `this.__domrender_components.${this.rawSet.uuid}`);\n        this.rawSet.point.end.setAttribute('this-path', `this.__domrender_components.${this.rawSet.uuid}`);\n      }\n\n      const documentFragment = await targetElement.callBack(\n        this.elementSource.element,\n        this.source.obj,\n        this.rawSet,\n        this.elementSource.attrs,\n        this.source.config\n      );\n      if (documentFragment) {\n        const detectAction = this.elementSource.element.getAttribute(RawSet.DR_DETECT_NAME);\n        // const dictionaryKey = this.elementSource.element.getAttribute(RawSet.DR_DICTIONARY_OPTIONKEYNAME);\n        // console.log('dictionaryKey', dictionaryKey);\n        // const render = (documentFragment as any).render;\n        this.rawSet.dataSet.fragment = documentFragment;\n        // if (documentFragment) {\n        //     const tempDiv = this.source.config.window.document.createElement('div');\n        //     tempDiv.appendChild(documentFragment.cloneNode(true));\n        //     console.log('DocumentFragment innerHTML:', tempDiv.innerHTML);\n        // }\n\n        // this.rawSet.dataSet??={};\n        // this.rawSet.dataSet.data = render.component;\n        if (detectAction && this.rawSet.dataSet.render) {\n          // TODO: \uC5C6\uC5B4\uC838\uC57C\uB420\uB4EF?\n          this.rawSet.detect = {\n            action: () => {\n              const script = `var $component = this.__render.component; var $element = this.__render.element; var $innerHTML = this.__render.innerHTML; var $attribute = this.__render.attribute;  ${detectAction} `;\n              ScriptUtils.evaluate(\n                script,\n                Object.assign(this.source.obj, {\n                  __render: this.rawSet.dataSet.render\n                })\n              );\n            }\n          };\n        }\n        // fag.append(documentFragment)\n\n        // console.log('----------1', ElementUtils.toInnerHTML(documentFragment, {document: this.source.config.window.document}));\n        // await Promises.sleep(1000)\n        let targetFragment = documentFragment;\n        if (targetElement.noStrip) {\n          // documentFragment.firstElementChild.classList.add(`${this.rawSet.uuid}___DrTargetElement`)\n          const fragment = this.source.config.window.document.createDocumentFragment();\n          Array.from(documentFragment.firstElementChild?.childNodes || []).forEach(child => {\n            // fragment.appendChild(child.cloneNode(true));\n            fragment.appendChild(child);\n          });\n          // fragment.append(documentFragment.firstElementChild);\n          targetFragment = fragment;\n        }\n        // console.log('----------2', ElementUtils.toInnerHTML(targetFragment, {document: this.source.config.window.document}));\n        const rr = RawSet.checkPointCreates(targetFragment, this.source.obj, this.source.config);\n        rr.forEach((it, index) => {\n\n          // const z = ElementUtils.toInnerHTML(it.dataSet.fragment, {document: this.source.config.window.document});\n          // console.log('-z--z('+index+')', z, it);\n          // it.point.start;\n          // // \uC0C8\uB85C\uC6B4 comment element \uCD94\uAC00\n          // const comment = this.source.config.window.document.createComment('\uC0C8\uB85C \uB9CC\uB4E0 comment element');\n          // it.point.start.parentNode?.insertBefore(comment, it.point.start.nextSibling);\n        })\n        // for (let rawSet of rr) {\n        //   await rawSet.render(this.source.obj, this.source.config)\n        // }\n        // console.log('cccccccccccccccccccccc', rr, typeof Window);\n        if (targetElement.noStrip) {\n          Array.from(targetFragment.childNodes || []).forEach(child => {\n            documentFragment.firstElementChild?.appendChild(child);\n          });\n        }\n        this.elementSource.element.parentNode?.replaceChild(documentFragment, this.elementSource.element);\n        this.returnContainer.raws.push(...rr);\n        this.afterCallBack.onElementInitCallBacks.push({\n          name: targetElement.name.toLowerCase(),\n          obj: this.source.obj,\n          targetElement,\n          creatorMetaData: targetElement.__creatorMetaData as CreatorMetaData\n        });\n        // console.log('sssssssssssssss', this.source.obj);\n        targetElement?.complete?.(this.elementSource.element, this.source.obj, this.rawSet);\n      }\n      return ExecuteState.EXECUTE;\n    }\n    return ExecuteState.NO_EXECUTE;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAA4B;AAC5B,oBAAuB;AAEvB,8BAOO;AAWA,MAAM,wBAAwB,yCAAuB;AAAA,EAC1D,YACE,QACA,QACA,iBACA,eACA,QACA,eACA;AACA,WAAO,iBAAiB;AACxB,UAAM,QAAQ,QAAQ,iBAAiB,eAAe,QAAQ,eAAe,KAAK;AAAA,EACpF;AAAA,EAEA,MAAM,UAAiC;AACrC,UAAM,gBAAgB,KAAK,OAAO,QAAQ,gBAAgB;AAAA,MACxD,QAAM,GAAG,KAAK,YAAY,MAAM,KAAK,cAAc,QAAQ,QAAQ,YAAY;AAAA,IACjF;AACA,QAAI,eAAe;AACjB,UACE,KAAK,OAAO,MAAM,iBAAiB,KAAK,OAAO,OAAO,OAAO,mBAC7D,KAAK,OAAO,MAAM,eAAe,KAAK,OAAO,OAAO,OAAO,iBAC3D;AACA,aAAK,OAAO,MAAM,MAAM,aAAa,aAAa,+BAA+B,KAAK,OAAO,IAAI,EAAE;AACnG,aAAK,OAAO,MAAM,IAAI,aAAa,aAAa,+BAA+B,KAAK,OAAO,IAAI,EAAE;AAAA,MACnG;AAEA,YAAM,mBAAmB,MAAM,cAAc;AAAA,QAC3C,KAAK,cAAc;AAAA,QACnB,KAAK,OAAO;AAAA,QACZ,KAAK;AAAA,QACL,KAAK,cAAc;AAAA,QACnB,KAAK,OAAO;AAAA,MACd;AACA,UAAI,kBAAkB;AACpB,cAAM,eAAe,KAAK,cAAc,QAAQ,aAAa,qBAAO,cAAc;AAIlF,aAAK,OAAO,QAAQ,WAAW;AAS/B,YAAI,gBAAgB,KAAK,OAAO,QAAQ,QAAQ;AAE9C,eAAK,OAAO,SAAS;AAAA,YACnB,QAAQ,MAAM;AACZ,oBAAM,SAAS,wKAAwK,YAAY;AACnM,6CAAY;AAAA,gBACV;AAAA,gBACA,OAAO,OAAO,KAAK,OAAO,KAAK;AAAA,kBAC7B,UAAU,KAAK,OAAO,QAAQ;AAAA,gBAChC,CAAC;AAAA,cACH;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAKA,YAAI,iBAAiB;AACrB,YAAI,cAAc,SAAS;AAEzB,gBAAM,WAAW,KAAK,OAAO,OAAO,OAAO,SAAS,uBAAuB;AAC3E,gBAAM,KAAK,iBAAiB,mBAAmB,cAAc,CAAC,CAAC,EAAE,QAAQ,WAAS;AAEhF,qBAAS,YAAY,KAAK;AAAA,UAC5B,CAAC;AAED,2BAAiB;AAAA,QACnB;AAEA,cAAM,KAAK,qBAAO,kBAAkB,gBAAgB,KAAK,OAAO,KAAK,KAAK,OAAO,MAAM;AACvF,WAAG,QAAQ,CAAC,IAAI,UAAU;AAAA,QAQ1B,CAAC;AAKD,YAAI,cAAc,SAAS;AACzB,gBAAM,KAAK,eAAe,cAAc,CAAC,CAAC,EAAE,QAAQ,WAAS;AAC3D,6BAAiB,mBAAmB,YAAY,KAAK;AAAA,UACvD,CAAC;AAAA,QACH;AACA,aAAK,cAAc,QAAQ,YAAY,aAAa,kBAAkB,KAAK,cAAc,OAAO;AAChG,aAAK,gBAAgB,KAAK,KAAK,GAAG,EAAE;AACpC,aAAK,cAAc,uBAAuB,KAAK;AAAA,UAC7C,MAAM,cAAc,KAAK,YAAY;AAAA,UACrC,KAAK,KAAK,OAAO;AAAA,UACjB;AAAA,UACA,iBAAiB,cAAc;AAAA,QACjC,CAAC;AAED,uBAAe,WAAW,KAAK,cAAc,SAAS,KAAK,OAAO,KAAK,KAAK,MAAM;AAAA,MACpF;AACA,aAAO,qCAAa;AAAA,IACtB;AACA,WAAO,qCAAa;AAAA,EACtB;AACF;",
   "names": []
 }

package/dist/cjs/operators/OperatorExecuter.js

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

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/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;",
+  "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 { 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 = ObjectUtils.Script.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;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,OAAO,SAAS,IAAI,KAAK,OAAO,UAAU,YAAY,YAAY,IAAI,OAAO,OAAO,KAAK,OAAO,KAAK,EAAC,UAAU,KAAK,OAAM,CAAC,CAAC;AAAA,IAC/I;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/package.json

@@ -0,0 +1,5 @@
+{
+  "name": "@dooboostore/dom-render-cjs-internal",
+  "private": true,
+  "type": "commonjs"
+}