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

package/dist/cjs/CheckMode-ecb90b87.js

@@ -0,0 +1,7 @@
+'use strict';
+
+exports.CheckMode = void 0;
+(function (CheckMode) {
+  CheckMode["REGULAR"] = "REGULAR";
+  CheckMode["SWITCH"] = "SWITCH";
+})(exports.CheckMode || (exports.CheckMode = {}));

package/dist/cjs/ez-actions-button.cjs.entry.js

@@ -7,7 +7,7 @@ const core = require('@sankhyalabs/core');
 require('./ApplicationUtils-edc62c5c.js');
 const CSSVarsUtils = require('./CSSVarsUtils-af809e73.js');
 require('./DialogType-aa435c52.js');
-require('./FieldBuilder-cd3e45ed.js');
+require('./CheckMode-ecb90b87.js');
 
 const ezActionsButtonCss = ":host{--ez-actions-button__actions-list--border-radius:var(--border--radius-medium, 12px);--ez-actions-button__actions-list--box-shadow:var(--shadow, 0px 0px 16px 0px #000);--ez-actions-button__actions-list--background-color:var(--background--xlight, #fff);--ez-actions-button__actions-list--padding:var(--space-small, 6px);--ez-actions-button__actions-list--top-margin:var(--space-extra-small, 3px);--ez-actions-button__btn-action--min-width:400px;--ez-actions-button__btn-action--background-color:var(--background--xlight, #fff);display:flex;flex-direction:column;height:fit-content;user-select:none}.ez-actions-button__actions-list{display:flex;flex-direction:column;position:fixed;width:fit-content;height:fit-content;z-index:var(--more-visible, 2);padding:var(--ez-actions-button__actions-list--padding);margin-top:var(--ez-actions-button__actions-list--top-margin);background-color:var(--ez-actions-button__actions-list--background-color);border-radius:var(--ez-actions-button__actions-list--border-radius);box-shadow:var(--ez-actions-button__actions-list--box-shadow)}.ez-actions-button__btn-action{--ez-button--min-width:var(--ez-actions-button__btn-action--min-width);--ez-button--background-color:var(--ez-actions-button__btn-action--background-color)}.ez-actions-button__icon-left{margin-left:var(--space-small, 6px)}.ez-actions-button__icon-right{margin-right:var(--space-small, 6px)}.ez-actions-button__btn-transparent{--ez-button--background-color:transparent;--ez-button--hover--background-color:transparent;--ez-button--active--background-color:transparent;--ez-button--focus--border:none}.ez-actions-button__arrow{position:absolute;top:-13px;left:10px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:15px solid var(--ez-actions-button__btn-action--background-color);width:0;height:0}";
 

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

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8646c40d.js');
+const CheckMode = require('./CheckMode-ecb90b87.js');
 
-const ezCheckCss = ":host{--ez-check--box--width:18px;--ez-check--box--height:18px;--ez-check--width:calc(var(--ez-check--box--width) + 14px);--ez-check--height:calc(var(--ez-check--box--width) + 14px);--ez-check--border-radius:var(--border--radius-small);--ez-check--checked--background-color:var(--color--primary-200);--ez-check--focus--background-color:var(--color--strokes, #FFFFFF);--ez-check--hover--background-color:var(--background--medium);--ez-check--checked--disabled--background-color:var(--color--disable-secondary);--ez-check--border:var(--border--medium) var(--title--primary);--ez-check--disabled--border:var(--border--medium) var(--color--strokes);--ez-check--checked--border:var(--border--medium) var(--color--primary);--ez-check--checked--hover--background-color:var(--color--primary-200);--ez-check--checked--focus--background-color:var(--color--primary-300, #FFFFFF);--ez-check--check--image:url('data:image/svg+xml;utf8,<svg width=\"8\" height=\"7\" viewBox=\"0 0 8 7\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.70002 0.398999L7.48502 0.207997C7.31524 0.0598858 7.09376 -0.0150438 6.86894 -0.000430025C6.64411 0.0141838 6.43419 0.117153 6.28502 0.285997L2.70002 4.332L1.61802 3.384C1.44837 3.23576 1.22697 3.16067 1.00214 3.17509C0.77732 3.18952 0.567332 3.2923 0.418019 3.461L0.229019 3.674C0.0752361 3.84797 -0.00437434 4.07521 0.00721192 4.30713C0.0187982 4.53904 0.120661 4.75722 0.291019 4.915L2.27402 6.762C2.35832 6.8432 2.45842 6.90618 2.56811 6.94702C2.67779 6.98787 2.79471 7.00571 2.91159 6.99942C3.02846 6.99314 3.14279 6.96287 3.24747 6.91049C3.35214 6.85812 3.44492 6.78477 3.52002 6.695L7.79102 1.638C7.94063 1.46048 8.01486 1.23149 7.99786 0.999963C7.98085 0.768436 7.87396 0.552749 7.70002 0.398999Z\"/></svg>');--ez-check--check--background-color:var(--color--primary);--ez-check--check--disabled--background-color:var(--color--strokes);--ez-switch--slider--width:34px;--ez-switch--slider--height:14px;--ez-switch--pin--width:19px;--ez-switch--pin--height:19px;--ez-switch--focus--width:32px;--ez-switch--focus--height:32px;--ez-switch--background-color:var(--color--strokes);--ez-switch--disabled--background-color:var(--color--disable-secondary);--ez-switch--disabled--checked--background-color:var(--color--primary-300);--ez-switch--checked--background-color:var(--color--primary);--ez-switch--pin--background-color:var(--background--xlight);--ez-switch--pin--disabled--background-color:var(--color--disable-primary);--ez-switch--pin--checked--background-color:var(--background--xlight);--ez-switch--pin--checked--disabled--background-color:#E8F7F4;--ez-switch--pin--focus--background-color:var(--text--disable);--ez-switch--pin--checked--focus--background-color:var(--color--primary);--ez-switch--pin--border-color:var(--text--primary);--ez-switch--pin--disabled--border-color:var(--text--secondary);--ez-check--label--font-size:var(--text--medium, 14px);--ez-check--label--font-family:var(--font-pattern, Arial);--ez-check--label--color:var(--title--primary, #000);--ez-check--label--disabled--color:var(--text--disable, #AFB6C0);display:flex;width:100%;align-items:center;margin:0}input.regularMode{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;box-sizing:border-box;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:50%;position:relative;width:var(--ez-check--width);height:var(--ez-check--height)}input.regularMode:enabled:hover{background-color:var(--ez-check--hover--background-color)}input.regularMode:enabled:focus{outline:none;background-color:var(--ez-check--focus--background-color)}input.regularMode:disabled{cursor:auto;background:none}input.regularMode::before{box-sizing:border-box;content:\"\";display:block;width:var(--ez-check--box--width);height:var(--ez-check--box--height);border-radius:var(--ez-check--border-radius);border:var(--ez-check--border)}input.regularMode:disabled::before{border:var(--ez-check--disabled--border)}input.regularMode:checked:enabled:hover{background-color:var(--ez-check--checked--hover--background-color)}input.regularMode:checked:enabled:focus{background-color:var(--ez-check--checked--focus--background-color)}input.regularMode:checked::before{border:var(--ez-check--checked--border);background-color:var(--ez-check--checked--background-color)}input.regularMode:checked:disabled:before{border:var(--ez-check--disabled--border);background-color:var(--ez-check--checked--disabled--background-color)}input.regularMode:checked::after{display:flex;position:absolute;content:\"\";background-color:var(--ez-check--check--background-color);width:8px;height:7px;-webkit-mask-image:var(--ez-check--check--image);mask-image:var(--ez-check--check--image)}input.regularMode:checked:disabled::after{background-color:var(--ez-check--check--disabled--background-color)}input.switchMode{flex-shrink:0;-webkit-appearance:none;appearance:none;position:relative;outline:none;cursor:pointer;border-radius:20px;border:var(--border--small, 1px solid) var(--ez-switch--pin--border-color, #626e82);transition:background-color var(--transition);width:var(--ez-switch--slider--width);height:var(--ez-switch--slider--height);background-color:var(--ez-switch--background-color)}input.switchMode:disabled{background-color:var(--ez-switch--disabled--background-color);border:var(--border--small, 1px solid) var(--ez-switch--pin--disabled--border-color, #a2abb9)}input.switchMode:checked:disabled{background-color:var(--ez-switch--disabled--checked--background-color)}input.switchMode::after{content:\"\";display:block;position:absolute;box-shadow:var(--shadow);transition:transform var(--transition);transition:background-color var(--transition);transition:border-color var(--transition);transform:translateX(-2px) translateY(-4px);border-radius:50%;border:var(--border--small, 1px solid) var(--ez-switch--pin--border-color, #626e82);width:var(--ez-switch--pin--width);height:var(--ez-switch--pin--height);background-color:var(--ez-switch--pin--background-color)}input.switchMode:disabled::after{background-color:var(--ez-switch--pin--disabled--background-color);border:var(--border--small, 1px solid) var(--ez-switch--pin--disabled--border-color, #a2abb9)}input.switchMode:checked{transition:background-color var(--transition), border var(--transition);background-color:var(--ez-switch--checked--background-color);border:var(--border--small, 1px solid) var(--color--primary, #008561)}input.switchMode::before{display:block;content:\"\";display:block;position:absolute;border-radius:50%;opacity:0;width:var(--ez-switch--focus--width);height:var(--ez-switch--focus--height);top:calc((var(--ez-switch--slider--height) - var(--ez-switch--focus--height)) / 2);left:calc((var(--ez-switch--pin--width) - var(--ez-switch--focus--width) - 2px) / 2);background-color:var(--ez-switch--pin--focus--background-color)}input.switchMode:focus::before{opacity:0.24;transition:opacity var(--transition)}input.switchMode:checked:focus::before{background-color:var(--ez-switch--pin--checked--focus--background-color);transform:translateX(calc(var(--ez-switch--slider--width) - var(--ez-switch--pin--width) + 2px))}input.switchMode:checked::after{transition:transform var(--transition);transition:background-color var(--transition);transition:border-color var(--transition);transform:translateX(calc(var(--ez-switch--slider--width) - var(--ez-switch--pin--width))) translateY(-4px);box-shadow:var(--shadow);background-color:var(--ez-switch--pin--checked--background-color);border:var(--border--small, 1px solid) var(--color--primary, #008561)}input.switchMode:checked:disabled::after{background-color:var(--ez-switch--pin--checked--disabled--background-color)}.label{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-check--label--color);text-shadow:var(--text-shadow);font-size:var(--ez-check--label--font-size);font-family:var(--ez-check--label--font-family);cursor:default;padding-left:var(--space--small)}.label--disabled{color:var(--ez-check--label--disabled--color)}";
+const ezCheckCss = ":host{--ez-check--box--width:18px;--ez-check--box--height:18px;--ez-check--width:calc(var(--ez-check--box--width) + 14px);--ez-check--height:calc(var(--ez-check--box--width) + 14px);--ez-check--border-radius:var(--border--radius-small);--ez-check--checked--background-color:var(--color--primary-200);--ez-check--focus--background-color:var(--color--strokes, #FFFFFF);--ez-check--hover--background-color:var(--background--medium);--ez-check--checked--disabled--background-color:var(--color--disable-secondary);--ez-check--border:var(--border--medium) var(--title--primary);--ez-check--disabled--border:var(--border--medium) var(--color--strokes);--ez-check--checked--border:var(--border--medium) var(--color--primary);--ez-check--checked--hover--background-color:var(--color--primary-200);--ez-check--checked--focus--background-color:var(--color--primary-300, #FFFFFF);--ez-check--check--image:url('data:image/svg+xml;utf8,<svg width=\"8\" height=\"7\" viewBox=\"0 0 8 7\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M7.70002 0.398999L7.48502 0.207997C7.31524 0.0598858 7.09376 -0.0150438 6.86894 -0.000430025C6.64411 0.0141838 6.43419 0.117153 6.28502 0.285997L2.70002 4.332L1.61802 3.384C1.44837 3.23576 1.22697 3.16067 1.00214 3.17509C0.77732 3.18952 0.567332 3.2923 0.418019 3.461L0.229019 3.674C0.0752361 3.84797 -0.00437434 4.07521 0.00721192 4.30713C0.0187982 4.53904 0.120661 4.75722 0.291019 4.915L2.27402 6.762C2.35832 6.8432 2.45842 6.90618 2.56811 6.94702C2.67779 6.98787 2.79471 7.00571 2.91159 6.99942C3.02846 6.99314 3.14279 6.96287 3.24747 6.91049C3.35214 6.85812 3.44492 6.78477 3.52002 6.695L7.79102 1.638C7.94063 1.46048 8.01486 1.23149 7.99786 0.999963C7.98085 0.768436 7.87396 0.552749 7.70002 0.398999Z\"/></svg>');--ez-check--check--background-color:var(--color--primary);--ez-check--check--disabled--background-color:var(--color--strokes);--ez-switch--slider--width:34px;--ez-switch--slider--height:14px;--ez-switch--pin--width:19px;--ez-switch--pin--height:19px;--ez-switch--focus--width:32px;--ez-switch--focus--height:32px;--ez-switch--background-color:var(--color--strokes);--ez-switch--disabled--background-color:var(--color--disable-secondary);--ez-switch--disabled--checked--background-color:var(--color--primary-300);--ez-switch--checked--background-color:var(--color--primary);--ez-switch--pin--background-color:var(--background--xlight);--ez-switch--pin--disabled--background-color:var(--color--disable-primary);--ez-switch--pin--checked--background-color:var(--background--xlight);--ez-switch--pin--checked--disabled--background-color:#E8F7F4;--ez-switch--pin--focus--background-color:var(--text--disable);--ez-switch--pin--checked--focus--background-color:var(--color--primary);--ez-switch--pin--border-color:var(--text--primary);--ez-switch--pin--disabled--border-color:var(--text--secondary);--ez-check--label--font-size:var(--text--medium, 14px);--ez-check--label--font-family:var(--font-pattern, Arial);--ez-check--label--color:var(--title--primary, #000);--ez-check--label--disabled--color:var(--text--disable, #AFB6C0);display:flex;width:100%;align-items:center;margin:0}input.regular-mode{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;box-sizing:border-box;-webkit-appearance:none;appearance:none;cursor:pointer;border-radius:50%;position:relative;width:var(--ez-check--width);height:var(--ez-check--height)}input.regular-mode:enabled:hover{background-color:var(--ez-check--hover--background-color)}input.regular-mode:enabled:focus{outline:none;background-color:var(--ez-check--focus--background-color)}input.regular-mode:disabled{cursor:auto;background:none}input.regular-mode::before{box-sizing:border-box;content:\"\";display:block;width:var(--ez-check--box--width);height:var(--ez-check--box--height);border-radius:var(--ez-check--border-radius);border:var(--ez-check--border)}input.regular-mode:disabled::before{border:var(--ez-check--disabled--border)}input.regular-mode:checked:enabled:hover{background-color:var(--ez-check--checked--hover--background-color)}input.regular-mode:checked:enabled:focus{background-color:var(--ez-check--checked--focus--background-color)}input.regular-mode:checked::before{border:var(--ez-check--checked--border);background-color:var(--ez-check--checked--background-color)}input.regular-mode:checked:disabled:before{border:var(--ez-check--disabled--border);background-color:var(--ez-check--checked--disabled--background-color)}input.regular-mode:checked::after{display:flex;position:absolute;content:\"\";background-color:var(--ez-check--check--background-color);width:8px;height:7px;-webkit-mask-image:var(--ez-check--check--image);mask-image:var(--ez-check--check--image)}input.regular-mode:checked:disabled::after{background-color:var(--ez-check--check--disabled--background-color)}input.switch-mode{flex-shrink:0;-webkit-appearance:none;appearance:none;position:relative;outline:none;cursor:pointer;border-radius:20px;border:var(--border--small, 1px solid) var(--ez-switch--pin--border-color, #626e82);transition:background-color var(--transition);width:var(--ez-switch--slider--width);height:var(--ez-switch--slider--height);background-color:var(--ez-switch--background-color)}input.switch-mode:disabled{background-color:var(--ez-switch--disabled--background-color);border:var(--border--small, 1px solid) var(--ez-switch--pin--disabled--border-color, #a2abb9)}input.switch-mode:checked:disabled{background-color:var(--ez-switch--disabled--checked--background-color)}input.switch-mode::after{content:\"\";display:block;position:absolute;box-shadow:var(--shadow);transition:transform var(--transition);transition:background-color var(--transition);transition:border-color var(--transition);transform:translateX(-2px) translateY(-4px);border-radius:50%;border:var(--border--small, 1px solid) var(--ez-switch--pin--border-color, #626e82);width:var(--ez-switch--pin--width);height:var(--ez-switch--pin--height);background-color:var(--ez-switch--pin--background-color)}input.switch-mode:disabled::after{background-color:var(--ez-switch--pin--disabled--background-color);border:var(--border--small, 1px solid) var(--ez-switch--pin--disabled--border-color, #a2abb9)}input.switch-mode:checked{transition:background-color var(--transition), border var(--transition);background-color:var(--ez-switch--checked--background-color);border:var(--border--small, 1px solid) var(--color--primary, #008561)}input.switch-mode::before{display:block;content:\"\";display:block;position:absolute;border-radius:50%;opacity:0;width:var(--ez-switch--focus--width);height:var(--ez-switch--focus--height);top:calc((var(--ez-switch--slider--height) - var(--ez-switch--focus--height)) / 2);left:calc((var(--ez-switch--pin--width) - var(--ez-switch--focus--width) - 2px) / 2);background-color:var(--ez-switch--pin--focus--background-color)}input.switch-mode:focus::before{opacity:0.24;transition:opacity var(--transition)}input.switch-mode:checked:focus::before{background-color:var(--ez-switch--pin--checked--focus--background-color);transform:translateX(calc(var(--ez-switch--slider--width) - var(--ez-switch--pin--width) + 2px))}input.switch-mode:checked::after{transition:transform var(--transition);transition:background-color var(--transition);transition:border-color var(--transition);transform:translateX(calc(var(--ez-switch--slider--width) - var(--ez-switch--pin--width))) translateY(-4px);box-shadow:var(--shadow);background-color:var(--ez-switch--pin--checked--background-color);border:var(--border--small, 1px solid) var(--color--primary, #008561)}input.switch-mode:checked:disabled::after{background-color:var(--ez-switch--pin--checked--disabled--background-color)}.label{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-check--label--color);text-shadow:var(--text-shadow);font-size:var(--ez-check--label--font-size);font-family:var(--ez-check--label--font-family);cursor:default;padding-left:var(--space--small)}.label--disabled{color:var(--ez-check--label--disabled--color)}";
 
 let EzCheck = class {
   constructor(hostRef) {
@@ -20,16 +21,17 @@ let EzCheck = class {
      * No modo "regular" a visualização é a tradicional de uma caixinha marcada/desmarcada.
      * No modo "switch" o campo tem uma interface em formato de um pino liga/desliga.
      */
-    this.mode = "regular";
+    this.mode = CheckMode.CheckMode.REGULAR;
   }
   observeMode() {
-    if (this.mode === "switch") {
-      this._inputElem.classList.remove("regularMode");
-      this._inputElem.classList.add("switchMode");
+    var _a;
+    if (((_a = this.mode) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === CheckMode.CheckMode.SWITCH) {
+      this._inputElem.classList.remove("regular-mode");
+      this._inputElem.classList.add("switch-mode");
     }
     else {
-      this._inputElem.classList.remove("switchMode");
-      this._inputElem.classList.add("regularMode");
+      this._inputElem.classList.remove("switch-mode");
+      this._inputElem.classList.add("regular-mode");
     }
   }
   //---------------------------------------------
@@ -65,7 +67,7 @@ let EzCheck = class {
     return classes;
   }
   render() {
-    return (index.h(index.Host, null, index.h("input", { type: "checkbox", class: "regularMode", checked: this.value === true, onChange: () => { this.changeValue(); }, disabled: !this.enabled, ref: (el) => this._inputElem = el }), this.label ? index.h("label", { class: this.getLabelClasses(), onClick: () => { this.changeValue(); }, title: this.label }, this.label) : undefined));
+    return (index.h(index.Host, null, index.h("input", { type: "checkbox", class: "regular-mode", checked: this.value === true, onChange: () => { this.changeValue(); }, disabled: !this.enabled, ref: (el) => this._inputElem = el }), this.label ? index.h("label", { class: this.getLabelClasses(), onClick: () => { this.changeValue(); }, title: this.label }, this.label) : undefined));
   }
   static get watchers() { return {
     "mode": ["observeMode"]

package/dist/cjs/ez-collapsible-box.cjs.entry.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-8646c40d.js');
 const ApplicationUtils = require('./ApplicationUtils-edc62c5c.js');
 require('./DialogType-aa435c52.js');
-require('./FieldBuilder-cd3e45ed.js');
-require('@sankhyalabs/core');
+require('./CheckMode-ecb90b87.js');
 
 const ezCollapsibleBoxCss = ":host{--ez-collapsible-box--font-size:var(--title--medium, 14px);--ez-collapsible-box--font-family:var(--font-pattern, Arial);--ez-collapsible-box--font-weight:var(--text-weight--large, 600);--ez-collapsible-box--color:var(--title--primary);--ez-collapsible-box--focus--color:var(--color--primary-600);--ez-collapsible-box__icon--color:var(--ez-collapsible-box--color);--ez-collapsible-box__header--padding-top:0px;--ez-collapsible-box__header--padding-bottom:0px;--ez-collapsible-box__header--padding-right:0px;--ez-collapsible-box__header--padding-left:0px;display:flex;flex-wrap:wrap;width:100%}ez-icon{--ez-icon--color:inherit}.collapsible-box{display:flex;flex-direction:column;width:100%}.collapsible-box__header{display:flex;box-sizing:border-box;padding-top:var(--ez-collapsible-box__header--padding-top);padding-bottom:var(--ez-collapsible-box__header--padding-bottom);padding-right:var(--ez-collapsible-box__header--padding-right);padding-left:var(--ez-collapsible-box__header--padding-left)}.collapsible-box__title{position:relative;width:auto;display:flex;box-sizing:border-box;align-items:center;outline:none;border:none;background-color:unset;cursor:pointer;padding:0px;text-align:left;color:var(--ez-collapsible-box--color);--ez-icon--color:var(--ez-collapsible-box__icon--color);margin-bottom:var(--space--medium, 12px)}.collapsible-box__title:focus{color:var(--ez-collapsible-box--focus--color);--ez-icon--color:var(--ez-collapsible-box--focus--color)}.collapsible-box__label{display:flex;white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;box-sizing:border-box;margin-left:6px;gap:6px;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight)}.collapsible-box__label ez-icon{visibility:hidden;transition:0.25s linear}.collapsible-box__label:hover ez-icon{visibility:visible}.collapsible-box__text-edit{margin-left:6px}.collapsible-box__icon{transform:rotate(90deg) translate(0px, 14%);transition:transform var(--transition)}.collapsible-box__icon--collapsed{transform:rotate(0deg) translate(-14%, 0px)}.collapsible-box__title--icon-right{flex-direction:row-reverse}.collapsible-box__title--icon-right .collapsible-box__icon{transform:rotate(90deg) translate(0px, -14%)}.collapsible-box__title--icon-right .collapsible-box__icon--collapsed{transform:rotate(0deg) translate(14%, 0px)}.collapsible-box__title--icon-right .collapsible-box__label{margin-left:0px;margin-right:6px}.collapsible-box__title--stretched{width:100%;justify-content:space-between}.collapsible-box__title--no-margin{margin-bottom:0}.collapsible-box__content{display:flex;flex-wrap:wrap;width:100%;height:0px;max-height:0px;opacity:0;overflow:hidden;transition:all var(--transition, 0.5s)}.collapsible-box__content--show{height:100%;max-height:none;opacity:1;overflow:visible;transition:all var(--transition, 0.5s)}.font--x-small{font-size:10px}.font--small{font-size:12px}.font--medium{font-size:14px}.font--large{font-size:16px}.font--x-large{font-size:20px}";
 

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

@@ -7,7 +7,7 @@ const core = require('@sankhyalabs/core');
 const ApplicationUtils = require('./ApplicationUtils-edc62c5c.js');
 const CSSVarsUtils = require('./CSSVarsUtils-af809e73.js');
 require('./DialogType-aa435c52.js');
-require('./FieldBuilder-cd3e45ed.js');
+require('./CheckMode-ecb90b87.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__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));--ez-combo-box--space--medium:var(--space--medium, 12px);--ez-combo-box--space--small:var(--space--small, 6px);--ez-combo-box__list-scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--ez-combo-box__list-scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);--ez-combo-box__list-scrollbar--border-radius:var(--border--radius-small, 6px);--ez-combo-box__list-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));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;scrollbar-color:var(--ez-combo-box__list-scrollbar--background-color-primary) var(--ez-combo-box__list-scrollbar--background-color-secondary)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-combo-box__list-scrollbar--background-color-secondary);border-radius:var(--ez-combo-box__list-scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-combo-box__list-scrollbar--background-color-primary);border-radius:var(--ez-combo-box__list-scrollbar--border-radius)}.list-options::-webkit-scrollbar{background-color:var(--ez-combo-box__list-scrollbar--background-color-secondary);width:var(--ez-combo-box__list-scrollbar--width);max-width:var(--ez-combo-box__list-scrollbar--width);min-width:var(--ez-combo-box__list-scrollbar--width)}.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:0 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-weight:var(--ez-combo-box--font-weight--large);font-family:var(--ez-combo-box--font-family);font-size:var(--ez-combo-box--font-size)}.item__value{text-align:center;color:var(--ez-combo-box__list-text--primary)}.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:calc(var(--ez-combo-box__list-height) * 1.5)}.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:16px;height:16px;-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)}}";
 
@@ -105,7 +105,14 @@ let EzComboBox = class {
     if (currentValue) {
       text = this.showSelectedValue ? `${currentValue.value} - ${currentValue.label}` : currentValue.label;
     }
-    return text;
+    if (text == undefined) {
+      return;
+    }
+    return String(text)
+      .replace(/&/g, '&')
+      .replace(/&lt;/g, '<')
+      .replace(/&gt;/g, '>')
+      .replace(/&quot;/g, '"');
   }
   getSelectedOption(value) {
     if (typeof value === "string" || value instanceof String) {

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

@@ -4,17 +4,130 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8646c40d.js');
 const core = require('@sankhyalabs/core');
-const FieldBuilder = require('./FieldBuilder-cd3e45ed.js');
+const CheckMode = require('./CheckMode-ecb90b87.js');
 const ApplicationUtils = require('./ApplicationUtils-edc62c5c.js');
 require('./DialogType-aa435c52.js');
 
+const buildTextArea = ({ name, label, readOnly }) => {
+  return (index.h("div", { class: "ez-col ez-col--sd-12 ez-padding-horizontal--small", key: name },
+    index.h("ez-text-area", { enabled: !readOnly, label: label, "data-field-name": name })));
+};
+
+const buildTextInput = ({ name, label, readOnly }) => {
+  return (index.h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
+    index.h("ez-text-input", { label: label, "data-field-name": name, key: name, enabled: !readOnly })));
+};
+
+const buildSwitch = (fieldConfig) => {
+  return buildField$1(fieldConfig.name, fieldConfig.label, fieldConfig.readOnly, true);
+};
+const buildCheckBox = (fieldConfig) => {
+  return buildField$1(fieldConfig.name, fieldConfig.label, fieldConfig.readOnly, false);
+};
+function buildField$1(fieldName, fieldLabel, readOnly, switchMode = false) {
+  return (index.h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-align--middle ez-padding-horizontal--small ez-padding-bottom--large" },
+    index.h("ez-check", { enabled: !readOnly, label: fieldLabel, mode: switchMode ? CheckMode.CheckMode.SWITCH : CheckMode.CheckMode.REGULAR, "data-field-name": fieldName, key: fieldName })));
+}
+
+const buildComboBox = ({ name, label, readOnly, required }, properties) => {
+  const prop = properties === null || properties === void 0 ? void 0 : properties.options;
+  let options;
+  if (typeof prop === "string") {
+    const parsed = JSON.parse(prop);
+    options = Object.keys(parsed).map(key => { return { value: key, label: parsed[key] }; });
+  }
+  else {
+    options = prop;
+  }
+  return (index.h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
+    index.h("ez-combo-box", { enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, key: name, options: options })));
+};
+
+const buildSearch = ({ name, label, readOnly, required }) => {
+  return (index.h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
+    index.h("ez-search", { enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, key: name })));
+};
+
+const buildFile = ({ name, label, readOnly }) => {
+  return (index.h("div", { class: "ez-col ez-col--sd-12 ez-padding-horizontal--small" },
+    index.h("ez-upload", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
+};
+
+const buildDate = ({ name, label, readOnly }) => {
+  return (index.h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
+    index.h("ez-date-input", { enabled: !readOnly, label: label, "data-field-name": name, key: name })));
+};
+const buildTime = ({ name, label }) => {
+  return (index.h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
+    index.h("ez-time-input", { label: label, "data-field-name": name, key: name })));
+};
+const buildTimeDate = ({ name, label }) => {
+  return (index.h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
+    index.h("ez-date-time-input", { label: label, "data-field-name": name, key: name })));
+};
+
+const buildDecimal = ({ name, label, readOnly }, properties) => {
+  const precision = Number((properties === null || properties === void 0 ? void 0 : properties.precision) || 2);
+  const prettyPrecision = Number((properties === null || properties === void 0 ? void 0 : properties.prettyPrecision) || precision);
+  return buildNumeric(name, label, readOnly, precision, prettyPrecision);
+};
+const buildInteger = ({ name, label, readOnly }) => {
+  return buildNumeric(name, label, readOnly, 0, 0);
+};
+function buildNumeric(fieldName, fieldLabel, readOnly, precision, prettyPrecision) {
+  return (index.h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-padding-horizontal--small" },
+    index.h("ez-number-input", { enabled: !readOnly, label: fieldLabel, precision: precision, prettyPrecision: prettyPrecision, "data-field-name": fieldName, key: fieldName })));
+}
+
+const uiBuilders = new Map();
+uiBuilders.set(core.UserInterface.LONGTEXT, buildTextArea);
+uiBuilders.set(core.UserInterface.CHECKBOX, buildCheckBox);
+uiBuilders.set(core.UserInterface.SWITCH, buildSwitch);
+uiBuilders.set(core.UserInterface.OPTIONSELECTOR, buildComboBox);
+uiBuilders.set(core.UserInterface.SEARCH, buildSearch);
+uiBuilders.set(core.UserInterface.FILE, buildFile);
+uiBuilders.set(core.UserInterface.DATE, buildDate);
+uiBuilders.set(core.UserInterface.TIME, buildTime);
+uiBuilders.set(core.UserInterface.DATETIME, buildTimeDate);
+uiBuilders.set(core.UserInterface.DECIMALNUMBER, buildDecimal);
+uiBuilders.set(core.UserInterface.INTEGERNUMBER, buildInteger);
+const buildField = (field) => {
+  const descriptor = field.descriptor;
+  const config = Object.assign({}, field.config);
+  let builder;
+  let props;
+  if (descriptor) {
+    if (!config.label) {
+      config.label = descriptor.label;
+    }
+    if (!config.name) {
+      config.name = descriptor.name;
+    }
+    if (config.required === undefined) {
+      config.required = descriptor.required;
+    }
+    if (config.readOnly === undefined) {
+      config.readOnly = descriptor.readOnly;
+    }
+    props = descriptor.properties;
+    builder = uiBuilders.get(descriptor.userInterface);
+  }
+  if (config.required) {
+    config.label = `${config.label} (obrigatório) *`;
+  }
+  if (!builder) {
+    builder = buildTextInput;
+  }
+  return builder(config, props);
+};
+
 const FormItem = ({ source }) => {
   if ("items" in source) {
     const fieldSet = source;
-    return index.h("ez-collapsible-box", { label: source.label, "header-size": "large" }, fieldSet.items.map(fi => FieldBuilder.buildField(fi)));
+    return index.h("ez-collapsible-box", { label: source.label, "header-size": "large" }, fieldSet.items.map(fi => buildField(fi)));
   }
   else {
-    return FieldBuilder.buildField(source);
+    return buildField(source);
   }
 };
 

package/dist/cjs/ez-text-edit.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-8646c40d.js');
 const core = require('@sankhyalabs/core');
 const ApplicationUtils = require('./ApplicationUtils-edc62c5c.js');
 require('./DialogType-aa435c52.js');
-require('./FieldBuilder-cd3e45ed.js');
+require('./CheckMode-ecb90b87.js');
 
 const ezTextEditCss = ":host{display:flex;align-items:center;gap:5px}.text-edit__form-input{width:auto;--ez-text-input__input--padding:0px}.text-edit__hidden-value{visibility:hidden;position:absolute;white-space:nowrap;z-index:-1;top:0;left:0}";
 

package/dist/collection/collection-manifest.json

@@ -1,10 +1,10 @@
 {
   "entries": [
-    "./components/ez-tabselector/ez-tabselector.js",
-    "./components/ez-form/ez-form.js",
-    "./components/ez-combo-box/ez-combo-box.js",
     "./components/ez-actions-button/ez-actions-button.js",
     "./components/ez-card-item/ez-card-item.js",
+    "./components/ez-combo-box/ez-combo-box.js",
+    "./components/ez-tabselector/ez-tabselector.js",
+    "./components/ez-form/ez-form.js",
     "./components/ez-list/ez-list.js",
     "./components/ez-radio-button/ez-radio-button.js",
     "./components/ez-upload/ez-upload.js",

package/dist/collection/components/ez-check/CheckMode.js

@@ -0,0 +1,5 @@
+export var CheckMode;
+(function (CheckMode) {
+  CheckMode["REGULAR"] = "REGULAR";
+  CheckMode["SWITCH"] = "SWITCH";
+})(CheckMode || (CheckMode = {}));

package/dist/collection/components/ez-check/ez-check.css

@@ -115,7 +115,7 @@
 
 /******** REGULAR MODE ********/
 /*---------------------------unchecked------------------------------*/
-input.regularMode {
+input.regular-mode {
   /*private*/
   display: flex;
   flex-wrap: wrap;
@@ -135,12 +135,12 @@ input.regularMode {
 }
 
 
-input.regularMode:enabled:hover {
+input.regular-mode:enabled:hover {
   /*public*/
   background-color: var(--ez-check--hover--background-color);
 }
 
-input.regularMode:enabled:focus {
+input.regular-mode:enabled:focus {
   /*private*/
   outline: none;
 
@@ -148,13 +148,13 @@ input.regularMode:enabled:focus {
   background-color: var(--ez-check--focus--background-color);
 }
 
-input.regularMode:disabled {
+input.regular-mode:disabled {
   /*private*/
   cursor: auto;
   background: none;
 }
 
-input.regularMode::before {
+input.regular-mode::before {
   /*private*/
   box-sizing: border-box;
   content: "";
@@ -167,35 +167,35 @@ input.regularMode::before {
   border: var(--ez-check--border);
 }
 
-input.regularMode:disabled::before {
+input.regular-mode:disabled::before {
   /*public*/
   border: var(--ez-check--disabled--border);
 }
 
 /*-------------------------------checked---------------------------------*/
-input.regularMode:checked:enabled:hover {
+input.regular-mode:checked:enabled:hover {
   /*public*/
   background-color: var(--ez-check--checked--hover--background-color);
 }
 
-input.regularMode:checked:enabled:focus {
+input.regular-mode:checked:enabled:focus {
   /*public*/
   background-color: var(--ez-check--checked--focus--background-color);
 }
 
-input.regularMode:checked::before {
+input.regular-mode:checked::before {
   /*public*/
   border: var(--ez-check--checked--border);
   background-color: var(--ez-check--checked--background-color);
 }
 
-input.regularMode:checked:disabled:before {
+input.regular-mode:checked:disabled:before {
   /*public*/
   border: var(--ez-check--disabled--border);
   background-color: var(--ez-check--checked--disabled--background-color);
 }
 
-input.regularMode:checked::after {
+input.regular-mode:checked::after {
   /*private*/
   display: flex;
   position: absolute;
@@ -209,14 +209,14 @@ input.regularMode:checked::after {
   mask-image: var(--ez-check--check--image);
 }
 
-input.regularMode:checked:disabled::after {
+input.regular-mode:checked:disabled::after {
   /*public*/
   background-color: var(--ez-check--check--disabled--background-color);
 }
 
 /******** SWITCH MODE ********/
 /*-------------------------------OFF---------------------------------*/
-input.switchMode {
+input.switch-mode {
   /*private*/
   flex-shrink: 0;
   -webkit-appearance: none;
@@ -234,18 +234,18 @@ input.switchMode {
   background-color: var(--ez-switch--background-color);
 }
 
-input.switchMode:disabled {
+input.switch-mode:disabled {
   /*public*/
   background-color: var(--ez-switch--disabled--background-color);
   border: var(--border--small, 1px solid) var(--ez-switch--pin--disabled--border-color, #a2abb9);
 }
 
-input.switchMode:checked:disabled {
+input.switch-mode:checked:disabled {
   /*public*/
   background-color: var(--ez-switch--disabled--checked--background-color);
 }
 
-input.switchMode::after {
+input.switch-mode::after {
   /*private*/
   content: "";
   display: block;
@@ -264,14 +264,14 @@ input.switchMode::after {
   background-color: var(--ez-switch--pin--background-color);
 }
 
-input.switchMode:disabled::after {
+input.switch-mode:disabled::after {
   /*public*/
   background-color: var(--ez-switch--pin--disabled--background-color);
   border: var(--border--small, 1px solid) var(--ez-switch--pin--disabled--border-color, #a2abb9);
 }
 
 /*-------------------------------ON---------------------------------*/
-input.switchMode:checked {
+input.switch-mode:checked {
   /*private*/
   transition: background-color var(--transition), border var(--transition);
 
@@ -280,7 +280,7 @@ input.switchMode:checked {
   border: var(--border--small, 1px solid) var(--color--primary, #008561);
 }
 
-input.switchMode::before {
+input.switch-mode::before {
   /*private*/
   display: block;
   content: "";
@@ -297,19 +297,19 @@ input.switchMode::before {
   background-color: var(--ez-switch--pin--focus--background-color);
 }
 
-input.switchMode:focus::before {
+input.switch-mode:focus::before {
   /*private*/
   opacity: 0.24;
   transition: opacity var(--transition);
 }
 
-input.switchMode:checked:focus::before {
+input.switch-mode:checked:focus::before {
   /*private*/
   background-color: var(--ez-switch--pin--checked--focus--background-color);
   transform: translateX(calc(var(--ez-switch--slider--width) - var(--ez-switch--pin--width) + 2px));
 }
 
-input.switchMode:checked::after {
+input.switch-mode:checked::after {
   /*private*/
   transition: transform var(--transition);
   transition: background-color var(--transition);
@@ -322,7 +322,7 @@ input.switchMode:checked::after {
   border: var(--border--small, 1px solid) var(--color--primary, #008561);
 }
 
-input.switchMode:checked:disabled::after {
+input.switch-mode:checked:disabled::after {
   /*public*/
   background-color: var(--ez-switch--pin--checked--disabled--background-color);
 }

package/dist/collection/components/ez-check/ez-check.js

@@ -1,4 +1,5 @@
 import { Component, Prop, h, Watch, Method, Event, Host } from '@stencil/core';
+import { CheckMode } from './CheckMode';
 export class EzCheck {
   constructor() {
     /**
@@ -11,16 +12,17 @@ export class EzCheck {
      * No modo "regular" a visualização é a tradicional de uma caixinha marcada/desmarcada.
      * No modo "switch" o campo tem uma interface em formato de um pino liga/desliga.
      */
-    this.mode = "regular";
+    this.mode = CheckMode.REGULAR;
   }
   observeMode() {
-    if (this.mode === "switch") {
-      this._inputElem.classList.remove("regularMode");
-      this._inputElem.classList.add("switchMode");
+    var _a;
+    if (((_a = this.mode) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === CheckMode.SWITCH) {
+      this._inputElem.classList.remove("regular-mode");
+      this._inputElem.classList.add("switch-mode");
     }
     else {
-      this._inputElem.classList.remove("switchMode");
-      this._inputElem.classList.add("regularMode");
+      this._inputElem.classList.remove("switch-mode");
+      this._inputElem.classList.add("regular-mode");
     }
   }
   //---------------------------------------------
@@ -57,7 +59,7 @@ export class EzCheck {
   }
   render() {
     return (h(Host, null,
-      h("input", { type: "checkbox", class: "regularMode", checked: this.value === true, onChange: () => { this.changeValue(); }, disabled: !this.enabled, ref: (el) => this._inputElem = el }),
+      h("input", { type: "checkbox", class: "regular-mode", checked: this.value === true, onChange: () => { this.changeValue(); }, disabled: !this.enabled, ref: (el) => this._inputElem = el }),
       this.label ? h("label", { class: this.getLabelClasses(), onClick: () => { this.changeValue(); }, title: this.label }, this.label) : undefined));
   }
   static get is() { return "ez-check"; }
@@ -137,7 +139,7 @@ export class EzCheck {
       },
       "attribute": "mode",
       "reflect": true,
-      "defaultValue": "\"regular\""
+      "defaultValue": "CheckMode.REGULAR"
     }
   }; }
   static get events() { return [{

package/dist/collection/components/ez-combo-box/ez-combo-box.js

@@ -93,7 +93,14 @@ export class EzComboBox {
     if (currentValue) {
       text = this.showSelectedValue ? `${currentValue.value} - ${currentValue.label}` : currentValue.label;
     }
-    return text;
+    if (text == undefined) {
+      return;
+    }
+    return String(text)
+      .replace(/&/g, '&')
+      .replace(/&lt;/g, '<')
+      .replace(/&gt;/g, '>')
+      .replace(/&quot;/g, '"');
   }
   getSelectedOption(value) {
     if (typeof value === "string" || value instanceof String) {

package/dist/collection/components/ez-form/fieldbuilder/tpl/CheckBox.tpl.js

@@ -1,4 +1,5 @@
 import { h } from "@stencil/core";
+import { CheckMode } from "../../../ez-check/CheckMode";
 export const buildSwitch = (fieldConfig) => {
   return buildField(fieldConfig.name, fieldConfig.label, fieldConfig.readOnly, true);
 };
@@ -7,5 +8,5 @@ export const buildCheckBox = (fieldConfig) => {
 };
 function buildField(fieldName, fieldLabel, readOnly, switchMode = false) {
   return (h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-3 ez-align--middle ez-padding-horizontal--small ez-padding-bottom--large" },
-    h("ez-check", { enabled: !readOnly, label: fieldLabel, mode: switchMode ? "switch" : "regular", "data-field-name": fieldName, key: fieldName })));
+    h("ez-check", { enabled: !readOnly, label: fieldLabel, mode: switchMode ? CheckMode.SWITCH : CheckMode.REGULAR, "data-field-name": fieldName, key: fieldName })));
 }

package/dist/collection/utils/index.js

@@ -1,4 +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';
+export { CheckMode } from '../components/ez-check/CheckMode';