@sankhyalabs/ezui 6.1.0-dev.15 → 6.1.0-dev.17

package/dist/collection/components/ez-form-view/ez-form-view.js

@@ -7,7 +7,7 @@ export class EzFormView {
     this._customEditors = new Map();
     this.fields = undefined;
     this.selectedRecord = undefined;
-    this.singleColumn = true;
+    this.singleColumn = false;
   }
   async showUp() {
     this._element.scrollIntoView({ behavior: "smooth", block: "start" });
@@ -168,7 +168,7 @@ export class EzFormView {
         },
         "attribute": "single-column",
         "reflect": false,
-        "defaultValue": "true"
+        "defaultValue": "false"
       }
     };
   }

package/dist/collection/components/ez-rich-text/ez-rich-text.css

@@ -9,17 +9,11 @@
   --ez-rich-text--shadow--outline: var(--shadow--outline) var(--color--strokes);
 }
 
-.editor-container.bordered {
-  border-radius: 12px;
-  border: 1px solid #DCE0E8;
-}
-
-
 .editor-container {
   width: 100%;
-  border-radius: 12px;
   overflow: hidden;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  border-radius: 12px;
+  border: 1px solid #DCE0E8;
 }
 
 ez-text-area{
@@ -32,4 +26,5 @@ ez-text-area{
   resize: both;
   overflow: auto;
   max-width: 100%;
+  border-top: 1px solid #DCE0E8;
 }

package/dist/collection/components/ez-rich-text/ez-rich-text.js

@@ -8,12 +8,13 @@ export class EzRichText {
     this.historyIndex = -1;
     this.previewMode = false;
     this.showPreview = true;
-    this.showBorder = false;
     this.value = '';
     this.label = undefined;
+    this.mode = "regular";
     this.enabled = true;
     this.rows = 6;
     this.errorMessage = undefined;
+    this.canShowError = true;
     this.showConfigs = true;
     this.showTextFormat = true;
     this.showUndoRedo = true;
@@ -23,6 +24,11 @@ export class EzRichText {
       return;
     this.ezChange.emit(newValue);
   }
+  observeErrorMessage(newValue) {
+    if (newValue && this.previewMode) {
+      this.previewMode = false;
+    }
+  }
   async handleExecuteToolbarCommand(event) {
     const { command, value } = event.detail;
     await this.executeCommand(command, value);
@@ -251,10 +257,10 @@ export class EzRichText {
     if (this.previewMode) {
       return (h("div", { id: 'rich-text-preview-container', class: "preview", innerHTML: this.getSanitizedValue() }));
     }
-    return h("ez-text-area", { ref: (el) => this.textAreaRef = el, label: this.label, value: this.value, enabled: this.enabled, rows: this.rows, mode: 'slim', errorMessage: this.errorMessage, onEzChange: this.handleTextAreaChanged.bind(this) });
+    return h("ez-text-area", { ref: (el) => this.textAreaRef = el, label: this.label, value: this.value, enabled: this.enabled, rows: this.rows, mode: this.mode, canShowError: this.canShowError, errorMessage: this.errorMessage, onEzChange: this.handleTextAreaChanged.bind(this) });
   }
   render() {
-    return (h(Host, null, h("div", { class: `editor-container ${this.showBorder ? 'bordered' : ''}` }, h("ez-rich-toolbar", { isPreviewMode: this.previewMode, showPreview: this.showPreview, showConfigs: this.showConfigs && this.enabled, showTextFormat: this.showTextFormat && this.enabled, showUndoRedo: this.showUndoRedo && this.enabled }), this.renderContent()), h("ez-link-builder", { ref: (el) => this.linkBuilderRef = el }), h("ez-simple-image-uploader", { ref: (el) => this.imageUploaderRef = el })));
+    return (h(Host, null, h("div", { class: 'editor-container bordered' }, h("ez-rich-toolbar", { isPreviewMode: this.previewMode, showPreview: this.showPreview, showConfigs: this.showConfigs && this.enabled, showTextFormat: this.showTextFormat && this.enabled, showUndoRedo: this.showUndoRedo && this.enabled }), this.renderContent()), h("ez-link-builder", { ref: (el) => this.linkBuilderRef = el }), h("ez-simple-image-uploader", { ref: (el) => this.imageUploaderRef = el })));
   }
   static get is() { return "ez-rich-text"; }
   static get encapsulation() { return "scoped"; }
@@ -288,24 +294,6 @@ export class EzRichText {
         "reflect": false,
         "defaultValue": "true"
       },
-      "showBorder": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Define se deve exibir a borda externa do componente"
-        },
-        "attribute": "show-border",
-        "reflect": true,
-        "defaultValue": "false"
-      },
       "value": {
         "type": "string",
         "mutable": true,
@@ -341,6 +329,24 @@ export class EzRichText {
         "attribute": "label",
         "reflect": true
       },
+      "mode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"slim\" | \"regular\"",
+          "resolved": "\"regular\" | \"slim\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o tamanho do campo."
+        },
+        "attribute": "mode",
+        "reflect": true,
+        "defaultValue": "\"regular\""
+      },
       "enabled": {
         "type": "boolean",
         "mutable": false,
@@ -394,6 +400,24 @@ export class EzRichText {
         "attribute": "error-message",
         "reflect": true
       },
+      "canShowError": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se false deixa de exibir a mensagem de erro dentro do campo."
+        },
+        "attribute": "can-show-error",
+        "reflect": true,
+        "defaultValue": "true"
+      },
       "showConfigs": {
         "type": "boolean",
         "mutable": false,
@@ -530,6 +554,9 @@ export class EzRichText {
     return [{
         "propName": "value",
         "methodName": "observeValue"
+      }, {
+        "propName": "errorMessage",
+        "methodName": "observeErrorMessage"
       }];
   }
   static get listeners() {