@sankhyalabs/ezui 2.11.0 → 2.13.0

package/dist/ezui/{p-a7380524.entry.js → p-fc97f773.entry.js}

@@ -1 +1 @@
-import{r as e,c as r,h as o,H as c,g as a}from"./p-6ccf5720.js";import{ElementIDUtils as i}from"@sankhyalabs/core";import{C as t}from"./p-b853763b.js";let d=class{constructor(o){e(this,o),this.ezChange=r(this,"ezChange",7),this.enabled=!0,this.mode=t.REGULAR}observeValue(e,r){this._inputElem&&e!=r&&(this._inputElem.checked=e)}async getMode(){return t[this.mode]}async setFocus(){this._inputElem.focus()}componentDidLoad(){this._element&&i.addIDInfo(this._element,"input")}changeValue(){this.enabled&&(this.value=!this.value,this.ezChange.emit(this.value))}getLabelClasses(){let e="label";return this.enabled||(e+=" label--disabled"),e}getInputClasses(){var e;return(null===(e=this.mode)||void 0===e?void 0:e.toUpperCase())===t.SWITCH?"switch-mode":"regular-mode"}render(){return o(c,null,o("input",{type:"checkbox",ref:e=>this._inputElem=e,class:this.getInputClasses(),checked:!0===this.value,onChange:()=>{this.changeValue()},indeterminate:this.indeterminate,disabled:!this.enabled,"data-element-id":i.getInternalIDInfo("input")}),this.label?o("label",{class:this.getLabelClasses(),onClick:()=>{this.changeValue()},title:this.label},this.label):void 0)}get _element(){return a(this)}static get watchers(){return{value:["observeValue"]}}};d.style=':host{--ez-check--box--width:20px;--ez-check--box--height:20px;--ez-check--width:calc(var(--ez-check--box--width) + var(--ez-check--outter-gap, 14px));--ez-check--height:calc(var(--ez-check--box--width) + var(--ez-check--outter-gap, 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--indeterminate--image:url(\'data:image/svg+xml;utf8,<svg width="10" height="2" viewBox="0 0 10 2" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="m 1,0 h 8 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 H 1 C 0.446,2 0,1.554 0,1 0,0.446 0.446,0 1,0 Z" /></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,input.regular-mode:indeterminate:enabled:hover{background-color:var(--ez-check--checked--hover--background-color)}input.regular-mode:checked:enabled:focus,input.regular-mode:indeterminate:enabled:focus{background-color:var(--ez-check--checked--focus--background-color)}input.regular-mode:checked::before,input.regular-mode:indeterminate::before{border:var(--ez-check--checked--border);background-color:var(--ez-check--checked--background-color)}input.regular-mode:disabled:before{border:var(--ez-check--disabled--border);background-color:var(--ez-check--checked--disabled--background-color)}input.regular-mode:checked::after,input.regular-mode:indeterminate: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:indeterminate:after{display:flex;position:absolute;content:"";background-color:var(--ez-check--check--background-color);width:10px;height:2px;-webkit-mask-image:var(--ez-check--indeterminate--image);mask-image:var(--ez-check--indeterminate--image)}input.regular-mode:checked:disabled::after,input.regular-mode:indeterminate: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);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)}';export{d as ez_check}
+import{r as e,c as r,h as o,H as c,g as a}from"./p-7b80df03.js";import{ElementIDUtils as i}from"@sankhyalabs/core";import{C as t}from"./p-b853763b.js";let d=class{constructor(o){e(this,o),this.ezChange=r(this,"ezChange",7),this.enabled=!0,this.mode=t.REGULAR}observeValue(e,r){this._inputElem&&e!=r&&(this._inputElem.checked=e)}async getMode(){return t[this.mode]}async setFocus(){this._inputElem.focus()}componentDidLoad(){this._element&&i.addIDInfo(this._element,"input")}changeValue(){this.enabled&&(this.value=!this.value,this.ezChange.emit(this.value))}getLabelClasses(){let e="label";return this.enabled||(e+=" label--disabled"),e}getInputClasses(){var e;return(null===(e=this.mode)||void 0===e?void 0:e.toUpperCase())===t.SWITCH?"switch-mode":"regular-mode"}render(){return o(c,null,o("input",{type:"checkbox",ref:e=>this._inputElem=e,class:this.getInputClasses(),checked:!0===this.value,onChange:()=>{this.changeValue()},indeterminate:this.indeterminate,disabled:!this.enabled,"data-element-id":i.getInternalIDInfo("input")}),this.label?o("label",{class:this.getLabelClasses(),onClick:()=>{this.changeValue()},title:this.label},this.label):void 0)}get _element(){return a(this)}static get watchers(){return{value:["observeValue"]}}};d.style=':host{--ez-check--box--width:20px;--ez-check--box--height:20px;--ez-check--width:calc(var(--ez-check--box--width) + var(--ez-check--outter-gap, 14px));--ez-check--height:calc(var(--ez-check--box--width) + var(--ez-check--outter-gap, 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--indeterminate--image:url(\'data:image/svg+xml;utf8,<svg width="10" height="2" viewBox="0 0 10 2" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="m 1,0 h 8 c 0.554,0 1,0.446 1,1 0,0.554 -0.446,1 -1,1 H 1 C 0.446,2 0,1.554 0,1 0,0.446 0.446,0 1,0 Z" /></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,input.regular-mode:indeterminate:enabled:hover{background-color:var(--ez-check--checked--hover--background-color)}input.regular-mode:checked:enabled:focus,input.regular-mode:indeterminate:enabled:focus{background-color:var(--ez-check--checked--focus--background-color)}input.regular-mode:checked::before,input.regular-mode:indeterminate::before{border:var(--ez-check--checked--border);background-color:var(--ez-check--checked--background-color)}input.regular-mode:disabled:before{border:var(--ez-check--disabled--border);background-color:var(--ez-check--checked--disabled--background-color)}input.regular-mode:checked::after,input.regular-mode:indeterminate: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:indeterminate:after{display:flex;position:absolute;content:"";background-color:var(--ez-check--check--background-color);width:10px;height:2px;-webkit-mask-image:var(--ez-check--indeterminate--image);mask-image:var(--ez-check--indeterminate--image)}input.regular-mode:checked:disabled::after,input.regular-mode:indeterminate: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);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)}';export{d as ez_check}

package/dist/types/components/ez-form/DataBinder.d.ts

@@ -1,5 +1,5 @@
 import { DataUnit } from "@sankhyalabs/core";
-import { IInvalidField } from "./ez-form";
+import { IInvalidField } from "../../interfaces/ez-form";
 export default class DataBinder {
   private _dataUnit;
   private _fields;

package/dist/types/components/ez-form/ez-form.d.ts

@@ -1,6 +1,8 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { DataUnit, Record, DUActionInterceptor, DataUnitAction } from "@sankhyalabs/core";
+import { DataUnit, DUActionInterceptor, DataUnitAction } from "@sankhyalabs/core";
 import { Tab } from "../ez-tabselector/ez-tabselector";
+import { ITreeItem } from "../ez-tree/interfaces/ITreeItem";
+import { IFieldMetadata, IFieldSetMetadata, IFormConfig, IRecordValidator } from "../../interfaces/ez-form";
 export declare class EzForm implements DUActionInterceptor {
   private _element;
   private _store;
@@ -20,9 +22,21 @@ export declare class EzForm implements DUActionInterceptor {
    */
   recordsValidator: IRecordValidator;
   /**
-  * Evento disparado quando o formulário está disponível na DOM.
-  */
+   * Evento disparado quando o formulário está disponível na DOM.
+   */
   ezReady: EventEmitter<void>;
+  /**
+   * Habilita o modo de organização com vários níveis.
+   */
+  multiLevel: boolean;
+  /**
+  * Define um resolvedor de nível no modo `multiLevel`.
+  */
+  levelResolver: (items: Array<ITreeItem>) => Array<ITreeItem>;
+  /**
+   * Define um construtor. Isso permite personalizar o conteúdo do formulário
+   */
+  contentBuilder: (selectedTab: string, fields: Array<IFieldMetadata | IFieldSetMetadata>, fieldBuilder: (field: IFieldMetadata) => HTMLElement) => HTMLElement | string;
   /**
    * Realiza validação no conteúdo de todos os campos.
    */
@@ -30,7 +44,10 @@ export declare class EzForm implements DUActionInterceptor {
   observeConfig(): void;
   private validateRequired;
   private processValidationResult;
+  private resolveLevel;
+  private getMultiLevelContent;
   private getDynamicContent;
+  private buildFormContent;
   private processMetadata;
   private isStatic;
   private getFormattedValue;
@@ -42,43 +59,3 @@ export declare class EzForm implements DUActionInterceptor {
   buildIdTabSelector(tabs: Array<Tab>): Array<Tab>;
   render(): any;
 }
-export interface IFieldConfig {
-  name: string;
-  label?: string;
-  group?: string;
-  tab?: string | ITabConfig;
-  defaultValue?: IDefaultConfig;
-  visible?: boolean;
-  readOnly?: boolean;
-  required?: boolean;
-  cleanOnCopy?: boolean;
-}
-export interface IDefaultConfig {
-  type?: string;
-  value?: string;
-  formattedValue?: any;
-}
-export interface ITabConfig {
-  label: string;
-  visible?: boolean;
-  order?: number;
-}
-export interface IFormConfig {
-  tabs?: Array<ITabConfig>;
-  fields: Array<IFieldConfig>;
-  defaultConfiguration?: boolean;
-}
-export interface IRecordValidator {
-  validateRecord(form: EzForm, record: Record): IValidationResult;
-}
-export interface IValidationResult {
-  isValid: boolean;
-  invalidFields?: Array<IInvalidField>;
-  errorTitle?: string;
-  errorMessage?: string;
-  infoMessage?: string;
-}
-export interface IInvalidField {
-  name: string;
-  message: string;
-}

package/dist/types/components/ez-form/fieldbuilder/FieldBuilder.d.ts

@@ -1,2 +1,2 @@
-import { FieldMetadata } from "../structure/FormSheetMetadata";
-export declare const buildField: (field: FieldMetadata) => HTMLElement;
+import { IFieldMetadata } from "../../../interfaces/ez-form";
+export declare const buildField: (field: IFieldMetadata) => HTMLElement;

package/dist/types/components/ez-form/fieldbuilder/tpl/CheckBox.tpl.d.ts

@@ -1,3 +1,3 @@
-import { IFieldConfig } from "../../ez-form";
+import { IFieldConfig } from "../../../../interfaces/ez-form";
 export declare const buildSwitch: (fieldConfig: IFieldConfig) => HTMLElement;
 export declare const buildCheckBox: (fieldConfig: IFieldConfig) => HTMLElement;

package/dist/types/components/ez-form/fieldbuilder/tpl/NumberInput.tpl.d.ts

@@ -1,4 +1,4 @@
-import { IFieldConfig } from "../../ez-form";
+import { IFieldConfig } from "../../../../interfaces/ez-form";
 export declare const buildDecimal: ({ name, label, readOnly }: IFieldConfig, properties: any) => HTMLElement;
 export declare const buildInteger: ({ name, label, readOnly }: {
   name: any;

package/dist/types/components/ez-form/store/form.slice.d.ts

@@ -1,14 +1,16 @@
-import { FormMetadata, FormSheetMetadata } from "../structure/FormSheetMetadata";
+import { FormMetadata } from "../structure/FormMetadata";
 import { AnyAction } from "redux";
 import { Tab } from "../../ez-tabselector/ez-tabselector";
+import { IFormSheetMetadata } from "../../../interfaces/ez-form";
 export declare function formReducer(state: FormState, action: AnyAction): any;
 export declare function loadMetadata(formMetadata: FormMetadata): AnyAction;
-export declare function changeTab(currentSheet: Tab): {
+export declare function changeTab(currentSheet: Tab | string): {
   type: FormActions;
   payload: string;
 };
 export declare function selectFormMetadata(state: FormState): FormMetadata;
-export declare function selectCurrentSheet(state: FormState): FormSheetMetadata;
+export declare function selectCurrentSheetId(state: FormState): string;
+export declare function selectCurrentSheet(state: FormState): IFormSheetMetadata;
 declare enum FormActions {
   METADATA_LOADED = "FORM/METADATA_LOADED",
   CHANGE_TAB = "FORM/CHANGE_TAB"

package/dist/types/components/ez-form/structure/FormItem.d.ts

@@ -1,8 +1,8 @@
 import { FunctionalComponent } from "../../../stencil-public-runtime";
 import { Store } from "redux";
-import { FieldMetadata, FieldSetMetadata } from "./FormSheetMetadata";
+import { IFieldMetadata, IFieldSetMetadata } from "../../../interfaces/ez-form";
 interface FormItemProps {
-  source: FieldMetadata | FieldSetMetadata;
+  source: IFieldMetadata | IFieldSetMetadata;
   store: Store;
 }
 export declare const FormItem: FunctionalComponent<FormItemProps>;

package/dist/types/components/ez-form/structure/{FormSheetMetadata.d.ts → FormMetadata.d.ts}

@@ -1,34 +1,18 @@
-import { IFieldConfig, IFormConfig } from "../ez-form";
 import { DataUnit, FieldDescriptor } from "@sankhyalabs/core";
+import { IFieldConfig, IFormConfig, IFormSheetMetadata } from "../../../interfaces/ez-form";
 export declare class FormMetadata {
   private _sheets;
   private _requiredFields;
   private _cleanOnCopyFields;
   private _defaultValues;
   constructor();
-  getSheet(name: string): FormSheetMetadata;
-  getAllSheets(): Map<string, FormSheetMetadata>;
-  addSheet(sheet: FormSheetMetadata): void;
+  getSheet(name: string): IFormSheetMetadata;
+  getAllSheets(): Map<string, IFormSheetMetadata>;
+  addSheet(sheet: IFormSheetMetadata): void;
   getRequiredFields(): Array<string>;
   getCleanOnCopyFields(): Array<string>;
   getDefaultValues(): any;
 }
-export interface FormSheetMetadata {
-  name: string;
-  label: string;
-  items: Array<FieldMetadata | FieldSetMetadata>;
-  requiredFields: Array<string>;
-  cleanOnCopyFields: Array<string>;
-  defaultValues: any;
-}
-export interface FieldMetadata {
-  descriptor?: FieldDescriptor;
-  config?: IFieldConfig;
-}
-export interface FieldSetMetadata {
-  label?: string;
-  items?: Array<FieldMetadata>;
-}
 export declare const isRequiredField: (descriptor: FieldDescriptor, config?: IFieldConfig) => boolean;
 export declare const isReadOnlyField: (descriptor: FieldDescriptor, config?: IFieldConfig) => boolean;
 export declare const buildFromDataUnit: (dataUnit: DataUnit) => FormMetadata;

package/dist/types/components/ez-form/structure/FormSheet.d.ts

@@ -1,8 +1,8 @@
 import { FunctionalComponent } from "../../../stencil-public-runtime";
 import { Store } from "redux";
-import { FormSheetMetadata } from "./FormSheetMetadata";
+import { IFormSheetMetadata } from "../../../interfaces/ez-form";
 interface FormSheetProps {
-  source: FormSheetMetadata;
+  source: IFormSheetMetadata;
   store: Store;
   dataElementId: string;
 }

package/dist/types/components/ez-guide-navigator/Guide.d.ts

@@ -0,0 +1,69 @@
+import { IGuideItem } from './ez-guide-navigator';
+export declare const HIERARCHY_SEPARATOR = ">>";
+export declare class Guide {
+  private originalList;
+  private guideMap;
+  private hierarchiesAlreadyLoaded;
+  constructor(list?: Array<IGuideItem>);
+  /**
+    * Converte uma lista de objetos IGuideItem em um objeto IGuideMap com sua hierarquia.
+    * @param list Uma lista de objetos IGuideItem representando a lista de itens.
+    * @param hierarquiaList Uma lista opcional de strings que representa a hierarquia dos itens pai.
+    * @param indexReferences Uma lista opcional de números que representa as referências de índice da lista original.
+    * @returns Uma Promise que resolve para um objeto IGuideMap com os itens e sua hierarquia.
+  */
+  private convertArrayToMap;
+  /**
+    * Converte um objeto IGuideMap em uma lista de objetos IGuideItem com sua hierarquia.
+    * @param map Um objeto IGuideMap opcional que representa o mapa de itens com sua hierarquia.
+    * @returns Uma Promise que resolve para uma lista de objetos IGuideItem com sua hierarquia.
+  */
+  private convertMapToArray;
+  /**
+    * Obtém a lista selecionada de itens com base na lista original e na lista de índice selecionada.
+    * @param originalList Uma lista de objetos IGuideItem representando a lista original de itens.
+    * @param selectedIndexList Uma matriz representando a lista de índices selecionada.
+    * @returns Uma lista de objetos IGuideItem representando a lista selecionada de itens.
+  */
+  private getSelectedList;
+  /**
+    * Define a lista de itens para o Map guideMap.
+    * @param list Uma lista de objetos IGuideItem representando a lista de itens.
+    * @returns Uma Promise que resolve quando a lista é convertida para o Map.
+  */
+  setList(list: Array<IGuideItem>): Promise<void>;
+  /**
+    * Obtém a lista de itens com sua hierarquia.
+    * @returns Uma Promise que resolve para uma lista de objetos IGuideItem com sua hierarquia.
+  */
+  getList(): Promise<IGuideItem[]>;
+  /**
+    * Adiciona filhos a um item pai no guia.
+    * @param parent Um objeto IGuideItem que representa o item pai.
+    * @param children Uma lista de objetos IGuideItem representando os itens filhos.
+    * @returns Uma Promise que resolve para uma lista de objetos IGuideItem com sua hierarquia.
+  */
+  addChildren(parent: IGuideItem, children: Array<IGuideItem>): Promise<Array<IGuideItem>>;
+  /**
+      * Obtém os itens a partir de um campo corresponde à string de consulta.
+      * @param query Uma string que representa a consulta para corresponder ao rótulo.
+      * @param fieldName Uma string opcional que representa o nome do campo para corresponder à consulta.
+      * @returns Uma Promise que resolve para um objeto com o primeiro item encontrado e uma matriz de itens correspondentes com sua hierarquia.
+     */
+  getItemsByLabel(query: string, fieldName?: string, selectedItem?: IGuideItem): Promise<{
+    first?: IGuideItem;
+    list: IGuideItem[];
+  }>;
+  /**
+    * Habilita todos os objetos IGuideItem.
+    * @returns Uma Promise que resolve com o array atualizado de objetos IGuideItem.
+  */
+  enableAllItems(): Promise<Array<IGuideItem>>;
+  /**
+    * Ativa somente objetos IGuideItem com base em uma matriz de IDs.
+    * @param ids Um array de IDs para habilitar.
+    * @param customTooltip Uma string para definir o tooltip de itens desabilitados.
+    * @returns Uma Promise que resolve com o array atualizado de objetos IGuideItem.
+  */
+  enableItemsById(ids?: Array<string>, customTooltip?: string): Promise<Array<IGuideItem>>;
+}

package/dist/types/components/ez-tree/ez-tree.d.ts

@@ -5,6 +5,7 @@ export declare class EzTree {
   private _tree;
   private _visibleItems;
   private _onItemClick;
+  private _onIconClick;
   private _waintingForLoad;
   /**
    * Define os itens apresentados na árvore.
@@ -14,10 +15,18 @@ export declare class EzTree {
    * Define o item selecionado na árvore.
    */
   value: ITreeItem;
+  /**
+   * Forma alternativa para atribuir o item selecionado por seu ID.
+   */
+  selectedId: string;
   /**
    * Define uma função que vai resolver o ícone daquele item. Retorna o nome do ícone da lib de icones do DS.
    */
   iconResolver: (item: ITreeItem, expanded: boolean, level: number) => string;
+  /**
+   * Define uma função que vai resolver o `tooltip` ou `title` daquele item.
+   */
+  tooltipResolver: (item: ITreeItem, enabled: boolean, level: number) => string;
   /**
    * Emitido quando um item é selecionado na árvore.
    */
@@ -60,7 +69,11 @@ export declare class EzTree {
   private openClose;
   private previousLevel;
   private nextLevel;
+  private indexOf;
+  private selectNextItem;
   private nextItem;
   private previousItem;
+  connectedCallback(): void;
+  componentWillRender(): void;
   render(): any;
 }

package/dist/types/components/ez-tree/interfaces/ITreeItem.d.ts

@@ -5,6 +5,7 @@ export interface ITreeItem {
   childrenCount?: number;
   iconExpanded?: string;
   iconContracted?: string;
+  tooltip?: string;
   expanded?: boolean;
   disabled?: boolean;
 }

package/dist/types/components/ez-tree/subcomponents/DefaultTooltipResolver.d.ts

@@ -0,0 +1,2 @@
+import { ITreeItem } from "../interfaces/ITreeItem";
+export declare const defaultTooltipResolver: (item: ITreeItem, _enabled: boolean, _level: number) => string;

package/dist/types/components/ez-tree/subcomponents/TreeItem.d.ts

@@ -5,7 +5,9 @@ interface TreeItemProps {
   node: Node;
   selectedId: string;
   itemClick: (item: ITreeItem) => void;
+  iconClick: (item: ITreeItem) => void;
   iconResolver: (item: ITreeItem, expanded: boolean, level: number) => string;
+  tooltipResolver: (item: ITreeItem, enabled: boolean, level: number) => string;
   level?: number;
   itemsList: Array<ITreeItem>;
 }

package/dist/types/components/ez-tree/subcomponents/index.d.ts

@@ -1 +1,2 @@
 export { defaultIconResolver } from "./DefaultIconResolver";
+export { defaultTooltipResolver } from "./DefaultTooltipResolver";

package/dist/types/components/ez-tree/types/Node.d.ts

@@ -9,6 +9,7 @@ export declare class Node {
   private _childrenLoaded;
   private _isLazyLoad;
   constructor(tree: ITree, item?: ITreeItem, parent?: Node, isPlaceHolder?: boolean);
+  refresh(newItem: ITreeItem): void;
   isDisabled(): boolean;
   updateChildren(children: Array<ITreeItem>): void;
   addChild(tree: ITree, item: ITreeItem): void;

package/dist/types/components.d.ts

@@ -13,15 +13,16 @@ import { IOption, ISearchArgument } from "./components/ez-combo-box/ez-combo-box
 import { DataUnit, Record, WaitingChange } from "@sankhyalabs/core";
 import { DialogType } from "./components/ez-dialog/DialogType";
 import { IDropdownItem, IDropdownSubAction } from "./components/ez-dropdown/structure/DropdownItem";
-import { IFormConfig, IRecordValidator, IValidationResult } from "./components/ez-form/ez-form";
+import { IFieldMetadata, IFieldSetMetadata, IFormConfig, IRecordValidator, IValidationResult } from "./interfaces/ez-form";
+import { ITreeItem } from "./components/ez-tree/interfaces/ITreeItem";
 import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, IStatusResolver } from "./components/ez-grid/controller/EzGridController";
+import { IGuideBinder } from "./components/ez-guide-navigator/ez-guide-navigator";
 import { ListGroup, ListItem } from "./components/ez-list/ez-list";
 import { Radio } from "./components/ez-radio-button/ez-radio-button";
 import { EzScrollDirection } from "./components/ez-scroller/EzScrollDirection";
 import { IOption as IOption1, ISearchArgument as ISearchArgument1 } from "./components/ez-combo-box/ez-combo-box";
 import { Tab } from "./components/ez-tabselector/ez-tabselector";
 import { IStyled } from "./components/ez-text-edit/ez-text-edit";
-import { ITreeItem } from "./components/ez-tree/interfaces/ITreeItem";
 import { EzFile } from "./components/ez-upload/ez-upload";
 export namespace Components {
     interface EzActionsButton {
@@ -507,10 +508,22 @@ export namespace Components {
           * Configuração do formulário.
          */
         "config": IFormConfig;
+        /**
+          * Define um construtor. Isso permite personalizar o conteúdo do formulário
+         */
+        "contentBuilder": (selectedTab: string, fields: Array<IFieldMetadata | IFieldSetMetadata>, fieldBuilder: (field: IFieldMetadata) => HTMLElement) => HTMLElement | string;
         /**
           * Unidade de dados. Responsável pelo controle de edição de registros e  informações pertinentes aos campos.
          */
         "dataUnit": DataUnit;
+        /**
+          * Define um resolvedor de nível no modo `multiLevel`.
+         */
+        "levelResolver": (items: Array<ITreeItem>) => Array<ITreeItem>;
+        /**
+          * Habilita o modo de organização com vários níveis.
+         */
+        "multiLevel": boolean;
         /**
           * Define um validador responsável pela integridade dos registros.
          */
@@ -574,6 +587,24 @@ export namespace Components {
          */
         "statusResolver": IStatusResolver;
     }
+    interface EzGuideNavigator {
+        /**
+          * Provedor de dados para o guide navigator.
+         */
+        "binder": IGuideBinder;
+        /**
+          * Habilita todos os itens do menu de navegação.
+         */
+        "enableAll": () => Promise<void>;
+        /**
+          * Habilita itens específicos a partir de uma lista de ID's.
+         */
+        "enableOnly": (id: Array<string>, customTooltip: string) => Promise<void>;
+        /**
+          * Define se o menu de navegação está aberto.
+         */
+        "open": boolean;
+    }
     interface EzIcon {
         /**
           * Define o endereço da imagem quando não contempladas na biblioteca de ícones.
@@ -1103,6 +1134,14 @@ export namespace Components {
           * Efetua a seleção de um item.
          */
         "selectItem": (id: string) => Promise<void>;
+        /**
+          * Forma alternativa para atribuir o item selecionado por seu ID.
+         */
+        "selectedId": string;
+        /**
+          * Define uma função que vai resolver o `tooltip` ou `title` daquele item.
+         */
+        "tooltipResolver": (item: ITreeItem, enabled: boolean, level: number) => string;
         /**
           * Define o item selecionado na árvore.
          */
@@ -1280,6 +1319,12 @@ declare global {
         prototype: HTMLEzGridElement;
         new (): HTMLEzGridElement;
     };
+    interface HTMLEzGuideNavigatorElement extends Components.EzGuideNavigator, HTMLStencilElement {
+    }
+    var HTMLEzGuideNavigatorElement: {
+        prototype: HTMLEzGuideNavigatorElement;
+        new (): HTMLEzGuideNavigatorElement;
+    };
     interface HTMLEzIconElement extends Components.EzIcon, HTMLStencilElement {
     }
     var HTMLEzIconElement: {
@@ -1426,6 +1471,7 @@ declare global {
         "ez-filter-input": HTMLEzFilterInputElement;
         "ez-form": HTMLEzFormElement;
         "ez-grid": HTMLEzGridElement;
+        "ez-guide-navigator": HTMLEzGuideNavigatorElement;
         "ez-icon": HTMLEzIconElement;
         "ez-list": HTMLEzListElement;
         "ez-loading-bar": HTMLEzLoadingBarElement;
@@ -1933,10 +1979,22 @@ declare namespace LocalJSX {
           * Configuração do formulário.
          */
         "config"?: IFormConfig;
+        /**
+          * Define um construtor. Isso permite personalizar o conteúdo do formulário
+         */
+        "contentBuilder"?: (selectedTab: string, fields: Array<IFieldMetadata | IFieldSetMetadata>, fieldBuilder: (field: IFieldMetadata) => HTMLElement) => HTMLElement | string;
         /**
           * Unidade de dados. Responsável pelo controle de edição de registros e  informações pertinentes aos campos.
          */
         "dataUnit"?: DataUnit;
+        /**
+          * Define um resolvedor de nível no modo `multiLevel`.
+         */
+        "levelResolver"?: (items: Array<ITreeItem>) => Array<ITreeItem>;
+        /**
+          * Habilita o modo de organização com vários níveis.
+         */
+        "multiLevel"?: boolean;
         /**
           * Evento disparado quando o formulário está disponível na DOM.
          */
@@ -1984,6 +2042,16 @@ declare namespace LocalJSX {
          */
         "statusResolver"?: IStatusResolver;
     }
+    interface EzGuideNavigator {
+        /**
+          * Provedor de dados para o guide navigator.
+         */
+        "binder"?: IGuideBinder;
+        /**
+          * Define se o menu de navegação está aberto.
+         */
+        "open"?: boolean;
+    }
     interface EzIcon {
         /**
           * Define o endereço da imagem quando não contempladas na biblioteca de ícones.
@@ -2473,6 +2541,14 @@ declare namespace LocalJSX {
           * Emitido quando um item é aberto na árvore.
          */
         "onEzOpenItem"?: (event: CustomEvent<ITreeItem>) => void;
+        /**
+          * Forma alternativa para atribuir o item selecionado por seu ID.
+         */
+        "selectedId"?: string;
+        /**
+          * Define uma função que vai resolver o `tooltip` ou `title` daquele item.
+         */
+        "tooltipResolver"?: (item: ITreeItem, enabled: boolean, level: number) => string;
         /**
           * Define o item selecionado na árvore.
          */
@@ -2546,6 +2622,7 @@ declare namespace LocalJSX {
         "ez-filter-input": EzFilterInput;
         "ez-form": EzForm;
         "ez-grid": EzGrid;
+        "ez-guide-navigator": EzGuideNavigator;
         "ez-icon": EzIcon;
         "ez-list": EzList;
         "ez-loading-bar": EzLoadingBar;
@@ -2592,6 +2669,7 @@ declare module "@stencil/core" {
             "ez-filter-input": LocalJSX.EzFilterInput & JSXBase.HTMLAttributes<HTMLEzFilterInputElement>;
             "ez-form": LocalJSX.EzForm & JSXBase.HTMLAttributes<HTMLEzFormElement>;
             "ez-grid": LocalJSX.EzGrid & JSXBase.HTMLAttributes<HTMLEzGridElement>;
+            "ez-guide-navigator": LocalJSX.EzGuideNavigator & JSXBase.HTMLAttributes<HTMLEzGuideNavigatorElement>;
             "ez-icon": LocalJSX.EzIcon & JSXBase.HTMLAttributes<HTMLEzIconElement>;
             "ez-list": LocalJSX.EzList & JSXBase.HTMLAttributes<HTMLEzListElement>;
             "ez-loading-bar": LocalJSX.EzLoadingBar & JSXBase.HTMLAttributes<HTMLEzLoadingBarElement>;

package/dist/types/interfaces/ez-form/IDefaultConfig.d.ts

@@ -0,0 +1,5 @@
+export interface IDefaultConfig {
+  type?: string;
+  value?: string;
+  formattedValue?: any;
+}

package/dist/types/interfaces/ez-form/IFieldConfig.d.ts

@@ -0,0 +1,13 @@
+import { IDefaultConfig } from "./IDefaultConfig";
+import { ITabConfig } from "./ITabConfig";
+export interface IFieldConfig {
+  name: string;
+  label?: string;
+  group?: string;
+  tab?: string | ITabConfig;
+  defaultValue?: IDefaultConfig;
+  visible?: boolean;
+  readOnly?: boolean;
+  required?: boolean;
+  cleanOnCopy?: boolean;
+}

package/dist/types/interfaces/ez-form/IFieldMetadata.d.ts

@@ -0,0 +1,6 @@
+import { FieldDescriptor } from "@sankhyalabs/core";
+import { IFieldConfig } from "./IFieldConfig";
+export interface IFieldMetadata {
+  descriptor?: FieldDescriptor;
+  config?: IFieldConfig;
+}

package/dist/types/interfaces/ez-form/IFieldSetMetadata.d.ts

@@ -0,0 +1,5 @@
+import { IFieldMetadata } from "./IFieldMetadata";
+export interface IFieldSetMetadata {
+  label?: string;
+  items?: Array<IFieldMetadata>;
+}

package/dist/types/interfaces/ez-form/IFormConfig.d.ts

@@ -0,0 +1,7 @@
+import { IFieldConfig } from "./IFieldConfig";
+import { ITabConfig } from "./ITabConfig";
+export interface IFormConfig {
+  tabs?: Array<ITabConfig>;
+  fields: Array<IFieldConfig>;
+  defaultConfiguration?: boolean;
+}

package/dist/types/interfaces/ez-form/IFormSheetMetadata.d.ts

@@ -0,0 +1,10 @@
+import { IFieldMetadata } from "./IFieldMetadata";
+import { IFieldSetMetadata } from "./IFieldSetMetadata";
+export interface IFormSheetMetadata {
+  name: string;
+  label: string;
+  items: Array<IFieldMetadata | IFieldSetMetadata>;
+  requiredFields: Array<string>;
+  cleanOnCopyFields: Array<string>;
+  defaultValues: any;
+}

package/dist/types/interfaces/ez-form/IInvalidField.d.ts

@@ -0,0 +1,4 @@
+export interface IInvalidField {
+  name: string;
+  message: string;
+}

package/dist/types/interfaces/ez-form/IRecordValidator.d.ts

@@ -0,0 +1,6 @@
+import { Record } from "@sankhyalabs/core";
+import { EzForm } from "../../components/ez-form/ez-form";
+import { IValidationResult } from "./IValidationResult";
+export interface IRecordValidator {
+  validateRecord(form: EzForm, record: Record): IValidationResult;
+}

package/dist/types/interfaces/ez-form/ITabConfig.d.ts

@@ -0,0 +1,5 @@
+export interface ITabConfig {
+  label: string;
+  visible?: boolean;
+  order?: number;
+}