@sankhyalabs/sankhyablocks 1.3.34 → 1.4.0-beta.2

package/dist/sankhyablocks/snk-grid.entry.js

@@ -0,0 +1,75 @@
+import { r as registerInstance, e as createEvent, h, g as getElement } from './index-2b4d2d14.js';
+import { A as ApplicationContext } from './index-c683b2b0.js';
+import { T as TaskbarElement } from './taskbar-elements-35d64ff9.js';
+import { T as TaskbarProcessor } from './taskbar-processor-aa6772c9.js';
+
+const snkGridCss = ".snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{display:flex;flex-wrap:nowrap;width:100%}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--small)}";
+
+const SnkGrid = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.actionClick = createEvent(this, "actionClick", 7);
+    this.gridDoubleClick = createEvent(this, "gridDoubleClick", 7);
+    this._topTaskbarProcessor = new TaskbarProcessor({
+      "snkGridTopTaskbar": ["FORM_MODE", "CONFIG_GRID", "INSERT"]
+    });
+    this._headerTaskbarProcessor = new TaskbarProcessor({
+      "snkGridHeaderTaskbar.unselected": ["REFRESH"],
+      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"]
+    });
+  }
+  actionClickHandler(evt) {
+    if (evt.detail === TaskbarElement.CONFIG_GRID && this._grid) {
+      this._grid.openGridConfig();
+    }
+  }
+  saveConfig(config) {
+    const snkApplication = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (snkApplication) {
+      snkApplication.saveGridConfig(config);
+    }
+  }
+  componentWillLoad() {
+    const snkApplication = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (snkApplication) {
+      snkApplication.loadGridConfig(this.configName).then(cfg => {
+        this._gridConfig = cfg;
+        this._configLoaded = true;
+      });
+      //Forçamos a carga dos acessos pra aproveitar a request inicial.
+      snkApplication.getAllAccess();
+    }
+    let parent = this._element.parentElement;
+    while (parent) {
+      if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
+        this._snkDataUnit = parent;
+        this._dataUnit = this._snkDataUnit.dataUnit;
+        if (!this._dataUnit) {
+          this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
+            this._dataUnit = evt.detail;
+          });
+        }
+        this._snkDataUnit.addEventListener("dataStateChange", (evt) => {
+          this._dataState = evt.detail;
+        });
+        break;
+      }
+      parent = parent.parentElement;
+    }
+  }
+  componentWillRender() {
+    const headerTaskbarId = this._dataState && this._dataState.selectedRecords.length > 0 ? "snkGridHeaderTaskbar.selected" : "snkGridHeaderTaskbar.unselected";
+    this._headerTaskbarProcessor.process(headerTaskbarId, this.taskbarManager, this._dataState);
+    this._topTaskbarProcessor.process("snkGridTopTaskbar", this.taskbarManager, this._dataState);
+  }
+  render() {
+    if (!this._configLoaded || !this._dataUnit) {
+      return undefined;
+    }
+    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-padding-bottom--medium ez-margin-bottom--medium" }, h("snk-filter-bar", { dataUnit: this._dataUnit, class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", onActionClick: evt => this.actionClickHandler(evt), key: "topTaskbar", dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: evt => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver }, h("snk-taskbar", { dataUnit: this._dataUnit, buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" }))));
+  }
+  get _element() { return getElement(this); }
+};
+SnkGrid.style = snkGridCss;
+
+export { SnkGrid as snk_grid };

package/dist/sankhyablocks/snk-pesquisa.entry.js

@@ -0,0 +1,311 @@
+import { r as registerInstance, h, f as Host } from './index-2b4d2d14.js';
+import { O as ObjectUtils, S as StringUtils } from './index-c683b2b0.js';
+
+const snkPesquisaCss = ".sc-snk-pesquisa-h{--snk-pesquisa--font-size:var(--text--medium, 14px);--snk-pesquisa--font-family:var(--font-pattern, Arial);--snk-pesquisa--font-weight:var(--text-weight--medium, 400);--snk-pesquisa__records--color:var(--text--primary, #626e82);--snk-pesquisa__records--padding-vertical:var(--space--medium, 12px);--snk-pesquisa__content--padding-right:var(--space--small, 6px);--snk-pesquisa__content-scrollbar--background-color-primary:var(--scrollbar--primary, #2B3A54);--snk-pesquisa__content-scrollbar--background-color-secondary:var(--scrollbar--secondary, #E5EAF0);--snk-pesquisa__content-scrollbar--border-radius:var(--border--radius-small, 6px);--snk-pesquisa__content-scrollbar--width:var(--space--medium, 12px);--snk-pesquisa__btn--color:var(--title--primary, #2B3A54);--snk-pesquisa__btn-disabled--color:var(--text--disable, #AFB6C0);--snk-pesquisa__btn-hover--color:var(--color--primary, #4e4e4e);max-height:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto}.snk-pesquisa.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%}.snk-pesquisa__input.sc-snk-pesquisa{display:flex;width:100%;box-sizing:border-box;padding-top:4px;padding-right:4px}.snk-pesquisa__input.sc-snk-pesquisa ez-icon.sc-snk-pesquisa{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.snk-pesquisa__content.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-pesquisa__content-scrollbar--background-color-primary) var(--snk-pesquisa__content-scrollbar--background-color-secondary);padding-right:var(--snk-pesquisa__content--padding-right)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-track{background-color:var(--snk-pesquisa__content-scrollbar--background-color-secondary);border-radius:var(--snk-pesquisa__content-scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb{background-color:var(--snk-pesquisa__content-scrollbar--background-color-primary);border-radius:var(--snk-pesquisa__content-scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar{background-color:var(--snk-pesquisa__content-scrollbar--background-color-secondary);width:var(--snk-pesquisa__content-scrollbar--width);max-width:var(--snk-pesquisa__content-scrollbar--width);min-width:var(--snk-pesquisa__content-scrollbar--width)}.snk-pesquisa__records.sc-snk-pesquisa{font-family:var(--snk-pesquisa--font-family);font-weight:var(--snk-pesquisa--font-weight);font-size:var(--snk-pesquisa--font-size);color:var(--snk-pesquisa__records--color);padding-bottom:var(--snk-pesquisa__records--padding-vertical);padding-top:var(--snk-pesquisa__records--padding-vertical)}.snk-pesquisa__btn.sc-snk-pesquisa{outline:none;border:none;background:none;cursor:pointer;color:var(--snk-pesquisa__btn--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled:hover{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:hover{color:var(--snk-pesquisa__btn-hover--color)}";
+
+const SnkPesquisa = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this._mdByName = {};
+    this._startHighlightTag = "<span class='card-item__highlight'>";
+    this._endHighlightTag = "</span>";
+    this._specialCharsRegex = /[[.\-\$\+\*,_\&\(\)%\/\\#@!:\|\=\'\"]/gmi;
+    this._charsWithAccentuation = "ÁÉÍÓÚ_ÃÕ_ÂÊÎÔÛ_ÀÈÌÒÙ_Ü_Ç_áéíóú_ãõ_âêîôû_àèìòù_ü_ç";
+    this._charsWithoutAccentuation = "AEIOU_AO_AEIOU_AEIOU_U_C_aeiou_ao_aeiou_aeiou_u_c";
+    this._changeDeboucingTimeout = null;
+    this._limitCharsToSearch = 3;
+    this._deboucingTime = 450;
+    this._startLoading = false;
+  }
+  observeArgument() {
+    if (this._textInput) {
+      this._textInput.value = this.argument;
+    }
+  }
+  clearSearch() {
+    this.argument = "";
+    this._itemList = undefined;
+  }
+  buildDetails(fields, item) {
+    let details = {};
+    for (let index = 0; (index < fields.length); index++) {
+      const field = fields[index];
+      const itemValue = item[field.fieldName];
+      const optionValue = field.options ? field.options[itemValue] || itemValue : itemValue;
+      details[field.description] = this.highlightValue(item['__matchFields'], optionValue, fields, true);
+    }
+    return details;
+  }
+  buildFirstFields(matchFields, fields, qtyFields = 6) {
+    if (matchFields && Array.isArray(matchFields)) {
+      matchFields.forEach((matchField) => {
+        let fieldMD = this.removeReference(fields, this._mdByName[matchField]);
+        if (fieldMD) {
+          fields.unshift(fieldMD);
+        }
+      });
+    }
+    fields = fields.slice(0, qtyFields);
+    return fields;
+  }
+  doSearch(argument) {
+    if (this.searchLoader && typeof this.searchLoader === "function") {
+      this._startLoading = true;
+      this.searchLoader(argument)
+        .then((resp) => {
+        this._startLoading = false;
+        if (resp) {
+          resp = ObjectUtils.stringToObject(resp.json.$);
+          let descriptionField = resp.descriptionField;
+          let pkField = resp.pkField;
+          if (descriptionField && pkField) {
+            let newItemList = [];
+            resp.data.forEach((item) => {
+              var _a;
+              let fieldsMetadata = this.filterFieldsMetadata(resp, item);
+              let fields = this.buildFirstFields(item['__matchFields'], fieldsMetadata);
+              let exibitionItem = {
+                key: this.highlightValue(item['__matchFields'], (_a = item[pkField]) === null || _a === void 0 ? void 0 : _a.toString(), fields, true),
+                title: this.highlightValue(item['__matchFields'], item[descriptionField], fields, true),
+                details: this.buildDetails(fields, item)
+              };
+              newItemList.push(exibitionItem);
+            });
+            this._itemList = newItemList;
+          }
+        }
+      }).catch((error) => {
+        this._startLoading = false;
+        this._itemList = [];
+        console.warn(error);
+      });
+    }
+  }
+  filterFieldsMetadata(resp, item) {
+    let fieldsMetadata = resp.fieldsMetadata.filter((field) => {
+      let accept = !StringUtils.isEmpty(item[field.fieldName]) &&
+        field.visible !== false &&
+        field.type !== 'B' &&
+        resp.pkField !== field.fieldName &&
+        resp.descriptionField !== field.fieldName &&
+        (field.isPrimaryKey || !field.isLinkField) &&
+        !(field.type === 'S' && field.presentationType === 'H');
+      if (accept) {
+        this._mdByName[field.fieldName] = field;
+      }
+      //Condição que trata o problema de trazer imagem no entityCard na pesquisa de registros
+      if (typeof item[field.fieldName] === 'string' && (item[field.fieldName].indexOf('<img') > -1 || item[field.fieldName].indexOf('<svg') > -1)) {
+        return false;
+      }
+      return accept;
+    });
+    return fieldsMetadata;
+  }
+  removeAtIndex(array, index) {
+    if (index >= 0 && index < array.length) {
+      return array.splice(index, 1)[0];
+    }
+  }
+  removeReference(array, obj) {
+    let index = this.indexOf(array, obj);
+    return this.removeAtIndex(array, index);
+  }
+  indexOf(arr, obj) {
+    let index = -1;
+    if (Array.isArray(arr)) {
+      this.find(arr, (item, i) => {
+        index = i;
+        return this.equals(obj, item);
+      });
+    }
+    return index;
+  }
+  equals(obj1, obj2) {
+    return ObjectUtils.objectToString(obj1) === ObjectUtils.objectToString(obj2);
+  }
+  find(arr, checkerFn) {
+    if (arr) {
+      for (let i = 0, length = arr.length; i < length; i++) {
+        if (checkerFn(arr[i], i, arr)) {
+          return arr[i];
+        }
+      }
+    }
+    else {
+      return undefined;
+    }
+  }
+  /**
+    matchFields-> array __matchFields do data
+    value -> termo que está sendo pesquisao
+    fieldMD -> metadados retornados pelo serviço de pesquisa
+    forceMatch -> força a pesquisa mesmo que não tenha __matchFields no metadado
+  */
+  highlightValue(matchFields, value, fieldMD, forceMatch) {
+    let valueAux = this.replaceHtmlEntities(value);
+    if (this.argument && (forceMatch || this.isIn(matchFields, fieldMD.fieldName))) {
+      const argumentNumber = this.getArgumentNumber();
+      let replacements = (isNaN(argumentNumber) ? this.argument : argumentNumber.toString()).split(/%|,|\s+/);
+      let lastMatchIndex = 0;
+      let cleanText = this.replaceAccentuatedChars(valueAux);
+      replacements.forEach((r) => {
+        if (r) {
+          r = this.replaceAccentuatedChars(r);
+          let specialChars = this.getSpecialCharacters(r);
+          if (specialChars != undefined && specialChars.length > 0) {
+            r = this.removeSpecialCharacters(r);
+          }
+          if (fieldMD.mask || fieldMD.uiType === 'CGC_CPF' || fieldMD.uiType === 'Phone') {
+            //Fazemos isso para descondirerar os caracteres especiais de formatação da string
+            r = r.split('').join('\\.?\\-?\\/?\\(?\\)?');
+          }
+          let regex = new RegExp(r, "ig");
+          regex.lastIndex = lastMatchIndex;
+          let match = regex.exec(cleanText);
+          if (match && match.length > 0) {
+            lastMatchIndex = match.index;
+            let sizeMatch = match[0].length;
+            let txtToColor = valueAux.substring(lastMatchIndex, lastMatchIndex + sizeMatch);
+            let txtColored = (txtToColor === null || txtToColor === void 0 ? void 0 : txtToColor.trim()) ? this._startHighlightTag + txtToColor + this._endHighlightTag : '';
+            let start = valueAux.substring(0, lastMatchIndex);
+            let end = valueAux.substring(lastMatchIndex + sizeMatch);
+            valueAux = start + txtColored + end;
+            lastMatchIndex = lastMatchIndex + txtColored.length;
+            cleanText = this.replaceAccentuatedChars(valueAux);
+          }
+        }
+      });
+    }
+    return valueAux;
+  }
+  replaceHtmlEntities(source) {
+    if (source == undefined) {
+      return source;
+    }
+    return String(source)
+      .replace(/&/g, '&amp;')
+      .replace(/</g, '&lt;')
+      .replace(/>/g, '&gt;')
+      .replace(/"/g, '&quot;');
+  }
+  replaceAccentuatedChars(source) {
+    if (source == undefined) {
+      return source;
+    }
+    const replaceList = ['&amp;', '&lt;', '&gt;', '&quot;'];
+    const sourceAux = this.replaceToSpace(source, replaceList);
+    return sourceAux.replace(/[^\w ]/g, (char) => {
+      let index = this._charsWithAccentuation.indexOf(char);
+      if (index > -1) {
+        char = this._charsWithoutAccentuation.charAt(index);
+      }
+      return char || '';
+    });
+  }
+  replaceToSpace(source, replaceList = []) {
+    if (source == undefined) {
+      return source;
+    }
+    replaceList.forEach((word) => {
+      const wordAux = new RegExp(word, 'g');
+      let whiteSpace = '';
+      for (let i = 0; i < word.length; i++) {
+        whiteSpace += ' ';
+      }
+      source = String(source).replace(wordAux, whiteSpace);
+    });
+    return source;
+  }
+  isIn(arr, obj) {
+    return this.indexOf(arr, obj) > -1;
+  }
+  getSpecialCharacters(str) {
+    let match;
+    let charList = [];
+    while ((match = this._specialCharsRegex.exec(str))) {
+      charList.push(str[match.index]);
+    }
+    return charList;
+  }
+  removeSpecialCharacters(str) {
+    let specialChars = this.getSpecialCharacters(str);
+    specialChars.forEach((ch) => {
+      str = this.replaceAll(str, ch, '');
+    });
+    return str;
+  }
+  replaceAll(str, strFrom, strTo) {
+    let pos = (str != undefined ? str : '').indexOf(strFrom);
+    while (pos > -1) {
+      str = str.replace(strFrom, strTo);
+      pos = str.indexOf(strFrom);
+    }
+    return (str);
+  }
+  getArgumentNumber() {
+    return Number(this.argument || undefined);
+  }
+  createOption(detail) {
+    const { key, title } = detail;
+    const startHighlight = new RegExp(this._startHighlightTag, 'g');
+    const endHighlight = new RegExp(this._endHighlightTag, 'g');
+    const option = {
+      value: key === null || key === void 0 ? void 0 : key.replace(startHighlight, '').replace(endHighlight, ''),
+      label: title === null || title === void 0 ? void 0 : title.replace(startHighlight, '').replace(endHighlight, '')
+    };
+    this.selectItem(option);
+  }
+  onChangeValue(event) {
+    this.clearDeboucingTimeout();
+    if (this._startLoading) {
+      this._changeDeboucingTimeout = setTimeout(() => {
+        this.onChangeValue(event);
+      }, this._deboucingTime);
+      return;
+    }
+    this.argument = (event.detail || "").trim();
+    const argumentNumber = this.getArgumentNumber();
+    if (this.argument && (!isNaN(argumentNumber) || this.argument.length >= this._limitCharsToSearch)) {
+      this._changeDeboucingTimeout = setTimeout(() => {
+        this.doSearch(isNaN(argumentNumber) ? this.argument : argumentNumber.toString());
+      }, this._deboucingTime);
+    }
+    else {
+      this._itemList = undefined;
+    }
+  }
+  clearDeboucingTimeout() {
+    if (this._changeDeboucingTimeout) {
+      clearTimeout(this._changeDeboucingTimeout);
+      this._changeDeboucingTimeout = undefined;
+    }
+  }
+  onClickSearch() {
+    this.doSearch((this.argument || "").trim());
+  }
+  getMessageView() {
+    return this._startLoading
+      ? 'Aguarde, buscando registros...'
+      : this._itemList
+        ? this._itemList.length >= 1
+          ? `${this._itemList.length} ${this._itemList.length > 1
+            ? 'registros encontrados'
+            : 'registro encontrado'}`
+          : 'Nenhum registro encontrado'
+        : 'Os resultados de sua pesquisa aparecerão aqui...';
+  }
+  render() {
+    var _a;
+    return (h(Host, null, h("div", { class: "snk-pesquisa" }, h("div", { class: "snk-pesquisa__input" }, h("ez-text-input", { label: "Buscar", class: "ez-margin-right--medium", canShowError: false, ref: (ref) => this._textInput = ref, onEzChange: (event) => this.onChangeValue(event), value: this.argument }, h("ez-icon", { slot: "leftIcon", iconName: "search" }), this.argument && ((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value)
+      ? h("button", { slot: "rightIcon", class: "snk-pesquisa__btn", onClick: () => this.clearSearch() }, h("ez-icon", { iconName: "close" }))
+      : undefined), h("ez-button", { class: "ez-button--primary", label: "Pesquisar", onClick: () => this.onClickSearch() })), h("label", { class: "snk-pesquisa__records" }, this.getMessageView()), h("div", { class: "snk-pesquisa__content" }, this._itemList && this._itemList.map((item) => {
+      return (h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
+    })))));
+  }
+  static get watchers() { return {
+    "argument": ["observeArgument"]
+  }; }
+};
+SnkPesquisa.style = snkPesquisaCss;
+
+export { SnkPesquisa as snk_pesquisa };

package/dist/sankhyablocks/snk-taskbar.entry.js

@@ -0,0 +1,156 @@
+import { r as registerInstance, e as createEvent, h, f as Host } from './index-2b4d2d14.js';
+import { A as ApplicationContext } from './index-c683b2b0.js';
+import { T as TaskbarElement, V as VisibleWhenForbidden, A as AuthorizationElements, b as buildElem, a as buildCustomButton } from './taskbar-elements-35d64ff9.js';
+
+const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex}";
+
+const SnkTaskbar = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.actionClick = createEvent(this, "actionClick", 7);
+    this._titleKeyByElement = {
+      [TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
+      [TaskbarElement.PREVIOUS]: "snkTaskbar.titlePrevious",
+      [TaskbarElement.NEXT]: "snkTaskbar.titleNext",
+      [TaskbarElement.REFRESH]: "snkTaskbar.titleRefresh",
+      [TaskbarElement.CLONE]: "snkTaskbar.titleClone",
+      [TaskbarElement.REMOVE]: "snkTaskbar.titleRemove",
+      [TaskbarElement.MORE_OPTIONS]: "snkTaskbar.titleMoreOptions",
+      [TaskbarElement.INSERT]: "snkTaskbar.titleInsert",
+      [TaskbarElement.CANCEL]: "snkTaskbar.titleCancel",
+      [TaskbarElement.SAVE]: "snkTaskbar.titleSave",
+      [TaskbarElement.GRID_MODE]: "snkTaskbar.titleGridMode",
+      [TaskbarElement.CONFIG_GRID]: "snkTaskbar.titleConfigGrid",
+      [TaskbarElement.FORM_MODE]: "snkTaskbar.titleFormMode"
+    };
+  }
+  observeButtons() {
+    this._definitions = undefined;
+  }
+  // Internal methods
+  elementsFromString(strButtons) {
+    const elements = [];
+    if (strButtons) {
+      strButtons.split(",").forEach(buttonName => {
+        buttonName = buttonName.trim();
+        if (VisibleWhenForbidden[buttonName] || this.isAllowed(buttonName)) {
+          elements.push(buttonName.trim());
+        }
+      });
+    }
+    return elements;
+  }
+  isAllowed(buttonName) {
+    if (AuthorizationElements[buttonName]) {
+      return this._permissions ? this._permissions.isSup || this._permissions[buttonName] : false;
+    }
+    return true;
+  }
+  /**
+   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
+   * através de um pequeno modulo na estrutura da aplicação:
+   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
+   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-taskbar.msg.ts"
+   */
+  getTitle(element) {
+    let key;
+    if (this.isAllowed(element)) {
+      key = this._titleKeyByElement[element];
+    }
+    else {
+      key = "snkTaskbar.forbidden";
+    }
+    return key ? this._application.messagesBuilder.getMessage(key, {}) : "";
+  }
+  elementClick(elem) {
+    if (this.dataUnit) {
+      switch (elem) {
+        case TaskbarElement.PREVIOUS:
+          this.dataUnit.previousRecord();
+          break;
+        case TaskbarElement.NEXT:
+          this.dataUnit.nextRecord();
+          break;
+        case TaskbarElement.REFRESH:
+          this.dataUnit.loadData();
+          break;
+        case TaskbarElement.CLONE:
+          this.dataUnit.copySelected();
+          break;
+        case TaskbarElement.REMOVE:
+          this.dataUnit.removeSelectedRecords();
+          break;
+        case TaskbarElement.INSERT:
+          this.dataUnit.addRecord();
+          break;
+        case TaskbarElement.CANCEL:
+          this.dataUnit.cancelEdition();
+          break;
+        case TaskbarElement.SAVE:
+          this.dataUnit.saveData();
+          break;
+      }
+    }
+    this.actionClick.emit(elem);
+  }
+  isEnabled(elem) {
+    if (!this.isAllowed(elem)) {
+      return false;
+    }
+    return !(this.disabledButtons && this.disabledButtons.includes(elem));
+  }
+  getElement(index, def) {
+    let className = def === this.primaryButton ? "ez-button--primary " : "";
+    if (index > 1) {
+      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);
+    }
+    else {
+      return buildCustomButton(def, className, elem => this.elementClick(elem), elem => this.isEnabled(elem));
+    }
+  }
+  // Lifecycle
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (this._application) {
+      this._application.getAllAccess().then(access => this._permissions = access);
+    }
+    else {
+      this._permissions = {};
+    }
+  }
+  componentWillRender() {
+    if (this._definitions == undefined && this._permissions) {
+      this._definitions = this.elementsFromString(this.buttons);
+    }
+  }
+  render() {
+    if (this._definitions === undefined) {
+      return undefined;
+    }
+    let index = 0;
+    return (h(Host, null, this._definitions.map((elem) => {
+      if (elem === TaskbarElement.DIVIDER) {
+        index = 0;
+      }
+      else {
+        index++;
+      }
+      if (TaskbarElement[elem]) {
+        return this.getElement(index, TaskbarElement[elem]);
+      }
+      if (this.customButtons.has(elem)) {
+        return this.getElement(index, this.customButtons.get(elem));
+      }
+      return h("slot", { name: elem });
+    })));
+  }
+  static get watchers() { return {
+    "buttons": ["observeButtons"]
+  }; }
+};
+SnkTaskbar.style = snkTaskbarCss;
+
+export { SnkTaskbar as snk_taskbar };

package/dist/sankhyablocks/taskbar-elements-35d64ff9.js

@@ -0,0 +1,90 @@
+import { h } from './index-2b4d2d14.js';
+
+var TaskbarElement;
+(function (TaskbarElement) {
+  TaskbarElement["PREVIOUS"] = "PREVIOUS";
+  TaskbarElement["NEXT"] = "NEXT";
+  TaskbarElement["REFRESH"] = "REFRESH";
+  TaskbarElement["UPDATE"] = "UPDATE";
+  TaskbarElement["CLONE"] = "CLONE";
+  TaskbarElement["REMOVE"] = "REMOVE";
+  TaskbarElement["INSERT"] = "INSERT";
+  TaskbarElement["CANCEL"] = "CANCEL";
+  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 || (TaskbarElement = {}));
+var AuthorizationElements;
+(function (AuthorizationElements) {
+  AuthorizationElements["UPDATE"] = "UPDATE";
+  AuthorizationElements["CLONE"] = "CLONE";
+  AuthorizationElements["REMOVE"] = "REMOVE";
+  AuthorizationElements["INSERT"] = "INSERT";
+  AuthorizationElements["CONFIG_GRID"] = "CONFIG_GRID";
+})(AuthorizationElements || (AuthorizationElements = {}));
+var VisibleWhenForbidden;
+(function (VisibleWhenForbidden) {
+  VisibleWhenForbidden["CONFIG_GRID"] = "CONFIG_GRID";
+})(VisibleWhenForbidden || (VisibleWhenForbidden = {}));
+const buildCustomButton = (def, className, action, isEnabled) => {
+  const { hint, text, iconName } = def;
+  if (iconName) {
+    if (text) {
+      return iconTextButton(iconName, def.name, className, hint, text, action, isEnabled);
+    }
+    else {
+      return iconButton(iconName, def.name, className, hint, action, isEnabled);
+    }
+  }
+  else {
+    return textButton(def.name, className, text, hint, action, isEnabled);
+  }
+};
+const buildElem = (element, className, getTitle, action, isEnabled, actions) => {
+  const title = getTitle(element);
+  switch (element) {
+    case TaskbarElement.PREVIOUS:
+      return iconButton("chevron-left", element, className, title, action, isEnabled);
+    case TaskbarElement.NEXT:
+      return iconButton("chevron-right", element, className, title, action, isEnabled);
+    case TaskbarElement.REFRESH:
+      return iconButton("sync", element, className, title, action, isEnabled);
+    case TaskbarElement.UPDATE:
+      return iconButton("edit", element, className, title, action, isEnabled);
+    case TaskbarElement.CLONE:
+      return iconButton("copy", element, className, title, action, isEnabled);
+    case TaskbarElement.REMOVE:
+      return iconButton("delete", element, className, title, action, isEnabled);
+    case TaskbarElement.INSERT:
+      return iconTextButton("plus", element, className, title, title, action, isEnabled);
+    case TaskbarElement.CANCEL:
+      return textButton(element, className, title, title, action, isEnabled);
+    case TaskbarElement.SAVE:
+      return iconTextButton("save", element, className, title, title, action, isEnabled);
+    case TaskbarElement.GRID_MODE:
+      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.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:
+      return h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-horizontal--medium" });
+  }
+};
+function textButton(name, className, text, title, action, isEnabled) {
+  return h("ez-button", { title: title, label: text, size: "small", class: className, enabled: isEnabled(name), onClick: () => action(name) });
+}
+function iconButton(iconName, name, className, title, action, isEnabled) {
+  return h("ez-button", { name: iconName, title: title, mode: "icon", size: "small", class: className, iconName: iconName, enabled: isEnabled(name), onClick: () => action(name) });
+}
+function iconTextButton(iconName, name, className, text, title, action, isEnabled) {
+  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 }));
+}
+
+export { AuthorizationElements as A, TaskbarElement as T, VisibleWhenForbidden as V, buildCustomButton as a, buildElem as b };

package/dist/sankhyablocks/taskbar-processor-aa6772c9.js

@@ -0,0 +1,45 @@
+class TaskbarProcessor {
+  constructor(defaultButtons) {
+    this._defaultButtons = defaultButtons;
+  }
+  process(taskbarId, taskbarManager, dataState, disabledButtons = []) {
+    var _a;
+    this.customButtons = new Map();
+    this.buttons = "";
+    this.disabledButtons = [];
+    (_a = this.getButtonsArray(taskbarId, taskbarManager, dataState)) === null || _a === void 0 ? void 0 : _a.forEach(btnDef => {
+      let buttonName;
+      if (typeof btnDef === "string") {
+        buttonName = btnDef;
+      }
+      else {
+        const customBtn = btnDef;
+        this.customButtons.set(customBtn.name, customBtn);
+        buttonName = customBtn.name;
+      }
+      if (!this.isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabledButtons)) {
+        this.disabledButtons.push(buttonName);
+      }
+      if (this.buttons.length > 0) {
+        this.buttons += ",";
+      }
+      this.buttons += buttonName;
+    });
+  }
+  getButtonsArray(taskbarId, taskbarManager, dataState) {
+    const defaults = this._defaultButtons[taskbarId];
+    if (taskbarManager) {
+      return taskbarManager.getButtons(taskbarId, dataState, [...defaults]);
+    }
+    return defaults;
+  }
+  isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabled) {
+    const originalValue = disabled.includes(buttonName) ? false : true;
+    if (taskbarManager && taskbarManager.isEnabled) {
+      return taskbarManager.isEnabled(taskbarId, dataState, buttonName, originalValue);
+    }
+    return originalValue;
+  }
+}
+
+export { TaskbarProcessor as T };