theshtify 1.0.4 → 2.0.0

package/dist/theshtify.cdn.js

@@ -0,0 +1,674 @@
+(() => {
+  // lib/theshtify.js
+  var theshtify_infos = {
+    title: "",
+    message: "",
+    type: "",
+    lang: "en",
+    config: {
+      main_box_classes: "",
+      x_pos: "right",
+      y_pos: "top",
+      font: {
+        family: "arial",
+        size: 14,
+        weight: ""
+      },
+      min_duration: 1e3,
+      max_duration: 5e3,
+      duration: 5e3,
+      borderWidth: 2,
+      bordered: false,
+      progress: false,
+      progressHeight: 2,
+      closer: false,
+      trans: false,
+      display: {
+        width: 300,
+        colors: {
+          custom: {
+            color: "white",
+            bg: "#000",
+            border: {
+              type: "solid",
+              color: "transparent"
+            },
+            progress: {
+              bg: "#fff"
+            }
+          },
+          success: {
+            color: "white",
+            bg: "rgba(1, 191, 102, 0.822)",
+            border: {
+              type: "solid",
+              color: "transparent"
+            },
+            progress: {
+              bg: "#fff"
+            }
+          },
+          danger: {
+            bg: "red",
+            color: "white",
+            border: {
+              type: "solid",
+              color: "transparent"
+            },
+            progress: {
+              bg: "#fff"
+            }
+          },
+          info: {
+            bg: "rgba(7, 133, 250, 0.822)",
+            color: "white",
+            border: {
+              type: "solid",
+              color: "transparent"
+            },
+            progress: {
+              bg: "#fff"
+            }
+          },
+          warning: {
+            bg: "#f89406",
+            color: "black",
+            border: {
+              type: "solid",
+              color: "transparent"
+            },
+            progress: {
+              bg: "#fff"
+            }
+          }
+        },
+        padding: {
+          left: 10,
+          right: 10,
+          top: 10,
+          bottom: 10
+        },
+        margin: {
+          left: 20,
+          right: 20,
+          top: 20,
+          bottom: 20
+        },
+        radius: 5
+      }
+    },
+    callback: () => {
+    }
+  };
+  var types = ["success", "info", "danger", "warning", "custom"];
+  var positions = {
+    x: ["middle", "left", "right"],
+    y: ["middle", "top", "bottom"]
+  };
+  var messages = {
+    en: {
+      errors: {
+        type_error: "the {name} have to be {type}  ",
+        padding_error: "the padding must be a number or an object that include keys left, right, top, bottom with number values",
+        type: "{name} is {type}",
+        duration: "the {type} duration is {ms}MS ({sec}s)",
+        position: "the {axis}_pos property have to be one the listed values {values}"
+      },
+      labels: {
+        empty: "empty",
+        undefined: "undefined",
+        min: "min",
+        max: "max"
+      }
+    }
+  };
+  function theshtify(infos) {
+    let notif = buildBox(infos);
+    if (notif != false) {
+      addAndPositionNotif(notif);
+      animProgress(notif);
+      moveDisplayedNotifications(notif);
+      fadeShow(notif);
+      fadeHide(notif);
+      addCallback(notif);
+    }
+  }
+  function configure(datas) {
+    let config = datas.config ?? {};
+    try {
+      datas.message ? message(datas.message) : "";
+      datas.title ? theshtify_infos.title = datas.title : "";
+      config.main_box_classes && config.main_box_classes != "" ? theshtify_infos.config.main_box_classes = config.main_box_classes : "";
+      config.duration ? duration(config.duration) : "";
+      config.custom_colors ? setCustomColors(config.custom_colors) : "";
+      datas.type ? type(datas.type) : "";
+      config.bordered ? bordered(config.bordered) : "";
+      config.bordered && config.border_width ? borderWidth(config.border_width) : "";
+      config.radius ? radius(config.radius) : "";
+      config.colors ? customColors(config.colors) : "";
+      config.x_align ? setBoxPosition("x", config.x_align) : "";
+      config.y_align ? setBoxPosition("y", config.y_align) : "";
+      config.font ? font(config.font) : "";
+      config.closer ? withCloser(config.closer) : "";
+      config.progress ? haveProgress(config.progress) : "";
+      config.padding ? setPadding(config.padding) : "";
+      datas.callback ? setCallback(datas.callback) : "";
+      config.progress && config.progress_height ? progressHeight(config.progress_height) : "";
+    } catch (error) {
+      console.error(`theshtify error 
+ ${error}`);
+      return false;
+    }
+    return true;
+  }
+  function setPadding(padding) {
+    if (checkType(padding, "number")) {
+      theshtify_infos.config.display.padding.left = padding;
+      theshtify_infos.config.display.padding.right = padding;
+      theshtify_infos.config.display.padding.top = padding;
+      theshtify_infos.config.display.padding.bottom = padding;
+      return;
+    } else {
+      if (checkType(padding, "object")) {
+        if (Object.keys(padding).includes("left") && checkType(padding.left, "number") && Object.keys(padding).includes("right") && checkType(padding.right, "number") && Object.keys(padding).includes("top") && checkType(padding.top, "number") && Object.keys(padding).includes("bottom") && checkType(padding.bottom, "number")) {
+          theshtify_infos.config.display.padding = padding;
+          return;
+        }
+      }
+    }
+    throw getMessage(cMessages().errors.padding_error);
+  }
+  function setCallback(callback) {
+    if (checkType(callback, "function")) {
+      theshtify_infos.callback = callback;
+    } else {
+      throw getMessage(cMessages().errors.type_error, {
+        name: "callback",
+        type: "function"
+      });
+    }
+  }
+  function setCustomColors(customColors2) {
+    for (const key in customColors2) {
+      if (Object.prototype.hasOwnProperty.call(customColors2, key)) {
+        if (getColor(key)) {
+          theshtify_infos.type = key;
+          configureColor(customColors2[key]);
+        }
+      }
+    }
+  }
+  function addAndPositionNotif(notif) {
+    document.querySelector("body").before(notif);
+    let pos = getPosition({
+      width: notif.offsetWidth,
+      height: notif.offsetHeight
+    });
+    notif.style.left = `${pos.x}px`;
+    notif.style.top = `${pos.y}px`;
+  }
+  function message(message2 = null) {
+    if (message2 != null) {
+      switch (true) {
+        case message2 == "":
+          throw cMessages().errors.type, { name: "message", type: cMessages().labels.empty };
+        case checkType(message2, "undefined"):
+          throw cMessages().errors.type, { name: "message", type: cMessages().labels.undefined };
+        case !checkType(message2, "string"):
+          throw getMessage(cMessages().errors.type_error, {
+            name: "message",
+            type: "string"
+          });
+        default:
+          theshtify_infos.message = message2;
+          break;
+      }
+    } else {
+      return message2;
+    }
+  }
+  function setBoxPosition(axis, value) {
+    if (checkType(value, "string")) {
+      if (positions[axis].includes(value)) {
+        theshtify_infos.config[`${axis}_pos`] = value;
+      } else {
+        throw getMessage(cMessages().errors.position, {
+          axis,
+          values: positions[axis].join(",")
+        });
+      }
+    } else {
+      throw getMessage(cMessages().errors.type_error, {
+        name: "colors.color",
+        type: "string"
+      });
+    }
+  }
+  function customColors(colors) {
+    if (checkType(colors, "object")) {
+      if (theshtify_infos.type == "custom") {
+        configureColor(colors);
+      }
+    } else {
+      throw getMessage(cMessages().errors.type_error, {
+        name: "colors",
+        type: "object"
+      });
+    }
+  }
+  function configureColor(colors) {
+    colors.bg ? background(colors.bg) : "";
+    colors.color ? textColor(colors.color) : "";
+    colors.border.type ? borderType(colors.border.type) : "";
+    colors.border.color ? borderColor(colors.border.color) : "";
+    colors.progress.bg ? progressColor(colors.progress.bg) : "";
+  }
+  function getColor(name) {
+    return theshtify_infos.config.display.colors[name] ?? false;
+  }
+  function background(bg) {
+    if (checkType(bg, "string")) {
+      currentColor().bg = bg;
+    } else {
+      throw getMessage(cMessages().errors.type_error, {
+        name: "colors.bg",
+        type: "string"
+      });
+    }
+  }
+  function textColor(color) {
+    if (checkType(color, "string")) {
+      currentColor().color = color;
+    } else {
+      throw getMessage(cMessages().errors.type_error, {
+        name: "colors.color",
+        type: "string"
+      });
+    }
+  }
+  function borderColor(color) {
+    if (checkType(color, "string")) {
+      currentColor().border.color = color;
+    } else {
+      throw getMessage(cMessages().errors.type_error, {
+        name: "colors.border.color",
+        type: "string"
+      });
+    }
+  }
+  function borderType(type2) {
+    if (checkType(type2, "string")) {
+      currentColor().border.type = type2;
+    } else {
+      throw getMessage(cMessages().errors.type_error, {
+        name: "colors.border.type",
+        type: "string"
+      });
+    }
+  }
+  function borderWidth(width) {
+    if (checkType(width, "number")) {
+      theshtify_infos.config.borderWidth = width;
+    } else {
+      throw getMessage(cMessages().errors.type_error, {
+        name: "borderWidth",
+        type: "number"
+      });
+    }
+  }
+  function radius(radius2) {
+    if (checkType(radius2, "number")) {
+      theshtify_infos.config.display.radius = radius2;
+    } else {
+      throw getMessage(cMessages().errors.type_error, {
+        name: "radius",
+        type: "number"
+      });
+    }
+  }
+  function bordered(bordered2 = false) {
+    if (checkType(bordered2, "boolean")) {
+      theshtify_infos.config.bordered = bordered2;
+    } else {
+      throw getMessage(cMessages().errors.type_error, {
+        name: "bordered",
+        type: "boolean"
+      });
+    }
+  }
+  function haveProgress(progress2 = false) {
+    if (checkType(progress2, "boolean")) {
+      theshtify_infos.config.progress = progress2;
+    } else {
+      throw getMessage(cMessages().errors.type_error, {
+        name: "progress",
+        type: "boolean"
+      });
+    }
+  }
+  function withCloser(closer = false) {
+    if (checkType(closer, "boolean")) {
+      theshtify_infos.config.closer = closer;
+    } else {
+      throw getMessage(cMessages().errors.type_error, {
+        name: "closer",
+        type: "boolean"
+      });
+    }
+  }
+  function progressHeight(height) {
+    if (checkType(height, "number")) {
+      theshtify_infos.config.progressHeight = height;
+    } else {
+      throw getMessage(cMessages().errors.type_error, {
+        name: "progressHeight",
+        type: "number"
+      });
+    }
+  }
+  function progressColor(color) {
+    if (checkType(color, "string")) {
+      currentColor().progress.bg = color;
+    } else {
+      throw getMessage(cMessages().errors.type_error, {
+        name: "progress.bg",
+        type: "string"
+      });
+    }
+  }
+  function duration(duration2) {
+    if (checkType(duration2, "number")) {
+      if (duration2 <= theshtify_infos.config.max_duration) {
+        theshtify_infos.config.duration = duration2;
+      } else {
+        throw getMessage(cMessages().errors.duration, {
+          type: cMessages().labels.max,
+          ms: `${theshtify_infos.config.max_duration}`,
+          sec: `${theshtify_infos.config.max_duration / 1e3}`
+        });
+      }
+      if (duration2 >= theshtify_infos.config.min_duration) {
+        theshtify_infos.config.duration = duration2;
+      } else {
+        throw getMessage(cMessages().errors.duration, {
+          type: cMessages().labels.min,
+          ms: `${theshtify_infos.config.min_duration}`,
+          sec: `${theshtify_infos.config.min_duration / 1e3}`
+        });
+      }
+    } else {
+      throw getMessage(cMessages().errors.type_error, {
+        name: "duration",
+        type: "number"
+      });
+    }
+  }
+  function type(type2) {
+    if (type2 != null) {
+      if (types.includes(type2)) {
+        theshtify_infos.type = type2;
+      } else {
+        throw "the given type is not supported";
+      }
+    } else {
+      return type2;
+    }
+  }
+  function font(font2) {
+    if (font2) {
+      if (font2.size) {
+        if (checkType(font2.size, "number")) {
+          theshtify_infos.config.font.size = font2.size;
+        } else {
+          throw getMessage(cMessages().errors.type_error, {
+            name: "font.size",
+            type: "number"
+          });
+        }
+      }
+      if (font2.weight) {
+        if (checkType(font2.weight, "number")) {
+          theshtify_infos.config.font.weight = font2.weight;
+        } else {
+          throw getMessage(cMessages().errors.type_error, {
+            name: "font.weight",
+            type: "number"
+          });
+        }
+      }
+      if (font2.family) {
+        if (checkType(font2.family, "string")) {
+          theshtify_infos.config.font.family = font2.family;
+        } else {
+          throw getMessage(cMessages().errors.type_error, {
+            name: "font.family",
+            type: "string"
+          });
+        }
+      }
+    } else {
+      return theshtify_infos.config.font;
+    }
+  }
+  function cMessages() {
+    return messages[theshtify_infos.lang];
+  }
+  function getMessage(message2 = "", params = {}) {
+    let mes = message2;
+    for (const key in params) {
+      if (Object.prototype.hasOwnProperty.call(params, key)) {
+        mes = mes.replace(`{${key}}`, params[key]);
+      }
+    }
+    return mes;
+  }
+  function currentColor() {
+    return theshtify_infos.config.display.colors[theshtify_infos.type];
+  }
+  function getPosition(boxSize) {
+    let retPos = {
+      x: 0,
+      y: 0
+    };
+    theshtify_infos.config.x_pos == "left" ? retPos.x = theshtify_infos.config.display.margin.left : 0;
+    theshtify_infos.config.x_pos == "right" ? retPos.x = window.innerWidth - (boxSize.width + theshtify_infos.config.display.margin.right) : 0;
+    theshtify_infos.config.x_pos == "middle" ? retPos.x = (window.innerWidth - boxSize.width) / 2 : 0;
+    theshtify_infos.config.y_pos == "top" ? retPos.y = 0 + theshtify_infos.config.display.margin.top : 0;
+    theshtify_infos.config.y_pos == "bottom" ? retPos.y = window.innerHeight - (boxSize.height + theshtify_infos.config.display.margin.bottom) : 0;
+    theshtify_infos.config.y_pos == "middle" ? retPos.y = (window.innerHeight - boxSize.height) / 2 : 0;
+    return retPos;
+  }
+  function checkType(value, neededType) {
+    return typeof value === neededType;
+  }
+  function buildBox(config) {
+    if (configure(config)) {
+      let box = mainContainer();
+      theshtify_infos.config.closer ? box.append(dismiss()) : "";
+      box.append(body());
+      theshtify_infos.config.progress ? box.append(progress()) : "";
+      return box;
+    } else {
+      return false;
+    }
+  }
+  function mainContainer() {
+    var notif = document.createElement("div");
+    notif.setAttribute("class", "Thesharsol-notifyer");
+    theshtify_infos.config.main_box_classes ? notif.classList.add(theshtify_infos.config.main_box_classes) : "";
+    notif.style.width = "90%";
+    notif.style.maxWidth = `${theshtify_infos.config.display.width}px`;
+    notif.style.position = "fixed";
+    notif.style.zIndex = 999, 999;
+    notif.style.opacity = 0;
+    notif.style.fontFamily = `${theshtify_infos.config.font.family}`;
+    notif.style.fontSize = `${theshtify_infos.config.font.size}px`;
+    notif.style.fontWeight = `${theshtify_infos.config.font.weight}`;
+    notif.style.borderRadius = `${theshtify_infos.config.display.radius}px`;
+    notif.style.backgroundColor = theshtify_infos.config.display.colors[theshtify_infos.type].bg;
+    notif.setAttribute(
+      "index",
+      document.querySelectorAll(".Thesharsol-notifyer").length
+    );
+    if (theshtify_infos.config.bordered) {
+      notif.style.border = `${theshtify_infos.config.borderWidth}px ${currentColor().border.type} ${currentColor().border.color}`;
+    }
+    return notif;
+  }
+  function body() {
+    let body2 = document.createElement("div");
+    let bodyContent = document.createElement("div");
+    body2.setAttribute("style", "width:100%");
+    bodyContent.style.color = theshtify_infos.config.display.colors[theshtify_infos.type].color;
+    bodyContent.style.paddingLeft = `${theshtify_infos.config.display.padding.left}px`;
+    bodyContent.style.paddingRight = `${theshtify_infos.config.display.padding.right}px`;
+    bodyContent.style.paddingTop = `${theshtify_infos.config.display.padding.top}px`;
+    bodyContent.style.paddingBottom = `${theshtify_infos.config.display.padding.bottom}px`;
+    const title = span(theshtify_infos.title, true);
+    title.style.marginBottom = `${theshtify_infos.message != "" ? 4 : 0}px`;
+    theshtify_infos.title ? bodyContent.append(title) : "";
+    theshtify_infos.message ? bodyContent.append(span(theshtify_infos.message)) : "";
+    body2.append(bodyContent);
+    return body2;
+  }
+  function span(text = "", bold = false) {
+    let span2 = document.createElement("span");
+    span2.setAttribute(
+      "style",
+      `display:block;font-weight:${bold ? "bold" : "light"};`
+    );
+    if (text && text != "") {
+      span2.textContent = text;
+    }
+    return span2;
+  }
+  function dismiss() {
+    let dismiss2 = document.createElement("div");
+    let dismissContent = document.createElement("button");
+    dismissContent.classList.add("close-icon");
+    dismissContent.fontSize = `22px`;
+    dismiss2.setAttribute(
+      "style",
+      `display:flex;padding:${theshtify_infos.config.display.padding.top}px ${theshtify_infos.config.display.padding.top}px 0px ${theshtify_infos.config.display.padding.top}px;`
+    );
+    dismissContent.setAttribute(
+      "style",
+      `font-weight:bold;margin-left:auto;background:transparent;border:0px;color:${currentColor().color}`
+    );
+    dismiss2.append(dismissContent);
+    dismissContent.addEventListener("click", () => {
+      let boxToRemove = dismissContent.parentNode.parentNode;
+      moveDisplayedNotifications(
+        boxToRemove,
+        "remove",
+        parseInt(boxToRemove.getAttribute("index"))
+      );
+      boxToRemove.remove();
+    });
+    return dismiss2;
+  }
+  function progress() {
+    let progress2 = document.createElement("div");
+    let progressContent = document.createElement("div");
+    progress2.style.width = "100%";
+    progress2.style.borderRadius = `${theshtify_infos.config.display.radius}px`;
+    progress2.style.overflow = "hidden";
+    progress2.classList.add("progress");
+    progressContent.setAttribute("style", "height:2px;width:0px");
+    progressContent.style.minHeight = `${theshtify_infos.config.progressHeight}px`;
+    progressContent.style.width = "0px";
+    progressContent.classList.add("content");
+    progressContent.style.background = `${currentColor().progress ? currentColor().progress.bg : "white"}`;
+    progress2.append(progressContent);
+    return progress2;
+  }
+  function animProgress(box) {
+    let progressBar = box.querySelector(".progress");
+    if (progressBar != void 0) {
+      let progressBoxContent = box.querySelector(".content");
+      let maxProgressContentWidth = progressBar.offsetWidth;
+      progressBoxContent.style.width = "0px";
+      progressBoxContent.style.transitionDuration = `${theshtify_infos.config.duration}ms`;
+      requestAnimationFrame(() => {
+        progressBoxContent.style.width = `${maxProgressContentWidth}px`;
+      });
+    }
+  }
+  function moveDisplayedNotifications(createdBox, moveType = "add", startIndex = 0) {
+    let notifBoxes = document.querySelectorAll(".Thesharsol-notifyer");
+    let offset = createdBox.offsetHeight + 20;
+    let boxesCumulatedHeihgt = offset;
+    switch (moveType) {
+      case "add":
+        for (let i = startIndex; i < notifBoxes.length; i++) {
+          boxesCumulatedHeihgt = changeBoxPosition(
+            notifBoxes,
+            i,
+            moveType,
+            boxesCumulatedHeihgt,
+            createdBox,
+            offset
+          );
+        }
+        break;
+      case "remove":
+        console.log("remove");
+        let si = Array.prototype.indexOf.call(notifBoxes, createdBox);
+        for (let i = si; i >= 0; i--) {
+          boxesCumulatedHeihgt = changeBoxPosition(
+            notifBoxes,
+            i,
+            moveType,
+            boxesCumulatedHeihgt,
+            createdBox,
+            offset
+          );
+        }
+        for (let j = si + 1; j < notifBoxes.length; j++) {
+          notifBoxes[j].setAttribute("index", j - 1);
+          console.log(si);
+        }
+        break;
+      default:
+        break;
+    }
+    if (boxesCumulatedHeihgt > window.innerHeight * 50 / 100) {
+      notifBoxes[0].remove();
+    }
+  }
+  function changeBoxPosition(notifBoxes, i, moveType, boxesCumulatedHeihgt, createdBox, offset) {
+    let box = notifBoxes[i];
+    if (createdBox != box && box != void 0) {
+      if (theshtify_infos.config.y_pos == "bottom") {
+        box.style.top = moveType == "add" ? `${box.offsetTop - offset}px` : `${box.offsetTop + offset}px`;
+      }
+      if (theshtify_infos.config.y_pos == "top") {
+        box.style.top = moveType == "add" ? `${box.offsetTop + offset}px` : `${box.offsetTop - offset}px`;
+      }
+      boxesCumulatedHeihgt += box.offsetHeight;
+    }
+    return boxesCumulatedHeihgt;
+  }
+  function fadeShow(notif) {
+    requestAnimationFrame(() => {
+      notif.style.opacity = 0.9;
+    });
+  }
+  function fadeHide(notif) {
+    setTimeout(function() {
+      notif.classList.add("fade-out");
+      notif.addEventListener("transitionend", function handler() {
+        notif.removeEventListener("transitionend", handler);
+        notif.remove();
+      });
+    }, theshtify_infos.config.duration);
+  }
+  function addCallback(box = HTMLDivElement) {
+    box.addEventListener("click", () => {
+      theshtify_infos.callback();
+    });
+  }
+
+  // lib/theshtifyCDN.js
+  window.theshtify = theshtify;
+})();

package/dist/theshtify.min.js

@@ -0,0 +1,2 @@
+(()=>{var r={title:"",message:"",type:"",lang:"en",config:{main_box_classes:"",x_pos:"right",y_pos:"top",font:{family:"arial",size:14,weight:""},min_duration:1e3,max_duration:5e3,duration:5e3,borderWidth:2,bordered:!1,progress:!1,progressHeight:2,closer:!1,trans:!1,display:{width:300,colors:{custom:{color:"white",bg:"#000",border:{type:"solid",color:"transparent"},progress:{bg:"#fff"}},success:{color:"white",bg:"rgba(1, 191, 102, 0.822)",border:{type:"solid",color:"transparent"},progress:{bg:"#fff"}},danger:{bg:"red",color:"white",border:{type:"solid",color:"transparent"},progress:{bg:"#fff"}},info:{bg:"rgba(7, 133, 250, 0.822)",color:"white",border:{type:"solid",color:"transparent"},progress:{bg:"#fff"}},warning:{bg:"#f89406",color:"black",border:{type:"solid",color:"transparent"},progress:{bg:"#fff"}}},padding:{left:10,right:10,top:10,bottom:10},margin:{left:20,right:20,top:20,bottom:20},radius:5}},callback:()=>{}},w=["success","info","danger","warning","custom"],g={x:["middle","left","right"],y:["middle","top","bottom"]},_={en:{errors:{type_error:"the {name} have to be {type}  ",padding_error:"the padding must be a number or an object that include keys left, right, top, bottom with number values",type:"{name} is {type}",duration:"the {type} duration is {ms}MS ({sec}s)",position:"the {axis}_pos property have to be one the listed values {values}"},labels:{empty:"empty",undefined:"undefined",min:"min",max:"max"}}};function Z(e){let t=I(e);t!=!1&&(C(t),U(t),h(t),V(t),X(t),Y(t))}function x(e){let t=e.config??{};try{e.message&&A(e.message),e.title&&(r.title=e.title),t.main_box_classes&&t.main_box_classes!=""&&(r.config.main_box_classes=t.main_box_classes),t.duration&&N(t.duration),t.custom_colors&&v(t.custom_colors),e.type&&R(e.type),t.bordered&&q(t.bordered),t.bordered&&t.border_width&&T(t.border_width),t.radius&&O(t.radius),t.colors&&H(t.colors),t.x_align&&y("x",t.x_align),t.y_align&&y("y",t.y_align),t.font&&D(t.font),t.closer&&S(t.closer),t.progress&&z(t.progress),t.padding&&$(t.padding),e.callback&&k(e.callback),t.progress&&t.progress_height&&B(t.progress_height)}catch(i){return console.error(`theshtify error 
+ ${i}`),!1}return!0}function $(e){if(n(e,"number")){r.config.display.padding.left=e,r.config.display.padding.right=e,r.config.display.padding.top=e,r.config.display.padding.bottom=e;return}else if(n(e,"object")&&Object.keys(e).includes("left")&&n(e.left,"number")&&Object.keys(e).includes("right")&&n(e.right,"number")&&Object.keys(e).includes("top")&&n(e.top,"number")&&Object.keys(e).includes("bottom")&&n(e.bottom,"number")){r.config.display.padding=e;return}throw s(o().errors.padding_error)}function k(e){if(n(e,"function"))r.callback=e;else throw s(o().errors.type_error,{name:"callback",type:"function"})}function v(e){for(let t in e)Object.prototype.hasOwnProperty.call(e,t)&&E(t)&&(r.type=t,b(e[t]))}function C(e){document.querySelector("body").before(e);let t=F({width:e.offsetWidth,height:e.offsetHeight});e.style.left=`${t.x}px`,e.style.top=`${t.y}px`}function A(e=null){if(e!=null)switch(!0){case e=="":throw o().errors.type,{name:"message",type:o().labels.empty};case n(e,"undefined"):throw o().errors.type,{name:"message",type:o().labels.undefined};case!n(e,"string"):throw s(o().errors.type_error,{name:"message",type:"string"});default:r.message=e;break}else return e}function y(e,t){if(n(t,"string"))if(g[e].includes(t))r.config[`${e}_pos`]=t;else throw s(o().errors.position,{axis:e,values:g[e].join(",")});else throw s(o().errors.type_error,{name:"colors.color",type:"string"})}function H(e){if(n(e,"object"))r.type=="custom"&&b(e);else throw s(o().errors.type_error,{name:"colors",type:"object"})}function b(e){e.bg&&j(e.bg),e.color&&W(e.color),e.border.type&&P(e.border.type),e.border.color&&L(e.border.color),e.progress.bg&&M(e.progress.bg)}function E(e){return r.config.display.colors[e]??!1}function j(e){if(n(e,"string"))d().bg=e;else throw s(o().errors.type_error,{name:"colors.bg",type:"string"})}function W(e){if(n(e,"string"))d().color=e;else throw s(o().errors.type_error,{name:"colors.color",type:"string"})}function L(e){if(n(e,"string"))d().border.color=e;else throw s(o().errors.type_error,{name:"colors.border.color",type:"string"})}function P(e){if(n(e,"string"))d().border.type=e;else throw s(o().errors.type_error,{name:"colors.border.type",type:"string"})}function T(e){if(n(e,"number"))r.config.borderWidth=e;else throw s(o().errors.type_error,{name:"borderWidth",type:"number"})}function O(e){if(n(e,"number"))r.config.display.radius=e;else throw s(o().errors.type_error,{name:"radius",type:"number"})}function q(e=!1){if(n(e,"boolean"))r.config.bordered=e;else throw s(o().errors.type_error,{name:"bordered",type:"boolean"})}function z(e=!1){if(n(e,"boolean"))r.config.progress=e;else throw s(o().errors.type_error,{name:"progress",type:"boolean"})}function S(e=!1){if(n(e,"boolean"))r.config.closer=e;else throw s(o().errors.type_error,{name:"closer",type:"boolean"})}function B(e){if(n(e,"number"))r.config.progressHeight=e;else throw s(o().errors.type_error,{name:"progressHeight",type:"number"})}function M(e){if(n(e,"string"))d().progress.bg=e;else throw s(o().errors.type_error,{name:"progress.bg",type:"string"})}function N(e){if(n(e,"number")){if(e<=r.config.max_duration)r.config.duration=e;else throw s(o().errors.duration,{type:o().labels.max,ms:`${r.config.max_duration}`,sec:`${r.config.max_duration/1e3}`});if(e>=r.config.min_duration)r.config.duration=e;else throw s(o().errors.duration,{type:o().labels.min,ms:`${r.config.min_duration}`,sec:`${r.config.min_duration/1e3}`})}else throw s(o().errors.type_error,{name:"duration",type:"number"})}function R(e){if(e!=null)if(w.includes(e))r.type=e;else throw"the given type is not supported";else return e}function D(e){if(e){if(e.size)if(n(e.size,"number"))r.config.font.size=e.size;else throw s(o().errors.type_error,{name:"font.size",type:"number"});if(e.weight)if(n(e.weight,"number"))r.config.font.weight=e.weight;else throw s(o().errors.type_error,{name:"font.weight",type:"number"});if(e.family)if(n(e.family,"string"))r.config.font.family=e.family;else throw s(o().errors.type_error,{name:"font.family",type:"string"})}else return r.config.font}function o(){return _[r.lang]}function s(e="",t={}){let i=e;for(let l in t)Object.prototype.hasOwnProperty.call(t,l)&&(i=i.replace(`{${l}}`,t[l]));return i}function d(){return r.config.display.colors[r.type]}function F(e){let t={x:0,y:0};return r.config.x_pos=="left"&&(t.x=r.config.display.margin.left),r.config.x_pos=="right"&&(t.x=window.innerWidth-(e.width+r.config.display.margin.right)),r.config.x_pos=="middle"&&(t.x=(window.innerWidth-e.width)/2),r.config.y_pos=="top"&&(t.y=0+r.config.display.margin.top),r.config.y_pos=="bottom"&&(t.y=window.innerHeight-(e.height+r.config.display.margin.bottom)),r.config.y_pos=="middle"&&(t.y=(window.innerHeight-e.height)/2),t}function n(e,t){return typeof e===t}function I(e){if(x(e)){let t=G();return r.config.closer&&t.append(K()),t.append(J()),r.config.progress&&t.append(Q()),t}else return!1}function G(){var e=document.createElement("div");return e.setAttribute("class","Thesharsol-notifyer"),r.config.main_box_classes&&e.classList.add(r.config.main_box_classes),e.style.width="90%",e.style.maxWidth=`${r.config.display.width}px`,e.style.position="fixed",e.style.zIndex=999,e.style.opacity=0,e.style.fontFamily=`${r.config.font.family}`,e.style.fontSize=`${r.config.font.size}px`,e.style.fontWeight=`${r.config.font.weight}`,e.style.borderRadius=`${r.config.display.radius}px`,e.style.backgroundColor=r.config.display.colors[r.type].bg,e.setAttribute("index",document.querySelectorAll(".Thesharsol-notifyer").length),r.config.bordered&&(e.style.border=`${r.config.borderWidth}px ${d().border.type} ${d().border.color}`),e}function J(){let e=document.createElement("div"),t=document.createElement("div");e.setAttribute("style","width:100%"),t.style.color=r.config.display.colors[r.type].color,t.style.paddingLeft=`${r.config.display.padding.left}px`,t.style.paddingRight=`${r.config.display.padding.right}px`,t.style.paddingTop=`${r.config.display.padding.top}px`,t.style.paddingBottom=`${r.config.display.padding.bottom}px`;let i=u(r.title,!0);return i.style.marginBottom=`${r.message!=""?4:0}px`,r.title&&t.append(i),r.message&&t.append(u(r.message)),e.append(t),e}function u(e="",t=!1){let i=document.createElement("span");return i.setAttribute("style",`display:block;font-weight:${t?"bold":"light"};`),e&&e!=""&&(i.textContent=e),i}function K(){let e=document.createElement("div"),t=document.createElement("button");return t.classList.add("close-icon"),t.fontSize="22px",e.setAttribute("style",`display:flex;padding:${r.config.display.padding.top}px ${r.config.display.padding.top}px 0px ${r.config.display.padding.top}px;`),t.setAttribute("style",`font-weight:bold;margin-left:auto;background:transparent;border:0px;color:${d().color}`),e.append(t),t.addEventListener("click",()=>{let i=t.parentNode.parentNode;h(i,"remove",parseInt(i.getAttribute("index"))),i.remove()}),e}function Q(){let e=document.createElement("div"),t=document.createElement("div");return e.style.width="100%",e.style.borderRadius=`${r.config.display.radius}px`,e.style.overflow="hidden",e.classList.add("progress"),t.setAttribute("style","height:2px;width:0px"),t.style.minHeight=`${r.config.progressHeight}px`,t.style.width="0px",t.classList.add("content"),t.style.background=`${d().progress?d().progress.bg:"white"}`,e.append(t),e}function U(e){let t=e.querySelector(".progress");if(t!=null){let i=e.querySelector(".content"),l=t.offsetWidth;i.style.width="0px",i.style.transitionDuration=`${r.config.duration}ms`,requestAnimationFrame(()=>{i.style.width=`${l}px`})}}function h(e,t="add",i=0){let l=document.querySelectorAll(".Thesharsol-notifyer"),p=e.offsetHeight+20,f=p;switch(t){case"add":for(let c=i;c<l.length;c++)f=m(l,c,t,f,e,p);break;case"remove":console.log("remove");let a=Array.prototype.indexOf.call(l,e);for(let c=a;c>=0;c--)f=m(l,c,t,f,e,p);for(let c=a+1;c<l.length;c++)l[c].setAttribute("index",c-1),console.log(a);break;default:break}f>window.innerHeight*50/100&&l[0].remove()}function m(e,t,i,l,p,f){let a=e[t];return p!=a&&a!=null&&(r.config.y_pos=="bottom"&&(a.style.top=i=="add"?`${a.offsetTop-f}px`:`${a.offsetTop+f}px`),r.config.y_pos=="top"&&(a.style.top=i=="add"?`${a.offsetTop+f}px`:`${a.offsetTop-f}px`),l+=a.offsetHeight),l}function V(e){requestAnimationFrame(()=>{e.style.opacity=.9})}function X(e){setTimeout(function(){e.classList.add("fade-out"),e.addEventListener("transitionend",function t(){e.removeEventListener("transitionend",t),e.remove()})},r.config.duration)}function Y(e=HTMLDivElement){e.addEventListener("click",()=>{r.callback()})}})();