flowrix 1.0.1-beta.83 → 1.0.1-beta.85

package/dist/runtime/composables/Product/CustomProduct/useCustomeScript.js

@@ -1,2080 +0,0 @@
-import { defineStore } from "pinia";
-export const useCustomScript = defineStore("CustomScript", {
-  state: () => ({
-    SelectedOptions: { aid: null, gid: null, vid: null, fraction: false },
-    attributeIdz: null,
-    lookupprices: null,
-    servicePriceSetting: {},
-    conditions: null,
-    TYPES: null,
-    PRICETYPE: null,
-    UNIT_RELATIVE: null,
-    DISCOUNTS: null,
-    measurementUnit: null,
-    promotionSettings: null,
-    B2BTYPE: null,
-    USEBASEPRICE: null,
-    BASEPRICE: null,
-    usefitting: null,
-    sevice_price_type: null,
-    serviceprice: 0,
-    With_this_selection_following_selections_will_be_changed: "With this selection following selections will be changed \n",
-    attributeOf: ".attributeof",
-    attributeValuesClass: ".attributevalue",
-    attributeClass: ".attribute",
-    attributeClassName: "attribute",
-    valueClassName: "value",
-    valueClass: ".value",
-    valueChildClass: ".child",
-    groupClassName: "group",
-    groupClass: ".group",
-    priceClass: ".price .price_span",
-    rrpriceClass: ".price .price_span",
-    qtyElement: "#blind-product-form #quantity",
-    rrpriceWrapper: ".price .if-discounted",
-    imageElement: ".swatch-image-change img",
-    useBackground: false,
-    pdpsummary: {},
-    msgStr: {},
-    productPrice: 0,
-    productDiscountedPrice: 0,
-    confirmPopup: false,
-    promotionSettings: null,
-    linked_promotionSettings: null,
-    promotion_excludes: [],
-    total_values_discount: 0,
-    exclude_from_promo_total: 0,
-    renderdValues: 0,
-    sampleproduct: {},
-    findprice: "",
-    price_by_attributes: [],
-    price_by_attributeobject: [],
-    attributepriceobject: [],
-    attributeprices: [],
-    overlayimages: []
-  }),
-  actions: {
-    CallScriptFIrstTime() {
-      this.processAttributes();
-      this.setConditions("", true);
-      let hasnewMeasurements = this.setWidthHeightbaseonStyle();
-      if (hasnewMeasurements) {
-        this.setConditions("", true);
-      }
-      this.calculatePrice();
-    },
-    async initprocess() {
-      this.total_values_discount = 0;
-      this.exclude_from_promo_total = 0;
-      let gid = this.SelectedOptions.gid;
-      let aid = this.SelectedOptions.aid;
-      let vid = this.SelectedOptions.vid;
-      this.msgStr = {};
-      this.findprice = "";
-      this.price_by_attributes = [];
-      this.price_by_attributeobject = [];
-      this.attributepriceobject = [];
-      this.attributeprices = [];
-      var current_selected = Object.values(this.attributeIdz[aid]["values"]).find((v) => v.selected === true && v.applyhidden === false && v.shouldhidden === false);
-      if (current_selected !== void 0) {
-        if (this.attributeIdz[aid].type === this.TYPES["width"] || this.attributeIdz[aid].type === this.TYPES["subwidth"] || this.attributeIdz[aid].type === this.TYPES["height"] || this.attributeIdz[aid].type === this.TYPES["subheight"] || this.attributeIdz[aid].type === this.TYPES["number"] || this.attributeIdz[aid].type === this.TYPES["text"] || this.attributeIdz[aid].type === this.TYPES["message"]) {
-          let currentValue = this.attributeIdz[aid]["values"][current_selected.id]["value"];
-          this.attributeIdz[aid]["values"][current_selected.id]["ovalue"] = currentValue;
-          if (this.attributeIdz[aid].type !== this.TYPES["text"] && this.attributeIdz[aid].type !== this.TYPES["message"] && this.SelectedOptions.fraction == false) {
-            vid = parseFloat(vid);
-          }
-          this.attributeIdz[aid]["values"][current_selected.id]["value"] = vid;
-          this.setSummery(this.attributeIdz[aid], current_selected);
-        } else {
-          if (this.attributeIdz[aid].type === this.TYPES["drop-down"] || this.attributeIdz[aid].type === this.TYPES["style"] || this.attributeIdz[aid].type === this.TYPES["swatch"]) {
-            if (this.attributeIdz[aid].parent_id) {
-              var current_old_selected = Object.values(this.attributeIdz[aid]["values"]).find((v) => v.oldselected == true && v.parent_id == current_selected.parent_id);
-            } else {
-              var current_old_selected = Object.values(this.attributeIdz[aid]["values"]).find((v) => v.oldselected == true);
-            }
-            if (current_old_selected != void 0) {
-              this.attributeIdz[aid]["values"][current_old_selected.id]["oldselected"] = false;
-            }
-            this.attributeIdz[aid]["values"][current_selected.id]["selected"] = false;
-            this.attributeIdz[aid]["values"][current_selected.id]["oldselected"] = true;
-          }
-        }
-      }
-      var newvalue = Object.values(this.attributeIdz[aid]["values"]).find((v) => v.id === vid);
-      if (newvalue !== void 0 && (this.attributeIdz[aid].type === this.TYPES["drop-down"] || this.attributeIdz[aid].type === this.TYPES["style"] || this.attributeIdz[aid].type === this.TYPES["swatch"])) {
-        this.attributeIdz[aid]["values"][newvalue.id]["selected"] = true;
-        this.attributeIdz[aid]["values"][newvalue.id]["oldselected"] = false;
-        if (this.attributeIdz[aid].type === this.TYPES["width"] || this.attributeIdz[aid].type === this.TYPES["subwidth"] || this.attributeIdz[aid].type === this.TYPES["height"] || this.attributeIdz[aid].type === this.TYPES["subheight"]) {
-          this.markSelected(aid, newvalue.value);
-        } else {
-          this.markSelected(aid, newvalue.id);
-        }
-        this.setSummery(this.attributeIdz[aid], newvalue);
-      }
-      var allattribs = Object.values(this.attributeIdz).filter((a) => a.parent_id === aid);
-      allattribs = allattribs.sort((a, b) => a.gsortorder - b.gsortorder || a.sortorder - b.sortorder);
-      this.processAttribute(allattribs);
-      this.setConditions(aid, false);
-      let hasnewMeasurements = this.setWidthHeightbaseonStyle();
-      if (hasnewMeasurements) {
-        this.setConditions(aid, false);
-      }
-      this.calculatePrice();
-      this.calculateservicePrice();
-      this.swatchimage();
-    },
-    getAvailableValues(aid, parent_value_id = -1) {
-      if (parent_value_id != -1) {
-        return Object.values(this.attributeIdz[aid]["values"]).filter((v) => v.selected == false && v.parent_id == parent_value_id && v.shouldhidden == false && v.applyhidden == false);
-      }
-      return Object.values(this.attributeIdz[aid]["values"]).filter((v) => v.selected == false && v.shouldhidden == false && v.applyhidden == false);
-    },
-    setWidthHeightbaseonStyle() {
-      const style_attributes = Object.values(this.attributeIdz).filter((a) => a.type == this.TYPES["style"] && a.hide == 0);
-      let hasChanged = false;
-      if (style_attributes.length > 0) {
-        let minwidths = [];
-        let maxwidths = [];
-        let minheights = [];
-        let maxheights = [];
-        style_attributes.forEach((attribute) => {
-          const selectedv = Object.values(attribute["values"]).find((v) => v.selected == true && v.applyhidden == false && v.shouldhidden == false);
-          if (selectedv !== void 0) {
-            if (selectedv.enable_dimensions) {
-              maxheights.push(selectedv.max_height);
-              minheights.push(selectedv.min_height);
-              maxwidths.push(selectedv.max_width);
-              minwidths.push(selectedv.min_width);
-            }
-          }
-        });
-        const min_width = Math.max(...minwidths);
-        const max_width = Math.max(...maxwidths);
-        const min_height = Math.max(...minheights);
-        const max_height = Math.max(...maxheights);
-        if (min_width !== void 0 && min_width > 0 && max_width !== void 0 && max_width > 0) {
-          const findwidth = Object.values(this.attributeIdz).find((a) => a.type == this.TYPES["width"]);
-          if (findwidth !== void 0) {
-            const value_ids = Object.keys(this.attributeIdz[findwidth.id]["values"]);
-            if (value_ids.length > 0 && value_ids[0] !== void 0) {
-              const vid = value_ids[0];
-              this.attributeIdz[findwidth.id]["values"][vid]["min_width"] = min_width;
-              this.attributeIdz[findwidth.id]["values"][vid]["max_width"] = max_width;
-              let value = this.attributeIdz[findwidth.id]["values"][vid]["value"];
-              this.attributeIdz[findwidth.id]["values"][vid]["ovalue"] = value;
-              let newvalue = value;
-              if (value < min_width) {
-                newvalue = min_width;
-              }
-              if (value > max_width) {
-                newvalue = max_width;
-              }
-              if (value != newvalue) {
-                hasChanged = true;
-              }
-              this.attributeIdz[findwidth.id]["values"][vid]["value"] = newvalue;
-              const widthElement = document.querySelector(this.attributeClass + findwidth.id);
-              if (widthElement) {
-                widthElement.value = newvalue;
-                widthElement.setAttribute("value", newvalue);
-              }
-            }
-          }
-        }
-        if (min_height !== void 0 && min_height > 0 && max_height !== void 0 && max_height > 0) {
-          const findheight = Object.values(this.attributeIdz).find((a) => a.type == this.TYPES["height"]);
-          if (findheight !== void 0) {
-            const value_ids = Object.keys(this.attributeIdz[findheight.id]["values"]);
-            if (value_ids.length > 0 && value_ids[0] !== void 0) {
-              const vid = value_ids[0];
-              this.attributeIdz[findheight.id]["values"][vid]["min_height"] = min_height;
-              this.attributeIdz[findheight.id]["values"][vid]["max_height"] = max_height;
-              let value = this.attributeIdz[findheight.id]["values"][vid]["value"];
-              this.attributeIdz[findheight.id]["values"][vid]["ovalue"] = value;
-              let newvalue = value;
-              if (value < min_height) {
-                newvalue = min_height;
-              }
-              if (value > max_height) {
-                newvalue = max_height;
-              }
-              if (value != newvalue) {
-                hasChanged = true;
-              }
-              this.attributeIdz[findheight.id]["values"][vid]["value"] = newvalue;
-              const heightElement = document.querySelector(this.attributeClass + findheight.id);
-              if (heightElement) {
-                heightElement.value = newvalue;
-                heightElement.setAttribute("value", newvalue);
-              }
-            }
-          }
-        }
-        return hasChanged;
-      }
-      return false;
-    },
-    setSummery(attrib, value) {
-      let title = "";
-      if (attrib["type"] == this.TYPES["width"] || attrib["type"] == this.TYPES["subwidth"] || attrib["type"] == this.TYPES["height"] || attrib["type"] == this.TYPES["subheight"]) {
-        var fraction = "";
-        if ((value["fraction"] === 1 || value["fraction"] === "1") && (value["fvalue"] != "" && value["fvalue"] != null && value["fvalue"] != "0")) {
-          fraction = " " + value["fvalue"] + " ";
-        }
-        title = parseFloat(value["value"]) + fraction + " " + this.measurementUnit;
-      } else if (attrib["type"] == this.TYPES["number"] || attrib["type"] == this.TYPES["message"] || attrib["type"] == this.TYPES["text"]) {
-        title = value["value"];
-      } else {
-        title = value["title"];
-      }
-      if (!attrib.hide) {
-        this.pdpsummary[attrib["id"]] = { "attribute": attrib["title"], "value": title, "gsortorder": attrib["gsortorder"], "sortorder": attrib["sortorder"], "active": attrib["active"], "show_summary": attrib["show_summary"], "hide": attrib["hide"] };
-      }
-    },
-    unsetSummery(aid) {
-      delete this.pdpsummary[aid];
-    },
-    hideValue(h_aid, h_vid) {
-      this.markUnselected(h_aid, h_vid);
-    },
-    showValue(h_aid, h_vid) {
-      const element = document.querySelector(`${this.attributeClass + h_aid} [data-value="${h_vid}"]`);
-      if (element) {
-        element.parentElement.style.display = "block";
-        element.removeAttribute("disabled");
-        element.style.display = "";
-      }
-    },
-    showAttribute(aid) {
-      const element = document.querySelector(this.attributeClass + aid);
-      if (element) {
-        element.style.display = "";
-      }
-    },
-    hideAttribute(aid) {
-      this.unsetSummery(aid);
-      const element = document.querySelector(this.attributeClass + aid);
-      if (element) {
-        element.style.display = "none";
-      }
-    },
-    hideChildValues(aid, parent_id) {
-      const childElements = document.querySelectorAll(`${this.attributeClass + aid} [data-attributevalue="${parent_id}"]`);
-      childElements.forEach((element) => {
-        let grandparent = element.parentElement?.parentElement;
-        element.selected = false;
-        element.checked = false;
-        element.removeAttribute("selected");
-        element.removeAttribute("checked");
-        element.classList.remove("active");
-        element.style.display = "none";
-        element.parentElement.style.display = "none";
-        if (grandparent && grandparent.classList.contains("swiper-slide")) {
-          grandparent.parentElement.style.display = "none";
-        }
-        element.disabled = true;
-      });
-    },
-    hideChildValuesOfParentValue(aid, parent_attribute_id, parent_value_id) {
-      const elements = document.querySelectorAll(`[data-attributevalue="${parent_attribute_id}"][data-child="${parent_value_id}"]`);
-      elements.forEach((element) => {
-        let grandparent = element.parentElement?.parentElement;
-        element.selected = false;
-        element.checked = false;
-        element.removeAttribute("selected");
-        element.removeAttribute("checked");
-        element.classList.remove("active");
-        element.style.display = "none";
-        element.parentElement.style.display = "none";
-        if (grandparent && grandparent.classList.contains("swiper-slide")) {
-          grandparent.parentElement.style.display = "none";
-        }
-        element.disabled = true;
-      });
-    },
-    showChildValues(aid, parent_selected_val_id) {
-      const childElements = document.querySelectorAll(`${this.attributeClass + aid} [data-child="${parent_selected_val_id}"]`);
-      childElements.forEach((element) => {
-        let grandparent = element.parentElement?.parentElement;
-        element.removeAttribute("disabled");
-        element.parentElement.style.display = "";
-        if (grandparent && grandparent.classList.contains("swiper-slide")) {
-          grandparent.parentElement.style.display = "";
-        }
-        element.style.display = "";
-      });
-    },
-    showGroup(gid) {
-      const groupElement = document.querySelector(this.groupClass + gid);
-      if (groupElement) {
-        groupElement.style.display = "";
-      }
-    },
-    hideGroup(gid) {
-      document.querySelector(this.groupClass + gid).style.display = "none";
-    },
-    markSelected(h_aid, h_vid) {
-      const element = document.querySelector(`${this.attributeClass}${h_aid} [data-value="${h_vid}"]`);
-      if (element) {
-        element.parentElement.style.display = "block";
-        element.setAttribute("selected", true);
-        element.checked = true;
-        element.style.display = "block";
-        element.classList.add("active");
-        if (element.getAttribute("customselect") == "true") {
-          element.dispatchEvent(new Event("change"));
-        }
-      }
-      const container = document.querySelector(`${this.attributeClass}${h_aid}`);
-      if (container) {
-        container.value = h_vid;
-      }
-    },
-    markInputSelected(aid, vid, value = null) {
-      const element = document.querySelector(this.attributeClass + aid);
-      const dataValueElement = element.querySelector('[data-value="' + vid + '"]');
-      if (dataValueElement) {
-        dataValueElement.setAttribute("selected", true);
-        dataValueElement.checked = true;
-        dataValueElement.style.display = "block";
-        dataValueElement.classList.add("active");
-      }
-      if (value == 0 || value == "0") {
-        value = "";
-      }
-      element.value = value;
-    },
-    markUnselected(h_aid, h_vid) {
-      const element = document.querySelector(`${this.attributeClass + h_aid} [data-value="${h_vid}"]`);
-      if (element) {
-        element.parentElement.style.display = "none";
-        element.removeAttribute("selected");
-        element.checked = false;
-        element.style.display = "none";
-        element.classList.remove("active");
-        element.setAttribute("disabled", "true");
-      }
-    },
-    findSelectedValue(values, parent_value_id = -1) {
-      if (parent_value_id != -1) {
-        return Object.values(values).find((v) => v.selected == true && v.parent_id == parent_value_id && v.applyhidden == false && v.shouldhidden == false);
-      }
-      return Object.values(values).find((v) => v.selected == true && v.applyhidden == false && v.shouldhidden == false);
-    },
-    processAttributes() {
-      this.total_values_discount = 0;
-      this.productPrice = 0;
-      this.productDiscountedPrice = 0, this.msgStr = {};
-      this.findprice = "";
-      this.price_by_attributes = [];
-      this.price_by_attributeobject = [];
-      this.attributepriceobject = [];
-      this.attributeprices = [];
-      var allattribs = Object.values(this.attributeIdz).filter((a) => a.parent == null);
-      allattribs = allattribs.sort((a, b) => a.gsortorder - b.gsortorder || a.sortorder - b.sortorder);
-      this.processAttribute(allattribs);
-    },
-    processAttribute(attributes) {
-      const self = this;
-      if (attributes !== void 0 && attributes.length > 0) {
-        attributes.forEach((attrib) => {
-          if (attrib.values == void 0) {
-            return;
-          }
-          let selected_val2 = self.findSelectedValue(attrib.values);
-          let parent_id = attrib.parent_id;
-          if (parent_id && parent_id !== 0) {
-            self.hideAttribute(attrib.id);
-            let parent_selected_val = self.findSelectedValue(self.attributeIdz[parent_id]["values"]);
-            if (parent_selected_val !== void 0) {
-              self.showAttribute(attrib.id);
-              self.hideChildValues(attrib.id, parent_id);
-              self.showChildValues(attrib.id, parent_selected_val.id);
-              if (selected_val2 == void 0) {
-                let available_value_array = Object.values(self.attributeIdz[attrib.id]["values"]).filter((v) => v.parent_id == parent_selected_val.id && v.selected == false && v.applyhidden == false && v.shouldhidden == false);
-                if (available_value_array.length > 0) {
-                  available_value_array.sort((a, b) => a.sortorder - b.sortorder);
-                  selected_val2 = available_value_array[0];
-                  self.attributeIdz[attrib.id]["values"][selected_val2.id]["selected"] = true;
-                  self.attributeIdz[attrib.id]["values"][selected_val2.id]["oldselected"] = false;
-                  self.setSummery(attrib, selected_val2);
-                  if ([
-                    self.TYPES["width"],
-                    self.TYPES["subwidth"],
-                    self.TYPES["height"],
-                    self.TYPES["subheight"]
-                  ].includes(self.attributeIdz[attrib.id].type)) {
-                    self.markInputSelected(attrib.id, selected_val2.value);
-                  } else {
-                    self.markSelected(attrib.id, selected_val2.id);
-                  }
-                } else {
-                  selected_val2 = void 0;
-                  self.hideAttribute(attrib.id);
-                  self.hideAttributeHirerachy(attrib.id);
-                }
-              }
-              if (selected_val2 !== void 0 && selected_val2.parent_id !== parent_selected_val.id) {
-                self.attributeIdz[attrib.id]["values"][selected_val2.id]["selected"] = false;
-                self.attributeIdz[attrib.id]["values"][selected_val2.id]["oldselected"] = true;
-                let available_value_array = Object.values(self.attributeIdz[attrib.id]["values"]).filter((v) => v.parent_id == parent_selected_val.id && v.selected == false && v.applyhidden == false && v.shouldhidden == false);
-                if (available_value_array.length > 0) {
-                  self.hideChildValues(attrib.id, parent_id);
-                  self.showChildValues(attrib.id, parent_selected_val.id);
-                  available_value_array.sort((a, b) => a.sortorder - b.sortorder);
-                  selected_val2 = available_value_array[0];
-                  self.attributeIdz[attrib.id]["values"][selected_val2.id]["selected"] = true;
-                  self.attributeIdz[attrib.id]["values"][selected_val2.id]["oldselected"] = false;
-                  self.setSummery(attrib, selected_val2);
-                  if ([
-                    self.TYPES["width"],
-                    self.TYPES["subwidth"],
-                    self.TYPES["height"],
-                    self.TYPES["subheight"]
-                  ].includes(self.attributeIdz[attrib.id].type)) {
-                    self.markInputSelected(attrib.id, selected_val2.id, selected_val2.value);
-                  } else {
-                    self.markSelected(attrib.id, selected_val2.id);
-                  }
-                } else {
-                  selected_val2 = void 0;
-                  self.hideAttribute(attrib.id);
-                  self.hideAttributeHirerachy(attrib.id);
-                }
-              } else {
-                if (selected_val2 && selected_val2.parent_id == parent_selected_val.id) {
-                  self.showChildValues(attrib.id, parent_selected_val.id);
-                }
-                if (selected_val2) {
-                  if ([
-                    self.TYPES["width"],
-                    self.TYPES["subwidth"],
-                    self.TYPES["height"],
-                    self.TYPES["subheight"]
-                  ].includes(self.attributeIdz[attrib.id].type)) {
-                    self.markInputSelected(attrib.id, selected_val2.id, selected_val2.value);
-                  } else {
-                    self.markSelected(attrib.id, selected_val2.id);
-                  }
-                }
-              }
-            } else {
-              self.hideChildValues(attrib.id, parent_id);
-            }
-          }
-          if (selected_val2) {
-            self.setSummery(attrib, selected_val2);
-            if (![self.TYPES["width"], self.TYPES["subwidth"], self.TYPES["height"], self.TYPES["subheight"], self.TYPES["number"], self.TYPES["message"], self.TYPES["text"]].includes(attrib["type"])) {
-              if ([
-                self.TYPES["width"],
-                self.TYPES["subwidth"],
-                self.TYPES["height"],
-                self.TYPES["subheight"]
-              ].includes(self.attributeIdz[attrib.id].type)) {
-                self.markInputSelected(attrib.id, selected_val2.id, selected_val2.value);
-              } else {
-                self.markSelected(attrib.id, selected_val2.id);
-              }
-              let child_attrib = Object.values(self.attributeIdz).filter((a) => a.parent == attrib["id"]);
-              if (child_attrib.length > 0) {
-                self.processChildAttribute(child_attrib);
-              }
-            }
-          }
-        });
-      }
-    },
-    processAttributeAfterCondition(attributes) {
-      let self = this;
-      if (attributes != void 0 && attributes.length > 0) {
-        Object.keys(attributes).forEach(function(key) {
-          if (attributes[key]["values"] == void 0) {
-            return;
-          }
-          let hiddenvalues = Object.values(attributes[key]["values"]).filter((v) => v.applyhidden == true || v.shouldhidden == true);
-          hiddenvalues.forEach(function(value, index) {
-            self.markUnselected(value.aid, value.id);
-          });
-          var child_attrib = Object.values(self.attributeIdz).filter((a) => a.parent_id == attributes[key].id);
-          if (child_attrib.length > 0) {
-            self.processAttributeAfterCondition(child_attrib);
-          }
-        });
-      }
-    },
-    hideAttributeHirerachy(aid) {
-      var child_attrib = Object.values(this.attributeIdz).filter((a) => a.parent == aid);
-      this.hideChildAttributes(child_attrib);
-    },
-    hideChildAttributes(child_attrib) {
-      const self = this;
-      child_attrib.forEach((cattrib) => {
-        const select_value = Object.values(cattrib["values"]).find((v) => v.selected == true && v.applyhidden == false);
-        if (select_value !== void 0) {
-          self.attributeIdz[cattrib.id]["values"][select_value.id]["selected"] = false;
-          self.attributeIdz[cattrib.id]["values"][select_value.id]["oldselected"] = true;
-        }
-        self.hideAttribute(cattrib["id"]);
-        const childattrib = Object.values(self.attributeIdz).filter((a) => a.parent == cattrib["id"]);
-        self.hideChildAttributes(childattrib);
-      });
-    },
-    processChildAttribute(child_attrib) {
-      child_attrib = child_attrib.sort((a, b) => a.gsortorder - b.gsortorder || a.sortorder - b.sortorder);
-      this.processAttribute(child_attrib);
-    },
-    async setConditions(aid = "", first_call2 = false) {
-      if (first_call2 == true) {
-      }
-      let available2 = 1;
-      let changed_attribs = {};
-      let response = true;
-      let self = this;
-      if (typeof self.attributeIdz !== "undefined") {
-        let msgAttributes = {};
-        let hiddenAttributes = {};
-        let childAttributes = {};
-        let changed_values2 = {};
-        self.conditions.forEach((condition_array) => {
-          let c_aid2 = condition_array.key;
-          let db_condition = condition_array.values;
-          let changed_values3 = {};
-          let hiddenValues2 = {};
-          let child_Values2 = {};
-          let msgValue2 = {};
-          Object.entries(db_condition).forEach(([v_id2, cond]) => {
-            let newcondition2 = self.createCondition(cond);
-            if (self.attributeIdz[c_aid2]?.values[v_id2]) {
-              let conditionReturn = self.executeCondition(
-                newcondition2,
-                c_aid2,
-                v_id2,
-                changed_values3,
-                msgValue2,
-                hiddenValues2,
-                child_Values2,
-                first_call2
-              );
-              changed_values3 = conditionReturn.changed_values;
-              msgValue2 = conditionReturn.msgValue;
-              hiddenValues2 = conditionReturn.hiddenValues;
-              child_Values2 = conditionReturn.child_Values;
-            }
-            if (Object.keys(msgValue2).length > 0) {
-              msgAttributes[c_aid2] = msgValue2;
-            }
-            if (Object.keys(changed_values3).length > 0) {
-              changed_attribs[c_aid2] = changed_values3;
-            }
-            if (Object.keys(hiddenValues2).length > 0) {
-              hiddenAttributes[c_aid2] = hiddenValues2;
-            }
-            if (Object.keys(child_Values2).length > 0) {
-              childAttributes[c_aid2] = child_Values2;
-            }
-          });
-          let selected_value_hidden_array = Object.values(self.attributeIdz[c_aid2]?.values || {}).filter(
-            (v) => v.selected && v.shouldhidden
-          );
-          if (selected_value_hidden_array.length > 0) {
-            self.selectOneValue(c_aid2);
-            selected_value_hidden_array.forEach((hidden_value) => {
-              self.attributeIdz[c_aid2].values[hidden_value.id].selected = false;
-              self.attributeIdz[c_aid2].values[hidden_value.id].oldselected = false;
-              self.markUnselected(c_aid2, hidden_value.id);
-              let conditionReturn = self.checkChangeAttributesMsg(
-                c_aid2,
-                msgAttributes,
-                msgValue2,
-                hidden_value,
-                child_Values2,
-                first_call2,
-                available2
-              );
-              child_Values2 = conditionReturn.child_Values;
-              if (Object.keys(child_Values2).length > 0) {
-                childAttributes[c_aid2] = child_Values2;
-              }
-            });
-            selected_value_hidden_array.sort((a, b) => a.sortorder - b.sortorder);
-            let pick_first_value = selected_value_hidden_array[0];
-            self.attributeIdz[c_aid2].values[pick_first_value.id].oldselected = true;
-            self.hideAttributeOrGroup(c_aid2);
-          } else {
-            self.selectOneValue(c_aid2);
-          }
-        });
-        if ((Object.values(msgAttributes).length > 0 || Object.values(childAttributes).length > 0) && !first_call2) {
-          response = true;
-          if (Object.values(msgAttributes).length > 0) {
-            response = await self.confirmChange(changed_attribs, hiddenAttributes, aid);
-          }
-          Object.entries(childAttributes).forEach(([a_id, a_values]) => {
-            a_id = Number(a_id);
-            let gid = self.attributeIdz[a_id]?.gid || 1;
-            Object.entries(a_values).forEach(([v_id2, value]) => {
-              v_id2 = Number(v_id2);
-              if (value.confirm_popup) {
-                if (response) {
-                  if (value.selected && value.show && value.child > 0) {
-                    self.markSelected(a_id, v_id2);
-                    let child_attribute = Object.values(self.attributeIdz).filter(
-                      (a) => a.parent_id === a_id && !a.hide
-                    );
-                    self.processAttribute(child_attribute);
-                  }
-                  if (!value.selected && value.hide && value.child > 0) {
-                    let child_attribute = Object.values(self.attributeIdz).filter(
-                      (a) => a.parent_id === a_id && !a.hide
-                    );
-                    if (child_attribute.length > 0) {
-                      child_attribute.forEach((attribute) => {
-                        let child_selected = Object.values(attribute.values).find(
-                          (v) => v.parent_id === v_id2 && v.selected
-                        );
-                        self.hideChildValuesOfParentValue(attribute.id, a_id, v_id2);
-                        if (child_selected) {
-                          self.attributeIdz[attribute.id].values[child_selected.id].selected = false;
-                          self.markUnselected(attribute.id, child_selected.id);
-                        }
-                        let find_any_selected = Object.values(attribute.values).find(
-                          (v) => v.selected && !v.applyhidden && !v.shouldhidden
-                        );
-                        if (!find_any_selected) {
-                          self.hideAttributeOrGroup(attribute.id);
-                          self.hideAttribute(attribute.id);
-                          self.unsetMsg(attribute.id);
-                        }
-                      });
-                    }
-                  }
-                }
-              } else {
-                if (!value.selected) {
-                  if (value.hide && value.child > 0) {
-                    self.markUnselected(a_id, v_id2);
-                    let child_attribute = Object.values(self.attributeIdz).filter(
-                      (a) => a.parent_id === a_id && !a.hide
-                    );
-                    if (child_attribute.length > 0) {
-                      child_attribute.forEach((attribute) => {
-                        let child_selected = Object.values(attribute.values).find(
-                          (v) => v.parent_id === v_id2 && v.selected
-                        );
-                        self.hideChildValuesOfParentValue(attribute.id, a_id, v_id2);
-                        if (child_selected) {
-                          self.attributeIdz[attribute.id].values[child_selected.id].selected = false;
-                          self.markUnselected(attribute.id, child_selected.id);
-                        }
-                        let find_any_selected = Object.values(attribute.values).find(
-                          (v) => v.selected && !v.applyhidden && !v.shouldhidden
-                        );
-                        if (!find_any_selected) {
-                          self.hideAttributeOrGroup(attribute.id);
-                          self.hideAttribute(attribute.id);
-                          self.unsetMsg(attribute.id);
-                        }
-                      });
-                    }
-                  } else if (value.show) {
-                    if (value.child > 0) {
-                      let child_attribute = Object.values(self.attributeIdz).filter(
-                        (a) => a.parent_id === a_id && !a.hide
-                      );
-                      self.processAttribute(child_attribute);
-                      self.processAttributeAfterCondition(child_attribute);
-                    } else {
-                      let child_attribute = Object.values(self.attributeIdz).filter(
-                        (a) => a.parent_id === a_id && !a.hide
-                      );
-                      child_attribute.forEach((attribute) => {
-                        if (attribute.parent_id) {
-                          let find_selectedValue = Object.values(
-                            self.attributeIdz[attribute.parent_id]?.values || {}
-                          ).find(
-                            (v) => v.selected && !v.applyhidden && !v.shouldhidden
-                          );
-                          let find_Value = Object.values(attribute.values).find(
-                            (v) => v.selected && !v.applyhidden && !v.shouldhidden
-                          );
-                          if (!find_Value) {
-                            self.markUnselected(attribute.id, v_id2);
-                            self.hideAttributeOrGroup(attribute.id);
-                            self.hideAttribute(attribute.id);
-                            self.unsetMsg(attribute.id);
-                          } else if (!find_selectedValue || find_selectedValue && find_selectedValue.id !== attribute.values[find_Value.id].parent_id) {
-                            self.markUnselected(attribute.id, v_id2);
-                            self.hideAttributeOrGroup(attribute.id);
-                            self.hideAttribute(attribute.id);
-                            self.unsetMsg(attribute.id);
-                          }
-                        }
-                      });
-                    }
-                  }
-                } else if (value.selected) {
-                  if (value.show) {
-                    if (value.child > 0) {
-                      self.showAttribute(a_id);
-                      let child_attribute = Object.values(self.attributeIdz).filter(
-                        (a) => a.parent_id === a_id && !a.hide
-                      );
-                      child_attribute.forEach((attribute) => {
-                        let has_child_values = Object.values(attribute.values).filter(
-                          (v) => v.parent_id === v_id2 && !v.shouldhidden && !v.applyhidden
-                        );
-                        if (has_child_values.length > 0) {
-                          self.showAttribute(attribute.id);
-                        }
-                      });
-                    }
-                  }
-                }
-              }
-            });
-          });
-        }
-      }
-      return response;
-    },
-    //         setConditions(aid = '', first_call = false) {
-    //             let self = this;
-    //     let available = 1;
-    //     let changed_attribs = {};
-    //     let response = true;
-    //     if (self.attributeIdz !== undefined) {
-    //         let msgAttributes = {};
-    //         let hiddenAttributes = {};
-    //         let childAttributes = {};
-    //         (self.conditions).forEach(function (condition_array) {
-    //             let c_aid = condition_array.key;
-    //             let db_condition = condition_array.values;
-    //             let changed_values = {};
-    //             let hiddenValues = {};
-    //             let child_Values = {};
-    //             let msgValue = {};
-    //             Object.entries(db_condition).forEach(function (cond, v_id) {
-    //                 let newcondition = self.createCondition(cond);
-    //                 if (self.attributeIdz[c_aid]['values'][v_id] !== undefined) {
-    //                     let conditionReturn = self.executeCondition(
-    //                         newcondition,
-    //                         c_aid,
-    //                         v_id,
-    //                         changed_values,
-    //                         msgValue,
-    //                         hiddenValues,
-    //                         child_Values,
-    //                         first_call
-    //                     );
-    //                     changed_values = conditionReturn['changed_values'];
-    //                     msgValue = conditionReturn['msgValue'];
-    //                     hiddenValues = conditionReturn['hiddenValues'];
-    //                     child_Values = conditionReturn['child_Values'];
-    //                 }
-    //                 if (Object.keys(msgValue).length > 0) {
-    //                     msgAttributes[c_aid] = msgValue;
-    //                 }
-    //                 if (Object.keys(changed_values).length > 0) {
-    //                     changed_attribs[c_aid] = changed_values;
-    //                 }
-    //                 if (Object.keys(hiddenValues).length > 0) {
-    //                     hiddenAttributes[c_aid] = hiddenValues;
-    //                 }
-    //                 if (Object.keys(child_Values).length > 0) {
-    //                     childAttributes[c_aid] = child_Values;
-    //                 }
-    //             });
-    //             let selected_value_hidden_array = Object.values(self.attributeIdz[c_aid]['values']).filter(
-    //                 (v) => v.selected === true && v.shouldhidden === true
-    //             );
-    //             if (selected_value_hidden_array.length > 0) {
-    //                 self.selectOneValue(c_aid);
-    //                 selected_value_hidden_array.forEach(function (hidden_value) {
-    //                     self.attributeIdz[c_aid]['values'][hidden_value.id]['selected'] = false;
-    //                     self.attributeIdz[c_aid]['values'][hidden_value.id]['oldselected'] = false;
-    //                     self.markUnselected(c_aid, hidden_value.id);
-    //                     let conditionReturn = self.checkChangeAttributesMsg(
-    //                         c_aid,
-    //                         msgAttributes,
-    //                         msgValue,
-    //                         hidden_value,
-    //                         child_Values,
-    //                         first_call,
-    //                         available
-    //                     );
-    //                     child_Values = conditionReturn['child_Values'];
-    //                     if (Object.keys(child_Values).length > 0) {
-    //                         childAttributes[c_aid] = child_Values;
-    //                     }
-    //                 });
-    //                 selected_value_hidden_array.sort((a, b) => a.sortorder - b.sortorder);
-    //                 let pick_first_value = selected_value_hidden_array[0];
-    //                 self.attributeIdz[c_aid]['values'][pick_first_value.id]['oldselected'] = true;
-    //                 self.hideAttributeOrGroup(c_aid);
-    //             } else {
-    //                 self.selectOneValue(c_aid);
-    //             }
-    //         });
-    //         if (
-    //             (Object.values(self.msgStr).length > 0 || Object.values(childAttributes).length > 0) &&
-    //             first_call === false
-    //         ) {
-    //             response = true;
-    //             if (Object.values(msgStr).length > 0) {
-    //                 response = self.confirmChange(changed_attribs, hiddenAttributes, aid);
-    //             }
-    //             for (let a_id in childAttributes) {
-    //                 let a_values = childAttributes[a_id];
-    //                 let gid = self.attributeIdz[a_id] ? self.attributeIdz[a_id]['gid'] : 1;
-    //                 for (let v_id in a_values) {
-    //                     let value = a_values[v_id];
-    //                     if (value.confirmation_popup === true) {
-    //                         if (response === true) {
-    //                             if (value.selected === true && value.show === true && value.child > 0) {
-    //                                 self.markSelected(a_id, v_id);
-    //                                 let child_attribute = Object.values(self.attributeIdz).filter(
-    //                                     (a) => a.parent_id === a_id && a.hide === 0
-    //                                 );
-    //                                 self.processAttribute(child_attribute);
-    //                             }
-    //                             if (value.selected === false && value.hide === true && value.child > 0) {
-    //                                 let child_attribute = Object.values(self.attributeIdz).filter(
-    //                                     (a) => a.parent_id === a_id && a.hide === 0
-    //                                 );
-    //                                 if (child_attribute.length > 0) {
-    //                                     child_attribute.forEach(function (attribute) {
-    //                                         let child_selected = Object.values(attribute['values']).find(
-    //                                             (v) => v.parent_id === v_id && v.selected === true
-    //                                         );
-    //                                         self.hideChildValuesOfParentValue(attribute.id, a_id, v_id);
-    //                                         if (child_selected !== undefined) {
-    //                                             self.attributeIdz[attribute.id]['values'][child_selected.id]['selected'] = false;
-    //                                             self.markUnselected(attribute.id, child_selected.id);
-    //                                         }
-    //                                         let find_any_selected = Object.values(attribute['values']).find(
-    //                                             (v) =>
-    //                                                 v.selected === true &&
-    //                                                 v.applyhidden === false &&
-    //                                                 v.shouldhidden === false
-    //                                         );
-    //                                         if (find_any_selected === undefined) {
-    //                                             self.hideAttributeOrGroup(attribute.id);
-    //                                             self.hideAttribute(attribute.id);
-    //                                             self.unsetMsg(attribute.id);
-    //                                         }
-    //                                     });
-    //                                 }
-    //                             }
-    //                         } else {
-    //                             if (value.selected === false && value.hide === true && value.child > 0) {
-    //                                 // Handle variations if needed
-    //                             } else if (value.selected === true) {
-    //                                 // Clear child values
-    //                             }
-    //                         }
-    //                     } else if (value.confirmation_popup === false) {
-    //                         if (value.selected === false) {
-    //                             if (value.hide === true && value.child > 0) {
-    //                                 self.markUnselected(a_id, v_id);
-    //                                 let child_attribute = Object.values(self.attributeIdz).filter(
-    //                                     (a) => a.parent_id === a_id && a.hide === 0
-    //                                 );
-    //                                 if (child_attribute.length > 0) {
-    //                                     child_attribute.forEach(function (attribute) {
-    //                                         let child_selected = Object.values(attribute['values']).find(
-    //                                             (v) => v.parent_id === v_id && v.selected === true
-    //                                         );
-    //                                         self.hideChildValuesOfParentValue(attribute.id, a_id, v_id);
-    //                                         if (child_selected !== undefined) {
-    //                                             self.attributeIdz[attribute.id]['values'][child_selected.id]['selected'] = false;
-    //                                             self.markUnselected(attribute.id, child_selected.id);
-    //                                         }
-    //                                         let find_any_selected = Object.values(attribute['values']).find(
-    //                                             (v) =>
-    //                                                 v.selected === true &&
-    //                                                 v.applyhidden === false &&
-    //                                                 v.shouldhidden === false
-    //                                         );
-    //                                         if (find_any_selected === undefined) {
-    //                                             self.hideAttributeOrGroup(attribute.id);
-    //                                             self.hideAttribute(attribute.id);
-    //                                             self.unsetMsg(attribute.id);
-    //                                         }
-    //                                     });
-    //                                 }
-    //                             } else if (value.show === true) {
-    //                                 if (value.child > 0) {
-    //                                     let child_attribute = Object.values(self.attributeIdz).filter(
-    //                                         (a) => a.parent_id === a_id && a.hide === 0
-    //                                     );
-    //                                     self.processAttribute(child_attribute);
-    //                                     self.processAttributeAfterCondition(child_attribute);
-    //                                 } else {
-    //                                     let child_attribute = Object.values(self.attributeIdz).filter(
-    //                                         (a) => a.parent_id === a_id && a.hide === 0
-    //                                     );
-    //                                     child_attribute.forEach(function (attribute) {
-    //                                         if (attribute.parent_id) {
-    //                                             let find_selectedValue = Object.values(self.attributeIdz[attribute.parent_id]['values']).find(
-    //                                                 (v) =>
-    //                                                     v.selected === true &&
-    //                                                     v.applyhidden === false &&
-    //                                                     v.shouldhidden === false
-    //                                             );
-    //                                             let find_Value = Object.values(attribute['values']).find(
-    //                                                 (v) =>
-    //                                                     v.selected === true &&
-    //                                                     v.applyhidden === false &&
-    //                                                     v.shouldhidden === false
-    //                                             );
-    //                                             if (find_Value === undefined) {
-    //                                                 self.markUnselected(attribute.id, v_id);
-    //                                                 self.hideAttributeOrGroup(attribute.id);
-    //                                                 self.hideAttribute(attribute.id);
-    //                                                 self.unsetMsg(attribute.id);
-    //                                             } else if (
-    //                                                 find_selectedValue === undefined ||
-    //                                                 (find_selectedValue &&
-    //                                                     find_selectedValue.id !== attribute['values'][find_Value.id].parent_id)
-    //                                             ) {
-    //                                                 self.markUnselected(attribute.id, v_id);
-    //                                                 self.hideAttributeOrGroup(attribute.id);
-    //                                                 self.hideAttribute(attribute.id);
-    //                                                 self.unsetMsg(attribute.id);
-    //                                             }
-    //                                         }
-    //                                     });
-    //                                 }
-    //                             }
-    //                         } else if (value.selected === true) {
-    //                             if (value.show === true) {
-    //                                 if (value.child > 0) {
-    //                                     self.showAttribute(a_id);
-    //                                     let child_attribute = Object.values(self.attributeIdz).filter(
-    //                                         (a) => a.parent_id === a_id && a.hide === 0
-    //                                     );
-    //                                     child_attribute.forEach(function (attribute) {
-    //                                         let has_child_values = Object.values(attribute['values']).filter(
-    //                                             (v) =>
-    //                                                 v.parent_id === v_id &&
-    //                                                 v.shouldhidden === false &&
-    //                                                 v.applyhidden === false
-    //                                         );
-    //                                         if (has_child_values.length) {
-    //                                             self.showAttribute(attribute.id);
-    //                                         }
-    //                                     });
-    //                                 }
-    //                             }
-    //                         }
-    //                     }
-    //                 }
-    //             }
-    //         }
-    //     }
-    //     return response;
-    // },
-    createCondition(conditionArray) {
-      let newcondition2 = conditionArray["condition"];
-      let appliedon = conditionArray["appliedon"];
-      for (const con_aid in appliedon) {
-        let findattrib = Object.values(this.attributeIdz).find((a) => a.id == con_aid);
-        if (findattrib) {
-          if (findattrib.type == this.TYPES["width"] || findattrib.type == this.TYPES["subwidth"] || findattrib.type == this.TYPES["height"] || findattrib.type == this.TYPES["subheight"]) {
-            let fraction = "0.00";
-            let value = 0;
-            let vid = Object.keys(this.attributeIdz[findattrib.id]["values"]);
-            if (vid != void 0 && vid.length > 0) {
-              value = this.attributeIdz[findattrib.id]["values"][vid[0]].value;
-            }
-            newcondition2 = newcondition2.replaceAll("attribute" + con_aid, value);
-          } else {
-            let findvalue = Object.values(findattrib["values"]).find((fv) => fv.selected == true && fv.shouldhidden == false && fv.applyhidden == false);
-            if (findvalue) {
-              newcondition2 = newcondition2.replaceAll("attribute" + con_aid, findvalue.id);
-            } else {
-              newcondition2 = newcondition2.replaceAll("attribute" + con_aid, "'empty'");
-            }
-          }
-        }
-      }
-      return newcondition2;
-    },
-    getelement(classname) {
-      var element = document.getElementsByClassName(classname);
-      return element.length ? element[0] : void 0;
-    },
-    toggle(classname) {
-      var element = document.getElementsByClassName(classname);
-      return element.length ? element[0] : void 0;
-    },
-    getvalue(classname) {
-      var element = document.getElementsByClassName(classname);
-      return element.length ? element[0].value : void 0;
-    },
-    executeCondition(newcondition, c_aid, v_id, changed_values, msgValue, hiddenValues, child_Values, first_call, available = 1) {
-      var selected_val = this.attributeIdz[c_aid]["values"][v_id];
-      if (selected_val.selected == false) {
-        if (eval(newcondition) == false) {
-          if (this.attributeIdz[c_aid]["values"][v_id]["applyhidden"] == false) {
-            changed_values[v_id] = this.attributeIdz[c_aid]["values"][v_id];
-          }
-          this.attributeIdz[c_aid]["values"][v_id]["applyhidden"] = true;
-          this.attributeIdz[c_aid]["values"][v_id]["shouldhidden"] = false;
-          this.markUnselected(c_aid, v_id);
-          this.hideAttributeOrGroup(c_aid);
-          let parent_attribute_id = c_aid;
-          let child_attribute = Object.values(this.attributeIdz).filter((a) => a.parent == parent_attribute_id && a.hide == 0);
-          if (child_attribute.length > 0) {
-            child_attribute.forEach((attribute) => {
-              let child_values = Object.values(attribute["values"]).filter((v) => v.parent_id == v_id);
-              child_Values[v_id] = {
-                v_id,
-                selected: false,
-                hide: true,
-                confirm_popup: false,
-                child: child_values.length
-              };
-            });
-          }
-        } else {
-          let old_selected_value = this.attributeIdz[c_aid]["values"][v_id];
-          if (old_selected_value["applyhidden"] == true) {
-            hiddenValues[v_id] = { ...old_selected_value };
-          }
-          this.attributeIdz[c_aid]["values"][v_id]["applyhidden"] = false;
-          this.attributeIdz[c_aid]["values"][v_id]["shouldhidden"] = false;
-          let showTheValue = this.showValueAttributeOrGroup(c_aid, v_id);
-          if (showTheValue) {
-            let parent_attribute_id = c_aid;
-            let child_attribute = Object.values(this.attributeIdz).filter((a) => a.parent == parent_attribute_id && a.hide == 0);
-            if (child_attribute.length > 0) {
-              child_attribute.forEach((attribute) => {
-                let child_values = Object.values(attribute["values"]).filter((v) => v.parent_id == v_id);
-                child_Values[v_id] = {
-                  v_id,
-                  selected: false,
-                  show: true,
-                  confirm_popup: false,
-                  child: child_values.length
-                };
-              });
-            }
-          }
-        }
-      } else {
-        if (eval(newcondition) == false) {
-          let old_selected_value = Object.values(this.attributeIdz[c_aid]["values"]).find((v) => v.oldselected == true && v.hide == 0 && v.shouldhidden == false && v.applyhidden == false);
-          if (old_selected_value == void 0) {
-            let old_selected_array = Object.values(this.attributeIdz[c_aid]["values"]).filter((v) => v.selected == false && v.hide == 0 && v.applyhidden == false && v.shouldhidden == false);
-            if (old_selected_array.length > 0) {
-              old_selected_array.sort((a, b) => a.sortorder - b.sortorder);
-              old_selected_value = old_selected_array[0];
-            }
-          }
-          if (old_selected_value !== void 0 && this.attributeIdz[c_aid].hide == 0 && first_call == false && available == 1) {
-            if (this.attributeIdz[c_aid].confirm_popup == true) {
-              msgValue[v_id] = this.attributeIdz[c_aid]["values"][v_id];
-              let from = this.attributeIdz[c_aid]["values"][v_id].title;
-              let to = old_selected_value !== void 0 ? old_selected_value.title : "";
-              if (this.msgStr[c_aid] !== void 0) {
-                const startPosition = this.msgStr[c_aid].lastIndexOf(" to ");
-                let replacementText = " to " + to + ", \n";
-                this.msgStr[c_aid] = this.msgStr[c_aid].slice(0, startPosition) + replacementText;
-              } else {
-                this.msgStr[c_aid] = this.attributeIdz[c_aid].title + ": " + from + " to " + to + ", \n";
-              }
-            }
-            let parent_attribute_id = c_aid;
-            let child_attribute = Object.values(this.attributeIdz).filter((a) => a.parent == parent_attribute_id && a.hide == 0);
-            if (child_attribute.length > 0) {
-              child_attribute.forEach((attribute) => {
-                let from_has_child_values = Object.values(attribute["values"]).filter((v) => v.parent_id == v_id);
-                let to_has_child_values = Object.values(attribute["values"]).filter((v) => v.parent_id == old_selected_value.id);
-                child_Values[v_id] = {
-                  v_id,
-                  selected: false,
-                  hide: true,
-                  confirm_popup: true,
-                  child: from_has_child_values.length
-                };
-                child_Values[old_selected_value.id] = {
-                  v_id: old_selected_value.id,
-                  selected: true,
-                  show: true,
-                  confirm_popup: true,
-                  child: to_has_child_values.length
-                };
-              });
-            }
-          }
-          changed_values[v_id] = this.attributeIdz[c_aid]["values"][v_id];
-          this.attributeIdz[c_aid]["values"][v_id]["shouldhidden"] = true;
-          this.attributeIdz[c_aid]["values"][v_id]["applyhidden"] = true;
-        } else {
-          this.attributeIdz[c_aid]["values"][v_id]["shouldhidden"] = false;
-          this.attributeIdz[c_aid]["values"][v_id]["applyhidden"] = false;
-          let showTheValue = this.showValueAttributeOrGroup(c_aid, v_id);
-          if (showTheValue) {
-            let parent_attribute_id = c_aid;
-            let child_attribute = Object.values(this.attributeIdz).filter((a) => a.parent == parent_attribute_id && a.hide == 0);
-            if (child_attribute.length > 0) {
-              child_attribute.forEach((attribute) => {
-                let child_values = Object.values(attribute["values"]).filter((v) => v.parent_id == v_id);
-                child_Values[v_id] = {
-                  v_id,
-                  selected: true,
-                  show: true,
-                  confirm_popup: false,
-                  child: child_values.length
-                };
-              });
-            }
-          }
-        }
-      }
-      return {
-        msgValue,
-        changed_values,
-        hiddenValues,
-        child_Values
-      };
-    },
-    // hideAttributeOrGroup ( c_aid:any) {
-    //     let findSelected_Value='';
-    //     var pick_first_value = '';
-    //     var gid = '';
-    //     var group_attributes = '';
-    //     const self = this;
-    //     // find any select value if found we will not hide attribute and group
-    //     let findSelectedValue = Object.values ( this.attributeIdz[ c_aid ][ 'values' ] ).filter ( v => ( v.selected == true && v.applyhidden == false && v.shouldhidden == false ) );
-    //     // selected value in found retrun
-    //     if ( findSelectedValue.length )
-    //         return;
-    //     gid = this.attributeIdz[ c_aid ].gid;
-    //     // let available_value_array = Object.values ( this.attributeIdz[ c_aid ][ 'values' ] ).filter ( v => ( v.selected == false && v.applyhidden == false && v.shouldhidden == false ) );
-    //     let currentAttribute = this.attributeIdz[ c_aid ];
-    //     gid = currentAttribute.gid;
-    //     let value_parent_id = null;
-    //     let childSelectedValue = null;
-    //     let available_value_array;
-    //     // if attribute is child attribute we will find child selected value
-    //     if (currentAttribute.parent_id)
-    //     {
-    //         value_parent_id = -1;
-    //         childSelectedValue = Object.values ( this.attributeIdz[ currentAttribute.parent_id ][ 'values' ] ).find ( v => ( v.selected == true && v.applyhidden == false && v.shouldhidden == false ) );
-    //         if (childSelectedValue != undefined)
-    //         {
-    //             value_parent_id = childSelectedValue.id;
-    //         }
-    //         available_value_array = Object.values ( this.attributeIdz[ c_aid ][ 'values' ] ).filter ( v => ( v.selected == false && v.parent_id == value_parent_id && v.applyhidden == false && v.shouldhidden == false ) );
-    //     }else{
-    //         available_value_array = Object.values ( this.attributeIdz[ c_aid ][ 'values' ] ).filter ( v => ( v.selected == false && v.applyhidden == false && v.shouldhidden == false ) );
-    //     }
-    //     //search any value which is not hidden and not selected
-    //     // if found select it and return
-    //     if ( available_value_array.length > 0 ) 
-    //     {
-    //         available_value_array.sort ( ( a, b ) => ( a.sortorder - b.sortorder ) )
-    //         pick_first_value = available_value_array[ 0 ];
-    //         this.attributeIdz[ c_aid ][ 'values' ][ pick_first_value.id ][ 'selected' ] = true;
-    //         this.attributeIdz[ c_aid ][ 'values' ][ pick_first_value.id ][ 'oldselected' ] = false;
-    //         if (this.attributeIdz[ pick_first_value.aid ].type == this.TYPES['width'] || this.attributeIdz[ pick_first_value.aid ].type == this.TYPES['subwidth'] || this.attributeIdz[ pick_first_value.aid ].type == this.TYPES['height'] || this.attributeIdz[ pick_first_value.aid ].type == this.TYPES['subheight'] )
-    //         {
-    //             this.markInputSelected(pick_first_value.aid,pick_first_value.id,pick_first_value.value)
-    //         }
-    //         else
-    //         {
-    //             this.markSelected(pick_first_value.aid,pick_first_value.id)
-    //         }
-    //         this.showAttribute(c_aid);
-    //         this.showGroup(gid);
-    //         // jQuery ( valueClass + pick_first_value.id ).addClass ( 'selected' );
-    //         // jQuery ( valueClass + pick_first_value.id  ).prop ( 'checked', true );
-    //         // jQuery ( document ).find ( '.CustomAttribute.attrib' + pick_first_value.aid ).val ( pick_first_value.id );
-    //         // jQuery ( document ).find ( '.element-item-outputvalue-' + pick_first_value.aid ).html ( pick_first_value.title )
-    //         // have we check the attributei hide==1 or not ? before showing the attribute
-    //         return;
-    //     }
-    //     group_attributes = Object.values ( this.attributeIdz ).filter ( a => ( a.gid == gid && a.hide == 0 ) );
-    //     // has only one attribute so hide the group
-    //     if ( group_attributes.length == 1 ) {
-    //         // jQuery ( attributeClass + c_aid ).val ( '' );
-    //         this.hideGroup(gid)
-    //         return
-    //     }
-    //     let hide_group = true;
-    //     // if has multiple attributes
-    //     // find if any selected value is found in any attribute
-    //     // if find any selected value so
-    //     group_attributes.forEach((attribute, index) => {
-    //         let findSelectedValue = Object.values(self.attributeIdz[attribute.id]['values']).find(v => v.selected == true && v.applyhidden == false && v.shouldhidden == false);
-    //         if (findSelectedValue !== undefined) {
-    //             hide_group = false;
-    //         } else {
-    //             const element = document.querySelector(self.attributeClass + attribute.id);
-    //             if (element) {
-    //                 element.value = ''; // Equivalent to jQuery's `.val('')`
-    //             }
-    //             self.hideAttribute(attribute.id);
-    //             self.unsetMsg(attribute.id);
-    //         }
-    //     });
-    //     if ( hide_group ) {
-    //         // jQuery ( attributeClass + c_aid ).val ( '' );
-    //         // jQuery ( groupClass + gid ).hide ().addClass('hide_attribute');
-    //         this.hideGroup(gid)
-    //     } else {
-    //         // jQuery ( attributeClass + c_aid ).val ( '' );
-    //         // jQuery ( attributeClass + c_aid ).hide ();
-    //         this.hideAttribute(c_aid)
-    //         this.unsetMsg(c_aid) 
-    //     }
-    // },
-    hideAttributeOrGroup(c_aid2) {
-      let findSelected_Value;
-      let attr = this.attributeIdz[c_aid2];
-      let parent_value_id = -1;
-      var available_selected_value;
-      if (attr.parent_id) {
-        parent_value_id = this.findSelectedValue(this.attributeIdz[attr.parent_id]["values"]);
-        if (parent_value_id == void 0) {
-          parent_value_id = -2;
-        } else {
-          parent_value_id = parent_value_id.id;
-        }
-      }
-      findSelected_Value = this.findSelectedValue(attr.values, parent_value_id);
-      if (findSelected_Value != void 0)
-        return;
-      let gid = attr.gid;
-      let available_value_array;
-      available_value_array = this.getAvailableValues(c_aid2, parent_value_id);
-      if (available_value_array.length > 0) {
-        available_value_array.sort((a, b) => a.sortorder - b.sortorder);
-        let pick_first_value = available_value_array[0];
-        this.attributeIdz[c_aid2]["values"][pick_first_value.id]["selected"] = true;
-        this.attributeIdz[c_aid2]["values"][pick_first_value.id]["oldselected"] = false;
-        if (this.attributeIdz[pick_first_value.aid].type == this.TYPES["width"] || this.attributeIdz[pick_first_value.aid].type == this.TYPES["subwidth"] || this.attributeIdz[pick_first_value.aid].type == this.TYPES["height"] || this.attributeIdz[pick_first_value.aid].type == this.TYPES["subheight"]) {
-          this.markInputSelected(pick_first_value.aid, pick_first_value.id, pick_first_value.value);
-        } else {
-          this.markSelected(pick_first_value.aid, pick_first_value.id);
-        }
-        this.showAttribute(c_aid2);
-        this.showGroup(gid);
-        return;
-      }
-      let group_attributes = Object.values(this.attributeIdz).filter((a) => a.gid == gid && a.hide == 0);
-      if (group_attributes.length == 1) {
-        this.hideGroup(gid);
-        return;
-      }
-      let hide_group = true;
-      let self = this;
-      group_attributes.forEach(function(attribute, index) {
-        let parent_value_id2 = -1;
-        if (attribute.parent_id) {
-          parent_value_id2 = self.findSelectedValue(self.attributeIdz[attribute.parent_id]["values"]);
-          if (parent_value_id2 === void 0) {
-            self.hideAttribute(attribute.id);
-            self.unsetMsg(attribute.id);
-            return;
-          } else {
-            parent_value_id2 = parent_value_id2.id;
-          }
-        }
-        const findSelected_Value2 = self.findSelectedValue(self.attributeIdz[attribute.id]["values"], parent_value_id2);
-        if (findSelected_Value2 !== void 0) {
-          hide_group = false;
-        } else {
-          self.hideAttribute(attribute.id);
-          self.unsetMsg(attribute.id);
-        }
-      });
-      if (hide_group) {
-        self.hideGroup(gid);
-      } else {
-        self.hideAttribute(c_aid2);
-        self.unsetMsg(c_aid2);
-      }
-    },
-    unsetMsg(aid) {
-      if (Object.values(this.msgStr).length > 0 && this.msgStr[aid] != void 0) {
-        delete this.msgStr[aid];
-      }
-      if (Object.values(this.pdpsummary).length > 0 && this.pdpsummary[aid] != void 0) {
-        delete this.pdpsummary[aid];
-      }
-    },
-    showValueAttributeOrGroup(c_aid2, v_id2) {
-      let gid = this.attributeIdz[c_aid2].gid;
-      let attr = this.attributeIdz[c_aid2];
-      if (attr.parent_id) {
-        let find_selectedValue = this.findSelectedValue(this.attributeIdz[attr.parent_id]["values"]);
-        if (find_selectedValue == void 0 || find_selectedValue && find_selectedValue.id != this.attributeIdz[c_aid2]["values"][v_id2].parent_id) {
-          this.markUnselected(c_aid2, v_id2);
-          this.hideAttributeOrGroup(c_aid2);
-          let attr_selected_val = this.findSelectedValue(attr.values);
-          if (find_selectedValue == void 0 || attr_selected_val == void 0 || attr_selected_val && attr_selected_val.parent_id != find_selectedValue.id) {
-            this.hideAttribute(c_aid2);
-            this.unsetMsg(c_aid2);
-          }
-          return false;
-        }
-      }
-      this.showValue(c_aid2, v_id2);
-      if (this.attributeIdz[c_aid2].hide == 0) {
-        this.showAttribute(c_aid2);
-        this.showGroup(gid);
-      }
-      return true;
-    },
-    // showValueAttributeOrGroup ( c_aid, v_id ) 
-    // {
-    //     let gid = this.attributeIdz[c_aid].gid;
-    //     // check parent child hierarchy
-    //     let attr = this.attributeIdz[c_aid];
-    //     // has parent
-    //     if (attr.parent) 
-    //     {
-    //         if(c_aid==794){
-    //         debugger;
-    //         }
-    //         let find_selectedValue = Object.values ( this.attributeIdz[ attr.parent ][ 'values' ] ).find ( v => ( v.selected == true && v.applyhidden == false && v.shouldhidden == false ) );
-    //         if (find_selectedValue == undefined || (find_selectedValue && find_selectedValue.id != this.attributeIdz[ c_aid ]['values'][v_id].parent_id )) 
-    //         {
-    //             this.markUnselected(c_aid,v_id)
-    //             this.hideAttributeOrGroup ( c_aid )
-    //             this.hideAttribute(c_aid)
-    //             this.unsetMsg(c_aid) 
-    //             return false;
-    //         }
-    //     }
-    //     //show value or remove disabled
-    //     // jQuery ( valueClass + v_id ).show ();
-    //     this.showValue(c_aid,v_id)
-    //     // markSelected(c_aid,v_id)
-    //     // if ( == 0)
-    //     // return ;
-    //     if ( this.attributeIdz[ c_aid ].hide == 0 ) {
-    //         // jQuery ( attributeClass + c_aid ).show ().removeClass('hide_attribute');
-    //         this.showAttribute(c_aid)
-    //         // jQuery ( groupClass + gid ).show ().removeClass('hide_attribute');
-    //         this.showGroup(gid)
-    //     }
-    //     return true;
-    // },
-    selectOneValue(c_aid2) {
-      let attr = this.attributeIdz[c_aid2];
-      let parent_value_id = -1;
-      var available_selected_value;
-      if (attr.parent_id) {
-        parent_value_id = this.findSelectedValue(this.attributeIdz[attr.parent_id]["values"]);
-        if (parent_value_id == void 0) {
-          return;
-        }
-        parent_value_id = parent_value_id.id;
-      }
-      available_selected_value = this.findSelectedValue(attr.values, parent_value_id);
-      if (available_selected_value != void 0) {
-        this.attributeIdz[c_aid2]["values"][available_selected_value.id]["oldselected"] = false;
-        this.setSummery(this.attributeIdz[c_aid2], available_selected_value);
-        if (this.attributeIdz[available_selected_value.aid].type == this.TYPES["width"] || this.attributeIdz[available_selected_value.aid].type == this.TYPES["subwidth"] || this.attributeIdz[available_selected_value.aid].type == this.TYPES["height"] || this.attributeIdz[available_selected_value.aid].type == this.TYPES["subheight"]) {
-          this.markInputSelected(available_selected_value.aid, available_selected_value.id, available_selected_value.value);
-        } else {
-          this.markSelected(available_selected_value.aid, available_selected_value.id);
-        }
-        return;
-      }
-      let available_value_array = this.getAvailableValues(c_aid2, parent_value_id);
-      if (available_value_array.length > 0) {
-        available_value_array = available_value_array.sort((a, b) => a.sortorder - b.sortorder);
-        let pick_first_value = available_value_array[0];
-        this.attributeIdz[c_aid2]["values"][pick_first_value.id]["selected"] = true;
-        this.attributeIdz[c_aid2]["values"][pick_first_value.id]["oldselected"] = false;
-        this.setSummery(this.attributeIdz[c_aid2], pick_first_value);
-        if (this.attributeIdz[pick_first_value.aid].type == this.TYPES["width"] || this.attributeIdz[pick_first_value.aid].type == this.TYPES["subwidth"] || this.attributeIdz[pick_first_value.aid].type == this.TYPES["height"] || this.attributeIdz[pick_first_value.aid].type == this.TYPES["subheight"]) {
-          this.markInputSelected(pick_first_value.aid, pick_first_value.id, pick_first_value.value);
-        } else {
-          this.markSelected(pick_first_value.aid, pick_first_value.id);
-        }
-      }
-    },
-    checkChangeAttributesMsg(c_aid2, msgAttributes, msgValue2, selected_value_hidden, child_Values2, first_call2, available2) {
-      var current_selected_value = Object.values(this.attributeIdz[c_aid2]["values"]).find((v) => v.selected == true && v.shouldhidden == false && v.applyhidden == false);
-      var changed_aid = Object.keys(msgAttributes).find((aid) => aid == selected_value_hidden.aid);
-      if (changed_aid == void 0 && current_selected_value != void 0 && first_call2 == false) {
-        let c_s_aid = current_selected_value.aid;
-        var changed_value = Object.values(msgValue2).find((v) => v.id == selected_value_hidden.id);
-        if (changed_value == void 0 && this.attributeIdz[c_s_aid].hide == 0 && this.attributeIdz[c_s_aid].confirm_popup == true && available2 == 1) {
-          let newMsgStr = "";
-          let nfrom = this.attributeIdz[selected_value_hidden.aid]["values"][selected_value_hidden.id].title;
-          let nto = current_selected_value.title;
-          newMsgStr += this.attributeIdz[c_s_aid].title + ": " + nfrom + " to " + nto + "\n";
-          if (!this.msgStr[selected_value_hidden.aid] != void 0) {
-            this.msgStr[selected_value_hidden.aid] = newMsgStr;
-            let parent_attribute_id = c_aid2;
-            var child_attribute = Object.values(this.attributeIdz).filter((a) => a.parent == parent_attribute_id && a.hide == 0);
-            if (child_attribute.length > 0) {
-              child_attribute.forEach((attribute, index) => {
-                let from_has_child_values = Object.values(attribute["values"]).filter((v) => v.parent_id == selected_value_hidden.id);
-                let to_has_child_values = Object.values(attribute["values"]).filter((v) => v.parent_id == current_selected_value.id);
-                child_Values2[current_selected_value.id] = {
-                  v_id: current_selected_value.id,
-                  selected: true,
-                  confirm_popup: true,
-                  show: true,
-                  child: to_has_child_values.length
-                };
-                child_Values2[selected_value_hidden.id] = {
-                  v_id: selected_value_hidden.id,
-                  selected: false,
-                  confirm_popup: true,
-                  hide: true,
-                  child: from_has_child_values.length
-                };
-              });
-            }
-          }
-        }
-      } else {
-        if (current_selected_value != void 0 && Object.values(this.msgStr).length > 0 && this.msgStr[c_aid2] != void 0) {
-          let nto = current_selected_value.title;
-          const startPosition = this.msgStr[c_aid2].lastIndexOf(" to ");
-          let replacementText = " to " + nto + ", \n";
-          this.msgStr[c_aid2] = this.msgStr[c_aid2].slice(0, startPosition) + replacementText;
-        }
-      }
-      return {
-        child_Values: child_Values2
-      };
-    },
-    showbox(popUpMsg) {
-      this.confirmPopup = true;
-      const btnYes = document.querySelector("#ChangeAttributeYes");
-      const btnNo = document.querySelector("#ChangeAttributeNo");
-      return new Promise((resolve, reject) => {
-        let yesHandler = resolve;
-        let noHandler = reject;
-        btnYes.addEventListener("click", yesHandler);
-        btnNo.addEventListener("click", noHandler);
-      }).finally(() => {
-      });
-    },
-    async confirmChange(changed_attribs, hiddenAttributes, aid, paid = "") {
-      let self = this;
-      let popUpMsg = Object.values(self.msgStr).join("");
-      if (popUpMsg == "") {
-        return true;
-      }
-      var confirm_change = "";
-      await this.showbox(popUpMsg).then(() => {
-        this.confirmPopup = false;
-        confirm_change = true;
-      }).catch(() => {
-        confirm_change = false;
-      });
-      if (!confirm_change) {
-        Object.keys(hiddenAttributes).forEach((o_aid) => {
-          let o_values = hiddenAttributes[o_aid];
-          if (changed_attribs[o_aid] == void 0 && self.attributeIdz[o_aid].hide == 0) {
-            Object.keys(o_values).forEach((o_vid) => {
-              let o_value = o_values[o_vid];
-              let f_value = self.attributeIdz[o_aid]["values"][o_value.id];
-              if (f_value !== void 0) {
-                self.attributeIdz[o_value.aid]["values"][o_value.id].applyhidden = o_value.applyhidden;
-                self.attributeIdz[o_value.aid]["values"][o_value.id].shouldhidden = o_value.shouldhidden;
-                self.attributeIdz[o_value.aid]["values"][o_value.id].selected = o_value.selected;
-                if (o_value.selected == false) {
-                  self.markUnselected(o_aid, f_value.id);
-                  self.hideAttributeOrGroup(o_aid);
-                }
-              }
-            });
-          } else {
-            Object.keys(o_values).forEach((o_vid) => {
-              let o_value = o_values[o_vid];
-              let isselect_value = self.attributeIdz[o_aid]["values"][o_value.id];
-              if (isselect_value !== void 0 && isselect_value.selected == false && o_value.oldselected == false && o_value.applyhidden == true) {
-                self.attributeIdz[o_value.aid]["values"][o_value.id].applyhidden = false;
-                self.attributeIdz[o_value.aid]["values"][o_value.id].shouldhidden = false;
-                if ([self.TYPES["swatch"], self.TYPES["drop-down"], self.TYPES["style"]].includes(self.attributeIdz[o_aid].type)) {
-                  self.attributeIdz[o_value.aid]["values"][o_value.id].selected = false;
-                }
-                self.markUnselected(o_aid, isselect_value.id);
-              }
-            });
-          }
-        });
-        Object.keys(changed_attribs).forEach((o_aid) => {
-          let o_values = changed_attribs[o_aid];
-          Object.keys(o_values).forEach((o_vid) => {
-            let o_value = o_values[o_vid];
-            let f_value = self.attributeIdz[o_aid]["values"][o_value.id];
-            if (f_value !== void 0) {
-              if (f_value.applyhidden == true) {
-                self.attributeIdz[o_value.aid]["values"][o_value.id].applyhidden = false;
-                self.attributeIdz[o_value.aid]["values"][o_value.id].shouldhidden = false;
-                self.showValueAttributeOrGroup(o_aid, o_value.id);
-              }
-              if (f_value.oldselected == true) {
-                let selected_value = Object.values(self.attributeIdz[o_aid]["values"]).find((v) => v.selected == true && v.shouldhidden == false && v.applyhidden == false);
-                if (selected_value !== void 0) {
-                  if ([self.TYPES["swatch"], self.TYPES["drop-down"], self.TYPES["style"]].includes(self.attributeIdz[o_aid].type)) {
-                    self.attributeIdz[o_aid]["values"][selected_value.id].selected = false;
-                    self.attributeIdz[o_aid]["values"][selected_value.id].oldselected = true;
-                  }
-                  self.attributeIdz[o_aid]["values"][selected_value.id].shouldhidden = false;
-                  self.attributeIdz[o_aid]["values"][selected_value.id].applyhidden = false;
-                  const element = document.querySelector(self.attributeClass + o_aid + ' [data-value="' + selected_value.id + '"]');
-                  if (element) {
-                    element.removeAttribute("selected");
-                    element.checked = false;
-                    element.classList.remove("active");
-                  }
-                  let hidden_attribute = hiddenAttributes[o_aid];
-                  let hidden_value;
-                  if (hidden_attribute !== void 0) {
-                    hidden_value = Object.values(hiddenAttributes[o_aid]).find((v) => v.id == selected_value.id);
-                    if (hidden_value !== void 0) {
-                      self.attributeIdz[o_aid]["values"][selected_value.id].shouldhidden = hidden_value.shouldhidden;
-                      self.attributeIdz[o_aid]["values"][selected_value.id].applyhidden = hidden_value.applyhidden;
-                      self.markUnselected(o_aid, selected_value.id);
-                    }
-                  }
-                }
-                self.attributeIdz[o_value.aid]["values"][o_value.id].selected = true;
-                self.attributeIdz[o_value.aid]["values"][o_value.id].oldselected = false;
-                if ([self.TYPES["width"], self.TYPES["subwidth"], self.TYPES["height"], self.TYPES["subheight"]].includes(self.attributeIdz[o_value.aid].type)) {
-                  self.markInputSelected(o_value.aid, o_value.id, o_value.value);
-                } else {
-                  self.markSelected(o_value.aid, o_value.id);
-                }
-              }
-            }
-          });
-        });
-        let clicked_vid = Object.values(this.attributeIdz[aid]["values"]).find((v) => v.selected == true && v.shouldhidden == false && v.applyhidden == false);
-        let before_clicked_vid = Object.values(this.attributeIdz[aid]["values"]).find((v) => v.oldselected == true && v.shouldhidden == false && v.applyhidden == false);
-        if (clicked_vid !== void 0) {
-          if ([this.TYPES["swatch"], this.TYPES["drop-down"], this.TYPES["style"]].includes(this.attributeIdz[aid].type)) {
-            this.attributeIdz[aid]["values"][clicked_vid.id].selected = false;
-            this.attributeIdz[aid]["values"][clicked_vid.id].oldselected = true;
-          }
-          this.attributeIdz[aid]["values"][clicked_vid.id].applyhidden = false;
-          this.attributeIdz[aid]["values"][clicked_vid.id].shouldhidden = false;
-          this.unsetSummery(aid);
-          const element = document.querySelector(this.attributeClass + aid + ' [data-value="' + clicked_vid.id + '"]');
-          if (element) {
-            element.removeAttribute("selected");
-            element.checked = false;
-            element.classList.remove("active");
-          }
-          if ([this.TYPES["width"], this.TYPES["subwidth"], this.TYPES["height"], this.TYPES["subheight"]].includes(this.attributeIdz[aid].type)) {
-            this.attributeIdz[aid]["values"][clicked_vid.id]["value"] = parseFloat(clicked_vid.ovalue);
-            document.querySelector(this.attributeClass + aid).value = parseFloat(clicked_vid.ovalue);
-            this.setSummery(this.attributeIdz[aid], clicked_vid);
-          }
-        }
-        if (before_clicked_vid !== void 0) {
-          this.attributeIdz[aid]["values"][before_clicked_vid.id].selected = true;
-          this.attributeIdz[aid]["values"][before_clicked_vid.id].oldselected = false;
-          this.attributeIdz[aid]["values"][before_clicked_vid.id].applyhidden = false;
-          this.attributeIdz[aid]["values"][before_clicked_vid.id].shouldhidden = false;
-          if ([this.TYPES["width"], this.TYPES["subwidth"], this.TYPES["height"], this.TYPES["subheight"]].includes(this.attributeIdz[aid].type)) {
-            this.markInputSelected(aid, before_clicked_vid.id, before_clicked_vid.value);
-          } else {
-            this.markSelected(aid, before_clicked_vid.id);
-          }
-          this.setSummery(this.attributeIdz[aid], before_clicked_vid);
-        }
-        var child_attribute = Object.values(this.attributeIdz).filter((a) => a.parent_id == aid && a.hide == 0);
-        if (child_attribute.length > 0) {
-          Object.keys(child_attribute).forEach(function(key) {
-            let attribute = child_attribute[key] != void 0 ? child_attribute[key] : null;
-            if (attribute == null) {
-              return;
-            }
-            var hide_child_values = Object.values(attribute["values"]).filter((v) => v.parent_id == clicked_vid.id);
-            if (hide_child_values.length > 0) {
-              self.hideChildValuesOfParentValue(attribute.id, attribute.parent_id, clicked_vid.id);
-            }
-            var show_child_values = Object.values(attribute["values"]).filter((v) => v.parent_id == before_clicked_vid.id && v.shouldhidden == false && v.applyhidden == false);
-            if (show_child_values.length > 0) {
-              self.showChildValues(attribute.id, before_clicked_vid.id);
-              self.showAttribute(attribute.id);
-              var old_selected_value = Object.values(show_child_values).find((v) => v.oldselected == true);
-              if (old_selected_value == void 0) {
-                show_child_values.sort((a, b) => a.sortorder - b.sortorder);
-                old_selected_value = show_child_values[0];
-              }
-              self.attributeIdz[attribute.id]["values"][old_selected_value.id]["selected"] = true;
-              self.attributeIdz[attribute.id]["values"][old_selected_value.id]["oldselected"] = false;
-              if (self.attributeIdz[old_selected_value.aid].type == self.TYPES["width"] || self.attributeIdz[old_selected_value.aid].type == self.TYPES["subwidth"] || self.attributeIdz[old_selected_value.aid].type == self.TYPES["height"] || self.attributeIdz[old_selected_value.aid].type == self.TYPES["subheight"]) {
-                self.markInputSelected(old_selected_value.aid, old_selected_value.id, old_selected_value.value);
-              } else {
-                self.markSelected(old_selected_value.aid, old_selected_value.id);
-              }
-            } else {
-              self.hideAttribute(attribute.id);
-            }
-            if (paid !== void 0 && paid !== "") {
-              let clicked_pvid = Object.values(this.attributeIdz[paid]["values"]).find((v) => v.selected == true && v.shouldhidden == false && v.applyhidden == false);
-              let before_clicked_pvid = Object.values(this.attributeIdz[paid]["values"]).find((v) => v.oldselected == true && v.shouldhidden == false && v.applyhidden == false);
-              if (clicked_pvid !== void 0) {
-                if ([this.TYPES["swatch"], this.TYPES["drop-down"], this.TYPES["style"]].includes(this.attributeIdz[aid].type)) {
-                  this.attributeIdz[aid]["values"][clicked_pvid.id].selected = false;
-                  this.attributeIdz[aid]["values"][clicked_pvid.id].oldselected = true;
-                }
-                this.attributeIdz[aid]["values"][clicked_pvid.id].applyhidden = false;
-                this.attributeIdz[aid]["values"][clicked_pvid.id].shouldhidden = false;
-                const element = document.querySelector(this.attributeClass + aid + ' [data-value="' + clicked_pvid.id + '"]');
-                if (element) {
-                  element.removeAttribute("selected");
-                  element.checked = false;
-                  element.classList.remove("active");
-                }
-              }
-              if (before_clicked_pvid !== void 0) {
-                this.attributeIdz[aid]["values"][before_clicked_pvid.id].selected = true;
-                this.attributeIdz[aid]["values"][before_clicked_pvid.id].oldselected = false;
-                this.attributeIdz[aid]["values"][before_clicked_pvid.id].applyhidden = false;
-                this.attributeIdz[aid]["values"][before_clicked_pvid.id].shouldhidden = false;
-                if ([this.TYPES["width"], this.TYPES["subwidth"], this.TYPES["height"], this.TYPES["subheight"]].includes(this.attributeIdz[aid].type)) {
-                  this.markInputSelected(aid, before_clicked_pvid.id, before_clicked_pvid.value);
-                } else {
-                  this.markSelected(aid, before_clicked_pvid.id);
-                }
-              }
-            }
-            self.processAttributes();
-            self.calculatePrice();
-            return false;
-          });
-        }
-        this.confirmPopup = false;
-        return false;
-      }
-      return true;
-    },
-    customRoundUp(value) {
-      if (typeof value !== "number" || isNaN(value)) {
-        return 0;
-      }
-      let scaledValue = value * 1e3;
-      let roundedValue = Math.ceil(scaledValue);
-      return Math.round(roundedValue / 10) / 100;
-    },
-    sqrunitprice(price, width, height, unit_relative) {
-      var unitSqr = 0;
-      var unit_relative = unit_relative == void 0 || unit_relative == 0 || unit_relative == "" || unit_relative == null ? 1 : unit_relative;
-      let widthSqr = parseFloat(width) / unit_relative;
-      let heightSqr = parseFloat(height) / unit_relative;
-      unitSqr = parseFloat(widthSqr) * parseFloat(heightSqr);
-      unitSqr = this.customRoundUp(unitSqr);
-      return parseFloat(unitSqr) * parseFloat(price);
-    },
-    sqrmeasureprice(price, measurement, unit_relative) {
-      var unitSqr = 0;
-      var unit_relative = unit_relative == void 0 || unit_relative == 0 || unit_relative == "" || unit_relative == null ? 1 : unit_relative;
-      unitSqr = parseFloat(measurement) / unit_relative;
-      unitSqr = this.customRoundUp(unitSqr);
-      return parseFloat(unitSqr) * parseFloat(price);
-    },
-    closest(num, arr) {
-      var mid;
-      var lo = 0;
-      var hi = arr.length - 1;
-      while (hi - lo > 1) {
-        mid = Math.floor((lo + hi) / 2);
-        if (arr[mid] < num) {
-          lo = mid;
-        } else {
-          hi = mid;
-        }
-      }
-      if (lo == 0 && hi == 1) {
-        if (num <= arr[lo]) {
-          return arr[lo];
-        }
-        return arr[hi];
-      }
-      return arr[hi];
-    },
-    lookupprice(price, width = null, height = null) {
-      if (typeof price == null) {
-        return 0;
-      }
-      if (price == void 0) {
-        return 0;
-      }
-      if (width == null && height == null) {
-        return price;
-      }
-      let dropz = Object.keys(price);
-      dropz = dropz.map(Number);
-      dropz = dropz.sort((a, b) => a - b);
-      let drop = dropz.indexOf(height);
-      if (drop == -1) {
-        height = this.closest(height, dropz);
-      } else {
-        height = dropz[drop];
-      }
-      let fabprice = price[height];
-      if (fabprice == void 0) {
-        return 0;
-      }
-      let widthz = Object.keys(fabprice);
-      widthz = widthz.map(Number);
-      widthz = widthz.sort((a, b) => a - b);
-      let widthindex = widthz.indexOf(width);
-      if (widthindex == -1) {
-        width = this.closest(width, widthz);
-      } else {
-        width = widthz[widthindex];
-      }
-      return parseFloat(fabprice[width]);
-    },
-    swatchimage() {
-      this.overlayimages = [];
-      let findstyleswatch = Object.values(this.attributeIdz).filter((a) => (a.type == this.TYPES["style"] || a.type == this.TYPES["swatch"]) && a.generate_swatches);
-      if (findstyleswatch.length) {
-        findstyleswatch = findstyleswatch.sort((a, b) => a.gsortorder - b.gsortorder || a.sortorder - b.sortorder);
-        findstyleswatch.forEach((attribute) => {
-          const value = Object.values(attribute["values"]).find((v) => v.selected == true && v.shouldhidden == false && v.applyhidden == false && v.overlay_image !== "");
-          if (value !== void 0) {
-            this.overlayimages.push(value.overlay_image);
-          }
-        });
-      }
-    },
-    getMeasurement(attribute_type) {
-      let value = 0;
-      let findvalue = Object.values(this.attributeIdz).find((a) => a.type == attribute_type);
-      if (findvalue != void 0) {
-        let vid = Object.keys(this.attributeIdz[findvalue.id]["values"]);
-        if (vid != void 0) {
-          value = this.attributeIdz[findvalue.id]["values"][vid].value;
-        }
-      }
-      if (value == void 0 || isNaN(value) || value == "" || value < 0) {
-        value = 0;
-      }
-      value = parseFloat(value);
-      return value;
-    },
-    getMeasurementByID(attribute_id) {
-      let value = 0;
-      let findvalue = Object.values(this.attributeIdz).find((a) => a.id == attribute_id);
-      if (findvalue != void 0) {
-        let vid = Object.keys(this.attributeIdz[findvalue.id]["values"]);
-        if (vid != void 0) {
-          value = this.attributeIdz[findvalue.id]["values"][vid].value;
-        }
-      }
-      if (value == void 0 || isNaN(value) || value == "" || value < 0) {
-        value = 0;
-      }
-      value = parseFloat(value);
-      return value;
-    },
-    getSubHeights() {
-      return Object.values(this.attributeIdz).filter((a) => a.type == this.TYPES["subheight"] && a.linkto !== null);
-    },
-    getSubWidths() {
-      return Object.values(this.attributeIdz).filter((a) => a.type == this.TYPES["subwidth"] && a.linkto !== null);
-    },
-    calculateMultiPrice(width, height, value, subWidths, subHeights) {
-      let total = 0;
-      let sub_height = 0;
-      let sub_width = 0;
-      if (subWidths.length != 0) {
-        for (let index = 0; index < subWidths.length; index++) {
-          sub_height = sub_width = 0;
-          sub_width = this.getMeasurementByID(subWidths[index].id);
-          if (!sub_width || sub_width <= 0) {
-            continue;
-          }
-          if (subWidths[index].linktotype == this.TYPES["height"]) {
-            sub_height = height;
-          } else if (subWidths[index].linktotype == this.TYPES["subheight"]) {
-            sub_height = this.getMeasurementByID(subWidths[index].linkto);
-          }
-          if (value.price_type == this.PRICETYPE["grouppricing"]) {
-            var value_price = this.getValuePrice(value.group_pricing_type, sub_width, sub_height, this.PRICETYPE, value.group_price, this.lookupprices[value.id]);
-          } else {
-            var value_price = this.getValuePrice(value.price_type, sub_width, sub_height, this.PRICETYPE, value.price, this.lookupprices[value.id]);
-          }
-          this.getValuePriceDiscount(value.discount_type, value.discount, value_price);
-          total = parseFloat(total) + value_price;
-        }
-      } else {
-        for (let index = 0; index < subHeights.length; index++) {
-          sub_width = 0;
-          sub_height = this.getMeasurementByID(subHeights[index].id);
-          if (!sub_height || sub_height <= 0) {
-            continue;
-          }
-          if (subHeights[index].linktotype == this.TYPES["width"]) {
-            sub_width = width;
-          } else if (subHeights[index].linktotype == this.TYPES["subwidth"]) {
-            sub_width = this.getMeasurementByID(subHeights[index].linkto);
-          }
-          if (value.price_type == this.PRICETYPE["grouppricing"]) {
-            var value_price = this.getValuePrice(value.group_pricing_type, sub_width, sub_height, this.PRICETYPE, value.group_price, this.lookupprices[value.id]);
-          } else {
-            var value_price = this.getValuePrice(value.price_type, sub_width, sub_height, this.PRICETYPE, value.price, this.lookupprices[value.id]);
-          }
-          this.getValuePriceDiscount(value.discount_type, value.discount, value_price);
-          total = parseFloat(total) + value_price;
-        }
-      }
-      return total;
-    },
-    getValuePrice(price_type, width, height, PRICE_TYPES, price, priceArray) {
-      if (price_type == PRICE_TYPES["unit-price"]) {
-        return parseFloat(price);
-      } else if (price_type == PRICE_TYPES["grid"] || price_type == PRICE_TYPES["grouppricing"]) {
-        return parseFloat(this.lookupprice(priceArray, width, height));
-      } else if (price_type == PRICE_TYPES["widthlookup"] && width > 0) {
-        return parseFloat(this.lookupprice(priceArray, width, height));
-      } else if (price_type == PRICE_TYPES["heightlookup"] && height > 0) {
-        return parseFloat(this.lookupprice(priceArray, width, height));
-      } else if (price_type == PRICE_TYPES["sqr-meter"]) {
-        return parseFloat(this.sqrunitprice(price, width, height, this.UNIT_RELATIVE[PRICE_TYPES["sqr-meter"]]));
-      } else if (price_type == PRICE_TYPES["sqr-feet"]) {
-        return parseFloat(this.sqrunitprice(price, width, height, this.UNIT_RELATIVE[PRICE_TYPES["sqr-feet"]]));
-      } else if (price_type == PRICE_TYPES["widthfeet"] && width > 0) {
-        return parseFloat(this.sqrunitprice(price, width, height, this.UNIT_RELATIVE[PRICE_TYPES["widthfeet"]]));
-      } else if (price_type == PRICE_TYPES["heightfeet"] && height > 0) {
-        return parseFloat(this.sqrunitprice(price, width, height, this.UNIT_RELATIVE[PRICE_TYPES["heightfeet"]]));
-      } else if (price_type == PRICE_TYPES["width"] && width > 0) {
-        return parseFloat(this.sqrmeasureprice(price, width, this.UNIT_RELATIVE[PRICE_TYPES["width"]]));
-      } else if (price_type == PRICE_TYPES["height"] && height > 0) {
-        return parseFloat(this.sqrmeasureprice(price, height, this.UNIT_RELATIVE[PRICE_TYPES["height"]]));
-      }
-      return parseFloat(0);
-    },
-    getValuePriceDiscount(discount_type, discount, value_price) {
-      if (discount_type == 2 && discount > 0) {
-        if (parseFloat(discount) > parseFloat(value_price)) {
-          discount = value_price;
-        }
-        this.total_values_discount = parseFloat(this.total_values_discount) + parseFloat(discount);
-      } else if (discount_type == 1 && discount > 0) {
-        this.total_values_discount = parseFloat(this.total_values_discount) + parseFloat(value_price) * parseFloat(discount) / 100;
-      }
-    },
-    setValuePricePromotionsDiscount(attributes) {
-      attributes = Object.values(attributes).filter((a) => a.link_promotion == 1);
-      for (var index in attributes) {
-        var value = Object.values(attributes[index]["values"]).find((v) => v.sku_product_id != null && v.selected == true && v.applyhidden == false && v.shouldhidden == false && (v.price_type != "0" && v.price_type != null && v.price_type != ""));
-        if (value != void 0) {
-          var promotions = this.linked_promotionSettings[value.sku_product_id];
-          if (promotions != void 0) {
-            for (var p_index in promotions) {
-              var promotion = promotions[p_index];
-              for (var exc_index in promotion["excludes"]) {
-                if (!this.promotion_excludes.includes(promotion["excludes"][exc_index])) {
-                  this.promotion_excludes.push(promotion["excludes"][exc_index]);
-                }
-              }
-            }
-          }
-        }
-      }
-    },
-    getValuePricePromotionDiscount(product_id, value_price) {
-      var fix_discount = 0;
-      var percentage_discount = 0;
-      var promotions = this.linked_promotionSettings[product_id];
-      if (promotions != void 0) {
-        for (var p_index in promotions) {
-          var promotion = promotions[p_index];
-          if (!this.promotion_excludes.includes(promotion["id"])) {
-            if (promotion["voucherdiscounttype_id"] == 2) {
-              percentage_discount = percentage_discount + promotion["discount"];
-            } else if (promotion["voucherdiscounttype_id"] == 3) {
-              fix_discount = fix_discount + promotion["discount"];
-            }
-          }
-        }
-      }
-      if (fix_discount > 0) {
-        this.getValuePriceDiscount(2, fix_discount, value_price);
-      }
-      if (percentage_discount > 0) {
-        this.getValuePriceDiscount(1, percentage_discount, value_price);
-      }
-    },
-    calculatePrice() {
-      let width = this.getMeasurement(this.TYPES["width"]);
-      let height = this.getMeasurement(this.TYPES["height"]);
-      let value_price = 0;
-      let calculate_MultiPrice = false;
-      let subWidths = this.getSubWidths();
-      let subHeights = this.getSubHeights();
-      let noOfSubWidths = subWidths.length;
-      let noOfSubdrops = subHeights.length;
-      if (noOfSubdrops != 0 || noOfSubWidths != 0) {
-        calculate_MultiPrice = true;
-      }
-      let actual_price = parseFloat(this.BASEPRICE);
-      let total = 0;
-      let attributes = Object.values(this.attributeIdz).filter((a) => a.price_applicable == true);
-      this.setValuePricePromotionsDiscount(attributes);
-      for (var index in attributes) {
-        var value = Object.values(attributes[index]["values"]).find((v) => v.selected == true && v.applyhidden == false && v.shouldhidden == false && (v.price_type != "0" && v.price_type != null && v.price_type != ""));
-        if (value != void 0) {
-          if (attributes[index].parent_id) {
-            let find_selectedValue = Object.values(this.attributeIdz[attributes[index].parent_id]["values"]).find((v) => v.selected == true && v.applyhidden == false && v.shouldhidden == false);
-            if (find_selectedValue == void 0 || find_selectedValue && find_selectedValue.id != attributes[index]["values"][value.id].parent_id) {
-              continue;
-            }
-          }
-          if (value.price_type == this.PRICETYPE["custom"]) {
-            this.price_by_attributeobject = [];
-            this.price_by_attributeobject["attribute"] = attributes[index];
-            this.price_by_attributeobject["price_attribute"] = value.price_attribute;
-            this.price_by_attributeobject["value"] = value;
-            this.price_by_attributes.push(this.price_by_attributeobject);
-            continue;
-          }
-          if (attributes[index].multiprice == true && calculate_MultiPrice == true) {
-            value_price = this.calculateMultiPrice(width, height, value, subWidths, subHeights);
-            this.findprice = Object.values(this.attributeprices).find((ap) => ap["attribute"].id == attributes[index].id);
-            if (!this.findprice) {
-              this.attributepriceobject = [];
-              this.attributepriceobject["attribute"] = attributes[index];
-              this.attributepriceobject["value"] = value;
-              this.attributepriceobject["price"] = value_price;
-              this.attributeprices.push(this.attributepriceobject);
-            }
-            total = parseFloat(total) + value_price;
-          } else {
-            if (value.price_type == this.PRICETYPE["grouppricing"]) {
-              value_price = this.getValuePrice(value.group_pricing_type, width, height, this.PRICETYPE, value.group_price, this.lookupprices[value.id]);
-            } else {
-              value_price = this.getValuePrice(value.price_type, width, height, this.PRICETYPE, value.price, this.lookupprices[value.id]);
-            }
-            if (attributes[index].link_promotion == 1 && value.sku_product_id != null) {
-              this.getValuePricePromotionDiscount(value.sku_product_id, value_price);
-            } else {
-              this.getValuePriceDiscount(value.discount_type, value.discount, value_price);
-            }
-            this.findprice = Object.values(this.attributeprices).find((ap) => ap["attribute"].id == attributes[index].id);
-            if (!this.findprice) {
-              this.attributepriceobject = [];
-              this.attributepriceobject["attribute"] = attributes[index];
-              this.attributepriceobject["value"] = value;
-              this.attributepriceobject["price"] = value_price;
-              this.attributeprices.push(this.attributepriceobject);
-            }
-            total = parseFloat(total) + value_price;
-          }
-          if (attributes[index].exclude_product_promotion == 1) {
-            this.exclude_from_promo_total = parseFloat(this.exclude_from_promo_total) + value_price;
-          }
-        }
-      }
-      for (const price_by_attribute of this.price_by_attributes) {
-        this.findprice = Object.values(this.attributeprices).find((ap) => ap["attribute"].id == price_by_attribute.price_attribute && ap["price"] > 0);
-        if (this.findprice) {
-          let value_price2 = parseFloat(this.findprice["price"]) * (price_by_attribute["value"].price / 100);
-          if (price_by_attribute["attribute"].link_promotion == 1 && price_by_attribute["value"].sku_product_id != null) {
-            this.getValuePricePromotionDiscount(price_by_attribute["value"].sku_product_id, value_price2);
-          } else {
-            this.getValuePriceDiscount(price_by_attribute["value"].discount_type, price_by_attribute["value"].discount, value_price2);
-          }
-          total = parseFloat(total) + value_price2;
-          if (price_by_attribute["attribute"].exclude_product_promotion == 1) {
-            this.exclude_from_promo_total = parseFloat(this.exclude_from_promo_total) + value_price2;
-          }
-        }
-      }
-      if (this.USEBASEPRICE && parseFloat(total) < parseFloat(this.BASEPRICE)) {
-        total = parseFloat(this.BASEPRICE);
-      }
-      actual_price = total;
-      let rrprice = 0;
-      let discount = 0;
-      if (Object.values(this.DISCOUNTS).length) {
-        discount = this.DISCOUNTS[this.B2BTYPE] != void 0 ? this.DISCOUNTS[this.B2BTYPE] : 0;
-        discount = parseFloat(total) * parseFloat(discount) / 100;
-      }
-      let promotionDiscount = discount + parseFloat(this.total_values_discount);
-      if (this.promotionSettings != void 0 && this.promotionSettings.promotion != void 0 && this.promotionSettings.promotion == true) {
-        if (this.promotionSettings.promotiontype == 3) {
-          for (var i = this.promotionSettings.rules.length - 1; i >= 0; i--) {
-            let rule = this.promotionSettings.rules[i];
-            if (rule.discounttype != void 0 || rule.discount != void 0) {
-              let new_total = parseFloat(total) - parseFloat(this.exclude_from_promo_total);
-              promotionDiscount += this.calculateDiscount(rule.discounttype, rule.discount, new_total);
-            }
-          }
-        }
-      }
-      if (parseFloat(total) - parseFloat(promotionDiscount) > 0 && promotionDiscount > 0) {
-        promotionDiscount = this.customRoundUp(promotionDiscount);
-        total = parseFloat(total) - parseFloat(promotionDiscount);
-      }
-      if (parseFloat(actual_price) > parseFloat(total)) {
-        this.productDiscountedPrice = actual_price.toFixed(2);
-      } else {
-        this.productDiscountedPrice = 0;
-      }
-      if (document.querySelector(this.priceClass)) {
-        document.querySelector(this.priceClass).innerHTML = total.toFixed(2);
-      }
-      this.productPrice = total.toFixed(2);
-    },
-    calculateDiscount(discounttype, discount, price) {
-      if (discounttype == 2) {
-        discount = parseFloat(price) * parseFloat(discount / 100);
-        if (price - discount < 0)
-          return 0;
-        return parseFloat(discount);
-      } else if (discounttype == 3) {
-        if (price - discount < 0)
-          return price;
-        return parseFloat(discount);
-      }
-      return 0;
-    },
-    calculateservicePrice() {
-      const self = this;
-      if (typeof this.servicePriceSetting == "undefined") {
-        this.serviceprice = 0;
-        return;
-      }
-      let width = this.getMeasurement(this.TYPES["width"]);
-      let height = this.getMeasurement(this.TYPES["height"]);
-      if (height == void 0 || isNaN(height) || height == "" || height < 0) {
-        height = 0;
-      }
-      if (width == void 0 || isNaN(width) || width == "" || width < 0) {
-        width = 0;
-      }
-      let total = 0;
-      if (this.sevice_price_type == this.servicePriceSetting["types"]["custom"]) {
-        Object.keys(this.servicePriceSetting["pricelist"]).forEach((aid) => {
-          let values = self.servicePriceSetting["pricelist"][aid];
-          let selected_val2 = Object.values(self.attributeIdz[aid]["values"]).find((v) => v.selected == true);
-          if (selected_val2 !== void 0 && values[selected_val2.id] !== void 0) {
-            total += parseFloat(values[selected_val2.id]);
-          }
-        });
-      } else {
-        total += this.getValuePrice(
-          this.sevice_price_type,
-          width,
-          height,
-          this.servicePriceSetting["types"],
-          this.servicePriceSetting["serviceprice"],
-          this.servicePriceSetting["pricelist"]
-        );
-      }
-      this.serviceprice = total;
-    }
-  }
-});