@sankhyalabs/sankhyablocks 5.4.3 → 5.6.0

package/dist/components/snk-crud.js

@@ -1,28 +1,31 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';
+import { ElementIDUtils, ApplicationContext, VersionUtils } from '@sankhyalabs/core';
 import { T as TaskbarElement, d as defineCustomElement$2 } from './snk-taskbar2.js';
 import './DataFetcher.js';
 import './pesquisa-fetcher.js';
 import { P as PresentationMode } from './index2.js';
 import { V as VIEW_MODE } from './constants.js';
-import { d as defineCustomElement$m } from './snk-config-options2.js';
-import { d as defineCustomElement$l } from './snk-configurator2.js';
-import { d as defineCustomElement$k } from './snk-data-exporter2.js';
-import { d as defineCustomElement$j } from './snk-data-unit2.js';
-import { d as defineCustomElement$5, a as defineCustomElement$i } from './snk-detail-view2.js';
-import { d as defineCustomElement$h } from './snk-exporter-email-sender2.js';
-import { d as defineCustomElement$g } from './snk-field-config2.js';
-import { d as defineCustomElement$f } from './snk-filter-bar2.js';
-import { d as defineCustomElement$e } from './snk-filter-detail2.js';
-import { d as defineCustomElement$d } from './snk-filter-item2.js';
-import { d as defineCustomElement$c } from './snk-filter-list2.js';
-import { d as defineCustomElement$b } from './snk-filter-modal2.js';
-import { d as defineCustomElement$a } from './snk-form-config2.js';
-import { d as defineCustomElement$9 } from './snk-form-summary2.js';
-import { d as defineCustomElement$8 } from './snk-form-view2.js';
-import { d as defineCustomElement$7 } from './snk-grid2.js';
-import { d as defineCustomElement$6 } from './snk-grid-config2.js';
-import { d as defineCustomElement$4 } from './snk-select-box2.js';
+import { d as defineCustomElement$p } from './snk-attach2.js';
+import { d as defineCustomElement$o } from './snk-config-options2.js';
+import { d as defineCustomElement$n } from './snk-configurator2.js';
+import { d as defineCustomElement$m } from './snk-data-exporter2.js';
+import { d as defineCustomElement$l } from './snk-data-unit2.js';
+import { d as defineCustomElement$7, a as defineCustomElement$k } from './snk-detail-view2.js';
+import { d as defineCustomElement$j } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$i } from './snk-field-config2.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-item2.js';
+import { d as defineCustomElement$e } from './snk-filter-list2.js';
+import { d as defineCustomElement$d } from './snk-filter-modal2.js';
+import { d as defineCustomElement$c } from './snk-form-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$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$3 } from './snk-tab-config2.js';
 
 const snkCrudCss = ".sc-snk-crud-h{display:flex;flex-direction:column;height:100%;width:100%}";
@@ -34,6 +37,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.actionClick = createEvent(this, "actionClick", 7);
     this._dataUnit = undefined;
     this._dataState = undefined;
+    this.attachmentRegisterKey = undefined;
     this._currentViewMode = VIEW_MODE.GRID;
     this.configName = undefined;
     this.actionsList = undefined;
@@ -55,15 +59,17 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.setViewMode(VIEW_MODE.FORM);
   }
   async executeAction(act) {
-    if (act === TaskbarElement.GRID_MODE) {
-      this.setViewMode(VIEW_MODE.GRID);
-    }
-    else if (act === TaskbarElement.FORM_MODE || act === TaskbarElement.UPDATE) {
-      this.gridToForm(act !== TaskbarElement.UPDATE);
-    }
-    else if (act === TaskbarElement.CONFIGURATOR) {
-      this._snkConfigurator.open();
-    }
+    if (act === TaskbarElement.GRID_MODE)
+      return this.setViewMode(VIEW_MODE.GRID);
+    if (act === TaskbarElement.FORM_MODE || act === TaskbarElement.UPDATE)
+      return this.gridToForm(act !== TaskbarElement.UPDATE);
+    if (act === TaskbarElement.CONFIGURATOR)
+      return this._snkConfigurator.open();
+    if (act === "ATTACH")
+      return this.setViewMode(VIEW_MODE.ATTACHMENT);
+  }
+  handleAttachBack() {
+    this.setViewMode(VIEW_MODE.GRID);
   }
   setViewMode(viewMode) {
     this._viewStack.show(viewMode);
@@ -126,8 +132,15 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.messagesBuilder = this._snkDataUnit.messagesBuilder;
     }
   }
+  async canRenderAttachment() {
+    var _a, _b, _c, _d, _e;
+    const isValidVersion = VersionUtils.isRequiredVersion((_a = window.envContext) === null || _a === void 0 ? void 0 : _a.sysVersion, '4.22');
+    const recordCriteria = await ((_c = (_b = this._snkDataUnit) === null || _b === void 0 ? void 0 : _b.getSelectedRecordsIDsInfo) === null || _c === void 0 ? void 0 : _c.call(_b));
+    this.attachmentRegisterKey = (_d = recordCriteria.find(criteria => !!criteria.value)) === null || _d === void 0 ? void 0 : _d.value;
+    return isValidVersion && ((_e = this._dataState) === null || _e === void 0 ? void 0 : _e.selectedRecord) !== undefined;
+  }
   render() {
-    return (h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode }, h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form" }, h("slot", { name: "SnkFormTaskBar" }))), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail) })));
+    return (h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode }, h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form" }, h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, this.canRenderAttachment() && (h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.handleAttachBack.bind(this) }))), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail) })));
   }
   get _element() { return this; }
   static get style() { return snkCrudCss; }
@@ -142,6 +155,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "messagesBuilder": [1040],
     "_dataUnit": [32],
     "_dataState": [32],
+    "attachmentRegisterKey": [32],
     "_currentViewMode": [32],
     "goToView": [64]
   }]);
@@ -149,104 +163,119 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-crud", "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-filter-list", "snk-filter-modal", "snk-form-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-guides-viewer", "snk-select-box", "snk-tab-config", "snk-taskbar"];
+  const components = ["snk-crud", "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-filter-list", "snk-filter-modal", "snk-form-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-guides-viewer", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-tab-config", "snk-taskbar"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-crud":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, SnkCrud$1);
       }
       break;
+    case "snk-attach":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$p();
+      }
+      break;
     case "snk-config-options":
       if (!customElements.get(tagName)) {
-        defineCustomElement$m();
+        defineCustomElement$o();
       }
       break;
     case "snk-configurator":
       if (!customElements.get(tagName)) {
-        defineCustomElement$l();
+        defineCustomElement$n();
       }
       break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$k();
+        defineCustomElement$m();
       }
       break;
     case "snk-data-unit":
       if (!customElements.get(tagName)) {
-        defineCustomElement$j();
+        defineCustomElement$l();
       }
       break;
     case "snk-detail-view":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$k();
       }
       break;
     case "snk-exporter-email-sender":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$j();
       }
       break;
     case "snk-field-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$i();
       }
       break;
     case "snk-filter-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$h();
       }
       break;
     case "snk-filter-detail":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$g();
       }
       break;
     case "snk-filter-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$f();
       }
       break;
     case "snk-filter-list":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$e();
       }
       break;
     case "snk-filter-modal":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$d();
       }
       break;
     case "snk-form-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$c();
       }
       break;
     case "snk-form-summary":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$b();
       }
       break;
     case "snk-form-view":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$a();
       }
       break;
     case "snk-grid":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$9();
       }
       break;
     case "snk-grid-config":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$8();
       }
       break;
     case "snk-guides-viewer":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$7();
       }
       break;
     case "snk-select-box":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "snk-simple-bar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "snk-simple-crud":
       if (!customElements.get(tagName)) {
         defineCustomElement$4();
       }

package/dist/components/snk-data-exporter2.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { ObjectUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
-import { D as DataExporterOption, d as DataExporterFormat, e as DataExporterType } from './index2.js';
+import { D as DataExporterOption, b as DataExporterFormat, c as DataExporterType } from './index2.js';
 import { K as KEY_PORT_EXPORT, W as WEB_CONNECTION, R as REPORT_LAUNCHER_RESOURCE_ID } from './constants.js';
 import { D as DataFetcher } from './DataFetcher.js';
 import { S as SnkDataUnit } from './snk-data-unit2.js';

package/dist/components/snk-data-unit2.js

@@ -65,6 +65,7 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.dataUnit = undefined;
     this.beforeSave = undefined;
     this.afterSave = undefined;
+    this.useCancelConfirm = true;
   }
   observePageSize() {
     if (this.dataUnit) {
@@ -213,6 +214,8 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
           }
           break;
         case Action.EDITION_CANCELED:
+          if (!this.useCancelConfirm)
+            return resolve(action);
           if (this.dataState.hasDirtyRecords) {
             const cancelConfirmation = this.getMessage("snkDataUnit.cancelConfirmation");
             if ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.fromParent) {
@@ -424,6 +427,7 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "dataUnit": [1040],
     "beforeSave": [16],
     "afterSave": [16],
+    "useCancelConfirm": [4, "use-cancel-confirm"],
     "getDataUnit": [64],
     "getSelectedRecordsIDsInfo": [64]
   }]);

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

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

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

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

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

@@ -0,0 +1,241 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { UserInterface, ApplicationContext } from '@sankhyalabs/core';
+import { a as SelectedItemType, d as defineCustomElement$2 } from './snk-filter-field-search2.js';
+import { ApplicationUtils, CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
+import { fieldBuilder } from '@sankhyalabs/ezui/dist/collection/components/ez-form-view/fieldbuilder/FieldBuilder';
+import { a as FilterOperand } from './index2.js';
+import { s as store } from './index3.js';
+import { d as defineCustomElement$1 } from './snk-filter-param-config2.js';
+
+const FilterOperandDefault = [
+  { value: FilterOperand.EQUAL, label: "Igual (=)" },
+  { value: FilterOperand.DIFFERENT, label: "Diferente (<>)" },
+  { value: FilterOperand.LIKE, label: "Contendo (LIKE)" },
+  { value: FilterOperand.IN, label: "Contido em (IN)" },
+  { value: FilterOperand.START_WITH, label: "Iniciado com (%?)" },
+  { value: FilterOperand.FINISHED_WITH, label: "Terminado com (?%)" },
+  { value: FilterOperand.NULL, label: "Vazio (NULL)" },
+  { value: FilterOperand.NOT_NULL, label: "Não Vazio (NOT NULL)" },
+  { value: FilterOperand.LARGER, label: "Maior (>)" },
+  { value: FilterOperand.LARGER_EQUAL, label: "Maior ou Igual (>=)" },
+  { value: FilterOperand.SMALLER, label: "Menor (<)" },
+  { value: FilterOperand.SMALLER_EQUAL, label: "Menor ou Igual (<=)" }
+];
+const FilterOperandTypeTextSearch = [
+  { value: FilterOperand.EQUAL, label: "Igual (=)" },
+  { value: FilterOperand.DIFFERENT, label: "Diferente (<>)" },
+  { value: FilterOperand.LIKE, label: "Contendo (LIKE)" },
+  { value: FilterOperand.IN, label: "Contido em (IN)" },
+  { value: FilterOperand.START_WITH, label: "Iniciado com (%?)" },
+  { value: FilterOperand.FINISHED_WITH, label: "Terminado com (?%)" },
+  { value: FilterOperand.NULL, label: "Vazio (NULL)" },
+  { value: FilterOperand.NOT_NULL, label: "Não Vazio (NOT NULL)" }
+];
+const FIELD_TYPE_SEARCH_AND_TEXT = [
+  UserInterface.SEARCH,
+  UserInterface.SHORTTEXT,
+  UserInterface.PASSWORD,
+  UserInterface.MASKEDTEXT,
+  UserInterface.LONGTEXT,
+  UserInterface.HTML
+];
+
+const snkExpressionItemCss = ".sc-snk-expression-item-h{display:flex;width:100%;--snk-expression-item--background-color:var(--background--xlight, #fff);--snk-expression-item__itens--padding:var(--space--small, 6px);--snk-expression-item__width--input-operator:220px;--snk-expression-item__width--input-value:240px;--snk-expression-item__width--input-value-variable:176px;--snk-expression-item--border-radius:var(--border--radius-medium, 12px);--snk-expression-item--border-color:var(--color--strokes, #DCE0E8);--snk-expression-item--border-style:var(--border--small, 1px solid)}.box.sc-snk-expression-item{width:100%;height:100%;background:var(--snk-expression-item--background-color);margin:var(--space--small, 6px);border:var(--snk-expression-item--border-color) var(--snk-expression-item--border-style);border-radius:var(--snk-expression-item--border-radius)}.box__container.sc-snk-expression-item{display:flex;align-items:center;justify-content:space-between;white-space:nowrap;margin:var(--space--small, 6px)}.box__container--input-filter.sc-snk-expression-item{width:100%}.box__container--input-operator.sc-snk-expression-item{display:flex;width:var(--snk-expression-item__width--input-operator);min-width:var(--snk-expression-item__width--input-operator)}.box__container--input-value.sc-snk-expression-item{display:flex;width:var(--snk-expression-item__width--input-value);min-width:var(--snk-expression-item__width--input-value)}.box__container--input-value-variable.sc-snk-expression-item{display:flex;width:var(--snk-expression-item__width--input-value-variable);min-width:var(--snk-expression-item__width--input-value-variable)}.box__container--button-delete.sc-snk-expression-item{display:flex}.box__container.sc-snk-expression-item>div.sc-snk-expression-item{padding-left:var(--snk-expression-item__itens--padding);padding-right:var(--snk-expression-item__itens--padding)}.box__container--button-delete--icon.sc-snk-expression-item{width:42px;min-width:42px}.box__container--input-value-variable--icon.sc-snk-expression-item{cursor:pointer}";
+
+const SnkExpressionItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.ezFilterItemChange = createEvent(this, "ezFilterItemChange", 7);
+    this.ezFilterItemRemove = createEvent(this, "ezFilterItemRemove", 7);
+    this.application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this.filterOperandDefault = FilterOperandDefault;
+    this.filterOperandTypeTextSearch = FilterOperandTypeTextSearch;
+    this._showValueVariable = false;
+    this._fieldSelected = undefined;
+    this._optionNotNull = false;
+    this.expression = undefined;
+    this.canRemove = true;
+    this.messagesBuilder = undefined;
+  }
+  expressionChanged(newValue, oldValue) {
+    if (newValue !== oldValue) {
+      this.ezFilterItemChange.emit(newValue);
+    }
+  }
+  componentWillLoad() {
+    this._dataSourceFetcher = store.get("filterFieldsDataSource");
+    store.onChange('filterFieldsDataSource', () => {
+      this._dataSourceFetcher = store.get("filterFieldsDataSource");
+    });
+  }
+  setValueExpression(key, value) {
+    this.expression[key] = value;
+    this.expressionChanged(this.expression);
+  }
+  getMessage(key, params) {
+    return this.application.messagesBuilder.getMessage(key, params);
+  }
+  handleSelectItem(filterField) {
+    if (filterField.type === SelectedItemType.FIELD) {
+      const field = filterField;
+      this._fieldSelected = field;
+      this.setValueExpression("fieldName", field.name);
+    }
+  }
+  handleFocus() {
+    if (this._elFilterFieldSearch)
+      this._elFilterFieldSearch.show();
+  }
+  handleChangeFilterInput(evt) {
+    this._elFilterFieldSearch.applyFilter(evt.detail);
+  }
+  handleChangeValueVariable(showValueVariable) {
+    this._showValueVariable = showValueVariable;
+    if (this._elFieldDynamic) {
+      this._elFieldDynamic.value = undefined;
+      this._elFieldDynamic.enabled = !showValueVariable;
+    }
+  }
+  openSnkFilterParamConfig() {
+    var _a;
+    (_a = this._elFilterParamConfigRef) === null || _a === void 0 ? void 0 : _a.open(this.expression).then(this.onOpenPromiseReady.bind(this)).catch(error => {
+      console.error(error);
+    });
+  }
+  onOpenPromiseReady(changes) {
+    this.expression = changes;
+  }
+  buildOptionsOperator() {
+    var _a;
+    if (FIELD_TYPE_SEARCH_AND_TEXT.includes((_a = this._fieldSelected) === null || _a === void 0 ? void 0 : _a.userInterface)) {
+      return this.filterOperandTypeTextSearch;
+    }
+    else {
+      return this.filterOperandDefault;
+    }
+  }
+  handleChangeOperator(optionSelected) {
+    this.checkOptionIsNull(optionSelected);
+    this.setValueExpression("operand", optionSelected);
+  }
+  checkOptionIsNull(optionSelected) {
+    if (optionSelected === FilterOperand.NULL || optionSelected === FilterOperand.NOT_NULL) {
+      this._optionNotNull = true;
+      if (this._elFieldDynamic) {
+        this._elFieldDynamic.enabled = false;
+        this._elFieldDynamic.value = undefined;
+      }
+    }
+    else {
+      this._optionNotNull = false;
+      if (this._elFieldDynamic) {
+        this._elFieldDynamic.enabled = this._showValueVariable ? false : true;
+      }
+    }
+  }
+  confirmRemove(evt) {
+    evt.preventDefault();
+    evt.stopPropagation();
+    ApplicationUtils.confirm(this.getMessage("snkPersonalizedFilter.confirm.title"), this.getMessage("snkPersonalizedFilter.confirm.description"))
+      .then((canRemove) => {
+      if (canRemove) {
+        this.ezFilterItemRemove.emit(this.expression);
+      }
+    });
+  }
+  buildFieldByType() {
+    var _a, _b;
+    if (!this._fieldSelected)
+      return;
+    const inputFieldData = (_a = fieldBuilder(this.configureFieldByType())) === null || _a === void 0 ? void 0 : _a.$children$.shift();
+    if (this._optionNotNull && inputFieldData || ((_b = this._elValueVariable) === null || _b === void 0 ? void 0 : _b.value) && inputFieldData) {
+      inputFieldData.$attrs$.enabled = false;
+    }
+    return h(inputFieldData.$tag$, Object.assign(Object.assign({}, inputFieldData.$attrs$), { ref: (el) => {
+        this._elFieldDynamic = el;
+      } }));
+  }
+  configureFieldByType() {
+    const field = {
+      userInterface: this._fieldSelected.userInterface,
+      name: this._fieldSelected.name,
+      label: this._fieldSelected.label,
+      canShowError: false
+    };
+    switch (field.userInterface) {
+      case UserInterface.OPTIONSELECTOR:
+        field.props = {
+          options: this._fieldSelected.properties.map(option => ({
+            value: option.value,
+            label: option.name,
+          })),
+        };
+        break;
+      case UserInterface.LONGTEXT:
+        field.rows = 1;
+        break;
+      case UserInterface.SEARCH:
+        field.optionLoader = searchArgument => this.setCriteriaSearch(searchArgument, this.application);
+        break;
+    }
+    return field;
+  }
+  setCriteriaSearch({ mode, argument }, application) {
+    if (application == undefined)
+      return;
+    const searchOptions = {
+      showInactives: false
+    };
+    const options = {
+      entity: this._fieldSelected.properties.ENTITYNAME,
+      searchOptions: searchOptions,
+      entityDescription: this._fieldSelected.label
+    };
+    return application.executePreparedSearch(mode, argument, options);
+  }
+  render() {
+    var _a;
+    return (h(Host, null, h("div", { class: "box" }, h("div", { class: "box__container" }, h("div", { class: "box__container--input-filter" }, h("ez-filter-input", { value: (_a = this._fieldSelected) === null || _a === void 0 ? void 0 : _a.path, label: this.getMessage("snkPersonalizedFilter.info.labelSearchField"), canShowError: false, onEzChange: (evt) => this.handleChangeFilterInput(evt), onFocus: () => this.handleFocus() }), h("snk-filter-field-search", { ref: ref => this._elFilterFieldSearch = ref, searchable: false, onEzSelectFilterItem: (ev) => this.handleSelectItem(ev.detail), fieldsDataSource: this._dataSourceFetcher })), h("div", { class: "box__container--input-operator" }, h("ez-combo-box", { label: this.getMessage("snkPersonalizedFilter.info.labelOperator"), canShowError: false, options: this.buildOptionsOperator(), onEzChange: (evt) => this.handleChangeOperator(evt.detail.value), suppressEmptyOption: true })), h("div", { class: "box__container--input-value" }, !this._fieldSelected ?
+      h("ez-number-input", { label: "Valor", canShowError: false, enabled: (!this._showValueVariable && !this._optionNotNull) }) :
+      this.buildFieldByType()), h("div", { class: "box__container--input-value-variable", title: this.getMessage("snkPersonalizedFilter.info.titleTooltip") }, !this._optionNotNull &&
+      h("ez-check", { ref: ref => this._elValueVariable = ref, label: this.getMessage("snkPersonalizedFilter.info.labelValueVarible"), mode: CheckMode.SWITCH, onEzChange: (evt) => this.handleChangeValueVariable(evt.detail) }), (this._showValueVariable && !this._optionNotNull) &&
+      h("ez-icon", { class: "box__container--input-value-variable--icon", size: "large", iconName: "settings-inverted", onClick: () => this.openSnkFilterParamConfig() }), h("snk-filter-param-config", { ref: (el) => this._elFilterParamConfigRef = el, messagesBuilder: this.messagesBuilder })), h("div", { class: "box__container--button-delete" }, h("div", { class: "box__container--button-delete--icon" }, this.canRemove && h("ez-button", { mode: "icon", iconName: "delete", onClick: (evt) => this.confirmRemove(evt) })))))));
+  }
+  static get watchers() { return {
+    "expression": ["expressionChanged"]
+  }; }
+  static get style() { return snkExpressionItemCss; }
+}, [2, "snk-expression-item", {
+    "expression": [16],
+    "canRemove": [516, "can-remove"],
+    "messagesBuilder": [1040],
+    "_showValueVariable": [32],
+    "_fieldSelected": [32],
+    "_optionNotNull": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-expression-item", "snk-filter-field-search", "snk-filter-param-config"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-expression-item":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkExpressionItem);
+      }
+      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 { SnkExpressionItem as S, defineCustomElement as d };