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

package/dist/components/snk-entity-list.d.ts

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

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

@@ -0,0 +1,138 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+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)}";
+
+const SnkEntityList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.valueChanged = createEvent(this, "valueChanged", 7);
+    this.saveConfig = createEvent(this, "saveConfig", 7);
+    this._searchValue = undefined;
+    this._ezListSource = [];
+    this.config = undefined;
+    this.rightListSlotBuilder = undefined;
+    this.maxHeightList = "";
+  }
+  async reloadList() {
+    this.loadListSource();
+    this.saveConfig.emit(this.config);
+  }
+  observeConfig() {
+    var _a, _b;
+    (_b = (_a = this._searchElement) === null || _a === void 0 ? void 0 : _a['clearValue']) === null || _b === void 0 ? void 0 : _b.call(_a);
+  }
+  ezListChangeListener(evt) {
+    var _a, _b;
+    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);
+  }
+  loadListSource() {
+    var _a;
+    this._ezListSource = [];
+    (_a = (this.getListConfigValue(this.config))) === null || _a === void 0 ? void 0 : _a.forEach(value => {
+      if (value) {
+        this._ezListSource.push({
+          label: `${value.id} - ${value.label}`,
+          check: value.check,
+          id: value.id
+        });
+      }
+    });
+  }
+  componentDidLoad() {
+    var _a, _b, _c, _d, _e;
+    let configValue = this.getListConfigValue(this.config);
+    let configValueArray = [];
+    if (Array.isArray(configValue)) {
+      configValueArray = configValue;
+    }
+    else {
+      configValueArray.push((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.members);
+    }
+    this.config.value = configValueArray;
+    this._entityName = (_e = (_d = (_c = this.config) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.searchContext) === null || _e === void 0 ? void 0 : _e.entity;
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this.loadListSource();
+  }
+  optionLoader(searchArgument) {
+    var _a, _b, _c, _d;
+    const { mode, argument } = searchArgument;
+    if (this._application === undefined) {
+      return;
+    }
+    const searchOptions = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.searchContext) === null || _c === void 0 ? void 0 : _c.searchOptions;
+    const options = {
+      entityDescription: (_d = this.config) === null || _d === void 0 ? void 0 : _d.label,
+      entity: this._entityName,
+      searchOptions: searchOptions
+    };
+    return this._application.executePreparedSearch(mode, argument, options);
+  }
+  onEzSearchChange(evt) {
+    var _a, _b, _c, _d;
+    if (evt.detail != undefined && ((_a = (this.getListConfigValue(this.config))) === null || _a === void 0 ? void 0 : _a.find(i => { var _a; return (i === null || i === void 0 ? void 0 : i.id) == ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); })) === undefined) {
+      this.config = Object.assign(Object.assign({}, this.config), { value: [
+          ...((_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : []),
+          {
+            id: evt.detail.value,
+            check: true,
+            label: evt.detail.label
+          }
+        ] });
+      this.loadListSource();
+      this.saveConfig.emit(this.config);
+      this.valueChanged.emit((_d = this.config) === null || _d === void 0 ? void 0 : _d.value);
+    }
+  }
+  getMessage(key, params) {
+    var _a;
+    return (_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder.getMessage(key, params);
+  }
+  getListConfigValue(config) {
+    var _a, _b, _c, _d;
+    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, _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"]
+  }; }
+  static get style() { return snkEntityListCss; }
+}, [2, "snk-entity-list", {
+    "config": [1040],
+    "rightListSlotBuilder": [1040],
+    "maxHeightList": [1, "max-height-list"],
+    "_searchValue": [32],
+    "_ezListSource": [32],
+    "reloadList": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-entity-list"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-entity-list":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkEntityList$1);
+      }
+      break;
+  } });
+}
+
+const SnkEntityList = SnkEntityList$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkEntityList, defineCustomElement };

package/dist/components/snk-exporter-email-sender.d.ts

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

package/dist/components/snk-exporter-email-sender.js

@@ -0,0 +1,6 @@
+import { S as SnkExporterEmailSender$1, d as defineCustomElement$1 } from './snk-exporter-email-sender2.js';
+
+const SnkExporterEmailSender = SnkExporterEmailSender$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkExporterEmailSender, defineCustomElement };

package/dist/components/snk-exporter-email-sender2.js

@@ -0,0 +1,149 @@
+import { h, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
+import { ElementIDUtils } from '@sankhyalabs/core';
+import { ModalAction } from '@sankhyalabs/ezui/dist/collection/components/ez-modal-container';
+
+const EmailInfoStep = ({ getMessage, changeInfo, data }) => {
+  const { format, email } = data || {};
+  return h("div", null,
+    h("ez-text-input", Object.assign({ label: `${getMessage("snkExporter.emailSenderInfoStep_sendTo")} (obrigatório) *`, value: email === null || email === void 0 ? void 0 : email.to, onEzChange: evt => { var _a; return changeInfo("to", (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.trim()); } }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("sendTo")}` })),
+    h("ez-text-input", Object.assign({ label: `${getMessage("snkExporter.emailSenderInfoStep_subject")} (obrigatório) *`, value: email === null || email === void 0 ? void 0 : email.subject, onEzChange: evt => { var _a; return changeInfo("subject", (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.trim()); } }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("subject")}` })),
+    h("ez-text-area", Object.assign({ label: getMessage("snkExporter.emailSenderInfoStep_message"), value: email === null || email === void 0 ? void 0 : email.message, onEzChange: evt => changeInfo("message", evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("message")}` })),
+    ((email === null || email === void 0 ? void 0 : email.attachments) || [])
+      .map((file, index) => h("ez-file-item", Object.assign({ class: "ez-padding-bottom--large", fileName: `${file.name}.${format}`, fileSize: file.size, canRemove: false }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("fileItem_") + (index + 1)}` }))));
+};
+
+const OptionsStep = ({ getMessage, changeInfo, data }) => {
+  const selectionCount = (data === null || data === void 0 ? void 0 : data.selectedRows) || 0;
+  const formatOptions = [
+    { label: getMessage("snkExporter.emailSenderOptStep_formatPDF"), value: "pdf" },
+    { label: getMessage("snkExporter.emailSenderOptStep_formatXLSX"), value: "xlsx" }
+  ];
+  const typeOptions = [
+    { label: getMessage("snkExporter.emailSenderOptStep_allData"), value: "all" },
+    { label: getMessage("snkExporter.emailSenderOptStep_currentPage"), value: "page" },
+  ];
+  if (selectionCount > 0) {
+    const label = getMessage(selectionCount > 1 ? "snkExporter.emailSenderOptStep_someRecords" : "snkExporter.emailSenderOptStep_oneRecord", { SELECTION_COUNT: selectionCount });
+    typeOptions.push({
+      label,
+      value: "selection"
+    });
+  }
+  return h("div", null,
+    h("ez-radio-button", Object.assign({ class: "ez-margin-bottom--large" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("formato")}` }, { label: getMessage("snkExporter.emailSenderOptStep_lblFormat"), direction: "horizontal", value: data === null || data === void 0 ? void 0 : data.format, onEzChange: evt => changeInfo("format", evt.detail), options: formatOptions })),
+    h("ez-radio-button", Object.assign({ class: "ez-margin-bottom--large" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("type")}` }, { label: getMessage("snkExporter.emailSenderOptStep_export"), value: (data === null || data === void 0 ? void 0 : data.type) || "all", onEzChange: evt => changeInfo("type", evt.detail), options: typeOptions })));
+};
+
+const SnkExporterEmailSender = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this._stepInfo = [
+      {
+        subTitle: "snkExporter.emailSenderOptStep_subtitle",
+        firstButton: "snkExporter.emailSenderCancelButton",
+        secondButton: "snkExporter.emailSenderNextButton",
+        firstButtonAction: () => this.close(),
+        secondButtonAction: () => this.changeStep(1)
+      },
+      {
+        subTitle: "snkExporter.emailSenderInfoStep_subtitle",
+        firstButton: "snkExporter.emailSenderBackButton",
+        secondButton: "snkExporter.emailSenderSendButton",
+        firstButtonAction: () => this.changeStep(0),
+        secondButtonAction: () => this.send(),
+        secondButtonEnabledTester: () => this.isFilled(),
+        secondButtonClass: "ez-button--primary"
+      }
+    ];
+    this._config = undefined;
+    this._opened = false;
+    this._currentStep = 0;
+    this.getMessage = undefined;
+  }
+  open(config) {
+    var _a;
+    this._config = Object.assign(Object.assign({}, config), { format: (_a = config === null || config === void 0 ? void 0 : config.format) !== null && _a !== void 0 ? _a : "pdf" });
+    this._opened = true;
+    this.changeStep(0);
+    return new Promise(accept => {
+      this._promiseResolver = accept;
+    });
+  }
+  close() {
+    this._opened = false;
+    return new Promise(accept => {
+      this._promiseResolver = accept;
+    });
+  }
+  getStepMessage(key) {
+    const stepInfo = this._stepInfo[this._currentStep] || {};
+    return this.getMessage(stepInfo[key]);
+  }
+  executeButtonAction(first) {
+    const stepInfo = this._stepInfo[this._currentStep] || {};
+    stepInfo[first ? "firstButtonAction" : "secondButtonAction"]();
+  }
+  checkButtonEnabled(first) {
+    const stepInfo = this._stepInfo[this._currentStep] || {};
+    const testFunction = stepInfo[first ? "firstButtonEnabledTester" : "secondButtonEnabledTester"];
+    if (testFunction) {
+      return testFunction();
+    }
+    return true;
+  }
+  changeStep(index) {
+    this._currentStep = index;
+    if (this._viewStack) {
+      this._viewStack.show(this._currentStep);
+    }
+  }
+  send() {
+    const { format, type, email, resolver } = this._config;
+    resolver({ format, type, email, report: undefined });
+  }
+  isFilled() {
+    var _a, _b;
+    return ((_a = this._config.email) === null || _a === void 0 ? void 0 : _a.to) && ((_b = this._config.email) === null || _b === void 0 ? void 0 : _b.subject) ? true : false;
+  }
+  updateEmailInfo(field, value) {
+    this._config = Object.assign(Object.assign({}, this._config), { email: Object.assign(Object.assign({}, this._config.email), { [field]: value }) });
+  }
+  updateConfigInfo(field, value) {
+    this._config = Object.assign(Object.assign({}, this._config), { [field]: value });
+  }
+  getSecondButtonClass() {
+    const stepInfo = this._stepInfo[this._currentStep] || {};
+    return stepInfo["secondButtonClass"] || "ez-button--secondary";
+  }
+  render() {
+    ElementIDUtils.addIDInfoIfNotExists(this._element, 'snkExporterEmailSender');
+    return (h("ez-popup", { useHeader: false, size: "x-small", heightMode: "auto", opened: this._opened }, h("ez-modal-container", { onEzModalAction: (evt) => {
+        if (evt.detail === ModalAction.CLOSE)
+          this.close();
+      }, modalTitle: this.getMessage("snkExporter.emailSenderTitle"), modalSubTitle: this.getStepMessage("subTitle") }, h("ez-view-stack", { ref: ref => this._viewStack = ref }, h("stack-item", null, h(OptionsStep, { getMessage: this.getMessage, data: this._config, changeInfo: (field, value) => this.updateConfigInfo(field, value) })), h("stack-item", null, h(EmailInfoStep, { getMessage: this.getMessage, data: this._config, changeInfo: (field, value) => this.updateEmailInfo(field, value) }))), h("div", { class: "ez-col ez-col--sd-12 ez-flex--justify-end ez-margin-vertical--small" }, h("ez-button", Object.assign({ class: "ez-button--tertiary ez-padding-right--medium", label: this.getStepMessage("firstButton"), onClick: () => this.executeButtonAction(true), enabled: this.checkButtonEnabled(true) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("firstButton")}` })), h("ez-button", Object.assign({ class: this.getSecondButtonClass(), label: this.getStepMessage("secondButton"), onClick: () => this.executeButtonAction(false), enabled: this.checkButtonEnabled(false) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("secondButton")}` }))))));
+  }
+  get _element() { return this; }
+}, [0, "snk-exporter-email-sender", {
+    "getMessage": [16],
+    "_config": [32],
+    "_opened": [32],
+    "_currentStep": [32],
+    "open": [64],
+    "close": [64]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-exporter-email-sender"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-exporter-email-sender":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkExporterEmailSender);
+      }
+      break;
+  } });
+}
+
+export { SnkExporterEmailSender as S, defineCustomElement as d };

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 { F as FilterGroupCondition } from './PersonalizedFilterUtils.js';
+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';
+
+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 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.LIMIT_GROUP_LEVEL = 4;
+    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.getOperand();
+  }
+  componentWillLoad() {
+    this._group = this.group;
+    this._conditionOperator = this.getOperand();
+    if (!this.getDataGroupLevel()) {
+      this._element.setAttribute('data-group-level', this.FIRST_LEVEL);
+    }
+    this.canAddExpression = this.group.items.every(this.isFilledItem);
+  }
+  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;
+  }
+  getOperand() {
+    return !this._group.operand ? FilterGroupCondition.AND : this._group.operand;
+  }
+  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;
+  }
+  isFilledItem(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;
+    }
+  }
+  handleFilterItemChange() {
+    this.ezFilterGroupChange.emit(this._group);
+    this.canAddExpression = this.group.items.every(this.isFilledItem);
+  }
+  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);
+    if (!this.group.operand) {
+      this.group.operand = FilterGroupCondition.AND;
+    }
+    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 < this.LIMIT_GROUP_LEVEL;
+  }
+  isFirstLevel() {
+    return Boolean(this.getDataGroupLevel() === this.FIRST_LEVEL);
+  }
+  onStopPropagation(evt) {
+    evt.preventDefault();
+    evt.stopPropagation();
+  }
+  getMessageAddTooltip() {
+    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" }, this.getMessage("snkPersonalizedFilter.info.condition")), 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.getMessageAddTooltip(), onClick: () => this.handleAddExpression() }), h("ez-button", { label: this.getMessage("snkPersonalizedFilter.info.addGroup"), size: "small", enabled: canAddGroup, title: !canAddGroup ? this.getMessage('snkPersonalizedFilter.info.labelDisabledAddGroupButton', { LIMIT_GROUP_LEVEL: this.LIMIT_GROUP_LEVEL + 1 }) : '', onClick: () => this.handleAddGroup() }, h("ez-icon", { class: "ez-padding-right--small", 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 { SnkExpressionGroup as S, defineCustomElement as d };

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 };