@sankhyalabs/sankhyablocks 1.4.0-beta.6 → 1.4.0-beta.8

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

@@ -1,247 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-6fcf07f3.js');
-const core = require('@sankhyalabs/core');
-const taskbarElements = require('./taskbar-elements-aedfeae6.js');
-
-class TaskbarProcessor {
-  constructor(defaultButtons) {
-    this._defaultButtons = defaultButtons;
-  }
-  process(taskbarId, taskbarManager, dataState, disabledButtons = []) {
-    var _a;
-    this.customButtons = new Map();
-    this.buttons = "";
-    this.disabledButtons = [];
-    (_a = this.getButtonsArray(taskbarId, taskbarManager, dataState)) === null || _a === void 0 ? void 0 : _a.forEach(btnDef => {
-      let buttonName;
-      if (typeof btnDef === "string") {
-        buttonName = btnDef;
-      }
-      else {
-        const customBtn = btnDef;
-        this.customButtons.set(customBtn.name, customBtn);
-        buttonName = customBtn.name;
-      }
-      if (!this.isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabledButtons)) {
-        this.disabledButtons.push(buttonName);
-      }
-      if (this.buttons.length > 0) {
-        this.buttons += ",";
-      }
-      this.buttons += buttonName;
-    });
-  }
-  getButtonsArray(taskbarId, taskbarManager, dataState) {
-    const defaults = this._defaultButtons[taskbarId];
-    if (taskbarManager) {
-      return taskbarManager.getButtons(taskbarId, dataState, [...defaults]);
-    }
-    return defaults;
-  }
-  isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabled) {
-    const originalValue = disabled.includes(buttonName) ? false : true;
-    if (taskbarManager && taskbarManager.isEnabled) {
-      return taskbarManager.isEnabled(taskbarId, dataState, buttonName, originalValue);
-    }
-    return originalValue;
-  }
-}
-
-const snkFormCss = ".sc-snk-form-h{display:block}.snk-form.sc-snk-form{position:relative;padding:var(--space--large);padding-top:var(--space--medium)}.snk-form__header.sc-snk-form{position:relative;padding-top:var(--space--medium);padding-bottom:var(--space--medium);margin-bottom:var(--space--medium)}.snk-form__header--fixed.sc-snk-form{position:sticky;top:0;background:var(--background--body);z-index:var(--more-visible, 2);padding-left:var(--space--large);padding-right:var(--space--large);margin-left:calc(var(--space--large) * -1);margin-right:calc(var(--space--large) * -1);width:calc(100% + (var(--space--large) * 2))}";
-
-const SnkForm = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.exit = index.createEvent(this, "exit", 7);
-    this.actionClick = index.createEvent(this, "actionClick", 7);
-    this._taskbarProcessor = new TaskbarProcessor({
-      "snkForm.regular": ["PREVIOUS", "NEXT", "DIVIDER", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "GRID_MODE", "INSERT"],
-      "snkForm.finish_edition": ["CANCEL", "SAVE"]
-    });
-  }
-  getFormConfig() {
-    return (this._dataState && this._dataState.insertionMode ? this._insertionFormConfig : this._editionFormConfig);
-  }
-  getInsertionHiddenFields(formConfig) {
-    const hiddenFields = [];
-    formConfig === null || formConfig === void 0 ? void 0 : formConfig.forEach(cfg => {
-      const def = this._dataUnit.getField(cfg.name);
-      if (def === null || def === void 0 ? void 0 : def.readOnly) {
-        hiddenFields.push(cfg.name);
-      }
-    });
-    return hiddenFields;
-  }
-  exitForm() {
-    if (this._dataUnit.isDirty()) {
-      this._dataUnit.cancelEdition({ after: () => this.exit.emit() });
-    }
-    else {
-      this.exit.emit();
-    }
-  }
-  getDisabledButtons() {
-    const disabled = [];
-    if (!this._dataState.hasPrevious) {
-      disabled.push("PREVIOUS");
-    }
-    if (!this._dataState.hasNext) {
-      disabled.push("NEXT");
-    }
-    return disabled;
-  }
-  loadInsertionConfig() {
-    if (this._dataUnit && this._configLoaded) {
-      this._insertionFormConfig = this._editionFormConfig.filter(fieldCfg => {
-        const def = this._dataUnit.getField(fieldCfg.name);
-        if (def === null || def === void 0 ? void 0 : def.readOnly) {
-          return false;
-        }
-        return true;
-      });
-    }
-  }
-  /**
-   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
-   * através de um pequeno modulo na estrutura da aplicação:
-   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
-   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-form.msg.ts"
-   */
-  getMessage(key) {
-    return this._application.messagesBuilder.getMessage(key, this.getMessageParams());
-  }
-  getMessageParams() {
-    var _a;
-    return ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectedRecords) ? this._dataState.selectedRecords[0] : undefined;
-  }
-  componentWillLoad() {
-    this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    if (this._application) {
-      this._application.loadFormConfig(this.configName).then(cfg => {
-        this._configLoaded = true;
-        this._editionFormConfig = cfg;
-        this.loadInsertionConfig();
-      });
-      //Forçamos a carga dos acessos pra aproveitar a request inicial.
-      this._application.getAllAccess();
-    }
-    let parent = this._element.parentElement;
-    while (parent) {
-      if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
-        this._snkDataUnit = parent;
-        this._dataUnit = this._snkDataUnit.dataUnit;
-        this._dataState = this._snkDataUnit.dataState;
-        if (this._dataUnit) {
-          this.loadInsertionConfig();
-        }
-        else {
-          this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
-            this._dataUnit = evt.detail;
-            this.loadInsertionConfig();
-          });
-        }
-        this._snkDataUnit.addEventListener("dataStateChange", (evt) => {
-          this._dataState = evt.detail;
-        });
-        break;
-      }
-      parent = parent.parentElement;
-    }
-  }
-  componentWillRender() {
-    var _a;
-    const taskbarId = ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "snkForm.finish_edition" : "snkForm.regular";
-    const disabledButtons = [];
-    if (!this._dataState || !this._dataState.hasPrevious) {
-      disabledButtons.push("PREVIOUS");
-    }
-    if (!this._dataState || !this._dataState.hasNext) {
-      disabledButtons.push("NEXT");
-    }
-    this._taskbarProcessor.process(taskbarId, this.taskbarManager, this._dataState, disabledButtons);
-  }
-  render() {
-    var _a;
-    if (!this._configLoaded || !this._dataUnit || !this._dataState) {
-      return undefined;
-    }
-    return (index.h("section", { class: "snk-form" }, index.h("div", { class: "snk-form__header snk-form__header--fixed ez-row" }, index.h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6", key: "formHeader" }, index.h("ez-button", { title: this.getMessage("snkForm.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small", onClick: () => this.exitForm() }), index.h("h1", { class: "ez-title ez-title--primary ez-title--xlarge ez-align--middle" }, this.getMessage("snkForm.title"))), index.h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-align--right" }, index.h("snk-taskbar", { key: "formTaskbar", buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.actionsList, primaryButton: ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", dataUnit: this._dataUnit }))), index.h("section", null, index.h("div", { class: "ez-row" }, index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("ez-form", { key: "ezForm" + this._snkDataUnit.entityName, dataUnit: this._dataUnit, config: this.getFormConfig(), recordsValidator: this.recordsValidator }))))));
-  }
-  get _element() { return index.getElement(this); }
-};
-SnkForm.style = snkFormCss;
-
-const snkGridCss = ".snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{display:flex;flex-wrap:nowrap;width:100%}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--small)}";
-
-const SnkGrid = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.actionClick = index.createEvent(this, "actionClick", 7);
-    this.gridDoubleClick = index.createEvent(this, "gridDoubleClick", 7);
-    this._topTaskbarProcessor = new TaskbarProcessor({
-      "snkGridTopTaskbar": ["FORM_MODE", "CONFIG_GRID", "INSERT"]
-    });
-    this._headerTaskbarProcessor = new TaskbarProcessor({
-      "snkGridHeaderTaskbar.unselected": ["REFRESH"],
-      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"]
-    });
-  }
-  actionClickHandler(evt) {
-    if (evt.detail === taskbarElements.TaskbarElement.CONFIG_GRID && this._grid) {
-      this._grid.openGridConfig();
-    }
-  }
-  saveConfig(config) {
-    const snkApplication = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    if (snkApplication) {
-      snkApplication.saveGridConfig(config);
-    }
-  }
-  componentWillLoad() {
-    const snkApplication = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    if (snkApplication) {
-      snkApplication.loadGridConfig(this.configName).then(cfg => {
-        this._gridConfig = cfg;
-        this._configLoaded = true;
-      });
-      //Forçamos a carga dos acessos pra aproveitar a request inicial.
-      snkApplication.getAllAccess();
-    }
-    let parent = this._element.parentElement;
-    while (parent) {
-      if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
-        this._snkDataUnit = parent;
-        this._dataUnit = this._snkDataUnit.dataUnit;
-        if (!this._dataUnit) {
-          this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
-            this._dataUnit = evt.detail;
-          });
-        }
-        this._snkDataUnit.addEventListener("dataStateChange", (evt) => {
-          this._dataState = evt.detail;
-        });
-        break;
-      }
-      parent = parent.parentElement;
-    }
-  }
-  componentWillRender() {
-    const headerTaskbarId = this._dataState && this._dataState.selectedRecords.length > 0 ? "snkGridHeaderTaskbar.selected" : "snkGridHeaderTaskbar.unselected";
-    this._headerTaskbarProcessor.process(headerTaskbarId, this.taskbarManager, this._dataState);
-    this._topTaskbarProcessor.process("snkGridTopTaskbar", this.taskbarManager, this._dataState);
-  }
-  render() {
-    if (!this._configLoaded || !this._dataUnit) {
-      return undefined;
-    }
-    return (index.h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, index.h("div", { class: "snk-grid__header ez-padding-bottom--medium ez-margin-bottom--medium" }, index.h("snk-filter-bar", { dataUnit: this._dataUnit, class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), index.h("snk-taskbar", { class: "ez-padding-left--medium", onActionClick: evt => this.actionClickHandler(evt), key: "topTaskbar", dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), index.h("ez-grid", { ref: ref => this._grid = ref, dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: evt => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver }, index.h("snk-taskbar", { dataUnit: this._dataUnit, buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("slot", { name: "SnkGridFooter" }))));
-  }
-  get _element() { return index.getElement(this); }
-};
-SnkGrid.style = snkGridCss;
-
-exports.snk_form = SnkForm;
-exports.snk_grid = SnkGrid;

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

@@ -1,242 +0,0 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-81dda3cf.js';
-import { ApplicationContext } from '@sankhyalabs/core';
-import { T as TaskbarElement } from './taskbar-elements-38eb5d51.js';
-
-class TaskbarProcessor {
-  constructor(defaultButtons) {
-    this._defaultButtons = defaultButtons;
-  }
-  process(taskbarId, taskbarManager, dataState, disabledButtons = []) {
-    var _a;
-    this.customButtons = new Map();
-    this.buttons = "";
-    this.disabledButtons = [];
-    (_a = this.getButtonsArray(taskbarId, taskbarManager, dataState)) === null || _a === void 0 ? void 0 : _a.forEach(btnDef => {
-      let buttonName;
-      if (typeof btnDef === "string") {
-        buttonName = btnDef;
-      }
-      else {
-        const customBtn = btnDef;
-        this.customButtons.set(customBtn.name, customBtn);
-        buttonName = customBtn.name;
-      }
-      if (!this.isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabledButtons)) {
-        this.disabledButtons.push(buttonName);
-      }
-      if (this.buttons.length > 0) {
-        this.buttons += ",";
-      }
-      this.buttons += buttonName;
-    });
-  }
-  getButtonsArray(taskbarId, taskbarManager, dataState) {
-    const defaults = this._defaultButtons[taskbarId];
-    if (taskbarManager) {
-      return taskbarManager.getButtons(taskbarId, dataState, [...defaults]);
-    }
-    return defaults;
-  }
-  isEnabled(taskbarId, taskbarManager, buttonName, dataState, disabled) {
-    const originalValue = disabled.includes(buttonName) ? false : true;
-    if (taskbarManager && taskbarManager.isEnabled) {
-      return taskbarManager.isEnabled(taskbarId, dataState, buttonName, originalValue);
-    }
-    return originalValue;
-  }
-}
-
-const snkFormCss = ".sc-snk-form-h{display:block}.snk-form.sc-snk-form{position:relative;padding:var(--space--large);padding-top:var(--space--medium)}.snk-form__header.sc-snk-form{position:relative;padding-top:var(--space--medium);padding-bottom:var(--space--medium);margin-bottom:var(--space--medium)}.snk-form__header--fixed.sc-snk-form{position:sticky;top:0;background:var(--background--body);z-index:var(--more-visible, 2);padding-left:var(--space--large);padding-right:var(--space--large);margin-left:calc(var(--space--large) * -1);margin-right:calc(var(--space--large) * -1);width:calc(100% + (var(--space--large) * 2))}";
-
-const SnkForm = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.exit = createEvent(this, "exit", 7);
-    this.actionClick = createEvent(this, "actionClick", 7);
-    this._taskbarProcessor = new TaskbarProcessor({
-      "snkForm.regular": ["PREVIOUS", "NEXT", "DIVIDER", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "GRID_MODE", "INSERT"],
-      "snkForm.finish_edition": ["CANCEL", "SAVE"]
-    });
-  }
-  getFormConfig() {
-    return (this._dataState && this._dataState.insertionMode ? this._insertionFormConfig : this._editionFormConfig);
-  }
-  getInsertionHiddenFields(formConfig) {
-    const hiddenFields = [];
-    formConfig === null || formConfig === void 0 ? void 0 : formConfig.forEach(cfg => {
-      const def = this._dataUnit.getField(cfg.name);
-      if (def === null || def === void 0 ? void 0 : def.readOnly) {
-        hiddenFields.push(cfg.name);
-      }
-    });
-    return hiddenFields;
-  }
-  exitForm() {
-    if (this._dataUnit.isDirty()) {
-      this._dataUnit.cancelEdition({ after: () => this.exit.emit() });
-    }
-    else {
-      this.exit.emit();
-    }
-  }
-  getDisabledButtons() {
-    const disabled = [];
-    if (!this._dataState.hasPrevious) {
-      disabled.push("PREVIOUS");
-    }
-    if (!this._dataState.hasNext) {
-      disabled.push("NEXT");
-    }
-    return disabled;
-  }
-  loadInsertionConfig() {
-    if (this._dataUnit && this._configLoaded) {
-      this._insertionFormConfig = this._editionFormConfig.filter(fieldCfg => {
-        const def = this._dataUnit.getField(fieldCfg.name);
-        if (def === null || def === void 0 ? void 0 : def.readOnly) {
-          return false;
-        }
-        return true;
-      });
-    }
-  }
-  /**
-   * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
-   * através de um pequeno modulo na estrutura da aplicação:
-   * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
-   * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-form.msg.ts"
-   */
-  getMessage(key) {
-    return this._application.messagesBuilder.getMessage(key, this.getMessageParams());
-  }
-  getMessageParams() {
-    var _a;
-    return ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectedRecords) ? this._dataState.selectedRecords[0] : undefined;
-  }
-  componentWillLoad() {
-    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    if (this._application) {
-      this._application.loadFormConfig(this.configName).then(cfg => {
-        this._configLoaded = true;
-        this._editionFormConfig = cfg;
-        this.loadInsertionConfig();
-      });
-      //Forçamos a carga dos acessos pra aproveitar a request inicial.
-      this._application.getAllAccess();
-    }
-    let parent = this._element.parentElement;
-    while (parent) {
-      if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
-        this._snkDataUnit = parent;
-        this._dataUnit = this._snkDataUnit.dataUnit;
-        this._dataState = this._snkDataUnit.dataState;
-        if (this._dataUnit) {
-          this.loadInsertionConfig();
-        }
-        else {
-          this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
-            this._dataUnit = evt.detail;
-            this.loadInsertionConfig();
-          });
-        }
-        this._snkDataUnit.addEventListener("dataStateChange", (evt) => {
-          this._dataState = evt.detail;
-        });
-        break;
-      }
-      parent = parent.parentElement;
-    }
-  }
-  componentWillRender() {
-    var _a;
-    const taskbarId = ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "snkForm.finish_edition" : "snkForm.regular";
-    const disabledButtons = [];
-    if (!this._dataState || !this._dataState.hasPrevious) {
-      disabledButtons.push("PREVIOUS");
-    }
-    if (!this._dataState || !this._dataState.hasNext) {
-      disabledButtons.push("NEXT");
-    }
-    this._taskbarProcessor.process(taskbarId, this.taskbarManager, this._dataState, disabledButtons);
-  }
-  render() {
-    var _a;
-    if (!this._configLoaded || !this._dataUnit || !this._dataState) {
-      return undefined;
-    }
-    return (h("section", { class: "snk-form" }, h("div", { class: "snk-form__header snk-form__header--fixed ez-row" }, h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6", key: "formHeader" }, h("ez-button", { title: this.getMessage("snkForm.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small", onClick: () => this.exitForm() }), h("h1", { class: "ez-title ez-title--primary ez-title--xlarge ez-align--middle" }, this.getMessage("snkForm.title"))), h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-align--right" }, h("snk-taskbar", { key: "formTaskbar", buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.actionsList, primaryButton: ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", dataUnit: this._dataUnit }))), h("section", null, h("div", { class: "ez-row" }, h("div", { class: "ez-col ez-col--sd-12" }, h("ez-form", { key: "ezForm" + this._snkDataUnit.entityName, dataUnit: this._dataUnit, config: this.getFormConfig(), recordsValidator: this.recordsValidator }))))));
-  }
-  get _element() { return getElement(this); }
-};
-SnkForm.style = snkFormCss;
-
-const snkGridCss = ".snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{display:flex;flex-wrap:nowrap;width:100%}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--small)}";
-
-const SnkGrid = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.actionClick = createEvent(this, "actionClick", 7);
-    this.gridDoubleClick = createEvent(this, "gridDoubleClick", 7);
-    this._topTaskbarProcessor = new TaskbarProcessor({
-      "snkGridTopTaskbar": ["FORM_MODE", "CONFIG_GRID", "INSERT"]
-    });
-    this._headerTaskbarProcessor = new TaskbarProcessor({
-      "snkGridHeaderTaskbar.unselected": ["REFRESH"],
-      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"]
-    });
-  }
-  actionClickHandler(evt) {
-    if (evt.detail === TaskbarElement.CONFIG_GRID && this._grid) {
-      this._grid.openGridConfig();
-    }
-  }
-  saveConfig(config) {
-    const snkApplication = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    if (snkApplication) {
-      snkApplication.saveGridConfig(config);
-    }
-  }
-  componentWillLoad() {
-    const snkApplication = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    if (snkApplication) {
-      snkApplication.loadGridConfig(this.configName).then(cfg => {
-        this._gridConfig = cfg;
-        this._configLoaded = true;
-      });
-      //Forçamos a carga dos acessos pra aproveitar a request inicial.
-      snkApplication.getAllAccess();
-    }
-    let parent = this._element.parentElement;
-    while (parent) {
-      if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
-        this._snkDataUnit = parent;
-        this._dataUnit = this._snkDataUnit.dataUnit;
-        if (!this._dataUnit) {
-          this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
-            this._dataUnit = evt.detail;
-          });
-        }
-        this._snkDataUnit.addEventListener("dataStateChange", (evt) => {
-          this._dataState = evt.detail;
-        });
-        break;
-      }
-      parent = parent.parentElement;
-    }
-  }
-  componentWillRender() {
-    const headerTaskbarId = this._dataState && this._dataState.selectedRecords.length > 0 ? "snkGridHeaderTaskbar.selected" : "snkGridHeaderTaskbar.unselected";
-    this._headerTaskbarProcessor.process(headerTaskbarId, this.taskbarManager, this._dataState);
-    this._topTaskbarProcessor.process("snkGridTopTaskbar", this.taskbarManager, this._dataState);
-  }
-  render() {
-    if (!this._configLoaded || !this._dataUnit) {
-      return undefined;
-    }
-    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-padding-bottom--medium ez-margin-bottom--medium" }, h("snk-filter-bar", { dataUnit: this._dataUnit, class: "snk-grid__filter-bar ez-align--top", configName: this.configName }), h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", onActionClick: evt => this.actionClickHandler(evt), key: "topTaskbar", dataUnit: this._dataUnit, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: "INSERT" })), h("ez-grid", { ref: ref => this._grid = ref, dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: evt => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver }, h("snk-taskbar", { dataUnit: this._dataUnit, buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" }))));
-  }
-  get _element() { return getElement(this); }
-};
-SnkGrid.style = snkGridCss;
-
-export { SnkForm as snk_form, SnkGrid as snk_grid };