@memberstack/dom 2.0.2-beta.0 → 2.0.3

package/lib/utils/defaultMessageBox.global.js

@@ -1,125 +0,0 @@
-var MemberstackDOM = (() => {
-  var __defProp = Object.defineProperty;
-  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-  var __getOwnPropNames = Object.getOwnPropertyNames;
-  var __hasOwnProp = Object.prototype.hasOwnProperty;
-  var __export = (target, all) => {
-    for (var name in all)
-      __defProp(target, name, { get: all[name], enumerable: true });
-  };
-  var __copyProps = (to, from, except, desc) => {
-    if (from && typeof from === "object" || typeof from === "function") {
-      for (let key of __getOwnPropNames(from))
-        if (!__hasOwnProp.call(to, key) && key !== except)
-          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-    }
-    return to;
-  };
-  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-  // src/utils/defaultMessageBox.ts
-  var defaultMessageBox_exports = {};
-  __export(defaultMessageBox_exports, {
-    addErrorBox: () => addErrorBox,
-    addSuccessBox: () => addSuccessBox,
-    initCSS: () => initCSS
-  });
-  var closeIcon;
-  if (typeof window !== "undefined") {
-    closeIcon = document.createElement("div");
-    closeIcon.setAttribute("id", "ms-status-close");
-    closeIcon.setAttribute("data-ms-message-close", "");
-    closeIcon.innerHTML = `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="white"/></svg>`;
-  }
-  var addSuccessBox = () => {
-    const successStatusIcon = document.createElement("div");
-    successStatusIcon.setAttribute("id", "ms-status-icon");
-    successStatusIcon.innerHTML = `<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="10" fill="#62d37f"/><path d="M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm4.59-12.42L8 12.17 5.41 9.59 4 11l4 4 8-8-1.41-1.42Z" fill="#fff"/></svg>`;
-    const successHTML = `<div data-ms-message class="ms-error-message">
-		${successStatusIcon.outerHTML}
-		<div id="ms-message" data-ms-message-text></div>
-		${closeIcon.outerHTML}
-		</div>`;
-    const successdiv = document.createElement("div");
-    successdiv.setAttribute("data-ms-message", "success");
-    successdiv.innerHTML = successHTML;
-    successdiv.style.display = "none";
-    document.body.appendChild(successdiv);
-  };
-  var addErrorBox = () => {
-    const errorStatusIcon = document.createElement("div");
-    errorStatusIcon.setAttribute("id", "ms-status-icon");
-    errorStatusIcon.innerHTML = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM11 15H9V13H11V15ZM11 11H9V5H11V11Z" fill="#E40023"/></svg>`;
-    const errorHTML = `<div data-ms-message class="ms-error-message">
-		${errorStatusIcon.outerHTML}
-		<div id="ms-message" data-ms-message-text></div>
-		${closeIcon.outerHTML}
-		</div>`;
-    const errordiv = document.createElement("div");
-    errordiv.setAttribute("data-ms-message", "error");
-    errordiv.innerHTML = errorHTML;
-    errordiv.style.display = "none";
-    document.body.appendChild(errordiv);
-  };
-  var initCSS = () => {
-    const cssEl = document.createElement("style");
-    const css = `
-		@keyframes fadeIn {
-			0% {
-				opacity: 0;
-			}
-			100% {
-				opacity: 1;
-			}
-		}
-		.ms-error-message { 
-				position: fixed;
-				left: 50%;
-				bottom: 3%;
-				transform: translate(-50%, -50%);
-				margin: 0 auto;
-				z-index: 10000000; 
-				display: flex; 
-				align-items: center;
-				padding: 12px 16px;
-				border-radius: 8px; 
-				background-color: #0A0A0A; 
-				color: #fff; 
-				font-size: 16.8px; 
-				line-height: 28px; 
-				font-weight: 500; 
-				transform-origin: center;
-				animation: fadeIn 0.2s ease-in;
-				-webkit-animation: fadeIn 0.2s ease-in;
-				-moz-animation: fadeIn 0.2s ease-in;
-				-o-animation: fadeIn 0.2s ease-in;
-				-ms-animation: fadeIn 0.2s ease-in;
-			}
-			@media screen and (max-width: 768px) {
-				.ms-error-message {
-					bottom: 12px;
-					width: calc(100% - 24px);
-					max-width: none;
-					padding: 10px 12px;
-					font-size: 14px;
-					line-height: 20px;
-				}
-			}
-			#ms-status-icon {
-				width: 20px;
-				height: 20px;
-				margin-right: 12px;
-				}
-				#ms-status-close {
-					margin-left: 20px;
-					cursor: pointer;
-					}
-					#ms-status-close svg {
-						height: 12px;
-					}`;
-    cssEl.setAttribute("data-ms-style", "");
-    cssEl.appendChild(document.createTextNode(css));
-    document.head.appendChild(cssEl);
-  };
-  return __toCommonJS(defaultMessageBox_exports);
-})();

package/lib/utils/defaultMessageBox.js

@@ -1,130 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/utils/defaultMessageBox.ts
-var defaultMessageBox_exports = {};
-__export(defaultMessageBox_exports, {
-  addErrorBox: () => addErrorBox,
-  addSuccessBox: () => addSuccessBox,
-  initCSS: () => initCSS
-});
-module.exports = __toCommonJS(defaultMessageBox_exports);
-var closeIcon;
-if (typeof window !== "undefined") {
-  closeIcon = document.createElement("div");
-  closeIcon.setAttribute("id", "ms-status-close");
-  closeIcon.setAttribute("data-ms-message-close", "");
-  closeIcon.innerHTML = `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="white"/></svg>`;
-}
-var addSuccessBox = () => {
-  const successStatusIcon = document.createElement("div");
-  successStatusIcon.setAttribute("id", "ms-status-icon");
-  successStatusIcon.innerHTML = `<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="10" fill="#62d37f"/><path d="M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm4.59-12.42L8 12.17 5.41 9.59 4 11l4 4 8-8-1.41-1.42Z" fill="#fff"/></svg>`;
-  const successHTML = `<div data-ms-message class="ms-error-message">
-		${successStatusIcon.outerHTML}
-		<div id="ms-message" data-ms-message-text></div>
-		${closeIcon.outerHTML}
-		</div>`;
-  const successdiv = document.createElement("div");
-  successdiv.setAttribute("data-ms-message", "success");
-  successdiv.innerHTML = successHTML;
-  successdiv.style.display = "none";
-  document.body.appendChild(successdiv);
-};
-var addErrorBox = () => {
-  const errorStatusIcon = document.createElement("div");
-  errorStatusIcon.setAttribute("id", "ms-status-icon");
-  errorStatusIcon.innerHTML = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM11 15H9V13H11V15ZM11 11H9V5H11V11Z" fill="#E40023"/></svg>`;
-  const errorHTML = `<div data-ms-message class="ms-error-message">
-		${errorStatusIcon.outerHTML}
-		<div id="ms-message" data-ms-message-text></div>
-		${closeIcon.outerHTML}
-		</div>`;
-  const errordiv = document.createElement("div");
-  errordiv.setAttribute("data-ms-message", "error");
-  errordiv.innerHTML = errorHTML;
-  errordiv.style.display = "none";
-  document.body.appendChild(errordiv);
-};
-var initCSS = () => {
-  const cssEl = document.createElement("style");
-  const css = `
-		@keyframes fadeIn {
-			0% {
-				opacity: 0;
-			}
-			100% {
-				opacity: 1;
-			}
-		}
-		.ms-error-message { 
-				position: fixed;
-				left: 50%;
-				bottom: 3%;
-				transform: translate(-50%, -50%);
-				margin: 0 auto;
-				z-index: 10000000; 
-				display: flex; 
-				align-items: center;
-				padding: 12px 16px;
-				border-radius: 8px; 
-				background-color: #0A0A0A; 
-				color: #fff; 
-				font-size: 16.8px; 
-				line-height: 28px; 
-				font-weight: 500; 
-				transform-origin: center;
-				animation: fadeIn 0.2s ease-in;
-				-webkit-animation: fadeIn 0.2s ease-in;
-				-moz-animation: fadeIn 0.2s ease-in;
-				-o-animation: fadeIn 0.2s ease-in;
-				-ms-animation: fadeIn 0.2s ease-in;
-			}
-			@media screen and (max-width: 768px) {
-				.ms-error-message {
-					bottom: 12px;
-					width: calc(100% - 24px);
-					max-width: none;
-					padding: 10px 12px;
-					font-size: 14px;
-					line-height: 20px;
-				}
-			}
-			#ms-status-icon {
-				width: 20px;
-				height: 20px;
-				margin-right: 12px;
-				}
-				#ms-status-close {
-					margin-left: 20px;
-					cursor: pointer;
-					}
-					#ms-status-close svg {
-						height: 12px;
-					}`;
-  cssEl.setAttribute("data-ms-style", "");
-  cssEl.appendChild(document.createTextNode(css));
-  document.head.appendChild(cssEl);
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  addErrorBox,
-  addSuccessBox,
-  initCSS
-});

package/lib/utils/defaultMessageBox.mjs

@@ -1,103 +0,0 @@
-// src/utils/defaultMessageBox.ts
-var closeIcon;
-if (typeof window !== "undefined") {
-  closeIcon = document.createElement("div");
-  closeIcon.setAttribute("id", "ms-status-close");
-  closeIcon.setAttribute("data-ms-message-close", "");
-  closeIcon.innerHTML = `<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z" fill="white"/></svg>`;
-}
-var addSuccessBox = () => {
-  const successStatusIcon = document.createElement("div");
-  successStatusIcon.setAttribute("id", "ms-status-icon");
-  successStatusIcon.innerHTML = `<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="10" fill="#62d37f"/><path d="M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0Zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8Zm4.59-12.42L8 12.17 5.41 9.59 4 11l4 4 8-8-1.41-1.42Z" fill="#fff"/></svg>`;
-  const successHTML = `<div data-ms-message class="ms-error-message">
-		${successStatusIcon.outerHTML}
-		<div id="ms-message" data-ms-message-text></div>
-		${closeIcon.outerHTML}
-		</div>`;
-  const successdiv = document.createElement("div");
-  successdiv.setAttribute("data-ms-message", "success");
-  successdiv.innerHTML = successHTML;
-  successdiv.style.display = "none";
-  document.body.appendChild(successdiv);
-};
-var addErrorBox = () => {
-  const errorStatusIcon = document.createElement("div");
-  errorStatusIcon.setAttribute("id", "ms-status-icon");
-  errorStatusIcon.innerHTML = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM11 15H9V13H11V15ZM11 11H9V5H11V11Z" fill="#E40023"/></svg>`;
-  const errorHTML = `<div data-ms-message class="ms-error-message">
-		${errorStatusIcon.outerHTML}
-		<div id="ms-message" data-ms-message-text></div>
-		${closeIcon.outerHTML}
-		</div>`;
-  const errordiv = document.createElement("div");
-  errordiv.setAttribute("data-ms-message", "error");
-  errordiv.innerHTML = errorHTML;
-  errordiv.style.display = "none";
-  document.body.appendChild(errordiv);
-};
-var initCSS = () => {
-  const cssEl = document.createElement("style");
-  const css = `
-		@keyframes fadeIn {
-			0% {
-				opacity: 0;
-			}
-			100% {
-				opacity: 1;
-			}
-		}
-		.ms-error-message { 
-				position: fixed;
-				left: 50%;
-				bottom: 3%;
-				transform: translate(-50%, -50%);
-				margin: 0 auto;
-				z-index: 10000000; 
-				display: flex; 
-				align-items: center;
-				padding: 12px 16px;
-				border-radius: 8px; 
-				background-color: #0A0A0A; 
-				color: #fff; 
-				font-size: 16.8px; 
-				line-height: 28px; 
-				font-weight: 500; 
-				transform-origin: center;
-				animation: fadeIn 0.2s ease-in;
-				-webkit-animation: fadeIn 0.2s ease-in;
-				-moz-animation: fadeIn 0.2s ease-in;
-				-o-animation: fadeIn 0.2s ease-in;
-				-ms-animation: fadeIn 0.2s ease-in;
-			}
-			@media screen and (max-width: 768px) {
-				.ms-error-message {
-					bottom: 12px;
-					width: calc(100% - 24px);
-					max-width: none;
-					padding: 10px 12px;
-					font-size: 14px;
-					line-height: 20px;
-				}
-			}
-			#ms-status-icon {
-				width: 20px;
-				height: 20px;
-				margin-right: 12px;
-				}
-				#ms-status-close {
-					margin-left: 20px;
-					cursor: pointer;
-					}
-					#ms-status-close svg {
-						height: 12px;
-					}`;
-  cssEl.setAttribute("data-ms-style", "");
-  cssEl.appendChild(document.createTextNode(css));
-  document.head.appendChild(cssEl);
-};
-export {
-  addErrorBox,
-  addSuccessBox,
-  initCSS
-};