@dooboostore/dom-render/dist/esm/operators/DrIf.js

html view template engine

import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire.js";
import { RawSet } from "../rawsets/RawSet.js";
import { ExecuteState } from "./OperatorExecuter.js";
import { ObjectUtils } from "@dooboostore/core";
class DrIf extends OperatorExecuterAttrRequire {
  constructor(rawSet, render, returnContainer, elementSource, source, afterCallBack) {
    source.operatorAround = void 0;
    super(rawSet, render, returnContainer, elementSource, source, afterCallBack, false);
  }
  async executeAttrRequire(attr) {
    const itRandom = RawSet.drItOtherEncoding(this.elementSource.element, "DrIf");
    const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
    const newTemp = this.source.config.window.document.createElement("temp");
    const keepgoing = ObjectUtils.Script.evaluate(`
                ${this.render.bindScript}
                ${this.elementSource.attrs.drBeforeOption ?? ""}
                if ($rawSet.data === (${ObjectUtils.Path.toOptionalChainPath(attr)})) {
                    return false;
                }
                $rawSet.data = ${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));
                    var destIt = ${this.elementSource.attrs.drItOption};
                    if (destIt !== undefined) {
                     // \uC5EC\uAE30\uAC00 ..\uC544\uC8FC \uD5DB\uAC08\uB9AC\uB294\uB370...
                        Array.from(n.getAttributeNames()).forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\#DrIFIt\\#/g, destIt)))
                        n.innerHTML = n.innerHTML.replace(/\\#DrIFIt\\#/g, destIt);
                    }
                    if (this.__render.drStripOption === 'true') {
                        Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));
                    } else {
                        this.__render.fag.append(n);
                    }
                }
                ${this.elementSource.attrs.drAfterOption ?? ""};
                return true;
                `, Object.assign(
      this.source.obj,
      {
        __render: Object.freeze({
          fag: newTemp,
          drAttr: this.elementSource.attrs,
          drAttrsOriginName: RawSet.drAttrsOriginName,
          drStripOption: this.elementSource.attrs.drStripOption,
          ...this.render
        })
      }
    ));
    if (keepgoing === false) {
      return ExecuteState.STOP;
    }
    RawSet.drVarDecoding(newTemp, vars);
    RawSet.drItOtherDecoding(newTemp, itRandom);
    const tempalte = this.source.config.window.document.createElement("template");
    tempalte.innerHTML = newTemp.innerHTML;
    this.returnContainer.fag.append(tempalte.content);
    const rr = RawSet.checkPointCreates(this.returnContainer.fag, this.source.obj, this.source.config);
    this.elementSource.element.parentNode?.replaceChild(this.returnContainer.fag, this.elementSource.element);
    this.returnContainer.raws.push(...rr);
    return ExecuteState.EXECUTE;
  }
}
export {
  DrIf
};
//# sourceMappingURL=DrIf.js.map