@sankhyalabs/sankhyablocks 10.1.0-dev.23 → 10.1.0-dev.25

package/dist/collection/components/snk-grid/snk-grid.js

@@ -479,7 +479,7 @@ export class SnkGrid {
     return disabledButtons;
   }
   getInvisibleButtons() {
-    var _a, _b;
+    var _a, _b, _c;
     let invisibleButtons = [];
     if (!this._dataUnit || this._dataUnit.records.length === 0)
       invisibleButtons.push(TaskbarElement.DATA_EXPORTER);
@@ -487,6 +487,8 @@ export class SnkGrid {
       invisibleButtons.push(TaskbarElement.ACTIONS_BUTTON);
     if (((_b = this._dataState) === null || _b === void 0 ? void 0 : _b.selectionInfo.length) === 1)
       invisibleButtons.push(TaskbarElement.UPDATE_MULTIPLE);
+    if (!((_c = this._dataState) === null || _c === void 0 ? void 0 : _c.selectionInfo.length))
+      invisibleButtons.push(TaskbarElement.FORM_MODE);
     return invisibleButtons;
   }
   componentWillRender() {

package/dist/collection/components/snk-image-input/snk-image-input.css

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

package/dist/collection/components/snk-image-input/snk-image-input.js

@@ -0,0 +1,326 @@
+import { ApplicationContext } from '@sankhyalabs/core';
+import { h, Host } from '@stencil/core';
+import { SnkMessageBuilder } from '../../lib/message/SnkMessageBuilder';
+import { base64ToBlob, buildFileKey, downloadImage, getPKs, sessionFileUpload } from './utils/ImageUtils';
+import { Action } from '@sankhyalabs/core';
+export class SnkImageInput {
+  constructor() {
+    this.dataUnitObserver = async (action) => {
+      var _a;
+      const actionsMoveSelection = [Action.NEXT_SELECTED, Action.PREVIOUS_SELECTED];
+      if (actionsMoveSelection.includes(action.type)) {
+        await this.loadImage();
+        return;
+      }
+      const selection = ((_a = action.payload) === null || _a === void 0 ? void 0 : _a.selection) || [];
+      if (action.type === Action.SELECTION_CHANGED && selection.length > 0) {
+        await this.loadImage();
+        return;
+      }
+      if (action.type === Action.RECORDS_ADDED) {
+        await this.clearImage();
+        return;
+      }
+    };
+    this.dataUnit = undefined;
+    this.fieldName = undefined;
+    this.entityName = undefined;
+    this.enabled = true;
+    this.acceptType = undefined;
+    this.maxSize = undefined;
+    this.label = undefined;
+    this.imageValue = undefined;
+    this.loading = true;
+  }
+  /**
+   * Força o reload da imagem
+   */
+  async reloadImage(pks) {
+    await this.loadImage(pks);
+  }
+  getMessage(key, params) {
+    if (!this.messagesBuilder) {
+      this.messagesBuilder = new SnkMessageBuilder();
+    }
+    return this.messagesBuilder.getMessage(key, params);
+  }
+  async clearImage() {
+    this.imageValue = undefined;
+  }
+  async handleImageChange(event) {
+    const base64 = event.detail;
+    if (!base64) {
+      await this.clearImage();
+      await this.updatedataUnitField(true);
+      return;
+    }
+    const blob = await base64ToBlob(base64);
+    if (this.maxSize && blob.size > this.maxSize * 1024) {
+      const errorMsg = this.getMessage('snkImageInput.errorImageSize') + this.maxSize + '(KB)';
+      this.imageError.emit(errorMsg);
+      if (this.application) {
+        await this.application.error(this.getMessage('snkImageInput.errorTitle'), errorMsg);
+      }
+      return;
+    }
+    this.imageValue = base64;
+    await sessionFileUpload(blob, this.entityName, this.fieldName);
+    await this.updatedataUnitField();
+  }
+  async updatedataUnitField(deleted = false) {
+    if (!this.dataUnit || !this.dataUnit.getSelectedRecord()) {
+      return;
+    }
+    if (deleted) {
+      await this.dataUnit.setFieldValue(this.fieldName, 'deletado');
+    }
+    else {
+      await this.dataUnit.setFieldValue(this.fieldName, `$file.session.key{${buildFileKey(this.entityName, this.fieldName)}}`);
+    }
+  }
+  async handleImageError(event) {
+    this.imageError.emit(event.detail);
+    if (this.application) {
+      await this.application.error(this.getMessage('snkImageInput.errorTitle'), event.detail);
+    }
+  }
+  getPksFromDataUnit() {
+    if (!this.dataUnit) {
+      return undefined;
+    }
+    const selectedRecord = this.dataUnit.getSelectedRecord();
+    if (!selectedRecord) {
+      return undefined;
+    }
+    const fieldValue = selectedRecord[this.fieldName];
+    if (!fieldValue) {
+      return undefined;
+    }
+    try {
+      const pk = JSON.parse(fieldValue);
+      return pk;
+    }
+    catch (error) {
+      console.error('Error parsing PK from data unit field:', error);
+      return undefined;
+    }
+  }
+  async loadImage(pks) {
+    var _a;
+    this.loading = true;
+    if (this.dataUnit && this.entityName) {
+      pks = (_a = pks !== null && pks !== void 0 ? pks : this.getPksFromDataUnit()) !== null && _a !== void 0 ? _a : getPKs(this.dataUnit);
+      this.imageValue = await downloadImage(pks, this.fieldName, this.entityName);
+    }
+    this.loading = false;
+  }
+  async componentWillLoad() {
+    this.application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (!this.messagesBuilder) {
+      this.messagesBuilder = new SnkMessageBuilder();
+    }
+    if (this.dataUnit) {
+      this.dataUnit.subscribe(this.dataUnitObserver);
+    }
+  }
+  disconnectedCallback() {
+    if (this.dataUnit) {
+      this.dataUnit.unsubscribe(this.dataUnitObserver);
+    }
+  }
+  async componentDidLoad() {
+    await this.loadImage();
+  }
+  render() {
+    return (h(Host, null, h("ez-image-input", { enabled: this.enabled, label: this.label, name: this.fieldName, value: this.imageValue, maxFileSize: this.maxSize ? this.maxSize * 1024 : undefined, accept: this.acceptType || 'image/png,image/jpeg,image/gif', onEzChange: (e) => this.handleImageChange(e), onEzError: (e) => this.handleImageError(e), loading: this.loading })));
+  }
+  static get is() { return "snk-image-input"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["snk-image-input.css"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["snk-image-input.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "dataUnit": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "DataUnit",
+          "resolved": "DataUnit",
+          "references": {
+            "DataUnit": {
+              "location": "import",
+              "path": "@sankhyalabs/core"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "DataUnit associado ao componente"
+        }
+      },
+      "fieldName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Nome do campo no DataUnit"
+        },
+        "attribute": "field-name",
+        "reflect": false
+      },
+      "entityName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Nome da entidade (usado quando n\u00E3o h\u00E1 DataUnit)"
+        },
+        "attribute": "entity-name",
+        "reflect": false
+      },
+      "enabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se est\u00E1 habilitado"
+        },
+        "attribute": "enabled",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "acceptType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Tipos MIME aceitos (separados por v\u00EDrgula)"
+        },
+        "attribute": "accept-type",
+        "reflect": false
+      },
+      "maxSize": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Tamanho m\u00E1ximo do arquivo em KB"
+        },
+        "attribute": "max-size",
+        "reflect": false
+      },
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Label do componente"
+        },
+        "attribute": "label",
+        "reflect": false
+      }
+    };
+  }
+  static get states() {
+    return {
+      "imageValue": {},
+      "loading": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "imageError",
+        "name": "imageError",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Evento disparado quando h\u00E1 erro"
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "reloadImage": {
+        "complexType": {
+          "signature": "(pks?: Record<string, any>) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "Record": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "For\u00E7a o reload da imagem",
+          "tags": []
+        }
+      }
+    };
+  }
+}

package/dist/collection/components/snk-image-input/utils/ImageUtils.js

@@ -0,0 +1,133 @@
+import { ApplicationContext } from "@sankhyalabs/core";
+export async function base64ToBlob(base64) {
+  const response = await fetch(base64);
+  return await response.blob();
+}
+export function buildFileKey(entityName, fieldName) {
+  if (entityName) {
+    return `${entityName}_${fieldName}`;
+  }
+  else {
+    return fieldName;
+  }
+}
+function hasSpecialCharacters(value) {
+  const specialChars = /[ !@#$%^&*()+\-=\[\]{};':"\\|,.<>\/?]/;
+  return specialChars.test(value);
+}
+/**
+ * Gera a URL base para upload de sessão
+ */
+function getSessionUploadBaseUrl(fileKey, context = 'mge') {
+  let url = `/${context}/sessionUpload.${context}?sessionkey=${fileKey}`;
+  // Verifica se precisa processar caracteres especiais
+  if (canProcessSpecialKeys(context) && hasSpecialCharacters(fileKey)) {
+    url += `&encodedKey=${btoa(encodeURI(fileKey))}`;
+  }
+  return url;
+}
+/**
+ * Verifica se pode processar chaves especiais
+ * Baseado no método canProcessSpecialKeys do sessionfileupload.service.js
+ */
+async function canProcessSpecialKeys(context) {
+  var _a;
+  const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  if (!application)
+    return false;
+  const resourceId = await ((_a = application.getResourceID) === null || _a === void 0 ? void 0 : _a.call(application)) || '';
+  const adPrefix = "br.com.sankhya.menu.adicional";
+  return context === 'mge' && resourceId.startsWith(adPrefix);
+}
+/**
+ * Constrói a URL de upload
+ * Baseado no método buildUploadURL do sessionfileupload.service.js
+ */
+function buildUploadURL(fileKey) {
+  let url = getSessionUploadBaseUrl(fileKey);
+  url += "&fitem=S&salvar=S&useCache=N";
+  return url;
+}
+/**
+ * Faz upload de arquivo para a sessão usando XMLHttpRequest
+ * Baseado no método uploadSessionFile do sessionfileupload.service.js
+ */
+export async function sessionFileUpload(blob, entityName, fieldName, onProgress) {
+  const fileKey = buildFileKey(entityName, fieldName);
+  const uploadUrl = buildUploadURL(fileKey);
+  return new Promise((resolve, reject) => {
+    const formData = new FormData();
+    formData.append('arquivo', blob);
+    const http = new XMLHttpRequest();
+    http.addEventListener("load", () => {
+      if (http.status >= 200 && http.status < 300) {
+        resolve(`/mge/UPLOADING_${fileKey}.dbimage`);
+      }
+      else {
+        reject(new Error(`Upload failed: ${http.statusText}`));
+      }
+    });
+    http.addEventListener("error", () => {
+      reject(new Error('Upload error'));
+    });
+    if (onProgress) {
+      http.upload.addEventListener("progress", onProgress);
+    }
+    http.open("POST", uploadUrl);
+    http.send(formData);
+  });
+}
+export function getUrlBase() {
+  return window.location.origin;
+}
+export function getBaseUrl(pk, entityName, fieldName) {
+  if (!pk)
+    return undefined;
+  const baseUrl = getUrlBase();
+  let url = `${baseUrl}/mge/${entityName}@${fieldName}`;
+  for (const pkField in pk) {
+    url += `@${pkField}=${pk[pkField]}`;
+  }
+  url += '.dbimage';
+  return url;
+}
+export function getPKs(dataUnit) {
+  if (!dataUnit) {
+    return undefined;
+  }
+  const pk = {};
+  const fields = dataUnit.metadata.fields;
+  const selectedRecord = dataUnit.getSelectedRecord();
+  fields.forEach((field) => {
+    if (field.properties['isPrimaryKey']) {
+      pk[field.name] = selectedRecord[field.name];
+    }
+  });
+  return pk;
+}
+export async function imageBlobToBase64(blob) {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onloadend = () => {
+      resolve(reader.result);
+    };
+    reader.onerror = reject;
+    reader.readAsDataURL(blob);
+  });
+}
+export async function downloadImage(pks, fieldName, entityName) {
+  const uploadUrl = getBaseUrl(pks, entityName, fieldName);
+  if (!uploadUrl) {
+    return;
+  }
+  try {
+    const response = await fetch(uploadUrl);
+    if (response.ok) {
+      const blob = await response.blob();
+      return await imageBlobToBase64(blob);
+    }
+  }
+  catch (error) {
+    console.error('Error downloading image:', error);
+  }
+}

package/dist/collection/components/snk-layout-form-config/snk-layout-form-config.js

@@ -43,7 +43,7 @@ export class SnkLayoutFormConfig {
     return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params);
   }
   render() {
-    return (h("div", { class: "ez-flex ez-flex--column" }, h("div", { class: "ez-margin-bottom--small" }, h("ez-check", { label: this.getMessage('snkLayoutFormConfig.cascadeLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.CASCADE), value: this.layoutType === FormLayout.CASCADE }), h("snk-view-representation", { mode: FormLayout.CASCADE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.cascadeLayout.description'))), h("div", null, h("ez-check", { label: this.getMessage('snkLayoutFormConfig.sideBySideLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.SIDE_BY_SIDE), value: this.layoutType === FormLayout.SIDE_BY_SIDE }), h("snk-view-representation", { mode: FormLayout.SIDE_BY_SIDE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.sideBySideLayout.description')))));
+    return (h("div", { class: "ez-flex ez-flex--column" }, h("div", { class: "ez-margin-bottom--small" }, h("ez-check", { label: this.getMessage('snkLayoutFormConfig.cascadeLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.CASCADE), value: this.layoutType === FormLayout.CASCADE }), h("snk-view-representation", { mode: FormLayout.CASCADE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.cascadeLayout.description'))), h("div", { class: "ez-margin-bottom--small" }, h("ez-check", { label: this.getMessage('snkLayoutFormConfig.classicCascadeLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.CLASSIC_CASCADE), value: this.layoutType === FormLayout.CLASSIC_CASCADE }), h("snk-view-representation", { mode: FormLayout.CLASSIC_CASCADE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.classicCascadeLayout.description'))), h("div", { class: "ez-margin-bottom--small" }, h("ez-check", { label: this.getMessage('snkLayoutFormConfig.sideBySideLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.SIDE_BY_SIDE), value: this.layoutType === FormLayout.SIDE_BY_SIDE }), h("snk-view-representation", { mode: FormLayout.SIDE_BY_SIDE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.sideBySideLayout.description'))), h("div", null, h("ez-check", { label: this.getMessage('snkLayoutFormConfig.classicSideBySideLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.CLASSIC_SIDE_BY_SIDE), value: this.layoutType === FormLayout.CLASSIC_SIDE_BY_SIDE }), h("snk-view-representation", { mode: FormLayout.CLASSIC_SIDE_BY_SIDE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.classicSideBySideLayout.description')))));
   }
   static get is() { return "snk-layout-form-config"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/components/snk-layout-form-config/snk-view-representation/snk-view-representation.js

@@ -11,7 +11,7 @@ export class SnkViewRepresentation {
     return (h("div", { class: "svg-container__inline" }, [...Array(2)].map(() => this.renderCascadeLayout())));
   }
   render() {
-    return (h("div", { class: "svg-container ez-margin-left--small" }, h("div", { class: "svg-container__background" }, h("div", { class: "svg-container__header" }, h("div", { class: "svg-container__circle svg-container__circle--red" }), h("div", { class: "svg-container__circle svg-container__circle--yellow" }), h("div", { class: "svg-container__circle svg-container__circle--green" })), this.mode === FormLayout.CASCADE
+    return (h("div", { class: "svg-container ez-margin-left--small" }, h("div", { class: "svg-container__background" }, h("div", { class: "svg-container__header" }, h("div", { class: "svg-container__circle svg-container__circle--red" }), h("div", { class: "svg-container__circle svg-container__circle--yellow" }), h("div", { class: "svg-container__circle svg-container__circle--green" })), (this.mode === FormLayout.CASCADE || this.mode === FormLayout.CLASSIC_CASCADE)
       ? this.renderCascadeLayout()
       : this.renderSideBySideLayout())));
   }

package/dist/collection/lib/message/messageResourceEnUSUtils.js

@@ -26,6 +26,7 @@ import { snkSimpleBarMessages } from './resources/en-us/snk-simple-bar.msg';
 import { snkSimpleCrudMessages } from "./resources/en-us/snk-simple-crud.msg";
 import { snkSimpleFormConfigMessages } from "./resources/en-us/snk-simple-form-config.msg";
 import { snkTaskbarMessages } from "./resources/en-us/snk-taskbar.msg";
+import { snkImageInputMessages } from "./resources/en-us/snk-image-input.msg";
 
 import {
     snkGridConfigMessages,
@@ -61,6 +62,7 @@ const messageResourcePtBR = {
     snkFilterFieldSearch: snkFilterFieldSearchMessages,
     snkSimpleBar: snkSimpleBarMessages,
     snkAttach: snkAttachMessages,
+    snkImageInput: snkImageInputMessages,
     snkPersonalizedFilter: snkPersonalizedFilterMessages,
     snkEntityList: snkEntityListMessages,
     snkActionsButton: snkActionsButtonMessages,

package/dist/collection/lib/message/messageResourceEsESUtils.js

@@ -26,6 +26,7 @@ import { snkSimpleBarMessages } from './resources/es-es/snk-simple-bar.msg';
 import { snkSimpleCrudMessages } from "./resources/es-es/snk-simple-crud.msg";
 import { snkSimpleFormConfigMessages } from "./resources/es-es/snk-simple-form-config.msg";
 import { snkTaskbarMessages } from "./resources/es-es/snk-taskbar.msg";
+import { snkImageInputMessages } from "./resources/es-es/snk-image-input.msg";
 
 import {
     snkGridConfigMessages,
@@ -61,6 +62,7 @@ const messageResourcePtBR = {
     snkFilterFieldSearch: snkFilterFieldSearchMessages,
     snkSimpleBar: snkSimpleBarMessages,
     snkAttach: snkAttachMessages,
+    snkImageInput: snkImageInputMessages,
     snkPersonalizedFilter: snkPersonalizedFilterMessages,
     snkEntityList: snkEntityListMessages,
     snkActionsButton: snkActionsButtonMessages,

package/dist/collection/lib/message/messageResourcePtBRUtils.js

@@ -26,6 +26,7 @@ import { snkSimpleBarMessages } from './resources/pt-br/snk-simple-bar.msg';
 import { snkSimpleCrudMessages } from "./resources/pt-br/snk-simple-crud.msg";
 import { snkSimpleFormConfigMessages } from "./resources/pt-br/snk-simple-form-config.msg";
 import { snkTaskbarMessages } from "./resources/pt-br/snk-taskbar.msg";
+import { snkImageInputMessages } from "./resources/pt-br/snk-image-input.msg";
 
 import {
     snkGridConfigMessages,
@@ -61,6 +62,7 @@ const messageResourcePtBR = {
     snkFilterFieldSearch: snkFilterFieldSearchMessages,
     snkSimpleBar: snkSimpleBarMessages,
     snkAttach: snkAttachMessages,
+    snkImageInput: snkImageInputMessages,
     snkPersonalizedFilter: snkPersonalizedFilterMessages,
     snkEntityList: snkEntityListMessages,
     snkActionsButton: snkActionsButtonMessages,

package/dist/collection/lib/message/resources/en-us/snk-crud.msg.js

@@ -4,8 +4,8 @@ export const snkCrudMessages = {
     insert: "Register record",
     update: "Update record",
     clean: "{{ENTITY_NAME}}",
-    newRecord: "New Record"
   },
+  newRecord: "New Record",
   findColumn: "Search fields (Ctrl+F)",
   goBackTitle: "Back",
   guide: {

package/dist/collection/lib/message/resources/en-us/snk-image-input.msg.js

@@ -0,0 +1,11 @@
+export const snkImageInputMessages = {
+  msgTipoImage: "Invalid file type. Accepted types: ",
+  errorImageSize: "File size exceeds the maximum allowed: ",
+  defaultLabel: "Click or drag to upload an image",
+  removeImage: "Remove image",
+  imageAlt: "Preview image",
+  imagePreview: "Image Preview",
+  uploadError: "Error uploading file",
+  downloadError: "Error downloading image",
+  errorTitle: "Error"
+};

package/dist/collection/lib/message/resources/en-us/snk-layout-form-config.msg.js

@@ -1,10 +1,18 @@
 export const snkLayoutFormConfigMessages = {
   cascadeLayout: {
-    label: "Cascade layout",
+    label: "Cascade compact layout",
     description: "All fields will be organized in a single column."
   },
+  classicCascadeLayout: {
+    label: "Classic cascade layout",
+    description: "All fields will be organized in a single column with classic style."
+  },
   sideBySideLayout: {
-    label: "Side by side layout",
+    label: "Side by side compact layout",
     description: "All fields will be arranged side by side, automatically adjusting to the screen width."
+  },
+  classicSideBySideLayout: {
+    label: "Classic side by side layout",
+    description: "All fields will be arranged side by side with classic style, automatically adjusting to the screen width."
   }
 };

package/dist/collection/lib/message/resources/es-es/snk-crud.msg.js

@@ -4,8 +4,8 @@ export const snkCrudMessages = {
     insert: "Registrar nuevo",
     update: "Modificar registro",
     clean: "{{ENTITY_NAME}}",
-    newRecord: "Nuevo Registro"
   },
+  newRecord: "Nuevo Registro",
   findColumn: "Buscar campos (Ctrl+F)",
   goBackTitle: "Volver",
   guide: {

package/dist/collection/lib/message/resources/es-es/snk-image-input.msg.js

@@ -0,0 +1,11 @@
+export const snkImageInputMessages = {
+  msgTipoImage: "Tipo de archivo inválido. Tipos aceptados: ",
+  errorImageSize: "El tamaño del archivo excede el máximo permitido: ",
+  defaultLabel: "Haga clic o arrastre para cargar una imagen",
+  removeImage: "Eliminar imagen",
+  imageAlt: "Vista previa de la imagen",
+  imagePreview: "Vista previa de la imagen",
+  uploadError: "Error al cargar el archivo",
+  downloadError: "Error al descargar la imagen",
+  errorTitle: "Error"
+};

package/dist/collection/lib/message/resources/es-es/snk-layout-form-config.msg.js

@@ -3,8 +3,16 @@ export const snkLayoutFormConfigMessages = {
     label: "Diseño en cascada",
     description: "Todos los campos se organizarán en una única columna."
   },
+  classicCascadeLayout: {
+    label: "Diseño clásico en cascada",
+    description: "Todos los campos se organizarán en una única columna con estilo clásico."
+  },
   sideBySideLayout: {
     label: "Diseño lado a lado",
     description: "Todos los campos se dispondrán lado a lado, ajustándose automáticamente al ancho de la pantalla."
+  },
+  classicSideBySideLayout: {
+    label: "Diseño clásico lado a lado",
+    description: "Todos los campos se dispondrán lado a lado con estilo clásico, ajustándose automáticamente al ancho de la pantalla."
   }
 };

package/dist/collection/lib/message/resources/pt-br/snk-configurator.msg.js

@@ -9,6 +9,6 @@ export const snkConfiguratorMessages = {
   labelNumberingConfig: "Configuração de numeração",
   buttons: {
     cancel: "Cancelar",
-    save: "Guardar"
+    save: "Salvar"
   }
 };

package/dist/collection/lib/message/resources/pt-br/snk-crud.msg.js

@@ -4,8 +4,8 @@ export const snkCrudMessages = {
     insert: "Cadastrar registro",
     update: "Alterar registro",
     clean: "{{ENTITY_NAME}}",
-    newRecord: "Novo Registro"
   },
+  newRecord: "Novo Registro",
   findColumn: "Buscar campos (Ctrl+F)",
   goBackTitle: "Voltar",
   guide: {

package/dist/collection/lib/message/resources/pt-br/snk-image-input.msg.js

@@ -0,0 +1,11 @@
+export const snkImageInputMessages = {
+  msgTipoImage: "Tipo de arquivo inválido. Tipos aceitos: ",
+  errorImageSize: "O tamanho do arquivo excede o máximo permitido: ",
+  defaultLabel: "Clique ou arraste para fazer upload de uma imagem",
+  removeImage: "Remover imagem",
+  imageAlt: "Visualização da imagem",
+  imagePreview: "Visualização da Imagem",
+  uploadError: "Erro ao fazer upload do arquivo",
+  downloadError: "Erro ao baixar imagem",
+  errorTitle: "Erro"
+};