flowrix 1.0.1-beta.85 → 1.0.1-beta.86

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

@@ -0,0 +1,2080 @@
+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;
+    }
+  }
+});