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

html view template engine

import { OperatorExecuterAttrRequire } from "./OperatorExecuterAttrRequire.js";
import { RawSet } from "../rawsets/RawSet.js";
import { EventManager } from "../events/EventManager.js";
import { ExecuteState } from "./OperatorExecuter.js";
import { ObjectUtils } from "@dooboostore/core";
class DrRepeat 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);
    const vars = RawSet.drVarEncoding(this.elementSource.element, this.elementSource.attrs.drVarOption ?? "");
    const newTemp = this.source.config.window.document.createElement("temp");
    ObjectUtils.Script.evaluate(`
                    ${this.render.bindScript}
                    ${this.elementSource.attrs.drBeforeOption ?? ""}
                    var i = 0; 
                    const repeat = ${attr};
                    const repeatStr = \`${attr}\`;
                    let range = repeat;
                    if (typeof repeat === 'number') {
                        range = ${EventManager.RANGE_VARNAME}(repeat);
                    } 
                    for(const it of range) {
                        var destIt = it;
                        if (range.isRange) {
                            destIt = it;
                        }  else {
                            destIt = repeatStr + '[' + i +']'
                        }
                        const n = this.__render.element.cloneNode(true);
                        n.getAttributeNames().forEach(it => n.setAttribute(it, n.getAttribute(it).replace(/\\#it\\#/g, destIt).replace(/\\#nearRangeIt\\#/g, destIt).replace(/\\#nearRangeIndex\\#/g, destIt)))
                        n.innerHTML = n.innerHTML.replace(/\\#it\\#/g, destIt).replace(/\\#index\\#/g, destIt);
                        
                        if (this.__render.drStripOption === 'true') {
                            Array.from(n.childNodes).forEach(it => this.__render.fag.append(it));
                        } else {
                            this.__render.fag.append(n);
                        }
                        i++;
                    }
                    ${this.elementSource.attrs.drAfterOption ?? ""}
                    `, Object.assign(this.source.obj, {
      __render: Object.freeze({
        fag: newTemp,
        drStripOption: this.elementSource.attrs.drStripOption,
        ...this.render
      })
    }));
    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 {
  DrRepeat
};
//# sourceMappingURL=DrRepeat.js.map