@sankhyalabs/sankhyablocks 1.3.34 → 1.4.0-beta.2

package/dist/esm/index-5992b7e6.js

@@ -0,0 +1,139 @@
+var DialogType;
+(function (DialogType) {
+  DialogType["WARN"] = "warn";
+  DialogType["CRITICAL"] = "critical";
+  DialogType["SUCCESS"] = "success";
+  DialogType["DEFAULT"] = "default";
+})(DialogType || (DialogType = {}));
+
+class ApplicationUtils {
+  static async showDialog(title, message, icon = null, confirm, dialogType = DialogType.DEFAULT, options) {
+    if (options) {
+      options = Object.assign(Object.assign({}, ApplicationUtils.defaultMessageOptions), options);
+    }
+    return new Promise(resolve => {
+      let dialog = document.querySelector("ez-dialog");
+      if (!dialog) {
+        dialog = document.createElement("ez-dialog");
+        window.document.body.appendChild(dialog);
+      }
+      dialog.show(title, message, dialogType, confirm, icon, options.labelCancel, options.labelConfirm, options.btnConfirmDanger).then(ok => resolve(ok));
+    });
+  }
+  static async alert(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, false, DialogType.WARN, options);
+  }
+  static async error(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, false, DialogType.CRITICAL, options);
+  }
+  static async success(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, false, DialogType.SUCCESS, options);
+  }
+  static async confirm(title, message, icon = null, dialogType = DialogType.WARN, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, true, dialogType, options);
+  }
+  static async message(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+    return ApplicationUtils.showDialog(title, message, icon, false, DialogType.DEFAULT, options);
+  }
+  static async info(message, options = ApplicationUtils.defaultMessageOptions) {
+    let toast = document.querySelector("ez-toast");
+    if (!toast) {
+      toast = document.createElement("ez-toast");
+      const icon = document.createElement("ez-icon");
+      icon.className = "ez-margin-right--small";
+      icon.slot = "icon";
+      icon.style.setProperty('--ez-icon--color', 'var(--color--success)');
+      toast.appendChild(icon);
+      window.document.body.appendChild(toast);
+    }
+    if (options.iconName) {
+      const iconElem = toast.querySelector("ez-icon");
+      if (iconElem) {
+        iconElem.iconName = options.iconName;
+        toast.useIcon = true;
+      }
+    }
+    else {
+      toast.useIcon = false;
+    }
+    toast.show(message, 5000, false, options.canClose);
+  }
+}
+ApplicationUtils.defaultMessageOptions = {
+  canClose: true,
+  labelCancel: 'Não',
+  labelConfirm: 'Sim',
+  btnConfirmDanger: false
+};
+;
+
+class CSSVarsUtils {
+  static applyCSSVars(document, host, child) {
+    const isSameDomain = (styleSheet) => {
+      if (!styleSheet.href) {
+        return true;
+      }
+      return styleSheet.href.indexOf(window.location.origin) === 0;
+    };
+    Array.from(document.styleSheets).filter(isSameDomain).forEach((sheet) => {
+      Array.from(sheet.cssRules).filter(rule => rule instanceof CSSStyleRule).forEach((rule) => {
+        Array.from(rule.style).forEach((propName) => {
+          if (propName.startsWith("--")) {
+            CSSVarsUtils.applyIfExists(host, child, propName);
+          }
+        });
+      });
+    });
+  }
+  static applyVarsTextInput(host, child) {
+    if (child) {
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--background-color');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--border-color');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input--height');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--disabled--background-color');
+      CSSVarsUtils.applyIfExists(host, child, '--ez-text-input__input--disabled--color');
+    }
+  }
+  static applyVarsButton(host, child) {
+    if (child) {
+      ["--ez-button--min-width",
+        "--ez-button--height",
+        "--ez-button__icon--width",
+        "--ez-button__inline__icon--padding",
+        "--ez-button--padding-top",
+        "--ez-button--padding-bottom",
+        "--ez-button--padding-right",
+        "--ez-button--padding-left",
+        "--ez-button--color",
+        "--ez-button--font-size",
+        "--ez-button--font-family",
+        "--ez-button--font-weight",
+        "--ez-button--background-color",
+        "--ez-button--border-radius",
+        "--ez-button--border",
+        "--ez-button--hover-color",
+        "--ez-button--hover--background-color",
+        "--ez-button--disabled-color",
+        "--ez-button--disabled--background-color",
+        "--ez-button--focus--border",
+        "--ez-button--focus--box-shadow",
+        "--ez-button--active-color",
+        "--ez-button--active--background-color",
+        "--ez-button--link-color",
+        "--ez-button--link--hover-color",
+        "--ez-button--link--small--font-size",
+        "--ez-button--link--medium--font-size",
+        "--ez-button--link--large--font-size",].forEach(prop => {
+        CSSVarsUtils.applyIfExists(host, child, prop);
+      });
+    }
+  }
+  static applyIfExists(host, element, varName) {
+    const prop = getComputedStyle(host).getPropertyValue(varName);
+    if (prop) {
+      element.style.setProperty(varName, prop);
+    }
+  }
+}
+
+export { ApplicationUtils as A, DialogType as D };