@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-11997.0

package/dist/cjs/snk-guides-viewer-5e22097d.js

@@ -0,0 +1,345 @@
+'use strict';
+
+const index = require('./index-f9e81701.js');
+const core = require('@sankhyalabs/core');
+const SnkFormConfigManager = require('./SnkFormConfigManager-5b485cd4.js');
+const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
+const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
+const taskbarElements = require('./taskbar-elements-39949c7a.js');
+const constants = require('./constants-d187e03e.js');
+require('./DataFetcher-bd3d53a8.js');
+require('./pesquisa-fetcher-3356b3df.js');
+const index$1 = require('./index-0e663819.js');
+require('./ISave-d68ce3cd.js');
+require('@sankhyalabs/ezui/dist/collection/utils/constants');
+require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
+require('./filter-item-type.enum-aa823a00.js');
+require('./form-config-fetcher-f6cb55e6.js');
+const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
+
+const snkGuidesViewerCss = ".sc-snk-guides-viewer-h{--snk-guides-viewer--space-large:var(--space--large, 24px);--snk-guides-viewer--space-medium:var(--space--medium, 12px);--snk-guides-viewer__header--min-height:94px;--snk-guides-viewer__header--z-index:var(--more-visible, 2);--snk-guides-viewer__header--background-color:var(--background--body, #fafcff);--snk-guides-viewer__guide-navigator--width:340px;display:block}snk-form-view.sc-snk-guides-viewer{width:100%}.snk-guides-viewer.sc-snk-guides-viewer{position:relative;padding-left:0px;padding-top:0px;padding-right:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__detail-container.sc-snk-guides-viewer{display:flex;row-gap:24px;flex-direction:column}.snk-guides-viewer__header.sc-snk-guides-viewer{position:sticky;align-items:center;top:0;z-index:var(--snk-guides-viewer__header--z-index);background-color:var(--snk-guides-viewer__header--background-color);min-height:var(--snk-guides-viewer__header--min-height);width:calc(100% + (var(--snk-guides-viewer--space-large) * 2));padding-left:var(--snk-guides-viewer--space-large);padding-right:var(--snk-guides-viewer--space-large);padding-top:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-medium);margin-left:calc(var(--snk-guides-viewer--space-large) * -1);margin-right:calc(var(--snk-guides-viewer--space-large) * -1);margin-bottom:var(--snk-guides-viewer--space-medium)}.snk-guides-viewer__container.sc-snk-guides-viewer{display:grid;grid-template-columns:minmax(0, auto) minmax(0, 100%);height:100%;column-gap:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__guide-navigator.sc-snk-guides-viewer{position:sticky;top:calc(var(--snk-guides-viewer__header--min-height) + var(--snk-guides-viewer--space-medium));height:calc(100vh - var(--snk-guides-viewer__header--min-height) - var(--snk-guides-viewer--space-large) - var(--snk-guides-viewer--space-medium))}.snk-guides-viewer__guide-navigator[open].sc-snk-guides-viewer{width:var(--snk-guides-viewer__guide-navigator--width);max-width:var(--snk-guides-viewer__guide-navigator--width);min-width:var(--snk-guides-viewer__guide-navigator--width)}.snk-guides-viewer__detail-content.sc-snk-guides-viewer{min-height:100%;align-items:flex-start;align-content:flex-start}";
+
+const FORM_NAME_PREFIX = "__FORM:";
+const SnkGuidesViewer = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.exit = index.createEvent(this, "exit", 7);
+    this.actionClick = index.createEvent(this, "actionClick", 7);
+    this.formItemsReady = index.createEvent(this, "formItemsReady", 7);
+    this._guideBuilders = new Map();
+    this.dataUnit = undefined;
+    this.dataState = undefined;
+    this.configName = undefined;
+    this.entityPath = undefined;
+    this.actionsList = undefined;
+    this.recordsValidator = undefined;
+    this.masterFormConfig = undefined;
+    this.selectedGuide = undefined;
+    this.taskbarManager = undefined;
+    this.messagesBuilder = undefined;
+    this.canEdit = true;
+    this.presentationMode = undefined;
+    this.resourceID = undefined;
+    this.detailTaskbarCustomContainerId = undefined;
+    this._breadcrumbItems = [];
+    this._guides = undefined;
+    this._formEditorConfigManager = undefined;
+    this._formEditorDataUnit = undefined;
+  }
+  observeDataUnit() {
+    this.loadGuides(true);
+  }
+  observeDataState(newValue, oldValue) {
+    const newRecord = newValue === null || newValue === void 0 ? void 0 : newValue.selectedRecord;
+    const oldRecord = oldValue === null || oldValue === void 0 ? void 0 : oldValue.selectedRecord;
+    if ((newRecord === null || newRecord === void 0 ? void 0 : newRecord.__record__id__) !== (oldRecord === null || oldRecord === void 0 ? void 0 : oldRecord.__record__id__)) {
+      this.loadGuides((oldValue === null || oldValue === void 0 ? void 0 : oldValue.insertionMode) != (newValue === null || newValue === void 0 ? void 0 : newValue.insertionMode));
+    }
+  }
+  observeMasterFormConfig() {
+    this.loadGuides(this.noGuideSelected());
+  }
+  /**
+  * Abre o configurador do formulário
+  * @param detail - Define se a configuração que está sendo carregada é
+  * referente a um form detail.
+  */
+  async showFormConfig(detail = false) {
+    const masterConfig = !detail || this._currentDetail == undefined;
+    this._formEditorConfigManager = masterConfig ? this._configManager : this._currentDetail.formConfigManager;
+    this._formEditorDataUnit = masterConfig ? this.dataUnit : this._currentDetail.dataUnit;
+  }
+  exitViewer() {
+    if (this.dataUnit.isDirty()) {
+      this.dataUnit.cancelEdition({ after: () => this.exit.emit() });
+    }
+    else {
+      this.exit.emit();
+    }
+  }
+  onActionClick(evt) {
+    if (evt.detail === taskbarElements.TaskbarElement.CONFIGURATOR) {
+      if (evt.target.dataset.taskbarOwner != "master") {
+        this._snkConfigurator.open();
+        evt.stopImmediatePropagation();
+        evt.stopPropagation();
+      }
+    }
+  }
+  onContentCardChanged(evt) {
+    SnkGuidesViewer.updateContentCard(evt.detail.formName, evt.detail.cardConfig, evt.detail.propertyChanged, this._configManager)
+      .then(() => this.masterFormConfig = this._configManager.getConfig(this.dataState.insertionMode, this.dataUnit));
+  }
+  /**
+   * 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-crud.msg.ts"
+   */
+  getMessage(key) {
+    return this.messagesBuilder.getMessage(key, this.dataUnit.getSelectedRecord());
+  }
+  loadGuides(changeSelection) {
+    if (!this.dataUnit) {
+      return;
+    }
+    if (!this._configManager.isLoaded) {
+      return;
+    }
+    this._masterFormMetadata = form.buildFormMetadata(this.masterFormConfig, this.dataUnit, true);
+    const allSheets = this._masterFormMetadata.getAllSheets();
+    const currentRecord = this.dataUnit.getSelectedRecord();
+    const disableDetails = !currentRecord || this.dataUnit.isNewRecord(currentRecord.__record__id__);
+    const guides = [];
+    Array.from(allSheets.values()).forEach((sheet) => {
+      const item = { id: sheet.name, label: sheet.label };
+      if (this.isDetail(sheet.name) && disableDetails) {
+        item.tooltip = "Para alterar detalhes é necessário estar com um registro selecionado.";
+        item.disabled = true;
+      }
+      guides.push(item);
+    });
+    this._guides = guides;
+    if (this._guideNavigator) {
+      this._guideNavigator.updateItem(this._guides);
+    }
+    if (changeSelection) {
+      this.selectedGuide = this._guides.length > 0 ? this._guides[0] : undefined;
+    }
+  }
+  isDetail(formId) {
+    return form.FormMetadata.getDetailName(formId) != undefined;
+  }
+  updateGuide(guideBuilder) {
+    this._guideBuilders.set(guideBuilder.id, guideBuilder);
+    const guideItem = guideBuilder.buildGuideItem(this._guideBuilders);
+    if (this._guideNavigator) {
+      this._guideNavigator.updateItem(guideItem).then(() => {
+        this._guideNavigator.getCurrentPath().then(breadcrumbs => {
+          this._breadcrumbItems = breadcrumbs;
+        });
+      });
+    }
+  }
+  loadTaskbarProcessor() {
+    var _a, _b;
+    const taskbarId = ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "snkGuideViewer.finish_edition" : "snkGuideViewer.regular";
+    const disabledButtons = [];
+    if (!this.dataState || !this.dataState.hasPrevious) {
+      disabledButtons.push("PREVIOUS");
+    }
+    if (!this.dataState || !this.dataState.hasNext) {
+      disabledButtons.push("NEXT");
+    }
+    if ((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.selectionInfo) {
+      if (this.dataState.selectionInfo.length > 1) {
+        disabledButtons.push("CLONE");
+      }
+      if (this.dataState.selectionInfo.isAllRecords()) {
+        disabledButtons.push("REMOVE");
+      }
+    }
+    const btnsRegularMode = ["PREVIOUS", "NEXT", "DIVIDER", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "ACTIONS_BUTTON", "DIVIDER", "GRID_MODE", "CONFIGURATOR"];
+    if (this.presentationMode == index$1.PresentationMode.SECONDARY) {
+      btnsRegularMode.unshift("INSERT");
+    }
+    else {
+      btnsRegularMode.push("INSERT");
+    }
+    const invisibleButtons = this.getInvisibleButtons();
+    this._taskbarProcessor = new taskbarProcessor.TaskbarProcessor({
+      "snkGuideViewer.regular": btnsRegularMode,
+      "snkGuideViewer.finish_edition": ["CANCEL", "SAVE"],
+    });
+    this._taskbarProcessor.process(taskbarId, this.taskbarManager, this.dataState, disabledButtons, invisibleButtons);
+  }
+  getInvisibleButtons() {
+    const invisibleButtons = [];
+    if (this.dataState && this.dataState.selectionInfo.mode === DataUnit.SelectionMode.ALL_RECORDS)
+      invisibleButtons.push("ACTIONS_BUTTON");
+    return invisibleButtons;
+  }
+  static updateContentCard(formName, cardConfig, propertyChanged, configManager) {
+    return configManager.saveCardState(formName, cardConfig, propertyChanged);
+  }
+  static buildFixedForms(formConfig, formMetadata, selectedForm, dataUnit, recordsValidator, levelPath) {
+    const cardsState = formConfig === null || formConfig === void 0 ? void 0 : formConfig.cardsState;
+    if (cardsState == undefined) {
+      return;
+    }
+    return (index.h(index.Fragment, null, Array.from(cardsState.entries())
+      .filter(([formName, cardConfig]) => (cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed) && formName != selectedForm)
+      .sort(([, cardConfigA], [, cardConfigB]) => {
+      const indexA = (cardConfigA === null || cardConfigA === void 0 ? void 0 : cardConfigA.fixSequence) || 0;
+      const indexB = (cardConfigB === null || cardConfigB === void 0 ? void 0 : cardConfigB.fixSequence) || 0;
+      return indexA - indexB;
+    })
+      .map(([formName, cardConfig]) => {
+      var _a;
+      const sheet = formMetadata.getSheet(formName);
+      if (sheet == undefined) {
+        return;
+      }
+      return index.h("snk-form-view", { levelPath: levelPath, label: sheet.label, name: formName, fields: sheet.fields, formMetadata: formMetadata, dataUnit: dataUnit, recordsValidator: recordsValidator, contracted: (cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.presentation) === "CONTRACTED", fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_a = formConfig === null || formConfig === void 0 ? void 0 : formConfig.summary) === null || _a === void 0 ? void 0 : _a.get(formName), key: formName });
+    })));
+  }
+  wrapDetail(levels, content) {
+    if (levels.length === 0) {
+      return content;
+    }
+    const currentLevel = levels.pop();
+    const childEntityName = form.FormMetadata.getDetailName(currentLevel);
+    if (childEntityName) {
+      return this.wrapDetail(levels, index.h("snk-data-unit", { dataUnitName: `${this.getDataUnitName(levels, childEntityName)}`, entityName: childEntityName }, content));
+    }
+  }
+  getDataUnitName(levels, entityName) {
+    if (levels.length > 0) {
+      const entityNames = levels.map(level => form.FormMetadata.getDetailName(level));
+      return `${this.entityPath}/${entityNames.join("/")}/${entityName}`;
+    }
+    return `${this.entityPath}/${entityName}`;
+  }
+  getContent() {
+    var _a, _b, _c, _d, _e;
+    if (!this.selectedGuide) {
+      return;
+    }
+    const guideId = this.selectedGuide.id;
+    let content;
+    const levels = guideId.split("::");
+    const currentLevel = levels.pop();
+    const childEntityName = form.FormMetadata.getDetailName(currentLevel);
+    let detailId = guideId;
+    if (childEntityName || levels.length > 0) {
+      let formName;
+      let detailBranch;
+      if (guideId.includes(FORM_NAME_PREFIX)) {
+        [detailId, formName] = guideId.split(FORM_NAME_PREFIX);
+        const pathSize = ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) || 0;
+        detailBranch = pathSize > 1 ? this._breadcrumbItems[pathSize - 2] : this.selectedGuide;
+      }
+      else {
+        detailBranch = this.selectedGuide;
+      }
+      content = this.wrapDetail(levels, index.h("snk-detail-view", { ref: (ref) => this._currentDetail = ref, dataUnitName: this.getDataUnitName(levels, childEntityName), onSnkDetailGuidesChange: (evt) => this.updateGuide(evt.detail), entityName: childEntityName, selectedForm: formName, branchGuide: detailBranch, guideItemPath: this._breadcrumbItems, key: `detail${detailId}`, canEdit: this.canEdit, onSnkSwitchGuide: evt => this._guideNavigator.selectGuide(evt.detail), resourceID: this.resourceID, taskbarCustomContainerId: this.detailTaskbarCustomContainerId }));
+    }
+    else {
+      const cardId = this.selectedGuide.id;
+      const sheet = this._masterFormMetadata.getSheet(cardId);
+      if (sheet) {
+        const cardConfig = (_c = (_b = this.masterFormConfig) === null || _b === void 0 ? void 0 : _b.cardsState) === null || _c === void 0 ? void 0 : _c.get(cardId);
+        content = index.h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_e = (_d = this.masterFormConfig) === null || _d === void 0 ? void 0 : _d.summary) === null || _e === void 0 ? void 0 : _e.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, key: guideId }, this.presentationMode == index$1.PresentationMode.SECONDARY && this.buildTaskBar());
+      }
+    }
+    return content;
+  }
+  onBreadcrumbClickHandler(item) {
+    if ((item === null || item === void 0 ? void 0 : item.id) == undefined) {
+      return;
+    }
+    this._guideNavigator.selectGuide(item.id);
+  }
+  updateSelectedGuideHandler(currentItem) {
+    this._guideHasChanged = this.selectedGuide != currentItem;
+    this.selectedGuide = currentItem;
+    this._guideNavigator.getCurrentPath().then(breadcrumbs => {
+      this._breadcrumbItems = breadcrumbs;
+    });
+  }
+  getConfigViewMode() {
+    return constants.VIEW_MODE.GRID;
+  }
+  changeConfigViewMode(mode) {
+    if (this._currentDetail) {
+      this._currentDetail.changeViewMode(mode);
+    }
+  }
+  openConfig(mode) {
+    this._snkConfigurator.close();
+    if (this._currentDetail) {
+      if (mode === constants.VIEW_MODE.FORM) {
+        this.showFormConfig(true);
+      }
+      else {
+        this._currentDetail.configGrid();
+      }
+    }
+  }
+  noGuideSelected() {
+    var _a;
+    return this.selectedGuide === undefined || '__main' === ((_a = this.selectedGuide) === null || _a === void 0 ? void 0 : _a.id);
+  }
+  componentWillLoad() {
+    if (this.resourceID == undefined) {
+      throw new Error("Erro interno: resourceID não informado");
+    }
+    this._configManager = new SnkFormConfigManager.SnkFormConfigManager(this.configName, this.resourceID, config => this.masterFormConfig = config);
+    this._configManager.loadConfig();
+  }
+  componentDidRender() {
+    if (!this._guideHasChanged) {
+      return;
+    }
+    if (this._currentDetail) {
+      this._currentDetail.showUp();
+    }
+    else {
+      if (this._mainForm) {
+        this._mainForm.showUp();
+      }
+    }
+    this._guideHasChanged = false;
+  }
+  buildTaskBar() {
+    var _a;
+    return index.h("div", { class: `ez-col ez-flex-item--align-center ez-col--sd-6 ez-col--tb-6 ${this.presentationMode != index$1.PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, index.h("snk-taskbar", { key: "guideViewerTaskbar", "data-element-id": "guideViewer", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.actionsList, messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID, customSlotId: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }, index.h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" })));
+  }
+  render() {
+    var _a, _b;
+    if (this._formEditorConfigManager != undefined) {
+      return (index.h("snk-form-config", { dataUnit: this._formEditorDataUnit, messagesBuilder: this.messagesBuilder, configManager: this._formEditorConfigManager, onConfigClose: () => this._formEditorConfigManager = null }));
+    }
+    if (!this.dataUnit) {
+      return;
+    }
+    if (!this._configManager.isLoaded) {
+      return;
+    }
+    this.loadTaskbarProcessor();
+    const showGuides = this._guides && (this._guides.length > 1);
+    return (index.h("section", { class: "snk-guides-viewer" }, index.h("div", { class: "ez-row snk-guides-viewer__header" }, index.h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-flex--align-items-center ez-flex-item--align-center ez-padding-left--large", key: "header" }, index.h("ez-button", { onClick: () => this.exitViewer(), title: this.getMessage("snkCrud.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), index.h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, index.h("h1", { class: "ez-title ez-title--primary ez-title--xlarge" }, this.getMessage("snkCrud.title")), ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
+      index.h("div", { class: "ez-margin-top--extra-small" }, index.h("ez-breadcrumb", Object.assign({ items: this._breadcrumbItems, onSelectedItem: (evt) => this.onBreadcrumbClickHandler(evt === null || evt === void 0 ? void 0 : evt.detail) }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo("breadcrumb")}` }))))), this.presentationMode != index$1.PresentationMode.SECONDARY && this.buildTaskBar()), index.h("div", { class: "snk-guides-viewer__container" }, showGuides ?
+      index.h("ez-guide-navigator", { ref: (ref) => this._guideNavigator = ref, class: "snk-guides-viewer__guide-navigator", items: this._guides, selectedId: this.selectedGuide ? this.selectedGuide.id : undefined, onEzSelectionChange: evt => this.updateSelectedGuideHandler(evt.detail) })
+      :
+        index.h("div", null), index.h("div", { class: "snk-guides-viewer__detail-container" }, SnkGuidesViewer.buildFixedForms(this.masterFormConfig, this._masterFormMetadata, (_b = this.selectedGuide) === null || _b === void 0 ? void 0 : _b.id, this.dataUnit, this.recordsValidator), this.getContent())), index.h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this.getConfigViewMode(), onConfigSelected: (evt) => this.changeConfigViewMode(evt.detail), messagesBuilder: this.messagesBuilder, onOpenConfig: (evt) => this.openConfig(evt.detail), resourceID: this.resourceID })));
+  }
+  static get watchers() { return {
+    "dataUnit": ["observeDataUnit"],
+    "dataState": ["observeDataState"],
+    "masterFormConfig": ["observeMasterFormConfig"]
+  }; }
+};
+SnkGuidesViewer.style = snkGuidesViewerCss;
+
+exports.SnkGuidesViewer = SnkGuidesViewer;

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

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const snkGuidesViewer = require('./snk-guides-viewer-5e22097d.js');
+require('./index-f9e81701.js');
+require('@sankhyalabs/core');
+require('./SnkFormConfigManager-5b485cd4.js');
+require('./ConfigStorage-0e4275f5.js');
+require('./form-config-fetcher-f6cb55e6.js');
+require('./DataFetcher-bd3d53a8.js');
+require('./_commonjsHelpers-537d719a.js');
+require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
+require('./PrintUtils-bcaeb82f.js');
+require('./filter-item-type.enum-aa823a00.js');
+require('@sankhyalabs/ezui/dist/collection/utils/form');
+require('./taskbar-processor-bce3f499.js');
+require('./taskbar-elements-39949c7a.js');
+require('./index-0e663819.js');
+require('./index-102ba62d.js');
+require('./constants-d187e03e.js');
+require('./pesquisa-fetcher-3356b3df.js');
+require('./ISave-d68ce3cd.js');
+require('@sankhyalabs/ezui/dist/collection/utils/constants');
+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;