@sankhyalabs/ezui 6.4.4 → 6.5.0-dev.10

package/dist/cjs/{search-column-27d1f72f.js → search-column-eee8d44d.js}

@@ -1,8 +1,9 @@
 'use strict';
 
 const core = require('@sankhyalabs/core');
-const ApplicationUtils = require('./ApplicationUtils-c9d1205c.js');
-const index = require('./index-a7b0c73d.js');
+const ApplicationUtils = require('./ApplicationUtils-5cc05979.js');
+const index = require('./index-1be40f19.js');
+const index$1 = require('./index-9e5554cb.js');
 
 const buildFieldMetadata = (descriptor, config) => {
   let { name, label, group } = Object.assign({}, config);
@@ -30,6 +31,7 @@ class RecordValidationProcessor {
     this._dataUnit = dataUnit;
     this._validationSource = validationSource;
     this._validator = validator;
+    this._i18n = index.getI18n();
   }
   validate(isSaving = true) {
     return new Promise((accept, reject) => {
@@ -72,12 +74,16 @@ class RecordValidationProcessor {
           invalidFields.push({ name: field, message: errorMessage });
         }
         else {
-          invalidFields.push({ name: field, message: "Essa informação é obrigatória" });
+          invalidFields.push({ name: field, message: this._i18n('utils.requiredField') });
         }
       }
     });
     if (invalidFields.length > 0) {
-      return { isValid: false, invalidFields, infoMessage: "Há pelo menos um campo obrigatório não preenchido." };
+      return {
+        isValid: false,
+        invalidFields,
+        infoMessage: this._i18n('utils.requiredFieldMessage')
+      };
     }
     return undefined;
   }
@@ -470,14 +476,12 @@ class Bind {
   }
 }
 
-const LABEL_SEARCH_FIELD = "Buscar campos (ctrl+F)";
-const LABEL_SEARCH_COLUMN = "Buscar colunas (Ctrl+F)";
 const SHORTCUT_SEARCH_FIELD = "ctrl+f";
 const SEARCH_FIELD_FULL_WIDTH = 240;
 const SEARCH_FIELD_MARGIN_BOTTOM = "0px";
 const SEARCH_FIELD_WIDTH = String(SEARCH_FIELD_FULL_WIDTH - 30) + "px";
 const buildFieldSearch = (action, optionLoader, onSelectField) => {
-  return index.h("ez-search", { class: 'ez-padding--small ez-margin--none', style: {
+  return index$1.h("ez-search", { class: 'ez-padding--small ez-margin--none', style: {
       "--ez-text-input__margin-bottom": SEARCH_FIELD_MARGIN_BOTTOM,
       "--ez-search--width": SEARCH_FIELD_WIDTH
     }, canShowError: false, showSelectedValue: false, showOptionValue: false, suppressEmptyOption: true, label: action.label, value: null, optionLoader: optionLoader, onEzChange: (evt) => onSelectField(evt.detail), ignoreLimitCharsToSearch: true });
@@ -495,8 +499,6 @@ const focusOnFieldSerch = async (field) => {
 };
 
 exports.DataBinder = DataBinder;
-exports.LABEL_SEARCH_COLUMN = LABEL_SEARCH_COLUMN;
-exports.LABEL_SEARCH_FIELD = LABEL_SEARCH_FIELD;
 exports.RecordValidationProcessor = RecordValidationProcessor;
 exports.SEARCH_FIELD_FULL_WIDTH = SEARCH_FIELD_FULL_WIDTH;
 exports.SHORTCUT_SEARCH_FIELD = SHORTCUT_SEARCH_FIELD;

package/dist/collection/collection-manifest.json

@@ -44,15 +44,25 @@
     "./components/ez-grid/ez-grid.js",
     "./components/ez-guide-navigator/ez-guide-navigator.js",
     "./components/ez-icon/ez-icon.js",
+    "./components/ez-list-item/ez-list-item.js",
     "./components/ez-loading-bar/ez-loading-bar.js",
     "./components/ez-modal-container/ez-modal-container.js",
     "./components/ez-multi-selection-list/ez-multi-selection-list.js",
     "./components/ez-multi-selection-list/subcomponents/multi-selection-box-message.js",
     "./components/ez-number-input/ez-number-input.js",
+    "./components/ez-pagination/ez-pagination.js",
     "./components/ez-popover-plus/ez-popover-plus.js",
     "./components/ez-popover-plus/subcomponent/ez-popover-core.js",
     "./components/ez-popup/ez-popup.js",
     "./components/ez-progress-bar/ez-progress-bar.js",
+    "./components/ez-rich-text/ez-rich-text.js",
+    "./components/ez-rich-text/ez-link-builder/ez-link-builder.js",
+    "./components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar.js",
+    "./components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-arrows/ez-rich-toolbar-arrows.js",
+    "./components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-configs/ez-rich-toolbar-configs.js",
+    "./components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-item/ez-rich-toolbar-item.js",
+    "./components/ez-rich-text/ez-rich-toolbar/ez-rich-toolbar-letters/ez-rich-toolbar-letters.js",
+    "./components/ez-rich-text/ez-simple-image-uploader/ez-simple-image-uploader.js",
     "./components/ez-scroller/ez-scroller.js",
     "./components/ez-search/subcomponent/search-list/search-list.js",
     "./components/ez-search-plus/ez-search-plus.js",
@@ -60,10 +70,12 @@
     "./components/ez-sidebar-button/ez-sidebar-button.js",
     "./components/ez-sidebar-navigator/ez-sidebar-navigator.js",
     "./components/ez-skeleton/ez-skeleton.js",
+    "./components/ez-spinner/ez-spinner.js",
     "./components/ez-split-button/ez-split-button.js",
     "./components/ez-split-panel/ez-split-panel.js",
     "./components/ez-split-panel/structure/item/ez-split-item.js",
     "./components/ez-tag/ez-tag.js",
+    "./components/ez-tag-input/ez-tag-input.js",
     "./components/ez-text-area/ez-text-area.js",
     "./components/ez-tile/ez-tile.js",
     "./components/ez-tile-medium/ez-tile-medium.js",
@@ -246,5 +258,6 @@
         "ez-search-result-list"
       ]
     }
-  ]
+  ],
+  "global": "./global/app-init.js"
 }

package/dist/collection/components/ez-alert-list/ez-alert-list.js

@@ -1,5 +1,6 @@
 import { ElementIDUtils, FloatingManager } from '@sankhyalabs/core';
 import { Host, h } from '@stencil/core';
+import initI18n from '../../utils/i18n';
 export class EzAlertList {
   constructor() {
     this._container = undefined;
@@ -122,14 +123,15 @@ export class EzAlertList {
       this._container.focus();
     }
   }
-  componentWillLoad() {
+  async componentWillLoad() {
     this.dataElementId = ElementIDUtils.addIDInfo(this._element, 'EzAlertList');
+    this.i18n = await initI18n();
   }
   render() {
     return (h(Host, Object.assign({}, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: this.dataElementId }), this.opened ?
-      (h("div", { ref: elem => (this._overlayRef = elem) }, h("div", { class: `alert-list__container ${this.expanded ? 'expanded' : ''}`, ref: elem => (this._container = elem) }, h("div", { class: "alert-list__content" }, h("div", { class: "alert-list__header" }, h("div", { class: "alert-list__title" }, `Avisos (${this.alerts.length})`), h("div", { class: "alert-list__header__buttons" }, this.enableExpand && (h("ez-button", { mode: "icon", size: "small", iconName: "expand", onClick: () => this.toggleExpandContainer(), "data-element-id": ElementIDUtils.getInternalIDInfo('expandButton'), title: this.expanded ? 'Resumir' : 'Expandir' })), h("ez-button", { mode: "icon", size: "small", iconName: "close", "data-element-id": ElementIDUtils.getInternalIDInfo('closeButton'), onClick: () => {
+      (h("div", { ref: elem => (this._overlayRef = elem) }, h("div", { class: `alert-list__container ${this.expanded ? 'expanded' : ''}`, ref: elem => (this._container = elem) }, h("div", { class: "alert-list__content" }, h("div", { class: "alert-list__header" }, h("div", { class: "alert-list__title" }, `${this.i18n('app.alerts')} (${this.alerts.length})`), h("div", { class: "alert-list__header__buttons" }, this.enableExpand && (h("ez-button", { mode: "icon", size: "small", iconName: "expand", onClick: () => this.toggleExpandContainer(), "data-element-id": ElementIDUtils.getInternalIDInfo('expandButton'), title: this.expanded ? this.i18n('app.collapse') : this.i18n('app.expand') })), h("ez-button", { mode: "icon", size: "small", iconName: "close", "data-element-id": ElementIDUtils.getInternalIDInfo('closeButton'), onClick: () => {
           this.opened = false;
-        }, title: 'Fechar' }))), h("div", { class: "alert-list__expandable-content" }, h("ez-list", { itemSlotBuilder: this.itemRightSlotBuilder, hoverFeedback: true, itemLeftSlotBuilder: item => {
+        }, title: this.i18n('app.close') }))), h("div", { class: "alert-list__expandable-content" }, h("ez-list", { itemSlotBuilder: this.itemRightSlotBuilder, hoverFeedback: true, itemLeftSlotBuilder: item => {
           return (h("a", { onClick: this.getLinkActionClick(item), style: {
               fontFamily: "var(--font-pattern, 'Roboto')",
               fontSize: 'var(--text--medium, 14px)',

package/dist/collection/components/ez-avatar/ez-avatar.js

@@ -1,10 +1,13 @@
 import { h } from '@stencil/core';
+import initI18n from '../../utils/i18n';
 export class EzAvatar {
   constructor() {
     this.DECIMAL_PARSE_BASE = 10;
     this.FONT_SIZE_BASE_CALC = 0.375;
+    this.DEFAULT_ICON_NAME = "account-outline";
     this.name = undefined;
     this.imageSrc = undefined;
+    this.iconName = undefined;
     this.size = '100';
     this.shape = 'circle';
     this.isInteractive = false;
@@ -22,17 +25,21 @@ export class EzAvatar {
     return `avatar avatar--${this.size} avatar--${this.shape} ${this.imageSrc ? 'avatar--has-image' : ''}`;
   }
   renderAvatarContent() {
+    var _a;
     if (this.imageSrc) {
       return h("img", { src: this.imageSrc, alt: this.name || 'Avatar', class: "avatar-image" });
     }
     if (this.name) {
       return h("span", { class: "avatar-initial", "aria-hidden": "true" }, this.getInitial());
     }
-    return h("ez-icon", { class: "avatar-icon", iconName: "account-outline", fontSize: this.calcFontSize() });
+    return h("ez-icon", { class: "avatar-icon", iconName: (_a = this.iconName) !== null && _a !== void 0 ? _a : this.DEFAULT_ICON_NAME, fontSize: this.calcFontSize() });
+  }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
   }
   render() {
     if (this.isInteractive) {
-      return (h("button", { "aria-label": "Perfil", class: this.getClass() }, this.renderAvatarContent()));
+      return (h("button", { "aria-label": this.i18n("app.profile"), class: this.getClass() }, this.renderAvatarContent()));
     }
     return (h("figure", { class: this.getClass() }, this.renderAvatarContent()));
   }
@@ -84,6 +91,23 @@ export class EzAvatar {
         "attribute": "image-src",
         "reflect": true
       },
+      "iconName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Nome do \u00EDcone que deve ser exibido no avatar."
+        },
+        "attribute": "icon-name",
+        "reflect": true
+      },
       "size": {
         "type": "string",
         "mutable": false,