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

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

@@ -0,0 +1,927 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, forceUpdate, Host } from '@stencil/core/internal/client';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager.js';
+import { buildFormMetadata, FormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
+import './DataFetcher.js';
+import './pesquisa-fetcher.js';
+import { ElementIDUtils } from '@sankhyalabs/core';
+import { P as PresentationMode } from './index2.js';
+import { T as TaskbarElement, d as defineCustomElement$2 } from './snk-taskbar2.js';
+import { V as VIEW_MODE } from './constants.js';
+import { T as TaskbarProcessor } from './SnkMultiSelectionListDataSource.js';
+import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
+import { d as defineCustomElement$t } from './snk-actions-button2.js';
+import { d as defineCustomElement$s } from './snk-attach2.js';
+import { d as defineCustomElement$r } from './snk-config-options2.js';
+import { d as defineCustomElement$q } from './snk-configurator2.js';
+import { d as defineCustomElement$p } from './snk-data-exporter2.js';
+import { d as defineCustomElement$o } from './snk-data-unit2.js';
+import { S as SnkMessageBuilder } from './SnkMessageBuilder.js';
+import { d as defineCustomElement$n } from './snk-exporter-email-sender2.js';
+import { d as defineCustomElement$m } from './snk-expression-group2.js';
+import { d as defineCustomElement$l } from './snk-expression-item2.js';
+import { d as defineCustomElement$j } from './snk-filter-advanced-mode2.js';
+import { d as defineCustomElement$i } from './snk-filter-assistent-mode2.js';
+import { d as defineCustomElement$h } from './snk-filter-bar2.js';
+import { d as defineCustomElement$g } from './snk-filter-detail2.js';
+import { d as defineCustomElement$f } from './snk-filter-field-search2.js';
+import { d as defineCustomElement$e } from './snk-filter-item2.js';
+import { d as defineCustomElement$d } from './snk-filter-param-config2.js';
+import { d as defineCustomElement$b } from './snk-form-summary2.js';
+import { d as defineCustomElement$a } from './snk-form-view2.js';
+import { d as defineCustomElement$9 } from './snk-grid2.js';
+import { d as defineCustomElement$8 } from './snk-grid-config2.js';
+import { d as defineCustomElement$7 } from './snk-personalized-filter2.js';
+import { d as defineCustomElement$6 } from './snk-select-box2.js';
+import { d as defineCustomElement$5 } from './snk-simple-bar2.js';
+import { d as defineCustomElement$4 } from './snk-simple-crud2.js';
+import { d as defineCustomElement$k } from './snk-field-config2.js';
+import { d as defineCustomElement$c } from './snk-form-config2.js';
+import { d as defineCustomElement$3 } from './snk-tab-config2.js';
+
+const snkGuidesViewerCss = ".sc-snk-guides-viewer-h{--snk-guides-viewer--space-large:var(--space--large, 24px);--snk-guides-viewer--space-medium:var(--space--medium, 12px);--snk-guides-viewer__header--min-height:94px;--snk-guides-viewer__header--z-index:var(--more-visible, 2);--snk-guides-viewer__header--background-color:var(--background--body, #fafcff);--snk-guides-viewer__guide-navigator--width:340px;display:block}snk-form-view.sc-snk-guides-viewer{width:100%}.snk-guides-viewer.sc-snk-guides-viewer{position:relative;padding-left:0px;padding-top:0px;padding-right:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__detail-container.sc-snk-guides-viewer{display:flex;row-gap:24px;flex-direction:column}.snk-guides-viewer__header.sc-snk-guides-viewer{position:sticky;align-items:center;top:0;z-index:var(--snk-guides-viewer__header--z-index);background-color:var(--snk-guides-viewer__header--background-color);min-height:var(--snk-guides-viewer__header--min-height);width:calc(100% + (var(--snk-guides-viewer--space-large) * 2));padding-left:var(--snk-guides-viewer--space-large);padding-right:var(--snk-guides-viewer--space-large);padding-top:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-medium);margin-left:calc(var(--snk-guides-viewer--space-large) * -1);margin-right:calc(var(--snk-guides-viewer--space-large) * -1);margin-bottom:var(--snk-guides-viewer--space-medium)}.snk-guides-viewer__container.sc-snk-guides-viewer{display:grid;grid-template-columns:minmax(0, auto) minmax(0, 100%);height:100%;column-gap:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__guide-navigator.sc-snk-guides-viewer{position:sticky;top:calc(var(--snk-guides-viewer__header--min-height) + var(--snk-guides-viewer--space-medium));height:calc(100vh - var(--snk-guides-viewer__header--min-height) - var(--snk-guides-viewer--space-large) - var(--snk-guides-viewer--space-medium))}.snk-guides-viewer__guide-navigator[open].sc-snk-guides-viewer{width:var(--snk-guides-viewer__guide-navigator--width);max-width:var(--snk-guides-viewer__guide-navigator--width);min-width:var(--snk-guides-viewer__guide-navigator--width)}.snk-guides-viewer__detail-content.sc-snk-guides-viewer{min-height:100%;align-items:flex-start;align-content:flex-start}";
+
+const FORM_NAME_PREFIX = "__FORM:";
+const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.exit = createEvent(this, "exit", 7);
+    this.actionClick = createEvent(this, "actionClick", 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._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 === 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 = 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 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 == PresentationMode.SECONDARY) {
+      btnsRegularMode.unshift("INSERT");
+    }
+    else {
+      btnsRegularMode.push("INSERT");
+    }
+    const invisibleButtons = this.getInvisibleButtons();
+    this._taskbarProcessor = new 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 === 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 (h(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 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 = FormMetadata.getDetailName(currentLevel);
+    if (childEntityName) {
+      return this.wrapDetail(levels, h("snk-data-unit", { dataUnitName: `${this.getDataUnitName(levels, childEntityName)}`, entityName: childEntityName }, content));
+    }
+  }
+  getDataUnitName(levels, entityName) {
+    if (levels.length > 0) {
+      const entityNames = levels.map(level => 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 = 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, 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) }));
+    }
+    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 = 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 == 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 VIEW_MODE.GRID;
+  }
+  changeConfigViewMode(mode) {
+    if (this._currentDetail) {
+      this._currentDetail.changeViewMode(mode);
+    }
+  }
+  openConfig(mode) {
+    this._snkConfigurator.close();
+    if (this._currentDetail) {
+      if (mode === 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() {
+    this._configManager = new SnkFormConfigManager(this.configName, 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 h("div", { class: `ez-col ez-flex-item--align-center ez-col--sd-6 ez-col--tb-6 ${this.presentationMode != PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, 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 }));
+  }
+  render() {
+    var _a, _b;
+    if (this._formEditorConfigManager != undefined) {
+      return (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 (h("section", { class: "snk-guides-viewer" }, h("div", { class: "ez-row snk-guides-viewer__header" }, 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" }, h("ez-button", { onClick: () => this.exitViewer(), title: this.getMessage("snkCrud.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, 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 &&
+      h("div", { class: "ez-margin-top--extra-small" }, h("ez-breadcrumb", Object.assign({ items: this._breadcrumbItems, onSelectedItem: (evt) => this.onBreadcrumbClickHandler(evt === null || evt === void 0 ? void 0 : evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("breadcrumb")}` }))))), this.presentationMode != PresentationMode.SECONDARY && this.buildTaskBar()), h("div", { class: "snk-guides-viewer__container" }, showGuides ?
+      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) })
+      :
+        h("div", null), 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())), 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) })));
+  }
+  static get watchers() { return {
+    "dataUnit": ["observeDataUnit"],
+    "dataState": ["observeDataState"],
+    "masterFormConfig": ["observeMasterFormConfig"]
+  }; }
+  static get style() { return snkGuidesViewerCss; }
+}, [2, "snk-guides-viewer", {
+    "_guideBuilders": [16],
+    "dataUnit": [16],
+    "dataState": [16],
+    "configName": [1, "config-name"],
+    "entityPath": [1, "entity-path"],
+    "actionsList": [16],
+    "recordsValidator": [16],
+    "masterFormConfig": [1040],
+    "selectedGuide": [16],
+    "taskbarManager": [16],
+    "messagesBuilder": [1040],
+    "canEdit": [4, "can-edit"],
+    "presentationMode": [1, "presentation-mode"],
+    "_breadcrumbItems": [32],
+    "_guides": [32],
+    "_formEditorConfigManager": [32],
+    "_formEditorDataUnit": [32],
+    "showFormConfig": [64]
+  }, [[2, "actionClick", "onActionClick"], [0, "snkContentCardChanged", "onContentCardChanged"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-guides-viewer", "snk-actions-button", "snk-attach", "snk-config-options", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-detail-view", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-field-config", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-form-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-tab-config", "snk-taskbar"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-guides-viewer":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkGuidesViewer);
+      }
+      break;
+    case "snk-actions-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$t();
+      }
+      break;
+    case "snk-attach":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$s();
+      }
+      break;
+    case "snk-config-options":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$r();
+      }
+      break;
+    case "snk-configurator":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$q();
+      }
+      break;
+    case "snk-data-exporter":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$p();
+      }
+      break;
+    case "snk-data-unit":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$o();
+      }
+      break;
+    case "snk-detail-view":
+      if (!customElements.get(tagName)) {
+        defineCustomElement();
+      }
+      break;
+    case "snk-exporter-email-sender":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$n();
+      }
+      break;
+    case "snk-expression-group":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$m();
+      }
+      break;
+    case "snk-expression-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$l();
+      }
+      break;
+    case "snk-field-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$k();
+      }
+      break;
+    case "snk-filter-advanced-mode":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$j();
+      }
+      break;
+    case "snk-filter-assistent-mode":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$i();
+      }
+      break;
+    case "snk-filter-bar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$h();
+      }
+      break;
+    case "snk-filter-detail":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$g();
+      }
+      break;
+    case "snk-filter-field-search":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$f();
+      }
+      break;
+    case "snk-filter-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$e();
+      }
+      break;
+    case "snk-filter-param-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$d();
+      }
+      break;
+    case "snk-form-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$c();
+      }
+      break;
+    case "snk-form-summary":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$b();
+      }
+      break;
+    case "snk-form-view":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$a();
+      }
+      break;
+    case "snk-grid":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "snk-grid-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "snk-personalized-filter":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "snk-select-box":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "snk-simple-bar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "snk-simple-crud":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "snk-tab-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "snk-taskbar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+class GuideBuilder {
+  constructor(parentGuide, formMetadata, dataUnit) {
+    this._parentGuide = parentGuide;
+    this._formMetadata = formMetadata;
+    this._dataUnit = dataUnit;
+  }
+  get id() {
+    return this._parentGuide.id;
+  }
+  buildGuideItem(detailBuilders) {
+    const item = Object.assign({}, this._parentGuide);
+    delete item.expanded;
+    delete item.children;
+    const currentRecord = this._dataUnit.getSelectedRecord();
+    if (!currentRecord) {
+      return item;
+    }
+    const isNewRecord = this._dataUnit.isNewRecord(currentRecord.__record__id__);
+    const children = Array.from(this._formMetadata.getAllSheets().values()).map((sheet) => {
+      const { name, label } = sheet;
+      const isDetail = FormMetadata.getDetailName(name.split("::").pop()) != undefined;
+      const disabled = isDetail && isNewRecord;
+      const parentId = this._parentGuide.id;
+      const id = isDetail ? `${parentId}::${name}` : `${parentId}__FORM:${name}`;
+      if (isDetail && detailBuilders.has(id) && !disabled) {
+        const item = detailBuilders.get(id).buildGuideItem(detailBuilders);
+        return item;
+      }
+      return {
+        id,
+        label,
+        disabled,
+        tooltip: disabled ? "Finalize o cadastro para ter acesso a esta guia." : undefined
+      };
+    });
+    const newGuideItem = children.shift();
+    newGuideItem.label = isNewRecord ? "Novo Registro" : currentRecord.__record__label__;
+    newGuideItem.children = children;
+    item.children = [newGuideItem];
+    return item;
+  }
+}
+
+const snkDetailViewCss = ".sc-snk-detail-view-h{display:flex;row-gap:24px;flex-direction:column;width:100%;height:100%}.level-path.sc-snk-detail-view{color:var(--color--title-primary, #2B3A54);font-weight:var(--text-weight--medium, 400);padding-right:3px}.form-taskbar.sc-snk-detail-view{padding-bottom:var(--space--medium)}.grid-container.sc-snk-detail-view{background-color:#FFF;min-height:100px}.detail-header.sc-snk-detail-view{padding-bottom:0}";
+
+const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.snkDetailGuidesChange = createEvent(this, "snkDetailGuidesChange", 7);
+    this.snkSwitchGuide = createEvent(this, "snkSwitchGuide", 7);
+    this._disabledButtons = undefined;
+    this._currentView = undefined;
+    this.attachmentRegisterKey = undefined;
+    this.formConfigManager = undefined;
+    this.dataUnitName = undefined;
+    this.guideItemPath = undefined;
+    this.entityName = undefined;
+    this.label = undefined;
+    this.dataUnit = undefined;
+    this.selectedForm = undefined;
+    this.dataState = undefined;
+    this.messagesBuilder = undefined;
+    this.branchGuide = undefined;
+    this.canEdit = true;
+  }
+  observerDataState(newValue, oldValue) {
+    const openInsertion = !(oldValue === null || oldValue === void 0 ? void 0 : oldValue.insertionMode) && (newValue === null || newValue === void 0 ? void 0 : newValue.insertionMode);
+    const closeInsertion = (oldValue === null || oldValue === void 0 ? void 0 : oldValue.insertionMode) && !(newValue === null || newValue === void 0 ? void 0 : newValue.insertionMode);
+    if (openInsertion || closeInsertion) {
+      this.loadMetadata();
+    }
+    if (this._formMetadata == undefined) {
+      return;
+    }
+    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.snkDetailGuidesChange.emit(new GuideBuilder(this.branchGuide, this._formMetadata, this.dataUnit));
+    }
+    if (openInsertion) {
+      setTimeout(() => {
+        //FIXME: A necessidade de usar esse timeout é por causa da renderização
+        //do guide navigator... se esse evento subir antes do guidenavigator ter
+        //um item com esse id, ele fica sem seleção. Acredito que poderíamos
+        //ajustar o componente para manter o item selecionado e então remover
+        //esse timeout.
+        this.changeViewMode(VIEW_MODE.FORM);
+      }, 0);
+    }
+    if (closeInsertion) {
+      this.changeViewMode(VIEW_MODE.GRID);
+    }
+    const disabledButtons = [];
+    if (!this.dataState.hasPrevious) {
+      disabledButtons.push(TaskbarElement.PREVIOUS);
+    }
+    if (!this.dataState.hasNext) {
+      disabledButtons.push(TaskbarElement.NEXT);
+    }
+    this._disabledButtons = disabledButtons;
+  }
+  /**
+  * Muda o modo de visualização do componente entre VIEW_MODE.GRID e VIEW_MODE.FORM
+  * @param mode - Novo modo que o componente deve ser apresentado.
+  */
+  async changeViewMode(mode) {
+    this.emitSwitchEvent(mode);
+  }
+  /**
+   * Abre o configurador de grid.
+   */
+  async configGrid() {
+    if (this._snkGrid) {
+      this._snkGrid.showConfig();
+    }
+  }
+  async showUp() {
+    if (this._snkFormView) {
+      this._snkFormView.showUp();
+    }
+    if (this._snkGrid) {
+      this._snkGrid.scrollIntoView({ behavior: "smooth", block: "start" });
+    }
+  }
+  onContentCardChanged(evt) {
+    SnkGuidesViewer.updateContentCard(evt.detail.formName, evt.detail.cardConfig, evt.detail.propertyChanged, this.formConfigManager).then(() => forceUpdate(this));
+    evt.stopPropagation();
+  }
+  updateLabel() {
+    const guideItemPathSize = this.guideItemPath ? this.guideItemPath.length : 0;
+    if (guideItemPathSize > 0) {
+      const labels = guideItemPathSize > 0 ? this.guideItemPath.map(item => item.label) : undefined;
+      this.label = labels.pop();
+      this._levelPath = labels.length > 0 ? labels.join(" / ") : undefined;
+    }
+    else {
+      this.label = "";
+      this._levelPath = undefined;
+    }
+  }
+  getFormGuideId(formName) {
+    var _a;
+    if (!formName) {
+      const currentRecord = (_a = this.dataState) === null || _a === void 0 ? void 0 : _a.selectedRecord;
+      if (currentRecord == undefined) {
+        return;
+      }
+      const forms = Array.from(this._formMetadata.getAllSheets().keys());
+      if (!forms || forms.length == 0) {
+        return;
+      }
+      formName = forms[0];
+    }
+    return `${this.stripFormPattern(this.branchGuide.id)}__FORM:${formName}`;
+  }
+  stripFormPattern(guideId) {
+    return guideId.replace(SnkDetailView.REGEX_FORM_ID, "");
+  }
+  loadMetadata() {
+    var _a;
+    if (!this.dataUnit) {
+      return;
+    }
+    if (!this.formConfigManager.isLoaded) {
+      return;
+    }
+    const formConfig = this.formConfigManager.getConfig((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.insertionMode, this.dataUnit);
+    //this._cardsState = formConfig?.cardsState;
+    this._formMetadata = buildFormMetadata(formConfig == undefined || formConfig.fields.length === 0 ? undefined : formConfig, this.dataUnit, true);
+  }
+  dataUnitReadyHandler(evt) {
+    this.dataUnit = evt.detail;
+    this.loadMetadata();
+  }
+  updateViewStack(viewStack) {
+    var _a, _b;
+    this._viewStack = viewStack;
+    this._currentView = this.selectedForm ? 1 : 0;
+    (_b = (_a = this._viewStack) === null || _a === void 0 ? void 0 : _a.show) === null || _b === void 0 ? void 0 : _b.call(_a, this._currentView);
+  }
+  getFormFields() {
+    if (this.selectedForm && this._formMetadata) {
+      return this._formMetadata.getSheet(this.selectedForm).fields;
+    }
+    return [];
+  }
+  emitSwitchEvent(mode) {
+    const guideId = mode === VIEW_MODE.GRID ? this.stripFormPattern(this.branchGuide.id) : this.getFormGuideId();
+    if (guideId) {
+      this.snkSwitchGuide.emit(guideId);
+    }
+  }
+  handleAttachBack() {
+    this._viewStack.show(VIEW_MODE.GRID);
+  }
+  executeActionHandler(evt) {
+    if (evt.detail === TaskbarElement.GRID_MODE) {
+      this.emitSwitchEvent(VIEW_MODE.GRID);
+      evt.stopPropagation();
+    }
+    if (evt.detail === TaskbarElement.FORM_MODE) {
+      this.emitSwitchEvent(VIEW_MODE.FORM);
+      evt.stopPropagation();
+    }
+    if (evt.detail === TaskbarElement.ATTACH) {
+      this._viewStack.show(VIEW_MODE.ATTACHMENT);
+      evt.stopPropagation();
+    }
+  }
+  async getAttachmentRegisterKey() {
+    if (!this._snkDataUnit)
+      return;
+    const recordCriteria = await this._snkDataUnit.getSelectedRecordsIDsInfo();
+    const joinedPrimaryKeys = recordCriteria.map(({ value }) => value).join('_');
+    return joinedPrimaryKeys;
+  }
+  async handleDataStateChange({ detail: dataState }) {
+    this.dataState = dataState;
+    if (dataState.selectedRecord !== undefined && this._snkDataUnit) {
+      this.attachmentRegisterKey = await this.getAttachmentRegisterKey();
+    }
+  }
+  componentWillLoad() {
+    this._configName = `dynaform.${this.entityName}`;
+    this.formConfigManager = new SnkFormConfigManager(this._configName, () => this.loadMetadata());
+    this.formConfigManager.loadConfig();
+    if (this.messagesBuilder == undefined) {
+      this.messagesBuilder = new SnkMessageBuilder(this.entityName);
+    }
+  }
+  render() {
+    this.updateLabel();
+    //const cardConfig: IFormCardConfig = this._cardsState?.get(this.selectedForm);
+    return (h(Host, null, h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, h("stack-item", null, h("div", { class: "ez-box ez-box--shadow grid-container" }, h("div", { class: "ez-flex ez-title--primary ez-size-width--full ez-padding--large detail-header" }, h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), h("snk-grid", { class: "ez-size-width--full ez-size-height--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: PresentationMode.SECONDARY, canEdit: this.canEdit, isDetail: true }))), h("stack-item", null, h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), label: this.label, levelPath: this._levelPath }, h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: PresentationMode.SECONDARY, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName, onBack: this.handleAttachBack.bind(this) }))))));
+  }
+  static get watchers() { return {
+    "dataState": ["observerDataState"]
+  }; }
+  static get style() { return snkDetailViewCss; }
+}, [2, "snk-detail-view", {
+    "formConfigManager": [1040],
+    "dataUnitName": [1, "data-unit-name"],
+    "guideItemPath": [16],
+    "entityName": [1, "entity-name"],
+    "label": [1],
+    "dataUnit": [1040],
+    "selectedForm": [1025, "selected-form"],
+    "dataState": [1040],
+    "messagesBuilder": [1040],
+    "branchGuide": [16],
+    "canEdit": [4, "can-edit"],
+    "_disabledButtons": [32],
+    "_currentView": [32],
+    "attachmentRegisterKey": [32],
+    "changeViewMode": [64],
+    "configGrid": [64],
+    "showUp": [64]
+  }, [[0, "snkContentCardChanged", "onContentCardChanged"]]]);
+SnkDetailView.REGEX_FORM_ID = /__FORM:[^:]+/g;
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-detail-view", "snk-actions-button", "snk-attach", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-taskbar"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-detail-view":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkDetailView);
+      }
+      break;
+    case "snk-actions-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$t();
+      }
+      break;
+    case "snk-attach":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$s();
+      }
+      break;
+    case "snk-data-exporter":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$p();
+      }
+      break;
+    case "snk-data-unit":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$o();
+      }
+      break;
+    case "snk-exporter-email-sender":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$n();
+      }
+      break;
+    case "snk-expression-group":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$m();
+      }
+      break;
+    case "snk-expression-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$l();
+      }
+      break;
+    case "snk-filter-advanced-mode":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$j();
+      }
+      break;
+    case "snk-filter-assistent-mode":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$i();
+      }
+      break;
+    case "snk-filter-bar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$h();
+      }
+      break;
+    case "snk-filter-detail":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$g();
+      }
+      break;
+    case "snk-filter-field-search":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$f();
+      }
+      break;
+    case "snk-filter-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$e();
+      }
+      break;
+    case "snk-filter-param-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$d();
+      }
+      break;
+    case "snk-form-summary":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$b();
+      }
+      break;
+    case "snk-form-view":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$a();
+      }
+      break;
+    case "snk-grid":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "snk-grid-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "snk-personalized-filter":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "snk-select-box":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "snk-simple-bar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "snk-simple-crud":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "snk-taskbar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+export { SnkDetailView as S, defineCustomElement as a, SnkGuidesViewer as b, defineCustomElement$1 as d };