@sankhyalabs/sankhyablocks 5.19.1 → 6.0.1

package/dist/components/snk-detail-view2.js

@@ -8,26 +8,31 @@ import { P as PresentationMode } from './index2.js';
 import { T as TaskbarElement, d as defineCustomElement$2 } from './snk-taskbar2.js';
 import { V as VIEW_MODE } from './constants.js';
 import { T as TaskbarProcessor } from './taskbar-processor.js';
-import { d as defineCustomElement$m } from './snk-actions-button2.js';
-import { d as defineCustomElement$l } from './snk-attach2.js';
-import { d as defineCustomElement$k } from './snk-config-options2.js';
-import { d as defineCustomElement$j } from './snk-configurator2.js';
-import { d as defineCustomElement$i } from './snk-data-exporter2.js';
-import { d as defineCustomElement$h } from './snk-data-unit2.js';
+import { d as defineCustomElement$r } from './snk-actions-button2.js';
+import { d as defineCustomElement$q } from './snk-attach2.js';
+import { d as defineCustomElement$p } from './snk-config-options2.js';
+import { d as defineCustomElement$o } from './snk-configurator2.js';
+import { d as defineCustomElement$n } from './snk-data-exporter2.js';
+import { d as defineCustomElement$m } from './snk-data-unit2.js';
 import { S as SnkMessageBuilder } from './SnkMessageBuilder.js';
-import { d as defineCustomElement$g } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$e } from './snk-filter-bar2.js';
-import { d as defineCustomElement$d } from './snk-filter-detail2.js';
-import { d as defineCustomElement$c } from './snk-filter-item2.js';
-import { d as defineCustomElement$a } from './snk-form-summary2.js';
-import { d as defineCustomElement$9 } from './snk-form-view2.js';
-import { d as defineCustomElement$8 } from './snk-grid2.js';
-import { d as defineCustomElement$7 } from './snk-grid-config2.js';
+import { d as defineCustomElement$l } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$k } from './snk-expression-group2.js';
+import { d as defineCustomElement$j } from './snk-expression-item2.js';
+import { d as defineCustomElement$h } from './snk-filter-bar2.js';
+import { d as defineCustomElement$g } from './snk-filter-detail2.js';
+import { d as defineCustomElement$f } from './snk-filter-field-search2.js';
+import { d as defineCustomElement$e } from './snk-filter-item2.js';
+import { d as defineCustomElement$d } from './snk-filter-param-config2.js';
+import { d as defineCustomElement$b } from './snk-form-summary2.js';
+import { d as defineCustomElement$a } from './snk-form-view2.js';
+import { d as defineCustomElement$9 } from './snk-grid2.js';
+import { d as defineCustomElement$8 } from './snk-grid-config2.js';
+import { d as defineCustomElement$7 } from './snk-personalized-filter2.js';
 import { d as defineCustomElement$6 } from './snk-select-box2.js';
 import { d as defineCustomElement$5 } from './snk-simple-bar2.js';
 import { d as defineCustomElement$4 } from './snk-simple-crud2.js';
-import { d as defineCustomElement$f } from './snk-field-config2.js';
-import { d as defineCustomElement$b } from './snk-form-config2.js';
+import { d as defineCustomElement$i } from './snk-field-config2.js';
+import { d as defineCustomElement$c } from './snk-form-config2.js';
 import { d as defineCustomElement$3 } from './snk-tab-config2.js';
 
 const snkGuidesViewerCss = ".sc-snk-guides-viewer-h{--snk-guides-viewer--space-large:var(--space--large, 24px);--snk-guides-viewer--space-medium:var(--space--medium, 12px);--snk-guides-viewer__header--min-height:94px;--snk-guides-viewer__header--z-index:var(--more-visible, 2);--snk-guides-viewer__header--background-color:var(--background--body, #fafcff);--snk-guides-viewer__guide-navigator--width:340px;display:block}snk-form-view.sc-snk-guides-viewer{width:100%}.snk-guides-viewer.sc-snk-guides-viewer{position:relative;padding-left:0px;padding-top:0px;padding-right:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__detail-container.sc-snk-guides-viewer{display:flex;row-gap:24px;flex-direction:column}.snk-guides-viewer__header.sc-snk-guides-viewer{position:sticky;align-items:center;top:0;z-index:var(--snk-guides-viewer__header--z-index);background-color:var(--snk-guides-viewer__header--background-color);min-height:var(--snk-guides-viewer__header--min-height);width:calc(100% + (var(--snk-guides-viewer--space-large) * 2));padding-left:var(--snk-guides-viewer--space-large);padding-right:var(--snk-guides-viewer--space-large);padding-top:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-medium);margin-left:calc(var(--snk-guides-viewer--space-large) * -1);margin-right:calc(var(--snk-guides-viewer--space-large) * -1);margin-bottom:var(--snk-guides-viewer--space-medium)}.snk-guides-viewer__container.sc-snk-guides-viewer{display:grid;grid-template-columns:minmax(0, auto) minmax(0, 100%);height:100%;column-gap:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__guide-navigator.sc-snk-guides-viewer{position:sticky;top:calc(var(--snk-guides-viewer__header--min-height) + var(--snk-guides-viewer--space-medium));height:calc(100vh - var(--snk-guides-viewer__header--min-height) - var(--snk-guides-viewer--space-large) - var(--snk-guides-viewer--space-medium))}.snk-guides-viewer__guide-navigator[open].sc-snk-guides-viewer{width:var(--snk-guides-viewer__guide-navigator--width);max-width:var(--snk-guides-viewer__guide-navigator--width);min-width:var(--snk-guides-viewer__guide-navigator--width)}.snk-guides-viewer__detail-content.sc-snk-guides-viewer{min-height:100%;align-items:flex-start;align-content:flex-start}";
@@ -363,7 +368,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-guides-viewer", "snk-actions-button", "snk-attach", "snk-config-options", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-detail-view", "snk-exporter-email-sender", "snk-field-config", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-form-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-tab-config", "snk-taskbar"];
+  const components = ["snk-guides-viewer", "snk-actions-button", "snk-attach", "snk-config-options", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-detail-view", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-field-config", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-form-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-tab-config", "snk-taskbar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-guides-viewer":
       if (!customElements.get(tagName)) {
@@ -372,32 +377,32 @@ function defineCustomElement$1() {
       break;
     case "snk-actions-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$m();
+        defineCustomElement$r();
       }
       break;
     case "snk-attach":
       if (!customElements.get(tagName)) {
-        defineCustomElement$l();
+        defineCustomElement$q();
       }
       break;
     case "snk-config-options":
       if (!customElements.get(tagName)) {
-        defineCustomElement$k();
+        defineCustomElement$p();
       }
       break;
     case "snk-configurator":
       if (!customElements.get(tagName)) {
-        defineCustomElement$j();
+        defineCustomElement$o();
       }
       break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$n();
       }
       break;
     case "snk-data-unit":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$m();
       }
       break;
     case "snk-detail-view":
@@ -407,50 +412,75 @@ function defineCustomElement$1() {
       break;
     case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$l();
+      }
+      break;
+    case "snk-expression-group":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$k();
+      }
+      break;
+    case "snk-expression-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$j();
       }
       break;
     case "snk-field-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$i();
       }
       break;
     case "snk-filter-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$h();
       }
       break;
     case "snk-filter-detail":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$g();
+      }
+      break;
+    case "snk-filter-field-search":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$f();
       }
       break;
     case "snk-filter-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$e();
+      }
+      break;
+    case "snk-filter-param-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$d();
       }
       break;
     case "snk-form-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$c();
       }
       break;
     case "snk-form-summary":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$b();
       }
       break;
     case "snk-form-view":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$a();
       }
       break;
     case "snk-grid":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "snk-grid-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "snk-personalized-filter":
       if (!customElements.get(tagName)) {
         defineCustomElement$7();
       }
@@ -742,7 +772,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-detail-view", "snk-actions-button", "snk-attach", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-filter-bar", "snk-filter-detail", "snk-filter-item", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-taskbar"];
+  const components = ["snk-detail-view", "snk-actions-button", "snk-attach", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-taskbar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-detail-view":
       if (!customElements.get(tagName)) {
@@ -751,60 +781,85 @@ function defineCustomElement() {
       break;
     case "snk-actions-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$m();
+        defineCustomElement$r();
       }
       break;
     case "snk-attach":
       if (!customElements.get(tagName)) {
-        defineCustomElement$l();
+        defineCustomElement$q();
       }
       break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$n();
       }
       break;
     case "snk-data-unit":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$m();
       }
       break;
     case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$l();
+      }
+      break;
+    case "snk-expression-group":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$k();
+      }
+      break;
+    case "snk-expression-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$j();
       }
       break;
     case "snk-filter-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$h();
       }
       break;
     case "snk-filter-detail":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$g();
+      }
+      break;
+    case "snk-filter-field-search":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$f();
       }
       break;
     case "snk-filter-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$e();
+      }
+      break;
+    case "snk-filter-param-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$d();
       }
       break;
     case "snk-form-summary":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$b();
       }
       break;
     case "snk-form-view":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$a();
       }
       break;
     case "snk-grid":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "snk-grid-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "snk-personalized-filter":
       if (!customElements.get(tagName)) {
         defineCustomElement$7();
       }

package/dist/components/snk-entity-list.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { ApplicationContext } from '@sankhyalabs/core';
+import { ObjectUtils, ApplicationContext } from '@sankhyalabs/core';
 
 const snkEntityListCss = ".sc-snk-entity-list-h{--snk-entity-list--label--font-size:var(--text--medium, 14px);--snk-entity-list--label--font-family:var(--font-pattern, Arial);--snk-entity-list--label--color:var(--title--primary, #000);--snk-entity-list--label--disabled--color:var(--text--disable, #AFB6C0)}.label.sc-snk-entity-list{flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--snk-entity-list--label--color);font-size:var(--snk-entity-list--label--font-size);font-family:var(--snk-entity-list--label--font-family);cursor:default;padding-left:var(--space--small);padding-bottom:var(--space--extra-small)}.snk-entity-list--overflow.sc-snk-entity-list{overflow:auto}.snk-entity-list--overflow.sc-snk-entity-list::-webkit-scrollbar{width:var(--space--small);min-width:var(--space--small);max-width:var(--space--small)}";
 
@@ -25,12 +25,14 @@ const SnkEntityList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   ezListChangeListener(evt) {
     var _a, _b;
-    (_a = (this.getListConfigValue(this.config))) === null || _a === void 0 ? void 0 : _a.forEach(value => {
+    const configCopy = ObjectUtils.copy(this.config);
+    (_a = (this.getListConfigValue(configCopy))) === null || _a === void 0 ? void 0 : _a.forEach(value => {
       var _a, _b;
       if (value && value.id === ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.id)) {
         value.check = (_b = evt.detail) === null || _b === void 0 ? void 0 : _b.check;
       }
     });
+    this.config = ObjectUtils.copy(configCopy);
     this.saveConfig.emit(this.config);
     this.valueChanged.emit((_b = this.config) === null || _b === void 0 ? void 0 : _b.value);
   }
@@ -101,8 +103,8 @@ const SnkEntityList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     return (_d = (_b = (_a = config.value) === null || _a === void 0 ? void 0 : _a.elements) !== null && _b !== void 0 ? _b : (_c = config === null || config === void 0 ? void 0 : config.value) === null || _c === void 0 ? void 0 : _c.members) !== null && _d !== void 0 ? _d : config === null || config === void 0 ? void 0 : config.value;
   }
   render() {
-    var _a;
-    return (h(Host, null, h("ez-search", { ref: elem => this._searchElement = elem, optionLoader: argument => this.optionLoader(argument), value: this._searchValue, label: (_a = this.config) === null || _a === void 0 ? void 0 : _a.label, onEzChange: evt => this.onEzSearchChange(evt) }), h("label", { class: "label" }, this.getMessage("snkEntityList.selected")), h("div", { style: this.maxHeightList ? { 'max-height': this.maxHeightList } : {}, class: { "snk-entity-list--overflow": !!this.maxHeightList } }, h("ez-list", { ref: (el) => this._ezList = el, id: "snkEntityList", listMode: "check", dataSource: this._ezListSource, hoverFeedback: true, itemSlotBuilder: this.rightListSlotBuilder, onEzCheckChange: evt => this.ezListChangeListener(evt) }))));
+    var _a, _b;
+    return (h(Host, null, h("ez-search", { ref: elem => this._searchElement = elem, optionLoader: argument => this.optionLoader(argument), value: this._searchValue, label: (_a = this.config) === null || _a === void 0 ? void 0 : _a.label, onEzChange: evt => this.onEzSearchChange(evt), suppressEmptyOption: true }), ((_b = this._ezListSource) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("label", { class: "label" }, this.getMessage("snkEntityList.selected"))), h("div", { style: this.maxHeightList ? { 'max-height': this.maxHeightList } : {}, class: { "snk-entity-list--overflow": !!this.maxHeightList } }, h("ez-list", { ref: (el) => this._ezList = el, id: "snkEntityList", listMode: "check", dataSource: this._ezListSource, hoverFeedback: true, itemSlotBuilder: this.rightListSlotBuilder, onEzCheckChange: evt => this.ezListChangeListener(evt) }))));
   }
   static get watchers() { return {
     "config": ["observeConfig"]

package/dist/components/snk-expression-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SnkExpressionGroup extends Components.SnkExpressionGroup, HTMLElement {}
+export const SnkExpressionGroup: {
+  prototype: SnkExpressionGroup;
+  new (): SnkExpressionGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/snk-expression-group.js

@@ -0,0 +1,6 @@
+import { S as SnkExpressionGroup$1, d as defineCustomElement$1 } from './snk-expression-group2.js';
+
+const SnkExpressionGroup = SnkExpressionGroup$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkExpressionGroup, defineCustomElement };

package/dist/components/snk-expression-group2.js

@@ -0,0 +1,296 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, forceUpdate, Host } from '@stencil/core/internal/client';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+import { ApplicationContext, StringUtils, ElementIDUtils } from '@sankhyalabs/core';
+import { d as defineCustomElement$3 } from './snk-expression-item2.js';
+import { d as defineCustomElement$2 } from './snk-filter-field-search2.js';
+import { d as defineCustomElement$1 } from './snk-filter-param-config2.js';
+
+var FilterGroupCondition;
+(function (FilterGroupCondition) {
+  FilterGroupCondition["AND"] = "AND";
+  FilterGroupCondition["OR"] = "OR";
+})(FilterGroupCondition || (FilterGroupCondition = {}));
+
+const snkExpressionGroupCss = ".sc-snk-expression-group-h{display:block;--snk-expression-group--container-condition--width:184px;--snk-expression-group--container-condition--height:38px;--snk-expression-group--container-condition--border-radius:var(--border--radius-medium, 12px);--snk-expression-group--container-option--width:85px;--snk-expression-group__container-condition--background-and:#66B6A0;--snk-expression-group__container-condition--background-or:#EBC65E;--snk-expression-group__container-expression--padding-left:26px;--snk-expression-group__background-color-dashed:var(--background--body, #fafcff)}.snk-expression-group__container-condition.sc-snk-expression-group{width:var(--snk-expression-group--container-condition--width);height:var(--snk-expression-group--container-condition--height);border-radius:var(--snk-expression-group--container-condition--border-radius);z-index:var(--more-visible--2x, 3)}.snk-expression-group__container-option.sc-snk-expression-group{width:var(--snk-expression-group--container-option--width)}.snk-expression-group__container-condition[data-condition=\"AND\"].sc-snk-expression-group{background-color:var(--snk-expression-group__container-condition--background-and)}.snk-expression-group__container-condition[data-condition=\"OR\"].sc-snk-expression-group{background-color:var(--snk-expression-group__container-condition--background-or)}.snk-expression-group__container-expression.sc-snk-expression-group{padding-left:var(--snk-expression-group__container-expression--padding-left)}.dashes.sc-snk-expression-group{z-index:var(--visible, 1);background:var(--snk-expression-group__background-color-dashed);border-left:2px dashed var(--text-secondary, #A2ABB9);position:absolute;width:15px;height:58px;margin-left:-15px;margin-top:-36.5px}.horizontal-dashes.sc-snk-expression-group{z-index:var(--more-visible, 2);border-bottom:2px dashed var(--text-secondary, #A2ABB9);position:absolute;width:15px;height:54px;margin-left:-15px;margin-top:-33.5px}.hidden.sc-snk-expression-group{display:none}";
+
+const LIMIT_GROUP_LEVEL = 4;
+const SnkExpressionGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.ezFilterGroupChange = createEvent(this, "ezFilterGroupChange", 7);
+    this.ezFilterGroupRemove = createEvent(this, "ezFilterGroupRemove", 7);
+    this.ezExpressionGroupLayoutChanged = createEvent(this, "ezExpressionLayoutChanged", 7);
+    this.FIRST_LEVEL = "0";
+    this.application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this._conditionOperator = FilterGroupCondition.AND;
+    this._group = undefined;
+    this._selfTop = 0;
+    this.canAddExpression = true;
+    this._showDashes = true;
+    this.parentTop = 0;
+    this.group = undefined;
+    this.messagesBuilder = undefined;
+    this.filterId = undefined;
+    this.entityURI = undefined;
+  }
+  /**
+   * Listener para capturar adição e remoção de grupos e items de expressão.
+   */
+  todoCompletedHandler(_) {
+    this.updateDashes();
+  }
+  /*
+  * Retorna o grupo da expressão.
+  */
+  async getExpressionGroup() {
+    return this._group;
+  }
+  watchGroup(newValue) {
+    this._group = newValue;
+    this._conditionOperator = !this._group.operand ? FilterGroupCondition.AND : this._group.operand;
+  }
+  componentWillLoad() {
+    this._group = this.group;
+    this._conditionOperator = !this._group.operand ? FilterGroupCondition.AND : this._group.operand;
+    if (!this.getDataGroupLevel()) {
+      this._element.setAttribute('data-group-level', this.FIRST_LEVEL);
+    }
+    if (!this.filterId) {
+      this.canAddExpression = false;
+    }
+  }
+  componentDidRender() {
+    this.setSelfTop();
+  }
+  changeHandler() {
+    this.ezExpressionGroupLayoutChanged.emit();
+  }
+  /**
+   * Função que define o valor atualizado da propriedade top do elemento em tela para calcular o tamanho do tracejado.
+   */
+  setSelfTop() {
+    this._selfTop = this._element.getBoundingClientRect().top;
+  }
+  /**
+   * Função que calcula o tamanho que deve ter o tracejado.
+   */
+  getDashedHeight() {
+    return this._selfTop - this.parentTop;
+  }
+  getMessage(key, params) {
+    return this.application.messagesBuilder.getMessage(key, params);
+  }
+  updateDashes() {
+    this._showDashes = false;
+    this.setSelfTop();
+    this._showDashes = true;
+  }
+  renderExpressionItems() {
+    var _a;
+    return (_a = this._group.items) === null || _a === void 0 ? void 0 : _a.map((item) => (h("snk-expression-item", { key: item.id, class: "ez-padding-top--small snk-expression-group__item", expression: item, canRemove: this._group.items.length > 1, onEzFilterItemChange: () => this.handleFilterItemChange(), onEzFilterItemRemove: (evt) => this.handleFilterItemRemove(evt, item.id), messagesBuilder: this.messagesBuilder, entityURI: this.entityURI })));
+  }
+  renderGroups() {
+    var _a;
+    const currentLevel = parseInt(this.getDataGroupLevel() || '0');
+    const newLevel = currentLevel + 1;
+    return (_a = this._group.childrenGroups) === null || _a === void 0 ? void 0 : _a.map((group) => (h("snk-expression-group", { key: group.id, group: group, messagesBuilder: this.messagesBuilder, parentTop: this._selfTop, "data-group-level": newLevel, onEzFilterGroupRemove: (evt) => this.handleFilterGroupRemove(evt, group.id), entityURI: this.entityURI })));
+  }
+  handleFilterGroupRemove(evt, groupId) {
+    this.onStopPropagation(evt);
+    this._group.childrenGroups = this._group.childrenGroups.filter(group => group.id !== groupId);
+    forceUpdate(this);
+    this.ezFilterGroupChange.emit(this._group);
+    this.changeHandler();
+  }
+  handleFilterItemRemove(evt, itemId) {
+    this.onStopPropagation(evt);
+    this._group.items = this._group.items.filter(item => item.id !== itemId);
+    forceUpdate(this);
+    this.ezFilterGroupChange.emit(this._group);
+    this.changeHandler();
+    this.canAddExpression = true;
+  }
+  handleFilterItemChange() {
+    this.ezFilterGroupChange.emit(this._group);
+    this.canAddExpression = this.group.items.every(item => {
+      if (!item.fieldName || !item.operand)
+        return false;
+      if (item.operand === 'NULL' || item.operand === 'NOT_NULL') {
+        return true;
+      }
+      else {
+        return item.paramVariable || (item.userInterface === 'SWITCH') ? true : !!item.value;
+      }
+    });
+  }
+  handleAddExpression() {
+    const newItem = {
+      id: StringUtils.generateUUID(),
+      entityName: "",
+      fieldName: "",
+      description: "",
+      label: "Valor",
+      type: undefined,
+      expression: undefined,
+      operand: undefined,
+      paramVariable: false,
+      value: undefined,
+      systemConfig: null,
+      userConfig: null
+    };
+    this._group.items.push(newItem);
+    forceUpdate(this);
+    this.ezFilterGroupChange.emit(this.group);
+    this.changeHandler();
+    this.canAddExpression = false;
+  }
+  handleAddGroup() {
+    var _a;
+    const newGroup = {
+      id: StringUtils.generateUUID(),
+      items: [
+        {
+          id: StringUtils.generateUUID(),
+          entityName: "",
+          fieldName: "",
+          description: "",
+          label: "Valor",
+          type: undefined,
+          expression: undefined,
+          operand: undefined,
+          paramVariable: false,
+          value: undefined,
+          systemConfig: null,
+          userConfig: null
+        }
+      ],
+      childrenGroups: [],
+      operand: FilterGroupCondition.AND
+    };
+    this._group.childrenGroups = (_a = this._group.childrenGroups) !== null && _a !== void 0 ? _a : [];
+    this._group.childrenGroups.push(newGroup);
+    forceUpdate(this);
+    this.ezFilterGroupChange.emit(this.group);
+    this.changeHandler();
+  }
+  buildGroupStyle() {
+    return {
+      height: `${this.getDashedHeight()}px`,
+      marginTop: `${-(this.getDashedHeight()) + 20}px`,
+    };
+  }
+  handleConditionOperatorChange(newOperator) {
+    this._conditionOperator = newOperator;
+    this._group.operand = FilterGroupCondition[newOperator];
+    this.ezFilterGroupChange.emit(this._group);
+  }
+  confirmRemoveGroup(evt) {
+    this.onStopPropagation(evt);
+    ApplicationUtils.confirm(this.getMessage("snkPersonalizedFilter.confirmGroup.title"), this.getMessage("snkPersonalizedFilter.confirmGroup.description"))
+      .then((canRemove) => {
+      if (canRemove) {
+        this.ezFilterGroupRemove.emit(this._group);
+      }
+    });
+  }
+  getTooltipMessageForOperator() {
+    const groupLevel = this.getDataGroupLevel();
+    if (groupLevel === this.FIRST_LEVEL && this._group.items.length === 1) {
+      return this.getMessage("snkPersonalizedFilter.operador.firstLevel");
+    }
+    if (this._conditionOperator === FilterGroupCondition.AND) {
+      return this.getMessage("snkPersonalizedFilter.operador.and");
+    }
+    else if (this._conditionOperator === FilterGroupCondition.OR) {
+      return this.getMessage("snkPersonalizedFilter.operador.or");
+    }
+  }
+  getDataGroupLevel() {
+    return this._element.getAttribute('data-group-level');
+  }
+  canAddGroup() {
+    const dataGroupLevel = Number(this.getDataGroupLevel() || this.FIRST_LEVEL);
+    return dataGroupLevel < LIMIT_GROUP_LEVEL;
+  }
+  isFirstLevel() {
+    return Boolean(this.getDataGroupLevel() === this.FIRST_LEVEL);
+  }
+  onStopPropagation(evt) {
+    evt.preventDefault();
+    evt.stopPropagation();
+  }
+  handleMessageAddTooltip() {
+    if (this.isFirstLevel()) {
+      const allValidItems = this.group.items.every(item => {
+        if (!item.fieldName || !item.operand)
+          return false;
+        return item.paramVariable || !!item.value;
+      });
+      return allValidItems ? this.getMessage("snkPersonalizedFilter.info.labelAddNewExpression") : this.getMessage("snkPersonalizedFilter.info.labelDisabledAddExpressionButton");
+    }
+    else {
+      return this.canAddExpression ? this.getMessage("snkPersonalizedFilter.info.labelAddNewExpression") : this.getMessage("snkPersonalizedFilter.info.labelDisabledAddExpressionButton");
+    }
+  }
+  canChangeGroupCondition() {
+    const membersCount = this._group.items.length + this._group.childrenGroups.length;
+    return membersCount > 1;
+  }
+  render() {
+    const canAddGroup = this.canAddGroup();
+    return (h(Host, null, h("div", { class: !this.isFirstLevel() && this._showDashes ? 'dashes' : 'hidden', style: this.buildGroupStyle() }), h("div", { class: !this.isFirstLevel() && this._showDashes ? 'horizontal-dashes' : 'hidden' }), h("div", { class: 'ez-flex ez-flex--align-items-center' }, h("div", { class: 'snk-expression-group__container-condition ez-flex ez-flex-item--align-center ez-flex--align-items-center', "data-condition": this._conditionOperator, title: this.getTooltipMessageForOperator() }, h("label", { class: "ez-label ez-padding-right--medium ez-padding-left--medium ez-title--primary" }, "Condi\u00E7\u00E3o:"), h("div", null, h("ez-combo-box", Object.assign({ class: "snk-expression-group__container-option", canShowError: false, mode: "slim", suppressEmptyOption: true, enabled: this.canChangeGroupCondition(), value: this._conditionOperator, onEzChange: (evt) => this.handleConditionOperatorChange(evt.detail.value) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `comboBoxConditions_level_${this.getDataGroupLevel()}` }), h("option", { value: FilterGroupCondition.AND }, "E"), h("option", { value: FilterGroupCondition.OR }, "OU")))), h("ez-button", { class: "ez-padding-right--medium ez-padding-left--medium", mode: "icon", iconName: "plus", size: "small", enabled: this.canAddExpression, title: this.handleMessageAddTooltip(), onClick: () => this.handleAddExpression() }), h("ez-button", { label: "Adicionar grupo", size: "small", enabled: canAddGroup, title: !canAddGroup ? this.getMessage('snkPersonalizedFilter.info.labelDisabledAddGroupButton', { LIMIT_GROUP_LEVEL: LIMIT_GROUP_LEVEL + 1 }) : '', onClick: () => this.handleAddGroup() }, h("ez-icon", { slot: "leftIcon", iconName: "plus" })), !this.isFirstLevel() && h("ez-button", { title: this.getMessage("snkPersonalizedFilter.info.labelDeleteExpression"), class: "ez-padding-left--medium", mode: "icon", iconName: "delete", size: "small", onClick: (evt) => this.confirmRemoveGroup(evt) })), h("div", { class: "ez-padding-top--small snk-expression-group__container-expression" }, h("div", { class: "ez-padding-top--small" }, this.renderExpressionItems())), h("div", { class: "ez-padding-top--small snk-expression-group__container-expression" }, h("div", { class: "ez-padding-top--small" }, this.renderGroups()))));
+  }
+  get _element() { return this; }
+  static get watchers() { return {
+    "group": ["watchGroup"]
+  }; }
+  static get style() { return snkExpressionGroupCss; }
+}, [2, "snk-expression-group", {
+    "parentTop": [1026, "parent-top"],
+    "group": [1040],
+    "messagesBuilder": [1040],
+    "filterId": [1025, "filter-id"],
+    "entityURI": [1025, "entity-u-r-i"],
+    "_conditionOperator": [32],
+    "_group": [32],
+    "_selfTop": [32],
+    "canAddExpression": [32],
+    "_showDashes": [32],
+    "getExpressionGroup": [64]
+  }, [[8, "ezExpressionLayoutChanged", "todoCompletedHandler"]]]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-expression-group", "snk-expression-group", "snk-expression-item", "snk-filter-field-search", "snk-filter-param-config"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-expression-group":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkExpressionGroup);
+      }
+      break;
+    case "snk-expression-group":
+      if (!customElements.get(tagName)) {
+        defineCustomElement();
+      }
+      break;
+    case "snk-expression-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "snk-filter-field-search":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "snk-filter-param-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { FilterGroupCondition as F, SnkExpressionGroup as S, defineCustomElement as d };