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

package/dist/esm/snk-form.entry.js

@@ -0,0 +1,142 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-e4121713.js';
+import { ObjectUtils, ApplicationContext } from '@sankhyalabs/core';
+import { C as ConfigurableElementsStorage } from './configurableElementsStorage-cdc144b5.js';
+import { T as TaskbarProcessor } from './taskbar-processor-aa6772c9.js';
+
+const snkFormCss = ".sc-snk-form-h{display:block}.snk-form.sc-snk-form{position:relative;padding:var(--space--large);padding-top:var(--space--medium)}.snk-form__header.sc-snk-form{position:relative;padding-top:var(--space--medium);padding-bottom:var(--space--medium);margin-bottom:var(--space--medium)}.snk-form__header--fixed.sc-snk-form{position:sticky;top:0;background:var(--background--body);z-index:var(--more-visible, 2);padding-left:var(--space--large);padding-right:var(--space--large);margin-left:calc(var(--space--large) * -1);margin-right:calc(var(--space--large) * -1);width:calc(100% + (var(--space--large) * 2))}.snk-form__form--hidden.sc-snk-form{display:none}";
+
+const SnkForm = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.exit = createEvent(this, "exit", 7);
+    this.actionClick = createEvent(this, "actionClick", 7);
+    this.configChanged = createEvent(this, "configChanged", 7);
+    this._renderTimer = 500;
+    this._taskbarProcessor = new TaskbarProcessor({
+      "snkForm.regular": ["PREVIOUS", "NEXT", "DIVIDER", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "GRID_MODE", "CONFIGURATOR", "INSERT"],
+      "snkForm.finish_edition": ["CANCEL", "SAVE"]
+    });
+    this._editionFormConfig = {};
+    this._insertionFormConfig = {};
+    this._showFormConfig = false;
+  }
+  /**
+   * Método responsável em abrir ou fechar o modal de configurações do form.
+   */
+  async setShowFormConfig(value) {
+    this._showFormConfig = value;
+  }
+  /**
+   * Método responsável por setar as configurações do form.
+   */
+  async setConfig(config) {
+    this._editionFormConfig = {};
+    setTimeout(() => {
+      this._editionFormConfig = config != undefined ? config : {};
+      this.loadInsertionConfig();
+    }, this._renderTimer);
+  }
+  getFormConfig() {
+    return (this._dataState && this._dataState.insertionMode ? this._insertionFormConfig : this._editionFormConfig);
+  }
+  exitForm() {
+    if (this._dataUnit.isDirty()) {
+      this._dataUnit.cancelEdition({ after: () => this.exit.emit() });
+    }
+    else {
+      this.exit.emit();
+    }
+  }
+  getDisabledButtons() {
+    const disabled = [];
+    if (!this._dataState.hasPrevious) {
+      disabled.push("PREVIOUS");
+    }
+    if (!this._dataState.hasNext) {
+      disabled.push("NEXT");
+    }
+    return disabled;
+  }
+  loadInsertionConfig() {
+    var _a;
+    if (this._dataUnit) {
+      const copyFormConfig = ObjectUtils.copy(this._editionFormConfig || {});
+      copyFormConfig.fields = (_a = copyFormConfig.fields) === null || _a === void 0 ? void 0 : _a.filter(fieldCfg => {
+        const def = this._dataUnit.getField(fieldCfg.name);
+        if (def === null || def === void 0 ? void 0 : def.readOnly) {
+          return false;
+        }
+        return true;
+      });
+      this._insertionFormConfig = copyFormConfig;
+    }
+  }
+  /**
+   * 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-form.msg.ts"
+   */
+  getMessage(key) {
+    return this._application.messagesBuilder.getMessage(key, this.getMessageParams());
+  }
+  getMessageParams() {
+    var _a;
+    return ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectedRecords) ? this._dataState.selectedRecords[0] : undefined;
+  }
+  changeConfig(config) {
+    this.configChanged.emit(config);
+  }
+  componentDidRender() {
+    ConfigurableElementsStorage.setForm(this.configName, this._element);
+  }
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    let parent = this._element.parentElement;
+    while (parent) {
+      if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
+        this._snkDataUnit = parent;
+        this._dataUnit = this._snkDataUnit.dataUnit;
+        this._dataState = this._snkDataUnit.dataState;
+        if (this._dataUnit) {
+          this.loadInsertionConfig();
+        }
+        else {
+          this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
+            this._dataUnit = evt.detail;
+            this.loadInsertionConfig();
+          });
+        }
+        this._snkDataUnit.addEventListener("dataStateChange", (evt) => {
+          this._dataState = evt.detail;
+        });
+        break;
+      }
+      parent = parent.parentElement;
+    }
+  }
+  componentWillRender() {
+    var _a;
+    const taskbarId = ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "snkForm.finish_edition" : "snkForm.regular";
+    const disabledButtons = [];
+    if (!this._dataState || !this._dataState.hasPrevious) {
+      disabledButtons.push("PREVIOUS");
+    }
+    if (!this._dataState || !this._dataState.hasNext) {
+      disabledButtons.push("NEXT");
+    }
+    this._taskbarProcessor.process(taskbarId, this.taskbarManager, this._dataState, disabledButtons);
+  }
+  render() {
+    var _a;
+    if (!this._dataUnit || !this._dataState) {
+      return undefined;
+    }
+    return (h("section", { class: "snk-form" }, h("div", { class: "snk-form__header snk-form__header--fixed ez-row" }, h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6", key: "formHeader" }, h("ez-button", { title: this.getMessage("snkForm.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small", onClick: () => this.exitForm() }), h("h1", { class: "ez-title ez-title--primary ez-title--xlarge ez-align--middle" }, this.getMessage("snkForm.title"))), h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-align--right" }, h("snk-taskbar", { key: "formTaskbar", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.actionsList, primaryButton: ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", dataUnit: this._dataUnit }))), h("section", null, h("div", { class: "ez-row" }, h("div", { class: "ez-col ez-col--sd-12" }, h("ez-form", { key: "ezForm" + this._snkDataUnit.entityName, dataUnit: this._dataUnit, config: this.getFormConfig(), recordsValidator: this.recordsValidator, class: this._showFormConfig ? 'snk-form__form--hidden' : '' }), this._showFormConfig &&
+      h("snk-form-config", { dataUnit: this._dataUnit, formConfig: this.getFormConfig(), parentForm: this._element, onConfigChange: (evt) => { this.changeConfig(evt.detail); } }))))));
+  }
+  get _element() { return getElement(this); }
+};
+SnkForm.style = snkFormCss;
+
+export { SnkForm as snk_form };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-81dda3cf.js';
+import { r as registerInstance, h, H as Host } from './index-e4121713.js';
 import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
 
 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)}";

package/dist/esm/snk-tab-config.entry.js

@@ -0,0 +1,317 @@
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-e4121713.js';
+import { d as draggable_bundle } from './draggable.bundle-41d56f06.js';
+import { ApplicationContext } from '@sankhyalabs/core';
+import { C as CONFIG_EVENTS, K as KEY_EVENTS, b as TYPE_ACTIONS, T as TAB_NAMES } from './constants-c6039d3d.js';
+import './_commonjsHelpers-9943807e.js';
+
+const snkTabConfigCss = "@keyframes activate{0%{clip-path:inset(calc(100% - 3px) 50% 0px 50%)}100%{clip-path:inset(calc(100% - 3px) 0px 0px 0px)}}.sc-snk-tab-config-h{--snk-tab-config--backward-icon:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 9.7808475,13.860393 3.9204526,8.0000004 9.7808475,2.0624965 7.9301965,0.28895552 0.21915255,8.0000004 7.9301965,15.711044 Z\"/></svg>');--snk-tab-config--forward-icon:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"10px\"><path d=\"M 0.21915251,13.860393 6.0795475,8.0000007 0.21915251,2.0624968 2.0698036,0.28895588 9.7808475,8.0000007 2.0698036,15.711044 Z\"/></svg>');display:flex;position:relative;width:100%;overflow:hidden}.tab-config__scroll.sc-snk-tab-config{display:flex;width:100%;scroll-behavior:smooth;overflow-x:auto;scrollbar-width:none}.tab-config__scroll--start-hidden.sc-snk-tab-config{-webkit-mask-image:linear-gradient(90deg, transparent 20px, #000 48px)}.tab-config__scroll--middle.sc-snk-tab-config{-webkit-mask-image:linear-gradient(90deg, transparent 20px, #000 48px, #000 calc(100% - 48px), transparent calc(100% - 20px))}.tab-config__scroll--end-hidden.sc-snk-tab-config{-webkit-mask-image:linear-gradient(90deg, #000 calc(100% - 48px), transparent calc(100% - 20px))}.tab-config__lower-bar.sc-snk-tab-config{position:absolute;left:0%;right:0%;top:91%;bottom:0%;border-radius:2px;background:var(--color--disable-primary);border:2px solid var(--color--disable-primary)}.tab-config__tab.sc-snk-tab-config{display:flex;border:none;background-color:unset;cursor:pointer;align-items:center;justify-content:center;min-width:fit-content;color:var(--text--primary, #626e82);font-family:var(--font-pattern, \"Sora, Algerian\");font-size:var(--title--small, 14px);padding:var(--space--small, 6px) var(--space--medium, 12px)}.tab-config__tab.sc-snk-tab-config:focus,.tab-config__forward-button.sc-snk-tab-config,.tab-config__backward-button.sc-snk-tab-config{outline:none}.tab-config__tab--is-active.sc-snk-tab-config{position:relative;color:var(--color--primary, #008561)}.tab-config__tab.sc-snk-tab-config:hover{color:var(--color--secondary, #383c45)}.tab-config__tab--is-active.sc-snk-tab-config:hover{color:var(--color--primary, #008561)}.tab-config__tab--is-active.sc-snk-tab-config::after{content:\"\";position:absolute;width:100%;height:100%;background-color:var(--color--primary, #008561);clip-path:inset(calc(100% - 3px) 0px 0px 0px);animation:activate 0.25s ease-in-out}.tab-config__tab--is-focused.sc-snk-tab-config{border:1px dashed var(--color--primary, #000000c5)}.tab-config__tab-label.sc-snk-tab-config{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-shadow:var(--text-shadow);margin-bottom:var(--space--extra-small, 3px)}.tab-config__forward-button.sc-snk-tab-config,.tab-config__backward-button.sc-snk-tab-config{position:absolute;z-index:1;display:flex;box-sizing:border-box;padding:0px;top:0px;right:0px;width:16px;height:100%;border:none;background-color:unset;cursor:pointer;justify-content:center;align-items:center}.tab-config__new-button.sc-snk-tab-config{position:absolute;z-index:1;display:flex;box-sizing:border-box;padding:0px;top:0px;right:0px;height:100%;border:none;background-color:unset;cursor:pointer;justify-content:center;align-items:center}.tab-config__new-button.sc-snk-tab-config ez-icon.sc-snk-tab-config{--ez-icon--color:var(--color--secondary-700, #1C1D22)}.tab-config__backward-button.sc-snk-tab-config{left:0px;box-shadow:10px 10px 5px 5px white;background:white}.tab-config__forward-button.sc-snk-tab-config{box-shadow:10px 10px 5px 20px white;background:white}.tab-config__forward-button.sc-snk-tab-config::after,.tab-config__backward-button.sc-snk-tab-config::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:10px;height:16px}.tab-config__forward-button.sc-snk-tab-config::after{-webkit-mask-image:var(--snk-tab-config--forward-icon);mask-image:var(--snk-tab-config--forward-icon)}.tab-config__backward-button.sc-snk-tab-config::after{-webkit-mask-image:var(--snk-tab-config--backward-icon);mask-image:var(--snk-tab-config--backward-icon)}.tab-config__forward-button.sc-snk-tab-config:hover::after,.tab-config__backward-button.sc-snk-tab-config:hover::after{background-color:var(--color--primary, #4e4e4e)}.tab-config__new-button.sc-snk-tab-config:hover ez-icon.sc-snk-tab-config{--ez-icon--color:var(--color--primary, #4e4e4e)}.tab-config__hidden.sc-snk-tab-config{display:none}.tab-config__scroll.sc-snk-tab-config::-webkit-scrollbar{display:none}.tab-config__left-icon.sc-snk-tab-config{padding-right:var(--space--small);--ez-icon--color:var(--text--disable)}.tab-config__left-icon--eye-off.sc-snk-tab-config{--ez-icon--color:var(--text--disable, #AFB6C0)}.tab-config__right-icon.sc-snk-tab-config{visibility:hidden;padding-left:var(--space--small)}.tab-config__tab.sc-snk-tab-config:hover .tab-config__right-icon.sc-snk-tab-config{visibility:visible}.tab-config__tab--is-active.sc-snk-tab-config .tab-config__right-icon.sc-snk-tab-config{visibility:visible;--ez-icon--color:var(--color--primary)}.tab-config__tab.sc-snk-tab-config:hover .tab-config__right-icon.sc-snk-tab-config{--ez-icon--color:var(--color--secondary, #383c45)}.tab-config__tab--is-active.sc-snk-tab-config:hover .tab-config__right-icon.sc-snk-tab-config{--ez-icon--color:var(--color--primary)}.tab-config__actions-button.sc-snk-tab-config{--ez-actions-button__btn-action--min-width:100px;visibility:hidden;opacity:0;transition:visibility 1s linear,opacity 0.3s linear}.tab-config__tab.sc-snk-tab-config:hover .tab-config__actions-button.sc-snk-tab-config{visibility:visible;opacity:1;transition:visibility 0.2s linear, opacity 0.10s linear}[data-draggable-element].sc-snk-tab-config{cursor:grab}.tab-config__tab-label-disabled.sc-snk-tab-config{color:var(--text--disable, #AFB6C0)}.tab-config__slot.sc-snk-tab-config{margin-left:var(--space--small, 6px)}";
+
+const SnkTabConfig = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.ezTabChange = createEvent(this, "ezTabChange", 7);
+    this.editionTitleTab = createEvent(this, "editionTitleTab", 7);
+    this.deleteTab = createEvent(this, "deleteTab", 7);
+    this.hideTab = createEvent(this, "hideTab", 7);
+    this.ezOrderChange = createEvent(this, "ezOrderChange", 7);
+    this.canStartDrag = createEvent(this, "canStartDrag", 7);
+    this._refTabActions = [];
+    this._actionsHide = [];
+    this._actionsShow = [];
+  }
+  /**
+   * 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-form.msg.ts"
+   */
+  getMessage(key, params) {
+    return this._application.messagesBuilder.getMessage(key, params);
+  }
+  controlSortableTab() {
+    if (this._sortableTab) {
+      this._sortableTab.destroy();
+    }
+    this._sortableTab = new draggable_bundle.Sortable(this._hostElem.querySelectorAll('[data-draggable-parent="tab"]'), {
+      draggable: '[data-draggable-element="tab"]',
+      mirror: {
+        constrainDimensions: true
+      }
+    });
+    this._sortableTab.on(CONFIG_EVENTS.dragStart, (evt) => this.controlStartDraggingTab(evt));
+    this._sortableTab.on(CONFIG_EVENTS.dragStop, (evt) => this.controlStopDraggingTab(evt));
+  }
+  controlStartDraggingTab(evt) {
+    var _a, _b;
+    const mouseEvent = (_a = evt === null || evt === void 0 ? void 0 : evt.dragEvent) === null || _a === void 0 ? void 0 : _a.originalEvent;
+    const targetElement = mouseEvent === null || mouseEvent === void 0 ? void 0 : mouseEvent.target;
+    const targetName = (_b = targetElement === null || targetElement === void 0 ? void 0 : targetElement.tagName) === null || _b === void 0 ? void 0 : _b.toUpperCase();
+    if (this._activeEditText === true || targetName === "EZ-ACTIONS-BUTTON") {
+      evt === null || evt === void 0 ? void 0 : evt.cancel();
+    }
+    else {
+      this.canStartDrag.emit();
+    }
+  }
+  controlStopDraggingTab(evt) {
+    const updateTimer = 500;
+    if (evt.data.newIndex !== evt.data.oldIndex) {
+      setTimeout(() => {
+        const newIndex = (evt.data.newIndex || 0) + 1;
+        this.ezOrderChange.emit(newIndex);
+      }, updateTimer);
+    }
+  }
+  handleTabClick(tab) {
+    this.selectedIndex = tab.index;
+    this._focusedIndex = tab.index;
+    this.selectedTab = tab.tabKey;
+    this.ezTabChange.emit(tab);
+    this.setFocusedBtn(false, tab.index);
+    this.setFocusedTab(tab.index);
+  }
+  handleSlotChange(ev) {
+    const slot = ev.target;
+    const content = slot.assignedElements()[0];
+    if (content) {
+      content.classList.add("tab-config__slot");
+    }
+  }
+  scrollBackward() {
+    const container = this._scrollContainer;
+    if (container) {
+      container.scrollLeft -= container.clientWidth;
+    }
+  }
+  scrollFoward() {
+    const container = this._scrollContainer;
+    if (container) {
+      let lastTab = null;
+      container.querySelectorAll(".tab-config__tab").forEach((tab) => {
+        if (tab.getBoundingClientRect().right < container.clientWidth) {
+          lastTab = tab;
+        }
+      });
+      container.scrollLeft = lastTab.offsetLeft + lastTab.offsetWidth;
+    }
+  }
+  updateScroll() {
+    const container = this._scrollContainer;
+    if (container) {
+      const { scrollWidth, clientWidth, scrollLeft } = container;
+      const remainingScroll = scrollWidth - clientWidth - Math.ceil(scrollLeft);
+      this._startHidden = container.scrollLeft > 0;
+      this._endHidden = remainingScroll > 0;
+      if (this._startHidden) {
+        this._backwardButton.classList.remove("tab-config__hidden");
+      }
+      else {
+        this._backwardButton.classList.add("tab-config__hidden");
+      }
+      if (this._endHidden) {
+        this._forwardButton.classList.remove("tab-config__hidden");
+      }
+      else {
+        this._forwardButton.classList.add("tab-config__hidden");
+      }
+    }
+  }
+  domScrollHandler() {
+    window.clearTimeout(this._scrollCallBackScroll);
+    this._scrollCallBackScroll = window.setTimeout(() => { this.updateScroll(); }, 200);
+  }
+  setFocusedTab(index) {
+    window.clearTimeout(this._scrollCallBackFocus);
+    this._scrollCallBackFocus = window.setTimeout(() => {
+      const tabtoscroll = this._scrollContainer.querySelector(`#tab${index}`);
+      tabtoscroll.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
+    }, 200);
+  }
+  controlKeyEventEnter(evt) {
+    evt.preventDefault();
+    const selectedTab = this._processedTabs[this._focusedIndex];
+    this.handleTabClick(selectedTab);
+    this.setFocusedTab(selectedTab.index);
+  }
+  controlKeyEventArrow(evt) {
+    let operator = undefined;
+    if (evt.key === KEY_EVENTS.arrowLeft) {
+      operator = false;
+    }
+    else if (evt.key === KEY_EVENTS.arrowRight) {
+      operator = true;
+    }
+    else {
+      return;
+    }
+    if (this._focusedIndex === undefined) {
+      if (operator === false) {
+        this._focusedIndex = this.selectedIndex !== undefined ? this.selectedIndex - 1 : undefined;
+      }
+      else {
+        this._focusedIndex = this.selectedIndex !== undefined ? this.selectedIndex + 1 : undefined;
+      }
+    }
+    else {
+      if (operator === false) {
+        this._focusedIndex = this._focusedIndex - 1;
+      }
+      else {
+        this._focusedIndex = this._focusedIndex + 1;
+      }
+    }
+    if (this._focusedIndex < 0) {
+      this._focusedIndex = 0;
+    }
+    else if (this._focusedIndex > this._processedTabs.length - 1) {
+      this._focusedIndex = this._processedTabs.length - 1;
+    }
+    this.setFocusedBtn(true, this._focusedIndex);
+    this.setFocusedTab(this._focusedIndex);
+  }
+  controlKeyEventEscape(evt) {
+    evt.preventDefault();
+    const currentTab = this._processedTabs[this.selectedIndex];
+    this._focusedIndex = undefined;
+    this.handleTabClick(currentTab);
+    this.setFocusedTab(this.selectedIndex);
+  }
+  setFocusedParam(evt) {
+    if (this._activeEditText === true || evt == undefined) {
+      return;
+    }
+    if (evt.key === KEY_EVENTS.enter) {
+      this.controlKeyEventEnter(evt);
+      return;
+    }
+    if (evt.key === KEY_EVENTS.arrowLeft || evt.key === KEY_EVENTS.arrowRight) {
+      this.controlKeyEventArrow(evt);
+      return;
+    }
+    if (evt.key === KEY_EVENTS.tab || evt.key === KEY_EVENTS.escape) {
+      this.controlKeyEventEscape(evt);
+      return;
+    }
+  }
+  setFocusedBtn(visible, parameter) {
+    const tabsButtons = this._scrollContainer.querySelectorAll(".tab-config__tab");
+    tabsButtons.forEach((el) => {
+      el.classList.remove("tab-config__tab--is-focused");
+      if (el.id === "tab" + parameter && visible) {
+        el.classList.add("tab-config__tab--is-focused");
+      }
+    });
+  }
+  getStyledLabel(tabId) {
+    const tabElem = this._hostElem.querySelector(`#${tabId}`);
+    if (tabElem == undefined) {
+      return;
+    }
+    let styledLabel = {
+      fontSize: window.getComputedStyle(tabElem).getPropertyValue('font-size'),
+      fontWeight: window.getComputedStyle(tabElem).getPropertyValue('font-weight'),
+      fontFamily: window.getComputedStyle(tabElem).getPropertyValue('font-family')
+    };
+    return styledLabel;
+  }
+  cancelEditText() {
+    var _a;
+    this._activeEditText = false;
+    if (this._scrollContainer != undefined) {
+      (_a = this._scrollContainer.querySelector('.tab-config__tab--is-active')) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+  }
+  handleActions(actionSelect, tab) {
+    const { value: typeAction } = actionSelect.detail;
+    if (typeAction === TYPE_ACTIONS.rename) {
+      this._activeEditText = true;
+      this._activeEditTextIndex = tab.index;
+    }
+    else if (typeAction === TYPE_ACTIONS.hide || typeAction === TYPE_ACTIONS.show) {
+      this.hideTab.emit(tab);
+    }
+    else if (typeAction === TYPE_ACTIONS.delete) {
+      this.deleteTab.emit(tab);
+    }
+  }
+  handleSaveEditionText(editDetails) {
+    const { value, newValue } = editDetails.detail;
+    this._processedTabs.forEach((tab) => {
+      if (tab.label === value) {
+        tab.label = newValue;
+        this.cancelEditText();
+        this.editionTitleTab.emit(editDetails);
+      }
+    });
+  }
+  onHideActions(index) {
+    const elementActionsBtn = this._refTabActions[index];
+    if (elementActionsBtn) {
+      elementActionsBtn.isOpened().then((isOpened) => {
+        if (isOpened) {
+          elementActionsBtn === null || elementActionsBtn === void 0 ? void 0 : elementActionsBtn.hideActions();
+        }
+      });
+    }
+  }
+  componentWillLoad() {
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (this._application != undefined) {
+      this._actionsHide = [
+        { value: TYPE_ACTIONS.rename, label: this.getMessage("snkTabConfig.labelRename") },
+        { value: TYPE_ACTIONS.hide, label: this.getMessage("snkTabConfig.labelHide") },
+        { value: TYPE_ACTIONS.delete, label: this.getMessage("snkTabConfig.labelDelete") }
+      ];
+      this._actionsShow = [
+        { value: TYPE_ACTIONS.rename, label: this.getMessage("snkTabConfig.labelRename") },
+        { value: TYPE_ACTIONS.show, label: this.getMessage("snkTabConfig.labelShow") },
+        { value: TYPE_ACTIONS.delete, label: this.getMessage("snkTabConfig.labelDelete") }
+      ];
+    }
+  }
+  componentWillRender() {
+    if (this._processedTabs == undefined) {
+      this._processedTabs = [];
+      if (this.tabs) {
+        this.tabs.split(",").forEach((label) => {
+          label = label.trim();
+          this._processedTabs.push({ label, tabKey: label, index: this._processedTabs.length });
+        });
+      }
+      this._hostElem.querySelectorAll("snk-tab").forEach((elem) => {
+        const tabKey = elem.getAttribute("tabKey");
+        const label = elem.getAttribute("label") !== TAB_NAMES.main ? elem.getAttribute("label") : this.getMessage("snkFormConfig.form.mainArea");
+        const visible = elem.hasAttribute("visible");
+        const tab = { label, tabKey, index: this._processedTabs.length, visible };
+        const content = elem.firstChild;
+        if (content) {
+          content.setAttribute("slot", "tab" + tab.index);
+          this._hostElem.appendChild(content);
+        }
+        this._processedTabs.push(tab);
+      });
+    }
+  }
+  componentDidRender() {
+    this.updateScroll();
+    this.controlSortableTab();
+  }
+  render() {
+    return (h(Host, null, h("button", { class: "tab-config__backward-button", ref: (el) => this._backwardButton = el, onClick: () => this.scrollBackward() }), h("div", { class: "tab-config__lower-bar" }), h("div", { class: "tab-config__scroll", ref: (el) => this._scrollContainer = el, onScroll: () => this.domScrollHandler(), onKeyDown: (ev) => this.setFocusedParam(ev), "data-draggable-parent": "tab" }, this._processedTabs.map((tab, index) => {
+      const tabId = "tab" + index;
+      const isSelected = index === this.selectedIndex || (this.selectedTab && tab.tabKey === this.selectedTab);
+      if (isSelected) {
+        this.selectedTab = tab.tabKey;
+        this.selectedIndex = index;
+      }
+      return h("button", { id: tabId, class: `tab-config__tab${isSelected ? " tab-config__tab--is-active" : ""}`, onClick: () => this.handleTabClick(tab), onDblClick: () => { this._activeEditText = true; this._activeEditTextIndex = index; }, "data-draggable-element": index > 0 ? "tab" : "", onMouseLeave: () => this.onHideActions(index) }, (this._activeEditText === true && this._activeEditTextIndex === index && index > 0) ||
+        h(Fragment, null, index > 0 && h("ez-icon", { iconName: tab.leftIcon || "drag-indicator", class: "tab-config__left-icon" }), (tab.visible === false && index > 0) && h("ez-icon", { iconName: tab.leftIcon || "eye-off", class: "tab-config__left-icon tab-config__left-icon--eye-off" }), h("span", { class: "tab-config__tab-label" + (tab.visible === false && index > 0 ? " tab-config__tab-label-disabled" : ""), title: tab.label }, tab.label), index > 0 &&
+          h("ez-actions-button", { class: "tab-config__actions-button", size: "small", ref: elem => this._refTabActions[index] = elem, actions: tab.visible === false ? this._actionsShow : this._actionsHide, isTransparent: true, arrowActive: true, onEzAction: (ev) => this.handleActions(ev, tab) }), h("slot", { name: tabId, onSlotchange: (ev) => { this.handleSlotChange(ev); } })), (this._activeEditText === true && index > 0 && this._activeEditTextIndex === index) &&
+        h("ez-text-edit", { value: tab.label, styled: this.getStyledLabel(tabId), class: "tab-config__edit-text", onSaveEdition: (ev) => this.handleSaveEditionText(ev), onCancelEdition: () => this.cancelEditText() }));
+    })), h("button", { class: "tab-config__forward-button", ref: (el) => this._forwardButton = el, onClick: () => this.scrollFoward() })));
+  }
+  get _hostElem() { return getElement(this); }
+};
+SnkTabConfig.style = snkTabConfigCss;
+
+export { SnkTabConfig as snk_tab_config };

package/dist/esm/{taskbar-elements-38eb5d51.js → taskbar-elements-e2ed0536.js}

@@ -1,4 +1,4 @@
-import { h } from './index-81dda3cf.js';
+import { h } from './index-e4121713.js';
 
 var TaskbarElement;
 (function (TaskbarElement) {
@@ -13,9 +13,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) {
@@ -23,11 +23,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;
@@ -43,7 +44,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:
@@ -68,8 +69,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:
@@ -86,5 +87,8 @@ 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) });
+}
 
 export { AuthorizationElements as A, TaskbarElement as T, VisibleWhenForbidden as V, buildCustomButton as a, buildElem as b };

package/dist/esm/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 };

package/dist/esm/teste-pesquisa.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-81dda3cf.js';
+import { r as registerInstance, h } from './index-e4121713.js';
 import { DataUnit, DataType, UserInterface } from '@sankhyalabs/core';
 
 const testePesquisaCss = ":host{display:block}";

package/dist/sankhyablocks/{p-4574a955.entry.js → p-029ae4e4.entry.js}

@@ -1 +1 @@
-import{r as t,h as e}from"./p-fac2b6a9.js";import{F as s}from"./p-9dd2b8cb.js";const i=class{constructor(e){t(this,e)}ezChangeListener(){const t=this._startDate.value,e=this._endDate.value;this.value=t||e?{start:t,end:e}:void 0}getDate(t){const e=this.value?this.value[t]:null;if(e instanceof Date)return e;if("string"==typeof e){let t=new Date(e);return t.setMinutes(t.getMinutes()+t.getTimezoneOffset()),t}return null}async show(){this._startDate.setFocus()}render(){if(this.config&&this.config.type===s.PERIOD)return e("div",{class:"ez-col ez-col--nowrap"},e("ez-date-input",{label:this.config.label,ref:t=>this._startDate=t,value:this.getDate("start")}),e("label",{class:"ez-text ez-text--medium ez-text--primary ez-margin--medium"},"até"),e("ez-date-input",{label:this.config.label,ref:t=>this._endDate=t,value:this.getDate("end")}))}};export{i as snk_filter_period}
+import{r as t,h as e}from"./p-9ba3df4c.js";import{F as s}from"./p-9dd2b8cb.js";const i=class{constructor(e){t(this,e)}ezChangeListener(){const t=this._startDate.value,e=this._endDate.value;this.value=t||e?{start:t,end:e}:void 0}getDate(t){const e=this.value?this.value[t]:null;if(e instanceof Date)return e;if("string"==typeof e){let t=new Date(e);return t.setMinutes(t.getMinutes()+t.getTimezoneOffset()),t}return null}async show(){this._startDate.setFocus()}render(){if(this.config&&this.config.type===s.PERIOD)return e("div",{class:"ez-col ez-col--nowrap"},e("ez-date-input",{label:this.config.label,ref:t=>this._startDate=t,value:this.getDate("start")}),e("label",{class:"ez-text ez-text--medium ez-text--primary ez-margin--medium"},"até"),e("ez-date-input",{label:this.config.label,ref:t=>this._endDate=t,value:this.getDate("end")}))}};export{i as snk_filter_period}

package/dist/sankhyablocks/p-03f9c407.js

@@ -0,0 +1 @@
+class t{constructor(t){this._defaultButtons=t}process(t,s,i,h=[]){var r;this.customButtons=new Map,this.buttons="",this.disabledButtons=[],null===(r=this.getButtonsArray(t,s,i))||void 0===r||r.forEach((r=>{let e;if("string"==typeof r)e=r;else{const t=r;this.customButtons.set(t.name,t),e=t.name}this.isEnabled(t,s,e,i,h)||this.disabledButtons.push(e),this.buttons.length>0&&(this.buttons+=","),this.buttons+=e}))}getButtonsArray(t,s,i){const h=this._defaultButtons[t];return s?s.getButtons(t,i,[...h]):h}isEnabled(t,s,i,h,r){const e=!r.includes(i);return s&&s.isEnabled?s.isEnabled(t,h,i,e):e}}export{t as T}

package/dist/sankhyablocks/p-112455b1.js

@@ -0,0 +1 @@
+var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function n(e,n,o){return e(o={path:n,exports:{},require:function(){return function(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}()}},o.exports),o.exports}export{e as a,n as c}

package/dist/sankhyablocks/p-12ad2a19.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t,H as s}from"./p-9ba3df4c.js";import{UserInterface as a,ApplicationContext as i}from"@sankhyalabs/core";import{convertType as n}from"@sankhyalabs/core/dist/dataunit/metadata/DataType";import{CheckMode as r}from"@sankhyalabs/ezui/dist/collection/utils";import{F as o}from"./p-9dd2b8cb.js";const l=class{constructor(t){e(this,t)}getValue(e,t){if(this.value&&t>=0&&t<this.value.length){const s=this.value[t];return e.type===a.SEARCH?s:n(e.dataType,s)}}setValue(e,t){this.value=null==this.value?Array(e).fill(null):[...this.value],this.value[e]=t,0==this.value.filter((e=>null!=e)).length&&(this.value=null)}doSearch(e,t,s){const a=i.getContextValue("__SNK__APPLICATION__");return new Promise(((i,n)=>{a.executePreparedSearch(e,t,s.searchContext).then((e=>{i(e)})).catch((e=>{n(e)}))}))}getParamsInterface(){var e,s,i;return(null===(i=null===(s=null===(e=this.config)||void 0===e?void 0:e.props)||void 0===s?void 0:s.personalizedFilter)||void 0===i?void 0:i.parameters).map(((e,s)=>{var i;const n="param_"+s;switch(e.type){case a.SEARCH:return t("ez-search",{id:n,suppressEmptyOption:!0,value:this.getValue(e,s),onEzChange:e=>this.setValue(s,e.detail),label:e.label,optionLoader:({mode:t,argument:s})=>this.doSearch(t,s,e)});case a.SWITCH:case a.CHECKBOX:return t("ez-check",{id:n,class:"ez-padding-bottom--medium",mode:a.SWITCH===e.type?r.SWITCH:r.REGULAR,value:this.getValue(e,s),label:e.label,onEzChange:e=>this.setValue(s,e.detail)});case a.DECIMALNUMBER:case a.INTEGERNUMBER:return t("ez-number-input",{id:n,label:e.label,value:this.getValue(e,s),precision:null===(i=e.props)||void 0===i?void 0:i.precision,onEzChange:e=>this.setValue(s,e.detail)});case a.OPTIONSELECTOR:return t("ez-combo-box",{id:n,label:e.label,value:this.getValue(e,s),options:e.options,onEzChange:e=>{var t;return this.setValue(s,null===(t=e.detail)||void 0===t?void 0:t.value)}});case a.DATE:return t("ez-date-input",{id:n,label:e.label,value:this.getValue(e,s),onEzChange:e=>this.setValue(s,e.detail)});case a.DATETIME:return t("ez-date-time-input",{id:n,label:e.label,value:this.getValue(e,s),onEzChange:e=>this.setValue(s,e.detail)});default:return t("ez-text-input",{id:n,label:e.label,value:this.getValue(e,s),onEzChange:e=>this.setValue(s,e.detail)})}}))}async show(){const e=document.querySelector("#param_0");e&&e.setFocus()}render(){if(this.config&&this.config.type===o.PERSONALIZED)return t(s,null,this.getParamsInterface())}};export{l as snk_filter_personalized}