@sankhyalabs/sankhyablocks 10.1.0-dev.51 → 10.1.0-dev.53

package/dist/components/snk-crud.js

@@ -11,6 +11,7 @@ import { V as VIEW_MODE } from './constants.js';
 import { A as AutorizationType } from './auth-fetcher.js';
 import { S as ServicesNumberingConfig, d as defineCustomElement$c } from './snk-numbering-config2.js';
 import { T as TaskbarElement, d as defineCustomElement$6 } from './snk-taskbar2.js';
+import { S as SimpleTaskbarProcessor, D as DEFAULT_TASKBAR_BUTTONS, C as CustomTaskbarButton, b as buildNativeTaskbarManager, g as getTopTaskBarId, a as getHeaderTaskbarId } from './taskbarUtils.js';
 import { v as validateFilters, d as defineCustomElement$n } from './snk-filter-modal2.js';
 import { buildFieldSearch } from '@sankhyalabs/ezui/dist/collection/utils';
 import { C as ContinuousInsertUtils } from './ContinuousInsertUtils.js';
@@ -57,204 +58,6 @@ import { d as defineCustomElement$4 } from './snk-view-representation2.js';
 import { d as defineCustomElement$3 } from './taskbar-actions-button2.js';
 import { d as defineCustomElement$2 } from './taskbar-split-button2.js';
 
-class SimpleTaskbarProcessor {
-  /**
-   * Cria uma nova instância do processador de taskbar.
-   * @param defaultButtons - Array com os botões padrão a serem exibidos
-  */
-  constructor(defaultButtons) {
-    this._defaultButtons = [];
-    this._defaultButtons = [...defaultButtons];
-  }
-  /**
-   * Processa a taskbar aplicando regras de visibilidade e habilitação.
-   * @param taskbarID - Identificador único da taskbar
-   * @param taskbarManager - Gerenciador de taskbar com regras customizadas
-   * @param dataState - Estado atual dos dados
-   * @param disabledButtons - Array de botões desabilitados
-   * @param invisibleButtons - Array de botões invisíveis
- */
-  process(taskbarID, taskbarManager, dataState, disabledButtons = [], invisibleButtons = []) {
-    var _a;
-    this.taskbarID = taskbarID;
-    this.customButtons = new Map();
-    this.buttonsArray = [];
-    this.disabledButtons = [...disabledButtons];
-    (_a = this.getButtonsArray(taskbarManager, dataState)) === null || _a === void 0 ? void 0 : _a.forEach((btnDef) => {
-      let buttonName;
-      if (typeof btnDef === "string") {
-        buttonName = btnDef;
-      }
-      else {
-        this.customButtons.set(btnDef.name, btnDef);
-        buttonName = btnDef.name;
-      }
-      if (!invisibleButtons.includes(buttonName)) {
-        if (!this.isEnabled(taskbarManager, buttonName, dataState, disabledButtons)) {
-          this.disabledButtons.push(buttonName);
-        }
-        this.buttonsArray.push(buttonName);
-      }
-    });
-    this.buttons = this.buttonsArray.join(",");
-  }
-  getButtonsArray(taskbarManager, dataState) {
-    if (taskbarManager) {
-      return taskbarManager.getButtons(this.taskbarID, dataState, [...this._defaultButtons]);
-    }
-    return this._defaultButtons;
-  }
-  isEnabled(taskbarManager, buttonName, dataState, disabled) {
-    const originalValue = !disabled.includes(buttonName);
-    if (taskbarManager && taskbarManager.isEnabled) {
-      return taskbarManager.isEnabled(this.taskbarID, dataState, buttonName, originalValue);
-    }
-    return originalValue;
-  }
-}
-
-const DEFAULT_TASKBAR_BUTTONS = [
-  TaskbarElement.FORM_MODE,
-  TaskbarElement.PREVIOUS,
-  TaskbarElement.NEXT,
-  TaskbarElement.REFRESH,
-  TaskbarElement.SPACER,
-  TaskbarElement.ACTIONS_BUTTON,
-  TaskbarElement.DATA_EXPORTER,
-  TaskbarElement.ATTACH,
-  TaskbarElement.CLONE,
-  TaskbarElement.UPDATE,
-  TaskbarElement.REMOVE,
-  TaskbarElement.INSERT,
-  TaskbarElement.CONFIGURATOR,
-  TaskbarElement.MORE_OPTIONS,
-];
-var CustomTaskbarButton;
-(function (CustomTaskbarButton) {
-  CustomTaskbarButton["FILTER"] = "FILTER";
-  CustomTaskbarButton["ENTITY_SEARCH"] = "ENTITY_SEARCH";
-})(CustomTaskbarButton || (CustomTaskbarButton = {}));
-/**
- * Insere os botões customizados à esquerda do elemento SPACER na lista de botões.
- * Caso o SPACER não seja encontrado, os botões são inseridos no início da lista.
- */
-function insertCustomButtonsBeforeSpacer(buttons, customButtons) {
-  const spacerIndex = buttons.findIndex(btn => btn === TaskbarElement.SPACER || (typeof btn === 'string' && btn === 'SPACER'));
-  if (spacerIndex > -1) {
-    return [
-      ...buttons.slice(0, spacerIndex),
-      ...customButtons,
-      ...buttons.slice(spacerIndex),
-    ];
-  }
-  return [...customButtons, ...buttons];
-}
-function buildNativeTaskbarManager(currentViewMode, mergeTaskbarManager, messagesBuilder) {
-  var _a, _b;
-  const CUSTOM_BUTTONS = [
-    {
-      name: CustomTaskbarButton.FILTER,
-      hint: (_a = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("snkCrud.customButtons.filter")) !== null && _a !== void 0 ? _a : "Abre o painel de filtros",
-      iconName: "filter",
-    },
-    {
-      name: CustomTaskbarButton.ENTITY_SEARCH,
-      hint: (_b = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("snkCrud.customButtons.entitySearch")) !== null && _b !== void 0 ? _b : "Busca na entidade",
-      iconName: "search",
-    },
-  ];
-  const EDITION_MODE_BUTTONS = [
-    TaskbarElement.CANCEL,
-    TaskbarElement.SAVE,
-  ];
-  return {
-    getButtons: (taskbarID, dataState, defaultButtons) => {
-      var _a, _b;
-      if (!taskbarID) {
-        console.warn('taskbarID não fornecido');
-        return [];
-      }
-      const isInEditionMode = (dataState === null || dataState === void 0 ? void 0 : dataState.insertionMode) || (dataState === null || dataState === void 0 ? void 0 : dataState.isDirty);
-      if (isInEditionMode) {
-        return EDITION_MODE_BUTTONS;
-      }
-      if (currentViewMode === VIEW_MODE.FORM) {
-        const indexFormMode = defaultButtons.indexOf(TaskbarElement.FORM_MODE);
-        if (indexFormMode > -1) {
-          defaultButtons = [
-            ...defaultButtons.slice(0, indexFormMode),
-            TaskbarElement.GRID_MODE,
-            ...defaultButtons.slice(indexFormMode + 1)
-          ];
-        }
-      }
-      if (((_b = (_a = dataState === null || dataState === void 0 ? void 0 : dataState.selectionInfo) === null || _a === void 0 ? void 0 : _a.records) === null || _b === void 0 ? void 0 : _b.length) > 1) {
-        const indexUpdate = defaultButtons.indexOf(TaskbarElement.UPDATE);
-        if (indexUpdate > -1) {
-          defaultButtons = [
-            ...defaultButtons.slice(0, indexUpdate),
-            TaskbarElement.UPDATE_MULTIPLE,
-            ...defaultButtons.slice(indexUpdate + 1)
-          ];
-        }
-      }
-      const defaultsWithCustomButtons = insertCustomButtonsBeforeSpacer(defaultButtons, CUSTOM_BUTTONS);
-      if (mergeTaskbarManager === null || mergeTaskbarManager === void 0 ? void 0 : mergeTaskbarManager.getButtons) {
-        return mergeTaskbarManager.getButtons(taskbarID, dataState, defaultsWithCustomButtons);
-      }
-      return defaultsWithCustomButtons;
-    },
-    isEnabled: (_, dataState, buttonName, originalValue) => {
-      var _a;
-      if (!dataState) {
-        return originalValue;
-      }
-      const hasSelectedRecord = dataState.selectedRecord !== undefined;
-      const buttonsRequiringSelection = [
-        TaskbarElement.UPDATE,
-        TaskbarElement.REMOVE,
-        TaskbarElement.ATTACH,
-        TaskbarElement.CLONE,
-      ];
-      if (!hasSelectedRecord && buttonsRequiringSelection.includes(buttonName)) {
-        return false;
-      }
-      return (_a = mergeTaskbarManager === null || mergeTaskbarManager === void 0 ? void 0 : mergeTaskbarManager.isEnabled(_, dataState, buttonName, originalValue)) !== null && _a !== void 0 ? _a : originalValue;
-    },
-    getMoreOptions(taskbarId, configName, dataState, currentActions) {
-      var _a;
-      return (_a = mergeTaskbarManager === null || mergeTaskbarManager === void 0 ? void 0 : mergeTaskbarManager.getMoreOptions) === null || _a === void 0 ? void 0 : _a.call(mergeTaskbarManager, taskbarId, configName, dataState, currentActions);
-    },
-  };
-}
-function getHeaderTaskbarId(dataState, presentationMode) {
-  var _a;
-  const hasSelectedRecord = dataState && !!((_a = dataState.selectionInfo) === null || _a === void 0 ? void 0 : _a.length);
-  const taskbarIdPrefixLookup = {
-    primary: "snkGridHeaderTaskbar",
-    secondary: "snkGridHeaderTaskbar",
-    singleTaskbar: "snkGridHeaderTaskbar.singleTaskbar",
-  };
-  const taskbarIdPrefix = taskbarIdPrefixLookup[presentationMode];
-  let headerTaskbarId = hasSelectedRecord ? `${taskbarIdPrefix}.selected` : `${taskbarIdPrefix}.unselected`;
-  if ((dataState === null || dataState === void 0 ? void 0 : dataState.isDirty) && presentationMode === PresentationMode.SINGLE_TASKBAR) {
-    headerTaskbarId = "snkGridHeaderTaskbar.singleTaskbar.finish_edition";
-  }
-  return headerTaskbarId;
-}
-function getTopTaskBarId(dataState, presentationMode) {
-  const suffixLookup = {
-    primary: '',
-    secondary: '.secondary',
-    singleTaskbar: '.singleTaskbar',
-  };
-  const sufix = suffixLookup[presentationMode];
-  if (dataState === null || dataState === void 0 ? void 0 : dataState.isDirty) {
-    return `snkGridTopTaskbar.finish_edition${sufix}`;
-  }
-  return `snkGridTopTaskbar.regular${sufix}`;
-}
-
 const snkCrudCss = ".sc-snk-crud-h{display:flex;flex-direction:column;height:100%;width:100%;overflow-y:auto;scrollbar-gutter:stable both-edges}snk-grid.sc-snk-crud{--snk-grid-padding:0 var(--space--6, 6px) var(--space--6, 6px) var(--space--6, 6px)}stack-item.sc-snk-crud.sc-snk-crud{display:grid;min-height:100%}.snk-crud__header.sc-snk-crud{margin-bottom:var(--space--10, 10px)}.snk-crud__grid-stack-item.sc-snk-crud{display:flex;flex-direction:column;height:100%;width:100%;padding:0 var(--space--2, 2px)}.snk-crud__header-top.sc-snk-crud{display:flex;justify-content:space-between;align-items:center;padding:var(--space--8, 8px);padding-top:var(--space--12, 12px)}.snk-crud__header-bottom.sc-snk-crud{display:flex;justify-content:space-between;align-items:center;padding:0 var(--space--8, 8px) 0 var(--space--6, 6px)}.snk-crud__header-bottom.sc-snk-crud>snk-taskbar.sc-snk-crud{padding-bottom:var(--space--8, 8px);margin-left:var(--space--12, 12px)}.snk-crud--hidden.sc-snk-crud{display:none !important}ez-record-navigation.sc-snk-crud,ez-grid-pagination.sc-snk-crud{margin-bottom:var(--space--8, 8px)}";
 
 const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {

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

@@ -56,7 +56,7 @@ import { d as defineCustomElement$3 } from './taskbar-actions-button2.js';
 import { d as defineCustomElement$2 } from './taskbar-split-button2.js';
 import { d as defineCustomElement$j } from './snk-form-config2.js';
 
-const snkGuidesViewerCss = ".sc-snk-guides-viewer-h{--snk-guides-viewer--space-large:var(--space--large, 24px);--snk-guides-viewer--space-small:var(--space--2xs, 8px);--snk-guides-viewer__header--min-height:132px;--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;--snk-workspace--header-height:40px;display:block;outline:none}ez-guide-navigator.sc-snk-guides-viewer{--ez-guide-navigator--border-radius:var(--space--12, 12px)}snk-form-view.sc-snk-guides-viewer{width:100%}stack-item.snk-guides-viewer.sc-snk-guides-viewer{display:grid}stack-item.sc-snk-guides-viewer.sc-snk-guides-viewer{display:grid;min-height:100%}.snk-guides-viewer.sc-snk-guides-viewer{position:relative;padding:0 var(--snk-guides-viewer--space-small);padding-bottom:var(--snk-guides-viewer--space-small)}.snk-guides-viewer__detail-container.sc-snk-guides-viewer{display:flex;row-gap:24px;flex-direction:column;max-height:calc(100vh - var(--snk-guides-viewer__header--min-height));overflow-y:auto}.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-small);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-small)}.snk-guides-viewer__header-breadcrumb.sc-snk-guides-viewer{width:25%;display:flex}.snk-guides-viewer__header-taskbar.sc-snk-guides-viewer{width:75%}.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-small)}.snk-guides-viewer__guide-navigator.sc-snk-guides-viewer{position:sticky;top:var(--snk-guides-viewer--space-small);height:100%}.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 snkGuidesViewerCss = ".sc-snk-guides-viewer-h{--snk-guides-viewer--space-large:var(--space--large, 24px);--snk-guides-viewer--space-small:var(--space--2xs, 8px);--snk-guides-viewer__header--min-height:132px;--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;--snk-workspace--header-height:40px;display:block;outline:none}ez-guide-navigator.sc-snk-guides-viewer{--ez-guide-navigator--border-radius:var(--space--12, 12px)}snk-form-view.sc-snk-guides-viewer{width:100%}stack-item.snk-guides-viewer.sc-snk-guides-viewer{display:grid}stack-item.sc-snk-guides-viewer.sc-snk-guides-viewer{display:grid;min-height:100%}.snk-guides-viewer.sc-snk-guides-viewer{position:relative;padding:0 var(--snk-guides-viewer--space-small);padding-bottom:var(--snk-guides-viewer--space-small)}.snk-guides-viewer__detail-container.sc-snk-guides-viewer{display:flex;row-gap:24px;flex-direction:column;max-height:calc(100vh - var(--snk-guides-viewer__header--min-height));overflow-y:auto}.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-small);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-small)}.snk-guides-viewer__header-breadcrumb.sc-snk-guides-viewer{width:25%;display:flex}.snk-guides-viewer__header-taskbar.sc-snk-guides-viewer{width:75%}.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-small)}.snk-guides-viewer__guide-navigator.sc-snk-guides-viewer{position:sticky;top:var(--snk-guides-viewer--space-small);height:calc(100vh - var(--snk-guides-viewer__header--min-height))}.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 {
@@ -899,7 +899,7 @@ class GuideBuilder {
   }
 }
 
-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;height:100%}.detail-header.sc-snk-detail-view{padding-bottom:0}snk-data-unit.sc-snk-detail-view{flex:1}snk-grid.sc-snk-detail-view{height:calc(100% - 43px)}";
+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;height:100%}.detail-header.sc-snk-detail-view{padding-bottom:0}snk-data-unit.sc-snk-detail-view{flex:1}snk-grid.sc-snk-detail-view{height:calc(100% - 56px);--snk-grid__header-padding:var(--space--4, 4px);--snk-grid-padding:var(--space--8, 8px);--snk-grid-box-shadow:unset}";
 
 const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -1148,6 +1148,12 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       this.addErrorBadgeToBranchGuide();
     }
     else if (action.type === Action.DATA_LOADED) {
+      this.handleDataLoaded();
+    }
+  }
+  handleDataLoaded() {
+    var _a;
+    if (!((_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getSelectedRecord())) {
       this.dataUnit.selectFirst();
     }
   }

package/dist/components/snk-dynaform-config-header.d.ts

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

package/dist/components/snk-dynaform-config-header.js

@@ -0,0 +1,6 @@
+import { S as SnkDynaformConfigHeader$1, d as defineCustomElement$1 } from './snk-dynaform-config-header2.js';
+
+const SnkDynaformConfigHeader = SnkDynaformConfigHeader$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkDynaformConfigHeader, defineCustomElement };

package/dist/components/snk-dynaform-config-header2.js

@@ -0,0 +1,103 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+import { d as defineCustomElement$1 } from './snk-dynaform-configs-button2.js';
+
+const snkDynaformConfigHeaderCss = ".sc-snk-dynaform-config-header-h{display:flex;padding-top:var(--space--12, 12px);align-items:center;width:100%;justify-content:space-between}.left-group.sc-snk-dynaform-config-header{display:flex;gap:var(--space--8, 8px);align-items:center}.right-group.sc-snk-dynaform-config-header{display:flex}";
+
+const SnkDynaformConfigHeader = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.configClose = createEvent(this, "configClose", 7);
+    this.saveConfig = createEvent(this, "saveConfig", 7);
+    this.isEditingGuide = false;
+    this.isEditingGroup = false;
+    this.configOptions = [];
+    this.selectedConfig = undefined;
+    this.messagesBuilder = undefined;
+    this.hasChanges = false;
+    this.optionConfigChanged = false;
+  }
+  handleIsEditingGuideName({ detail }) {
+    this.isEditingGuide = detail;
+  }
+  handleIsEditingGroupName({ detail }) {
+    this.isEditingGroup = detail;
+  }
+  saveFormConfig() {
+    if (this.isEditingGuide || this.isEditingGroup) {
+      const title = this.getMessage('snkFormConfig.confirm.title');
+      const message = this.isEditingGuide
+        ? this.getMessage('snkFormConfig.alert.titleGuideEditing')
+        : this.getMessage('snkFormConfig.alert.titleGroupEditing');
+      ApplicationUtils.alert(title, message);
+      return;
+    }
+    this.saveConfig.emit();
+  }
+  async closeFormConfig() {
+    if (this.hasChanges) {
+      const title = this.getMessage('snkFormConfig.confirm.title');
+      const msg = this.getMessage('snkFormConfig.confirm.cancel');
+      const confirm = await ApplicationUtils.confirm(title, msg);
+      if (!confirm)
+        return;
+    }
+    this.configClose.emit();
+  }
+  getMessage(key, params) {
+    return this.messagesBuilder.getMessage(key, params);
+  }
+  openConfirmDialog(msg = '', title = this.getMessage('snkFormConfig.confirm.title')) {
+    return ApplicationUtils.confirm(title, msg);
+  }
+  async applyOptionConfig() {
+    var _a, _b;
+    const name = (_b = (_a = this.selectedConfig) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.getMessage('snkFormConfig.configs.selectedConfig');
+    const msg = this.getMessage('snkFormConfig.confirm.apply').replace('{0}', name);
+    const confirm = await this.openConfirmDialog(msg);
+    if (confirm) {
+      this.saveConfig.emit();
+    }
+  }
+  renderSaveActions() {
+    if (!this.hasChanges && !this.optionConfigChanged)
+      return;
+    if (this.hasChanges) {
+      return (h("div", { class: "right-group" }, h("ez-button", { title: this.getMessage('snkFormConfig.actions.cancel'), label: this.getMessage('snkFormConfig.actions.cancel'), onClick: this.closeFormConfig.bind(this), size: "medium" }), h("ez-button", { title: this.getMessage('snkFormConfig.actions.save'), label: this.getMessage('snkFormConfig.actions.save'), class: 'ez-button--primary ez-padding-left--medium', onClick: () => this.saveFormConfig(), size: "medium" })));
+    }
+    return (h("div", { class: "right-group" }, h("ez-button", { title: this.getMessage('snkFormConfig.actions.cancel'), label: this.getMessage('snkFormConfig.actions.cancel'), onClick: this.closeFormConfig.bind(this), size: "medium" }), h("ez-button", { title: this.getMessage('snkFormConfig.actions.save'), label: this.getMessage('snkFormConfig.applyConfig'), class: 'ez-button--primary ez-padding-left--medium', onClick: async () => await this.applyOptionConfig(), size: "medium" })));
+  }
+  render() {
+    return (h(Host, null, h("div", { class: 'left-group' }, h("ez-button", { mode: "icon", title: this.getMessage('snkFormConfig.goBackTitle'), iconName: "arrow_back", size: "small", onClick: this.closeFormConfig.bind(this), id: "formConfigToBack" }), h("h1", { class: "ez-title ez-title--primary ez-title--extra-large ez-padding--small" }, this.getMessage('snkFormConfig.title')), h("snk-dynaform-configs-button", { hasChanges: this.hasChanges, configOptions: this.configOptions, selectedConfig: this.selectedConfig, messagesBuilder: this.messagesBuilder })), this.renderSaveActions()));
+  }
+  static get style() { return snkDynaformConfigHeaderCss; }
+}, [2, "snk-dynaform-config-header", {
+    "configOptions": [16],
+    "selectedConfig": [16],
+    "messagesBuilder": [1040],
+    "hasChanges": [4, "has-changes"],
+    "optionConfigChanged": [4, "option-config-changed"],
+    "isEditingGuide": [32],
+    "isEditingGroup": [32]
+  }, [[16, "isEditingGuideName", "handleIsEditingGuideName"], [16, "isEditingGroupName", "handleIsEditingGroupName"]]]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-dynaform-config-header", "snk-dynaform-configs-button"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-dynaform-config-header":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkDynaformConfigHeader);
+      }
+      break;
+    case "snk-dynaform-configs-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { SnkDynaformConfigHeader as S, defineCustomElement as d };

package/dist/components/snk-dynaform-configs-button.d.ts

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

package/dist/components/snk-dynaform-configs-button.js

@@ -0,0 +1,6 @@
+import { S as SnkDynaformConfigsButton$1, d as defineCustomElement$1 } from './snk-dynaform-configs-button2.js';
+
+const SnkDynaformConfigsButton = SnkDynaformConfigsButton$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkDynaformConfigsButton, defineCustomElement };

package/dist/components/snk-dynaform-configs-button2.js

@@ -0,0 +1,76 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { ObjectUtils } from '@sankhyalabs/core';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+
+const snkDynaformConfigsButtonCss = ".dropdown-container.sc-snk-dynaform-configs-button{font-family:'Roboto';font-size:12px;font-weight:400;display:flex;flex-direction:column;color:#2b3a54;width:200px}.main-item.sc-snk-dynaform-configs-button{padding:12px;font-size:14px;cursor:pointer;transition:all .2s ease-in-out;display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:start}.main-item.sc-snk-dynaform-configs-button ez-icon.sc-snk-dynaform-configs-button{--ez-icon--color:#008561}.main-item.sc-snk-dynaform-configs-button:nth-of-type(1){padding-bottom:6px}.main-item.sc-snk-dynaform-configs-button:nth-of-type(2){padding-top:6px}.main-item.sc-snk-dynaform-configs-button:hover{background-color:#FAFCFF}.item-label.sc-snk-dynaform-configs-button{display:flex}";
+
+const SnkDynaformConfigsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.formConfigOptionSelected = createEvent(this, "formConfigOptionSelected", 7);
+    this.configOptions = [];
+    this.selectedConfig = undefined;
+    this.hasChanges = false;
+    this.messagesBuilder = undefined;
+  }
+  getMessage(key, params) {
+    return this.messagesBuilder.getMessage(key, params);
+  }
+  async showShareConfigOptions() {
+    if (this._refOptionsPopover && this._refShareConfigBtn) {
+      await this._refOptionsPopover.showUnder(this._refShareConfigBtn);
+    }
+  }
+  async handleSelectOption(option) {
+    if (ObjectUtils.equals(option, this.selectedConfig))
+      return;
+    if (this.hasChanges) {
+      const title = this.getMessage('snkFormConfig.confirm.title');
+      const msg = this.getMessage('snkFormConfig.confirm.cancel');
+      const confirm = await ApplicationUtils.confirm(title, msg);
+      if (!confirm)
+        return;
+    }
+    this.selectedConfig = option;
+    this.formConfigOptionSelected.emit(option);
+    await this._refOptionsPopover.hide();
+  }
+  getButtonLabel() {
+    var _a, _b;
+    return (_b = (_a = this.selectedConfig) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : this.getMessage('snkFormConfig.configs.buttonLabel');
+  }
+  renderConfigOptions() {
+    return this.configOptions.map((option) => {
+      return (h("div", { class: `main-item`, onClick: async () => await this.handleSelectOption(option) }, h("span", { class: 'item-label' }, " ", option.name), this.renderCheckIcon(option)));
+    });
+  }
+  renderCheckIcon(option) {
+    if (this.selectedConfig && this.selectedConfig.origin === option.origin)
+      return h("ez-icon", { iconName: "check" });
+  }
+  render() {
+    return (h(Host, null, h("ez-button", { ref: ref => this._refShareConfigBtn = ref, label: this.getButtonLabel(), onClick: async () => await this.showShareConfigOptions() }, h("ez-icon", { slot: "rightIcon", iconName: "chevron-down" })), h("ez-popover-plus", { ref: ref => this._refOptionsPopover = ref, autoClose: true, overlayType: "none" }, h("div", { class: 'dropdown-container' }, this.renderConfigOptions()))));
+  }
+  static get style() { return snkDynaformConfigsButtonCss; }
+}, [2, "snk-dynaform-configs-button", {
+    "configOptions": [16],
+    "selectedConfig": [16],
+    "hasChanges": [4, "has-changes"],
+    "messagesBuilder": [1040]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-dynaform-configs-button"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-dynaform-configs-button":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkDynaformConfigsButton);
+      }
+      break;
+  } });
+}
+
+export { SnkDynaformConfigsButton as S, defineCustomElement as d };

package/dist/components/snk-dynaform-detail-view.d.ts

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

package/dist/components/snk-dynaform-detail-view.js

@@ -0,0 +1,6 @@
+import { S as SnkDynaformDetailView$1, a as defineCustomElement$1 } from './snk-dynaform-detail-view2.js';
+
+const SnkDynaformDetailView = SnkDynaformDetailView$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SnkDynaformDetailView, defineCustomElement };