@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-11997.0 → 0.0.0-bugfix-dev-KB-99999.0

package/dist/cjs/snk-attach.cjs.entry.js

@@ -4,16 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const DataFetcher = require('./DataFetcher-bd3d53a8.js');
+const DataFetcher = require('./DataFetcher-ba94ed5b.js');
 const ISave = require('./ISave-d68ce3cd.js');
-const constants = require('./constants-d187e03e.js');
-const dataunitFetcher = require('./dataunit-fetcher-910be4ce.js');
-const taskbarElements = require('./taskbar-elements-39949c7a.js');
-require('./_commonjsHelpers-537d719a.js');
-require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
+const constants = require('./constants-35ddd366.js');
+const dataunitFetcher = require('./dataunit-fetcher-de65b9fc.js');
+const PreloadManager = require('./PreloadManager-84466da6.js');
+const taskbarElements = require('./taskbar-elements-01b85b99.js');
 require('./PrintUtils-bcaeb82f.js');
+require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
-require('./index-0e663819.js');
+require('./ResourceIDUtils-5ff86aa7.js');
+require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
+require('./index-0922807b.js');
 require('./index-102ba62d.js');
 
 class AttachFetcher {
@@ -214,7 +216,9 @@ class AttachmentDataUnitBuilder {
   removeLoader(dataUnit, ids, attachFetcher) {
     return new Promise((resolve) => {
       const { records } = dataUnit.getSelectionInfo();
-      attachFetcher.delete(records[0]).then(() => {
+      const recordToDelete = records[0];
+      attachFetcher.delete(recordToDelete).then(() => {
+        PreloadManager.PreloadManager.removeRecords(dataUnit, [recordToDelete]);
         return resolve(ids);
       });
     });
@@ -338,7 +342,7 @@ const crudConfig = {
   },
 };
 
-const snkAttachCss = ".snk-attach__header.sc-snk-attach,.snk-attach__crud-section.sc-snk-attach{padding:0 var(--space--lg)}.snk-attach__file-info.sc-snk-attach{padding:var(--space--small);max-width:50%}";
+const snkAttachCss = ".snk-attach__header.sc-snk-attach,.snk-attach__crud-section.sc-snk-attach{padding:0 var(--space--lg)}.snk-attach__file-info.sc-snk-attach{padding:var(--space--small);max-width:50%}.snk-attach__main.sc-snk-attach{height:85%}.ez-box__container.sc-snk-attach{height:100%}";
 
 const RESOURCE_ID = 'AnexoSistema';
 const DATA_UNIT_NAME = 'br.com.sankhya.core.v3.anexoSistema';
@@ -421,13 +425,25 @@ const SnkAttach = class {
       dataUnit.addFilterProvider({ getFilter: () => this._dataUnitBuilder.getFilters(this.registerKey) });
       dataUnit.addInterceptor({ interceptAction: (action) => this._dataUnitBuilder.getInterceptions(dataUnit, action, this._crudElement) });
       this.dataUnit = dataUnit;
-      this.dataUnit.loadData();
+      this.dataUnit.loadData().then(() => {
+        this.disableEditFieldsNotInForm();
+      });
       return this.dataUnit;
     }
     catch (error) {
       throw new Error('There was an error while creating the data unit');
     }
   }
+  disableEditFieldsNotInForm() {
+    var _a;
+    (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.grid.columns.forEach(column => {
+      var _a;
+      const fieldName = column.name;
+      if (!((_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.form.fields.some(field => field.name === fieldName))) {
+        this.dataUnit.disableField(fieldName);
+      }
+    });
+  }
   componentWillLoad() {
     this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
     this.loadAttachmentDataUnit();
@@ -436,7 +452,7 @@ const SnkAttach = class {
     var _a, _b;
     if (!this.dataUnit)
       return null;
-    return (index.h("main", null, index.h("header", { class: "snk-attach__header" }, index.h("snk-simple-bar", { onExit: this.handleBack, messagesBuilder: this.messagesBuilder }, index.h("div", { slot: "rightSlot" }, index.h("ez-button", { class: "ez-button--primary", label: this.getMessage("snkAttach.finish"), onClick: this.handleFinish })))), index.h("div", { class: "snk-attach__crud-section ez-size-height--full ez-size-width--full ez-flex ez-flex--column" }, index.h("div", { class: "ez-box__container" }, index.h("snk-simple-crud", { ref: (el) => this._crudElement = el, dataUnit: this.dataUnit, taskbarManager: buildTaskBarManager(), gridConfig: (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.grid, formConfig: (_b = this.crudConfig) === null || _b === void 0 ? void 0 : _b.form, useCancelConfirm: false, onActionClick: this.handleTaskbarClick }, index.h("div", { slot: "snkSimpleCrudHeader" }, index.h("div", { class: "ez-flex ez-flex--column" }, index.h("span", { class: "ez-title--primary ez-text ez-text--large ez-text--bold ez-padding-bottom--medium" }, this.getMessage("snkAttach.title")), index.h("span", { class: "ez-text ez-text--medium ez-text--secondary" }, this.getMessage("snkAttach.description")))))))));
+    return (index.h("main", { class: "snk-attach__main" }, index.h("header", { class: "snk-attach__header" }, index.h("snk-simple-bar", { onExit: this.handleBack, messagesBuilder: this.messagesBuilder }, index.h("div", { slot: "rightSlot" }, index.h("ez-button", { class: "ez-button--primary", label: this.getMessage("snkAttach.finish"), onClick: this.handleFinish })))), index.h("div", { class: "snk-attach__crud-section ez-size-height--full ez-size-width--full ez-flex ez-flex--column" }, index.h("div", { class: "ez-box__container" }, index.h("snk-simple-crud", { ref: (el) => this._crudElement = el, dataUnit: this.dataUnit, taskbarManager: buildTaskBarManager(), gridConfig: (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.grid, formConfig: (_b = this.crudConfig) === null || _b === void 0 ? void 0 : _b.form, useCancelConfirm: false, onActionClick: this.handleTaskbarClick, messagesBuilder: this.messagesBuilder }, index.h("div", { slot: "snkSimpleCrudHeader" }, index.h("div", { class: "ez-flex ez-flex--column" }, index.h("span", { class: "ez-title--primary ez-text ez-text--large ez-text--bold ez-padding-bottom--medium" }, this.getMessage("snkAttach.title")), index.h("span", { class: "ez-text ez-text--medium ez-text--secondary" }, this.getMessage("snkAttach.description")))))))));
   }
   static get watchers() { return {
     "registerKey": ["registerKeyWatcher"]

package/dist/cjs/snk-config-options.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const constants = require('./constants-d187e03e.js');
+const constants = require('./constants-35ddd366.js');
 
 const snkConfigOptionsCss = ".sc-snk-config-options-h{--snk-config-options--border:2px solid var(--color--secondary-200, #D2D3DA);width:100%;border-radius:15px;border:var(--snk-config-options--border)}.config-options__switch-row.sc-snk-config-options{margin-top:-30px}";
 

package/dist/cjs/snk-configurator.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const constants = require('./constants-d187e03e.js');
+const constants = require('./constants-35ddd366.js');
 const AuthorizationConfig = require('./AuthorizationConfig-79ffae4b.js');
 
 const snkConfiguratorCss = ".sc-snk-configurator-h{--snk-configurator__button-close--padding-left:var(--space--medium, 12px);--snk-configurator__title--color:var(--title--primary, #2B3A54);--snk-configurator__title--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__title--font-size:var(--title--large, 20px);--snk-configurator__title--font-weight:var(--text-weight--extra-large, 700);--snk-configurator__subtitle--color:var(--title--primary, #2B3A54);--snk-configurator__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__subtitle--font-size:var(--text--medium, 14px);--snk-configurator__subtitle--font-weight:var(--text-weight--large, 600);--snk-configurator__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-configurator__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-configurator__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-configurator__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-configurator__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-configurator__scrollbar--width:var(--space--medium, 12px)}.snk-configurator.sc-snk-configurator{display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}.snk-configurator__collsable-box-action.sc-snk-configurator{width:100%}.snk-configurator__action-buttons.sc-snk-configurator{display:flex;flex-direction:row;justify-content:flex-end;gap:var(--space--medium)}.snk-configurator__outline.sc-snk-configurator{display:flex;flex-direction:column;gap:var(--space--small);margin-top:var(--space--small);margin-bottom:var(--space--large)}@media screen and (min-width: 480px){.snk-configurator.sc-snk-configurator{width:359px;max-width:359px}}.snk-configurator__button-config.sc-snk-configurator{--ez-button--min-width:100%}.snk-configurator__header.sc-snk-configurator{display:flex;justify-content:space-between;align-items:center;width:100%}.snk-configurator__title.sc-snk-configurator{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-configurator__title--color);font-size:var(--snk-configurator__title--font-size);font-family:var(--snk-configurator__title--font-family);font-weight:var(--snk-configurator__title--font-weight)}.snk-configurator__subtitle.sc-snk-configurator{display:flex;margin:0;padding-top:var(--space--medium);padding-bottom:var(--space--small);color:var(--snk-configurator__subtitle--color);font-size:var(--snk-configurator__subtitle--font-size);font-family:var(--snk-configurator__subtitle--font-family);font-weight:var(--snk-configurator__subtitle--font-weight)}.snk-configurator__button-close.sc-snk-configurator{padding-left:var(--snk-configurator__button-close--padding-left)}.snk-configurator__main.sc-snk-configurator{overflow-y:auto;scrollbar-width:thin;margin:var(--space--medium) 0;scrollbar-color:var(--snk-configurator__scrollbar--color-clicked) var(--snk-configurator__scrollbar--color-background)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar{background-color:var(--snk-configurator__scrollbar--color-background);width:var(--snk-configurator__scrollbar--width);max-width:var(--snk-configurator__scrollbar--width);min-width:var(--snk-configurator__scrollbar--width)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-track{background-color:var(--snk-configurator__scrollbar--color-background);border-radius:var(--snk-configurator__scrollbar--border-radius)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb{background-color:var(--snk-configurator__scrollbar--color-default);border-radius:var(--snk-configurator__scrollbar--border-radius)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:vertical:hover,.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-configurator__scrollbar--color-hover)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:vertical:active,.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-configurator__scrollbar--color-clicked)}";
@@ -22,6 +22,7 @@ const SnkConfigurator = class {
     this.configName = undefined;
     this.resourceID = undefined;
     this.viewMode = constants.VIEW_MODE.GRID;
+    this.customContainerId = undefined;
     this.messagesBuilder = undefined;
   }
   /**
@@ -91,9 +92,23 @@ const SnkConfigurator = class {
       this._permissions = {};
     }
   }
+  componentDidRender() {
+    if (!this.customContainerId)
+      return;
+    const container = document.querySelector(`#${this.customContainerId}`);
+    const customElements = container === null || container === void 0 ? void 0 : container.querySelector('#SnkConfigContainerSlot');
+    if (!customElements)
+      return;
+    const configuratorCustomElement = customElements.firstChild;
+    if (!configuratorCustomElement)
+      return;
+    const insideCustomElementsContainer = this._element.querySelector("#slotContainer");
+    insideCustomElementsContainer === null || insideCustomElementsContainer === void 0 ? void 0 : insideCustomElementsContainer.appendChild(configuratorCustomElement);
+  }
   render() {
-    return (index.h("ez-modal", { ref: (element) => (this.modal = element), opened: this._opened, "close-esc": false, "close-outside-click": false, "modal-size": "small", scrim: "light" }, index.h("div", { class: "snk-configurator" }, index.h("div", { class: "snk-configurator__header" }, index.h("label", { class: "snk-configurator__title" }, this.getMessage('snkConfigurator.titleConfigurations')), index.h("div", { class: "snk-configurator__button-close" }, index.h("ez-button", { mode: "icon", iconName: "close", size: "medium", onClick: () => this.closeConfig() }))), index.h("div", { class: "snk-configurator__main" }, index.h("ez-collapsible-box", { boxBordered: true, label: "Modo de visualiza\u00E7\u00E3o ", headerSize: "medium", class: "snk-configurator__collapsable-box" }, index.h("ez-radio-button", { value: this.getViewModeValue().toString(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, index.h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelGrid'), value: constants.VIEW_MODE.GRID }), index.h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelForm'), value: constants.VIEW_MODE.FORM })), index.h("div", { class: "snk-configurator__collsable-box-action" }, index.h("ez-button", { label: this.viewMode === constants.VIEW_MODE.GRID ? this.getMessage('snkConfigurator.labelConfigGrid') : this.getMessage('snkConfigurator.labelConfigForm'), class: "snk-configurator__button-config ez-button--secondary", onClick: () => this.onClickOpenConfig(), id: "openConfigurator" }))), index.h("div", { class: "snk-configurator__outline" }, index.h("slot", { name: "SnkConfigContainerSlot" }))), this.showActionButtons && (index.h("div", { class: "snk-configurator__action-buttons" }, index.h("ez-button", { label: "Cancelar", onClick: () => this.cancel.emit() }), index.h("ez-button", { label: "Salvar", onClick: () => this.save.emit(), class: "ez-button--primary" }))))));
+    return (index.h("ez-modal", { ref: (element) => (this.modal = element), opened: this._opened, "close-esc": false, "close-outside-click": false, "modal-size": "small", scrim: "light" }, index.h("div", { class: "snk-configurator" }, index.h("div", { class: "snk-configurator__header" }, index.h("label", { class: "snk-configurator__title" }, this.getMessage('snkConfigurator.titleConfigurations')), index.h("div", { class: "snk-configurator__button-close" }, index.h("ez-button", { mode: "icon", iconName: "close", size: "medium", onClick: () => this.closeConfig() }))), index.h("div", { class: "snk-configurator__main" }, index.h("ez-collapsible-box", { boxBordered: true, label: "Modo de visualiza\u00E7\u00E3o ", headerSize: "medium", class: "snk-configurator__collapsable-box" }, index.h("ez-radio-button", { value: this.getViewModeValue().toString(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, index.h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelGrid'), value: constants.VIEW_MODE.GRID }), index.h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelForm'), value: constants.VIEW_MODE.FORM })), index.h("div", { class: "snk-configurator__collsable-box-action" }, index.h("ez-button", { label: this.viewMode === constants.VIEW_MODE.GRID ? this.getMessage('snkConfigurator.labelConfigGrid') : this.getMessage('snkConfigurator.labelConfigForm'), class: "snk-configurator__button-config ez-button--secondary", onClick: () => this.onClickOpenConfig(), id: "openConfigurator" }))), index.h("div", { id: "slotContainer", class: "snk-configurator__outline" })), this.showActionButtons && (index.h("div", { class: "snk-configurator__action-buttons" }, index.h("ez-button", { label: "Cancelar", onClick: () => this.cancel.emit() }), index.h("ez-button", { label: "Salvar", onClick: () => this.save.emit(), class: "ez-button--primary" }))))));
   }
+  get _element() { return index.getElement(this); }
 };
 SnkConfigurator.style = snkConfiguratorCss;
 

package/dist/cjs/snk-crud.cjs.entry.js

@@ -4,20 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const taskbarElements = require('./taskbar-elements-39949c7a.js');
-require('./DataFetcher-bd3d53a8.js');
-require('./pesquisa-fetcher-3356b3df.js');
-const index$1 = require('./index-0e663819.js');
+const taskbarElements = require('./taskbar-elements-01b85b99.js');
+require('./DataFetcher-ba94ed5b.js');
+require('./pesquisa-fetcher-ef050a47.js');
+const index$1 = require('./index-0922807b.js');
 require('./ISave-d68ce3cd.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./filter-item-type.enum-aa823a00.js');
-require('./form-config-fetcher-f6cb55e6.js');
-const constants = require('./constants-d187e03e.js');
-const authFetcher = require('./auth-fetcher-1583fe43.js');
+require('./dataunit-fetcher-de65b9fc.js');
+require('./PreloadManager-84466da6.js');
+require('./filter-item-type.enum-a7ffdaa6.js');
+require('./form-config-fetcher-df043d3d.js');
+const constants = require('./constants-35ddd366.js');
+const authFetcher = require('./auth-fetcher-c8467c07.js');
 require('./index-102ba62d.js');
-require('./_commonjsHelpers-537d719a.js');
 require('./PrintUtils-bcaeb82f.js');
+require('./ResourceIDUtils-5ff86aa7.js');
+require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 
 const snkCrudCss = ".sc-snk-crud-h{display:flex;flex-direction:column;height:100%;width:100%}";
 
@@ -28,6 +31,7 @@ const SnkCrud = class {
     this.configuratorSave = index.createEvent(this, "configuratorSave", 7);
     this.configuratorCancel = index.createEvent(this, "configuratorCancel", 7);
     this.formItemsReady = index.createEvent(this, "formItemsReady", 7);
+    this._keyDownHandler = async (event) => this.keyDownListener(event);
     this._viewHistory = [];
     this._dataUnit = undefined;
     this._dataState = undefined;
@@ -75,6 +79,12 @@ const SnkCrud = class {
     var _a;
     (_a = this._snkGrid) === null || _a === void 0 ? void 0 : _a.reloadFilterBar();
   }
+  /**
+   * Retorna o elemento da filter-bar da grade.
+   */
+  async getFilterBar() {
+    return await this._snkGrid.getFilterBar();
+  }
   currentViewModeWatcher(currentView) {
     this._viewHistory = [...this._viewHistory.slice(-1), currentView];
   }
@@ -129,9 +139,11 @@ const SnkCrud = class {
     return joinedPrimaryKeys;
   }
   componentWillLoad() {
-    const application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    application.hasAccess(authFetcher.AutorizationType.UPDATE, this._resourceID).then(canEdit => this._canEdit = canEdit);
+    this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
     let parent = this._element.parentElement;
+    this._application
+      .hasAccess(authFetcher.AutorizationType.UPDATE, this._resourceID)
+      .then(canEdit => this._canEdit = canEdit);
     while (parent) {
       if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
         this._snkDataUnit = parent;
@@ -142,11 +154,11 @@ const SnkCrud = class {
         if (!this._dataUnit) {
           this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
             this._dataUnit = evt.detail;
-            this.initDataUnit(application);
+            this.initDataUnit();
           });
         }
         else {
-          this.initDataUnit(application);
+          this.initDataUnit();
         }
         this._snkDataUnit.addEventListener("dataStateChange", async ({ detail: dataState }) => {
           this._dataState = dataState;
@@ -159,10 +171,86 @@ const SnkCrud = class {
       parent = parent.parentElement;
     }
     if (!this.configName) {
-      this.configName = application.configName;
+      this.configName = this._application.configName;
     }
   }
-  async initDataUnit(application) {
+  componentDidLoad() {
+    this.initKeyboardManager();
+  }
+  disconnectedCallback() {
+    this.removeShortcuts();
+    window.removeEventListener("keydown", this._keyDownHandler);
+  }
+  async initKeyboardManager() {
+    const keyboardManager = await this._application.getKeyboardManager();
+    if (keyboardManager) {
+      const dataUnit = this._dataUnit || await this._snkDataUnit.getDataUnit();
+      async function saveDataUnitHandlingFocus() {
+        const element = document.activeElement;
+        const isDocumentBody = (element == document.body);
+        if (!isDocumentBody)
+          element.blur();
+        await dataUnit.saveData();
+        if (!isDocumentBody && element.setFocus != undefined) {
+          element.setFocus();
+          return;
+        }
+        if (!isDocumentBody)
+          element.focus();
+      }
+      keyboardManager
+        .bind("F6", this.toggleView.bind(this), { description: "Alterna entre modo formulário e grade." })
+        .bind("F7", saveDataUnitHandlingFocus.bind(this), { description: "Salva os dados." })
+        .bind("ctrl + \\", saveDataUnitHandlingFocus.bind(this), { description: "Salva os dados." })
+        .bind("F8", dataUnit.addRecord.bind(dataUnit), { description: "Adiciona um novo registro." })
+        .bind("F9", dataUnit.removeSelectedRecords.bind(dataUnit), { description: "Remove o registro selecionado." })
+        .bind("ctrl + F9", dataUnit.removeSelectedRecords.bind(dataUnit), { description: "Remove o registro selecionado." })
+        .bind("ctrl + .", () => {
+        if (dataUnit.getSelectionInfo().records.length === 0) {
+          return dataUnit.selectFirst();
+        }
+        return dataUnit.nextRecord();
+      }, {
+        description: "Avança para o próximo registro."
+      })
+        .bind("ctrl + ,", dataUnit.previousRecord.bind(dataUnit), { description: "Retorna ao registro anterior." })
+        .bind("F5", async () => {
+        const currentView = await this._viewStack.getSelectedIndex();
+        if (constants.VIEW_MODE.GRID === currentView) {
+          dataUnit.loadData();
+        }
+      }, { description: "Atualiza os dados." })
+        .bind("Escape", () => {
+        if (dataUnit.isDirty()) {
+          dataUnit.cancelEdition();
+        }
+      }, {
+        debounceTime: 1000,
+        description: "Cancela uma ação."
+      });
+    }
+  }
+  async removeShortcuts() {
+    const keyboardManager = await this._application.getKeyboardManager();
+    if (keyboardManager) {
+      keyboardManager
+        .unbind("F6")
+        .unbind("F7")
+        .unbind("ctrl + \\")
+        .unbind("F8")
+        .unbind("F9")
+        .unbind("ctrl + F9")
+        .unbind("ctrl + .")
+        .unbind("ctrl + ,")
+        .unbind("F5")
+        .unbind("Escape");
+    }
+  }
+  async toggleView() {
+    const currentView = await this._viewStack.getSelectedIndex();
+    this.setViewMode(constants.VIEW_MODE.GRID === currentView ? constants.VIEW_MODE.FORM : constants.VIEW_MODE.GRID);
+  }
+  async initDataUnit() {
     this.addDataElementID();
     if (!this.messagesBuilder) {
       this.messagesBuilder = this._snkDataUnit.messagesBuilder;
@@ -171,7 +259,7 @@ const SnkCrud = class {
       //Tenta pegar o resourceID do snkDataUnit;
       this._resourceID = this._snkDataUnit.resourceID;
       if (this._resourceID == undefined) {
-        this._resourceID = await application.getResourceID();
+        this._resourceID = await this._application.getResourceID();
       }
     }
   }
@@ -183,12 +271,34 @@ const SnkCrud = class {
     }
     this.configuratorCancel.emit();
   }
+  async keyDownListener(event) {
+    if (!event.ctrlKey || event.key == undefined || event.key.toUpperCase() !== "F") {
+      return;
+    }
+    if (this._element == undefined) {
+      return;
+    }
+    if (core.JSUtils.isHiddenElement(this._element)) {
+      return;
+    }
+    core.FloatingManager.closeAll();
+    if (this._currentViewMode === constants.VIEW_MODE.GRID) {
+      await this._snkGrid.findColumn();
+    }
+    else {
+      await this._guidesViewer.findField();
+    }
+    event.preventDefault();
+  }
+  connectedCallback() {
+    window.addEventListener("keydown", this._keyDownHandler, { capture: true });
+  }
   render() {
     if (this._resourceID == undefined) {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = this._currentViewMode === constants.VIEW_MODE.GRID;
-    return (index.h(index.Host, null, index.h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, index.h("stack-item", null, index.h("snk-grid", { ref: (ref) => this._snkGrid = ref, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID }, index.h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), index.h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), index.h("slot", { name: "SnkGridHeader" }), index.h("slot", { name: "SnkGridFooter" }), index.h("slot", { name: "SnkGridTaskBar" }))), index.h("stack-item", null, index.h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(constants.VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId }, index.h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), index.h("slot", { name: "SnkFormTaskBar" }))), index.h("stack-item", null, index.h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), index.h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID }, index.h("div", { slot: "SnkConfigContainerSlot" }, index.h("slot", { name: "SnkConfigContainerSlot" })))), index.h("div", { id: `${this.customContainerId}` }, index.h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), index.h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), index.h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
+    return (index.h(index.Host, null, index.h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, index.h("stack-item", null, index.h("snk-grid", { ref: (ref) => this._snkGrid = ref, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID }, index.h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), index.h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), index.h("slot", { name: "SnkGridHeader" }), index.h("slot", { name: "SnkGridFooter" }), index.h("slot", { name: "SnkGridTaskBar" }))), index.h("stack-item", null, index.h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(constants.VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId }, index.h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), index.h("slot", { name: "SnkFormTaskBar" }))), index.h("stack-item", null, index.h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), index.h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId })), index.h("div", { id: `${this.customContainerId}` }, index.h("slot", { name: "SnkConfigContainerSlot" }), index.h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), index.h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), index.h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/snk-custom-slot-elements.cjs.entry.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-f9e81701.js');
+
+const snkCustomSlotElementsCss = ".custom-slot-elements-container.sc-snk-custom-slot-elements{display:none}";
+
+const SnkCustomSlotElements = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.slotName = 'CUSTOM_SLOT_ELEMENTS';
+  }
+  render() {
+    return (index.h(index.Host, { slot: this.slotName }, index.h("div", { id: this.slotName, class: "custom-slot-elements-container" }, index.h("slot", null))));
+  }
+};
+SnkCustomSlotElements.style = snkCustomSlotElementsCss;
+
+exports.snk_custom_slot_elements = SnkCustomSlotElements;

package/dist/cjs/snk-data-exporter.cjs.entry.js

@@ -5,14 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index$1 = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const index = require('./index-0e663819.js');
-const constants = require('./constants-d187e03e.js');
-const DataFetcher = require('./DataFetcher-bd3d53a8.js');
-const snkDataUnit = require('./snk-data-unit-7cc1846d.js');
-require('./_commonjsHelpers-537d719a.js');
-require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
+const index = require('./index-0922807b.js');
+const constants = require('./constants-35ddd366.js');
+const DataFetcher = require('./DataFetcher-ba94ed5b.js');
+const snkDataUnit = require('./snk-data-unit-1bc69073.js');
 require('./PrintUtils-bcaeb82f.js');
-require('./SnkMessageBuilder-d0abb63d.js');
+require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
+require('./SnkMessageBuilder-7293d0ad.js');
 
 class ItemBuilder {
   constructor(getMessage, selectedNumber) {
@@ -167,7 +166,8 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
 };
 function fetchDataExporter(_a) {
   var { methodName } = _a, requestBody = __rest(_a, ["methodName"]);
-  const serviceName = `mgefin-bff@DataExporterSPBean.${methodName}`;
+  const application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  const serviceName = `${application.getModuleName()}@DataExporterSPBean.${methodName}`;
   const payload = { serviceName, requestBody };
   return new Promise((resolve, reject) => {
     DataFetcher.DataFetcher.get()
@@ -196,7 +196,8 @@ function fileViewer({ fileSessionKey, isDownload }) {
 }
 
 function getPersonalizedReports(requestBody) {
-  const serviceName = "mgefin-bff@DataExporterSPBean.getPersonalizedReports";
+  const application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  const serviceName = `${application.getModuleName()}@DataExporterSPBean.getPersonalizedReports`;
   const payload = { serviceName, requestBody };
   return new Promise((resolve, reject) => (DataFetcher.DataFetcher.get()
     .callServiceBroker(serviceName, core.ObjectUtils.objectToString(payload))
@@ -212,7 +213,7 @@ function getFormatResponse(result) {
   return core.ObjectUtils.stringToObject(response);
 }
 
-const snkDataExporterCss = ".sc-snk-data-exporter-h{--snk-data-exporter--z-index:var(--most-visible, 3);display:flex;width:fit-content;height:fit-content}.snk-data-exporter.sc-snk-data-exporter{display:flex;width:fit-content;height:fit-content}.snk-data-exporter--overlap.sc-snk-data-exporter{z-index:var(--snk-data-exporter--z-index)}.snk-data-exporter__dropdown.sc-snk-data-exporter{display:none}.snk-data-exporter__dropdown--show.sc-snk-data-exporter{display:flex;flex-direction:column;position:fixed}.snk-data-exporter__dropdown.sc-snk-data-exporter>ez-dropdown.sc-snk-data-exporter{position:relative}";
+const snkDataExporterCss = ".sc-snk-data-exporter-h{display:flex;width:fit-content;height:fit-content}.snk-data-exporter.sc-snk-data-exporter{display:flex;width:fit-content;height:fit-content}.snk-data-exporter__dropdown.sc-snk-data-exporter{display:none}.snk-data-exporter__dropdown--show.sc-snk-data-exporter{display:flex;flex-direction:column;position:fixed}.snk-data-exporter__dropdown.sc-snk-data-exporter>ez-dropdown.sc-snk-data-exporter{position:relative}";
 
 const LIMIT_PER_EXPORT = 5000;
 const SnkDataExporter = class {
@@ -507,7 +508,7 @@ const SnkDataExporter = class {
   }
   render() {
     return (index$1.h(index$1.Host, null, index$1.h("div", { class: `snk-data-exporter
-          ${this.canShowDropdown() ? " snk-data-exporter--overlap" : ""}
+          ${this.canShowDropdown() ? " ez-elevation--16" : ""}
         ` }, index$1.h("ez-button", Object.assign({ ref: (ref) => this._ezButton = ref, iconName: "file-download", size: "small", mode: "icon", title: this.getMessage("snkDataExporter.group.export.title"), onClick: () => this.controlDropdown() }, this.getElementID("button"))), index$1.h("div", Object.assign({ ref: (ref) => this._dropdownParent = ref, class: `snk-data-exporter__dropdown
               ${this.canShowDropdown() ? "snk-data-exporter__dropdown--show" : ""}
             ` }, this.getElementID("dropdown")), this.canShowDropdown() &&

package/dist/cjs/{snk-data-unit-7cc1846d.js → snk-data-unit-1bc69073.js}

@@ -3,9 +3,7 @@
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const SnkMessageBuilder = require('./SnkMessageBuilder-d0abb63d.js');
-
-const snkDataUnitCss = ".sc-snk-data-unit-h{display:flex;flex-direction:column;height:100%;width:100%}";
+const SnkMessageBuilder = require('./SnkMessageBuilder-7293d0ad.js');
 
 const SnkDataUnit = class {
   constructor(hostRef) {
@@ -166,6 +164,10 @@ const SnkDataUnit = class {
     }
     return selectedRecordsIDsInfo;
   }
+  getCleanOnCopyFields() {
+    var _a;
+    return (_a = this.dataUnit.metadata) === null || _a === void 0 ? void 0 : _a.fields.filter(field => { var _a; return (_a = field.properties) === null || _a === void 0 ? void 0 : _a.cleanOnCopy; }).map(field => field.name);
+  }
   async interceptAction(action) {
     return new Promise(resolve => {
       var _a, _b, _c, _d, _e;
@@ -180,6 +182,15 @@ const SnkDataUnit = class {
           break;
         case core.Action.RECORDS_COPIED:
           if (this.isAllowed("CLONE")) {
+            const cleanFields = this.getCleanOnCopyFields();
+            if (cleanFields.length > 0) {
+              const records = action.payload;
+              action = new core.DataUnitAction(core.Action.RECORDS_COPIED, records.map(record => {
+                const newRecord = Object.assign({}, record);
+                cleanFields.forEach(fieldName => delete newRecord[fieldName]);
+                return newRecord;
+              }));
+            }
             resolve(action);
           }
           else {
@@ -255,7 +266,7 @@ const SnkDataUnit = class {
               removeConfirmation = this.getMessage("snkDataUnit.removeAllConfirmation", { size: selection.length });
               multipleSelection = true;
             }
-            if (removeConfirmation == undefined) {
+            if (!removeConfirmation) {
               resolve(action);
             }
             else {
@@ -447,6 +458,5 @@ class DataStateImpl {
     return this.selectionInfo.records;
   }
 }
-SnkDataUnit.style = snkDataUnitCss;
 
 exports.SnkDataUnit = SnkDataUnit;

package/dist/cjs/snk-data-unit.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkDataUnit = require('./snk-data-unit-7cc1846d.js');
+const snkDataUnit = require('./snk-data-unit-1bc69073.js');
 require('./index-f9e81701.js');
 require('@sankhyalabs/core');
 require('@sankhyalabs/ezui/dist/collection/utils');
-require('./SnkMessageBuilder-d0abb63d.js');
+require('./SnkMessageBuilder-7293d0ad.js');
 
 
 

package/dist/cjs/snk-detail-view.cjs.entry.js

@@ -3,26 +3,29 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
-const SnkFormConfigManager = require('./SnkFormConfigManager-5b485cd4.js');
+const core = require('@sankhyalabs/core');
+const SnkFormConfigManager = require('./SnkFormConfigManager-7d850fbc.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
-require('./DataFetcher-bd3d53a8.js');
-require('./pesquisa-fetcher-3356b3df.js');
-require('@sankhyalabs/core');
-const index$1 = require('./index-0e663819.js');
+require('./DataFetcher-ba94ed5b.js');
+require('./pesquisa-fetcher-ef050a47.js');
+const index$1 = require('./index-0922807b.js');
 require('./ISave-d68ce3cd.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./filter-item-type.enum-aa823a00.js');
-require('./form-config-fetcher-f6cb55e6.js');
-const taskbarElements = require('./taskbar-elements-39949c7a.js');
-const constants = require('./constants-d187e03e.js');
-const snkGuidesViewer = require('./snk-guides-viewer-5e22097d.js');
-const SnkMessageBuilder = require('./SnkMessageBuilder-d0abb63d.js');
-require('./ConfigStorage-0e4275f5.js');
-require('./_commonjsHelpers-537d719a.js');
+require('./dataunit-fetcher-de65b9fc.js');
+require('./PreloadManager-84466da6.js');
+require('./filter-item-type.enum-a7ffdaa6.js');
+require('./form-config-fetcher-df043d3d.js');
+const taskbarElements = require('./taskbar-elements-01b85b99.js');
+const constants = require('./constants-35ddd366.js');
+const snkGuidesViewer = require('./snk-guides-viewer-7f9b6d94.js');
+const SnkMessageBuilder = require('./SnkMessageBuilder-7293d0ad.js');
+require('./ConfigStorage-8009ecb2.js');
 require('./PrintUtils-bcaeb82f.js');
+require('./ResourceIDUtils-5ff86aa7.js');
+require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('./index-102ba62d.js');
-require('./taskbar-processor-bce3f499.js');
+require('./field-search-f56aa7d6.js');
 require('@sankhyalabs/core/dist/dataunit/DataUnit');
 
 class GuideBuilder {
@@ -93,6 +96,10 @@ const SnkDetailView = class {
     this.canEdit = true;
     this.taskbarCustomContainerId = undefined;
   }
+  observeDataUnit(newDataUnit, oldDataUnit) {
+    newDataUnit === null || newDataUnit === void 0 ? void 0 : newDataUnit.subscribe(this.dataUnitActionHandler.bind(this));
+    oldDataUnit === null || oldDataUnit === void 0 ? void 0 : oldDataUnit.unsubscribe(this.dataUnitActionHandler);
+  }
   observerDataState(newValue, oldValue) {
     const openInsertion = !(oldValue === null || oldValue === void 0 ? void 0 : oldValue.insertionMode) && (newValue === null || newValue === void 0 ? void 0 : newValue.insertionMode);
     const closeInsertion = (oldValue === null || oldValue === void 0 ? void 0 : oldValue.insertionMode) && !(newValue === null || newValue === void 0 ? void 0 : newValue.insertionMode);
@@ -127,6 +134,9 @@ const SnkDetailView = class {
     if (!this.dataState.hasNext) {
       disabledButtons.push(taskbarElements.TaskbarElement.NEXT);
     }
+    if (this.dataState.insertionMode) {
+      disabledButtons.push(taskbarElements.TaskbarElement.INSERT);
+    }
     this._disabledButtons = disabledButtons;
   }
   /**
@@ -258,12 +268,22 @@ const SnkDetailView = class {
       this.messagesBuilder = new SnkMessageBuilder.SnkMessageBuilder(this.entityName);
     }
   }
+  async dataUnitActionHandler(action) {
+    if (action.type === core.Action.FIELD_INVALIDATED) {
+      this.addErrorBadgeToBranchGuide();
+    }
+  }
+  addErrorBadgeToBranchGuide() {
+    this.branchGuide = Object.assign(Object.assign({}, this.branchGuide), { badge: 'error' });
+    this.snkDetailGuidesChange.emit(new GuideBuilder(this.branchGuide, this._formMetadata, this.dataUnit));
+  }
   render() {
     this.updateLabel();
     //const cardConfig: IFormCardConfig = this._cardsState?.get(this.selectedForm);
     return (index.h(index.Host, null, index.h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === constants.VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, index.h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, index.h("stack-item", null, index.h("div", { class: "ez-box ez-box--shadow grid-container" }, index.h("div", { class: "ez-flex ez-title--primary ez-size-width--full ez-padding--large detail-header" }, index.h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? index.h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), index.h("snk-grid", { class: "ez-size-width--full ez-size-height--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(constants.VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: index$1.PresentationMode.SECONDARY, canEdit: this.canEdit, isDetail: true, taskbarCustomContainerId: this.taskbarCustomContainerId, gridHeaderCustomSlotId: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS", topTaskbarCustomSlotId: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }))), index.h("stack-item", null, index.h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), label: this.label, levelPath: this._levelPath, onFormItemsReady: ({ detail: formItems }) => this.formItemsReady.emit(formItems) }, index.h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: index$1.PresentationMode.SECONDARY, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit, resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }, index.h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" })))), index.h("stack-item", null, index.h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName, onBack: this.handleAttachBack.bind(this) }))))));
   }
   static get watchers() { return {
+    "dataUnit": ["observeDataUnit"],
     "dataState": ["observerDataState"]
   }; }
 };

package/dist/cjs/snk-field-config.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const constants = require('./constants-d187e03e.js');
+const constants = require('./constants-35ddd366.js');
 
 const snkFieldConfigCss = ".sc-snk-field-config-h{--snk-field-config--height:42px;--snk-field-config--width:100%;--snk-field-config__icon--width:48px;--snk-field-config-slim--height:32px;--snk-field-config--border-radius:var(--border--radius-medium, 12px);--snk-field-config--font-size:var(--text--medium, 14px);--snk-field-config--font-family:var(--font-pattern, Arial);--snk-field-config--font-weight:var(--text-weight--medium, 400);--snk-field-config--color:var(--title--primary, #000);--snk-field-config--padding-left:var(--space--medium, 6px);--snk-field-config__input--background-color:var(--background--medium, #e0e0e0);--snk-field-config__input--border:var(--border--medium, 2px solid);--snk-field-config__input--border-color:var(--background--xlight, #fff);--snk-field-config__required--color:var(--color--error, #FF0000);--snk-field-config__label--gap:var(--space--extra-small, 3px);--snk-field-config__transition--visibility:var(--transition, 0.2s linear);--snk-field-config__transition--opacity:var(--transition, 0.15s linear);--snk-field-config__config-popover--z-index:var(--more-visible, 2);--snk-field-config__config-outer-arrow--background-color:var(--color--secondary-200, #D2D3DA);--snk-field-config__draggable--padding-right:var(--space--small, 6px);display:flex;flex-wrap:wrap;position:relative;width:var(--snk-field-config--width)}.field-config.sc-snk-field-config{width:100%;box-sizing:border-box;display:flex;align-items:center;padding-left:var(--snk-field-config--padding-left);font-weight:var(--snk-field-config--font-weight);height:var(--snk-field-config--height);border-radius:var(--snk-field-config--border-radius);font-family:var(--snk-field-config--font-family);font-size:var(--snk-field-config--font-size);border:var(--snk-field-config__input--border);border-color:var(--snk-field-config__input--border-color);background-color:var(--snk-field-config__input--background-color);color:var(--snk-field-config--color)}.field-config__config-popover.sc-snk-field-config{width:40px;margin-left:auto;z-index:var(--snk-field-config__config-popover--z-index)}.field-config__label.sc-snk-field-config{display:flex;flex-direction:row-reverse;line-height:calc(var(--snk-field-config--font-size) + 2px);gap:var(--snk-field-config__label--gap)}.field-config__label-text.sc-snk-field-config{overflow:hidden;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-word}.field-config__label-required.sc-snk-field-config{color:var(--snk-field-config__required--color)}.field-config__add.sc-snk-field-config{display:flex;margin-left:auto;visibility:hidden;opacity:0;transition:visibility var(--snk-field-config__transition--visibility), opacity var(--snk-field-config__transition--opacity)}.field-config__options.sc-snk-field-config{display:flex;margin-left:auto;visibility:hidden;opacity:0;transition:visibility var(--snk-field-config__transition--visibility), opacity var(--snk-field-config__transition--opacity)}.field-config__options--is-active.sc-snk-field-config{display:flex;visibility:visible;opacity:1}.field-config__remove-icon.sc-snk-field-config{margin-right:-15px}.field-config.sc-snk-field-config:hover .field-config__options.sc-snk-field-config{display:flex;visibility:visible;opacity:1}.field-config.sc-snk-field-config:hover .field-config__add.sc-snk-field-config{visibility:visible;opacity:1}.field-config__draggable.sc-snk-field-config{padding-right:var(--snk-field-config__draggable--padding-right)}.field-config__config-outer-arrow.sc-snk-field-config{clip-path:polygon(50% 0, 90% 100%, 10% 100%);border-radius:0.25em 0 0 0;width:30px;height:15px;padding-top:3px;border-bottom:1px solid #FFFFFF;background-color:var(--snk-field-config__config-outer-arrow--background-color)}.field-config__config-inner-arrow.sc-snk-field-config{background-color:#FFFFFF;clip-path:polygon(50% 0, 90% 100%, 10% 100%);border-radius:0.25em 0 0 0;width:30px;height:15px}.ez-box__container.sc-snk-field-config ez-collapsible-box.sc-snk-field-config{--snk-collapsible-box__header--padding-left:6px}ez-icon.sc-snk-field-config{--snk-icon--color:var(--snk-field-config--color)}ez-popover.sc-snk-field-config{--snk-popover__box--background-color:transparent;--snk-popover__box--box-shadow:none}.field-config__options.sc-snk-field-config ez-button.sc-snk-field-config{--snk-button--background-color:transparent;--snk-button--focus--border:none;--snk-button--focus--box-shadow:none}@media screen and (min-width: 1200px){.field-config__label.sc-snk-field-config{flex-direction:row}}";