@sankhyalabs/sankhyablocks 1.4.0-beta.8 → 1.4.0-beta.9

package/dist/components/snk-filter-modal2.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { ModalAction, ModalButtonStatus } from '@sankhyalabs/ezui/dist/collection/components/ez-modal-container';
 import { ArrayUtils } from '@sankhyalabs/core';
+import { CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
 
 const SnkFilterModal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -27,7 +28,7 @@ const SnkFilterModal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   }
   buildItems(list) {
     return list.map(item => {
-      return (h("button", { onClick: () => this.updateValue(item.id), class: "ez-padding--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item ez-align--middle ez-margin-bottom--small" }, h("ez-check", { id: `checkbox_${item.id}`, tabIndex: "-1", class: "sc-snk-filter-bar snk-filter-bar__filter-modal-item__check", onEzChange: evt => this.updateValue(item.id, evt.detail), enabled: item.enabled, value: item.active, mode: "switch" }), h("div", { class: "ez-text ez-title--primary ez-text--medium ez-margin-left--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item__label" }, item.label)));
+      return (h("button", { onClick: () => this.updateValue(item.id), class: "ez-padding--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item ez-align--middle ez-margin-bottom--small" }, h("ez-check", { id: `checkbox_${item.id}`, tabIndex: "-1", class: "sc-snk-filter-bar snk-filter-bar__filter-modal-item__check", onEzChange: evt => this.updateValue(item.id, evt.detail), enabled: item.enabled, value: item.active, mode: CheckMode.SWITCH }), h("div", { class: "ez-text ez-title--primary ez-text--medium ez-margin-left--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item__label" }, item.label)));
     });
   }
   itemKeyBoardSelect(event, item) {

package/dist/components/snk-filter-personalized.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { UserInterface, ApplicationContext } from '@sankhyalabs/core';
 import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
+import { CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
 import { F as FilterItemType } from './filter-item-type.enum.js';
 
 const SnkFilterPersonalized$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
@@ -52,7 +53,7 @@ const SnkFilterPersonalized$1 = /*@__PURE__*/ proxyCustomElement(class extends H
           return h("ez-search", { id: elemId, suppressEmptyOption: true, value: this.getValue(param, index), onEzChange: evt => this.setValue(index, evt.detail), label: param.label, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, param) });
         case UserInterface.SWITCH:
         case UserInterface.CHECKBOX:
-          const mode = UserInterface.SWITCH === param.type ? "switch" : "regular";
+          const mode = UserInterface.SWITCH === param.type ? CheckMode.SWITCH : CheckMode.REGULAR;
           return h("ez-check", { id: elemId, class: "ez-padding-bottom--medium", mode: mode, value: this.getValue(param, index), label: param.label, onEzChange: evt => this.setValue(index, evt.detail) });
         case UserInterface.DECIMALNUMBER:
         case UserInterface.INTEGERNUMBER:

package/dist/components/snk-form-config2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { a as draggable_bundle, d as defineCustomElement$1 } from './snk-tab-config2.js';
 import { ObjectUtils, ArrayUtils, ApplicationContext } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
-import { C as CONFIG_EVENTS, T as TAB_NAMES, A as ACTION_CONFIG } from './constants.js';
+import { C as CONFIG_EVENTS, b as TAB_NAMES, A as ACTION_CONFIG } from './constants.js';
 import { a as UserConfigType } from './form-config-fetcher.js';
 import { d as defineCustomElement$3 } from './snk-config-options2.js';
 import { d as defineCustomElement$2 } from './snk-field-config2.js';

package/dist/components/snk-tab-config2.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement as HTMLElement$1, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
 import { c as createCommonjsModule } from './_commonjsHelpers.js';
 import { ApplicationContext } from '@sankhyalabs/core';
-import { C as CONFIG_EVENTS, K as KEY_EVENTS, b as TYPE_ACTIONS, T as TAB_NAMES } from './constants.js';
+import { C as CONFIG_EVENTS, K as KEY_EVENTS, c as TYPE_ACTIONS, b as TAB_NAMES } from './constants.js';
 
 var draggable_bundle = createCommonjsModule(function (module, exports) {
 (function webpackUniversalModuleDefinition(root, factory) {

package/dist/esm/{constants-c4e3341e.js → constants-c6039d3d.js}

@@ -56,5 +56,19 @@ const TYPE_ACTIONS = {
 const TAB_NAMES = {
   main: "__main"
 };
+const TAGS_BY_TYPE = {
+  LONGTEXT: "ez-text-area",
+  FILE: "ez-upload",
+  DATE: "ez-date-input",
+  TIME: "ez-time",
+  DATETIME: "ez-date-time-input",
+  DEFAULT: "ez-text-input",
+  SWITCH: "ez-check",
+  CHECKBOX: "ez-check",
+  OPTIONSELECTOR: "ez-combo-box",
+  SEARCH: "ez-search",
+  INTEGERNUMBER: "ez-number-input",
+  DECIMALNUMBER: "ez-number-input"
+};
 
-export { ACTION_CONFIG as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_EVENTS as K, TAB_NAMES as T, VARS_BY_TYPE as V, TYPE_ACTIONS as a, VIEW_MODE as b };
+export { ACTION_CONFIG as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_EVENTS as K, TAB_NAMES as T, VARS_BY_TYPE as V, TAGS_BY_TYPE as a, TYPE_ACTIONS as b, VIEW_MODE as c };

package/dist/esm/{index-bafb2cef.js → index-e4121713.js}

@@ -31,6 +31,7 @@ const uniqueTime = (key, measureText) => {
     }
 };
 const HYDRATED_CSS = '{visibility:hidden}.hydrated{visibility:inherit}';
+const XLINK_NS = 'http://www.w3.org/1999/xlink';
 /**
  * Default style mode id
  */
@@ -339,6 +340,31 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
             classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
         }
+        else if (memberName === 'style') {
+            // update style attribute, css properties and values
+            {
+                for (const prop in oldValue) {
+                    if (!newValue || newValue[prop] == null) {
+                        if (prop.includes('-')) {
+                            elm.style.removeProperty(prop);
+                        }
+                        else {
+                            elm.style[prop] = '';
+                        }
+                    }
+                }
+            }
+            for (const prop in newValue) {
+                if (!oldValue || newValue[prop] !== oldValue[prop]) {
+                    if (prop.includes('-')) {
+                        elm.style.setProperty(prop, newValue[prop]);
+                    }
+                    else {
+                        elm.style[prop] = newValue[prop];
+                    }
+                }
+            }
+        }
         else if (memberName === 'key')
             ;
         else if (memberName === 'ref') {
@@ -407,16 +433,36 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
                 }
                 catch (e) { }
             }
+            /**
+             * Need to manually update attribute if:
+             * - memberName is not an attribute
+             * - if we are rendering the host element in order to reflect attribute
+             * - if it's a SVG, since properties might not work in <svg>
+             * - if the newValue is null/undefined or 'false'.
+             */
+            let xlink = false;
+            {
+                if (ln !== (ln = ln.replace(/^xlink\:?/, ''))) {
+                    memberName = ln;
+                    xlink = true;
+                }
+            }
             if (newValue == null || newValue === false) {
                 if (newValue !== false || elm.getAttribute(memberName) === '') {
-                    {
+                    if (xlink) {
+                        elm.removeAttributeNS(XLINK_NS, memberName);
+                    }
+                    else {
                         elm.removeAttribute(memberName);
                     }
                 }
             }
             else if ((!isProp || flags & 4 /* VNODE_FLAGS.isHost */ || isSvg) && !isComplex) {
                 newValue = newValue === true ? '' : newValue;
-                {
+                if (xlink) {
+                    elm.setAttributeNS(XLINK_NS, memberName, newValue);
+                }
+                else {
                     elm.setAttribute(memberName, newValue);
                 }
             }

package/dist/esm/loader.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-bafb2cef.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-e4121713.js';
 
 /*
  Stencil Client Patch Esm v2.18.1 | MIT Licensed | https://stenciljs.com

package/dist/esm/sankhyablocks.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-bafb2cef.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-e4121713.js';
 
 /*
  Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com

package/dist/esm/snk-application.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-bafb2cef.js';
+import { r as registerInstance, c as createEvent, h } from './index-e4121713.js';
 import { WaitingChangeException, WarningException, ErrorException, ObjectUtils, DataType, DataUnit, StringUtils, ChangeOperation, DateUtils, DependencyType, ApplicationContext, ErrorTracking } from '@sankhyalabs/core';
 import { d as dist, D as DataFetcher, R as ResourceFetcher, U as UrlUtils, F as FormConfigFetcher } from './form-config-fetcher-96c6c2dc.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';

package/dist/esm/snk-config-modal.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-bafb2cef.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-e4121713.js';
 import { ApplicationContext } from '@sankhyalabs/core';
-import { b as VIEW_MODE } from './constants-c4e3341e.js';
+import { c as VIEW_MODE } from './constants-c6039d3d.js';
 import { C as ConfigurableElementsStorage } from './configurableElementsStorage-cdc144b5.js';
 
 const snkConfigModalCss = ".sc-snk-config-modal-h{--snk-config-modal__button-close--padding-left:var(--space--medium, 12px);--snk-config-modal__title--color:var(--title--primary, #2B3A54);--snk-config-modal__title--font-family:var(--font-pattern, \"Sora\");--snk-config-modal__title--font-size:var(--title--large, 20px);--snk-config-modal__title--font-weight:var(--text-weight--extra-large, 700);--snk-config-modal__subtitle--color:var(--title--primary, #2B3A54);--snk-config-modal__subtitle--font-family:var(--font-pattern, \"Sora\");--snk-config-modal__subtitle--font-size:var(--text--medium, 14px);--snk-config-modal__subtitle--font-weight:var(--text-weight--large, 600);--snk-config-modal__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-config-modal__scrollbar--width:var(--space--medium, 12px);--snk-config-modal__scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--snk-config-modal__scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.sc-snk-config-modal-h{width:359px;max-width:359px}}.snk-config-modal__button-config.sc-snk-config-modal{--ez-button--min-width:100%}.snk-config-modal__header.sc-snk-config-modal{display:flex;justify-content:space-between;align-items:center;width:100%}.snk-config-modal__title.sc-snk-config-modal{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-config-modal__title--color);font-size:var(--snk-config-modal__title--font-size);font-family:var(--snk-config-modal__title--font-family);font-weight:var(--snk-config-modal__title--font-weight)}.snk-config-modal__subtitle.sc-snk-config-modal{display:flex;margin:0;padding-top:var(--space--medium);padding-bottom:var(--space--small);color:var(--snk-config-modal__subtitle--color);font-size:var(--snk-config-modal__subtitle--font-size);font-family:var(--snk-config-modal__subtitle--font-family);font-weight:var(--snk-config-modal__subtitle--font-weight)}.snk-config-modal__button-close.sc-snk-config-modal{padding-left:var(--snk-config-modal__button-close--padding-left)}.snk-config-modal__main.sc-snk-config-modal{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-config-modal__scrollbar--background-color-primary) var(--snk-config-modal__scrollbar--background-color-secondary)}.snk-config-modal__main.sc-snk-config-modal::-webkit-scrollbar-track{background-color:var(--snk-config-modal__scrollbar--background-color-secondary)}.snk-config-modal__main.sc-snk-config-modal::-webkit-scrollbar-thumb{background-color:var(--snk-config-modal__scrollbar--background-color-primary);border-radius:var(--snk-config-modal__scrollbar--border-radius)}.snk-config-modal__main.sc-snk-config-modal::-webkit-scrollbar{background-color:var(--snk-config-modal__scrollbar--background-color-secondary);width:var(--snk-config-modal__scrollbar--width);max-width:var(--snk-config-modal__scrollbar--width);min-width:var(--snk-config-modal__scrollbar--width)}";

package/dist/esm/snk-config-options.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-bafb2cef.js';
-import { ApplicationContext } from '@sankhyalabs/core';
-import { formFieldBuilder } from '@sankhyalabs/ezui/dist/collection/utils';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e4121713.js';
+import { UserInterface, ObjectUtils, ApplicationContext } from '@sankhyalabs/core';
 import { DataType, getConvertedValue } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
-import { V as VARS_BY_TYPE, D as DEFAULT_TYPE, C as CONFIG_EVENTS } from './constants-c4e3341e.js';
+import { CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
+import { V as VARS_BY_TYPE, D as DEFAULT_TYPE, a as TAGS_BY_TYPE } from './constants-c6039d3d.js';
 
 const snkConfigOptionsCss = ".sc-snk-config-options-h{width:100%;border:2px solid var(--color--secondary-200);border-radius:15px}.config-options__switch-row.sc-snk-config-options{margin-top:-30px}";
 
@@ -32,71 +32,20 @@ const SnkConfigOptions = class {
   enabledValueDefault() {
     var _a, _b, _c;
     const field = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField((_b = this.fieldConfig) === null || _b === void 0 ? void 0 : _b.name);
-    if (((_c = field === null || field === void 0 ? void 0 : field.properties) === null || _c === void 0 ? void 0 : _c.allowDefault) === "true" && VARS_BY_TYPE.UserInterface.hasOwnProperty(field === null || field === void 0 ? void 0 : field.userInterface)) {
+    const allowDefault = (_c = field === null || field === void 0 ? void 0 : field.properties) === null || _c === void 0 ? void 0 : _c.allowDefault;
+    const hasVariableVar = VARS_BY_TYPE.UserInterface.hasOwnProperty(field === null || field === void 0 ? void 0 : field.userInterface);
+    if ((allowDefault == undefined || allowDefault === "true") && hasVariableVar) {
       return true;
     }
     return false;
   }
-  getFieldProperties(field) {
-    var _a;
-    if (field != undefined) {
-      return (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(field);
-    }
-  }
-  getMessage(key, params) {
-    return this._application.messagesBuilder.getMessage(key, params);
-  }
-  getDefaultType() {
-    var _a;
-    return (_a = this.fieldConfig.defaultValue.type) !== null && _a !== void 0 ? _a : DEFAULT_TYPE.fixed;
-  }
-  getValidatedValue(fieldValue) {
+  isAllowDefault() {
     var _a, _b;
-    if (fieldValue == undefined) {
-      return;
-    }
-    const field = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField((_b = this.fieldConfig) === null || _b === void 0 ? void 0 : _b.name);
-    const dataType = field === null || field === void 0 ? void 0 : field.dataType;
-    if (dataType == undefined) {
-      return;
-    }
-    const value = dataType !== DataType.OBJECT && dataType !== DataType.DATE
-      && typeof fieldValue === "object" && "value" in fieldValue
-      ? fieldValue.value
-      : fieldValue;
-    return dataType === DataType.OBJECT ? JSON.stringify(value) : value;
-  }
-  onChange(evt) {
-    this.fieldConfig.defaultValue.value = this.getValidatedValue(evt === null || evt === void 0 ? void 0 : evt.detail);
-    this.configOptionsChanged.emit(this.fieldConfig);
-  }
-  onSearch(searchArgument) {
-    if (this._application != undefined && this.fieldConfig != undefined) {
-      return this._application.executeSearch(searchArgument, this.fieldConfig.name, this.dataUnit);
+    const allowDefault = (_b = (_a = this._fieldProperties) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.allowDefault;
+    if (allowDefault == undefined) {
+      return true;
     }
-  }
-  loadDataField() {
-    this._element.querySelectorAll("[data-field-name]")
-      .forEach((field) => {
-      var _a, _b, _c, _d;
-      field.enabled = ((_b = (_a = this._fieldProperties) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.allowDefault) === "true";
-      if (field.enabled) {
-        const value = this.fieldConfig.defaultValue.value;
-        if (value != undefined) {
-          const fieldName = field.dataset.fieldName;
-          const dataType = (_d = (_c = this.dataUnit) === null || _c === void 0 ? void 0 : _c.getField(fieldName)) === null || _d === void 0 ? void 0 : _d.dataType;
-          field.value = getConvertedValue(dataType, value);
-        }
-        field.addEventListener(CONFIG_EVENTS.fieldChanged, (evt) => {
-          return this.onChange(evt);
-        });
-        if (field.tagName === "EZ-SEARCH") {
-          field.optionLoader = (searchArgument) => {
-            return this.onSearch(searchArgument);
-          };
-        }
-      }
-    });
+    return allowDefault === "true";
   }
   loadDefaultValue() {
     var _a;
@@ -118,6 +67,19 @@ const SnkConfigOptions = class {
       this._defaultType = this.fieldConfig.defaultValue.type;
     }
   }
+  getFieldProperties(field) {
+    var _a;
+    if (field != undefined) {
+      return (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(field);
+    }
+  }
+  getMessage(key, params) {
+    return this._application.messagesBuilder.getMessage(key, params);
+  }
+  getDefaultType() {
+    var _a;
+    return (_a = this.fieldConfig.defaultValue.type) !== null && _a !== void 0 ? _a : DEFAULT_TYPE.fixed;
+  }
   getEnabledByProperty(property) {
     const properties = this._fieldProperties;
     if (properties != undefined && properties[property] === true) {
@@ -132,25 +94,130 @@ const SnkConfigOptions = class {
     }
     return this.fieldConfig[property];
   }
+  getValidatedValue(fieldValue) {
+    var _a, _b;
+    if (fieldValue == undefined) {
+      return;
+    }
+    const field = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField((_b = this.fieldConfig) === null || _b === void 0 ? void 0 : _b.name);
+    const dataType = field === null || field === void 0 ? void 0 : field.dataType;
+    if (dataType == undefined) {
+      return;
+    }
+    const value = (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.waitmessage) != undefined ? undefined :
+      dataType !== DataType.OBJECT && dataType !== DataType.DATE
+        && typeof fieldValue === "object"
+        ? fieldValue.value
+        : fieldValue;
+    return dataType === DataType.OBJECT ? JSON.stringify(value) : value;
+  }
+  buildInputDefault({ value, enabled, label, name, required, userInterface }, properties = undefined, mode = undefined) {
+    let options;
+    let precision = 0;
+    let prettyPrecision = 0;
+    const TagName = userInterface == undefined || TAGS_BY_TYPE[userInterface] == undefined
+      ? TAGS_BY_TYPE.DEFAULT
+      : TAGS_BY_TYPE[userInterface];
+    if (userInterface === UserInterface.OPTIONSELECTOR) {
+      const prop = properties === null || properties === void 0 ? void 0 : properties.options;
+      if (typeof prop === "string") {
+        const parsed = ObjectUtils.stringToObject(prop);
+        options = Object.keys(parsed).map(key => { return { value: key, label: parsed[key] }; });
+      }
+      else {
+        options = prop;
+      }
+    }
+    else if (userInterface === UserInterface.DECIMALNUMBER) {
+      precision = Number((properties === null || properties === void 0 ? void 0 : properties.precision) || 2);
+      prettyPrecision = Number((properties === null || properties === void 0 ? void 0 : properties.prettyPrecision) || precision);
+    }
+    return h(TagName, Object.assign({ value: value, enabled: enabled, label: label, "data-field-name": name, key: name, onEzChange: (evt) => this.onChange(evt === null || evt === void 0 ? void 0 : evt.detail) }, (this.getConditionalAttributes(userInterface, required, options, precision, prettyPrecision, mode))));
+  }
+  getConditionalAttributes(userInterface, required, options, precision, prettyPrecision, mode) {
+    switch (userInterface) {
+      case UserInterface.SEARCH:
+        return {
+          suppressEmptyOption: required,
+          optionLoader: (searchArgument) => this.onSearch(searchArgument)
+        };
+      case UserInterface.OPTIONSELECTOR:
+        return {
+          suppressEmptyOption: required,
+          options
+        };
+      case UserInterface.CHECKBOX:
+      case UserInterface.SWITCH:
+        return {
+          mode
+        };
+      case UserInterface.INTEGERNUMBER:
+      case UserInterface.DECIMALNUMBER:
+        return {
+          precision,
+          prettyPrecision,
+          onEzStartChange: (evt) => this.onChange(evt === null || evt === void 0 ? void 0 : evt.detail)
+        };
+      case UserInterface.DATE:
+      case UserInterface.DATETIME:
+      case UserInterface.TIME:
+        return {
+          onEzStartChange: (evt) => this.onChange(evt === null || evt === void 0 ? void 0 : evt.detail)
+        };
+      default:
+        return {};
+    }
+  }
+  onChange(fieldValue) {
+    this.fieldConfig.defaultValue.value = this.getValidatedValue(fieldValue);
+    this.configOptionsChanged.emit(this.fieldConfig);
+  }
+  onSearch(searchArgument) {
+    if (this._application != undefined && this.fieldConfig != undefined) {
+      return this._application.executeSearch(searchArgument, this.fieldConfig.name, this.dataUnit);
+    }
+  }
+  buildField(field) {
+    const { config, descriptor } = field;
+    const { name, label, readOnly, required, defaultValue } = config;
+    const { userInterface, properties } = descriptor;
+    const enabled = (properties === null || properties === void 0 ? void 0 : properties.allowDefault) != undefined ? properties.allowDefault === "true" : !readOnly;
+    let value;
+    if (enabled) {
+      value = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.value;
+      if (value != undefined) {
+        value = getConvertedValue(descriptor === null || descriptor === void 0 ? void 0 : descriptor.dataType, value);
+      }
+    }
+    const configField = { value, enabled, label, name, required, userInterface };
+    switch (userInterface) {
+      case UserInterface.SWITCH:
+        return this.buildInputDefault(configField, undefined, CheckMode.SWITCH);
+      case UserInterface.CHECKBOX:
+        return this.buildInputDefault(configField, undefined, CheckMode.REGULAR);
+      case UserInterface.OPTIONSELECTOR:
+      case UserInterface.DECIMALNUMBER:
+        return this.buildInputDefault(configField, properties);
+      default:
+        return this.buildInputDefault(configField);
+    }
+  }
   componentWillLoad() {
     var _a;
-    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     this.loadDefaultValue();
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     this._fieldProperties = this.getFieldProperties((_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.name);
   }
-  componentDidRender() {
-    this.loadDataField();
-  }
   render() {
-    var _a, _b, _c, _d;
-    return (h(Host, null, h("div", { id: this.idConfig }, h("div", { class: "ez-row ez-padding--medium" }, h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-text-input", { label: this.getMessage("snkConfigOptions.label.nameField"), value: (_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.label, onEzChange: (evt) => { this.fieldConfig.label = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-combo-box", { label: this.getMessage("snkConfigOptions.label.typeValueDefault"), suppressEmptyOption: true, enabled: ((_c = (_b = this._fieldProperties) === null || _b === void 0 ? void 0 : _b.properties) === null || _c === void 0 ? void 0 : _c.allowDefault) === "true", onEzChange: (evt) => { var _a; return this.onConfigDefault((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); }, value: this.getDefaultType() }, h("option", { value: DEFAULT_TYPE.fixed }, this.getMessage("snkConfigOptions.options.valueFixed")), h("option", { value: DEFAULT_TYPE.variable }, this.getMessage("snkConfigOptions.options.variable")))), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, this._defaultType === DEFAULT_TYPE.variable ?
-      h("ez-combo-box", { label: this.getMessage("snkConfigOptions.label.valueDefault"), enabled: this.enabledValueDefault(), onEzChange: (evt) => { var _a; this.fieldConfig.defaultValue.value = (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value; this.configOptionsChanged.emit(this.fieldConfig); }, value: this.fieldConfig.defaultValue.value, options: this.buildOptions() })
+    var _a, _b;
+    return (h(Host, null, h("div", { id: this.idConfig }, h("div", { class: "ez-row ez-padding--medium" }, h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-text-input", { label: this.getMessage("snkConfigOptions.label.nameField"), value: (_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.label, onEzChange: (evt) => { this.fieldConfig.label = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-combo-box", { label: this.getMessage("snkConfigOptions.label.typeValueDefault"), suppressEmptyOption: true, enabled: this.enabledValueDefault(), onEzChange: (evt) => { var _a; return this.onConfigDefault((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); }, value: this.getDefaultType() }, h("option", { value: DEFAULT_TYPE.fixed }, this.getMessage("snkConfigOptions.options.valueFixed")), h("option", { value: DEFAULT_TYPE.variable }, this.getMessage("snkConfigOptions.options.variable")))), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, this._defaultType === DEFAULT_TYPE.variable ?
+      h("ez-combo-box", { label: this.getMessage("snkConfigOptions.label.valueDefault"), enabled: this.isAllowDefault(), onEzChange: (evt) => { var _a; this.fieldConfig.defaultValue.value = (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value; this.configOptionsChanged.emit(this.fieldConfig); }, value: this.fieldConfig.defaultValue.value, options: this.buildOptions() })
       :
-        ((_d = this._fieldProperties) === null || _d === void 0 ? void 0 : _d.userInterface) &&
-          formFieldBuilder({
+        ((_b = this._fieldProperties) === null || _b === void 0 ? void 0 : _b.userInterface) &&
+          this.buildField({
             descriptor: this._fieldProperties,
             config: this.fieldConfig
-          }).$children$)), h("div", { class: "ez-row ez-padding--medium config-options__switch-row" }, h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: "switch", label: this.getMessage("snkConfigOptions.label.clearDuplicate"), value: this.fieldConfig.cleanOnCopy, onEzChange: (evt) => { this.fieldConfig.cleanOnCopy = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: "switch", label: this.getMessage("snkConfigOptions.label.requiredField"), enabled: this.getEnabledByProperty("required"), value: this.getValueByProperty("required"), onEzChange: (evt) => { this.fieldConfig.required = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: "switch", label: this.getMessage("snkConfigOptions.label.protectedField"), enabled: this.getEnabledByProperty("readOnly"), value: this.getValueByProperty("readOnly"), onEzChange: (evt) => { this.fieldConfig.readOnly = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } }))))));
+          }))), h("div", { class: "ez-row ez-padding--medium config-options__switch-row" }, h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.clearDuplicate"), value: this.fieldConfig.cleanOnCopy, onEzChange: (evt) => { this.fieldConfig.cleanOnCopy = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.requiredField"), enabled: this.getEnabledByProperty("required"), value: this.getValueByProperty("required"), onEzChange: (evt) => { this.fieldConfig.required = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.protectedField"), enabled: this.getEnabledByProperty("readOnly"), value: this.getValueByProperty("readOnly"), onEzChange: (evt) => { this.fieldConfig.readOnly = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } }))))));
   }
   get _element() { return getElement(this); }
 };

package/dist/esm/snk-configurator_6.entry.js

@@ -1,12 +1,12 @@
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-bafb2cef.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-e4121713.js';
 import { ObjectUtils, ApplicationContext, DataType, StringUtils, ErrorException, FloatingManager, ArrayUtils } from '@sankhyalabs/core';
-import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
-import { C as CONFIG_EVENTS, b as VIEW_MODE } from './constants-c4e3341e.js';
+import { ApplicationUtils, CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
+import { C as CONFIG_EVENTS, c as VIEW_MODE } from './constants-c6039d3d.js';
 import { C as ConfigurableElementsStorage } from './configurableElementsStorage-cdc144b5.js';
 import { F as FilterItemType } from './filter-item-type.enum-a79b2fa8.js';
 import { ModalAction, ModalButtonStatus } from '@sankhyalabs/ezui/dist/collection/components/ez-modal-container';
 import { toString } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
-import { T as TaskbarElement, V as VisibleWhenForbidden, A as AuthorizationElements, b as buildElem, a as buildCustomButton } from './taskbar-elements-2035b1c7.js';
+import { T as TaskbarElement, V as VisibleWhenForbidden, A as AuthorizationElements, b as buildElem, a as buildCustomButton } from './taskbar-elements-e2ed0536.js';
 
 const GRID_MODE = VIEW_MODE.grid;
 const FORM_MODE = VIEW_MODE.form;
@@ -963,7 +963,7 @@ const SnkFilterModal = class {
   }
   buildItems(list) {
     return list.map(item => {
-      return (h("button", { onClick: () => this.updateValue(item.id), class: "ez-padding--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item ez-align--middle ez-margin-bottom--small" }, h("ez-check", { id: `checkbox_${item.id}`, tabIndex: "-1", class: "sc-snk-filter-bar snk-filter-bar__filter-modal-item__check", onEzChange: evt => this.updateValue(item.id, evt.detail), enabled: item.enabled, value: item.active, mode: "switch" }), h("div", { class: "ez-text ez-title--primary ez-text--medium ez-margin-left--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item__label" }, item.label)));
+      return (h("button", { onClick: () => this.updateValue(item.id), class: "ez-padding--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item ez-align--middle ez-margin-bottom--small" }, h("ez-check", { id: `checkbox_${item.id}`, tabIndex: "-1", class: "sc-snk-filter-bar snk-filter-bar__filter-modal-item__check", onEzChange: evt => this.updateValue(item.id, evt.detail), enabled: item.enabled, value: item.active, mode: CheckMode.SWITCH }), h("div", { class: "ez-text ez-title--primary ez-text--medium ez-margin-left--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item__label" }, item.label)));
     });
   }
   itemKeyBoardSelect(event, item) {

package/dist/esm/snk-crud.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-bafb2cef.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-e4121713.js';
 import { ApplicationContext } from '@sankhyalabs/core';
-import { b as VIEW_MODE } from './constants-c4e3341e.js';
-import { T as TaskbarElement } from './taskbar-elements-2035b1c7.js';
+import { c as VIEW_MODE } from './constants-c6039d3d.js';
+import { T as TaskbarElement } from './taskbar-elements-e2ed0536.js';
 
 const snkCrudCss = ".sc-snk-crud-h{display:flex;flex-direction:column;height:100%;width:100%}";
 

package/dist/esm/snk-data-unit.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-bafb2cef.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-e4121713.js';
 import { Action, ApplicationContext } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { O as OperationMap } from './SnkMessageBuilder-5792c260.js';

package/dist/esm/snk-field-config_2.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-bafb2cef.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-e4121713.js';
 import { ApplicationContext } from '@sankhyalabs/core';
-import { A as ACTION_CONFIG } from './constants-c4e3341e.js';
+import { A as ACTION_CONFIG } from './constants-c6039d3d.js';
 import { T as TaskbarProcessor } from './taskbar-processor-aa6772c9.js';
 import { C as ConfigurableElementsStorage } from './configurableElementsStorage-cdc144b5.js';
 

package/dist/esm/snk-filter-binary-select.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-bafb2cef.js';
+import { r as registerInstance, h, H as Host } from './index-e4121713.js';
 import { F as FilterItemType } from './filter-item-type.enum-a79b2fa8.js';
 
 const SnkFilterBinarySelect = class {

package/dist/esm/snk-filter-detail.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-bafb2cef.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-e4121713.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { F as FilterItemType } from './filter-item-type.enum-a79b2fa8.js';
 

package/dist/esm/snk-filter-multi-select.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-bafb2cef.js';
+import { r as registerInstance, h } from './index-e4121713.js';
 import { F as FilterItemType } from './filter-item-type.enum-a79b2fa8.js';
 
 const SnkFilterMultiSelect = class {

package/dist/esm/snk-filter-number.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-bafb2cef.js';
+import { r as registerInstance, h } from './index-e4121713.js';
 import { F as FilterItemType } from './filter-item-type.enum-a79b2fa8.js';
 
 const SnkFilterPeriod = class {

package/dist/esm/snk-filter-period.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-bafb2cef.js';
+import { r as registerInstance, h } from './index-e4121713.js';
 import { F as FilterItemType } from './filter-item-type.enum-a79b2fa8.js';
 
 const SnkFilterPeriod = class {

package/dist/esm/snk-filter-personalized.entry.js

@@ -1,6 +1,7 @@
-import { r as registerInstance, h, H as Host } from './index-bafb2cef.js';
+import { r as registerInstance, h, H as Host } from './index-e4121713.js';
 import { UserInterface, ApplicationContext } from '@sankhyalabs/core';
 import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
+import { CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
 import { F as FilterItemType } from './filter-item-type.enum-a79b2fa8.js';
 
 const SnkFilterPersonalized = class {
@@ -51,7 +52,7 @@ const SnkFilterPersonalized = class {
           return h("ez-search", { id: elemId, suppressEmptyOption: true, value: this.getValue(param, index), onEzChange: evt => this.setValue(index, evt.detail), label: param.label, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, param) });
         case UserInterface.SWITCH:
         case UserInterface.CHECKBOX:
-          const mode = UserInterface.SWITCH === param.type ? "switch" : "regular";
+          const mode = UserInterface.SWITCH === param.type ? CheckMode.SWITCH : CheckMode.REGULAR;
           return h("ez-check", { id: elemId, class: "ez-padding-bottom--medium", mode: mode, value: this.getValue(param, index), label: param.label, onEzChange: evt => this.setValue(index, evt.detail) });
         case UserInterface.DECIMALNUMBER:
         case UserInterface.INTEGERNUMBER:

package/dist/esm/snk-filter-search.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-bafb2cef.js';
+import { r as registerInstance, h } from './index-e4121713.js';
 import { ApplicationContext } from '@sankhyalabs/core';
 import { F as FilterItemType } from './filter-item-type.enum-a79b2fa8.js';
 

package/dist/esm/snk-filter-text.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-bafb2cef.js';
+import { r as registerInstance, h } from './index-e4121713.js';
 
 const SnkFilterText = class {
   constructor(hostRef) {

package/dist/esm/snk-form-config.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-bafb2cef.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-e4121713.js';
 import { d as draggable_bundle } from './draggable.bundle-41d56f06.js';
 import { ObjectUtils, ArrayUtils, ApplicationContext } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
-import { C as CONFIG_EVENTS, T as TAB_NAMES, A as ACTION_CONFIG } from './constants-c4e3341e.js';
+import { C as CONFIG_EVENTS, T as TAB_NAMES, A as ACTION_CONFIG } from './constants-c6039d3d.js';
 import { a as UserConfigType } from './form-config-fetcher-96c6c2dc.js';
 import './_commonjsHelpers-9943807e.js';
 

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-bafb2cef.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-e4121713.js';
 import { ObjectUtils, ApplicationContext } from '@sankhyalabs/core';
 import { C as ConfigurableElementsStorage } from './configurableElementsStorage-cdc144b5.js';
 import { T as TaskbarProcessor } from './taskbar-processor-aa6772c9.js';

package/dist/esm/snk-pesquisa.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-bafb2cef.js';
+import { r as registerInstance, h, H as Host } from './index-e4121713.js';
 import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
 
 const snkPesquisaCss = ".sc-snk-pesquisa-h{--snk-pesquisa--font-size:var(--text--medium, 14px);--snk-pesquisa--font-family:var(--font-pattern, Arial);--snk-pesquisa--font-weight:var(--text-weight--medium, 400);--snk-pesquisa__records--color:var(--text--primary, #626e82);--snk-pesquisa__records--padding-vertical:var(--space--medium, 12px);--snk-pesquisa__content--padding-right:var(--space--small, 6px);--snk-pesquisa__content-scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--snk-pesquisa__content-scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);--snk-pesquisa__content-scrollbar--border-radius:var(--border--radius-small, 6px);--snk-pesquisa__content-scrollbar--width:var(--space--medium, 12px);--snk-pesquisa__btn--color:var(--title--primary, #2B3A54);--snk-pesquisa__btn-disabled--color:var(--text--disable, #AFB6C0);--snk-pesquisa__btn-hover--color:var(--color--primary, #4e4e4e);max-height:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto}.snk-pesquisa.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%}.snk-pesquisa__input.sc-snk-pesquisa{display:flex;width:100%;box-sizing:border-box;padding-top:4px;padding-right:4px}.snk-pesquisa__input.sc-snk-pesquisa ez-icon.sc-snk-pesquisa{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.snk-pesquisa__content.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-pesquisa__content-scrollbar--background-color-primary) var(--snk-pesquisa__content-scrollbar--background-color-secondary);padding-right:var(--snk-pesquisa__content--padding-right)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-track{background-color:var(--snk-pesquisa__content-scrollbar--background-color-secondary);border-radius:var(--snk-pesquisa__content-scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb{background-color:var(--snk-pesquisa__content-scrollbar--background-color-primary);border-radius:var(--snk-pesquisa__content-scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar{background-color:var(--snk-pesquisa__content-scrollbar--background-color-secondary);width:var(--snk-pesquisa__content-scrollbar--width);max-width:var(--snk-pesquisa__content-scrollbar--width);min-width:var(--snk-pesquisa__content-scrollbar--width)}.snk-pesquisa__records.sc-snk-pesquisa{font-family:var(--snk-pesquisa--font-family);font-weight:var(--snk-pesquisa--font-weight);font-size:var(--snk-pesquisa--font-size);color:var(--snk-pesquisa__records--color);padding-bottom:var(--snk-pesquisa__records--padding-vertical);padding-top:var(--snk-pesquisa__records--padding-vertical)}.snk-pesquisa__btn.sc-snk-pesquisa{outline:none;border:none;background:none;cursor:pointer;color:var(--snk-pesquisa__btn--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled:hover{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:hover{color:var(--snk-pesquisa__btn-hover--color)}";