@sankhyalabs/sankhyablocks 1.4.0-beta.7 → 1.4.0-beta.9

package/dist/components/snk-taskbar2.js

@@ -1,5 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
 import { ApplicationContext } from '@sankhyalabs/core';
+import { d as defineCustomElement$2 } from './snk-config-modal2.js';
+import { d as defineCustomElement$1 } from './snk-configurator2.js';
 
 var TaskbarElement;
 (function (TaskbarElement) {
@@ -14,9 +16,9 @@ var TaskbarElement;
   TaskbarElement["SAVE"] = "SAVE";
   TaskbarElement["GRID_MODE"] = "GRID_MODE";
   TaskbarElement["FORM_MODE"] = "FORM_MODE";
-  TaskbarElement["CONFIG_GRID"] = "CONFIG_GRID";
   TaskbarElement["MORE_OPTIONS"] = "MORE_OPTIONS";
   TaskbarElement["DIVIDER"] = "DIVIDER";
+  TaskbarElement["CONFIGURATOR"] = "CONFIGURATOR";
 })(TaskbarElement || (TaskbarElement = {}));
 var AuthorizationElements;
 (function (AuthorizationElements) {
@@ -24,11 +26,12 @@ var AuthorizationElements;
   AuthorizationElements["CLONE"] = "CLONE";
   AuthorizationElements["REMOVE"] = "REMOVE";
   AuthorizationElements["INSERT"] = "INSERT";
-  AuthorizationElements["CONFIG_GRID"] = "CONFIG_GRID";
+  AuthorizationElements["CONFIGURATOR"] = "CONFIGURATOR";
 })(AuthorizationElements || (AuthorizationElements = {}));
 var VisibleWhenForbidden;
 (function (VisibleWhenForbidden) {
   VisibleWhenForbidden["CONFIG_GRID"] = "CONFIG_GRID";
+  VisibleWhenForbidden["CONFIGURATOR"] = "CONFIGURATOR";
 })(VisibleWhenForbidden || (VisibleWhenForbidden = {}));
 const buildCustomButton = (def, className, action, isEnabled) => {
   const { hint, text, iconName } = def;
@@ -44,7 +47,7 @@ const buildCustomButton = (def, className, action, isEnabled) => {
     return textButton(def.name, className, text, hint, action, isEnabled);
   }
 };
-const buildElem = (element, className, getTitle, action, isEnabled, actions) => {
+const buildElem = (element, className, getTitle, action, isEnabled, actions, configName) => {
   const title = getTitle(element);
   switch (element) {
     case TaskbarElement.PREVIOUS:
@@ -69,8 +72,8 @@ const buildElem = (element, className, getTitle, action, isEnabled, actions) =>
       return iconButton("table", element, className, title, action, isEnabled);
     case TaskbarElement.FORM_MODE:
       return iconButton("list", element, className, title, action, isEnabled);
-    case TaskbarElement.CONFIG_GRID:
-      return iconButton("settings-inverted", element, className, title, action, isEnabled);
+    case TaskbarElement.CONFIGURATOR:
+      return configButton(element, className, getTitle, action, isEnabled, configName);
     case TaskbarElement.MORE_OPTIONS:
       return actions && actions.length > 0 ? h("ez-actions-button", { title: title, size: "small", class: className, enabled: isEnabled(element), onEzAction: (evt) => action(evt.detail.value), actions: actions }) : undefined;
     case TaskbarElement.DIVIDER:
@@ -87,6 +90,9 @@ function iconTextButton(iconName, name, className, text, title, action, isEnable
   return h("ez-button", { name: iconName, title: title, label: text, size: "small", class: className, enabled: isEnabled(name), onClick: () => action(name) },
     h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: iconName }));
 }
+function configButton(element, className, getTitle, action, isEnabled, configName) {
+  return h("snk-configurator", { key: "configurator", configName: configName, title: getTitle(element), class: className, enabled: isEnabled(element), onChangeViewMode: (evt) => action(evt === null || evt === void 0 ? void 0 : evt.detail) });
+}
 
 const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex}";
 
@@ -95,6 +101,7 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     super();
     this.__registerHost();
     this.actionClick = createEvent(this, "actionClick", 7);
+    this.actionChange = createEvent(this, "actionChange", 7);
     this._titleKeyByElement = {
       [TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
       [TaskbarElement.PREVIOUS]: "snkTaskbar.titlePrevious",
@@ -107,8 +114,8 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       [TaskbarElement.CANCEL]: "snkTaskbar.titleCancel",
       [TaskbarElement.SAVE]: "snkTaskbar.titleSave",
       [TaskbarElement.GRID_MODE]: "snkTaskbar.titleGridMode",
-      [TaskbarElement.CONFIG_GRID]: "snkTaskbar.titleConfigGrid",
-      [TaskbarElement.FORM_MODE]: "snkTaskbar.titleFormMode"
+      [TaskbarElement.FORM_MODE]: "snkTaskbar.titleFormMode",
+      [TaskbarElement.CONFIGURATOR]: "snkTaskbar.titleConfigurator"
     };
   }
   observeButtons() {
@@ -192,7 +199,7 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       className += "ez-padding-left--medium";
     }
     if (TaskbarElement[def.toString()]) {
-      return buildElem(def, className, elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.actionsList);
+      return buildElem(def, className, elem => this.getTitle(elem), elem => this.elementClick(elem), elem => this.isEnabled(elem), this.actionsList, this.configName);
     }
     else {
       return buildCustomButton(def, className, elem => this.elementClick(elem), elem => this.isEnabled(elem));
@@ -239,6 +246,7 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }; }
   static get style() { return snkTaskbarCss; }
 }, [6, "snk-taskbar", {
+    "configName": [1, "config-name"],
     "buttons": [1],
     "customButtons": [16],
     "actionsList": [16],
@@ -251,13 +259,23 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-taskbar"];
+  const components = ["snk-taskbar", "snk-config-modal", "snk-configurator"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-taskbar":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, SnkTaskbar);
       }
       break;
+    case "snk-config-modal":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "snk-configurator":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
   } });
 }
 

package/dist/esm/{SnkMessageBuilder-d440381c.js → SnkMessageBuilder-5792c260.js}

@@ -51,16 +51,6 @@ const snkFilterBarMessages = {
   "modalCancelButtonLabel": "Limpar"
 };
 
-const snkFormMessages = {
-  title: {
-    clone: "Duplicar registro",
-    insert: "Cadastrar registro",
-    update: "Alterar registro",
-    clean: "{{ENTITY_NAME}}"
-  },
-  goBackTitle: "Voltar"
-};
-
 const snkTaskbarMessages = {
   titleUpdate: "Editar",
   titlePrevious: "Anterior",
@@ -74,7 +64,7 @@ const snkTaskbarMessages = {
   titleSave: "Salvar",
   titleGridMode: "Modo Grade",
   titleFormMode: "Modo Formulário",
-  titleConfigGrid: "Configuração da grade",
+  titleConfigurator: "Configurações",
   forbidden: "Permissão não liberada"
 };
 
@@ -82,13 +72,99 @@ const crudUtilsMessages = {
   errorArray: "CrudUtils.find deve receber um array de fields, ou uma lista separada por virgula.",
 };
 
+const snkFormMessages = {
+  title: {
+    clone: "Duplicar registro",
+    insert: "Cadastrar registro",
+    update: "Alterar registro",
+    clean: "{{ENTITY_NAME}}"
+  },
+  goBackTitle: "Voltar"
+};
+const snkConfigOptionsMessages = {
+  label: {
+    nameField: "Nome do Campo *",
+    typeValueDefault: "Tipo de valor padrão *",
+    valueDefault: "Valor Padrão",
+    clearDuplicate: "Limpar ao Duplicar",
+    requiredField: "Campo Obrigatório",
+    protectedField: "Campo Protegido"
+  },
+  options: {
+    valueFixed: "Valor Fixo",
+    variable: "Variável"
+  }
+};
+const snkFormConfigMessages = {
+  title: "Configuração do formulário",
+  applyConfig: "Aplicar configuração",
+  availableFields: {
+    title: "Campos disponíveis",
+    labelNoFields: "Nenhum campo disponível",
+    labelOneField: "1 campo disponível",
+    labelAvailableFields: "Campos disponíveis",
+    labelSearchField: "Procurar campo"
+  },
+  form: {
+    subTitleInfo: "Inclua estes campos nos grupos ou deixe-os separados no topo do formulário!",
+    labelDropField: "Arraste e solte um campo aqui",
+    labelNewGroup: "Adicionar novo grupo",
+    mainArea: "Área principal",
+    tabGeneral: "Geral"
+  },
+  confirm: {
+    title: "Aviso",
+    deleteTab: "A aba selecionada será excluída.<br/><br/> Tem certeza que deseja excluir aba",
+    cancel: "As alterações realizadas serão descartadas.<br/><br/><b>Gostaria de continuar?</b>",
+    exit: "Ao sair as alterações serão descartadas.<br/><br/><b>Você realmente gostaria de sair?</b>",
+    apply: "A <b>{0}</b> irá substituir a sua configuração {1}!<br/><br/><b>Deseja continuar?</b>",
+    group: "Não é possível salvar as configurações com um grupo vazio!",
+    labelYes: "Sim",
+    labelNo: "Não"
+  },
+  alert: {
+    titleGroupExists: "Já existe um grupo com título",
+    infoValidTitle: "Por favor, digite um título válido.",
+    inTab: "na aba"
+  }
+};
+const snkFieldConfigMessages = {
+  titleRemove: "Remover",
+  titleConfigurations: "Configurações",
+  titleAdd: "Adicionar"
+};
+const snkTabConfigMessages = {
+  labelRename: "Renomear",
+  labelHide: "Ocultar",
+  labelShow: "Exibir",
+  labelDelete: "Excluir"
+};
+
+const snkConfiguratorMessages = {
+  msgSaveSuccessfully: "As configurações foram salvas com sucesso!"
+};
+const snkConfigModalMessages = {
+  titleConfigurations: "Configurações",
+  subTitleModeConfig: "Modo de visualização",
+  labelConfigGrid: "Configurar grade",
+  labelConfigForm: "Configurar formulário",
+  labelGrid: "Grade",
+  labelForm: "Formulário"
+};
+
 class SnkMessageBuilder {
   constructor() {
     this._defaults = {
       snkDataUnit: snkDataUnitMessages,
       snkForm: snkFormMessages,
+      snkFormConfig: snkFormConfigMessages,
+      snkConfigOptions: snkConfigOptionsMessages,
       snkTaskbar: snkTaskbarMessages,
+      snkConfigModal: snkConfigModalMessages,
+      snkFieldConfig: snkFieldConfigMessages,
       snkFilterBar: snkFilterBarMessages,
+      snkConfigurator: snkConfiguratorMessages,
+      snkTabConfig: snkTabConfigMessages,
       crudUtils: crudUtilsMessages
     };
     this._currentOperation = OperationMap.CLEAN;

package/dist/esm/_commonjsHelpers-9943807e.js

@@ -0,0 +1,17 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function createCommonjsModule(fn, basedir, module) {
+	return module = {
+		path: basedir,
+		exports: {},
+		require: function (path, base) {
+			return commonjsRequire();
+		}
+	}, fn(module, module.exports), module.exports;
+}
+
+function commonjsRequire () {
+	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
+}
+
+export { commonjsGlobal as a, createCommonjsModule as c };

package/dist/esm/configurableElementsStorage-cdc144b5.js

@@ -0,0 +1,18 @@
+class ConfigurableElementsStorage {
+  static setGrid(id, grid) {
+    this._gridById.set(id, grid);
+  }
+  static setForm(id, form) {
+    this._formById.set(id, form);
+  }
+  static getGrid(id) {
+    return this._gridById.get(id);
+  }
+  static getForm(id) {
+    return this._formById.get(id);
+  }
+}
+ConfigurableElementsStorage._gridById = new Map();
+ConfigurableElementsStorage._formById = new Map();
+
+export { ConfigurableElementsStorage as C };

package/dist/esm/constants-c6039d3d.js

@@ -0,0 +1,74 @@
+const VIEW_MODE = {
+  grid: {
+    index: 0,
+    name: "GRID_MODE"
+  },
+  form: {
+    index: 1,
+    name: "FORM_MODE"
+  }
+};
+const ACTION_CONFIG = {
+  add: 'ADD',
+  remove: 'REMOVE',
+  configuration: 'CONFIGURATION'
+};
+const VARS_BY_TYPE = {
+  UserInterface: {
+    DATE: [{ label: "Data atual", value: "${data}" }],
+    DATETIME: [{ label: "Data e hora atuais", value: "${datahora}" }],
+    INTEGERNUMBER: [
+      { label: "Código do usuário logado", value: "${usuario}" },
+      { label: "Empresa do usuário logado", value: "${usuario.empresa}" },
+      { label: "Vendedor para o usuário logado", value: "${usuario.vendedor}" },
+      { label: "Cent. Resultado usuário logado", value: "${usuario.centroresultado}" }
+    ]
+  }
+};
+const DEFAULT_TYPE = {
+  fixed: "F",
+  variable: "V"
+};
+const CONFIG_EVENTS = {
+  closeModal: "ezCloseModal",
+  cancelConfig: "cancelConfig",
+  changeConfig: "changeConfig",
+  configChanged: "configChanged",
+  fieldChanged: "ezChange",
+  dragStart: "sortable:start",
+  dragSort: "sortable:sort",
+  dragSorted: "sortable:sorted",
+  dragStop: "sortable:stop"
+};
+const KEY_EVENTS = {
+  enter: "Enter",
+  arrowLeft: "ArrowLeft",
+  arrowRight: "ArrowRight",
+  tab: "Tab",
+  escape: "Escape"
+};
+const TYPE_ACTIONS = {
+  rename: "RENAME",
+  hide: "HIDE",
+  show: "SHOW",
+  delete: "DELETE"
+};
+const TAB_NAMES = {
+  main: "__main"
+};
+const TAGS_BY_TYPE = {
+  LONGTEXT: "ez-text-area",
+  FILE: "ez-upload",
+  DATE: "ez-date-input",
+  TIME: "ez-time",
+  DATETIME: "ez-date-time-input",
+  DEFAULT: "ez-text-input",
+  SWITCH: "ez-check",
+  CHECKBOX: "ez-check",
+  OPTIONSELECTOR: "ez-combo-box",
+  SEARCH: "ez-search",
+  INTEGERNUMBER: "ez-number-input",
+  DECIMALNUMBER: "ez-number-input"
+};
+
+export { ACTION_CONFIG as A, CONFIG_EVENTS as C, DEFAULT_TYPE as D, KEY_EVENTS as K, TAB_NAMES as T, VARS_BY_TYPE as V, TAGS_BY_TYPE as a, TYPE_ACTIONS as b, VIEW_MODE as c };