@sankhyalabs/ezui 1.2.0-beta.2 → 1.2.0-beta.21

package/dist/collection/utils/ApplicationUtils.js

@@ -19,6 +19,9 @@ export default class ApplicationUtils {
   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);
   }
@@ -30,8 +33,9 @@ export default class ApplicationUtils {
     if (!toast) {
       toast = document.createElement("ez-toast");
       const icon = document.createElement("ez-icon");
-      icon.className = "ez-margin-right--small toast__icon--color";
+      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);
     }

package/dist/collection/utils/CSSVarsUtils.js

@@ -1,4 +1,21 @@
 export default 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');

package/dist/collection/utils/index.js

@@ -1,3 +1,4 @@
 export { default as ApplicationUtils } from './ApplicationUtils';
 export { default as CSSVarsUtils } from './CSSVarsUtils';
 export { DialogType } from '../components/ez-dialog/DialogType';
+export { buildField as formFieldBuilder } from '../components/ez-form/fieldbuilder/FieldBuilder';

package/dist/custom-elements/index.d.ts

@@ -122,6 +122,12 @@ export const EzModal: {
   new (): EzModal;
 };
 
+interface EzModalContainer extends Components.EzModalContainer, HTMLElement {}
+export const EzModalContainer: {
+  prototype: EzModalContainer;
+  new (): EzModalContainer;
+};
+
 interface EzNumberInput extends Components.EzNumberInput, HTMLElement {}
 export const EzNumberInput: {
   prototype: EzNumberInput;
@@ -176,6 +182,12 @@ export const EzTextArea: {
   new (): EzTextArea;
 };
 
+interface EzTextEdit extends Components.EzTextEdit, HTMLElement {}
+export const EzTextEdit: {
+  prototype: EzTextEdit;
+  new (): EzTextEdit;
+};
+
 interface EzTextInput extends Components.EzTextInput, HTMLElement {}
 export const EzTextInput: {
   prototype: EzTextInput;