@sankhyalabs/ezui 2.12.0 → 2.14.0-develop.1

package/dist/esm/{ez-tree.entry.js → ez-filter-input_3.entry.js}

@@ -1,5 +1,101 @@
-import { h, r as registerInstance, c as createEvent, f as forceUpdate, H as Host, g as getElement } from './index-c5203f95.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, f as forceUpdate, H as Host } from './index-c5203f95.js';
 import { ElementIDUtils } from '@sankhyalabs/core';
+import { C as CSSVarsUtils } from './CSSVarsUtils-00f67f32.js';
+
+const ezFilterInputCss = ":host{display:block;width:100%}";
+
+let EzFilterInput = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ezChange = createEvent(this, "ezChange", 7);
+    /**
+     * Se false o usuário não pode interagir com o campo.
+     */
+    this.enabled = true;
+    /**
+     * Define o tamanho do campo.
+     */
+    this.mode = "regular";
+  }
+  observeLabel() {
+    if (this._textInput) {
+      this._textInput.label = this.label;
+    }
+  }
+  observeErrorMessage() {
+    if (this._textInput) {
+      this._textInput.errorMessage = this.errorMessage;
+    }
+  }
+  observeValue(newValue, oldValue) {
+    if (this._textInput && newValue != oldValue) {
+      this._textInput.value = newValue;
+      this.ezChange.emit(newValue);
+    }
+  }
+  /**
+   * Aplica o foco no campo.
+   */
+  async setFocus() {
+    this._textInput.setFocus();
+  }
+  /**
+   * Remove o foco do campo.
+   */
+  async setBlur() {
+    this._textInput.setBlur();
+  }
+  /**
+   * Retorna se o conteúdo é inválido.
+   */
+  async isInvalid() {
+    return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
+  }
+  changeValue(evt) {
+    const newValue = evt.detail;
+    this.errorMessage = "";
+    if (newValue !== this.value) {
+      this.value = newValue;
+    }
+  }
+  componentDidLoad() {
+    CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
+  }
+  render() {
+    ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
+    return (h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: elem => this._textInput = elem, label: this.label, onEzChange: evt => this.changeValue(evt), value: this.value, enabled: this.enabled, errorMessage: this.errorMessage, restrict: this.restrict, mode: this.mode }, h("ez-icon", { slot: "leftIcon", iconName: "search" })));
+  }
+  get _elem() { return getElement(this); }
+  static get watchers() { return {
+    "label": ["observeLabel"],
+    "errorMessage": ["observeErrorMessage"],
+    "value": ["observeValue"]
+  }; }
+};
+EzFilterInput.style = ezFilterInputCss;
+
+const ezSidebarButtonCss = ":host{--ez-sidebar-button--width:6px;--ez-sidebar-button--hover--width:12px;--ez-sidebar-button--height:96px;--ez-sidebar-button--background-color--xlight:var(--background--xlight, #fff);--ez-sidebar-button--background-color--primary:var(--color--primary);--ez-sidebar-button--space--small:var(--space--small, 6px);--ez-sidebar-button--space--medium:var(--space--medium, 12px);--ez-sidebar-button--box-shadow:var(--shadow--small, 0px 0px 16px rgba(0, 38, 111, 0.07));--ez-sidebar-button--hover--box-shadow:var(--shadow--hard, 0px 0px 16px rgba(43, 58, 84, 0.24));--ez-sidebar-button--border--radius-small:var(--border--radius-small);--ez-sidebar-button--border--radius-medium:var(--border--radius-medium)}button{display:flex;background:var(--ez-sidebar-button--background-color--xlight);border:0;border-radius:0 var(--ez-sidebar-button--border--radius-medium) var(--ez-sidebar-button--border--radius-medium) 0;box-shadow:var(--ez-sidebar-button--box-shadow);padding:0;cursor:pointer}span{width:var(--ez-sidebar-button--width);height:var(--ez-sidebar-button--height);margin:var(--ez-sidebar-button--space--medium) var(--ez-sidebar-button--space--small) var(--ez-sidebar-button--space--medium) 0;background:var(--ez-sidebar-button--background-color--primary);border-radius:0 var(--ez-sidebar-button--border--radius-small) var(--ez-sidebar-button--border--radius-small) 0}button:hover{box-shadow:var(--ez-sidebar-button--hover--box-shadow)}button:hover span{width:var(--ez-sidebar-button--hover--width);margin:var(--ez-sidebar-button--space--medium) var(--ez-sidebar-button--space--medium) var(--ez-sidebar-button--space--medium) 0}";
+
+let EzSidebarButton = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ezClick = createEvent(this, "ezClick", 7);
+  }
+  componentDidLoad() {
+    if (this._element) {
+      ElementIDUtils.addIDInfo(this._element);
+    }
+    if (this._button) {
+      const dataInfo = { id: 'embedded' };
+      ElementIDUtils.addIDInfo(this._button, 'button', dataInfo);
+    }
+  }
+  render() {
+    return (h("button", { type: "button", onClick: () => { this.ezClick.emit(); }, ref: (el) => this._button = el }, h("span", null)));
+  }
+  get _element() { return getElement(this); }
+};
+EzSidebarButton.style = ezSidebarButtonCss;
 
 const ICON_EXPANDED = "chevron-down";
 const ICON_COLAPSED = "chevron-right";
@@ -33,7 +129,7 @@ const TreeItem = (props) => {
     }),
       h("div", { class: "item-icon-box" }, expandable &&
         h("ez-icon", { id: treeItem.id, class: "item-icon", size: "small", iconName: iconResolver(treeItem, expanded, level), onClick: () => available && iconClick(treeItem) })),
-      h("label", { class: "item-label" }, treeItem.label)),
+      h("label", { class: "item-label", title: treeItem.disabled ? (treeItem.tooltip || treeItem.label) : treeItem.label }, treeItem.label)),
     expanded
       && node.getChildren().map(child => h(TreeItem, { selectedId: selectedId, node: child, itemClick: itemClick, iconClick: iconClick, level: level + 1, iconResolver: iconResolver, tooltipResolver: tooltipResolver, itemsList: itemsList }))));
 };
@@ -171,17 +267,6 @@ class Tree extends Node {
       }
     });
   }
-  updateItem(item) {
-    if (item == undefined) {
-      return;
-    }
-    const node = this.getNode(item.id);
-    if (node == undefined) {
-      return;
-    }
-    Object.keys(item).forEach(attrib => node.item[attrib] = item[attrib]);
-    this._changeCallback();
-  }
   async open(path) {
     return new Promise(async (resolve) => {
       await this.walk(this, path, node => node.item.expanded = true);
@@ -307,7 +392,7 @@ let EzTree = class {
     }
   }
   observeItems() {
-    this._tree.load(this.items);
+    return this._tree.load(this.items || []);
   }
   observeValue() {
     var _a;
@@ -355,7 +440,7 @@ let EzTree = class {
     if (expanded) {
       this.ezOpenItem.emit(item);
     }
-    this._tree.updateItem(item);
+    forceUpdate(this);
   }
   previousLevel() {
     var _a;
@@ -364,7 +449,7 @@ let EzTree = class {
     }
     if (this.value.expanded) {
       this.value.expanded = false;
-      this._tree.updateItem(this.value);
+      forceUpdate(this);
     }
     else {
       const node = this._tree.getNode(this.value.id);
@@ -387,7 +472,7 @@ let EzTree = class {
     }
     else {
       this.value.expanded = true;
-      this._tree.updateItem(this.value);
+      forceUpdate(this);
     }
   }
   indexOf(id) {
@@ -455,4 +540,4 @@ let EzTree = class {
 };
 EzTree.style = ezTreeCss;
 
-export { EzTree as ez_tree };
+export { EzFilterInput as ez_filter_input, EzSidebarButton as ez_sidebar_button, EzTree as ez_tree };