@sankhyalabs/sankhyablocks 0.0.0-feat-dev-kb-4158.0

package/dist/cjs/snk-guides-viewer.cjs.entry.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const snkGuidesViewer = require('./snk-guides-viewer-27f87d90.js');
+require('./index-f9e81701.js');
+require('@sankhyalabs/core');
+require('./SnkFormConfigManager-d1f1a222.js');
+require('./ConfigStorage-73e7afff.js');
+require('./form-config-fetcher-181767c9.js');
+require('./DataFetcher-004811c6.js');
+require('./_commonjsHelpers-537d719a.js');
+require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
+require('./resource-fetcher-c0332609.js');
+require('./filter-bar-config-fetcher-2b8ed9d0.js');
+require('./filter-item-type.enum-aa823a00.js');
+require('@sankhyalabs/ezui/dist/collection/utils/form');
+require('./taskbar-processor-bce3f499.js');
+require('./taskbar-elements-b98dd6e9.js');
+require('./index-0e663819.js');
+require('./index-102ba62d.js');
+require('./constants-d187e03e.js');
+require('./pesquisa-fetcher-9a97994a.js');
+require('@sankhyalabs/core/dist/dataunit/DataUnit');
+
+
+
+exports.snk_guides_viewer = snkGuidesViewer.SnkGuidesViewer;

package/dist/cjs/snk-personalized-filter-editor.cjs.entry.js

@@ -0,0 +1,210 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-f9e81701.js');
+const core = require('@sankhyalabs/core');
+const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
+const presentationMode = require('./presentationMode-52ec3bdd.js');
+const EzScrollDirection = require('@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection');
+const utils = require('@sankhyalabs/ezui/dist/collection/utils');
+
+const snkPersonalizedFilterEditorCss = ".sc-snk-personalized-filter-editor-h{--snk-filter-personalized__max-height:21;--snk-filter-personalized__max-width:21.5}.SnkFilterPersonalized_list-container.sc-snk-personalized-filter-editor{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.SnkFilterPersonalized_list-container-chip.sc-snk-personalized-filter-editor{width:400px}.SnkFilterPersonalized_list-scroller.sc-snk-personalized-filter-editor{display:block;max-height:calc(var(--space--2xl) * var(--snk-filter-personalized__max-height));cursor:auto;--ez-scroller__max-height:300px}.SnkFilterPersonalized_checkbox.sc-snk-personalized-filter-editor{display:grid;grid-template-columns:auto auto;justify-content:start}.SnkFilterPersonalized_list-container.sc-snk-personalized-filter-editor:has(.SnkFilterPersonalized_list-item--chip){gap:var(--space--small, 6px);max-width:calc(var(--space--md) * var(--snk-filter-personalized__max-width))}.SnkFilterPersonalized_list-item--modal.sc-snk-personalized-filter-editor{display:flex;border-radius:var(--border--radius-regular)}.SnkFilterPersonalized_list-item--modal.sc-snk-personalized-filter-editor:hover{background-color:var(--background--medium, #f0f3f7)}.SnkFilterPersonalized_list-actions.sc-snk-personalized-filter-editor{display:none;align-items:center}.SnkFilterPersonalized_list-item--modal.sc-snk-personalized-filter-editor:hover .SnkFilterPersonalized_list-actions.sc-snk-personalized-filter-editor{display:flex}.SnkFilterPersonalized_list-item--chip.sc-snk-personalized-filter-editor{display:flex;flex-direction:column;border:var(--border--small, 1px solid) var(--color-strokes, #DCE0E8);border-radius:var(--border--radius-regular)}.SnkFilterPersonalized_list-item--chip.sc-snk-personalized-filter-editor .sc-snk-personalized-filter-editor:first-of-type{gap:var(--space--3xs)}";
+
+const SnkFilterPersonalized = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.deleteFilter = index.createEvent(this, "deleteFilter", 7);
+    this.editFilter = index.createEvent(this, "editFilter", 7);
+    this.addFilter = index.createEvent(this, "addFilter", 7);
+    this.valueChanged = index.createEvent(this, "valueChanged", 7);
+    this.originalItems = [];
+    this.messagesBuilder = undefined;
+    this.presentationMode = presentationMode.EPresentationMode.MODAL;
+    this.config = undefined;
+    this.value = undefined;
+    this.items = [];
+  }
+  /**
+   * Apresenta o componente
+   */
+  async show() {
+    const elem = document.querySelector("#param_0");
+    if (elem)
+      elem["setFocus"]();
+  }
+  configWatcher(newConfig) {
+    this.items = this.originalItems = newConfig.groupedItems || [];
+  }
+  /**
+   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
+   * através de um pequeno modulo na estrutura da aplicação:
+   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
+   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-personalized-filter.msg.ts"
+   */
+  getMessage(key, params) {
+    var _a;
+    if (this.messagesBuilder)
+      return this.messagesBuilder.getMessage(key, params);
+    if ((_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder)
+      return this._application.messagesBuilder.getMessage(key, params);
+  }
+  getItemContent(item) {
+    var _a, _b;
+    const CheckboxElement = () => (index.h("ez-check", Object.assign({ class: "SnkFilterPersonalized_checkbox", id: `param_${item.id}`, key: item.id, compact: true, value: item.visible, label: item.label, onEzChange: ({ detail: visible }) => this.handleItemChange.bind(this)(visible, item.id) }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo(`checkboxFilter_${item.id}`)}` })));
+    const isVariable = !!((_b = (_a = item.props) === null || _a === void 0 ? void 0 : _a.personalizedFilter) === null || _b === void 0 ? void 0 : _b.parameters.length);
+    return (index.h("div", { class: `${!this.isModalMode() ? "SnkFilterPersonalized_list-item--chip" : ""}` }, index.h("li", { class: `${this.isModalMode() ? "SnkFilterPersonalized_list-item--modal" : ""}` }, index.h("div", { class: "ez-flex ez-flex--align-items-center ez-margin-right--small ez-size-width--full" }, index.h(CheckboxElement, null), this.buildModalListActions(item, isVariable))), (item.visible && isVariable) && (index.h("div", { class: "ez-row ez-padding--small" }, this.getFormField(item)))));
+  }
+  buildModalListActions(item, isVariable) {
+    if (!this.isModalMode())
+      return;
+    return (this.isModalMode() ?
+      index.h("div", { class: "SnkFilterPersonalized_list-actions" }, index.h("ez-button", { size: "small", mode: "icon", iconName: "edit", title: this.getMessage('snkPersonalizedFilter.listActions.edit'), onClick: () => this.editFilter.emit(item.id) }), index.h("ez-button", { size: "small", mode: "icon", iconName: "delete", title: this.getMessage('snkPersonalizedFilter.listActions.delete'), onClick: this.handleDeleteFilter.bind(this, item) }))
+      :
+        isVariable && (index.h("ez-badge", Object.assign({ class: "ez-badge--warning-subtle ez-margin-right--small", label: this.getMessage('snkPersonalizedFilter.info.badgeVariable'), size: "medium" }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo(`variableBadge_${item.id}`)}` }))));
+  }
+  isModalMode() {
+    return this.presentationMode === presentationMode.EPresentationMode.MODAL;
+  }
+  doSearch(mode, argument, param) {
+    return new Promise((resolve, reject) => {
+      this._application.executePreparedSearch(mode, argument, param.searchContext)
+        .then(result => {
+        resolve(result);
+      }).catch(reason => {
+        reject(reason);
+      });
+    });
+  }
+  getFormField(parentItem) {
+    var _a, _b;
+    const params = (_b = (_a = parentItem === null || parentItem === void 0 ? void 0 : parentItem.props) === null || _a === void 0 ? void 0 : _a.personalizedFilter) === null || _b === void 0 ? void 0 : _b.parameters;
+    return params.map((param, index$1) => {
+      var _a, _b, _c;
+      const formProp = Object.assign(Object.assign({}, param), { id: parentItem.id });
+      const value = (_a = parentItem.value) === null || _a === void 0 ? void 0 : _a[index$1];
+      const elemId = 'param_' + index$1;
+      switch (param.userInterface) {
+        case core.UserInterface.SEARCH:
+          return index.h("ez-search", { id: elemId, suppressEmptyOption: true, value: value, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp), label: param.label, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, param) });
+        case core.UserInterface.SWITCH:
+        case core.UserInterface.CHECKBOX:
+          const mode = core.UserInterface.SWITCH === param.userInterface ? utils.CheckMode.SWITCH : utils.CheckMode.REGULAR;
+          return index.h("ez-check", { id: elemId, class: "ez-padding-bottom--medium", mode: mode, value: value, label: param.label, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
+        case core.UserInterface.DECIMALNUMBER:
+          return index.h("ez-number-input", { id: elemId, label: param.label, value: value, precision: ((_b = param.props) === null || _b === void 0 ? void 0 : _b.precision) || 2, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
+        case core.UserInterface.INTEGERNUMBER:
+          return index.h("ez-number-input", { id: elemId, label: param.label, value: value, precision: (_c = param.props) === null || _c === void 0 ? void 0 : _c.precision, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
+        case core.UserInterface.OPTIONSELECTOR:
+          return index.h("ez-combo-box", { id: elemId, label: param.label, value: value, options: param.options, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
+        case core.UserInterface.DATE:
+          return index.h("ez-date-input", { id: elemId, label: param.label, value: this.parseDate(value), onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
+        case core.UserInterface.DATETIME:
+          return index.h("ez-date-time-input", { id: elemId, label: param.label, value: this.parseDate(value), onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
+        default:
+          return index.h("ez-text-input", { id: elemId, label: param.label, value: value, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
+      }
+    });
+  }
+  parseDate(objValue) {
+    if (typeof objValue === "string") {
+      let date = new Date(objValue);
+      date.setMinutes(date.getMinutes() + date.getTimezoneOffset());
+      return date;
+    }
+    return objValue;
+  }
+  getVisibleCount(items) {
+    return items.reduce((total, item) => {
+      if (!!item.visible)
+        return total + 1;
+      return total;
+    }, 0);
+  }
+  handleItemChange(visible, itemId) {
+    this.items = this.originalItems = this.originalItems.map(item => {
+      const isVisible = item.id === itemId ? visible : item.visible;
+      return Object.assign(Object.assign({}, item), { visible: isVisible, active: isVisible });
+    });
+    this.emitChange();
+  }
+  handleSearchFilterList({ detail: query = "" }) {
+    this.items = query ? this.originalItems.filter(item => item.label.toLowerCase().includes(query.toLowerCase())) : this.originalItems;
+  }
+  handleFilterItemChange(value, formProp) {
+    var _a;
+    const changedItem = this.items.find(({ id }) => id === formProp.id);
+    const { parameters = [] } = ((_a = changedItem.props) === null || _a === void 0 ? void 0 : _a.personalizedFilter) || {};
+    const indexToChangedParameter = parameters.findIndex(param => param.name === formProp.name);
+    parameters[indexToChangedParameter] = formProp;
+    changedItem.props.personalizedFilter.parameters = parameters;
+    if (!changedItem.value) {
+      changedItem.value = [];
+    }
+    changedItem.value[indexToChangedParameter] = value;
+    const updatedItems = [
+      ...this.items,
+      changedItem
+    ];
+    this.items = Array.from(new Set(updatedItems));
+    this.emitChange();
+  }
+  handleClearFilters() {
+    this.emitChange(true);
+  }
+  emitChange(clear = false) {
+    if (clear)
+      this.items = this.originalItems;
+    const items = this.items.map(item => (Object.assign(Object.assign({}, item), { visible: !clear && item.visible })));
+    const value = this.getVisibleCount(items);
+    this.valueChanged.emit({ value, items });
+  }
+  handleDeleteFilter(item) {
+    this._application.confirm(this.getMessage('snkPersonalizedFilter.deleteConfirm.title'), this.getMessage('snkPersonalizedFilter.deleteConfirm.message', { filterName: item.label })).then((actionConfirmed) => {
+      if (!actionConfirmed)
+        return;
+      this.deleteFilter.emit(item);
+      this.items = this.originalItems = this.originalItems.filter(originalItem => originalItem.id !== item.id);
+      this.emitChange();
+    });
+  }
+  componentDidLoad() {
+    if (this._element)
+      core.ElementIDUtils.addIDInfoIfNotExists(this._element, 'filterContentEditor');
+  }
+  componentWillLoad() {
+    var _a;
+    this._application = core.ApplicationContext.getContextValue('__SNK__APPLICATION__');
+    this.items = this.originalItems = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.groupedItems) || [];
+  }
+  buildModeModalHeader() {
+    if (this.presentationMode !== presentationMode.EPresentationMode.MODAL)
+      return;
+    return (index.h("div", { class: "ez-margin-bottom--medium" }, index.h(index.Fragment, null, index.h("ez-filter-input", Object.assign({ label: this.config.label, onEzChange: this.handleSearchFilterList.bind(this) }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo("filterSearch")}` })), index.h("span", { class: "ez-text ez-title--small ez-title--primary" }, " ", this.config.detailTitle, " "))));
+  }
+  buildModeModalFooter() {
+    if (this.presentationMode !== presentationMode.EPresentationMode.MODAL)
+      return;
+    return (index.h("div", { class: "ez-flex ez-flex--justify-end grow ez-margin-top--medium ez-margin-bottom--small" }, index.h("ez-button", { class: "ez-button--tertiary ez-margin-right--small", size: "medium", label: this.getMessage('snkPersonalizedFilter.footerActions.clear'), onClick: this.handleClearFilters.bind(this) }), index.h("ez-button", { class: "ez-button--secondary ez-margin-right--small", size: "medium", label: this.getMessage('snkPersonalizedFilter.footerActions.create'), onClick: () => this.addFilter.emit() })));
+  }
+  buildContainerFiltersCreated() {
+    if (this.items.length) {
+      return (index.h("ez-scroller", { class: "SnkFilterPersonalized_list-scroller", direction: EzScrollDirection.EzScrollDirection.VERTICAL }, index.h("ul", { class: `SnkFilterPersonalized_list-container ${!this.isModalMode() ? "SnkFilterPersonalized_list-container-chip" : ""}` }, this.items.map((itemConfig) => this.getItemContent(itemConfig)))));
+    }
+    else {
+      return (index.h("div", { class: "ez-margin--auto" }, index.h("span", { class: "ez-text ez-text--secondary ez-text--small" }, this.getMessage('snkPersonalizedFilter.info.noDataFound'))));
+    }
+  }
+  render() {
+    if (!this.config || this.config.type !== filterItemType_enum.FilterItemType.PERSONALIZED)
+      return undefined;
+    return (index.h(index.Host, null, this.buildModeModalHeader(), this.buildContainerFiltersCreated(), this.buildModeModalFooter()));
+  }
+  get _element() { return index.getElement(this); }
+  static get watchers() { return {
+    "config": ["configWatcher"]
+  }; }
+};
+SnkFilterPersonalized.style = snkPersonalizedFilterEditorCss;
+
+exports.snk_personalized_filter_editor = SnkFilterPersonalized;

package/dist/cjs/snk-personalized-filter.cjs.entry.js

@@ -0,0 +1,305 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-f9e81701.js');
+const core = require('@sankhyalabs/core');
+const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-1aeb625d.js');
+const ConfigStorage = require('./ConfigStorage-73e7afff.js');
+const utils = require('@sankhyalabs/ezui/dist/collection/utils');
+const index$1 = require('./index-c5771aba.js');
+const index$2 = require('./index-102ba62d.js');
+require('./filter-item-type.enum-aa823a00.js');
+require('./form-config-fetcher-181767c9.js');
+require('./DataFetcher-004811c6.js');
+require('./_commonjsHelpers-537d719a.js');
+require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
+require('./resource-fetcher-c0332609.js');
+require('./filter-bar-config-fetcher-2b8ed9d0.js');
+
+const snkPersonalizedFilterCss = ".sc-snk-personalized-filter-h{display:flex;height:100%;padding:var(--space--large, 24px);--snk-personalized-filter--width:100%;--snk-personalized-filter--height:100%;--snk-personalized-filter--background-color-line:var(--color--disable-secondary);--snk-personalized-filter--margin-line:var(--border--radius-medium, 12px)}.snk-personalized-filter.sc-snk-personalized-filter{height:var(--snk-personalized-filter--width);width:var(--snk-personalized-filter--height)}.snk-personalized-filter__header-actions.sc-snk-personalized-filter{display:flex;gap:var(--space--medium)}.snk-personalized-filter__group.sc-snk-personalized-filter{flex:1}.snk-personalized-filter__expression-input--line.sc-snk-personalized-filter{width:100%;height:2px;background-color:var(--snk-personalized-filter--background-color-line);margin-top:var(--snk-personalized-filter--margin-line);margin-bottom:var(--snk-personalized-filter--margin-line)}.ez-box__main.sc-snk-personalized-filter{height:90%}.snk-personalized-filter__button-mode.sc-snk-personalized-filter{height:35px}";
+
+const SnkPersonalizedFilter = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ezCancel = index.createEvent(this, "ezCancel", 7);
+    this.ezSave = index.createEvent(this, "ezSave", 7);
+    this._personalizedFilterFetcher = new ConfigStorage.PersonalizedFilterFetcher();
+    this._filterMetadataStorage = new Map();
+    this._dataSourceFetcher = {
+      fetchData: async (entity) => {
+        let entityURI = entity === null || entity === void 0 ? void 0 : entity.uri;
+        if (core.StringUtils.isEmpty(entityURI)) {
+          entityURI = this.entityUri;
+        }
+        if (!this._filterMetadataStorage.has(entityURI)) {
+          const filterMetadata = await this._personalizedFilterFetcher.loadFields(entityURI);
+          this._filterMetadataStorage.set(entityURI, filterMetadata);
+        }
+        return this._filterMetadataStorage.get(entityURI);
+      }
+    };
+    this._filterAssistentMode = true;
+    this._filterAssistent = undefined;
+    this.messagesBuilder = undefined;
+    this.entityUri = undefined;
+    this.filterId = undefined;
+    this.configName = undefined;
+  }
+  /*
+   * Cria um novo filtro se não houver nenhum filtro existente
+   */
+  async createPersonalizedFilter() {
+    const newPersonalizedFilter = {
+      name: "",
+      active: true,
+      expression: "",
+      parameters: [],
+      assistent: {
+        id: core.StringUtils.generateUUID(),
+        items: [
+          {
+            id: core.StringUtils.generateUUID(),
+            entityName: "",
+            fieldName: "",
+            description: "",
+            fieldLabel: "Valor",
+            type: undefined,
+            expression: undefined,
+            operand: undefined,
+            paramVariable: false,
+            value: undefined,
+            systemConfig: null,
+            userConfig: null
+          }
+        ],
+        childrenGroups: [],
+        operand: index$1.FilterGroupCondition.AND
+      }
+    };
+    this._originalFilterAssistent = core.ObjectUtils.copy(newPersonalizedFilter);
+    this._filterAssistent = core.ObjectUtils.copy(newPersonalizedFilter);
+  }
+  loadFilter(newValue, oldValue) {
+    if (newValue == null || oldValue == newValue) {
+      return;
+    }
+    ConfigStorage.ConfigStorage.get().then((_instance) => {
+      ConfigStorage.ConfigStorage.loadPersonalizedFilter(newValue, this.configName)
+        .then((resp) => {
+        const personalizedFilter = this.addLabelToItems(resp);
+        this._filterAssistent = personalizedFilter;
+        this._originalFilterAssistent = core.ObjectUtils.copy(personalizedFilter);
+        this._filterAssistentMode = this._filterAssistent.hasOwnProperty("assistent") && this._filterAssistent.assistent != undefined;
+      });
+    });
+  }
+  componentWillLoad() {
+    var _a;
+    if (index$2.store.get(`filterFieldsDataSource.${this.entityUri}`) == undefined) {
+      index$2.store.set(`filterFieldsDataSource.${this.entityUri}`, this._dataSourceFetcher);
+    }
+    if (!this.messagesBuilder) {
+      this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+      this.messagesBuilder = (_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder;
+    }
+    this.loadFilter(this.filterId, undefined);
+  }
+  componentDidRender() {
+    var _a;
+    (_a = this._viewStackRef) === null || _a === void 0 ? void 0 : _a.show(this._filterAssistentMode ? 0 : 1);
+    if (this._elButtonMode) {
+      this._elButtonMode.setAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME, core.ElementIDUtils.getInternalIDInfo(`${this._filterAssistentMode ? "advancedMode_ezButton" : "assistentMode_ezButton"}`));
+    }
+  }
+  getMessage(key, params) {
+    return this._application.messagesBuilder.getMessage(key, params);
+  }
+  saveFilter() {
+    ConfigStorage.ConfigStorage.savePersonalizedFilter(this._filterAssistent, this.configName).then((personalizedFilter) => {
+      this._elButtonSave.enabled = false;
+      const messageToken = !!this._filterAssistent.id ? 'confirmEdit' : 'confirmSave';
+      utils.ApplicationUtils.info(this.getMessage(`snkPersonalizedFilter.${messageToken}.title`), { iconName: "check" });
+      const updatedFilterAssistent = Object.assign(Object.assign({}, personalizedFilter), this._filterAssistent);
+      updatedFilterAssistent.parameters = PersonalizedFilterUtils.PersonalizedFilterUtils.buildVariableParameters(this._filterAssistent.assistent);
+      this._originalFilterAssistent = core.ObjectUtils.copy(updatedFilterAssistent);
+      this._filterAssistent = core.ObjectUtils.copy(updatedFilterAssistent);
+    });
+  }
+  removeFilter() {
+    ConfigStorage.ConfigStorage.removePersonalizedFilter(this._filterAssistent, this.configName);
+  }
+  hasChangesToSave() {
+    return JSON.stringify(this._filterAssistent) === JSON.stringify(this._originalFilterAssistent);
+  }
+  async handleSave() {
+    if (this._filterAssistentMode) {
+      const isValid = PersonalizedFilterUtils.PersonalizedFilterUtils.validateFields(this._filterAssistent.assistent);
+      if (!isValid || !this._filterAssistent.name)
+        return this._application.error(this.getMessage("snkPersonalizedFilter.error.title"), this.getMessage("snkPersonalizedFilter.error.description"));
+      this.saveAssistentMode();
+    }
+    else {
+      if (!this._filterAssistent.expression || !this._filterAssistent.name)
+        return this._application.error(this.getMessage("snkPersonalizedFilter.error.title"), this.getMessage("snkPersonalizedFilter.error.description"));
+      const isValidExpressionForAdvancedMode = await this.validateExpressionBeforeSaving();
+      if (!isValidExpressionForAdvancedMode)
+        return;
+      this.saveAdvancedMode();
+    }
+  }
+  saveAssistentMode() {
+    const { assistent, expression } = this._filterAssistent;
+    const expressionQuery = !!assistent ? PersonalizedFilterUtils.PersonalizedFilterUtils.buildGroupExpression(assistent) : expression;
+    this._filterAssistent.expression = expressionQuery;
+    this.ezSave.emit(expressionQuery);
+    this.saveFilter();
+  }
+  saveAdvancedMode() {
+    if (this._originalFilterAssistent.expression !== this._filterAssistent.expression && this._filterAssistent.assistent) {
+      utils.ApplicationUtils.confirm(this.getMessage("snkPersonalizedFilter.confirmSaveModeAdvanced.title"), this.getMessage("snkPersonalizedFilter.confirmSaveModeAdvanced.description"))
+        .then((confirm) => {
+        if (!confirm)
+          return;
+        this.saveAndTransformToAdvancedMode();
+      });
+    }
+    else if (!this._filterAssistent.assistent) {
+      this.saveAndTransformToAdvancedMode();
+    }
+    else {
+      this.saveAssistentMode();
+    }
+  }
+  saveAndTransformToAdvancedMode() {
+    this._filterAssistent.assistent = undefined;
+    this.ezSave.emit(this._filterAssistent.expression);
+    this.saveFilter();
+  }
+  async validateExpressionBeforeSaving() {
+    const { valid, message = "" } = await this._personalizedFilterFetcher.validatePersonalizedFilter(this.entityUri, this._filterAssistent.expression);
+    valid || this._application.error(this.getMessage("snkPersonalizedFilter.errorValidation.title"), message.replace(/.*Exception: /, ''));
+    return valid;
+  }
+  handleCancel() {
+    if (this.hasChangesToSave()) {
+      return this.ezCancel.emit();
+    }
+    utils.ApplicationUtils.confirm(this.getMessage("snkPersonalizedFilter.confirmCancel.title"), this.getMessage("snkPersonalizedFilter.confirmCancel.description"))
+      .then((canCancel) => {
+      var _a;
+      if (!canCancel)
+        return;
+      this._filterAssistent = core.ObjectUtils.copy((_a = this._originalFilterAssistent) !== null && _a !== void 0 ? _a : {});
+      this.ezCancel.emit();
+      this._elButtonSave.enabled = false;
+    });
+  }
+  handleTitleChange(name) {
+    this._filterAssistent = Object.assign(Object.assign({}, this._filterAssistent), { name });
+    this._elButtonSave.enabled = !this.hasChangesToSave();
+  }
+  addLabelToItems(resp) {
+    //Workaround: Alguns filtros foram salvos sem o fieldLabel. Para evitar transtornos
+    //tentamos usar o fieldLabel que pode estar informado no parametro.
+    if (resp.assistent && resp.assistent.items && resp.assistent.items.length > 0) {
+      resp.assistent.items.forEach(item => {
+        if (item.fieldLabel == undefined) {
+          const param = (resp.parameters || []).find(param => param.fieldName === item.fieldName);
+          if (param) {
+            item.fieldLabel = param.label;
+          }
+        }
+      });
+    }
+    return resp;
+  }
+  handleExpressionChangeAdvancedMode(expression) {
+    this._filterAssistent = Object.assign(Object.assign({}, this._filterAssistent), { expression });
+    this._elButtonSave.enabled = !this.hasChangesToSave();
+  }
+  handleChangeFilterAssistentMode(filterAssistent) {
+    this._elButtonSave.enabled = !this.hasChangesToSave();
+    this._filterAssistent = Object.assign({}, filterAssistent);
+  }
+  selectField(fieldName) {
+    if (!('name' in fieldName))
+      return;
+    const fieldExpression = this.buildExpression(fieldName.entityName, fieldName.name, fieldName.entityPath);
+    const textAreaElement = this._elAdvancedMode.querySelector('ez-text-area');
+    textAreaElement.appendTextToSelection(fieldExpression);
+  }
+  buildExpression(entityName, fieldName, entityPath) {
+    if (entityPath.length > 0) {
+      entityPath.shift();
+    }
+    return entityPath.length > 0 ? `${entityPath.join("->")}->${fieldName}` : `${entityName}.${fieldName}`;
+  }
+  onAddField(target) {
+    const textAreaElement = this._elAdvancedMode.querySelector('ez-text-area');
+    const options = { horizontalGap: 0, verticalGap: 12, fromRight: true };
+    textAreaElement.setFocus();
+    target.setBlur();
+    if (this._elFilterFieldSearch)
+      this._elFilterFieldSearch.show(target, options);
+  }
+  renderButtonAddField() {
+    if (this._filterAssistentMode)
+      return;
+    return (index.h(index.Fragment, null, index.h("ez-button", { class: "snk-personalized-filter__button-mode", label: this.getMessage("snkPersonalizedFilter.info.addField"), enabled: true, onClick: (evt) => this.onAddField(evt.target) }, index.h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: "plus" })), index.h("snk-filter-field-search", { class: "ez-padding-left--medium", ref: ref => this._elFilterFieldSearch = ref, onEzSelectFilterItem: (evt) => this.selectField(evt.detail), fieldsDataSource: this._dataSourceFetcher })));
+  }
+  buildContainerPersonalizedFilter() {
+    return (index.h("ez-view-stack", { ref: (ref) => this._viewStackRef = ref }, index.h("stack-item", null, this._filterAssistentMode &&
+      index.h("snk-filter-assistent-mode", { filterAssistent: this._filterAssistent, messagesBuilder: this.messagesBuilder, filterId: this.filterId, entityUri: this.entityUri, application: this._application, onEzChangeFilter: (ev) => this.handleChangeFilterAssistentMode(ev.detail) })), index.h("stack-item", null, index.h("snk-filter-advanced-mode", { ref: (ref) => this._elAdvancedMode = ref, filterAssistent: this._filterAssistent, application: this._application, onEzExpressionChange: (ev) => this.handleExpressionChangeAdvancedMode(ev.detail) }))));
+  }
+  handleModeChange() {
+    var _a, _b;
+    if (this._filterAssistentMode) {
+      utils.ApplicationUtils.confirm(this.getMessage("snkPersonalizedFilter.confirmChangeModeAssistent.title"), this.getMessage("snkPersonalizedFilter.confirmChangeModeAssistent.description"))
+        .then((canCancel) => {
+        if (!canCancel)
+          return;
+        this._filterAssistentMode = !this._filterAssistentMode;
+        if (!this.hasChangesToSave()) {
+          const expression = PersonalizedFilterUtils.PersonalizedFilterUtils.buildGroupExpression(this._filterAssistent.assistent);
+          this._filterAssistent.expression = expression;
+          this._elButtonSave.enabled = !this.hasChangesToSave();
+        }
+      });
+    }
+    else {
+      if (((_a = this._filterAssistent) === null || _a === void 0 ? void 0 : _a.expression) === ((_b = this._originalFilterAssistent) === null || _b === void 0 ? void 0 : _b.expression)) {
+        this._filterAssistentMode = !this._filterAssistentMode;
+      }
+      else {
+        const expressionBefore = this._filterAssistent.expression;
+        const expression = PersonalizedFilterUtils.PersonalizedFilterUtils.buildGroupExpression(this._filterAssistent.assistent);
+        if (expressionBefore !== expression) {
+          utils.ApplicationUtils.confirm(this.getMessage("snkPersonalizedFilter.confirmChangeModeAdvanced.title"), this.getMessage("snkPersonalizedFilter.confirmChangeModeAdvanced.description"))
+            .then((canCancel) => {
+            if (!canCancel)
+              return;
+            this._filterAssistent = Object.assign(Object.assign({}, this._filterAssistent), { expression });
+            this._filterAssistentMode = !this._filterAssistentMode;
+          });
+        }
+        else {
+          this._filterAssistentMode = !this._filterAssistentMode;
+        }
+      }
+    }
+  }
+  render() {
+    var _a, _b, _c, _d;
+    if (!((_a = this._filterAssistent) === null || _a === void 0 ? void 0 : _a.assistent) && this._filterAssistentMode) {
+      return;
+    }
+    return (index.h(index.Host, null, index.h("div", { class: "snk-personalized-filter" }, index.h("div", null, index.h("snk-simple-bar", { label: this.filterId ? this.getMessage("snkPersonalizedFilter.info.titleEdit") : this.getMessage("snkPersonalizedFilter.info.titleAdd"), onExit: () => this.handleCancel() }, index.h("div", { class: "snk-personalized-filter__header-actions", slot: "rightSlot" }, index.h("ez-button", { size: "small", label: this.getMessage("snkPersonalizedFilter.info.labelCancel"), onClick: () => this.handleCancel() }), index.h("ez-button", { size: "small", ref: (el) => this._elButtonSave = el, enabled: false, class: "ez-button--primary", label: this.getMessage("snkPersonalizedFilter.info.labelSave"), onClick: this.handleSave.bind(this) })))), index.h("div", { class: "ez-box ez-margin-bottom--medium ez-box__main" }, index.h("div", { class: "ez-box__container" }, index.h("div", { class: "ez-flex ez-flex--column ez-size-width--full" }, index.h("div", { class: "ez-flex" }, index.h("ez-text-input", { class: "ez-padding-right--medium", label: this.getMessage("snkPersonalizedFilter.info.labelNameFilter"), value: (_b = this._filterAssistent) === null || _b === void 0 ? void 0 : _b.name, onEzChange: (evt) => this.handleTitleChange(evt.detail) }), this.renderButtonAddField(), index.h("ez-button", { ref: (el) => this._elButtonMode = el, class: "snk-personalized-filter__button-mode", label: this._filterAssistentMode ? this.getMessage("snkPersonalizedFilter.info.activeModeAdvanced") : this.getMessage("snkPersonalizedFilter.info.activeModeAssistent"), onClick: () => this.handleModeChange(), "data-tooltip": !(this._filterAssistentMode || ((_c = this._filterAssistent) === null || _c === void 0 ? void 0 : _c.assistent)) ? this.getMessage("snkPersonalizedFilter.info.tooltipDisabledAssistentMode") : undefined, "data-flow": "bottom", enabled: (!this._filterAssistent.name || Boolean(this._filterAssistentMode || ((_d = this._filterAssistent) === null || _d === void 0 ? void 0 : _d.assistent))) })), this.buildContainerPersonalizedFilter()))))));
+  }
+  static get watchers() { return {
+    "filterId": ["loadFilter"]
+  }; }
+};
+SnkPersonalizedFilter.style = snkPersonalizedFilterCss;
+
+exports.snk_personalized_filter = SnkPersonalizedFilter;