@sankhyalabs/ezui 4.1.0 → 4.2.0

package/dist/esm/constants-76d2e931.js

@@ -0,0 +1,4 @@
+const REQUIRED_INFO = " (obrigatório) *";
+const ALL_RECORD = "ALL_RECORD";
+
+export { ALL_RECORD as A, REQUIRED_INFO as R };

package/dist/esm/ez-check.entry.js

@@ -20,6 +20,16 @@ const EzCheck = class {
     if (newValue != oldValue) {
       this._inputElem.checked = newValue;
     }
+    if (this._inputElem.indeterminate != this.indeterminate) {
+      this._inputElem.indeterminate = this.indeterminate;
+    }
+  }
+  observeIndeterminate(newValue, oldValue) {
+    if (!this._inputElem)
+      return;
+    if (newValue != oldValue) {
+      this._inputElem.indeterminate = newValue;
+    }
   }
   //---------------------------------------------
   // Public methods
@@ -64,7 +74,8 @@ const EzCheck = class {
   }
   get _element() { return getElement(this); }
   static get watchers() { return {
-    "value": ["observeValue"]
+    "value": ["observeValue"],
+    "indeterminate": ["observeIndeterminate"]
   }; }
 };
 EzCheck.style = ezCheckCss;

package/dist/esm/ez-combo-box.entry.js

@@ -4,7 +4,7 @@ import { A as ApplicationUtils } from './ApplicationUtils-79bf1d95.js';
 import { C as CSSVarsUtils } from './CSSVarsUtils-00f67f32.js';
 import './DialogType-54a62731.js';
 import './CheckMode-bdb2ec19.js';
-import { R as REQUIRED_INFO } from './constants-ca136201.js';
+import { R as REQUIRED_INFO } from './constants-76d2e931.js';
 
 const ezComboBoxCss = ":host{--ez-combo-box--height:42px;--ez-combo-box--width:100%;--ez-combo-box__icon--width:48px;--ez-combo-box--border-radius:var(--border--radius-medium, 12px);--ez-combo-box--border-radius-small:var(--border--radius-small, 6px);--ez-combo-box--font-size:var(--text--medium, 14px);--ez-combo-box--font-family:var(--font-pattern, Arial);--ez-combo-box--font-weight--large:var(--text-weight--large, 500);--ez-combo-box--font-weight--medium:var(--text-weight--medium, 400);--ez-combo-box--background-color--xlight:var(--background--xlight, #fff);--ez-combo-box--background-medium:var(--background--medium, #f0f3f7);--ez-combo-box--line-height:calc(var(--text--medium, 14px) + 4px);--ez-combo-box__input--background-color:var(--background--medium, #e0e0e0);--ez-combo-box__input--border:var(--border--medium, 2px solid);--ez-combo-box__input--border-color:var(--ez-combo-box__input--background-color);--ez-combo-box__input--focus--border-color:var(--color--primary, #008561);--ez-combo-box__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-combo-box__input--disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__input--error--border-color:#CC2936;--ez-combo-box__btn--color:var(--title--primary, #2B3A54);--ez-combo-box__btn-disabled--color:var(--text--disable, #AFB6C0);--ez-combo-box__btn-hover--color:var(--color--primary, #4e4e4e);--ez-combo-box__label--color:var(--title--primary, #2B3A54);--ez-combo-box__list-title--primary:var(--title--primary, #2B3A54);--ez-combo-box__list-text--primary:var(--text--primary, #626e82);--ez-combo-box__list-height:calc(var(--ez-combo-box--font-size) + var(--ez-combo-box--space--medium) + 4px);--ez-combo-box--space--medium:var(--space--medium, 12px);--ez-combo-box--space--small:var(--space--small, 6px);--ez-combo-box__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-combo-box__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-combo-box__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-combo-box__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-combo-box__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-combo-box__scrollbar--width:var(--space--medium, 12px);display:flex;flex-wrap:wrap;position:relative;width:var(--ez-combo-box--width)}ez-icon{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.suppressed-search-input{--ez-text-input__input--border-color:var(--color--strokes, #dce0e8);--ez-text-input__input--disabled--background-color:var(--background--xlight, #fff);--ez-text-input__input--disabled--color:var(--title--primary, #2B3A54)}.list-container{position:relative;width:100%}.list-wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:100%;z-index:var(--more-visible, 2);max-height:calc(4*var(--ez-combo-box__list-height) + 2*var(--ez-combo-box--space--small) + 9px);background-color:var(--ez-combo-box--background-color--xlight);border-radius:var(--ez-combo-box--border-radius);box-shadow:var(--shadow, 0px 0px 16px 0px #000);padding:var(--ez-combo-box--space--small)}.list-options{box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;scroll-behavior:smooth;overflow:auto;scrollbar-width:thin;gap:3px;scrollbar-color:var(--ez-combo-box__scrollbar--color-clicked) var(--ez-combo-box__scrollbar--color-background)}.list-options::-webkit-scrollbar{background-color:var(--ez-combo-box__scrollbar--color-background);width:var(--ez-combo-box__scrollbar--width);max-width:var(--ez-combo-box__scrollbar--width);min-width:var(--ez-combo-box__scrollbar--width)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-combo-box__scrollbar--color-background);border-radius:var(--ez-combo-box__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-combo-box__scrollbar--color-default);border-radius:var(--ez-combo-box__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb:vertical:hover,.list-options::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-combo-box__scrollbar--color-hover)}.list-options::-webkit-scrollbar-thumb:vertical:active,.list-options::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-combo-box__scrollbar--color-clicked)}.item{display:flex;align-items:center;width:100%;box-sizing:border-box;list-style-type:none;cursor:pointer;border-radius:var(--ez-combo-box--border-radius-small);padding:var(--ez-combo-box--space--small);min-height:var(--ez-combo-box__list-height);gap:var(--space--small, 6px)}.item__value,.item__label{flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-combo-box__list-title--primary);font-family:var(--ez-combo-box--font-family);font-size:var(--ez-combo-box--font-size);line-height:var(--ez-combo-box--line-height)}.item__label{font-weight:var(--ez-combo-box--font-weight--medium)}.item__label--bold{font-weight:var(--ez-combo-box--font-weight--large)}.item__value{text-align:center;color:var(--ez-combo-box__list-text--primary);font-weight:var(--ez-combo-box--font-weight--large)}.item__value--hidden{visibility:hidden;position:absolute;white-space:nowrap;z-index:-1;top:0;left:0}.item__label{text-align:left}.message{text-align:center;display:flex;justify-content:center;align-items:center;list-style-type:none;min-height:var(--ez-combo-box__list-height)}.message__no-result{color:var(--ez-combo-box__list-title--primary);font-family:var(--ez-combo-box--font-family);font-size:var(--ez-combo-box--font-size)}.message__loading{border-radius:50%;width:14px;height:14px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid var(--ez-combo-box__list-title--primary);border-top:3px solid transparent}li:hover{background-color:var(--ez-combo-box--background-medium)}.preselected{background-color:var(--background--medium)}.btn{outline:none;border:none;background:none;cursor:pointer;color:var(--ez-combo-box__btn--color)}.btn:disabled{cursor:unset;color:var(--ez-combo-box__btn-disabled--color)}.btn:disabled:hover{cursor:unset;color:var(--ez-combo-box__btn-disabled--color)}.btn:hover{color:var(--ez-combo-box__btn-hover--color)}.btn__close{visibility:hidden}ez-text-input:hover .btn__close,ez-text-input:focus .btn__close{visibility:visible}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}";
 

package/dist/esm/ez-form-view.entry.js

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-de655f48.js';
 import { UserInterface, ElementIDUtils } from '@sankhyalabs/core';
-import { R as REQUIRED_INFO } from './constants-ca136201.js';
+import { R as REQUIRED_INFO } from './constants-76d2e931.js';
 import { C as CheckMode } from './CheckMode-bdb2ec19.js';
 
 const buildSwitch = (field) => {

package/dist/esm/ez-form.entry.js

@@ -115,12 +115,23 @@ const buildFormMetadata = (config, dataUnit, includeDetails = false) => {
         }
         let defaultValue = field.defaultValue == undefined ? (_c = descriptor.properties) === null || _c === void 0 ? void 0 : _c.defaultValue : field.defaultValue;
         if (defaultValue) {
-          if ((typeof defaultValue === "object") && defaultValue["type"] === "V") {
-            // Atualmente a configuração do formulário eventualmente deposita um objeto
-            // prototipado como {type: "V", value: "${nome.de.variavel}"} para campos com
-            // valor padrão do tipo variável. Dessa forma precisamos "desenvelopar" o valor
-            // para que a variável chegue corretamente a seu destino.
-            defaultValue = defaultValue["value"];
+          const { type, value } = defaultValue;
+          if (type) {
+            if (type === "V") {
+              defaultValue = value;
+            }
+            else {
+              try {
+                const parsed = JSON.parse(value);
+                if (parsed && "value" in parsed) {
+                  defaultValue = parsed;
+                }
+                else {
+                  defaultValue = value;
+                }
+              }
+              catch (_d) { }
+            }
           }
           defaultValues[field.name] = defaultValue;
         }
@@ -189,9 +200,8 @@ const buildDetailSheet = (child) => {
 
 class DataBinder {
   constructor(dataUnit) {
-    this._invalidFields = new Map();
     this.onDataUnitEvent = (action) => {
-      var _a;
+      var _a, _b;
       switch (action.type) {
         case Action.DATA_LOADED:
         case Action.DATA_SAVED:
@@ -200,6 +210,7 @@ class DataBinder {
         case Action.RECORDS_COPIED:
         case Action.EDITION_CANCELED:
         case Action.SELECTION_CHANGED:
+        case Action.SELECTION_REMOVED:
         case Action.NEXT_SELECTED:
         case Action.PREVIOUS_SELECTED:
           this.clearInvalid();
@@ -211,13 +222,30 @@ class DataBinder {
             this.updateValue(field.fieldName, field.field);
           });
           break;
+        case Action.FIELD_INVALIDATED:
+          (_b = this._fields) === null || _b === void 0 ? void 0 : _b.forEach(field => {
+            this.updateErrorMessage(field.fieldName, field.field);
+          });
+          break;
       }
     };
     this._fields = new Map();
     this._dataUnit = dataUnit;
+    this.applyDefaultValues();
     this._dataUnit.subscribe(this.onDataUnitEvent);
     this._dataUnit.addInterceptor(this);
   }
+  applyDefaultValues() {
+    const recordIds = (this._dataUnit.getAddedRecords() || []).map(r => r.__record__id__);
+    if (recordIds.length > 0) {
+      const defaultValues = this.getDefaultValues();
+      if (defaultValues) {
+        Object.keys(defaultValues).forEach(field => {
+          this._dataUnit.setFieldValue(field, defaultValues[field], recordIds);
+        });
+      }
+    }
+  }
   bind(fields, currentContextName, formMetadata, recordsValidator) {
     fields.forEach(fieldElement => {
       const { fieldName, contextName } = fieldElement.dataset;
@@ -232,17 +260,19 @@ class DataBinder {
     this._dataUnit.unsubscribe(this.onDataUnitEvent);
     this._dataUnit.removeInterceptor(this);
   }
+  getCurrentRecordId() {
+    const record = this._dataUnit.getSelectedRecord();
+    return record === null || record === void 0 ? void 0 : record.__record__id__;
+  }
   markInvalid(field) {
-    this._invalidFields.set(field.name, field);
+    this._dataUnit.setInvalidField(field.name, field.message, this.getCurrentRecordId());
     if (this._fields.has(field.name)) {
       const fieldElement = this._fields.get(field.name).field;
-      if (!fieldElement["errorMessage"]) {
-        this.updateErrorMessage(field.name, fieldElement);
-      }
+      this.updateErrorMessage(field.name, fieldElement, field.message);
     }
   }
-  clearInvalid() {
-    this._invalidFields.clear();
+  clearInvalid(recordId) {
+    this._dataUnit.clearInvalid(recordId);
     this._fields.forEach(fieldBinder => {
       const fieldElement = fieldBinder.field;
       fieldElement["errorMessage"] = "";
@@ -324,16 +354,18 @@ class DataBinder {
       }
     });
   }
-  updateErrorMessage(fieldName, field) {
-    const invalidField = this._invalidFields.get(fieldName);
-    if (invalidField) {
-      field["errorMessage"] = invalidField.message;
+  updateErrorMessage(fieldName, field, message) {
+    if (message == undefined) {
+      message = this._dataUnit.getInvalidMessage(this.getCurrentRecordId(), fieldName);
+    }
+    if (!field["errorMessage"]) {
+      field["errorMessage"] = message;
     }
   }
   getErrorMessage(fieldName) {
     if (this._fields.has(fieldName)) {
       const fieldElement = this._fields.get(fieldName).field;
-      return fieldElement["errorMessage"] || null;
+      return fieldElement["errorMessage"];
     }
     return undefined;
   }
@@ -384,7 +416,7 @@ class DataBinder {
     if (this._dataUnit.records.length === 0) {
       this._dataUnit.addRecord();
     }
-    this._invalidFields.delete(fieldName);
+    this._dataUnit.clearInvalid(this.getCurrentRecordId(), fieldName);
     this._dataUnit.setFieldValue(fieldName, newValue);
     if (this._dataUnit.waitingForChange(fieldName)) {
       const bind = this._fields.get(fieldName);
@@ -417,7 +449,6 @@ class DataBinder {
     }
   }
   interceptAction(action) {
-    var _a;
     if (action.type === Action.RECORDS_COPIED) {
       const cleanFields = this._formMetadata.getCleanOnCopyFields();
       if (cleanFields) {
@@ -437,30 +468,27 @@ class DataBinder {
       });
     }
     if (action.type === Action.RECORDS_ADDED) {
-      const defaultValues = (_a = this._formMetadata) === null || _a === void 0 ? void 0 : _a.getDefaultValues();
+      const defaultValues = this.getDefaultValues();
       if (defaultValues) {
         const records = action.payload;
         return new DataUnitAction(Action.RECORDS_ADDED, records.map(record => {
-          const newRecord = Object.assign({}, record);
-          for (const field in defaultValues) {
-            const defaultValue = this.getFormattedValue(defaultValues[field]);
-            const recordValue = typeof defaultValue === "function" ? defaultValue() : defaultValue;
-            newRecord[field] = this._dataUnit.valueFromString(field, recordValue);
-          }
-          return newRecord;
+          return Object.assign(Object.assign({}, record), defaultValues);
         }));
       }
     }
     return action;
   }
-  getFormattedValue(defaultValue) {
-    if (defaultValue == undefined || typeof defaultValue !== "object") {
-      return defaultValue;
-    }
-    if ("formattedValue" in defaultValue) {
-      return defaultValue.formattedValue;
+  getDefaultValues() {
+    var _a;
+    const rawDefaultValues = (_a = this._formMetadata) === null || _a === void 0 ? void 0 : _a.getDefaultValues();
+    if (rawDefaultValues) {
+      const defaultValues = {};
+      for (const field in rawDefaultValues) {
+        defaultValues[field] = this._dataUnit.valueFromString(field, rawDefaultValues[field]);
+      }
+      return defaultValues;
     }
-    return defaultValue.value;
+    return undefined;
   }
 }
 class Bind {