@sankhyalabs/sankhyablocks 8.16.0-ms.11 → 8.16.0-ms.12

package/dist/components/guides-configurator2.js

@@ -0,0 +1,182 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { S as Sortable } from './sortable.esm.js';
+import { ObjectUtils, ArrayUtils } from '@sankhyalabs/core';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+import { T as TAB_NAMES } from './constants.js';
+
+const guidesConfiguratorCss = ".ezSidebarNavigator.sc-guides-configurator{--ez-sidebar-navigator--height:calc(100vh - 118px)}.navigator-container.sc-guides-configurator{height:calc(100vh - 175px);display:flex;flex-direction:column;justify-content:space-between}.collapsible-container.sc-guides-configurator{display:flex;flex-direction:column;gap:12px;flex-grow:1;max-height:calc(100vh - 240px);overflow:auto}.collapsible-item.sc-guides-configurator{padding:6px;border-radius:6px;border:1px solid #dce0e8}.add-button-container.sc-guides-configurator{display:flex;align-items:center;border-top:1px solid #dce0e8;padding-top:22px;gap:6px;cursor:pointer;justify-content:center}.add-button-container.sc-guides-configurator span.sc-guides-configurator{display:block}.guide-list.sc-guides-configurator{display:flex;flex-direction:column;width:100%;min-height:10px}.guide-list.hidden-empty-content.sc-guides-configurator::before{content:\"Nenhuma guia oculta\";display:block;font-size:16px;font-weight:400;color:#AFB6C0;margin:auto;padding:8px}.guide-list.visible-empty-content.sc-guides-configurator::before{content:\"Nenhuma guia visível\";display:block;font-size:16px;font-weight:400;color:#AFB6C0;margin:auto;padding:8px}.item-label.sc-guides-configurator{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.guide-item.sc-guides-configurator{margin:0 3px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:5px 10px;border-radius:6px;transition:all 0.2s ease-in-out;height:32px}.guide-item.sc-guides-configurator .actions.sc-guides-configurator{display:flex;gap:8px;transition:0.2s ease-in-out;visibility:hidden;opacity:0}.guide-item.sc-guides-configurator:hover .actions.sc-guides-configurator{visibility:visible;opacity:1}ez-button.sc-guides-configurator{width:24px;align-items:center;justify-content:center;display:flex}.ghost.sc-guides-configurator{opacity:.5;background:#e2eaf4}.main-guide.sc-guides-configurator{padding:12px;margin:12px 0;border:1px solid #dce0e8;border-radius:6px;transition:all 0.2s ease-in-out}.guide-item.selected.sc-guides-configurator,.main-guide.selected.sc-guides-configurator{background:#E2F4EF}.guide-item.sc-guides-configurator:hover,.main-guide.sc-guides-configurator:hover{background:#f5fcfa}";
+
+const GuidesConfigurator = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.guideSelected = createEvent(this, "guideSelected", 7);
+    this.guideListChanged = createEvent(this, "guideListChanged", 7);
+    this.guideDeleted = createEvent(this, "guideDeleted", 7);
+    this.createNewGuide = createEvent(this, "createNewGuide", 7);
+    this.ID_VISIBLE_GUIDES = 'container-visible-guides';
+    this.ID_HIDDEN_GUIDES = 'container-hidden-guides';
+    this.sortLogic = (a, b) => {
+      var _a, _b;
+      const orderA = (_a = a.order) !== null && _a !== void 0 ? _a : Number.MAX_VALUE;
+      const orderB = (_b = b.order) !== null && _b !== void 0 ? _b : Number.MAX_VALUE;
+      return orderA - orderB;
+    };
+    this.mainGuide = undefined;
+    this.filterTerm = '';
+    this.visibleGuides = [];
+    this.hiddenGuides = [];
+    this.guidesList = [];
+    this.selectedGuide = undefined;
+    this.messagesBuilder = undefined;
+  }
+  observeVisibleGuides(newGuides) {
+    this.initGuidesConfig(newGuides);
+  }
+  observeSelectedGuide(newGuide) {
+    this.guideSelected.emit(newGuide);
+  }
+  getMessage(key, params) {
+    return this.messagesBuilder.getMessage(key, params);
+  }
+  initGuidesConfig(newGuides) {
+    const visibleAux = [...newGuides.filter(guide => (guide.visible && guide.name !== TAB_NAMES.main))];
+    const hiddenAux = [...newGuides.filter(guide => (!guide.visible && guide.name !== TAB_NAMES.main))];
+    this.visibleGuides = [...visibleAux.sort(this.sortLogic)];
+    this.hiddenGuides = [...hiddenAux.sort(this.sortLogic)];
+    this.mainGuide = newGuides.find(g => g.name === TAB_NAMES.main);
+  }
+  handleAddGuide() {
+    this.createNewGuide.emit();
+  }
+  handleSelectGuide(guide, evt) {
+    evt.stopPropagation();
+    this.selectedGuide = guide;
+  }
+  toggleGuideVisibility(guide, evt) {
+    evt.stopPropagation();
+    const updatedGuide = Object.assign(Object.assign({}, guide), { visible: !guide.visible });
+    let visibleAux;
+    let hiddenAux;
+    if (guide.visible) {
+      visibleAux = [...this.visibleGuides.filter(g => g.name !== guide.name)];
+      hiddenAux = [...this.hiddenGuides, updatedGuide];
+    }
+    else {
+      visibleAux = [...this.visibleGuides, updatedGuide];
+      hiddenAux = [...this.hiddenGuides.filter(g => g.name !== guide.name)];
+    }
+    const updatedGuideList = [...visibleAux, ...hiddenAux];
+    this.applyGuidesUpdate(updatedGuideList);
+  }
+  adjustListOrder(guideList) {
+    return guideList.map((g, index) => {
+      return Object.assign(Object.assign({}, g), { order: index });
+    });
+  }
+  applyGuidesUpdate(updatedGuideList) {
+    let newGuidesList = this.adjustListOrder(updatedGuideList);
+    newGuidesList = [this.mainGuide, ...newGuidesList];
+    if (!ObjectUtils.equals(newGuidesList, this.guidesList)) {
+      this.guideListChanged.emit(newGuidesList);
+    }
+  }
+  async handleDeleteGuide(guide, e) {
+    e.stopPropagation();
+    const title = this.getMessage('snkFormConfig.confirm.title');
+    const message = this.getMessage('snkFormConfig.confirm.deleteGuide').replace('{0}', guide.label);
+    const canRemove = await ApplicationUtils.confirm(title, message);
+    if (!canRemove)
+      return;
+    this.guideDeleted.emit(guide);
+    const deletedMessage = this.getMessage('snkFormConfig.info.successfullyGuideDeleted').replace('{0}', guide.label);
+    ApplicationUtils.info(deletedMessage);
+  }
+  renderItems(guides) {
+    const guidesToShow = ArrayUtils.applyStringFilter(this.filterTerm, guides);
+    return guidesToShow.map(guide => {
+      var _a;
+      return (h("div", { key: guide.name, "data-guide-name": guide.name, title: guide.label, class: `guide-item ${((_a = this.selectedGuide) === null || _a === void 0 ? void 0 : _a.label) === guide.label ? 'selected' : ''} ${this.filterTerm.length ? 'disable-sort' : ''}`, onClick: e => this.handleSelectGuide(guide, e) }, h("span", null, h("ez-icon", { iconName: "drag-indicator", class: 'ez-margin-right--small' })), h("span", { class: 'item-label' }, guide.label), h("div", { class: 'actions' }, h("ez-button", { mode: "icon", class: "ez-button--tertiary", onClick: e => this.toggleGuideVisibility(guide, e), size: "medium", iconName: guide.visible ? 'eye-off' : 'eye', title: guide.visible ? 'Ocultar' : 'Tornar visível' }), h("ez-button", { mode: "icon", class: "ez-button--tertiary", onClick: e => this.handleDeleteGuide(guide, e), size: "medium", iconName: 'delete', title: 'Excluir' }))));
+    });
+  }
+  getContainerElement(id) {
+    return this.el.querySelector(`[id="${id}"]`);
+  }
+  handleSortGuide() {
+    const updatedGuideList = [...this.getGuidesFromStatus(true), ...this.getGuidesFromStatus(false)];
+    this.applyGuidesUpdate(updatedGuideList);
+  }
+  getGuidesFromStatus(visible) {
+    let updatedGuideList = [];
+    const orderedGuides = this.getOrderedGuideNames(visible ? this.ID_VISIBLE_GUIDES : this.ID_HIDDEN_GUIDES);
+    orderedGuides.forEach(guideName => {
+      const updatedGuide = this.guidesList.find(g => g.name === guideName);
+      if (updatedGuide) {
+        updatedGuideList.push(Object.assign(Object.assign({}, updatedGuide), { visible }));
+      }
+    });
+    return updatedGuideList;
+  }
+  getOrderedGuideNames(containerId) {
+    var _a;
+    const guidesCollection = (_a = this.getContainerElement(containerId)) === null || _a === void 0 ? void 0 : _a.children;
+    return Array.from(guidesCollection).map((element) => element.getAttribute('data-guide-name'));
+  }
+  initializeDraggableContainers() {
+    this._sortableVisibleGuides = new Sortable(this.getContainerElement(this.ID_VISIBLE_GUIDES), {
+      group: 'guides',
+      ghostClass: 'ghost',
+      direction: 'vertical',
+      filter: '.disable-sort',
+      animation: 15,
+      onSort: () => this.handleSortGuide(),
+    });
+    this._sortableInvisibleGuides = new Sortable(this.getContainerElement(this.ID_HIDDEN_GUIDES), {
+      group: 'guides',
+      ghostClass: 'ghost',
+      animation: 15,
+      filter: '.disable-sort',
+      onSort: () => this.handleSortGuide(),
+    });
+  }
+  handleSelectMainGuide() {
+    this.guideSelected.emit(this.mainGuide);
+  }
+  componentDidLoad() {
+    this.initializeDraggableContainers();
+    this.initGuidesConfig(this.guidesList);
+  }
+  render() {
+    var _a, _b, _c;
+    return (h("ez-sidebar-navigator", { class: 'ezSidebarNavigator', type: 'fixed', size: 'md', titleMenu: 'Guias' }, h("div", { class: 'navigator-container' }, h("ez-filter-input", { slot: "content", mode: "slim", label: "Buscar guia", onEzChange: evt => this.filterTerm = evt.detail }), h("div", { onClick: this.handleSelectMainGuide.bind(this), class: `main-guide ${((_a = this.selectedGuide) === null || _a === void 0 ? void 0 : _a.name) === ((_b = this.mainGuide) === null || _b === void 0 ? void 0 : _b.name) ? 'selected' : ''}` }, h("span", null, (_c = this.mainGuide) === null || _c === void 0 ? void 0 : _c.label)), h("div", { class: 'collapsible-container' }, h("div", { class: 'collapsible-item' }, h("ez-collapsible-box", { label: "Guias vis\u00EDveis", headerSize: "large" }, h("div", { id: this.ID_VISIBLE_GUIDES, class: `guide-list ${!this.visibleGuides.length ? 'visible-empty-content' : ''}` }, this.renderItems(this.visibleGuides)))), h("div", { class: 'collapsible-item' }, h("ez-collapsible-box", { label: "Guias ocultas", headerSize: "large" }, h("div", { id: this.ID_HIDDEN_GUIDES, class: `guide-list ${!this.hiddenGuides.length ? 'hidden-empty-content' : ''}` }, this.renderItems(this.hiddenGuides))))), h("div", { class: 'add-button-container', onClick: this.handleAddGuide.bind(this) }, h("ez-icon", { slot: "leftIcon", iconName: "plus" }), h("span", null, "Criar nova guia")))));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "guidesList": ["observeVisibleGuides"],
+    "selectedGuide": ["observeSelectedGuide"]
+  }; }
+  static get style() { return guidesConfiguratorCss; }
+}, [2, "guides-configurator", {
+    "guidesList": [16],
+    "selectedGuide": [16],
+    "messagesBuilder": [1040],
+    "mainGuide": [32],
+    "filterTerm": [32],
+    "visibleGuides": [32],
+    "hiddenGuides": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["guides-configurator"];
+  components.forEach(tagName => { switch (tagName) {
+    case "guides-configurator":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, GuidesConfigurator);
+      }
+      break;
+  } });
+}
+
+export { GuidesConfigurator as G, defineCustomElement as d };

package/dist/components/index.d.ts

@@ -1,4 +1,11 @@
 /* sankhyablocks custom elements */
+export { ConfigHeader as ConfigHeader } from '../types/components/snk-form-config/config-header/config-header';
+export { ConfigsButton as ConfigsButton } from '../types/components/snk-form-config/config-header/configs-button/configs-button';
+export { FieldConfig as FieldConfig } from '../types/components/snk-form-config/field-item/field-config/field-config';
+export { FieldItem as FieldItem } from '../types/components/snk-form-config/field-item/field-item';
+export { FieldLayoutComponent as FieldsLayout } from '../types/components/snk-form-config/fields-layout/fields-layout';
+export { FieldsSelector as FieldsSelector } from '../types/components/snk-form-config/fields-selector/fields-selector';
+export { GuidesConfigurator as GuidesConfigurator } from '../types/components/snk-form-config/guides-configurator/guides-configurator';
 export { PesquisaGrid as PesquisaGrid } from '../types/components/snk-pesquisa/pesquisa-grid/pesquisa-grid';
 export { PesquisaTree as PesquisaTree } from '../types/components/snk-pesquisa/pesquisa-tree/pesquisa-tree';
 export { SnkActionsButton as SnkActionsButton } from '../types/components/snk-actions-button/snk-actions-button';
@@ -6,18 +13,17 @@ export { SnkActionsForm as SnkActionsForm } from '../types/components/snk-action
 export { SnkApplication as SnkApplication } from '../types/components/snk-application/snk-application';
 export { SnkAttach as SnkAttach } from '../types/components/snk-attach/snk-attach';
 export { SnkActionsForm as SnkClientConfirm } from '../types/components/snk-actions-button/subcomponents/snk-client-confirm';
-export { SnkConfigOptions as SnkConfigOptions } from '../types/components/snk-form-config/subcomponents/snk-config-options/snk-config-options';
 export { SnkConfigurator as SnkConfigurator } from '../types/components/snk-configurator/snk-configurator';
 export { SnkCrud as SnkCrud } from '../types/components/snk-crud/snk-crud';
 export { SnkCustomSlotElements as SnkCustomSlotElements } from '../types/components/snk-custom-slot-elements/snk-custom-slot-elements';
 export { SnkDataExporter as SnkDataExporter } from '../types/components/snk-data-exporter/snk-data-exporter';
 export { SnkDataUnit as SnkDataUnit } from '../types/components/snk-data-unit/snk-data-unit';
+export { SnkDefaultFilter as SnkDefaultFilter } from '../types/components/snk-filter-bar/filter-modal/subcomponents/snk-default-filter/snk-default-filter';
 export { SnkDetailView as SnkDetailView } from '../types/components/snk-crud/subcomponents/snk-detail-view/snk-detail-view';
 export { SnkEntityList as SnkEntityList } from '../types/components/snk-entity-list/snk-entity-list';
 export { SnkExporterEmailSender as SnkExporterEmailSender } from '../types/components/snk-data-exporter/exporter-email-sender/snk-exporter-email-sender';
 export { SnkExpressionGroup as SnkExpressionGroup } from '../types/components/snk-personalized-filter/subcomponents/snk-expression-group/snk-expression-group';
 export { SnkExpressionItem as SnkExpressionItem } from '../types/components/snk-personalized-filter/subcomponents/snk-expression-item/snk-expression-item';
-export { SnkFieldConfig as SnkFieldConfig } from '../types/components/snk-form-config/subcomponents/snk-field-config/snk-field-config';
 export { SnkFilterAdvancedMode as SnkFilterAdvancedMode } from '../types/components/snk-personalized-filter/subcomponents/snk-filter-advanced-mode/snk-filter-advanced-mode';
 export { SnkFilterAssistentMode as SnkFilterAssistentMode } from '../types/components/snk-personalized-filter/subcomponents/snk-filter-assistent-mode/snk-filter-assistent-mode';
 export { SnkFilterBar as SnkFilterBar } from '../types/components/snk-filter-bar/snk-filter-bar';
@@ -42,6 +48,7 @@ export { SnkFormView as SnkFormView } from '../types/components/snk-crud/subcomp
 export { SnkGrid as SnkGrid } from '../types/components/snk-grid/snk-grid';
 export { SnkGridConfig as SnkGridConfig } from '../types/components/snk-grid-config/snk-grid-config';
 export { SnkGuidesViewer as SnkGuidesViewer } from '../types/components/snk-crud/subcomponents/snk-guides-viewer';
+export { SnkLayoutFormConfig as SnkLayoutFormConfig } from '../types/components/snk-layout-form-config/snk-layout-form-config';
 export { SnkPersonalizedFilter as SnkPersonalizedFilter } from '../types/components/snk-personalized-filter/snk-personalized-filter';
 export { SnkFilterPersonalized as SnkPersonalizedFilterEditor } from '../types/components/snk-filter-bar/filter-item/editors/snk-personalized-filter-editor/snk-personalized-filter-editor';
 export { SnkPesquisa as SnkPesquisa } from '../types/components/snk-pesquisa/snk-pesquisa';
@@ -50,9 +57,10 @@ export { SelectBox as SnkSelectBox } from '../types/components/snk-grid-config/s
 export { SnkSimpleBar as SnkSimpleBar } from '../types/components/snk-simple-bar/snk-simple-bar';
 export { SnkSimpleCrud as SnkSimpleCrud } from '../types/components/snk-simple-crud/snk-simple-crud';
 export { SnkSimpleFormConfig as SnkSimpleFormConfig } from '../types/components/snk-simple-form-config/snk-simple-form-config';
-export { SnkTabConfig as SnkTabConfig } from '../types/components/snk-form-config/subcomponents/snk-tab-config/snk-tab-config';
 export { SnkTaskbar as SnkTaskbar } from '../types/components/snk-taskbar/snk-taskbar';
+export { SnkViewRepresentation as SnkViewRepresentation } from '../types/components/snk-layout-form-config/snk-view-representation/snk-view-representation';
 export { TaskbarActionsButton as TaskbarActionsButton } from '../types/components/snk-taskbar/elements/taskbar-actions-button/taskbar-actions-button';
+export { TaskbarSplitButton as TaskbarSplitButton } from '../types/components/snk-taskbar/elements/taskbar-split-button/taskbar-split-button';
 export { TestePesquisa as TestePesquisa } from '../types/components/teste-pesquisa/teste-pesquisa';
 
 /**

package/dist/components/index.js

@@ -1,4 +1,11 @@
 export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+export { ConfigHeader, defineCustomElement as defineCustomElementConfigHeader } from './config-header.js';
+export { ConfigsButton, defineCustomElement as defineCustomElementConfigsButton } from './configs-button.js';
+export { FieldConfig, defineCustomElement as defineCustomElementFieldConfig } from './field-config.js';
+export { FieldItem, defineCustomElement as defineCustomElementFieldItem } from './field-item.js';
+export { FieldsLayout, defineCustomElement as defineCustomElementFieldsLayout } from './fields-layout.js';
+export { FieldsSelector, defineCustomElement as defineCustomElementFieldsSelector } from './fields-selector.js';
+export { GuidesConfigurator, defineCustomElement as defineCustomElementGuidesConfigurator } from './guides-configurator.js';
 export { PesquisaGrid, defineCustomElement as defineCustomElementPesquisaGrid } from './pesquisa-grid.js';
 export { PesquisaTree, defineCustomElement as defineCustomElementPesquisaTree } from './pesquisa-tree.js';
 export { SnkActionsButton, defineCustomElement as defineCustomElementSnkActionsButton } from './snk-actions-button.js';
@@ -6,18 +13,17 @@ export { SnkActionsForm, defineCustomElement as defineCustomElementSnkActionsFor
 export { SnkApplication, defineCustomElement as defineCustomElementSnkApplication } from './snk-application.js';
 export { SnkAttach, defineCustomElement as defineCustomElementSnkAttach } from './snk-attach.js';
 export { SnkClientConfirm, defineCustomElement as defineCustomElementSnkClientConfirm } from './snk-client-confirm.js';
-export { SnkConfigOptions, defineCustomElement as defineCustomElementSnkConfigOptions } from './snk-config-options.js';
 export { SnkConfigurator, defineCustomElement as defineCustomElementSnkConfigurator } from './snk-configurator.js';
 export { SnkCrud, defineCustomElement as defineCustomElementSnkCrud } from './snk-crud.js';
 export { SnkCustomSlotElements, defineCustomElement as defineCustomElementSnkCustomSlotElements } from './snk-custom-slot-elements.js';
 export { SnkDataExporter, defineCustomElement as defineCustomElementSnkDataExporter } from './snk-data-exporter.js';
 export { SnkDataUnit, defineCustomElement as defineCustomElementSnkDataUnit } from './snk-data-unit.js';
+export { SnkDefaultFilter, defineCustomElement as defineCustomElementSnkDefaultFilter } from './snk-default-filter.js';
 export { SnkDetailView, defineCustomElement as defineCustomElementSnkDetailView } from './snk-detail-view.js';
 export { SnkEntityList, defineCustomElement as defineCustomElementSnkEntityList } from './snk-entity-list.js';
 export { SnkExporterEmailSender, defineCustomElement as defineCustomElementSnkExporterEmailSender } from './snk-exporter-email-sender.js';
 export { SnkExpressionGroup, defineCustomElement as defineCustomElementSnkExpressionGroup } from './snk-expression-group.js';
 export { SnkExpressionItem, defineCustomElement as defineCustomElementSnkExpressionItem } from './snk-expression-item.js';
-export { SnkFieldConfig, defineCustomElement as defineCustomElementSnkFieldConfig } from './snk-field-config.js';
 export { SnkFilterAdvancedMode, defineCustomElement as defineCustomElementSnkFilterAdvancedMode } from './snk-filter-advanced-mode.js';
 export { SnkFilterAssistentMode, defineCustomElement as defineCustomElementSnkFilterAssistentMode } from './snk-filter-assistent-mode.js';
 export { SnkFilterBar, defineCustomElement as defineCustomElementSnkFilterBar } from './snk-filter-bar.js';
@@ -42,6 +48,7 @@ export { SnkFormView, defineCustomElement as defineCustomElementSnkFormView } fr
 export { SnkGrid, defineCustomElement as defineCustomElementSnkGrid } from './snk-grid.js';
 export { SnkGridConfig, defineCustomElement as defineCustomElementSnkGridConfig } from './snk-grid-config.js';
 export { SnkGuidesViewer, defineCustomElement as defineCustomElementSnkGuidesViewer } from './snk-guides-viewer.js';
+export { SnkLayoutFormConfig, defineCustomElement as defineCustomElementSnkLayoutFormConfig } from './snk-layout-form-config.js';
 export { SnkPersonalizedFilter, defineCustomElement as defineCustomElementSnkPersonalizedFilter } from './snk-personalized-filter.js';
 export { SnkPersonalizedFilterEditor, defineCustomElement as defineCustomElementSnkPersonalizedFilterEditor } from './snk-personalized-filter-editor.js';
 export { SnkPesquisa, defineCustomElement as defineCustomElementSnkPesquisa } from './snk-pesquisa.js';
@@ -50,7 +57,8 @@ export { SnkSelectBox, defineCustomElement as defineCustomElementSnkSelectBox }
 export { SnkSimpleBar, defineCustomElement as defineCustomElementSnkSimpleBar } from './snk-simple-bar.js';
 export { SnkSimpleCrud, defineCustomElement as defineCustomElementSnkSimpleCrud } from './snk-simple-crud.js';
 export { SnkSimpleFormConfig, defineCustomElement as defineCustomElementSnkSimpleFormConfig } from './snk-simple-form-config.js';
-export { SnkTabConfig, defineCustomElement as defineCustomElementSnkTabConfig } from './snk-tab-config.js';
 export { SnkTaskbar, defineCustomElement as defineCustomElementSnkTaskbar } from './snk-taskbar.js';
+export { SnkViewRepresentation, defineCustomElement as defineCustomElementSnkViewRepresentation } from './snk-view-representation.js';
 export { TaskbarActionsButton, defineCustomElement as defineCustomElementTaskbarActionsButton } from './taskbar-actions-button.js';
+export { TaskbarSplitButton, defineCustomElement as defineCustomElementTaskbarSplitButton } from './taskbar-split-button.js';
 export { TestePesquisa, defineCustomElement as defineCustomElementTestePesquisa } from './teste-pesquisa.js';

package/dist/components/snk-application2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { DateUtils, StringUtils, ObjectUtils, WaitingChangeException, WarningException, ErrorException, KeyboardManager, OnboardingUtils, DependencyType, ArrayUtils, SearchUtils, ElementIDUtils, ApplicationContext, DataType, ErrorTracking, UserAgentUtils, LockManager, LockManagerOperation } from '@sankhyalabs/core';
+import { DateUtils, StringUtils, ObjectUtils, WaitingChangeException, SilentException, WarningException, ErrorException, ElementIDUtils, SearchUtils, ArrayUtils, KeyboardManager, OnboardingUtils, DependencyType, ApplicationContext, DataType, ErrorTracking, UserAgentUtils, LockManager, LockManagerOperation } from '@sankhyalabs/core';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { C as ConfigStorage } from './ConfigStorage.js';
 import { d as dist, D as DataFetcher, U as UrlUtils } from './DataFetcher.js';
@@ -7,7 +7,9 @@ import { A as AutorizationType, a as AuthFetcher } from './auth-fetcher.js';
 import { P as PreloadManager, D as DataUnitFetcher } from './dataunit-fetcher.js';
 import { a as PesquisaFetcher } from './ISave.js';
 import { S as SnkMessageBuilder } from './SnkMessageBuilder.js';
-import { T as TEMPLATES_SKELETON } from './constants.js';
+import { c as TEMPLATES_SKELETON } from './constants.js';
+import './filter-item-type.enum.js';
+import { F as FormConfigFetcher } from './form-config-fetcher.js';
 import { d as defineCustomElement$3 } from './pesquisa-grid2.js';
 import { d as defineCustomElement$2 } from './pesquisa-tree2.js';
 import { d as defineCustomElement$1 } from './snk-pesquisa2.js';
@@ -257,7 +259,10 @@ class SnkErrorHandler {
     if (exception.errorCode) {
       exception.message += this.buildErrorCodeHTML(exception.errorCode);
     }
-    if (exception instanceof WaitingChangeException) {
+    if (exception instanceof SilentException) {
+      console.warn("SilentException ignorada", exception);
+    }
+    else if (exception instanceof WaitingChangeException) {
       this._app.alert(exception.title, exception.message);
     }
     else if (exception instanceof WarningException) {
@@ -377,6 +382,136 @@ class RequestListenerFactory {
   }
 }
 
+const QTD_DETAIL_FIELDS_PREDICTIVE_SEARCH = 6;
+const INVALID_CONTENT_PATTERNS = ['<img', '<svg'];
+const executePreparedSearchPlus = async (mode, argument, options, app, pesquisaFetcher) => {
+  var _a;
+  const mdByName = {};
+  const { entity, entityDescription, criteria, searchOptions, isHierarchyEntity, allowsNonAnalytic } = options;
+  if (mode === "ADVANCED") {
+    return new Promise((accept, reject) => {
+      const pesquisaContent = document.createElement("snk-pesquisa");
+      pesquisaContent[ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME] = `entity_${entity}`;
+      pesquisaContent.entityName = entity;
+      pesquisaContent.argument = argument;
+      pesquisaContent.searchLoader = (text) => pesquisaFetcher.loadAdvancedSearch(entity, text, criteria, searchOptions);
+      pesquisaContent.isHierarchyEntity = isHierarchyEntity;
+      if (isHierarchyEntity) {
+        pesquisaContent.treeLoader = (text) => pesquisaFetcher.loadTree(entity, text, criteria, searchOptions);
+        pesquisaContent.allowsNonAnalytic = allowsNonAnalytic;
+      }
+      pesquisaContent.selectItem = (option) => {
+        accept(option);
+        app.clearPopUpTitle();
+        app.closePopUp();
+      };
+      app.setPopUpTitle(entityDescription);
+      app.showPopUp(pesquisaContent, undefined, undefined, reject);
+    });
+  }
+  else if (mode === "LOAD_DESCRIPTION") {
+    let result = await pesquisaFetcher.loadByCode(entity, argument, criteria, searchOptions);
+    result = ObjectUtils.stringToObject(result.json.$);
+    let descriptionField = result.descriptionField;
+    const option = (_a = result.data) === null || _a === void 0 ? void 0 : _a[0];
+    if (!option) {
+      return {
+        value: argument,
+        label: ""
+      };
+    }
+    return {
+      value: argument,
+      label: option[descriptionField]
+    };
+  }
+  else {
+    let codeValue;
+    let result = await pesquisaFetcher.loadAdvancedSearch(entity, argument, criteria, searchOptions, codeValue);
+    result = ObjectUtils.stringToObject(result.json.$);
+    let descriptionField = result.descriptionField;
+    let pkField = result.pkField;
+    const list = result.data.map((item) => {
+      let fieldsMetadata = filterInvalidFields(result, item, mdByName);
+      let fields = filterMathFields(item['__matchFields'], fieldsMetadata, QTD_DETAIL_FIELDS_PREDICTIVE_SEARCH, mdByName);
+      return buildOptionItem(argument, item, fields, descriptionField, pkField);
+    });
+    return list;
+  }
+};
+const buildOptionItem = (argument, item, fields, descriptionField, pkField) => {
+  var _a;
+  const matchFields = item['__matchFields'];
+  const descriptionValue = (_a = item[descriptionField]) !== null && _a !== void 0 ? _a : "";
+  const pkValue = item[pkField];
+  let searchOption = {
+    value: pkValue,
+    label: descriptionValue,
+    presentationValue: StringUtils.highlightValue(argument, matchFields, pkValue, fields, true),
+    presentationLabel: descriptionField ? StringUtils.highlightValue(argument, matchFields, descriptionValue, fields, true) : "",
+    details: SearchUtils.buildDetails(argument, fields, item)
+  };
+  return searchOption;
+};
+const filterInvalidFields = (resp, item, mdByName) => {
+  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) {
+      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' && INVALID_CONTENT_PATTERNS.some(pattern => item[field.fieldName].includes(pattern))) {
+      return false;
+    }
+    return accept;
+  });
+  return fieldsMetadata;
+};
+const filterMathFields = (matchFields, fields, qtyFields, mdByName) => {
+  if (matchFields && Array.isArray(matchFields)) {
+    matchFields.forEach((matchField) => {
+      let fieldMD = ArrayUtils.removeReference(fields, mdByName[matchField]);
+      if (fieldMD) {
+        fields.unshift(fieldMD);
+      }
+    });
+  }
+  fields = fields.slice(0, qtyFields);
+  return fields;
+};
+
+class LayoutFormConfig {
+  constructor() {
+    this._config = null;
+    this.listeners = [];
+  }
+  static getInstance() {
+    if (!LayoutFormConfig.instance) {
+      LayoutFormConfig.instance = new LayoutFormConfig();
+    }
+    return LayoutFormConfig.instance;
+  }
+  get config() {
+    return this._config;
+  }
+  setConfig(newConfig) {
+    this._config = newConfig;
+    this.notifyListeners();
+  }
+  onConfigChange(listener) {
+    this.listeners.push(listener);
+  }
+  notifyListeners() {
+    this.listeners.forEach(listener => listener(this._config));
+  }
+}
+
 const snkApplicationCss = ".sc-snk-application-h{--scrim-z-index:var(--elevation--100, 100);display:flex;flex-direction:column;height:100%}.sc-snk-application-h>.loading-hidden.sc-snk-application{display:none;pointer-events:none}.skeleton-content-left.sc-snk-application{width:300px;padding-right:5px}.skeleton-content.sc-snk-application{height:calc(100vh - 310px)}.spinner.sc-snk-application{height:100vh;gap:10px}.spinner.sc-snk-application>.spin.sc-snk-application{animation-name:spin;animation-duration:5000ms;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}";
 
 const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
@@ -397,6 +532,8 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this._pendingActions = new Map;
     this._loadPkParameter = null;
     this._isLoadedByPk = false;
+    this._formConfigFetcher = new FormConfigFetcher();
+    this._LayoutFormConfigSingleton = LayoutFormConfig.getInstance();
     this._applicationReady = false;
     this._templateSkeleton = TEMPLATES_SKELETON.GRID;
     this._activeScrimWindow = false;
@@ -471,6 +608,14 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   async getKeyboardManager() {
     return Promise.resolve(this._keyboardManager);
   }
+  /**
+   * Obtém o notificador de Layout de formulario.
+   *
+   * @return {LayoutFormConfig} the Configurador de Layout do Formulario
+   */
+  async getLayoutFormConfig() {
+    return Promise.resolve(this._LayoutFormConfigSingleton);
+  }
   /**
    * Obtém `true` caso o usuário logado seja o SUP.
    */
@@ -1001,7 +1146,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
         searchOptions,
         allowsNonAnalytic
       };
-      return this.executePreparedSearch(mode, argument, options);
+      return (ctxOptions === null || ctxOptions === void 0 ? void 0 : ctxOptions.useSearchPlus) ? this.executePreparedSearchPlus(mode, argument, options) : this.executePreparedSearch(mode, argument, options);
     }
   }
   filterInvalidFields(resp, item, mdByName) {
@@ -1045,13 +1190,23 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     };
     return exibitionItem;
   }
+  /**
+   * Realiza a pesquisa de registros
+   * Ex.: snk-config-options
+   */
+  async executePreparedSearchPlus(mode, argument, options) {
+    return await this.executePreparedSearch(mode, argument, Object.assign(Object.assign({}, options), { useSearchPlus: true }));
+  }
   /**
    * Obtém as opções em componentes de pesquisa
    * Ex.: snk-config-options
    */
   async executePreparedSearch(mode, argument, options) {
     const mdByName = {};
-    const { entity, entityDescription, criteria, searchOptions, isHierarchyEntity, allowsNonAnalytic } = options;
+    const { entity, entityDescription, criteria, searchOptions, isHierarchyEntity, allowsNonAnalytic, useSearchPlus } = options;
+    if (useSearchPlus) {
+      return executePreparedSearchPlus(mode, argument, options, this, this.pesquisaFetcher);
+    }
     if (mode === "ADVANCED") {
       return new Promise((accept, reject) => {
         const pesquisaContent = document.createElement("snk-pesquisa");
@@ -1201,10 +1356,10 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       });
     }
   }
-  clearPopUpTitle() {
+  async clearPopUpTitle() {
     this._popUp.ezTitle = "";
   }
-  setPopUpTitle(title) {
+  async setPopUpTitle(title) {
     this._popUp.ezTitle = title;
   }
   async pkChangeListener() {
@@ -1233,7 +1388,8 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.defaultLoadByPK(pkParam, pkHash);
   }
   getResourceIdFromToken() {
-    if ((top.window.location.pathname).indexOf("tabContent.jsp") > -1) {
+    var _a;
+    if (((_a = (top.window.location.pathname)) === null || _a === void 0 ? void 0 : _a.indexOf("tabContent.jsp")) > -1 && (window.location['generateHash'])) {
       return UrlUtils.getResourceIdFromUrlToken(window.location['generateHash'](window.location.hash));
     }
     return UrlUtils.getResourceIdFromUrlToken(top.window.location.hash);
@@ -1374,6 +1530,9 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     ApplicationContext.setContextValue("__EZUI__SEARCH__OPTION__LOADER__", (searchArgument, fieldName, dataUnit, ctxOptions) => {
       return this.executeSearch(searchArgument, fieldName, dataUnit, ctxOptions);
     });
+    ApplicationContext.setContextValue("__EZUI__SEARCH__PLUS__OPTION__LOADER__", (searchArgument, fieldName, dataUnit, ctxOptions) => {
+      return this.executeSearch(searchArgument, fieldName, dataUnit, Object.assign(Object.assign({}, ctxOptions), { useSearchPlus: true }));
+    });
     ApplicationContext.setContextValue("__EZUI__GRID_LICENSE__", agGridLicense);
     this.registerPkChangeListener();
     ErrorTracking.init();
@@ -1384,6 +1543,12 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     ConfigStorage.preload(this.applicationResourceID, this.configName, legacyConfig);
     document.addEventListener("click", () => Workspace.applicationClick());
     this._waitingAppReady.forEach(resolve => resolve());
+    this.setLayoutFormConfig();
+  }
+  async setLayoutFormConfig() {
+    const response = await this._formConfigFetcher.fetchLayoutFormConfig('formColCfg.' + this.applicationResourceID);
+    const config = isNaN(Number(response === null || response === void 0 ? void 0 : response.config)) ? null : Number(response === null || response === void 0 ? void 0 : response.config);
+    this._LayoutFormConfigSingleton.setConfig(config);
   }
   connectedCallback() {
     this._isBrowserTypeElectron = UserAgentUtils.isElectron();
@@ -1494,10 +1659,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       .bind("F1", Workspace.openHelp.bind(this), { description: "Abrir ajuda" });
   }
   removeShortcuts() {
-    this._keyboardManager
-      .unbind("ctrl + g")
-      .unbind("ctrl + d")
-      .unbind("F1");
+    this._keyboardManager.unbindAllShortcutKeys();
   }
   renderLoadingSkeleton() {
     if (!this.enableLockManagerLoadingApp)
@@ -1528,16 +1690,16 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     };
   }
   getSkeletonTemplateGrid() {
-    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-flex ez-flex--column ez-margin--large ez-margin-top--medium" }, h("div", { class: "ez-margin-bottom--medium" }, h("ez-skeleton", { count: 1, variant: "rect", width: "20%", height: "35px", animation: "progress" })), h("div", { class: "" }, h("ez-skeleton", { count: 1, variant: "rect", width: "70%", height: "25px", animation: "progress" }))), h("div", { class: "ez-flex ez-flex--justify-start skeleton-content-column ez-margin-horizontal--large", style: { height: "calc(-105px + 100vh)" } }, [1, 2, 3, 4].map((_, index) => (h("div", { class: "ez-margin-right--large", key: index, style: { width: "25%" } }, h("ez-skeleton", { count: this.getCountSkeleton(50, 10), variant: "rect", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" })))))));
+    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-flex ez-flex--column ez-margin--large ez-margin-top--medium" }, h("div", { class: "ez-margin-bottom--medium" }, h("ez-skeleton", { count: 1, variant: "text", width: "20%", height: "35px", animation: "progress" })), h("div", { class: "" }, h("ez-skeleton", { count: 1, variant: "text", width: "70%", height: "25px", animation: "progress" }))), h("div", { class: "ez-flex ez-flex--justify-start skeleton-content-column ez-margin-horizontal--large", style: { height: "calc(-105px + 100vh)" } }, [1, 2, 3, 4].map((_, index) => (h("div", { class: "ez-margin-right--large", key: index, style: { width: "25%" } }, h("ez-skeleton", { count: this.getCountSkeleton(50, 10), variant: "text", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" })))))));
   }
   getSkeletonTemplateGridWithSidebar() {
-    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-flex ez-flex--column ez-margin--large ez-margin-top--medium" }, h("div", { class: "ez-margin-bottom--medium" }, h("ez-skeleton", { count: 1, variant: "rect", width: "20%", height: "35px", animation: "progress" })), h("div", { class: "" }, h("ez-skeleton", { count: 1, variant: "rect", width: "70%", height: "25px", animation: "progress" }))), h("div", { class: "ez-flex ez-flex--justify-start skeleton-content-column ez-margin-horizontal--large", style: { height: "calc(100vh - 160px)" } }, h("div", { class: "ez-flex ez-flex--column ez-margin-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(30, 6)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "rect", width: this.getSkeletonRandomWidth(), height: "30px", animation: "progress", marginBottom: "10px" }))), h("div", { class: "ez-margin-right--large", style: { width: "75%" } }, h("ez-skeleton", { count: this.getCountSkeleton(50, 10), variant: "rect", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" })))));
+    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-flex ez-flex--column ez-margin--large ez-margin-top--medium" }, h("div", { class: "ez-margin-bottom--medium" }, h("ez-skeleton", { count: 1, variant: "text", width: "20%", height: "35px", animation: "progress" })), h("div", { class: "" }, h("ez-skeleton", { count: 1, variant: "text", width: "70%", height: "25px", animation: "progress" }))), h("div", { class: "ez-flex ez-flex--justify-start skeleton-content-column ez-margin-horizontal--large", style: { height: "calc(100vh - 160px)" } }, h("div", { class: "ez-flex ez-flex--column ez-margin-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(30, 6)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "text", width: this.getSkeletonRandomWidth(), height: "30px", animation: "progress", marginBottom: "10px" }))), h("div", { class: "ez-margin-right--large", style: { width: "75%" } }, h("ez-skeleton", { count: this.getCountSkeleton(50, 10), variant: "text", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" })))));
   }
   getSkeletonTemplateGridWithPanel() {
-    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-margin--medium ez-margin-top--medium ez-padding--medium" }, h("ez-skeleton", { count: 1, variant: "rect", width: "70%", height: "25px", animation: "progress" })), h("div", { class: "ez-flex ez-margin--medium ez-margin-top--medium", style: { maxHeight: "calc(-105px + 100vh)", overflow: "hidden" } }, h("div", { class: "", style: { width: "70%", overflow: "hidden" } }, h("div", { class: "ez-padding--medium", style: { height: "50%" } }, h("ez-skeleton", { count: 1, variant: "rect", width: "100%", height: "100%", animation: "progress" })), h("div", { class: "ez-padding--medium", style: {} }, h("ez-skeleton", { count: 1, variant: "rect", width: "250px", height: "25px", animation: "progress" })), h("div", { class: "ez-flex ez-padding--medium", style: { height: "45%" } }, [1, 2].map(() => (h("div", { style: { width: "50%" } }, h("ez-skeleton", { count: 1, variant: "rect", width: "100%", height: "100%", animation: "progress" })))))), h("div", { class: "ez-flex ez-flex--column ez-padding--medium", style: { width: "30%", overflow: "hidden" } }, Array(this.getCountSkeleton(30, 10)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "rect", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" }))))));
+    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-margin--medium ez-margin-top--medium ez-padding--medium" }, h("ez-skeleton", { count: 1, variant: "text", width: "70%", height: "25px", animation: "progress" })), h("div", { class: "ez-flex ez-margin--medium ez-margin-top--medium", style: { maxHeight: "calc(-105px + 100vh)", overflow: "hidden" } }, h("div", { class: "", style: { width: "70%", overflow: "hidden" } }, h("div", { class: "ez-padding--medium", style: { height: "50%" } }, h("ez-skeleton", { count: 1, variant: "text", width: "100%", height: "100%", animation: "progress" })), h("div", { class: "ez-padding--medium", style: {} }, h("ez-skeleton", { count: 1, variant: "text", width: "250px", height: "25px", animation: "progress" })), h("div", { class: "ez-flex ez-padding--medium", style: { height: "45%" } }, [1, 2].map(() => (h("div", { style: { width: "50%" } }, h("ez-skeleton", { count: 1, variant: "text", width: "100%", height: "100%", animation: "progress" })))))), h("div", { class: "ez-flex ez-flex--column ez-padding--medium", style: { width: "30%", overflow: "hidden" } }, Array(this.getCountSkeleton(30, 10)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "text", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" }))))));
   }
   getSkeletonTemplateFormWithSidebar() {
-    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-margin--medium ez-margin-top--medium ez-padding--medium" }, h("ez-skeleton", { count: 1, variant: "rect", width: "70%", height: "25px", animation: "progress" })), h("div", { class: "ez-flex ez-margin--medium ez-margin-top--medium", style: { maxHeight: "calc(-105px + 100vh)", overflow: "hidden" } }, h("div", { class: "ez-flex ez-flex--column ez-margin-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(30, 6)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "rect", width: this.getSkeletonRandomWidth(), height: "30px", animation: "progress", marginBottom: "10px" }))), h("div", { class: "ez-flex ez-flex--column", style: { width: "75%" } }, h("div", { class: "ez-padding--medium", style: { width: "100%" } }, h("ez-skeleton", { count: 1, variant: "rect", width: "30%", height: "25px", animation: "progress" })), h("div", { class: "ez-padding--medium", style: { height: "45%" } }, h("div", { class: "ez-flex", style: { width: "100%", height: "100%" } }, [1, 2, 3, 4].map((_, columnIndex) => (h("div", { key: columnIndex, class: "ez-padding-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(50, 20)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "rect", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" }))))))), h("div", { class: "ez-padding--medium", style: { width: "100%" } }, h("ez-skeleton", { count: 1, variant: "rect", width: "30%", height: "25px", animation: "progress" })), h("div", { class: "ez-padding--medium", style: { height: "45%" } }, h("div", { class: "ez-flex", style: { width: "100%", height: "100%" } }, [1, 2, 3, 4].map((_, columnIndex) => (h("div", { key: columnIndex, class: "ez-padding-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(50, 20)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "rect", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" })))))))))));
+    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-margin--medium ez-margin-top--medium ez-padding--medium" }, h("ez-skeleton", { count: 1, variant: "text", width: "70%", height: "25px", animation: "progress" })), h("div", { class: "ez-flex ez-margin--medium ez-margin-top--medium", style: { maxHeight: "calc(-105px + 100vh)", overflow: "hidden" } }, h("div", { class: "ez-flex ez-flex--column ez-margin-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(30, 6)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "text", width: this.getSkeletonRandomWidth(), height: "30px", animation: "progress", marginBottom: "10px" }))), h("div", { class: "ez-flex ez-flex--column", style: { width: "75%" } }, h("div", { class: "ez-padding--medium", style: { width: "100%" } }, h("ez-skeleton", { count: 1, variant: "text", width: "30%", height: "25px", animation: "progress" })), h("div", { class: "ez-padding--medium", style: { height: "45%" } }, h("div", { class: "ez-flex", style: { width: "100%", height: "100%" } }, [1, 2, 3, 4].map((_, columnIndex) => (h("div", { key: columnIndex, class: "ez-padding-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(50, 20)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "text", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" }))))))), h("div", { class: "ez-padding--medium", style: { width: "100%" } }, h("ez-skeleton", { count: 1, variant: "text", width: "30%", height: "25px", animation: "progress" })), h("div", { class: "ez-padding--medium", style: { height: "45%" } }, h("div", { class: "ez-flex", style: { width: "100%", height: "100%" } }, [1, 2, 3, 4].map((_, columnIndex) => (h("div", { key: columnIndex, class: "ez-padding-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(50, 20)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "text", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" })))))))))));
   }
   getSpinnerLoadingDefault() {
     return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-flex ez-size-height--full ez-size-width--full ez-flex--justify-center ez-flex--align-items-center spinner" }, h("ez-icon", { iconName: "sync", size: "x-large", class: "spin" }), h("span", { class: "ez-title ez-title--secondary ez-title--extra-large" }, "Carregando..."))));
@@ -1564,6 +1726,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "_templateSkeleton": [32],
     "_activeScrimWindow": [32],
     "getKeyboardManager": [64],
+    "getLayoutFormConfig": [64],
     "isUserSup": [64],
     "addPendingAction": [64],
     "callServiceBroker": [64],
@@ -1604,6 +1767,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "isLoadedByPk": [64],
     "preloadMangerRemoveRecord": [64],
     "executeSearch": [64],
+    "executePreparedSearchPlus": [64],
     "executePreparedSearch": [64],
     "isDebugMode": [64],
     "getAppLabel": [64],
@@ -1614,6 +1778,8 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "getDataFetcher": [64],
     "whenApplicationReady": [64],
     "setSearchFilterContext": [64],
+    "clearPopUpTitle": [64],
+    "setPopUpTitle": [64],
     "showScrimApp": [64],
     "markToReload": [64],
     "addLoadingLock": [64]