@zeedhi/teknisa-components-common 1.117.1 → 3.0.1

package/dist/tek-components-common.umd.js

@@ -1,4870 +0,0 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@zeedhi/core'), require('@zeedhi/common'), require('lodash.debounce'), require('lodash.merge'), require('@zeedhi/zd-user-info-common'), require('@zeedhi/zd-drag-grid-common')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@zeedhi/core', '@zeedhi/common', 'lodash.debounce', 'lodash.merge', '@zeedhi/zd-user-info-common', '@zeedhi/zd-drag-grid-common'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@zeedhi/teknisa-components-common"] = {}, global["@zeedhi/core"], global.common, global.lodash.debounce, global.lodash.merge, global["@zeedhi/zd-user-info-common"], global["@zeedhi/zd-drag-grid-common"]));
-})(this, (function (exports, core, common, debounce, merge, zdUserInfoCommon, zdDragGridCommon) { 'use strict';
-
-  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-  var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
-  var merge__default = /*#__PURE__*/_interopDefaultLegacy(merge);
-
-  /**
-   * Form to be used on Crud operations
-   */
-  class CrudForm extends common.Form {
-      /**
-       * Create new Crud Form
-       * @param props component properties
-       */
-      constructor(props) {
-          super(props);
-          /**
-           * Form edit state
-           */
-          this.editing = false;
-          if (Object.keys(this.value).length > 0) {
-              this.setValue(this.value);
-          }
-      }
-      setValue(value, autoSave = true) {
-          this.value = value;
-          this.unSavedValue = value;
-          if (autoSave)
-              this.saveEdit();
-      }
-      /**
-       * Cancel edit and return value to original
-       */
-      cancelEdit() {
-          this.editing = false;
-          if (this.beforeEditValue) {
-              this.value = this.beforeEditValue;
-          }
-      }
-      /**
-       * SaveEdit
-       */
-      saveEdit() {
-          this.editing = false;
-          this.beforeEditValue = Object.assign({}, this.unSavedValue);
-      }
-      /**
-       * Update value using child input value
-       * @param child child input
-       * @param value input value
-       */
-      updateChild(child, value) {
-          const valueKeys = Object.keys(this.value);
-          const formChanged = valueKeys.some((key) => {
-              const currValue = this.value[key];
-              const prevValue = this.beforeEditValue ? this.beforeEditValue[key] : null;
-              return this.nullCast(currValue) !== this.nullCast(prevValue);
-          });
-          if (!formChanged) {
-              this.editing = false;
-              return;
-          }
-          this.value[child.name] = value;
-          this.editing = true;
-      }
-      nullCast(value) {
-          return ['', null, undefined].includes(value) ? null : value;
-      }
-      onMounted(element) {
-          this.cancelEdit();
-          super.onMounted(element);
-          element.addEventListener('focus', this.focus.bind(this), true);
-      }
-      /**
-       * Form is focused
-       */
-      focus() {
-          if (!this.beforeEditValue) {
-              this.beforeEditValue = Object.assign({}, this.value);
-          }
-      }
-  }
-
-  /**
-   * Button to be used on Crud Forms
-   */
-  class CrudButton extends common.Button {
-      /**
-       * Create new Crud Button
-       * @param props component properties
-       */
-      constructor(props) {
-          super(props);
-          this.tooltipDefault = { name: 'crud-button-tooltip', component: 'ZdTooltip', bottom: true };
-          this.clickShortcutKey = props.clickShortcutKey;
-          this.tooltip = new common.Tooltip(Object.assign(Object.assign({}, this.tooltipDefault), props.tooltip));
-          if (this.clickShortcutKey) {
-              this.keyMap = Object.assign(Object.assign({}, this.keyMap), { [this.clickShortcutKey]: {
-                      event: this.shortcutClick.bind(this),
-                      stop: true,
-                      active: true,
-                      input: true,
-                  } });
-          }
-      }
-      shortcutClick({ event, element }) {
-          if (!this.disabled) {
-              this.click(event, element);
-          }
-      }
-      initKeyMap(parentElement) {
-          core.KeyMap.bind(this.keyMap, this, parentElement);
-      }
-      /**
-       * Return if parent (form or grid) is editing
-       */
-      get parentIsEditing() {
-          if (this.parent instanceof CrudForm) {
-              return this.parent.editing;
-          }
-          if (this.parent instanceof common.GridEditable) {
-              return this.parent.editing;
-          }
-          return false;
-      }
-  }
-
-  /**
-   * Button to be used on Crud Forms
-   */
-  class CrudAddButton extends CrudButton {
-      /**
-       * Create new Crud Add Button
-       * @param props component properties
-       */
-      constructor(props) {
-          super(Object.assign(Object.assign({}, props), { clickShortcutKey: props.clickShortcutKey || 'f2' }));
-          /**
-           * Button tooltip
-           */
-          this.defaultTooltip = 'ADD';
-          /**
-           * Button flat
-           */
-          this.defaultFlat = true;
-          /**
-           * Button icon
-           */
-          this.defaultIcon = true;
-          /**
-           * Button icon name
-           */
-          this.defaultIconName = 'plus';
-          /**
-           * Button icon color
-           */
-          this.defaultColor = '#666';
-          this.flat = props.flat !== undefined ? this.flat : this.defaultFlat;
-          this.icon = props.icon !== undefined ? this.icon : this.defaultIcon;
-          this.iconName = props.iconName !== undefined ? this.iconName : this.defaultIconName;
-          this.color = props.color !== undefined ? this.color : this.defaultColor;
-          this.tooltip.label = this.tooltip.label || `${core.I18n.translate(this.defaultTooltip)} (${props.clickShortcutKey || 'f2'})`;
-      }
-      /**
-       * Triggered when the component is clicked.
-       * @param event DOM event
-       * @param element Element clicked
-       */
-      click(event, element) {
-          super.click(event, element);
-      }
-  }
-
-  /**
-   * Button to be used on Crud Forms
-   */
-  class CrudCancelButton extends CrudButton {
-      /**
-       * Create new Crud Cancel Button
-       * @param props component properties
-       */
-      constructor(props) {
-          super(Object.assign(Object.assign({}, props), { clickShortcutKey: props.clickShortcutKey || 'esc' }));
-          /**
-           * Button label
-           */
-          this.defaultLabel = 'CANCEL';
-          /**
-           * Button outline
-           */
-          this.defaultOutline = true;
-          this.label = props.label ? this.label : this.defaultLabel;
-          this.outline = props.outline !== undefined ? this.outline : this.defaultOutline;
-          this.tooltip.label = this.tooltip.label || `${core.I18n.translate(this.defaultLabel)} (${props.clickShortcutKey || 'esc'})`;
-      }
-      /**
-       * Triggered when the component is clicked.
-       * @param event DOM event
-       * @param element Element clicked
-       */
-      click(event, element) {
-          if (this.parent instanceof CrudForm) {
-              super.click(event, element);
-              if (!event.defaultPrevented) {
-                  this.parent.cancelEdit();
-              }
-          }
-          else if (this.parent instanceof common.GridEditable) {
-              super.click(event, element);
-              if (!event.defaultPrevented) {
-                  this.parent.cancelEditedRows();
-              }
-          }
-      }
-      get disabled() {
-          return !this.parentIsEditing;
-      }
-      set disabled(_value) {
-          // do nothing
-      }
-  }
-
-  /**
-   * Button to be used on Crud Forms
-   */
-  class CrudDeleteButton extends CrudButton {
-      /**
-       * Create new Crud Delete Button
-       * @param props component properties
-       */
-      constructor(props) {
-          super(Object.assign(Object.assign({}, props), { clickShortcutKey: props.clickShortcutKey || 'ctrl+d' }));
-          /**
-           * Button tooltip
-           */
-          this.defaultTooltip = 'DELETE';
-          /**
-           * Button flat
-           */
-          this.defaultFlat = true;
-          /**
-           * Button icon
-           */
-          this.defaultIcon = true;
-          /**
-           * Button icon name
-           */
-          this.defaultIconName = 'trashCanOutline';
-          /**
-           * Button icon color
-           */
-          this.defaultColor = '#666';
-          this.flat = props.flat !== undefined ? this.flat : this.defaultFlat;
-          this.icon = props.icon !== undefined ? this.icon : this.defaultIcon;
-          this.iconName = props.iconName !== undefined ? this.iconName : this.defaultIconName;
-          this.color = props.color !== undefined ? this.color : this.defaultColor;
-          const label = `${core.I18n.translate(this.defaultTooltip)} (${props.clickShortcutKey || 'ctrl+d'})`;
-          this.tooltip.label = this.tooltip.label || label;
-      }
-      /**
-       * Triggered when the component is clicked.
-       * @param event DOM event
-       * @param element Element clicked
-       */
-      click(event, element) {
-          super.click(event, element);
-      }
-      get parentHasCurrentRow() {
-          if (!(this.parent instanceof common.Grid))
-              return false;
-          const grid = this.parent;
-          return !grid.selectable && grid.datasource.currentRow[grid.datasource.uniqueKey];
-      }
-      get parentHasSelectedRows() {
-          if (!(this.parent instanceof common.Grid))
-              return false;
-          const grid = this.parent;
-          return grid.selectable && grid.selectedRows.length !== 0;
-      }
-      get disabled() {
-          return this.parentIsEditing || (!this.parentHasCurrentRow && !this.parentHasSelectedRows);
-      }
-      set disabled(_value) {
-          // do nothing
-      }
-  }
-
-  /**
-   * Button to be used on Crud Forms
-   */
-  class CrudSaveButton extends CrudButton {
-      /**
-       * Create new Crud Save Button
-       * @param props component properties
-       */
-      constructor(props) {
-          super(Object.assign(Object.assign({}, props), { clickShortcutKey: props.clickShortcutKey || 'ctrl+enter' }));
-          /**
-           * Button label
-           */
-          this.defaultLabel = 'SAVE';
-          this.label = this.label || this.defaultLabel;
-          const label = `${core.I18n.translate(this.defaultLabel)} (${props.clickShortcutKey || 'ctrl+enter'})`;
-          this.tooltip.label = this.tooltip.label || label;
-      }
-      /**
-       * Triggered when the component is clicked.
-       * @param event DOM event
-       * @param element Element clicked
-       */
-      click(event, element) {
-          if (this.parent instanceof CrudForm) {
-              const form = this.parent;
-              if (form.validate()) {
-                  super.click(event, element);
-                  if (!event.defaultPrevented) {
-                      form.saveEdit();
-                  }
-              }
-          }
-          else if (this.parent instanceof common.GridEditable) {
-              super.click(event, element);
-              if (!event.defaultPrevented) {
-                  this.parent.saveEditedRows();
-              }
-          }
-      }
-      get disabled() {
-          return !this.parentIsEditing;
-      }
-      set disabled(_value) {
-          // do nothing
-      }
-  }
-
-  /**
-   * BreadcrumbHeader join breadcrumb and title
-   */
-  class BreadcrumbHeader extends common.ComponentRender {
-      constructor(props) {
-          super(props);
-          this.title = '';
-          this.rightSlot = [];
-          this.breadcrumb = this.getBreadcrumbProperties(props.breadcrumb);
-          this.title = this.getInitValue('title', props.title, this.title);
-          this.rightSlot = props.rightSlot || this.rightSlot;
-      }
-      getBreadcrumbProperties(breadcrumb) {
-          return Object.assign(Object.assign({}, breadcrumb), { name: breadcrumb.name, component: 'ZdBreadcrumb', divider: '>' });
-      }
-  }
-
-  /**
-   * CardTitle component join an icon, title, rightSlot and a divider
-   */
-  class CardTitle extends common.ComponentRender {
-      constructor(props) {
-          super(props);
-          this.title = '';
-          this.subtitle = '';
-          this.iconName = '';
-          this.rightSlot = [];
-          this.showDivider = true;
-          this.to = '';
-          this.title = this.getInitValue('title', props.title, this.title);
-          this.subtitle = this.getInitValue('subtitle', props.subtitle, this.subtitle);
-          this.iconName = this.getInitValue('iconName', props.iconName, this.iconName);
-          this.rightSlot = props.rightSlot || this.rightSlot;
-          this.showDivider = this.getInitValue('showDivider', props.showDivider, this.showDivider);
-          this.to = this.getInitValue('to', props.to, this.to);
-          this.createAccessors();
-      }
-  }
-
-  /**
-   * Teknisa component
-   */
-  class Image extends common.ComponentRender {
-      /**
-       * Creates a new instance of ImgLink
-       * @param props Image Link props
-       */
-      constructor(props) {
-          super(props);
-          /**
-           * Route path
-           */
-          this.to = '';
-          /**
-           * Image source.
-           */
-          this.src = '';
-          /**
-           * Defines the component height. Possible values for this property can be
-           * <samp>'auto', '100%', '400px' or 400</samp>
-           */
-          this.height = 'auto';
-          /**
-           * Defines the component min height. Possible values for this property can be
-           * <samp>'auto', '100%', '400px' or 400</samp>
-           */
-          this.minHeight = 'auto';
-          /**
-           * Defines the component max height. Possible values for this property can be
-           * <samp>'auto', '100%', '400px' or 400</samp>
-           */
-          this.maxHeight = 'none';
-          /**
-           * Set component height to fill all space available
-           */
-          this.fillHeight = false;
-          /**
-           * Defines the component width. Possible values for this property can be
-           * <samp>'auto', '100%', '400px' or 400</samp>
-           */
-          this.width = 'auto';
-          /**
-           * Defines the component min width. Possible values for this property can be
-           * <samp>'auto', '100%', '400px' or 400</samp>
-           */
-          this.minWidth = 'auto';
-          /**
-           * Defines the component max height. Possible values for this property can be
-           * <samp>'auto', '100%', '400px' or 400</samp>
-           */
-          this.maxWidth = 'none';
-          this.to = this.getInitValue('to', props.to, this.to);
-          this.src = this.getInitValue('src', props.src, this.src);
-          this.height = this.getInitValue('height', props.height, this.height);
-          this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
-          this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
-          this.fillHeight = this.getInitValue('fillHeight', props.fillHeight, this.fillHeight);
-          this.width = this.getInitValue('width', props.width, this.width);
-          this.minWidth = this.getInitValue('minWidth', props.minWidth, this.minWidth);
-          this.maxWidth = this.getInitValue('maxWidth', props.maxWidth, this.maxWidth);
-          this.createAccessors();
-      }
-      load(event, element) {
-          this.callEvent('load', { event, element, component: this });
-      }
-  }
-
-  /**
-   * Teknisa product card component
-   */
-  class ProductCard extends common.ComponentRender {
-      /**
-       * Creates a new instance of ProductCard
-       * @param props Product Card props
-       */
-      constructor(props) {
-          super(props);
-          /**
-           * Route path.
-           */
-          this.to = '';
-          /**
-           * Product Id.
-           */
-          this.id = '';
-          /**
-           * Image source Product.
-           */
-          this.src = '';
-          /**
-           * Product name.
-           */
-          this.productName = '';
-          /**
-           * Path to image to be shown when error
-           */
-          this.errorImagePath = '';
-          /**
-           * Text to be shown when error
-           */
-          this.errorImageText = 'UNAVAILABLE_IMAGE';
-          /**
-           * Card width
-           */
-          this.width = '';
-          /**
-           * Sets the height for the component.
-           */
-          this.height = 'auto';
-          /**
-           * Sets the maximum height for the component.
-           */
-          this.maxHeight = 'none';
-          /**
-           * Sets the minimum height for the component.
-           */
-          this.minHeight = 'none';
-          this.currencyFormatterFn = core.FormatterParserProvider.getFormatter('ZdCurrency');
-          this.id = this.getInitValue('id', props.id, this.id);
-          this.productName = this.getInitValue('productName', props.productName, this.productName);
-          this.productSupplier = this.getInitValue('productSupplier', props.productSupplier, this.productSupplier);
-          this.productBrand = this.getInitValue('productBrand', props.productBrand, this.productBrand);
-          this.productPrice = this.getInitValue('productPrice', props.productPrice, this.productPrice);
-          this.to = this.getInitValue('to', props.to, this.to);
-          this.src = this.getInitValue('src', props.src, this.src);
-          this.errorImagePath = this.getInitValue('errorImagePath', props.errorImagePath, this.errorImagePath);
-          this.errorImageText = this.getInitValue('errorImageText', props.errorImageText, this.errorImageText);
-          this.width = this.getInitValue('width', props.width, this.width);
-          this.height = this.getInitValue('height', props.height, this.height);
-          this.maxHeight = this.getInitValue('maxHeight', props.maxHeight, this.maxHeight);
-          this.minHeight = this.getInitValue('minHeight', props.minHeight, this.minHeight);
-          this.createAccessors();
-      }
-      get productPriceFormat() {
-          const price = +(this.productPrice || 0);
-          return this.currencyFormatterFn(price);
-      }
-  }
-
-  /**
-   * Base class for IterableComponentRender component.
-   * This component uses every row returned by Iterable.datasource to render
-   * components defined by componentMetadata property.
-   * If the data inside the datasource is changed you should perform
-   * a datasource.get() to force updating the rendered components.
-   */
-  class IterableComponentRender extends common.Iterable {
-  }
-
-  /**
-   * Base class for IterableCarousel component.
-   * This component uses every row returned by IterableComponentRender.datasource to render
-   * slides defined by componentMetadata property, inside a carousel component.
-   */
-  class IterableCarousel extends common.Carousel {
-      constructor(props) {
-          super(props);
-          this.iterable = new common.IterableComponentRender(Object.assign(Object.assign({}, props.iterable), { name: `${props.name}_iterable`, component: 'TekIterableComponentRender' }));
-      }
-      get children() {
-          var _a, _b;
-          return ((_b = (_a = this.iterable) === null || _a === void 0 ? void 0 : _a.datasource) === null || _b === void 0 ? void 0 : _b.data.map(this.iterable.getComponentMetadata.bind(this.iterable))) || [];
-      }
-      set children(value) {
-          if (value && value.length) {
-              throw new Error('You should not change children when using IterableCarousel');
-          }
-      }
-  }
-
-  // eslint-disable-next-line
-  const loading = 'data:image/gif;base64,R0lGODlhlgCWAPf/AC1oxPa+ADarUdmsFEB/m0yTcjiMhEafWjFova2SNDZotX10VsOfJDlosFZnge25BnJtXTukVWVmaFh1eIuOZ1x0ZEFopHpyWGFpcS5ow+q2CVNnhmVnZvW9AW5qYUyKXUJnofW+AKWNOV9mcS9owZuGQTporlCGXbWXLmNrazxnqeKyDoGDZVFniFZ6ZNSpGJ+IPoR4Ud+wEURnnmtpYklnlll5YbGUMcagIk5njmhnZWpoZGF0aWBmbkdnmbyaKUtnlEaBfWdmZTNou0WUW5WDRFtmeGZmZ82kHqecTXqIdzRouGJmbPC6BIB2VDxnrGNmakyHYPO8AkxnkUh0qmRpZl9wZVxndmRmaVhnffS9AqmPN09ni96vEUmQWzBowC1ow2FtZVR3gl5ndFGCYEVnnF1mdGR9i1dnf7qZK4l7TnRvXOK1FD6eV8ijIG6Cgl58lF1rfEBnpFVsi1pmeo5+Sk56dz9np5OCRjaqUi5pxNarFndwWmNqZm9sYFx7a098itGnG4d6T7ikPKKLO1Rmg+e1Cr2bKVhme0GbVkpmk5mWW5GBSM+nHLiYLPG7BIp8TUKZWUFsqWJnbltmd0hnmNqtFExtm1tsgaiOOIx9TNuuE6CKPWJmbcqjH1OJb8CdJjFovlpwb+u5CzioU1aFbjdos0qYXJOPXWFwczepUnBsX8qrKuW0DD5nqdmsFUl+kTtnrDdntNKuI+OzDVRnhYuEV52HPzNqvjltuVBqkJeERNirFnVvXKSMOjVsvDmLhEJxsTloss+sJTeqUdyzGkaeWreYLmBqdjmMhDyhVvC8B49/STinVVV+YVp/bEuScq6fRj5tr8CnNUV/lUNnoGZnZkCFgTaqUVeCYTuLgz2Ig02RcUySck+QcTxpr5qQUFCPXjZsullviFh4ZNaxH0KAmEGYXFJ4oFCNcEdsoUicWpmFQkRooEFvsHt5YDepUXBvYzyKhESXWkeeWjxutcWlK250bYp+UFCQcGZoaLyeLtitFaGSR0OYV2ZmZiH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMy4wIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEMEVGRUY5RjYzRjYxMUVDQkRFNUM0MjQ5M0FFRTY2RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEMEVGRUZBMDYzRjYxMUVDQkRFNUM0MjQ5M0FFRTY2RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQwRUZFRjlENjNGNjExRUNCREU1QzQyNDkzQUVFNjZFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQwRUZFRjlFNjNGNjExRUNCREU1QzQyNDkzQUVFNjZFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1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3cr155ExDjZsyDKiK8weU4R9AcAWTCgTLcyulFBrCdu7eAHITSmhEpi8gPeirJEBcGDBJR0UNpwXMUksChgfdhxyg+TJlD/eudw480cmdjnf9fxxDAnRo0l3vII6teqNZhajfs1xBILWemlrlNAAt+6NNXz/zjji9OzhGSu1Rp6RSW/RzDOaicw5esZJrqpbx4iFiynZd0mYgtiuEQuaSndMmJAzhY4E8vDjy59Pv779+/jz69/Pv7///wAGKOCABBZo4IEIJqjgggw26OCDEEYo4YQUVmjhhRhmqOGGHHbo4YcghijiiCSWaOKJKKao4oostujiizDGKOOMNNZo44045qjjjjz26OOPQAYp5JBEFmnkkUgmqSRVAQEAIfkEBQQA/wAsAAAAAJYAlgAACPEA/wkcSLCgwYMIEypcyLChw4cQI0qcSLGixYsYM2rcyLGjx48gQ4ocSbKkyZMoU6pcybKly5cwY8qcSbOmzZs4c+rcybOnz59AgwodSrSo0aNIkypdyrSp06dQo0qdSrWq1atYs2rdyrWr169gw4odS7as2bNo06pdy7at27dw48qdS7eu3bt48+rdy7ev37+AAwseTLiw4cOIEytezLix48eQI0ueTLmy5cuYM2vezLmz58+gQ4seTbq06dOoU6tezbq169ewY8ueTbu27du4c+vezbu379/AgwsfTry48ePIkytfzry58+fQo0ufbjggACH5BAUEAP8ALAAAAAABAAEAAAgEAP8FBAA7';
-  /**
-   * Teknisa component
-   */
-  class Loading extends common.Loading {
-      /**
-      * Creates a new instance of TekLoading
-      * @param props Image Link props
-      */
-      constructor(props) {
-          super(props);
-          /**
-          * text to show in Loader Overlay
-          */
-          this.text = '';
-          /**
-          * zIndex value.
-          */
-          this.zIndex = '999';
-          /**
-          * loading path.
-          */
-          this.image = loading;
-          this.text = this.getInitValue('text', props.text, this.text);
-          this.zIndex = this.getInitValue('zIndex', props.zIndex, this.zIndex);
-          this.image = this.getInitValue('image', props.image, this.image);
-      }
-  }
-
-  /**
-   * Notifications component is used to show notifications
-   */
-  class Notifications extends common.Iterable {
-      constructor(props) {
-          super(props);
-          this.allNotificationsPath = '';
-          this.cardTitle = {
-              name: 'notification-card-title',
-              component: 'TekCardTitle',
-              title: 'NOTIFICATIONS',
-              rightSlot: [
-                  {
-                      name: 'mark-read-tag',
-                      component: 'ZdTag',
-                      tag: 'a',
-                      events: {
-                          click: this.markAsRead.bind(this),
-                      },
-                      children: [
-                          {
-                              name: 'mark-read-text',
-                              cssClass: 'mark-read-text',
-                              component: 'ZdText',
-                              text: 'MARK_ALL_AS_READ',
-                          },
-                      ],
-                  },
-              ],
-          };
-          this.allNotificationsPath = this.getInitValue('allNotificationsPath', props.allNotificationsPath, this.allNotificationsPath);
-          this.createAccessors();
-      }
-      markAsRead({ event, element }) {
-          this.callEvent('markAllAsReadClick', { event, element, component: this });
-      }
-      showAll(event, element) {
-          this.callEvent('showAllClick', { event, element, component: this });
-      }
-      notificationClick(event, notification, element) {
-          this.callEvent('notificationClick', {
-              event, notification, element, component: this,
-          });
-      }
-  }
-
-  const tuple = (...args) => args;
-  const columnAggregationValues = tuple('SUM', 'MIN', 'MAX', 'AVG', 'COUNT', undefined);
-
-  /*! *****************************************************************************
-  Copyright (c) Microsoft Corporation.
-
-  Permission to use, copy, modify, and/or distribute this software for any
-  purpose with or without fee is hereby granted.
-
-  THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-  REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-  AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-  INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-  LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-  PERFORMANCE OF THIS SOFTWARE.
-  ***************************************************************************** */
-
-  function __decorate(decorators, target, key, desc) {
-      var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-      if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-      else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-      return c > 3 && r && Object.defineProperty(target, key, r), r;
-  }
-
-  function __awaiter(thisArg, _arguments, P, generator) {
-      function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-      return new (P || (P = Promise))(function (resolve, reject) {
-          function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-          function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-          function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-          step((generator = generator.apply(thisArg, _arguments || [])).next());
-      });
-  }
-
-  /**
-   * Class to translate a TekRestDatasource dynamicFilter to the ZhReports format
-   */
-  class ReportFilter {
-      constructor(filter) {
-          this.filter = {};
-          this.messages = {
-              CONTAINS: 'TEKGRID_CONTAINS',
-              NOT_CONTAINS: 'TEKGRID_NOT_CONTAINS',
-              EQUALS: 'TEKGRID_EQUALS',
-              NOT_EQUAL: 'TEKGRID_NOT_EQUALS',
-              GREATER_THAN: 'TEKGRID_GREATER_THAN',
-              LESS_THAN: 'TEKGRID_LESS_THAN',
-              GREATER_THAN_EQUALS: 'TEKGRID_GREATER_THAN_EQUALS',
-              LESS_THAN_EQUALS: 'TEKGRID_LESS_THAN_EQUALS',
-              IN: 'TEKGRID_IN',
-              NOT_IN: 'TEKGRID_NOT_IN',
-              BETWEEN: 'TEKGRID_BETWEEN',
-              AND: 'TEKGRID_AND',
-              OR: 'TEKGRID_OR',
-          };
-          this.filter = filter;
-      }
-      build() {
-          return Object.keys(this.filter).map((key) => {
-              const items = this.filter[key];
-              const words = [];
-              items.forEach((item, index) => {
-                  const operation = this.messages[item.operation];
-                  words.push(core.I18n.translate(operation));
-                  words.push(item.value);
-                  const isLast = index === items.length - 1;
-                  if (!isLast) {
-                      const next = items[index + 1];
-                      const relation = this.messages[next.relation];
-                      words.push(core.I18n.translate(relation));
-                  }
-              });
-              const value = words.join(' ').trim();
-              return {
-                  value,
-                  label: key,
-              };
-          });
-      }
-  }
-
-  /**
-   * Delete rows error
-   */
-  class TekGridDeleteRowsError extends Error {
-      constructor() {
-          super('TekGrid can\'t automatically delete rows when selectAllPages property is true.'
-              + ' You should delete them manually using the beforeDelete event and preventing'
-              + ' the default execution');
-          this.name = 'TekGridDeleteRowsError';
-      }
-  }
-
-  class ButtonOption {
-      constructor(config) {
-          this.config = config;
-      }
-      buildComponent(grid) {
-          const { type, label, portrait = true, iconName, } = this.config;
-          const orientation = portrait ? 'portrait' : 'landscape';
-          return {
-              label,
-              iconName,
-              name: `${grid.name}_export_${type}_${orientation}`,
-              component: 'ZdButton',
-              flat: true,
-              events: {
-                  click: () => grid.getReport(type, portrait),
-              },
-          };
-      }
-  }
-
-  class MultiOption {
-      constructor(config) {
-          this.config = config;
-      }
-      formatName(id, type, grid) {
-          return `${grid.name}_export_${type}_${id}`;
-      }
-      buildTooltip(option, type, grid) {
-          const { label } = option;
-          return {
-              name: this.formatName(`tooltip_${label}`, type, grid),
-              component: 'ZdTooltip',
-              bottom: true,
-              label,
-              children: [],
-          };
-      }
-      buildButton(option, type, grid) {
-          const { cssClass, label, iconName, reportParams, } = option;
-          const { portrait: optionPortrait, rowObj } = reportParams || {};
-          return {
-              name: this.formatName(`button_${label}`, type, grid),
-              component: 'ZdButton',
-              cssClass,
-              icon: true,
-              iconName,
-              events: {
-                  click: () => grid.getReport(type, optionPortrait, rowObj),
-              },
-          };
-      }
-      buildDivider(option, type, grid) {
-          const { label } = option;
-          return {
-              name: this.formatName(`divider_${label}`, type, grid),
-              component: 'ZdDivider',
-              cssClass: 'zd-my-1',
-              vertical: true,
-          };
-      }
-      buildComponent(grid) {
-          const { type, label, multiOption, } = this.config;
-          const optionComponents = multiOption.map((option) => ([
-              Object.assign(Object.assign({}, this.buildTooltip(option, type, grid)), { children: [
-                      this.buildButton(option, type, grid),
-                  ] }),
-              this.buildDivider(option, type, grid),
-          ]))
-              .flat();
-          optionComponents.pop();
-          const text = {
-              name: this.formatName('text', type, grid),
-              component: 'ZdText',
-              cssClass: 'zd-display-flex zd-align-center zd-flex-grow-1 tek-grid-export-multioption-text',
-              events: {
-                  click: ({ event }) => event === null || event === void 0 ? void 0 : event.stopPropagation(),
-              },
-              text: label || '',
-          };
-          const result = {
-              name: this.formatName('row', type, grid),
-              component: 'ZdRow',
-              cssClass: 'zd-display-flex zd-ma-0 zd-py-0 zd-gap-x-1 tek-grid-export-multioption-row',
-              children: [text, ...optionComponents],
-          };
-          return result;
-      }
-  }
-
-  class GridBase {
-      constructor(grid) {
-          this.exportConfigButtons = [];
-          this.defaultToolbar = {};
-          this.atoms = {
-              TITLE: '_gridTitle',
-              HIDE_BUTTON: '_hideButton',
-              ADD_BUTTON: '_addButton',
-              DELETE_BUTTON: '_deleteButton',
-              REFRESH_BUTTON: '_refreshButton',
-              COLUMNS_BUTTON: '_columnsButton',
-              LAYOUT_BUTTON: '_layout_options',
-              EXPORT_BUTTON: '_exportButton',
-              ACTIONS_BUTTON: '_actionsButton',
-              SAVE_BUTTON: '_saveButton',
-              CANCEL_BUTTON: '_cancelButton',
-              SEARCH: '_gridSearch',
-              FILTER_BUTTON: '_filterButton',
-              FILTER_MODAL: '-filter-modal',
-              FILTER_FORM: '-filter-form',
-              EXPORT_DROPDOWN: '_export_dropdown',
-              ACTIONS_DROPDOWN: '_actions_dropdown',
-          };
-          this.grid = grid;
-          this.exportConfigButtons = this.getExportConfigButtons();
-          this.initializeDefaultToolbarItems();
-      }
-      getOption(config) {
-          if (config.multiOption)
-              return new MultiOption(config);
-          return new ButtonOption(config);
-      }
-      getExportConfigButtons() {
-          return this.grid.exportConfig.map((config) => {
-              const option = this.getOption(config);
-              return option.buildComponent(this.grid);
-          });
-      }
-      initializeDefaultToolbarItems() {
-          this.defaultToolbar = {
-              title: () => ({
-                  name: `${this.grid.name}_title`,
-                  component: 'ZdText',
-                  cssClass: 'toolbar-title',
-                  tag: 'h2',
-                  text: this.grid.title,
-                  title: this.grid.title,
-              }),
-              hideButton: () => ({
-                  name: `${this.grid.name}_hideTooltip`,
-                  component: 'ZdTooltip',
-                  label: 'TEKGRID_HIDE',
-                  bottom: true,
-                  children: [
-                      {
-                          name: `${this.grid.name}_hideButton`,
-                          component: 'ZdIcon',
-                          iconName: 'mdi-chevron-right',
-                          isVisible: `{{GridController_${this.grid.componentId}.showHideButton}}`,
-                          cssClass: '',
-                          events: {
-                              click: this.hideButtonClick.bind(this),
-                          },
-                      },
-                  ],
-              }),
-              addButton: () => ({
-                  name: `${this.grid.name}_add_tooltip`,
-                  component: 'ZdTooltip',
-                  label: 'TEKGRID_ADD',
-                  bottom: true,
-                  children: [
-                      {
-                          name: `${this.grid.name}_addButton`,
-                          component: 'ZdButton',
-                          icon: true,
-                          iconName: 'add',
-                          isVisible: `{{GridController_${this.grid.componentId}.showAddButton}}`,
-                          events: {
-                              click: this.addButtonClick.bind(this),
-                          },
-                      },
-                  ],
-              }),
-              deleteButton: () => ({
-                  name: `${this.grid.name}_delete_tooltip`,
-                  component: 'ZdTooltip',
-                  label: 'TEKGRID_DELETE',
-                  bottom: true,
-                  children: [
-                      {
-                          name: `${this.grid.name}_deleteButton`,
-                          component: 'ZdButton',
-                          icon: true,
-                          iconName: 'delete',
-                          isVisible: `{{GridController_${this.grid.componentId}.showDeleteButton}}`,
-                          disabled: `{{GridController_${this.grid.componentId}.disableDeleteButton}}`,
-                          events: {
-                              click: this.deleteButtonClick.bind(this),
-                          },
-                      },
-                  ],
-              }),
-              divider: (index) => ({
-                  name: `${this.grid.name}_divider${index}`,
-                  component: 'ZdDivider',
-                  cssClass: 'toolbar-divider',
-                  vertical: true,
-                  isVisible: `{{GridController_${this.grid.componentId}.showDivider}}`,
-              }),
-              refreshButton: () => ({
-                  name: `${this.grid.name}_refresh_tooltip`,
-                  component: 'ZdTooltip',
-                  label: 'TEKGRID_REFRESH',
-                  bottom: true,
-                  children: [
-                      {
-                          name: `${this.grid.name}_refreshButton`,
-                          component: 'ZdButton',
-                          icon: true,
-                          iconName: 'refresh',
-                          isVisible: `{{GridController_${this.grid.componentId}.showReloadButton}}`,
-                          events: {
-                              click: this.reloadGrid.bind(this),
-                          },
-                      },
-                  ],
-              }),
-              optionsDivider: (index) => ({
-                  name: `${this.grid.name}_options_divider${index}`,
-                  component: 'ZdDivider',
-                  cssClass: 'toolbar-divider',
-                  vertical: true,
-                  isVisible: `{{GridController_${this.grid.componentId}.showOptionsDivider}}`,
-              }),
-              columnsButton: () => ({
-                  name: `${this.grid.name}_columns_button_tooltip`,
-                  component: 'ZdTooltip',
-                  label: 'TEKGRID_COLUMNS',
-                  bottom: true,
-                  children: [
-                      {
-                          name: `${this.grid.name}_columnsButton`,
-                          component: 'TekGridColumnsButton',
-                          isVisible: `{{GridController_${this.grid.componentId}.showColumnsButton}}`,
-                          iterableComponentName: this.grid.name,
-                          hideGroups: !(this.grid instanceof TekGrid),
-                          ignoreColumns: `{{GridController_${this.grid.componentId}.columnsButtonIgnore}}`,
-                      },
-                  ],
-              }),
-              layoutOptions: () => ({
-                  name: `${this.grid.name}_layout_options`,
-                  component: 'TekGridLayoutOptions',
-                  isVisible: `{{GridController_${this.grid.componentId}.showLayoutOptionsButton}}`,
-              }),
-              exportDropdown: () => ({
-                  name: `${this.grid.name}_export_dropdown`,
-                  component: 'ZdDropdown',
-                  cssClass: 'tekgrid-actions-dropdown',
-                  offsetY: true,
-                  activator: {
-                      name: `${this.grid.name}_exportButton`,
-                      component: 'ZdButton',
-                      icon: true,
-                      iconName: 'fileDownload',
-                      isVisible: `{{GridController_${this.grid.componentId}.showExportButton}}`,
-                  },
-                  children: this.grid.exportActions || this.exportConfigButtons,
-              }),
-              actionsDivider: (index) => ({
-                  name: `${this.grid.name}_actions_divider${index}`,
-                  component: 'ZdDivider',
-                  cssClass: 'toolbar-divider',
-                  vertical: true,
-                  isVisible: `{{GridController_${this.grid.componentId}.showActionsButton}}`,
-              }),
-              actionsDropdown: () => ({
-                  name: `${this.grid.name}_actions_tooltip`,
-                  component: 'ZdTooltip',
-                  label: 'TEKGRID_ACTIONS',
-                  bottom: true,
-                  children: [
-                      {
-                          name: `${this.grid.name}_actions_dropdown`,
-                          component: 'ZdDropdown',
-                          cssClass: 'tekgrid-actions-dropdown',
-                          offsetY: true,
-                          activator: {
-                              name: `${this.grid.name}_actionsButton`,
-                              component: 'ZdButton',
-                              icon: true,
-                              iconName: 'more',
-                              isVisible: `{{GridController_${this.grid.componentId}.showActionsButton}}`,
-                          },
-                          children: this.grid.actions,
-                      },
-                  ],
-              }),
-              saveButton: () => ({
-                  name: `${this.grid.name}_saveButton`,
-                  component: 'ZdButton',
-                  label: 'TEKGRID_SAVE',
-                  isVisible: `{{GridController_${this.grid.componentId}.showEditButtons}}`,
-                  small: true,
-                  events: {
-                      click: this.saveChanges.bind(this),
-                  },
-              }),
-              cancelButton: () => ({
-                  name: `${this.grid.name}_cancelButton`,
-                  component: 'ZdButton',
-                  label: 'TEKGRID_CANCEL',
-                  outline: true,
-                  cssClass: 'zd-mx-2',
-                  isVisible: `{{GridController_${this.grid.componentId}.showEditButtons}}`,
-                  small: true,
-                  events: {
-                      click: this.cancelChanges.bind(this),
-                  },
-              }),
-              gridSearch: () => ({
-                  name: `${this.grid.name}_gridSearch`,
-                  component: 'ZdSearch',
-                  cssClass: 'zd-grid-search',
-                  iterableComponentName: `${this.grid.name}`,
-                  isVisible: `{{GridController_${this.grid.componentId}.showSearchInput}}`,
-              }),
-              filterButton: () => ({
-                  name: `${this.grid.name}_filter_tooltip`,
-                  component: 'ZdTooltip',
-                  label: 'TEKGRID_FILTER',
-                  bottom: true,
-                  children: [
-                      {
-                          name: `${this.grid.name}_filterButton`,
-                          component: 'TekGridFilterButton',
-                          grid: this.grid,
-                          gridName: this.grid.name,
-                          showCheckboxAll: this.grid.showCheckboxAllFilter,
-                          isVisible: `{{GridController_${this.grid.componentId}.showFilterButton}}`,
-                          events: {
-                              onCreated: this.loadFilterButton.bind(this),
-                          },
-                      },
-                  ],
-              }),
-          };
-      }
-      processUserToolbarItems(toolbarDivChildren) {
-          this.grid.toolbarConfig.forEach((item, index) => {
-              if (typeof item === 'object' && item.component) {
-                  toolbarDivChildren.push(item);
-              }
-              else if (typeof item === 'string') {
-                  const toolbarToPropertyMap = {
-                      addButton: 'addButton',
-                      deleteButton: 'deleteButton',
-                      refreshButton: 'refreshButton',
-                      columnsButton: 'columnsButton',
-                      layoutOptions: 'layoutButton',
-                      exportDropdown: 'exportButton',
-                      actionsDropdown: 'actionsButton',
-                      gridSearch: 'searchInput',
-                      filterButton: 'filterButton',
-                  };
-                  const gridProperty = toolbarToPropertyMap[item];
-                  if (gridProperty && !this.grid[gridProperty]) {
-                      this.grid[gridProperty] = true;
-                  }
-                  const itemFactory = this.defaultToolbar[item];
-                  if (itemFactory) {
-                      const predefinedItem = itemFactory(index);
-                      if (predefinedItem) {
-                          toolbarDivChildren.push(predefinedItem);
-                      }
-                  }
-                  else {
-                      console.warn(`Predefined toolbar item "${item}" not found.`);
-                  }
-              }
-              else {
-                  console.warn('Invalid item in toolbarConfig:', item);
-              }
-          });
-      }
-      /**
-       * Adiciona os itens padrão da toolbar quando nenhuma configuração é fornecida.
-       * @param toolbarDivChildren Array para adicionar os componentes da toolbar.
-       */
-      addDefaultToolbarItems(toolbarDivChildren) {
-          const defaultItems = [
-              'addButton', 'deleteButton', 'divider', 'refreshButton', 'optionsDivider',
-              'columnsButton', 'layoutOptions', 'exportDropdown', 'actionsDivider', 'actionsDropdown',
-              'saveButton', 'cancelButton', 'divider', 'gridSearch', 'filterButton',
-          ];
-          defaultItems.forEach((itemName, index) => {
-              const itemFactory = this.defaultToolbar[itemName];
-              if (itemFactory) {
-                  const predefinedItem = itemFactory(index);
-                  if (predefinedItem) {
-                      toolbarDivChildren.push(predefinedItem);
-                  }
-              }
-          });
-      }
-      /**
-       * Cria os componentes que serão renderizados na toolbar do grid.
-       */
-      createToolbarProps() {
-          var _a, _b, _c, _d;
-          const toolbarItems = [];
-          const toolbarDivChildren = [];
-          const title = (_b = (_a = this.defaultToolbar).title) === null || _b === void 0 ? void 0 : _b.call(_a);
-          const hideButton = (_d = (_c = this.defaultToolbar).hideButton) === null || _d === void 0 ? void 0 : _d.call(_c);
-          if (title)
-              toolbarItems.push(title);
-          if (hideButton)
-              toolbarItems.push(hideButton);
-          if (this.grid.toolbarConfig && this.grid.toolbarConfig.length > 0) {
-              this.processUserToolbarItems(toolbarDivChildren);
-          }
-          else {
-              this.addDefaultToolbarItems(toolbarDivChildren);
-          }
-          toolbarItems.push({
-              name: `${this.grid.name}_toolbarDiv`,
-              component: 'ZdTag',
-              tag: 'div',
-              cssStyle: 'display: flex; align-items: center',
-              cssClass: `{{GridController_${this.grid.componentId}.toolbarVisible}}`,
-              isVisible: true,
-              children: toolbarDivChildren,
-          });
-          return toolbarItems;
-      }
-      loadFilterButton({ component }) {
-          this.filterButton = component;
-      }
-      hideButtonClick({ event }) {
-          if (!event.defaultPrevented) {
-              const instance = core.Metadata.getInstance(`${this.grid.name}_toolbarDiv`);
-              const icon = core.Metadata.getInstance(`${this.grid.name}_hideButton`);
-              const tooltip = core.Metadata.getInstance(`${this.grid.name}_hideTooltip`);
-              if (instance) {
-                  instance.cssClass = instance.cssClass === 'toolbar-visible'
-                      ? ''
-                      : 'toolbar-visible';
-                  icon.cssClass = icon.cssClass === 'is-rotated'
-                      ? ''
-                      : 'is-rotated';
-                  tooltip.label = tooltip.label === 'TEKGRID_HIDE'
-                      ? 'TEKGRID_SHOW'
-                      : 'TEKGRID_HIDE';
-              }
-          }
-      }
-      addButtonClick({ event }) {
-          if (this.grid.editNewRowsOnly) {
-              this.grid.editingNewRows = true;
-          }
-          this.grid.callEvent('addClick', { component: this.grid, event });
-      }
-      deleteButtonClick({ event }) {
-          this.grid.callEvent('beforeDelete', { component: this.grid, event });
-          if (!event.defaultPrevented) {
-              if (this.grid.selectAllPages) {
-                  throw new TekGridDeleteRowsError();
-              }
-              this.grid.deleteRows();
-              this.grid.callEvent('afterDelete', { component: this.grid });
-          }
-      }
-      reloadGrid({ event }) {
-          this.grid.callEvent('beforeReload', { component: this.grid, event });
-          if (event && event.defaultPrevented)
-              return;
-          this.grid.reload();
-      }
-      saveChanges({ event }) {
-          this.grid.callEvent('beforeSave', { component: this.grid, event });
-          if (!event.defaultPrevented) {
-              const save = (() => __awaiter(this, void 0, void 0, function* () {
-                  yield this.grid.saveEditedRows();
-                  this.grid.editingNewRows = false;
-              }));
-              save();
-              this.grid.callEvent('afterSave', { component: this.grid });
-          }
-      }
-      cancelChanges({ event }) {
-          this.grid.callEvent('beforeCancel', { component: this.grid, event });
-          if (!event.defaultPrevented) {
-              const cancel = (() => __awaiter(this, void 0, void 0, function* () {
-                  yield this.grid.cancelEditedRows();
-                  this.grid.editingNewRows = false;
-              }));
-              cancel();
-              this.grid.callEvent('afterCancel', { component: this.grid });
-          }
-      }
-      hideFilterModal() {
-          this.filterButton.hideFilterModal();
-      }
-      getFilterRelationsDatasource() {
-          return core.DatasourceFactory.factory({
-              data: this.getFilterOptionsData('relations'),
-              loadAll: true,
-              translate: ['text'],
-          });
-      }
-      getFilterOperationsDatasource() {
-          return core.DatasourceFactory.factory({
-              data: this.getFilterOptionsData('operations'),
-              loadAll: true,
-              translate: ['text'],
-          });
-      }
-      getFilterOptionsData(prop) {
-          const { datasource } = this.grid;
-          if (datasource instanceof TekRestDatasource || datasource instanceof TekMemoryDatasource) {
-              let options;
-              if (prop === 'relations') {
-                  options = Object.keys(datasource.dynamicFilterRelations);
-              }
-              else {
-                  options = Object.keys(datasource.dynamicFilterOperations);
-              }
-              return options.map((item) => ({
-                  text: `TEKGRID_${item}`,
-                  value: item,
-              }));
-          }
-          return [];
-      }
-      setSearch(search) {
-          return __awaiter(this, void 0, void 0, function* () {
-              const { datasource } = this.grid;
-              if (datasource instanceof TekRestDatasource || datasource instanceof TekMemoryDatasource) {
-                  const lookupColumns = this.grid.columns.filter((column) => !!column.componentProps.datasource && !column.skipLookupSearch);
-                  const searchJoin = {};
-                  if (search) {
-                      const promises = lookupColumns.map((column) => __awaiter(this, void 0, void 0, function* () {
-                          const searchData = yield column.memorySearch(search);
-                          const lookupId = column.componentProps.datasource.uniqueKey;
-                          searchJoin[column.name] = searchData.map((row) => row[lookupId]);
-                      }));
-                      yield Promise.all(promises);
-                  }
-                  datasource.searchJoin = searchJoin;
-              }
-              datasource.page = 1;
-              return datasource.setSearch(search);
-          });
-      }
-      getAtomInstance(key) {
-          return core.Metadata.getInstance(`${this.grid.name}${this.atoms[key]}`);
-      }
-      getFilterInputs(columnName) {
-          return this.filterButton.getFilterInputs(columnName);
-      }
-  }
-  core.Messages.add({
-      'pt-BR': {
-          translation: {
-              TEKGRID_CONTAINS: 'contém',
-              TEKGRID_NOT_CONTAINS: 'não contém',
-              TEKGRID_EQUALS: 'é igual a',
-              TEKGRID_NOT_EQUALS: 'é diferente de',
-              TEKGRID_GREATER_THAN: 'é maior que',
-              TEKGRID_LESS_THAN: 'é menor que',
-              TEKGRID_GREATER_THAN_EQUALS: 'é maior ou igual a',
-              TEKGRID_LESS_THAN_EQUALS: 'é menor ou igual a',
-              TEKGRID_IN: 'um dos valores',
-              TEKGRID_NOT_IN: 'nenhum dos valores',
-              TEKGRID_BETWEEN: 'está entre',
-              TEKGRID_AND: 'e',
-              TEKGRID_OR: 'ou',
-              TEKGRID_HIDE: 'Esconder Ações',
-              TEKGRID_SHOW: 'Mostrar Ações',
-              TEKGRID_ADD: 'Adicionar',
-              TEKGRID_DELETE: 'Excluir',
-              TEKGRID_REFRESH: 'Atualizar',
-              TEKGRID_COLUMNS: 'Colunas',
-              TEKGRID_ACTIONS: 'Ações',
-              TEKGRID_SAVE: 'Salvar',
-              TEKGRID_CANCEL: 'Cancelar',
-              TEKGRID_APPLY: 'Aplicar',
-              TEKGRID_FILTER: 'Filtro',
-              TEKGRID_MULTIPLE_VALUE_HINT: 'Separe valores usando ";"',
-              TEKGRID_EXPORT: 'Exportar',
-              TEKGRID_EXPORT_AS: 'Exportar como {{ type }}',
-              TEKGRID_PORTRAIT: 'Retrato',
-              TEKGRID_LANDSCAPE: 'Paisagem',
-              TEKGRID_COLUMN_VISIBLE: 'Visível',
-              TEKGRID_COLUMN_GROUPED: 'Grupo',
-              TEKGRID_COLUMN_AGGREGATION: 'Totalização',
-              TEKGRID_COLUMN_LABEL: 'Rótulo',
-              TEKGRID_COLUMN_ALIGNMENT: 'Alinhamento',
-              TEKGRID_COLUMN_GROUP_OPENED: 'Aberto (grupo)',
-              TEKGRID_COLUMN_ORDER: 'Ordem',
-              TEKGRID_COLUMN_ORDER_DIRECTION: 'Direção (ordem)',
-              TEKGRID_AGGREGATION_SUM: 'Soma',
-              TEKGRID_AGGREGATION_AVG: 'Média',
-              TEKGRID_AGGREGATION_MAX: 'Máximo',
-              TEKGRID_AGGREGATION_MIN: 'Mínimo',
-              TEKGRID_AGGREGATION_COUNT: 'Contador',
-              TEKGRID_MORE_OPTIONS: 'Mais opções',
-              TEKGRID_COLUMNS_OPTIONS: 'Configuração de colunas',
-              TEKGRID_CLOSE: 'Fechar',
-              TEKGRID_FIXED_COLUMNS: 'Colunas fixadas',
-              TEKGRID_VISIBLE_COLUMNS: 'Colunas visíveis',
-              TEKGRID_GROUPED_COLUMNS: 'Colunas agrupadas',
-              TEKGRID_ORDER: 'Ordem',
-              TEKGRID_OTHER_COLUMNS: 'Outras colunas',
-              TEKGRID_DROP_COLUMNS: 'Arraste colunas aqui',
-              TEKGRID_DETAILS_FOR: 'Detalhes para:',
-              TEKGRID_LEFT: 'Esquerda',
-              TEKGRID_CENTER: 'Centro',
-              TEKGRID_RIGHT: 'Direita',
-              TEKGRID_ASC: 'Crescente',
-              TEKGRID_DESC: 'Decrescente',
-              TEKGRID_SELECT_COLUMN: '(selecione uma ou mais colunas)',
-              TEKGRID_SELECT_ALL: 'Selecionar todas',
-              TEKGRID_HELPERVALUE_TODAY: 'Hoje',
-              TEKGRID_HELPERVALUE_TOMORROW: 'Amanhã',
-              TEKGRID_HELPERVALUE_YESTERDAY: 'Ontem',
-              TEKGRID_HELPERVALUE_LAST_7_DAYS: 'Últimos 7 Dias',
-              TEKGRID_HELPERVALUE_NEXT_7_DAYS: 'Próximos 7 Dias',
-              TEKGRID_HELPERVALUE_CURRENT_WEEK: 'Semana Atual',
-              TEKGRID_HELPERVALUE_CURRENT_MONTH: 'Mês Atual',
-              TEKGRID_HELPERVALUE_CURRENT_YEAR: 'Ano Atual',
-              TEKGRID_WITH_GROUPS: '(Com grupos)',
-              TEKGRID_GRID_MIRROR: '(Espelho do grid)',
-              TEKGRID_NO_DATA: 'Não há dados para exportar',
-          },
-      },
-      'en-US': {
-          translation: {
-              TEKGRID_CONTAINS: 'contains',
-              TEKGRID_NOT_CONTAINS: 'does not contain',
-              TEKGRID_EQUALS: 'is equal to',
-              TEKGRID_NOT_EQUALS: 'is different from',
-              TEKGRID_GREATER_THAN: 'is greater than',
-              TEKGRID_LESS_THAN: 'is less than',
-              TEKGRID_GREATER_THAN_EQUALS: 'is greater or equals to',
-              TEKGRID_LESS_THAN_EQUALS: 'is less or equals to',
-              TEKGRID_IN: 'is in',
-              TEKGRID_NOT_IN: 'is not in',
-              TEKGRID_BETWEEN: 'is between',
-              TEKGRID_AND: 'and',
-              TEKGRID_OR: 'or',
-              TEKGRID_HIDE: 'Hide Actions',
-              TEKGRID_SHOW: 'Show Actions',
-              TEKGRID_ADD: 'Add',
-              TEKGRID_DELETE: 'Delete',
-              TEKGRID_REFRESH: 'Refresh',
-              TEKGRID_COLUMNS: 'Columns',
-              TEKGRID_ACTIONS: 'Actions',
-              TEKGRID_SAVE: 'Save',
-              TEKGRID_CANCEL: 'Cancel',
-              TEKGRID_APPLY: 'Apply',
-              TEKGRID_FILTER: 'Filter',
-              TEKGRID_MULTIPLE_VALUE_HINT: 'Separate values using ";"',
-              TEKGRID_EXPORT: 'Export',
-              TEKGRID_EXPORT_AS: 'Export as {{ type }}',
-              TEKGRID_PORTRAIT: 'Portrait',
-              TEKGRID_LANDSCAPE: 'Landscape',
-              TEKGRID_COLUMN_VISIBLE: 'Visible',
-              TEKGRID_COLUMN_GROUPED: 'Grouped',
-              TEKGRID_COLUMN_AGGREGATION: 'Aggregation',
-              TEKGRID_COLUMN_LABEL: 'Label',
-              TEKGRID_COLUMN_ALIGNMENT: 'Alignment',
-              TEKGRID_COLUMN_GROUP_OPENED: 'Opened (group)',
-              TEKGRID_COLUMN_ORDER: 'Order',
-              TEKGRID_COLUMN_ORDER_DIRECTION: 'Direction (order)',
-              TEKGRID_AGGREGATION_SUM: 'Sum',
-              TEKGRID_AGGREGATION_AVG: 'Average',
-              TEKGRID_AGGREGATION_MAX: 'Maximum',
-              TEKGRID_AGGREGATION_MIN: 'Minimum',
-              TEKGRID_AGGREGATION_COUNT: 'Count',
-              TEKGRID_MORE_OPTIONS: 'More options',
-              TEKGRID_COLUMNS_OPTIONS: 'Columns configuration',
-              TEKGRID_CLOSE: 'Close',
-              TEKGRID_FIXED_COLUMNS: 'Fixed columns',
-              TEKGRID_VISIBLE_COLUMNS: 'Visible columns',
-              TEKGRID_GROUPED_COLUMNS: 'Grouped columns',
-              TEKGRID_ORDER: 'Order',
-              TEKGRID_OTHER_COLUMNS: 'Other columns',
-              TEKGRID_DROP_COLUMNS: 'Drop columns here',
-              TEKGRID_DETAILS_FOR: 'Details for:',
-              TEKGRID_LEFT: 'Left',
-              TEKGRID_CENTER: 'Center',
-              TEKGRID_RIGHT: 'Right',
-              TEKGRID_ASC: 'Ascending',
-              TEKGRID_DESC: 'Descending',
-              TEKGRID_SELECT_COLUMN: '(select one or more columns)',
-              TEKGRID_SELECT_ALL: 'Select all',
-              TEKGRID_HELPERVALUE_TODAY: 'Today',
-              TEKGRID_HELPERVALUE_TOMORROW: 'Tomorrow',
-              TEKGRID_HELPERVALUE_YESTERDAY: 'Yesterday',
-              TEKGRID_HELPERVALUE_LAST_7_DAYS: 'Last 7 Days',
-              TEKGRID_HELPERVALUE_NEXT_7_DAYS: 'Next 7 Days',
-              TEKGRID_HELPERVALUE_CURRENT_WEEK: 'Current Week',
-              TEKGRID_HELPERVALUE_CURRENT_MONTH: 'Current Month',
-              TEKGRID_HELPERVALUE_CURRENT_YEAR: 'Current Year',
-              TEKGRID_WITH_GROUPS: '(With groups)',
-              TEKGRID_GRID_MIRROR: '(Grid mirror)',
-              TEKGRID_NO_DATA: 'There is no data to export',
-          },
-      },
-      'es-CL': {
-          translation: {
-              TEKGRID_CONTAINS: 'contiene',
-              TEKGRID_NOT_CONTAINS: 'no contiene',
-              TEKGRID_EQUALS: 'igual',
-              TEKGRID_NOT_EQUALS: 'es diferente de',
-              TEKGRID_GREATER_THAN: 'es mayor que',
-              TEKGRID_LESS_THAN: 'es menor que',
-              TEKGRID_GREATER_THAN_EQUALS: 'es mayor o igual que',
-              TEKGRID_LESS_THAN_EQUALS: 'es menor o igual que',
-              TEKGRID_IN: 'uno de los valores',
-              TEKGRID_NOT_IN: 'ninguno de los valores',
-              TEKGRID_BETWEEN: 'está entre',
-              TEKGRID_AND: 'e',
-              TEKGRID_OR: 'o',
-              TEKGRID_HIDE: 'Ocultar Acciones',
-              TEKGRID_SHOW: 'Mostrar Acciones',
-              TEKGRID_ADD: 'Añadir',
-              TEKGRID_DELETE: 'Eliminar',
-              TEKGRID_REFRESH: 'Actualizar',
-              TEKGRID_COLUMNS: 'Colunas',
-              TEKGRID_ACTIONS: 'Acciónes',
-              TEKGRID_SAVE: 'Guardar',
-              TEKGRID_CANCEL: 'Cancelar',
-              TEKGRID_APPLY: 'Aplicar',
-              TEKGRID_FILTER: 'Filtro',
-              TEKGRID_MULTIPLE_VALUE_HINT: 'Separe los valores usando ";"',
-              TEKGRID_EXPORT: 'Exportar',
-              TEKGRID_EXPORT_AS: 'Exportar como {{ type }}',
-              TEKGRID_PORTRAIT: 'Vertical',
-              TEKGRID_LANDSCAPE: 'Horizontal',
-              TEKGRID_COLUMN_VISIBLE: 'Visible',
-              TEKGRID_COLUMN_GROUPED: 'Grupo',
-              TEKGRID_COLUMN_AGGREGATION: 'Totalización',
-              TEKGRID_COLUMN_LABEL: 'Etiqueta',
-              TEKGRID_COLUMN_ALIGNMENT: 'alineación',
-              TEKGRID_COLUMN_GROUP_OPENED: 'Abierto (grupo)',
-              TEKGRID_COLUMN_ORDER: 'Orden',
-              TEKGRID_COLUMN_ORDER_DIRECTION: 'Dirección (orden)',
-              TEKGRID_AGGREGATION_SUM: 'Suma',
-              TEKGRID_AGGREGATION_AVG: 'Media',
-              TEKGRID_AGGREGATION_MAX: 'Máximo',
-              TEKGRID_AGGREGATION_MIN: 'Mínimo',
-              TEKGRID_AGGREGATION_COUNT: 'Contar',
-              TEKGRID_MORE_OPTIONS: 'Mas opciones',
-              TEKGRID_COLUMNS_OPTIONS: 'Configuración de columna',
-              TEKGRID_CLOSE: 'Cerrar',
-              TEKGRID_FIXED_COLUMNS: 'Columnas fijas',
-              TEKGRID_VISIBLE_COLUMNS: 'Columnas visibles',
-              TEKGRID_GROUPED_COLUMNS: 'Columnas agrupadas',
-              TEKGRID_ORDER: 'Orden',
-              TEKGRID_OTHER_COLUMNS: 'Otras columnas',
-              TEKGRID_DROP_COLUMNS: 'Arrastra columnas aquí',
-              TEKGRID_DETAILS_FOR: 'Detalles para',
-              TEKGRID_LEFT: 'Izquierda',
-              TEKGRID_CENTER: 'Centro',
-              TEKGRID_RIGHT: 'Derecha',
-              TEKGRID_ASC: 'Creciente',
-              TEKGRID_DESC: 'Decreciente',
-              TEKGRID_SELECT_COLUMN: '(seleccione una o más columnas)',
-              TEKGRID_SELECT_ALL: 'Seleccionar todas',
-              TEKGRID_HELPERVALUE_TODAY: 'Hoy',
-              TEKGRID_HELPERVALUE_TOMORROW: 'Mañana',
-              TEKGRID_HELPERVALUE_YESTERDAY: 'Ayer',
-              TEKGRID_HELPERVALUE_LAST_7_DAYS: 'Últimos 7 días',
-              TEKGRID_HELPERVALUE_NEXT_7_DAYS: 'Próximos 7 días',
-              TEKGRID_HELPERVALUE_CURRENT_WEEK: 'Semana actual',
-              TEKGRID_HELPERVALUE_CURRENT_MONTH: 'Mes actual',
-              TEKGRID_HELPERVALUE_CURRENT_YEAR: 'Año actual',
-              TEKGRID_WITH_GROUPS: '(Con grupos)',
-              TEKGRID_GRID_MIRROR: '(Espejo de grid)',
-              TEKGRID_NO_DATA: 'No hay datos para exportar',
-          },
-      },
-  });
-
-  class GridController {
-      constructor(grid) {
-          this.openToolbar = true;
-          this.grid = grid;
-          this.openToolbar = this.grid.toolbarOpened;
-      }
-      get gridTitle() {
-          return this.grid.title;
-      }
-      get showAddButton() {
-          return this.grid.addButton && !this.isEditing;
-      }
-      get showDeleteButton() {
-          return this.grid.deleteButton !== 'none' && !this.isEditing;
-      }
-      get showFilterButton() {
-          return this.grid.filterButton;
-      }
-      get showModalFilterProps() {
-          return this.grid.modalFilterProps;
-      }
-      get showSearchInput() {
-          return this.grid.showSearch;
-      }
-      get showReloadButton() {
-          return this.grid.showReload && !this.isEditing;
-      }
-      get showColumnsButton() {
-          return this.grid.columnsButton && !this.isEditing;
-      }
-      get columnsButtonIgnore() {
-          return this.grid.columnsButtonIgnore;
-      }
-      get showLayoutOptionsButton() {
-          return this.grid.showLayoutOptions && !this.isEditing;
-      }
-      get showDivider() {
-          return !this.isEditing;
-      }
-      get showOptionsDivider() {
-          return (this.grid.columnsButton || this.grid.showLayoutOptions || this.grid.showExport)
-              && !this.isEditing;
-      }
-      get showHideButton() {
-          return this.grid.showHideButton;
-      }
-      get showActionsButton() {
-          return this.grid.actions.length > 0 && !this.isEditing;
-      }
-      get showExportButton() {
-          return this.grid.showExport && !this.isEditing;
-      }
-      get showActionAndExportButton() {
-          return ((this.showLayoutOptionsButton || this.showColumnsButton)
-              && (this.showActionsButton || this.showExportButton || this.showSearchInput)) && !this.isEditing;
-      }
-      get isEditing() {
-          return this.grid.editing;
-      }
-      get showEditButtons() {
-          return this.isEditing && this.grid.showEditButtons;
-      }
-      get isNotEditing() {
-          return !this.isEditing;
-      }
-      get disableDeleteButton() {
-          if (this.grid.deleteButton === 'selection') {
-              if (this.grid.selectAllPages) {
-                  const { allSelected, except } = this.grid.selectionState;
-                  return (allSelected && except.length === this.grid.datasource.total)
-                      || (!allSelected && except.length === 0);
-              }
-              return this.grid.selectedRows.length === 0;
-          }
-          if (this.grid.deleteButton === 'currentRow') {
-              return !this.grid.datasource.currentRow[this.grid.datasource.uniqueKey];
-          }
-          return false;
-      }
-  }
-
-  /**
-   * Extracts properties from an object based on a list of properties
-   * @param obj object whose properties will be extracted
-   * @param props array of strings with the properties to be extracted
-   * @returns object containing the extracted properties
-   */
-  const extractProperties = (obj, props) => {
-      const result = {};
-      props.forEach((prop) => {
-          if (obj[prop] !== undefined) {
-              result[prop] = obj[prop];
-          }
-      });
-      return result;
-  };
-
-  const DynamicFilterOperations = {
-      CONTAINS: true,
-      NOT_CONTAINS: true,
-      EQUALS: true,
-      NOT_EQUALS: true,
-      GREATER_THAN: true,
-      LESS_THAN: true,
-      GREATER_THAN_EQUALS: true,
-      LESS_THAN_EQUALS: true,
-      IN: true,
-      NOT_IN: true,
-      BETWEEN: true,
-  };
-  const DynamicFilterRelations = {
-      AND: true,
-      OR: true,
-  };
-
-  class TekMemoryDatasource extends core.MemoryDatasource {
-      /**
-       * Create new datasource
-       * @param props Datasource properties
-       */
-      constructor(props) {
-          super(props);
-          /**
-           * Dynamic Filter Operations
-           */
-          this.dynamicFilterOperations = DynamicFilterOperations;
-          /**
-           * Dynamic Filter Relations
-           */
-          this.dynamicFilterRelations = DynamicFilterRelations;
-          /**
-           * Dynamic Filter applied flag
-           */
-          this.dynamicFilterApplied = '';
-          if (!this.watchUrl) {
-              this.dynamicFilter = this.getInitValue('dynamicFilter', props.dynamicFilter, {});
-              this.searchJoin = this.getInitValue('searchJoin', props.searchJoin, {});
-          }
-          this.createAccessors();
-          this.createObjAccessors(this.dynamicFilter, 'dynamicFilter');
-          this.createObjAccessors(this.searchJoin, 'searchJoin');
-          this.get();
-      }
-      updateReservedKeys() {
-          this.reservedKeys.dynamic_filter = true;
-          this.reservedKeys.search_join = true;
-      }
-      updateInternalProperties(datasource = {}) {
-          if (!this.watchUrl)
-              return;
-          this.updateReservedKeys();
-          super.updateInternalProperties(datasource);
-          const queryString = core.URL.getParsedQueryStringFromUrl();
-          this.dynamicFilter = this.getEncodedParam(queryString.dynamic_filter, datasource.dynamicFilter);
-          this.searchJoin = this.getEncodedParam(queryString.search_join, datasource.searchJoin);
-      }
-      getEncodedParam(urlParam, datasourceParam = {}) {
-          return urlParam ? JSON.parse(atob(urlParam)) : datasourceParam;
-      }
-      getQueryStringValues() {
-          const values = super.getQueryStringValues();
-          if (this.dynamicFilter && Object.keys(this.dynamicFilter).length) {
-              values.dynamic_filter = btoa(JSON.stringify(this.dynamicFilter));
-          }
-          if (this.searchJoin && Object.keys(this.searchJoin).length) {
-              values.search_join = btoa(JSON.stringify(this.searchJoin));
-          }
-          return values;
-      }
-      getUrlQueryString() {
-          const superQueryString = super.getUrlQueryString();
-          const query = core.URL.getParsedQueryStringFromUrl();
-          let dynamicFilterQuerystring = '';
-          if (query.dynamic_filter) {
-              dynamicFilterQuerystring = `&${core.URL.getFormattedQueryString({
-                dynamic_filter: query.dynamic_filter,
-            })}`;
-          }
-          let searchJoinQuerystring = '';
-          if (query.search_join) {
-              searchJoinQuerystring = `&${core.URL.getFormattedQueryString({
-                search_join: query.search_join,
-            })}`;
-          }
-          return superQueryString + dynamicFilterQuerystring + searchJoinQuerystring;
-      }
-      /**
-       * Allows the comunication between the base filter and the dynamic filter
-       * @param filtroDinamico
-       * @returns
-       */
-      setBaseFilter(filtroDinamico) {
-          return this.setDynamicFilter(filtroDinamico);
-      }
-      /**
-       * Adds a new dynamic filter position or replace if exists
-       * @param column Dynamic Filter column name
-       * @param value Dynamic Filter value
-       * @returns Promise with data collection
-       */
-      addDynamicFilter(column, value) {
-          if (this.isValidDynamicFilterValue(column, value)) {
-              this.dynamicFilter[column] = value;
-              return this.updateDynamicFilter();
-          }
-          return this.removeDynamicFilter(column);
-      }
-      /**
-       * Removes a dynamic filter position
-       * @param column Dynamic Filter column name
-       * @returns Promise with data collection
-       */
-      removeDynamicFilter(column) {
-          delete this.dynamicFilter[column];
-          return this.updateDynamicFilter();
-      }
-      /**
-       * Sets new dynamic filter value
-       * @param filter Dynamic Filter value
-       * @returns Promise with data collection
-       */
-      setDynamicFilter(filter) {
-          this.dynamicFilter = {};
-          Object.keys(filter).forEach((column) => {
-              if (this.isValidDynamicFilterValue(column, filter[column])) {
-                  this.dynamicFilter[column] = filter[column];
-              }
-              else {
-                  delete this.dynamicFilter[column];
-              }
-          });
-          return this.updateDynamicFilter();
-      }
-      /**
-       * Clears Dynamic filter value
-       * @returns Promise with data collection
-       */
-      clearDynamicFilter() {
-          this.dynamicFilter = {};
-          return this.updateDynamicFilter();
-      }
-      /**
-       * Resets page and selected rows and tries to update the url
-       * @returns Promise with data collection
-       */
-      updateDynamicFilter() {
-          return __awaiter(this, void 0, void 0, function* () {
-              this.page = this.firstPage;
-              this.selectedRows = [];
-              this.visibleSelectedRows = [];
-              if (this.watchUrl) {
-                  if (this.dynamicFilter && Object.keys(this.dynamicFilter).length) {
-                      core.URL.updateQueryString({
-                          dynamic_filter: btoa(JSON.stringify(this.dynamicFilter)),
-                      });
-                  }
-                  else {
-                      core.URL.updateQueryString({
-                          dynamic_filter: undefined,
-                      });
-                  }
-              }
-              return this.get();
-          });
-      }
-      /**
-       * Checks if a filter value is valid
-       * @param value Filter value
-       * @returns Is valid filter value
-       */
-      isValidDynamicFilterValue(column, value) {
-          if (!Array.isArray(value))
-              return false;
-          return !this.reservedKeys[column]
-              && value.length > 0
-              && value.every((filterValue) => filterValue
-                  && this.dynamicFilterOperations[filterValue.operation]
-                  && this.dynamicFilterRelations[filterValue.relation]
-                  && filterValue.value !== ''
-                  && filterValue.value !== null);
-      }
-      clone() {
-          return Object.assign(Object.assign({}, super.clone()), { dynamicFilter: this.dynamicFilter, searchJoin: this.searchJoin, type: 'tek-memory' });
-      }
-      /**
-       * Updates filtered data
-       */
-      updateFilteredData() {
-          // first apply filters (simple and dynamic)
-          this.filteredData = Object.keys(this.filter).length
-              ? this.allData.filter((row) => this.getRowByFilter(row))
-              : Array.from(this.allData);
-          if (this.dynamicFilter && Object.keys(this.dynamicFilter).length) {
-              this.filteredData = this.filteredData.filter((row) => this.getRowByDynamicFilter(row));
-          }
-          const searchWithoutSearchJoin = (row) => {
-              const searchRow = Object.assign({}, row);
-              if (this.searchJoin) {
-                  // do not search on columns with searchJoin
-                  Object.keys(this.searchJoin).forEach((key) => delete searchRow[key]);
-              }
-              return this.getRowBySearch(searchRow);
-          };
-          // only after do the search
-          const searchData = this.search
-              ? this.filteredData.filter(searchWithoutSearchJoin)
-              : this.filteredData;
-          let searchIds = searchData.map((row) => row[this.uniqueKey]);
-          if (this.searchJoin && Object.keys(this.searchJoin).length) {
-              const searchJoinData = this.filteredData.filter((row) => this.getRowBySearchJoin(row));
-              // get the ids from search and searchJoin
-              searchIds = searchIds
-                  .concat(searchJoinData.map((row) => row[this.uniqueKey]))
-                  .sort();
-          }
-          // filter filteredData using searchIds
-          this.filteredData = this.allData.filter((row) => searchIds.indexOf(row[this.uniqueKey]) !== -1);
-      }
-      getRowByDynamicFilter(row) {
-          let filtered;
-          try {
-              Object.keys(this.dynamicFilter).forEach((key) => {
-                  const filterItems = this.dynamicFilter[key];
-                  filterItems.forEach((item) => {
-                      if (filtered === false && item.relation === 'AND')
-                          return;
-                      if (filtered === true && item.relation === 'OR')
-                          return;
-                      const columnValue = core.Utils.normalize(row[key].toString());
-                      let value = '';
-                      if (Array.isArray(item.value)) {
-                          value = item.value.map((val) => core.Utils.normalize(val.toString()));
-                          switch (item.operation) {
-                              case 'IN':
-                                  filtered = value.includes(columnValue);
-                                  break;
-                              case 'NOT_IN':
-                                  filtered = !value.includes(columnValue);
-                                  break;
-                              case 'BETWEEN':
-                                  filtered = (Number(columnValue) || columnValue) >= (Number(value[0]) || value[0])
-                                      && (Number(columnValue) || columnValue) <= (Number(value[1]) || value[1]);
-                                  break;
-                              default:
-                                  break;
-                          }
-                      }
-                      else {
-                          value = core.Utils.normalize(item.value.toString());
-                          switch (item.operation) {
-                              case 'CONTAINS':
-                                  filtered = columnValue.indexOf(value) !== -1;
-                                  break;
-                              case 'NOT_CONTAINS':
-                                  filtered = columnValue.indexOf(value) === -1;
-                                  break;
-                              case 'EQUALS':
-                                  filtered = columnValue === value;
-                                  break;
-                              case 'NOT_EQUALS':
-                                  filtered = columnValue !== value;
-                                  break;
-                              case 'GREATER_THAN':
-                                  filtered = (Number(columnValue) || columnValue) > (Number(value) || value);
-                                  break;
-                              case 'LESS_THAN':
-                                  filtered = (Number(columnValue) || columnValue) < (Number(value) || value);
-                                  break;
-                              case 'GREATER_THAN_EQUALS':
-                                  filtered = (Number(columnValue) || columnValue) >= (Number(value) || value);
-                                  break;
-                              case 'LESS_THAN_EQUALS':
-                                  filtered = (Number(columnValue) || columnValue) <= (Number(value) || value);
-                                  break;
-                              default:
-                                  break;
-                          }
-                      }
-                  });
-              });
-          }
-          catch (_a) {
-              // do nothing
-          }
-          return filtered;
-      }
-      getRowBySearchJoin(row) {
-          return Object.keys(this.searchJoin).some((key) => this.searchJoin[key].includes(row[key]));
-      }
-  }
-  core.DatasourceFactory.register('tek-memory', TekMemoryDatasource);
-
-  class TekRestDatasource extends core.RestDatasource {
-      /**
-       * Create new datasource
-       * @param props Datasource properties
-       */
-      constructor(props) {
-          super(Object.assign(Object.assign({}, props), { lazyLoad: true }));
-          /**
-           * Dynamic Filter Operations
-           */
-          this.dynamicFilterOperations = DynamicFilterOperations;
-          /**
-           * Dynamic Filter Relations
-           */
-          this.dynamicFilterRelations = DynamicFilterRelations;
-          /**
-           * Dynamic Filter applied flag
-           */
-          this.dynamicFilterApplied = '';
-          if (!this.watchUrl) {
-              this.dynamicFilter = this.getInitValue('dynamicFilter', props.dynamicFilter, {});
-              this.searchJoin = this.getInitValue('searchJoin', props.searchJoin, {});
-          }
-          this.lazyLoad = this.getInitValue('lazyLoad', props.lazyLoad, this.lazyLoad);
-          this.createAccessors();
-          this.createObjAccessors(this.dynamicFilter, 'dynamicFilter');
-          this.createObjAccessors(this.searchJoin, 'searchJoin');
-          if (!this.lazyLoad) {
-              this.get();
-          }
-      }
-      updateReservedKeys() {
-          this.reservedKeys.dynamic_filter = true;
-          this.reservedKeys.search_join = true;
-      }
-      updateInternalProperties(datasource = {}) {
-          if (!this.watchUrl)
-              return;
-          this.updateReservedKeys();
-          super.updateInternalProperties(datasource);
-          const queryString = core.URL.getParsedQueryStringFromUrl();
-          this.dynamicFilter = this.getEncodedParam(queryString.dynamic_filter, datasource.dynamicFilter);
-          this.searchJoin = this.getEncodedParam(queryString.search_join, datasource.searchJoin);
-      }
-      getEncodedParam(urlParam, datasourceParam = {}) {
-          return urlParam ? JSON.parse(atob(urlParam)) : datasourceParam;
-      }
-      getQueryStringValues() {
-          const values = super.getQueryStringValues();
-          if (this.dynamicFilter && Object.keys(this.dynamicFilter).length) {
-              values.dynamic_filter = btoa(JSON.stringify(this.dynamicFilter));
-          }
-          if (this.searchJoin && Object.keys(this.searchJoin).length) {
-              values.search_join = btoa(JSON.stringify(this.searchJoin));
-          }
-          return values;
-      }
-      getUrlQueryString() {
-          const superQueryString = super.getUrlQueryString();
-          const query = core.URL.getParsedQueryStringFromUrl();
-          let dynamicFilterQuerystring = '';
-          if (query.dynamic_filter) {
-              dynamicFilterQuerystring = `&${core.URL.getFormattedQueryString({
-                dynamic_filter: query.dynamic_filter,
-            })}`;
-          }
-          let searchJoinQuerystring = '';
-          if (query.search_join) {
-              searchJoinQuerystring = `&${core.URL.getFormattedQueryString({
-                search_join: query.search_join,
-            })}`;
-          }
-          return superQueryString + dynamicFilterQuerystring + searchJoinQuerystring;
-      }
-      /**
-       * Allows the comunication between the base filter and the dynamic filter
-       * @param filtroDinamico
-       * @returns
-       */
-      setBaseFilter(filtroDinamico) {
-          return this.setDynamicFilter(filtroDinamico);
-      }
-      /**
-       * Adds a new dynamic filter position or replace if exists
-       * @param column Dynamic Filter column name
-       * @param value Dynamic Filter value
-       * @returns Promise with data collection
-       */
-      addDynamicFilter(column, value) {
-          if (this.isValidDynamicFilterValue(column, value)) {
-              this.dynamicFilter[column] = value;
-              return this.updateDynamicFilter();
-          }
-          return this.removeDynamicFilter(column);
-      }
-      /**
-       * Removes a dynamic filter position
-       * @param column Dynamic Filter column name
-       * @returns Promise with data collection
-       */
-      removeDynamicFilter(column) {
-          delete this.dynamicFilter[column];
-          return this.updateDynamicFilter();
-      }
-      /**
-       * Sets new dynamic filter value
-       * @param filter Dynamic Filter value
-       * @returns Promise with data collection
-       */
-      setDynamicFilter(filter) {
-          this.dynamicFilter = {};
-          Object.keys(filter).forEach((column) => {
-              if (this.isValidDynamicFilterValue(column, filter[column])) {
-                  this.dynamicFilter[column] = filter[column];
-              }
-              else {
-                  delete this.dynamicFilter[column];
-              }
-          });
-          return this.updateDynamicFilter();
-      }
-      /**
-       * Clears Dynamic filter value
-       * @returns Promise with data collection
-       */
-      clearDynamicFilter() {
-          this.dynamicFilter = {};
-          return this.updateDynamicFilter();
-      }
-      /**
-       * Resets page and selected rows and tries to update the url
-       * @returns Promise with data collection
-       */
-      updateDynamicFilter() {
-          return __awaiter(this, void 0, void 0, function* () {
-              this.page = this.firstPage;
-              this.selectedRows = [];
-              this.visibleSelectedRows = [];
-              if (this.watchUrl) {
-                  if (this.dynamicFilter && Object.keys(this.dynamicFilter).length) {
-                      core.URL.updateQueryString({
-                          dynamic_filter: btoa(JSON.stringify(this.dynamicFilter)),
-                      });
-                  }
-                  else {
-                      core.URL.updateQueryString({
-                          dynamic_filter: undefined,
-                      });
-                  }
-              }
-              return this.get();
-          });
-      }
-      /**
-       * Checks if a filter value is valid
-       * @param value Filter value
-       * @returns Is valid filter value
-       */
-      isValidDynamicFilterValue(column, value) {
-          if (!Array.isArray(value))
-              return false;
-          return !this.reservedKeys[column]
-              && value.length > 0
-              && value.every((filterValue) => filterValue
-                  && this.dynamicFilterOperations[filterValue.operation]
-                  && this.dynamicFilterRelations[filterValue.relation]
-                  && filterValue.value !== ''
-                  && filterValue.value !== null);
-      }
-      /**
-       * Retrieves request params
-       */
-      getRequestParams() {
-          const requestParams = super.getRequestParams();
-          const isNotEmptyObj = (obj) => !!(obj && Object.keys(obj).length);
-          const isValid = this.dynamicFilter && Object.keys(this.dynamicFilter).every((column) => {
-              const value = this.dynamicFilter[column];
-              return value && value.length > 0 && this.isValidDynamicFilterValue(column, value);
-          });
-          if (isNotEmptyObj(this.dynamicFilter) && isValid) {
-              requestParams.dynamic_filter = btoa(JSON.stringify(this.dynamicFilter));
-          }
-          if (isNotEmptyObj(this.searchJoin)) {
-              requestParams.search_join = btoa(JSON.stringify(this.searchJoin));
-          }
-          return requestParams;
-      }
-      clone() {
-          return Object.assign(Object.assign({}, super.clone()), { dynamicFilter: this.dynamicFilter, searchJoin: this.searchJoin, type: 'tek-rest' });
-      }
-  }
-  core.DatasourceFactory.register('tek-rest', TekRestDatasource);
-
-  /**
-   * Base class for TekGrid column
-   */
-  class TekGridColumn extends common.GridColumnEditable {
-      /* istanbul ignore next */
-      /**
-       * Creates a new TekGrid Column.
-       * @param props TekGrid column properties
-       */
-      constructor(props, grid) {
-          super(props);
-          /* filter component props */
-          this.filterProps = [];
-          /* column can be use to filter */
-          this.filterable = true;
-          /* should not consider lookup column on search */
-          this.skipLookupSearch = false;
-          /* column is grouped */
-          this.groupedValue = false;
-          /* Value to show when grouped value is empty */
-          this.groupLabelForEmptyValue = '';
-          /* column is visible */
-          this.isVisibleValue = true;
-          /**
-           * Defines if the column should store the componentProps datasource.data in memory
-           */
-          this.storeData = true;
-          this.lookup = debounce__default["default"](this.lookupFn, 100);
-          this.grid = grid;
-          this.isVisible = this.getInitValue('isVisible', props.isVisible, this.isVisible);
-          this.filterProps = this.getInitValue('filterProps', props.filterProps, this.filterProps);
-          this.filterable = this.getInitValue('filterable', props.filterable, this.filterable);
-          this.filterIndex = this.getInitValue('filterIndex', props.filterIndex, this.filterIndex);
-          this.skipLookupSearch = this.getInitValue('skipLookupSearch', props.skipLookupSearch, this.skipLookupSearch);
-          this.grouped = this.getInitValue('grouped', props.grouped, this.grouped);
-          this.groupOpened = this.getInitValue('groupOpened', props.groupOpened, this.groupOpened);
-          this.aggregation = this.getInitValue('aggregation', props.aggregation, this.aggregation);
-          this.groupLabelForEmptyValue = this.getInitValue('groupLabelForEmptyValue', props.groupLabelForEmptyValue, this.groupLabelForEmptyValue);
-          this.storeData = this.getInitValue('storeData', props.storeData, this.storeData);
-          this.createAccessors();
-      }
-      getLookupData(lookupColumn, value) {
-          const emptyRow = {};
-          if (this.lookupData[value]) {
-              return this.lookupData[value];
-          }
-          this.lookupData[value] = emptyRow;
-          const dataIndex = this.lookupDatasource.data.findIndex((row) => row[lookupColumn] === value);
-          if (dataIndex !== -1) {
-              this.lookupData[value] = this.lookupDatasource.data[dataIndex];
-              return this.lookupData[value];
-          }
-          this.dataToLookup = (this.dataToLookup || []);
-          this.dataToLookup.push(value);
-          this.lookup(lookupColumn);
-          return emptyRow;
-      }
-      lookupFn(lookupColumn, dataToLookup) {
-          return __awaiter(this, void 0, void 0, function* () {
-              let data = [];
-              this.loading = true;
-              if (this.storeData) {
-                  data = yield this.lookupDatasource.get();
-              }
-              else {
-                  const filteredData = Array.from(new Set(dataToLookup || this.dataToLookup)); // remove duplicates
-                  if (!dataToLookup) {
-                      this.dataToLookup = [];
-                  }
-                  data = yield this.lookupDatasource.addFilter(lookupColumn, filteredData);
-              }
-              const lookupData = {};
-              data.forEach((row) => {
-                  lookupData[row[lookupColumn]] = row;
-              });
-              this.lookupData = Object.assign(Object.assign({}, this.lookupData), lookupData);
-              this.lookupDataCount += 1;
-              this.loading = false;
-          });
-      }
-      getBatchLookupData(lookupColumn, values) {
-          return __awaiter(this, void 0, void 0, function* () {
-              const batch = [];
-              const dataToLookup = [];
-              values.forEach((value) => {
-                  if (this.lookupData[value]) {
-                      batch.push(this.lookupData[value]);
-                      return;
-                  }
-                  const dataIndex = this.lookupDatasource.data.findIndex((row) => row[lookupColumn] === value);
-                  if (dataIndex !== -1) {
-                      this.lookupData[value] = this.lookupDatasource.data[dataIndex];
-                      batch.push(this.lookupData[value]);
-                      return;
-                  }
-                  dataToLookup.push(value);
-              });
-              if (dataToLookup.length > 0) {
-                  yield this.lookupFn(lookupColumn, dataToLookup);
-                  dataToLookup.forEach((value) => {
-                      const row = this.lookupData[value];
-                      if (row)
-                          batch.push(row);
-                  });
-              }
-              return batch;
-          });
-      }
-      /**
-       * Memory search, without changing lookupDatasource
-       */
-      memorySearch(search) {
-          return __awaiter(this, void 0, void 0, function* () {
-              if (!this.lookupDatasource) {
-                  throw new Error('Can\'t search in a column that doesn\'t have a datasource');
-              }
-              let { data } = this.lookupDatasource;
-              if (this.storeData) {
-                  if (!data.length) {
-                      data = yield this.lookupDatasource.get();
-                  }
-              }
-              else {
-                  // datasource without the lookup filters
-                  const defaultDs = core.DatasourceFactory.factory(Object.assign(Object.assign({}, this.componentProps.datasource), { lazyLoad: true, loadAll: true }));
-                  data = yield defaultDs.get();
-              }
-              const { dataText } = this.componentProps;
-              const searchIn = Array.isArray(dataText) ? dataText : [dataText];
-              // get datasource as memory
-              const datasource = core.DatasourceFactory.factory({
-                  searchIn,
-                  data,
-                  type: 'memory',
-                  loadAll: true,
-              });
-              return datasource.setSearch(search);
-          });
-      }
-      get grouped() {
-          return this.groupedValue;
-      }
-      set grouped(value) {
-          const changed = value !== this.groupedValue;
-          this.groupedValue = value;
-          if (changed) {
-              this.changeGrouping();
-          }
-      }
-      get aggregation() {
-          return this.aggregationValue;
-      }
-      set aggregation(value) {
-          const changed = value !== this.aggregationValue;
-          this.aggregationValue = value;
-          if (changed) {
-              this.changeGrouping();
-          }
-      }
-      get groupOpened() {
-          return this.groupOpenedValue;
-      }
-      set groupOpened(value) {
-          const changed = value !== this.groupOpenedValue;
-          this.groupOpenedValue = value;
-          if (changed) {
-              this.changeGrouping();
-          }
-      }
-      get isVisible() {
-          return this.isVisibleValue && !this.grouped;
-      }
-      set isVisible(value) {
-          this.isVisibleValue = value;
-      }
-      changeGrouping() {
-          // wait for grid.constructor to be fully executed
-          setTimeout(() => {
-              this.grid.updateGrouping();
-          });
-      }
-  }
-
-  /**
-   * Thrown when a row has incomplete group information.
-   * Provides details about the missing groups and the problematic row.
-   */
-  class IncompleteGroupsError extends Error {
-      constructor(row, missingGroups) {
-          const rowPreview = JSON.stringify(row);
-          const message = `Row groups are incomplete. Missing groups: ${missingGroups.join(', ')}.\nRow data:\n${rowPreview}`;
-          super(message);
-          this.name = 'IncompleteGroupsError';
-      }
-  }
-
-  /* TekGrid Class */
-  class TekGrid extends common.GridEditable {
-      /**
-       * TekGrid class constructor
-       * @param props TekGrid properties
-       */
-      constructor(props) {
-          super(props);
-          /* Grid Title */
-          this.title = '';
-          /* Show Add button */
-          this.addButton = false;
-          /* Show Delete button */
-          this.deleteButton = 'none';
-          /* Show Delete button */
-          this.actions = [];
-          /* Show edit button */
-          this.showEditButtons = true;
-          /* Show Filter button */
-          this.filterButton = false;
-          /* Show SearchInput */
-          this.showSearch = true;
-          /* Show Column Filter button */
-          this.columnFilterButton = false;
-          /* Show Columns button */
-          this.columnsButton = false;
-          /* Defines if the grid is the unique grid on screen */
-          this.mainGrid = true;
-          /* Columns to be ignored on columns button */
-          this.columnsButtonIgnore = [];
-          /* Show Hide button */
-          this.showHideButton = true;
-          /**
-           * Enables column dragging
-           * @public
-           */
-          this.dragColumns = true;
-          /**
-           * Components that will be rendered on toolbar slot
-           */
-          this.toolbarConfig = [];
-          /**
-           * Enables column resizing
-           * @public
-           */
-          this.resizeColumns = true;
-          /**
-           * Enables layout saving
-           * @public
-           */
-          this.showLayoutOptions = true;
-          this.modalFilterProps = {
-              name: this.name,
-              height: 'auto',
-              persistent: true,
-              cssClass: '',
-              cssStyle: '',
-              dark: false,
-              draggable: false,
-              fullscreen: false,
-              dragHandle: '',
-              title: 'FILTER',
-          };
-          /**
-           * Show export button
-           */
-          this.showExport = false;
-          /**
-           * Show refresh button
-           */
-          this.showReload = true;
-          /**
-           * Export config
-           */
-          this.exportConfig = [
-              {
-                  type: 'pdf',
-                  label: core.I18n.translate('TEKGRID_EXPORT_AS', { type: 'PDF' }),
-                  multiOption: [
-                      { label: core.I18n.translate('TEKGRID_PORTRAIT'), iconName: 'mdi-file-outline' },
-                      {
-                          label: core.I18n.translate('TEKGRID_LANDSCAPE'),
-                          iconName: 'mdi-file-outline',
-                          cssClass: 'tek-grid-export-landscape',
-                          reportParams: { portrait: false },
-                      },
-                  ],
-              },
-              {
-                  type: 'xls',
-                  label: core.I18n.translate('TEKGRID_EXPORT_AS', {
-                      type: 'XLS',
-                  }),
-              },
-              {
-                  type: 'xls2',
-                  label: core.I18n.translate('TEKGRID_EXPORT_AS', {
-                      type: `XLS ${core.I18n.translate('TEKGRID_WITH_GROUPS')}`,
-                  }),
-              },
-              {
-                  type: 'xls3',
-                  label: core.I18n.translate('TEKGRID_EXPORT_AS', {
-                      type: `XLS ${core.I18n.translate('TEKGRID_GRID_MIRROR')}`,
-                  }),
-              },
-              {
-                  type: 'csv',
-                  label: core.I18n.translate('TEKGRID_EXPORT_AS', { type: 'CSV' }),
-              },
-          ];
-          /**
-           * Groups should be opened by default after building
-           */
-          this.groupsOpened = false;
-          /**
-           * Show Total summary
-           */
-          this.showSummaryTotal = true;
-          this.groupColumnNames = [];
-          this.summaryColumns = [];
-          this.groupColumns = [];
-          this.toolbarSlotProps = false;
-          this.groupedData = [];
-          this.editNewRowsOnly = false;
-          this.showCheckboxAllFilter = core.Config.gridShowCheckboxAllFilter || false;
-          this.defaultFilter = {};
-          this.toolbarOpened = true;
-          this.reportTitle = '';
-          this.defaultLazy = false;
-          this.groups = [];
-          this.summary = {};
-          /**
-           * Tasks that should be finished before loading the grid data
-           */
-          this.tasksBeforeLoad = [];
-          this.request = debounce__default["default"](() => { this.datasource.get(); }, 500);
-          this.updateGrouping = debounce__default["default"]((lazyLoad = false) => {
-              this.updateGroupedData(lazyLoad);
-          }, 100);
-          this.title = this.getInitValue('title', props.title, this.title);
-          this.addButton = this.getInitValue('addButton', props.addButton, this.addButton);
-          this.deleteButton = this.getInitValue('deleteButton', props.deleteButton, this.deleteButton);
-          this.filterButton = this.getInitValue('filterButton', props.filterButton, this.filterButton);
-          this.showSearch = this.getInitValue('showSearch', props.showSearch, this.showSearch);
-          this.columnFilterButton = this.getInitValue('columnFilterButton', props.columnFilterButton, this.columnFilterButton);
-          this.columnsButton = this.getInitValue('columnsButton', props.columnsButton, this.columnsButton);
-          this.columnsButtonIgnore = this.getInitValue('columnsButtonIgnore', props.columnsButtonIgnore, this.columnsButtonIgnore);
-          this.showHideButton = this.getInitValue('showHideButton', props.showHideButton, this.showHideButton);
-          this.showEditButtons = this.getInitValue('showEditButtons', props.showEditButtons, this.showEditButtons);
-          this.dragColumns = this.getInitValue('dragColumns', props.dragColumns, this.dragColumns);
-          this.resizeColumns = this.getInitValue('resizeColumns', props.resizeColumns, this.resizeColumns);
-          this.showLayoutOptions = this.getInitValue('showLayoutOptions', props.showLayoutOptions, this.showLayoutOptions);
-          this.xlsDefaultType = this.getInitValue('xlsDefaultType', props.xlsDefaultType, this.xlsDefaultType);
-          this.showExport = this.getInitValue('showExport', props.showExport, this.showExport);
-          this.showReload = this.getInitValue('showReload', props.showReload, this.showReload);
-          this.exportConfig = this.getInitValue('exportConfig', props.exportConfig, this.exportConfig);
-          this.modalFilterProps = this.getInitValue('modalFilterProps', props.modalFilterProps, this.modalFilterProps);
-          this.exportActions = props.exportActions || this.exportActions;
-          this.groupsOpened = this.getInitValue('groupsOpened', props.groupsOpened, this.groupsOpened);
-          this.showSummaryTotal = this.getInitValue('showSummaryTotal', props.showSummaryTotal, this.showSummaryTotal);
-          this.showCheckboxAllFilter = this.getInitValue('showCheckboxAllFilter', props.showCheckboxAllFilter, this.showCheckboxAllFilter);
-          this.defaultFilter = this.getInitValue('defaultFilter', props.defaultFilter, this.defaultFilter);
-          this.toolbarConfig = this.getInitValue('toolbarConfig', props.toolbarConfig, this.toolbarConfig);
-          this.toolbarOpened = this.getInitValue('toolbarOpened', props.toolbarOpened, this.toolbarOpened);
-          this.editNewRowsOnly = this.getInitValue('editNewRowsOnly', props.editNewRowsOnly, this.editNewRowsOnly);
-          this.mainGrid = this.getInitValue('mainGrid', props.mainGrid, this.mainGrid);
-          this.reportTitle = this.getInitValue('reportTitle', props.reportTitle, this.reportTitle);
-          this.reportLabelFormatter = this.getInitValue('reportLabelFormatter', props.reportLabelFormatter, this.reportLabelFormatter);
-          this.actions = props.actions || this.actions;
-          this.toolbarSlotProps = props.toolbarSlot !== undefined;
-          if (this.deleteButton === 'selection') {
-              this.selectable = true;
-          }
-          this.keyShortcutKeyMapping = {
-              'mod+f': {
-                  event: this.focusSearchInput.bind(this),
-                  stop: true,
-                  active: !this.mainGrid,
-                  input: true,
-              },
-              'mod+l': {
-                  event: ({ event, element }) => {
-                      if (this.filterButton) {
-                          const instance = core.Metadata.getInstance(`${this.name}_filterButton`);
-                          instance.click(event, element);
-                      }
-                  },
-                  stop: true,
-                  active: !this.mainGrid,
-                  input: true,
-              },
-              'mod+enter': {
-                  event: () => {
-                      const instance = core.Metadata.getInstance(`${this.name}_actions_dropdown`);
-                      instance.setFocus();
-                      instance.value = !instance.value;
-                  },
-                  stop: true,
-                  active: !this.mainGrid,
-                  input: true,
-              },
-          };
-          this.createAccessors();
-          this.defaultLazy = this.getDefaultLazy(props);
-          this.gridBase = new GridBase(this);
-          this.filterOperationsDatasource = this.gridBase.getFilterOperationsDatasource();
-          this.filterRelationsDatasource = this.gridBase.getFilterRelationsDatasource();
-      }
-      getDatasourceDefaults() {
-          return { lazyLoad: true };
-      }
-      getDefaultLazy(props) {
-          if (typeof props.datasource === 'object') {
-              return props.datasource.lazyLoad;
-          }
-          if (typeof props.datasource === 'string' && core.Accessor.isAccessorDefinition(props.datasource)) {
-              const [controller, accessor] = core.Accessor.getAccessor(props.datasource);
-              const instance = core.Loader.getInstance(controller);
-              return instance[accessor].lazyLoad || false;
-          }
-          return false;
-      }
-      onCreated() {
-          super.onCreated();
-          core.Loader.addController(`GridController_${this.componentId}`, new GridController(this));
-          if (!this.toolbarSlotProps)
-              this.toolbarSlot = this.gridBase.createToolbarProps();
-          this.navigationKeyMapping.left = {
-              event: this.directionalLeft.bind(this),
-              stop: true,
-              active: true,
-          };
-          this.navigationKeyMapping.right = {
-              event: this.directionalRight.bind(this),
-              stop: true,
-              active: true,
-          };
-      }
-      onMounted(element) {
-          super.onMounted(element);
-          core.KeyMap.bind(this.keyShortcutKeyMapping, this, element);
-          this.initGrouping(this.defaultLazy);
-      }
-      onBeforeDestroy() {
-          super.onBeforeDestroy();
-          core.KeyMap.unbind(this.keyShortcutKeyMapping, this);
-      }
-      focusSearchInput() {
-          const searchInput = core.Metadata.getInstance(`${this.name}_gridSearch`);
-          searchInput.setFocus();
-      }
-      get layoutOptions() {
-          if (!this.showLayoutOptions)
-              return undefined;
-          return core.Metadata.getInstance(`${this.name}_layout_options`);
-      }
-      instantiateCancelColumn() {
-          return new TekGridColumn(this.getCancelColumnProps(), this);
-      }
-      /**
-       * Get Grid columns objects
-       * @param columns Grid columns parameter
-       */
-      getColumns(columns) {
-          return columns.map((column) => new TekGridColumn(column, this));
-      }
-      columnHasFilterData(column) {
-          if (this.datasource instanceof TekRestDatasource
-              || this.datasource instanceof TekMemoryDatasource) {
-              const dynamicFilter = this.datasource.dynamicFilter[column.name];
-              return dynamicFilter && dynamicFilter.length > 0;
-          }
-          return this.datasource.filter[column.name] && this.datasource.filter[column.name].length > 0;
-      }
-      buildReportGroups() {
-          return this.columns
-              .filter((column) => column.grouped)
-              .map((column) => ({
-              field: column.name,
-              header: {
-                  displayfield: column.name,
-                  label: core.I18n.translate(column.label),
-              },
-              name: column.name,
-          }));
-      }
-      buildReportAggregations() {
-          const aggregations = {};
-          this.columns
-              .filter((column) => column.aggregation)
-              .forEach((column) => {
-              aggregations[column.name] = { expression: column.aggregation };
-          });
-          return aggregations;
-      }
-      getReport(type, portrait, rowObj = {}) {
-          return __awaiter(this, void 0, void 0, function* () {
-              const report = new common.Report(this, this.title || this.reportTitle);
-              const reportGroups = this.buildReportGroups();
-              const reportAggregations = this.buildReportAggregations();
-              let typeValue = type;
-              if (reportGroups.length === 0 && type.substring(0, 3) === 'xls') {
-                  typeValue = 'xls';
-              }
-              let filter;
-              if (this.datasource instanceof TekRestDatasource
-                  || this.datasource instanceof TekMemoryDatasource) {
-                  const dynamicFilter = Object.assign({}, this.datasource.dynamicFilter);
-                  const formatFilter = (name) => __awaiter(this, void 0, void 0, function* () {
-                      let column;
-                      try {
-                          column = this.getColumn(name);
-                      }
-                      catch (e) {
-                          if (e instanceof common.ColumnNotFoundError) {
-                              return;
-                          }
-                          throw e;
-                      }
-                      const { label } = column;
-                      // change filter keys to column labels
-                      dynamicFilter[label] = [...dynamicFilter[name]];
-                      delete dynamicFilter[name];
-                      if (!column.componentProps.datasource)
-                          return;
-                      const values = dynamicFilter[label].map((filterItem) => filterItem.value);
-                      yield column.getBatchLookupData(name, values);
-                      dynamicFilter[label] = dynamicFilter[label].map((filterItem) => {
-                          const item = Object.assign({}, filterItem);
-                          const { value } = item;
-                          const formatted = column.formatterByRow({ [name]: value }, { formatterDataText: undefined });
-                          item.value = formatted;
-                          return item;
-                      });
-                  });
-                  const promises = Object.keys(dynamicFilter).map(formatFilter);
-                  yield Promise.all(promises);
-                  const reportFilter = new ReportFilter(dynamicFilter);
-                  filter = reportFilter.build();
-              }
-              let beforeOpen;
-              if (typeof this.events.beforeOpenReport === 'function') {
-                  beforeOpen = this.events.beforeOpenReport;
-              }
-              try {
-                  const reportUrl = yield report
-                      .getReport(typeValue, portrait, {
-                      metaData: merge__default["default"](rowObj, {
-                          filter,
-                          groups: reportGroups,
-                          columns: reportAggregations,
-                          xlsDefaultType: this.xlsDefaultType,
-                      }),
-                  }, beforeOpen, this.reportLabelFormatter);
-                  window.open(reportUrl);
-              }
-              catch (e) {
-                  if (e instanceof common.EmptyDataError) {
-                      common.AlertService.show({ name: 'no-data-warning', text: core.I18n.translate('TEKGRID_NO_DATA'), color: 'warning' });
-                      return;
-                  }
-                  throw e;
-              }
-          });
-      }
-      registerTask(task) {
-          this.tasksBeforeLoad.push(task);
-      }
-      /**
-       * Loads grid data after resolving all tasks
-       */
-      loadAfterTasks() {
-          return __awaiter(this, void 0, void 0, function* () {
-              Promise.all(this.tasksBeforeLoad.map((promise) => promise.catch(() => undefined)));
-              this.tasksBeforeLoad = [];
-              return this.request();
-          });
-      }
-      initGrouping(lazyLoad) {
-          this.initGroups();
-          this.initSummaryColumns();
-          const originalGetFunction = this.datasource.get;
-          this.originalDatasourceLoadAll = this.datasource.loadAll;
-          this.originalDatasourceLimit = this.datasource.limit;
-          this.datasource.get = this.buildGetFunction(originalGetFunction);
-          this.updateGrouping(lazyLoad);
-      }
-      buildGetFunction(originalGet) {
-          return () => __awaiter(this, void 0, void 0, function* () {
-              return originalGet.call(this.datasource).then((data) => {
-                  if (this.groupColumns.length
-                      || (this.showSummaryTotal && this.summaryColumns.length)) {
-                      this.buildGroupedData();
-                  }
-                  return data;
-              });
-          });
-      }
-      updateGroupedData(lazyLoad) {
-          return __awaiter(this, void 0, void 0, function* () {
-              this.initSummaryColumns();
-              this.groupedData = [];
-              this.groupColumns = this.columns.filter((column) => column.grouped);
-              this.groupColumnNames = this.groupColumns.map((column) => column.name);
-              if (this.groupColumns.length
-                  || (this.showSummaryTotal && this.summaryColumns.length)) {
-                  if (this.groupColumns.length) {
-                      const groupOrderColumns = this.groupColumnNames.map((column) => `${column}.asc`);
-                      const otherOrderColumns = this.datasource.order.filter((column) => this.groupColumnNames.indexOf(column.split('.')[0]) === -1);
-                      this.datasource.order = groupOrderColumns.concat(otherOrderColumns);
-                  }
-                  this.datasource.loadAll = true;
-              }
-              else {
-                  this.datasource.loadAll = this.originalDatasourceLoadAll;
-                  this.datasource.limit = this.originalDatasourceLimit;
-              }
-              if (!lazyLoad && this.datasource) {
-                  yield this.loadAfterTasks();
-              }
-              if (this.virtualScroll && this.viewUpdateScrollData) {
-                  this.viewUpdateScrollData();
-              }
-              if (this.viewUpdateFixedColumns) {
-                  this.viewUpdateFixedColumns();
-              }
-          });
-      }
-      /**
-       * It takes a flat array of data and groups it by the group columns specified in
-       * the grid.
-       */
-      buildGroupedData() {
-          this.initGroups();
-          this.initSummaryColumns();
-          this.groupedData = [];
-          this.datasource.data.forEach((row) => {
-              let groupBreak = false;
-              this.groups.forEach((group, index) => {
-                  const groupValue = row[group.name];
-                  if (group.lastValue !== groupValue || groupBreak) {
-                      if (!groupBreak) {
-                          this.addGroupFooters(index);
-                      }
-                      group.lastValue = groupValue;
-                      this.resetFooterVariables(group);
-                      this.addGroupHeader(row, group, index);
-                      groupBreak = true;
-                  }
-              });
-              this.groups.forEach((group) => {
-                  group.lastGroupHeaderRow.children.push(row);
-              });
-              const groupHeaders = this.groups
-                  .map((group) => group.lastGroupHeaderRow)
-                  .filter(Boolean);
-              this.groupedData.push(Object.assign(Object.assign({}, row), { groupHeaders }));
-              this.calcSummary(row);
-          });
-          if (this.groupedData.length > 0) {
-              this.addGroupFooters(0);
-              if (this.showSummaryTotal && this.summaryColumns.length > 0) {
-                  const summaryRow = this.getSummary();
-                  this.groupedData.push(summaryRow);
-              }
-          }
-      }
-      initGroups() {
-          this.groups = [];
-          this.groupColumns.forEach((column) => {
-              const newGroup = {
-                  column,
-                  name: column.name,
-                  label: column.label,
-                  lastValue: undefined,
-                  initialized: false,
-                  footer: {},
-              };
-              this.resetFooterVariables(newGroup);
-              this.groups.push(newGroup);
-          });
-      }
-      initSummaryColumns() {
-          this.summaryColumns = this.columns.filter((column) => !!column.aggregation && !column.grouped);
-          this.summary = {};
-      }
-      addGroupHeader(row, group, index) {
-          const groupValue = this.getGroupValue(group, row) || group.column.groupLabelForEmptyValue;
-          const groupHeaderRow = {
-              group: true,
-              groupRow: row,
-              groupColumnName: group.column.name,
-              groupHeader: true,
-              groupIndex: index,
-              groupLabel: core.I18n.translate(group.label),
-              groupValue,
-              groupOpened: group.column.groupOpened || this.groupsOpened,
-              groupHeaders: [],
-              children: [],
-          };
-          // add header for outer groups to the added row
-          for (let i = 0; i < index; i += 1) {
-              groupHeaderRow.groupHeaders.push(this.groups[i].lastGroupHeaderRow);
-          }
-          group.lastGroupHeaderRow = groupHeaderRow;
-          group.initialized = true;
-          this.groupedData.push(groupHeaderRow);
-      }
-      addGroupFooters(groupIndex) {
-          if (this.summaryColumns.length === 0) {
-              return;
-          }
-          for (let i = this.groups.length - 1; i >= groupIndex; i -= 1) {
-              if (!this.groups[i].initialized)
-                  return;
-              const groupFooterRow = this.getGroupFooter(this.groups[i], i);
-              groupFooterRow.groupHeaders = this.getGroupHeaders(groupIndex);
-              this.groupedData.push(groupFooterRow);
-          }
-      }
-      /**
-       * Creates a group footer, calculating its summary data
-       * @param group Group to which this footer is related
-       * @param groupIndex Index of the group
-       * @returns new group footer
-       */
-      getGroupFooter(group, groupIndex) {
-          const groupFooterRow = Object.assign({ groupIndex, groupFooter: true, groupHeaders: [], groupLabel: group.lastGroupHeaderRow.groupLabel, groupValue: group.lastGroupHeaderRow.groupValue }, this.getSummaryData(group.footer));
-          return groupFooterRow;
-      }
-      /**
-       * Gets all of the group headers that belong to the group at the specified index
-       * This method should be called only during the groups creation process because it depends on the
-       * group creation order (because it accesses lastGroupHeaderRow that changes during the creation process)
-       * @param groupIndex
-       * @returns
-       */
-      getGroupHeaders(groupIndex) {
-          const groupHeaders = [];
-          for (let i = 0; i <= groupIndex; i += 1) {
-              groupHeaders.push(this.groups[i].lastGroupHeaderRow);
-          }
-          return groupHeaders;
-      }
-      /**
-       * Updates all footers summary data and the summary total
-       */
-      updateSummary() {
-          this.summary = {};
-          this.groups.forEach((group) => {
-              this.resetFooterVariables(group);
-          });
-          this.groupedData.forEach((row) => {
-              if (this.isGroupHeader(row))
-                  return;
-              if (this.isGroupFooter(row)) {
-                  this.updateGroupFooterSummary(row);
-                  this.resetFooterVariables(this.groups[row.groupIndex]);
-                  return;
-              }
-              if (this.isGroupSummary(row)) {
-                  this.updateSummaryTotal(row);
-                  return;
-              }
-              this.calcSummary(row);
-          });
-      }
-      /**
-       * Takes a group footer and updates its summary data
-       */
-      updateGroupFooterSummary(groupFooter) {
-          const group = this.groups[groupFooter.groupIndex];
-          const summary = this.getSummaryData(group.footer);
-          Object.keys(summary).forEach((key) => {
-              // change properties one by one to avoid changing the object reference
-              groupFooter[key] = summary[key];
-          });
-      }
-      /**
-       * Updates the total summary data
-       */
-      updateSummaryTotal(summaryTotal) {
-          const summary = this.getSummaryData(this.summary);
-          Object.keys(summary).forEach((key) => {
-              // change properties one by one to avoid changing the object reference
-              summaryTotal[key] = summary[key];
-          });
-      }
-      resetFooterVariables(group) {
-          this.summaryColumns.forEach((column) => {
-              group.footer[column.name] = {
-                  count: 0,
-                  sum: undefined,
-                  avg: undefined,
-                  min: undefined,
-                  max: undefined,
-              };
-          });
-      }
-      isUndefined(value) {
-          return value === undefined || value === null;
-      }
-      calcSummaryValues(columnName, summary, rowValue) {
-          if (!this.isUndefined(rowValue)) {
-              summary.count += 1;
-              if (this.events.calcSummary) {
-                  this.callEvent('calcSummary', {
-                      component: this, columnName, summary, rowValue,
-                  });
-              }
-              else {
-                  if (summary.min === undefined)
-                      summary.min = rowValue;
-                  if (summary.max === undefined)
-                      summary.max = rowValue;
-                  summary.min = rowValue < summary.min ? rowValue : summary.min;
-                  summary.max = rowValue > summary.max ? rowValue : summary.max;
-                  if (typeof rowValue === 'number') {
-                      summary.sum = (summary.sum || 0) + rowValue;
-                  }
-              }
-          }
-      }
-      calcSummary(row) {
-          if (this.summaryColumns.length === 0)
-              return;
-          this.summaryColumns.forEach((column) => {
-              const columnName = column.name;
-              const rowValue = this.getVisibleValue(row, column);
-              if (this.isUndefined(this.summary[columnName])) {
-                  this.summary[columnName] = {
-                      count: 0,
-                      sum: undefined,
-                      avg: undefined,
-                      min: undefined,
-                      max: undefined,
-                  };
-              }
-              this.calcSummaryValues(columnName, this.summary[columnName], rowValue);
-              this.groups.forEach((group) => {
-                  this.calcSummaryValues(columnName, group.footer[columnName], rowValue);
-              });
-          });
-      }
-      getSummary() {
-          const summaryRow = Object.assign({ groupFooter: true, groupSummary: true }, this.getSummaryData(this.summary));
-          return summaryRow;
-      }
-      getSummaryData(group) {
-          const summaryData = {};
-          this.summaryColumns.forEach((column) => {
-              const { aggregation } = column;
-              const currentGroup = group[column.name];
-              if (aggregation === 'COUNT') {
-                  summaryData[column.name] = currentGroup.count;
-              }
-              else if (aggregation === 'SUM') {
-                  summaryData[column.name] = currentGroup.sum;
-              }
-              else if (aggregation === 'AVG') {
-                  if (currentGroup.avg) {
-                      summaryData[column.name] = currentGroup.avg;
-                  }
-                  else if (typeof currentGroup.sum === 'number') {
-                      summaryData[column.name] = currentGroup.sum / currentGroup.count;
-                  }
-              }
-              else if (aggregation === 'MIN') {
-                  summaryData[column.name] = currentGroup.min;
-              }
-              else {
-                  // if (aggregation === 'MAX') {
-                  summaryData[column.name] = currentGroup.max;
-              }
-          });
-          return summaryData;
-      }
-      openGroup(group) {
-          group.groupOpened = !group.groupOpened;
-          if (this.virtualScroll && this.viewUpdateScrollData)
-              this.viewUpdateScrollData();
-      }
-      isItemVisible(row) {
-          return (!row.groupHeaders
-              || !row.groupHeaders.length
-              || row.groupHeaders.every((group) => group.groupOpened));
-      }
-      getGroupValue(group, row) {
-          const groupColumn = this.getColumn(group.column.name);
-          const rowKey = row[this.datasource.uniqueKey];
-          if (!this.cellsApplied[rowKey]) {
-              this.reapplyConditions(row);
-          }
-          const cellProps = this.cellsApplied[rowKey][groupColumn.name];
-          const groupValue = groupColumn.formatterByRow(row, cellProps);
-          return groupValue;
-      }
-      getEditedRows(revalidate = false, silent = false) {
-          return super.getEditedRows(revalidate, silent).map((row) => {
-              const cleanRow = Object.assign({}, row);
-              delete cleanRow.groupHeaders;
-              return cleanRow;
-          });
-      }
-      setSearch(search) {
-          return __awaiter(this, void 0, void 0, function* () {
-              return this.gridBase.setSearch(search);
-          });
-      }
-      isGrouped() {
-          return (this.groupColumnNames.length
-              || (this.showSummaryTotal && this.summaryColumns.length));
-      }
-      navigateDown(params) {
-          if (!this.isGrouped()) {
-              super.navigateDown();
-              return;
-          }
-          if (this.cellSelection && this.viewNavigate) {
-              this.viewNavigate('down');
-              return;
-          }
-          const { index } = params;
-          if (!this.groupedData.length || index === this.groupedData.length)
-              return;
-          const { uniqueKey, currentRow } = this.datasource;
-          const rowIndex = index !== undefined
-              ? index
-              : this.groupedData.findIndex((row) => {
-                  if (currentRow.group) {
-                      return row.group && row.groupValue === currentRow.groupValue;
-                  }
-                  return row[uniqueKey] && row[uniqueKey] === currentRow[uniqueKey];
-              });
-          const newRow = this.groupedData[rowIndex + 1];
-          if (!newRow || !this.isItemVisible(newRow) || newRow.groupFooter) {
-              this.navigateDown({ index: rowIndex + 1 });
-              return;
-          }
-          this.datasource.currentRow = newRow;
-      }
-      navigateUp(params) {
-          if (!this.isGrouped()) {
-              super.navigateUp();
-              return;
-          }
-          if (this.cellSelection && this.viewNavigate) {
-              this.viewNavigate('up');
-              return;
-          }
-          const { index } = params;
-          if (!this.groupedData.length || index === -1)
-              return;
-          const { uniqueKey, currentRow } = this.datasource;
-          let rowIndex;
-          rowIndex = index !== undefined
-              ? index
-              : this.groupedData.findIndex((row) => {
-                  if (currentRow.group) {
-                      return row.group && row.groupValue === currentRow.groupValue;
-                  }
-                  return row[uniqueKey] && row[uniqueKey] === currentRow[uniqueKey];
-              });
-          if (rowIndex === -1)
-              rowIndex = this.groupedData.length;
-          const newRow = this.groupedData[rowIndex - 1];
-          if (!newRow || !this.isItemVisible(newRow) || newRow.groupFooter) {
-              this.navigateUp({ index: rowIndex - 1 });
-              return;
-          }
-          this.datasource.currentRow = newRow;
-      }
-      directionalLeft(params) {
-          var _a;
-          const { currentRow } = this.datasource;
-          if (currentRow.group && currentRow.groupOpened) {
-              currentRow.groupOpened = false;
-              return;
-          }
-          if (!this.cellSelection && ((_a = currentRow.groupHeaders) === null || _a === void 0 ? void 0 : _a.length)) {
-              this.datasource.currentRow = currentRow.groupHeaders[currentRow.groupHeaders.length - 1];
-              return;
-          }
-          this.navigateLeft(params);
-      }
-      directionalRight(params) {
-          const { currentRow } = this.datasource;
-          if (currentRow.group && !currentRow.groupOpened) {
-              currentRow.groupOpened = true;
-              return;
-          }
-          this.navigateRight(params);
-      }
-      /**
-       * Dispatches row click event
-       * @param row Grid row
-       * @param event DOM event
-       * @param element DOM Element
-       */
-      rowClick(row, event, element) {
-          if (!this.preventRowClick) {
-              this.datasource.currentRow = row;
-              this.callEvent('rowClick', {
-                  event,
-                  element,
-                  row,
-                  component: this,
-                  column: undefined,
-              });
-          }
-          this.preventRowClick = false;
-      }
-      rowDoubleClick(row, event, element) {
-          if (!this.preventRowDoubleClick) {
-              this.datasource.currentRow = row;
-              this.callEvent('rowDoubleClick', {
-                  event,
-                  element,
-                  row,
-                  component: this,
-                  column: undefined,
-              });
-          }
-          this.preventRowDoubleClick = false;
-      }
-      /**
-       * Dispatches group row click event
-       * @param row Grid row
-       * @param event DOM event
-       * @param element DOM Element
-       */
-      groupRowClick(row, event, element) {
-          if (!this.preventRowClick) {
-              this.datasource.currentRow = row;
-              this.callEvent('groupRowClick', {
-                  event,
-                  element,
-                  row,
-                  component: this,
-                  column: undefined,
-              });
-          }
-          this.preventRowClick = false;
-      }
-      groupRowDoubleClick(row, event, element) {
-          if (!this.preventRowDoubleClick) {
-              this.datasource.currentRow = row;
-              this.callEvent('groupRowDoubleClick', {
-                  event,
-                  element,
-                  row,
-                  component: this,
-                  column: undefined,
-              });
-          }
-          this.preventRowDoubleClick = false;
-      }
-      /**
-       * Dispatches group select/unselect event
-       * @param row Group row
-       * @param isSelected Row is selected
-       * @param event DOM event
-       * @param element DOM Element
-       */
-      selectGroupClick(row, isSelected, event, element) {
-          if (isSelected) {
-              this.callEvent('groupSelected', {
-                  event,
-                  element,
-                  row,
-                  component: this,
-                  column: undefined,
-              });
-          }
-          else {
-              this.callEvent('groupUnselected', {
-                  event,
-                  element,
-                  row,
-                  component: this,
-                  column: undefined,
-              });
-          }
-      }
-      getAtomInstance(key) {
-          return this.gridBase.getAtomInstance(key);
-      }
-      getFilterInputs(columnName) {
-          return this.gridBase.getFilterInputs(columnName);
-      }
-      isColumnSearchable(column) {
-          return column.searchable && (!this.searchVisibleOnly || column.isVisible || column.grouped);
-      }
-      getColumn(name) {
-          return super.getColumn(name);
-      }
-      /**
-       * Adds new row to the datasource data and pushes it to the editedRows
-       * @param row Row
-       * @param position whether the new Row will be inserted at the beginning or end of the data array
-       */
-      addNewRow(row, position = 'end') {
-          const _super = Object.create(null, {
-              addNewRow: { get: () => super.addNewRow }
-          });
-          return __awaiter(this, void 0, void 0, function* () {
-              if (!this.groupColumns.length) {
-                  yield _super.addNewRow.call(this, row, position);
-                  return;
-              }
-              this.insertRowInDatasource(row, position);
-              this.saveRowReference(row);
-              this.addGroupedRow(row, position);
-              this.editing = true;
-          });
-      }
-      /**
-       * Takes a row and adds it to the selected group (datasource.currentRow)
-       * @param row the new row to be added
-       * @param position the position, at the beginning of the group or at the end
-       */
-      addToSelection(row, position = 'end') {
-          const { currentRow } = this.datasource;
-          // if the currentRow is a group, use the groupRow as reference
-          const referenceRow = this.isGroupHeader(currentRow) ? currentRow.groupRow : currentRow;
-          // extract the group properties from the referenceRow to add to the new row
-          const groupProperties = extractProperties(referenceRow, this.groupColumnNames);
-          const rowWithGroups = Object.assign(Object.assign({}, row), groupProperties);
-          return this.addNewRow(rowWithGroups, position);
-      }
-      /**
-       * Adds a new row to the groupedData array
-       * @param row the new row to be added
-       * @param position the position, at the beginning of the group or at the end
-       */
-      addGroupedRow(row, position) {
-          const missingGroups = this.findMissingGroups(row);
-          if (missingGroups.length > 0) {
-              throw new IncompleteGroupsError(row, missingGroups);
-          }
-          const { index, group } = this.findLastGroupingIndex(row);
-          const groupHeaders = [...group.groupHeaders, group];
-          const newGroupedRow = Object.assign(Object.assign({}, row), { groupHeaders });
-          if (position === 'end') {
-              const childrenLength = group.children.length;
-              this.groupedData.splice(index + childrenLength + 1, 0, newGroupedRow);
-          }
-          else {
-              this.groupedData.splice(index + 1, 0, newGroupedRow);
-          }
-          groupHeaders.forEach((groupHeader) => {
-              // open all groups, making the new row visible to the user
-              groupHeader.groupOpened = true;
-              this.addRowToGroupChildren(row, groupHeader, position);
-          });
-      }
-      findMissingGroups(row) {
-          return this.groupColumnNames.filter((group) => row[group] === undefined);
-      }
-      /**
-       * Finds the last group (most internal group) where a row should be inserted
-       * @param row to be inserted
-       * @returns the index and the group where the row should be inserted
-       */
-      findLastGroupingIndex(row) {
-          const index = this.groupedData.findIndex((groupRow) => {
-              // ignore rows that are not headers or not the last grouping (most internal groping)
-              if (!this.isGroupHeader(groupRow) || !this.isLastGrouping(groupRow))
-                  return false;
-              // if the new added row is not part of the group, ignore it
-              if (groupRow.groupValue !== row[groupRow.groupColumnName])
-                  return false;
-              if (this.groupColumns.length === 1)
-                  return true;
-              const matchHeaders = groupRow.groupHeaders.every((groupHeader) => (groupHeader.groupValue === row[groupHeader.groupColumnName]));
-              return matchHeaders;
-          });
-          if (index === -1) {
-              // No existing group found, so we create the full group hierarchy
-              return this.createGroupHierarchyForRow(row);
-          }
-          const group = this.groupedData[index];
-          return { index, group };
-      }
-      /**
-       * Creates a group hierarchy for a new row, creating intermediate groups if needed
-       * @param row to be inserted
-       * @returns the index and the group where the row should be inserted
-       */
-      createGroupHierarchyForRow(row) {
-          let groupHeaders = [];
-          let insertionIndex = this.groupedData.length; // default to end
-          this.groups.forEach((column) => {
-              const groupValue = row[column.name];
-              const existingGroupIndex = this.groupedData.findIndex((groupRow) => this.isGroupHeader(groupRow)
-                  && groupRow.groupColumnName === column.name
-                  && groupRow.groupValue === groupValue
-                  && groupRow.groupHeaders.every((h, j) => h.groupValue === groupHeaders[j].groupValue));
-              if (existingGroupIndex !== -1) {
-                  const existingGroup = this.groupedData[existingGroupIndex];
-                  groupHeaders = [...existingGroup.groupHeaders, existingGroup];
-                  insertionIndex = existingGroupIndex;
-                  return;
-              }
-              // Create new group header
-              const newGroup = {
-                  group: true,
-                  groupHeader: true,
-                  groupValue,
-                  groupColumnName: column.name,
-                  groupHeaders: [...groupHeaders],
-                  children: [],
-                  groupRow: row,
-                  groupIndex: groupHeaders.length,
-                  groupLabel: core.I18n.translate(column.label),
-                  groupOpened: true,
-              };
-              // Insert right after last insertionIndex
-              insertionIndex += 1;
-              this.groupedData.splice(insertionIndex, 0, newGroup);
-              groupHeaders.push(newGroup);
-          });
-          const group = groupHeaders[groupHeaders.length - 1]; // the most inner group
-          return { index: insertionIndex, group };
-      }
-      /**
-       * Adds a row to the children of a group
-       */
-      addRowToGroupChildren(row, group, position) {
-          if (position === 'end') {
-              group.children.push(row);
-              return;
-          }
-          group.children.unshift(row);
-      }
-      /**
-       * Checks if a row is a group header, adding typescript type-checking
-       */
-      isGroupHeader(row) {
-          return row.groupHeader;
-      }
-      /**
-       * Checks if a row is a group footer, adding typescript type-checking
-       */
-      isGroupFooter(row) {
-          return row.groupFooter && !row.groupSummary;
-      }
-      /**
-       * Checks if a row is a summary, adding typescript type-checking
-       */
-      isGroupSummary(row) {
-          return row.groupSummary;
-      }
-      /**
-       * Checks if a row is the last grouping of the grid (the most internal grouping)
-       */
-      isLastGrouping(group) {
-          return group.groupColumnName === this.groupColumns[this.groupColumns.length - 1].name;
-      }
-      /**
-       * change event of editable components
-       * - override to call updateSummary on change
-       */
-      changeEditableComponent(column, row, value, component) {
-          super.changeEditableComponent(column, row, value, component);
-          this.updateSummary();
-      }
-  }
-
-  class TekGridColumnsButtonController extends common.IterableColumnsButtonController {
-      changeGroupedColumn(column, { component, event, element }) {
-          column.grouped = component.value;
-          if (!column.grouped) {
-              const index = this.iterableComponent.datasource.order.indexOf(`${column.name}.asc`);
-              this.iterableComponent.datasource.order.splice(index, 1);
-          }
-          this.iterableComponent.changeLayout(event, element);
-      }
-      changeAggregationColumn(column, { component, event, element }) {
-          const newValue = component.value || undefined;
-          if (column.aggregation !== newValue) {
-              this.iterableComponent.changeLayout(event, element);
-          }
-          column.aggregation = newValue;
-      }
-      showHideTekColumn(column, { component, event, element }) {
-          if (!component.value && column.grouped)
-              column.grouped = false;
-          column.isVisible = component.value;
-          this.iterableComponent.changeLayout(event, element);
-      }
-  }
-
-  /**
-   * Base class for TekGrid Columns Button component
-   */
-  class TekGridColumnsButton extends common.IterableColumnsButton {
-      constructor(props) {
-          super(props);
-          this.hideGroups = false;
-          this.aggregationDataSet = [];
-          this.hideGroups = this.getInitValue('hideGroups', props.hideGroups, this.hideGroups);
-          this.createAccessors();
-      }
-      onCreated() {
-          super.onCreated();
-          this.controller = new TekGridColumnsButtonController(this.iterableComponent);
-          core.Loader.addController(`IterableColumnsButtonController_${this.componentId}`, this.controller);
-      }
-      getAggregationSelectData() {
-          if (!this.aggregationDataSet.length) {
-              this.aggregationDataSet = columnAggregationValues.filter(Boolean).map((value) => ({
-                  text: core.I18n.translate(`TEKGRID_AGGREGATION_${value}`),
-                  value,
-              }));
-          }
-          return this.aggregationDataSet;
-      }
-  }
-
-  class TekFilterHelper {
-      static getLabel(name) {
-          return core.DateHelper.getLabel(name);
-      }
-      static getValue(name, column) {
-          return core.DateHelper.getValue(name, column.componentProps.dateFormat);
-      }
-      static register(name, label, fn) {
-          core.DateHelper.register(name, label, fn);
-      }
-      static unregister(name) {
-          core.DateHelper.unregister(name);
-      }
-  }
-
-  /**
-   * Base class for TekGrid Filter Button component
-   */
-  class TekGridFilterButton extends common.Button {
-      constructor(props) {
-          super(props);
-          this.showCheckboxAll = false;
-          this.filterFormInputs = {};
-          this.gridName = this.getInitValue('gridName', props.gridName, this.gridName);
-          this.grid = this.getInitValue('grid', props.grid, undefined);
-          this.showCheckboxAll = this.getInitValue('showCheckboxAll', props.showCheckboxAll, this.showCheckboxAll);
-          this.createAccessors();
-          if (!this.grid)
-              this.loadGrid();
-      }
-      loadGrid(gridName) {
-          if (gridName)
-              this.gridName = gridName;
-          if (!this.gridName)
-              return;
-          this.grid = core.Metadata.getInstances(this.gridName)[0];
-      }
-      click(event) {
-          this.callEvent('click', { component: this, event });
-          this.grid.callEvent('filterClick', { component: this.grid, event });
-          if (!(event === null || event === void 0 ? void 0 : event.defaultPrevented)) {
-              this.createFilterFromColumns.call(this);
-          }
-      }
-      loadFilterValues({ component }) {
-          const changedCompNames = [];
-          const { datasource } = this.grid;
-          if (datasource instanceof TekRestDatasource || datasource instanceof TekMemoryDatasource) {
-              const { dynamicFilter } = datasource;
-              const newDynamicFilter = Object.assign(Object.assign({}, this.grid.defaultFilter), dynamicFilter);
-              Object.keys(newDynamicFilter).forEach((column) => {
-                  if (newDynamicFilter[column] && newDynamicFilter[column].length > 0) {
-                      newDynamicFilter[column].forEach((filterItem, index) => {
-                          const relation = filterItem.relation || 'AND';
-                          const operation = filterItem.operation || 'CONTAINS';
-                          const compName = `${this.grid.name}-filter-${relation}-${operation}-${column}-${index}`;
-                          changedCompNames.push(compName);
-                          component.value[compName] = filterItem.value;
-                          let helperValue = '';
-                          const columnObj = this.grid.getColumn(column);
-                          if (columnObj instanceof TekGridColumn) {
-                              const { filterProps } = columnObj;
-                              if (!Array.isArray(filterProps)) {
-                                  helperValue = filterProps.helperValue || '';
-                              }
-                              else {
-                                  filterProps.forEach((prop) => {
-                                      if ((prop.relation || 'AND') === relation && (prop.operation || 'CONTAINS') === operation) {
-                                          helperValue = prop.helperValue || '';
-                                      }
-                                  });
-                              }
-                              const inputObj = core.Metadata.getInstances(compName);
-                              if (helperValue && inputObj.length && inputObj[0]) {
-                                  inputObj[0].hint = TekFilterHelper.getLabel(helperValue);
-                              }
-                          }
-                      });
-                  }
-              });
-          }
-          else {
-              const { filter } = datasource;
-              const newFilter = Object.assign(Object.assign({}, this.grid.defaultFilter), filter);
-              Object.keys(newFilter).forEach((item) => {
-                  if (newFilter[item]) {
-                      const compName = `${this.grid.name}-filter-AND-CONTAINS-${item}-0`;
-                      changedCompNames.push(compName);
-                      component.value[compName] = newFilter[item];
-                  }
-              });
-          }
-          Object.keys(component.value).forEach((compName) => {
-              if (changedCompNames.indexOf(compName) === -1) {
-                  component.value[compName] = null;
-              }
-          });
-      }
-      hideFilterModal() {
-          this.filterModal.hide();
-      }
-      destroyFilterModal() {
-          if (this.filterModal)
-              this.filterModal.destroy();
-      }
-      createFilterFromColumns() {
-          if (!this.filterModal) {
-              const originalProps = {
-                  height: 'auto',
-                  maxHeight: '18.75rem',
-                  persistent: true,
-                  title: 'FILTER',
-              };
-              const mergeModalFilterProps = Object.assign(originalProps, this.grid.modalFilterProps);
-              const filterModalDef = {
-                  name: `${this.grid.name}-filter-modal`,
-                  persistent: mergeModalFilterProps.persistent,
-                  grid: mergeModalFilterProps.grid,
-                  cssClass: mergeModalFilterProps.cssClass,
-                  cssStyle: mergeModalFilterProps.cssStyle,
-                  draggable: mergeModalFilterProps.draggable,
-                  dragHandle: mergeModalFilterProps.dragHandle,
-                  fullscreen: mergeModalFilterProps.fullscreen,
-                  light: mergeModalFilterProps.light,
-                  dark: mergeModalFilterProps.dark,
-                  escKeydownStop: false,
-                  children: [
-                      {
-                          name: `${this.grid.name}-filter-header-container`,
-                          component: 'ZdContainer',
-                          cssClass: 'zd-pa-0 zd-display-flex',
-                          children: [
-                              {
-                                  name: `${this.grid.name}-filter-title`,
-                                  component: 'ZdText',
-                                  cssStyle: `color: ${'var(--v-primary-base);'}`,
-                                  text: mergeModalFilterProps.title,
-                                  tag: 'h3',
-                              },
-                              {
-                                  name: `${this.grid.name}-filter-spacer`,
-                                  component: 'VSpacer',
-                              },
-                              {
-                                  name: `${this.grid.name}-filter-close-button`,
-                                  component: 'ZdModalCloseButton',
-                                  small: true,
-                                  modalName: `${this.grid.name}-filter-modal`,
-                              },
-                          ],
-                      },
-                      {
-                          name: `${this.grid.name}-filter-content-container`,
-                          component: 'ZdContainer',
-                          scrollView: true,
-                          cssClass: 'zd-my-2 zd-pa-0 tek-grid-filter-content-container',
-                          maxHeight: mergeModalFilterProps.maxHeight,
-                          height: mergeModalFilterProps.height,
-                          children: [
-                              {
-                                  name: `${this.grid.name}-filter-form`,
-                                  component: 'ZdForm',
-                                  cssClass: 'zd-my-2 zd-pa-0',
-                                  children: this.getFilterModalComponents(),
-                                  events: {
-                                      onMounted: this.loadFilterValues.bind(this),
-                                  },
-                              },
-                          ],
-                      },
-                      {
-                          name: `${this.grid.name}-filter-footer-container`,
-                          component: 'ZdContainer',
-                          cssClass: 'zd-pa-0',
-                          children: [
-                              {
-                                  name: `${this.grid.name}-filter-footer`,
-                                  component: 'ZdFooter',
-                                  color: 'transparent',
-                                  padless: true,
-                                  leftSlot: [
-                                      {
-                                          name: `${this.grid.name}-filter-clearButton`,
-                                          component: 'ZdButton',
-                                          label: 'CLEAR',
-                                          outline: true,
-                                          events: {
-                                              click: this.clearFilter.bind(this),
-                                          },
-                                      },
-                                  ],
-                                  rightSlot: [
-                                      {
-                                          name: `${this.grid.name}-filter-cancelButton`,
-                                          component: 'ZdButton',
-                                          label: 'CANCEL',
-                                          keyMap: {
-                                              esc: {
-                                                  event: this.hideFilterModal.bind(this),
-                                                  focus: true,
-                                                  visible: true,
-                                                  input: true,
-                                                  stop: true,
-                                              },
-                                          },
-                                          outline: true,
-                                          events: {
-                                              click: this.hideFilterModal.bind(this),
-                                          },
-                                      },
-                                      {
-                                          name: `${this.grid.name}-filter-okButton`,
-                                          component: 'ZdButton',
-                                          label: 'OK',
-                                          events: {
-                                              click: this.applyFilter.bind(this),
-                                          },
-                                          keyMap: {
-                                              'mod+enter': {
-                                                  event: this.applyFilter.bind(this),
-                                                  focus: true,
-                                                  input: true,
-                                                  stop: true,
-                                                  visible: true,
-                                              },
-                                          },
-                                      },
-                                  ],
-                              },
-                          ],
-                      },
-                  ],
-              };
-              this.filterModal = common.ModalService.create(filterModalDef);
-          }
-          else {
-              this.loadFilterValues({ component: core.Metadata.getInstance(`${this.grid.name}-filter-form`) });
-          }
-          this.filterModal.show();
-      }
-      onBeforeDestroy() {
-          super.onBeforeDestroy();
-          this.destroyFilterModal();
-      }
-      formatFormValue(filterForm) {
-          return Object.keys(filterForm.value).reduce((result, item) => {
-              try {
-                  const itemInstance = filterForm.getChildInstance(item);
-                  if (!(itemInstance instanceof common.SelectMultiple) || !itemInstance.checkboxAll)
-                      return result;
-                  // when selectmultiple with checkboxAll, should either remove it from the filter or
-                  // change the value to T, depending on selectAllCompatibilityMode
-                  if (core.Config.selectAllCompatibilityMode) {
-                      result[item] = 'T';
-                      return result;
-                  }
-                  delete result[item];
-                  return result;
-              }
-              catch (e) {
-                  return result;
-              }
-          }, Object.assign({}, filterForm.value));
-      }
-      applyFilter({ event }) {
-          const filterForm = core.Metadata.getInstance(`${this.grid.name}-filter-form`);
-          if (filterForm.validate()) {
-              const { datasource } = this.grid;
-              const filter = {};
-              const formValue = this.formatFormValue(filterForm);
-              if (datasource instanceof TekRestDatasource || datasource instanceof TekMemoryDatasource) {
-                  Object.keys(formValue).forEach((item) => {
-                      const itemValue = formValue[item];
-                      if (itemValue && !(Array.isArray(itemValue) && !itemValue.length)) {
-                          const relationAndOperationAndName = item.split(`${this.grid.name}-filter-`)[1];
-                          const [relation, operation] = relationAndOperationAndName.split('-');
-                          let columnName = relationAndOperationAndName.split(`${relation}-${operation}-`)[1];
-                          columnName = columnName.split('-').slice(0, -1).join('-'); // remove index
-                          if (!filter[columnName]) {
-                              filter[columnName] = [];
-                          }
-                          const value = itemValue;
-                          filter[columnName].push({
-                              relation,
-                              operation,
-                              value,
-                          });
-                      }
-                  });
-                  datasource.dynamicFilter = filter;
-                  this.setFilter(filter, event, datasource.setBaseFilter.bind(datasource));
-              }
-              else {
-                  Object.keys(formValue).forEach((item) => {
-                      let columnName = item.split(`${this.grid.name}-filter-AND-CONTAINS-`)[1];
-                      columnName = columnName.split('-').slice(0, -1).join('-'); // remove index
-                      if (formValue[item]) {
-                          filter[columnName] = formValue[item];
-                      }
-                  });
-                  datasource.filter = filter;
-                  this.setFilter(filter, event, datasource.setBaseFilter.bind(datasource));
-              }
-              this.grid.changeLayout(event);
-          }
-      }
-      setFilter(filter, event, filterFn) {
-          this.grid.callEvent('beforeApplyFilter', { component: this.grid, event });
-          if (event.defaultPrevented)
-              return;
-          filterFn(filter);
-          this.hideFilterModal();
-      }
-      clearFilter() {
-          const filterForm = core.Metadata.getInstance(`${this.grid.name}-filter-form`);
-          Object.keys(filterForm.value).forEach((item) => {
-              filterForm.value[item] = null;
-          });
-      }
-      sortFilterIndex(col1, col2) {
-          const index1 = col1.filterIndex !== undefined ? col1.filterIndex : Number.MAX_SAFE_INTEGER;
-          const index2 = col2.filterIndex !== undefined ? col2.filterIndex : Number.MAX_SAFE_INTEGER;
-          return index1 - index2;
-      }
-      getFilterInputs(columnName) {
-          const mapper = (name) => core.Metadata.getInstance(name);
-          if (columnName) {
-              return this.filterFormInputs[columnName].map(mapper);
-          }
-          const values = Object.values(this.filterFormInputs);
-          return values.reduce((result, current) => ([...result, ...current.map(mapper)]), []);
-      }
-      getFilterModalComponents() {
-          const filterColumns = [];
-          let columnComponentName;
-          [...this.grid.columns].sort(this.sortFilterIndex).forEach((column) => {
-              const filterProps = Array.isArray(column.filterProps) ? column.filterProps : [column.filterProps];
-              if (column.filterable && filterProps && filterProps.length > 0) {
-                  this.filterFormInputs[column.name] = [];
-                  filterProps.forEach((filterItem, index) => {
-                      var _a;
-                      const { datasource } = this.grid;
-                      if (datasource instanceof TekRestDatasource || datasource instanceof TekMemoryDatasource) {
-                          const relation = filterItem.relation || 'AND';
-                          const operation = filterItem.operation || 'CONTAINS';
-                          columnComponentName = `${this.grid.name}-filter-${relation}-${operation}-${column.name}-${index}`;
-                      }
-                      else {
-                          columnComponentName = `${this.grid.name}-filter-AND-CONTAINS-${column.name}-${index}`;
-                      }
-                      this.filterFormInputs[column.name].push(columnComponentName);
-                      const newColumnComponent = Object.assign(Object.assign(Object.assign({ label: column.label }, column.componentProps), filterItem), { name: columnComponentName });
-                      if (filterItem.helperOptions) {
-                          if (!newColumnComponent.events)
-                              newColumnComponent.events = {};
-                          newColumnComponent.events.change = this.changeHelperEvent.bind(this, column);
-                      }
-                      if (newColumnComponent.component === 'ZdSelectMultiple') {
-                          newColumnComponent.showCheckboxAll = (_a = newColumnComponent.showCheckboxAll) !== null && _a !== void 0 ? _a : this.showCheckboxAll;
-                      }
-                      filterColumns.push(newColumnComponent);
-                  });
-              }
-          });
-          return filterColumns;
-      }
-      changeHelperEvent(column, { component }) {
-          const { helperValue } = component;
-          const componentName = component.name;
-          if (!Array.isArray(column.filterProps)) {
-              column.filterProps.helperValue = helperValue;
-          }
-          else {
-              column.filterProps.forEach((prop) => {
-                  const relationAndOperationAndName = componentName.split(`${this.grid.name}-filter-`)[1];
-                  const [relation, operation] = relationAndOperationAndName.split('-');
-                  if ((prop.relation || 'AND') === relation && (prop.operation || 'CONTAINS') === operation) {
-                      prop.helperValue = helperValue;
-                  }
-              });
-          }
-      }
-  }
-
-  class TekGridLayoutOptions extends common.ComponentRender {
-      constructor() {
-          super(...arguments);
-          this.currentLayoutName = '';
-          this.layoutEdited = false;
-          this.layouts = {};
-          this.layoutNames = [];
-          this.originalColumnProps = [];
-          this.originalDatasourceOrder = [];
-          this.originalDatasourceDynamicFilter = {};
-          this.originalDatasourceFilter = {};
-      }
-      getParentGrid() {
-          let { parent } = this;
-          while (parent
-              && !(parent.constructor === common.Grid
-                  || parent.constructor.prototype instanceof common.Grid)) {
-              parent = parent.parent;
-          }
-          return parent;
-      }
-      onMounted(element) {
-          const _super = Object.create(null, {
-              onMounted: { get: () => super.onMounted }
-          });
-          return __awaiter(this, void 0, void 0, function* () {
-              _super.onMounted.call(this, element);
-              this.grid = this.getParentGrid();
-              this.originalDatasourceOrder = [...this.grid.datasource.order];
-              this.originalDatasourceDynamicFilter = Object.assign({}, this.grid.datasource.dynamicFilter);
-              this.originalDatasourceFilter = Object.assign({}, this.grid.datasource.filter);
-              this.originalColumnProps = this.grid.columns.map((column) => ({
-                  name: column.name,
-                  label: column.label,
-                  align: column.align,
-                  isVisible: column.isVisible,
-                  minWidth: column.minWidth,
-                  maxWidth: column.maxWidth,
-                  width: column.width,
-                  fixed: column.fixed,
-                  grouped: column.grouped,
-                  groupOpened: column.groupOpened,
-                  aggregation: column.aggregation,
-                  filterHelperValue: this.getHelperValue(column),
-              }));
-              let layoutsInfo = {};
-              const promise = this.loadLayoutsInfo();
-              if (this.grid instanceof TekGrid) {
-                  this.grid.registerTask(promise);
-              }
-              layoutsInfo = yield promise;
-              if (layoutsInfo.layouts) {
-                  this.layouts = layoutsInfo.layouts;
-                  this.layoutNames = Object.keys(this.layouts);
-                  if (layoutsInfo.currentLayoutName) {
-                      this.currentLayoutName = layoutsInfo.currentLayoutName;
-                      this.applyLayout(this.currentLayoutName, false);
-                  }
-              }
-          });
-      }
-      loadLayoutsInfo() {
-          return __awaiter(this, void 0, void 0, function* () {
-              const eventFunction = this.events.loadLayouts || this.grid.events.loadLayouts;
-              if (eventFunction && typeof eventFunction === 'function') {
-                  return eventFunction({ component: this.grid });
-              }
-              if (core.Config.loadGridLayoutsEndPoint) {
-                  const route = core.Config.loadGridLayoutsEndPoint;
-                  const response = yield core.Http.get(`${route}?id=${this.grid.name}`);
-                  const responseData = response.data.data;
-                  return responseData.length && responseData[0]
-                      ? responseData[0].layouts
-                      : responseData.layouts || {};
-              }
-              return JSON.parse(localStorage.getItem(this.grid.name) || '{}');
-          });
-      }
-      getHelperValue(column) {
-          if (column instanceof TekGridColumn) {
-              if (!Array.isArray(column.filterProps))
-                  return column.filterProps.helperValue;
-              return column.filterProps.map((prop) => prop.helperValue);
-          }
-          return '';
-      }
-      newLayout(layout) {
-          this.fixColumns(layout);
-          this.currentLayoutName = layout.name;
-          this.addLayout(layout);
-          this.layoutEdited = false;
-      }
-      addLayout(layout) {
-          this.fixColumns(layout);
-          this.layouts[layout.name] = layout;
-          this.saveLayouts();
-      }
-      discardChanges() {
-          const layoutSelected = this.layouts[this.currentLayoutName];
-          if (this.viewApplyLayout) {
-              this.viewApplyLayout(layoutSelected);
-          }
-          this.layoutEdited = false;
-      }
-      applyLayout(name, save = true) {
-          this.currentLayoutName = name;
-          const layoutSelected = this.layouts[name];
-          if (this.viewApplyLayout) {
-              this.viewApplyLayout(layoutSelected);
-          }
-          if (save) {
-              this.saveLayouts();
-          }
-          this.layoutEdited = false;
-      }
-      saveLayouts() {
-          this.layoutNames = Object.keys(this.layouts);
-          const layoutInfo = {
-              currentLayoutName: this.currentLayoutName,
-              layouts: this.layouts,
-          };
-          const eventFunction = this.events.saveLayouts || this.grid.events.saveLayouts;
-          if (eventFunction && typeof eventFunction === 'function') {
-              eventFunction({ component: this.grid, layouts: layoutInfo });
-          }
-          else if (core.Config.saveGridLayoutsEndPoint) {
-              const route = core.Config.saveGridLayoutsEndPoint;
-              core.Http.post(route, { id: this.grid.name, layouts: layoutInfo });
-          }
-          else {
-              localStorage.setItem(this.grid.name, JSON.stringify(layoutInfo));
-          }
-      }
-      deleteLayout(name) {
-          if (this.currentLayoutName === name) {
-              this.currentLayoutName = '';
-              this.applyLayout(this.currentLayoutName, false);
-          }
-          delete this.layouts[name];
-          this.saveLayouts();
-      }
-      updateLayout(name, layout) {
-          this.fixColumns(layout);
-          this.currentLayoutName = name;
-          layout.name = name;
-          this.layouts[layout.name] = layout;
-          this.saveLayouts();
-          this.layoutEdited = false;
-      }
-      updateDefaultLayout(layout) {
-          this.fixColumns(layout);
-          this.originalDatasourceOrder = layout.order || this.originalDatasourceOrder;
-          this.originalDatasourceDynamicFilter = layout.dynamicFilter || this.originalDatasourceDynamicFilter;
-          this.originalDatasourceFilter = layout.filter || this.originalDatasourceFilter;
-          if (layout.columns) {
-              this.originalColumnProps = layout.columns.map((column) => {
-                  const originalColumnIdx = this.originalColumnProps.findIndex((item) => item.name === column.name);
-                  const originalColumn = originalColumnIdx !== -1
-                      ? this.originalColumnProps[originalColumnIdx]
-                      : {};
-                  return Object.assign(Object.assign({}, originalColumn), column);
-              });
-          }
-          if (this.currentLayoutName === '') {
-              this.applyLayout(this.currentLayoutName, false);
-          }
-      }
-      fixColumns(layout) {
-          const hasLayoutColumns = !!layout.columns;
-          layout.columns = layout.columns || [];
-          const layoutColumnNames = layout.columns.map((layoutColumn) => layoutColumn.name);
-          this.grid.columns.forEach((gridColumn) => {
-              if (!hasLayoutColumns
-                  || layoutColumnNames.indexOf(gridColumn.name) === -1) {
-                  layout.columns.push({
-                      name: gridColumn.name,
-                      label: gridColumn.label,
-                      align: gridColumn.align,
-                      isVisible: !hasLayoutColumns && gridColumn.isVisible,
-                      width: gridColumn.width,
-                      minWidth: gridColumn.minWidth,
-                      maxWidth: gridColumn.maxWidth,
-                      fixed: gridColumn.fixed,
-                      grouped: gridColumn.grouped,
-                      groupOpened: gridColumn.groupOpened,
-                      aggregation: gridColumn.aggregation,
-                      filterHelperValue: this.getHelperValue(gridColumn),
-                  });
-              }
-          });
-      }
-  }
-
-  /* TekTreeGrid Class */
-  class TekTreeGrid extends common.TreeGridEditable {
-      /**
-       * TekTreeGrid class constructor
-       * @param props TekTreeGrid properties
-       */
-      constructor(props) {
-          super(props);
-          /* Grid Title */
-          this.title = '';
-          /* Show Add button */
-          this.addButton = false;
-          /**
-           * Components that will be rendered on toolbar slot
-           */
-          this.toolbarConfig = [];
-          /* Show edit buttons */
-          this.showEditButtons = true;
-          /* Show Delete button */
-          this.deleteButton = 'none';
-          /* Show Delete button */
-          this.actions = [];
-          /* Show Filter button */
-          this.filterButton = false;
-          /* Define modal filter props */
-          this.modalFilterProps = {
-              name: this.name,
-              height: 'auto',
-              persistent: true,
-              cssClass: '',
-              cssStyle: '',
-              dark: false,
-              draggable: false,
-              fullscreen: false,
-              dragHandle: '',
-              title: 'FILTER',
-          };
-          /* Show search Input */
-          this.showSearch = true;
-          /* Show Hide button */
-          this.showHideButton = true;
-          /* Show Column Filter button */
-          this.columnFilterButton = false;
-          /* Show Columns button */
-          this.columnsButton = false;
-          /* Columns to be ignored on columns button */
-          this.columnsButtonIgnore = [];
-          /**
-           * Enables column dragging
-           * @public
-           */
-          this.dragColumns = true;
-          /**
-           * Defines if the grid is the unique grid on screen
-           */
-          this.mainGrid = true;
-          /**
-           * Enables column resizing
-           * @public
-           */
-          this.resizeColumns = true;
-          /**
-           * Enables layout saving
-           * @public
-           */
-          this.showLayoutOptions = true;
-          /**
-           * Show export button
-           */
-          this.showExport = false;
-          /**
-           * Show refresh button
-           */
-          this.showReload = true;
-          this.toolbarOpened = true;
-          /**
-           * Export config
-           */
-          this.exportConfig = [
-              {
-                  type: 'pdf',
-                  label: core.I18n.translate('TEKGRID_EXPORT_AS', { type: 'PDF' }),
-                  multiOption: [
-                      { label: core.I18n.translate('TEKGRID_PORTRAIT'), iconName: 'mdi-file-outline' },
-                      {
-                          label: core.I18n.translate('TEKGRID_LANDSCAPE'),
-                          iconName: 'mdi-file-outline',
-                          cssClass: 'tek-grid-export-landscape',
-                          reportParams: { portrait: false },
-                      },
-                  ],
-              },
-              {
-                  type: 'xls',
-                  label: core.I18n.translate('TEKGRID_EXPORT_AS', {
-                      type: 'XLS',
-                  }),
-              },
-              {
-                  type: 'xls2',
-                  label: core.I18n.translate('TEKGRID_EXPORT_AS', {
-                      type: `XLS ${core.I18n.translate('TEKGRID_WITH_GROUPS')}`,
-                  }),
-              },
-              {
-                  type: 'xls3',
-                  label: core.I18n.translate('TEKGRID_EXPORT_AS', {
-                      type: `XLS ${core.I18n.translate('TEKGRID_GRID_MIRROR')}`,
-                  }),
-              },
-              {
-                  type: 'csv',
-                  label: core.I18n.translate('TEKGRID_EXPORT_AS', { type: 'CSV' }),
-              },
-          ];
-          this.toolbarSlotProps = false;
-          this.showCheckboxAllFilter = false;
-          this.defaultFilter = {};
-          this.reportTitle = '';
-          this.title = this.getInitValue('title', props.title, this.title);
-          this.addButton = this.getInitValue('addButton', props.addButton, this.addButton);
-          this.deleteButton = this.getInitValue('deleteButton', props.deleteButton, this.deleteButton);
-          this.showEditButtons = this.getInitValue('showEditButtons', props.showEditButtons, this.showEditButtons);
-          this.filterButton = this.getInitValue('filterButton', props.filterButton, this.filterButton);
-          this.showSearch = this.getInitValue('showSearch', props.showSearch, this.showSearch);
-          this.showHideButton = this.getInitValue('showHideButton', props.showHideButton, this.showHideButton);
-          this.columnFilterButton = this.getInitValue('columnFilterButton', props.columnFilterButton, this.columnFilterButton);
-          this.columnsButton = this.getInitValue('columnsButton', props.columnsButton, this.columnsButton);
-          this.columnsButtonIgnore = this.getInitValue('columnsButtonIgnore', props.columnsButtonIgnore, this.columnsButtonIgnore);
-          this.dragColumns = this.getInitValue('dragColumns', props.dragColumns, this.dragColumns);
-          this.resizeColumns = this.getInitValue('resizeColumns', props.resizeColumns, this.resizeColumns);
-          this.showLayoutOptions = this.getInitValue('showLayoutOptions', props.showLayoutOptions, this.showLayoutOptions);
-          this.showExport = this.getInitValue('showExport', props.showExport, this.showExport);
-          this.showReload = this.getInitValue('showReload', props.showReload, this.showReload);
-          this.exportConfig = this.getInitValue('exportConfig', props.exportConfig, this.exportConfig);
-          this.modalFilterProps = this.getInitValue('modalFilterProps', props.modalFilterProps, this.modalFilterProps);
-          this.showCheckboxAllFilter = this.getInitValue('showCheckboxAllFilter', props.showCheckboxAllFilter, this.showCheckboxAllFilter);
-          this.defaultFilter = this.getInitValue('defaultFilter', props.defaultFilter, this.defaultFilter);
-          this.toolbarConfig = this.getInitValue('toolbarConfig', props.toolbarConfig, this.toolbarConfig);
-          this.toolbarOpened = this.getInitValue('toolbarOpened', props.toolbarOpened, this.toolbarOpened);
-          this.exportActions = props.exportActions || this.exportActions;
-          this.reportTitle = this.getInitValue('reportTitle', props.reportTitle, this.reportTitle);
-          this.actions = props.actions || this.actions;
-          this.toolbarSlotProps = props.toolbarSlot !== undefined;
-          if (this.deleteButton === 'selection') {
-              this.selectable = true;
-          }
-          this.keyShortcutKeyMapping = {
-              'mod+f': {
-                  event: this.focusSearchInput.bind(this),
-                  stop: true,
-                  active: !this.mainGrid,
-                  input: true,
-              },
-              'mod+l': {
-                  event: ({ event, element }) => {
-                      if (this.filterButton) {
-                          const instance = core.Metadata.getInstance(`${this.name}_filterButton`);
-                          instance.click(event, element);
-                      }
-                  },
-                  stop: true,
-                  active: !this.mainGrid,
-                  input: true,
-              },
-              'mod+enter': {
-                  event: () => {
-                      const instance = core.Metadata.getInstance(`${this.name}_actions_dropdown`);
-                      instance.setFocus();
-                      instance.value = !instance.value;
-                  },
-                  stop: true,
-                  active: !this.mainGrid,
-                  input: true,
-              },
-          };
-          this.gridBase = new GridBase(this);
-          this.filterOperationsDatasource = this.gridBase.getFilterOperationsDatasource();
-          this.filterRelationsDatasource = this.gridBase.getFilterRelationsDatasource();
-          this.createAccessors();
-      }
-      onMounted(element) {
-          super.onMounted(element);
-          core.KeyMap.bind(this.keyShortcutKeyMapping, this, element);
-      }
-      onBeforeDestroy() {
-          super.onBeforeDestroy();
-          core.KeyMap.unbind(this.keyShortcutKeyMapping, this);
-      }
-      onCreated() {
-          super.onCreated();
-          core.Loader.addController(`GridController_${this.componentId}`, new GridController(this));
-          if (!this.toolbarSlotProps)
-              this.toolbarSlot = this.gridBase.createToolbarProps();
-      }
-      focusSearchInput() {
-          const searchInput = core.Metadata.getInstance(`${this.name}_gridSearch`);
-          searchInput.setFocus();
-      }
-      get layoutOptions() {
-          if (!this.showLayoutOptions)
-              return undefined;
-          return core.Metadata.getInstance(`${this.name}_layout_options`);
-      }
-      /**
-       * Get Grid columns objects
-       * @param columns Grid columns parameter
-       */
-      getColumns(columns) {
-          return columns.map((column) => new TekGridColumn(column, this));
-      }
-      columnHasFilterData(column) {
-          if (this.datasource instanceof TekRestDatasource
-              || this.datasource instanceof TekMemoryDatasource) {
-              const dynamicFilter = this.datasource.dynamicFilter[column.name];
-              return dynamicFilter && dynamicFilter.length > 0;
-          }
-          return this.datasource.filter[column.name];
-      }
-      getReport(type, portrait, rowObj = {}) {
-          return __awaiter(this, void 0, void 0, function* () {
-              const report = new common.Report(this, this.title || this.reportTitle);
-              const reportGroups = {};
-              const reportAggregations = {};
-              let filter;
-              if (this.datasource instanceof TekRestDatasource
-                  || this.datasource instanceof TekMemoryDatasource) {
-                  const reportFilter = new ReportFilter(this.datasource.dynamicFilter);
-                  filter = reportFilter.build();
-              }
-              let beforeOpen;
-              if (typeof this.events.beforeOpenReport === 'function') {
-                  beforeOpen = this.events.beforeOpenReport;
-              }
-              return report
-                  .getReport(type, portrait, {
-                  metaData: merge__default["default"](rowObj, {
-                      filter,
-                      groups: reportGroups,
-                      columns: reportAggregations,
-                  }),
-              }, beforeOpen)
-                  .then((reportUrl) => window.open(reportUrl));
-          });
-      }
-      setSearch(search) {
-          return __awaiter(this, void 0, void 0, function* () {
-              return this.gridBase.setSearch(search);
-          });
-      }
-      /**
-       * Dispatches row click event
-       * @param row Grid row
-       * @param event DOM event
-       * @param element DOM Element
-       */
-      rowClick(row, event, element) {
-          if (!this.preventRowClick) {
-              this.datasource.currentRow = row;
-              this.callEvent('rowClick', {
-                  event,
-                  element,
-                  row,
-                  component: this,
-                  column: undefined,
-              });
-          }
-          this.preventRowClick = false;
-      }
-      getAtomInstance(key) {
-          return this.gridBase.getAtomInstance(key);
-      }
-      getFilterInputs(columnName) {
-          return this.gridBase.getFilterInputs(columnName);
-      }
-      getColumn(name) {
-          return super.getColumn(name);
-      }
-  }
-
-  let TekUserInfoController = class TekUserInfoController {
-      constructor(component) {
-          this.component = component;
-      }
-      get versionInfo() {
-          return this.component.versionInfo;
-      }
-      get name() {
-          var _a;
-          return ((_a = this.versionInfo) === null || _a === void 0 ? void 0 : _a.name) || '';
-      }
-      set name(value) {
-          if (!this.versionInfo)
-              return;
-          this.versionInfo.name = value;
-      }
-      get version() {
-          var _a;
-          return ((_a = this.versionInfo) === null || _a === void 0 ? void 0 : _a.version) || '';
-      }
-      set version(value) {
-          if (!this.versionInfo)
-              return;
-          this.versionInfo.version = value;
-      }
-      get hasDefaultEmail() {
-          return !!this.component.defaultEmail;
-      }
-      get hasAboutImage() {
-          return !!this.component.aboutImage;
-      }
-      mergeText(name, version) {
-          return `<li>${name} - <b>${version}</b></li>`;
-      }
-      get mainVersion() {
-          var _a;
-          if (!((_a = this.versionInfo) === null || _a === void 0 ? void 0 : _a.name) || !this.versionInfo.version)
-              return '';
-          return `${this.versionInfo.name} - <b>${this.versionInfo.version}</b>`;
-      }
-      getItems(tab) {
-          if (!this.versionInfo)
-              return [];
-          const tabInfo = this.versionInfo[tab];
-          return `<ul>${tabInfo.map((item) => this.mergeText(item.name, item.version)).join('')}</ul>`;
-      }
-      get frontendItems() {
-          return this.getItems('frontend');
-      }
-      get backendItems() {
-          return this.getItems('backend');
-      }
-      get modulesItems() {
-          return this.getItems('modules');
-      }
-      get showReportError() {
-          const { reportError } = this.component.visibleItems;
-          return reportError || reportError === undefined;
-      }
-      get showVersionInfo() {
-          const { versionInfo } = this.component.visibleItems;
-          return versionInfo || versionInfo === undefined;
-      }
-      get showAbout() {
-          const { about } = this.component.visibleItems;
-          return about || about === undefined;
-      }
-  };
-  TekUserInfoController = __decorate([
-      core.Singleton
-  ], TekUserInfoController);
-
-  class TekUserInfo extends zdUserInfoCommon.UserInfo {
-      constructor(props) {
-          super(props);
-          /**
-          * Data about the application version
-          */
-          this.versionInfo = null;
-          /**
-          * Default email address to be defined in the Report Bug form
-          */
-          this.defaultEmail = '';
-          /**
-          * Url from which the version info will be retrieved
-          */
-          this.versionUrl = '';
-          /**
-          * Path to the image to be shown on about modal
-          */
-          this.aboutImage = '';
-          this.aboutModalHeaderHeight = '';
-          this.versionInfo = this.getInitValue('versionInfo', props.versionInfo, this.versionInfo);
-          this.defaultEmail = this.getInitValue('defaultEmail', props.defaultEmail, this.defaultEmail);
-          this.versionUrl = this.getInitValue('versionUrl', props.versionUrl, this.versionUrl);
-          this.aboutImage = this.getInitValue('aboutImage', props.aboutImage, this.aboutImage);
-          this.aboutModalHeaderHeight = this.getInitValue('aboutModalHeaderHeight', props.aboutModalHeaderHeight, this.aboutModalHeaderHeight);
-          this.createAccessors();
-          this.propBottomSlot = props.bottomSlot;
-      }
-      getBottomSlot() {
-          return [
-              {
-                  name: `${this.name}_bottom_list`,
-                  component: 'TekUserInfoList',
-                  parentName: this.name,
-              },
-          ];
-      }
-      onAboutClick() {
-          if (!this.aboutModal) {
-              this.aboutModal = common.ModalService.create({
-                  name: `${this.name}_about_modal`,
-                  cssClass: 'about-modal',
-                  grid: { cols: 8, sm: 4, lg: 5 },
-                  height: '60%',
-                  children: [
-                      {
-                          name: `${this.name}_about_header`,
-                          component: 'ZdHeader',
-                          color: 'transparent',
-                          padless: true,
-                          elevation: 0,
-                          height: this.aboutModalHeaderHeight,
-                          rightSlot: [
-                              {
-                                  name: `${this.name}_about_close_button`,
-                                  component: 'ZdModalCloseButton',
-                                  small: true,
-                                  modalName: `${this.name}_about_modal`,
-                              },
-                          ],
-                          leftSlot: [
-                              {
-                                  name: `${this.name}_about_row`,
-                                  component: 'ZdTag',
-                                  tag: 'div',
-                                  cssStyle: 'width: 100%',
-                                  cssClass: 'zd-justify-center zd-px-6',
-                                  isVisible: `{{TekUserInfoController_${this.componentId}.hasAboutImage}}`,
-                                  children: [
-                                      {
-                                          name: `${this.name}_about_image`,
-                                          cssClass: 'zd-tekUserInfo-about-image',
-                                          component: 'ZdImage',
-                                          width: '100%',
-                                          src: this.aboutImage,
-                                      },
-                                  ],
-                              },
-                          ],
-                      },
-                      {
-                          name: `${this.name}_version_tabs`,
-                          cssClass: 'zd-pt-3 zd-tekUserInfo-tab',
-                          component: 'ZdTabs',
-                          tabs: [
-                              {
-                                  name: `${this.name}_version_frontend_tab`,
-                                  tabTitle: 'Frontend',
-                                  children: this.getVersionTree('frontend'),
-                              },
-                              {
-                                  name: `${this.name}_version_backend_tab`,
-                                  tabTitle: 'Backend',
-                                  children: this.getVersionTree('backend'),
-                              },
-                              {
-                                  name: `${this.name}_version_modules_tab`,
-                                  tabTitle: 'Modules',
-                                  children: this.getVersionTree('modules'),
-                              },
-                          ],
-                      },
-                  ],
-              });
-          }
-          this.aboutModal.show();
-      }
-      getVersionTree(tab) {
-          if (!this.versionInfo)
-              return [];
-          const main = {
-              name: `${this.name}_version_${tab}_main`,
-              component: 'ZdText',
-              text: `{{TekUserInfoController_${this.componentId}.mainVersion}}`,
-          };
-          const itemsComponent = {
-              name: `${this.name}_version_${tab}`,
-              component: 'ZdText',
-              cssClass: 'zd-pl-4',
-              text: `{{TekUserInfoController_${this.componentId}.${tab}Items}}`,
-          };
-          return [main, itemsComponent];
-      }
-      onReportClick() {
-          if (!this.reportModal) {
-              this.reportModal = common.ModalService.create({
-                  name: `${this.name}_report_modal`,
-                  children: [
-                      {
-                          name: `${this.name}_report_header`,
-                          component: 'ZdHeader',
-                          color: 'transparent',
-                          padless: true,
-                          elevation: 0,
-                          leftSlot: [
-                              {
-                                  name: `${this.name}_report_title`,
-                                  component: 'ZdText',
-                                  text: 'TEKUSERINFO_REPORT_ERROR',
-                                  cssClass: 'zd-theme-font-title',
-                              },
-                          ],
-                          rightSlot: [
-                              {
-                                  name: `${this.name}_report_close_button`,
-                                  component: 'ZdModalCloseButton',
-                                  small: true,
-                                  modalName: `${this.name}_report_modal`,
-                              },
-                          ],
-                      },
-                      {
-                          name: `${this.name}_report_form`,
-                          component: 'ZdForm',
-                          cssClass: 'zd-pt-4',
-                          children: [
-                              {
-                                  name: 'report_email',
-                                  component: 'ZdTextInput',
-                                  label: 'E-mail',
-                                  grid: {
-                                      cols: '12',
-                                  },
-                                  value: this.defaultEmail,
-                                  readonly: `{{TekUserInfoController_${this.componentId}.hasDefaultEmail}}`,
-                                  validations: {
-                                      required: {},
-                                      email: {},
-                                  },
-                              },
-                              {
-                                  name: 'report_cc',
-                                  component: 'ZdTextInput',
-                                  label: 'CC',
-                                  placeholder: 'TEKUSERINFO_EMAIL_PLACEHOLDER',
-                                  grid: {
-                                      cols: '12',
-                                  },
-                              },
-                              {
-                                  name: 'report_type',
-                                  component: 'ZdSelect',
-                                  label: 'TEKUSERINFO_TYPE',
-                                  dataValue: 'value',
-                                  dataText: 'text',
-                                  datasource: {
-                                      uniqueKey: 'value',
-                                      translate: true,
-                                      data: [
-                                          { value: '0', text: 'TEKUSERINFO_ERROR' },
-                                          { value: '1', text: 'TEKUSERINFO_IMPROVEMENT' },
-                                      ],
-                                  },
-                                  grid: {
-                                      cols: '12',
-                                  },
-                                  validations: {
-                                      required: {},
-                                  },
-                              },
-                              {
-                                  name: 'report_description',
-                                  component: 'ZdTextarea',
-                                  label: 'TEKUSERINFO_DESCRIPTION',
-                                  grid: {
-                                      cols: '12',
-                                  },
-                                  validations: {
-                                      required: {},
-                                  },
-                              },
-                          ],
-                      },
-                      {
-                          name: `${this.name}_report_footer`,
-                          component: 'ZdFooter',
-                          color: 'transparent',
-                          padless: true,
-                          rightSlot: [
-                              {
-                                  name: `${this.name}_report_cancel`,
-                                  component: 'ZdButton',
-                                  label: 'TEKUSERINFO_CANCEL',
-                                  outline: true,
-                                  events: {
-                                      click: () => { var _a; (_a = this.reportModal) === null || _a === void 0 ? void 0 : _a.hide(); },
-                                  },
-                              },
-                              {
-                                  name: `${this.name}_report_send`,
-                                  component: 'ZdButton',
-                                  label: 'TEKUSERINFO_SEND',
-                                  events: {
-                                      click: (args) => this.onSendReport(args),
-                                  },
-                              },
-                          ],
-                      },
-                  ],
-              });
-          }
-          this.reportModal.show();
-      }
-      onSendReport({ event, element }) {
-          if (!this.reportModal)
-              return;
-          const form = core.Metadata.getInstance(`${this.name}_report_form`);
-          if (!form.validate())
-              return;
-          this.callEvent('onSendReport', {
-              event, element, component: this, form,
-          });
-          this.reportModal.hide();
-      }
-      onCreated() {
-          super.onCreated();
-          core.Loader.addController(`TekUserInfoController_${this.componentId}`, new TekUserInfoController(this));
-          this.bottomSlot = this.propBottomSlot ? this.propBottomSlot : this.getBottomSlot();
-      }
-      onMounted(element) {
-          const _super = Object.create(null, {
-              onMounted: { get: () => super.onMounted }
-          });
-          return __awaiter(this, void 0, void 0, function* () {
-              _super.onMounted.call(this, element);
-              if (this.versionUrl) {
-                  const res = yield core.Http.get(this.versionUrl);
-                  this.versionInfo = res.data.versionInfo;
-              }
-          });
-      }
-  }
-  core.Messages.add({
-      'pt-BR': {
-          translation: {
-              TEKUSERINFO_ABOUT: 'Sobre',
-              TEKUSERINFO_REPORT_ERROR: 'Reportar Erro',
-              TEKUSERINFO_EMAIL_PLACEHOLDER: 'Separe e-mails usando ";"',
-              TEKUSERINFO_TYPE: 'Tipo',
-              TEKUSERINFO_ERROR: 'Erro',
-              TEKUSERINFO_IMPROVEMENT: 'Melhoria',
-              TEKUSERINFO_DESCRIPTION: 'Descrição',
-              TEKUSERINFO_CANCEL: 'Cancelar',
-              TEKUSERINFO_SEND: 'Enviar',
-          },
-      },
-      'en-US': {
-          translation: {
-              TEKUSERINFO_ABOUT: 'About',
-              TEKUSERINFO_REPORT_ERROR: 'Report Bug',
-              TEKUSERINFO_EMAIL_PLACEHOLDER: 'Separate e-mails using ";"',
-              TEKUSERINFO_TYPE: 'Type',
-              TEKUSERINFO_ERROR: 'Bug',
-              TEKUSERINFO_IMPROVEMENT: 'Improvement',
-              TEKUSERINFO_DESCRIPTION: 'Description',
-              TEKUSERINFO_CANCEL: 'Cancel',
-              TEKUSERINFO_SEND: 'Send',
-          },
-      },
-      'es-CL': {
-          translation: {
-              TEKUSERINFO_ABOUT: 'Sobre',
-              TEKUSERINFO_REPORT_ERROR: 'Reportar Error',
-              TEKUSERINFO_EMAIL_PLACEHOLDER: 'Separar e-mails usando ";"',
-              TEKUSERINFO_TYPE: 'Tipo',
-              TEKUSERINFO_ERROR: 'Error',
-              TEKUSERINFO_IMPROVEMENT: 'Mejora',
-              TEKUSERINFO_DESCRIPTION: 'Descripción',
-              TEKUSERINFO_CANCEL: 'Cancelar',
-              TEKUSERINFO_SEND: 'Enviar',
-          },
-      },
-  });
-
-  class TekUserInfoList extends common.List {
-      constructor(props) {
-          super(props);
-          /**
-           * Name of the user info component
-           */
-          this.parentName = '';
-          this.dense = true;
-          this.parentName = props.parentName || '';
-          this.items = this.getItems();
-      }
-      getItems() {
-          const parent = this.parentName ? core.Metadata.getInstance(this.parentName) : this.parent;
-          if (!(parent instanceof TekUserInfo)) {
-              throw Error(`Could not find the TekUserInfo component associated with ${this.name} TekUserInfoList`);
-          }
-          return [
-              {
-                  name: `${parent.name}_version`,
-                  component: 'ZdListItem',
-                  title: `{{TekUserInfoController_${parent.componentId}.name}}`,
-                  subtitle: `{{TekUserInfoController_${parent.componentId}.version}}`,
-                  isVisible: `{{TekUserInfoController_${parent.componentId}.showVersionInfo}}`,
-                  cssClass: 'zd-px-2',
-              },
-              {
-                  name: `${parent.name}_about`,
-                  component: 'ZdListItem',
-                  title: 'TEKUSERINFO_ABOUT',
-                  prependIcon: 'infoOutline',
-                  cssClass: 'zd-px-2',
-                  isVisible: `{{TekUserInfoController_${parent.componentId}.showAbout}}`,
-                  events: {
-                      click: () => parent.onAboutClick(),
-                  },
-              },
-              {
-                  name: `${parent.name}_report`,
-                  component: 'ZdListItem',
-                  title: 'TEKUSERINFO_REPORT_ERROR',
-                  prependIcon: 'mdi-ladybug',
-                  cssClass: 'zd-px-2',
-                  isVisible: `{{TekUserInfoController_${parent.componentId}.showReportError}}`,
-                  events: {
-                      click: () => parent.onReportClick(),
-                  },
-              },
-          ];
-      }
-  }
-
-  class TekDragGrid extends TekGrid {
-      constructor(props) {
-          super(Object.assign(Object.assign({}, props), { datasource: Object.assign(Object.assign({}, props.datasource), { order: [`${props.orderColumnName}.${props.orderMode || 'asc'}`] }) }));
-          this.internalOrderColumnName = '';
-          this.internalOrderMode = 'asc';
-          this.internalOrderColumnName = this.getInitValue('orderColumnName', props.orderColumnName, this.orderColumnName);
-          this.internalOrderMode = this.getInitValue('orderMode', props.orderMode, this.orderMode);
-          this.createAccessors();
-          this.draggable = new zdDragGridCommon.Draggable(this.orderColumnName, this.orderMode);
-      }
-      set orderColumnName(value) {
-          this.internalOrderColumnName = value;
-          this.draggable.orderColumnName = value;
-      }
-      get orderColumnName() {
-          return this.internalOrderColumnName;
-      }
-      set orderMode(value) {
-          this.internalOrderMode = value;
-          this.draggable.orderColumnName = value;
-      }
-      get orderMode() {
-          return this.internalOrderMode;
-      }
-      /**
-       * Event triggered when dragged element is moving
-       * @param event DOM event
-       * @param row row being dragged
-       * @param element HTML element
-       * @returns return false to cancel dragging
-       */
-      onDragMove(event, row, element) {
-          this.callEvent('onDragMove', {
-              component: this,
-              event,
-              row,
-              element,
-          });
-          return true;
-      }
-      /**
-       * Event triggered when drag starts
-       * @param event DOM event
-       * @param row row being dragged
-       * @param element HTML element
-       */
-      onDragStart(event, row, element) {
-          return this.callEvent('onDragStart', {
-              component: this,
-              event,
-              row,
-              element,
-          });
-      }
-      /**
-       * Event triggered when drag ends
-       * @param event DOM event
-       * @param row row being dragged
-       * @param element HTML element
-       */
-      onDragEnd(event, row, element) {
-          const { oldIndex, newIndex } = event;
-          const changes = this.draggable.getDragChanges(oldIndex, newIndex, this.datasource, this.getEditedRows());
-          this.editing = true;
-          const orderColumn = new common.GridColumnEditable({ name: this.orderColumnName });
-          changes.forEach((change) => {
-              this.changeEditableComponent(orderColumn, change.row, change.value);
-          });
-          this.callEvent('inlineEdit', {
-              event,
-              element,
-              row,
-              column: { name: this.orderColumnName },
-              component: this,
-          });
-          this.callEvent('onDragEnd', {
-              component: this,
-              event,
-              row,
-              element,
-          });
-      }
-  }
-
-  core.Messages.add({
-      'pt-BR': {
-          translation: {
-              NO_NOTIFICATIONS: 'Nenhuma Notificação',
-              MARK_ALL_AS_READ: 'Marcar todas como lidas',
-              NOTIFICATIONS: 'Notificações',
-              SEE_ALL_NOTIFICATIONS: 'Ver todas notificações',
-              UNAVAILABLE_IMAGE: 'Imagem indisponível',
-              REFRESH: 'Atualizar',
-              ACTIONS: 'Ações',
-              FILTER: 'Filtro',
-              LAYOUT: 'Layout: ',
-              NEW_LAYOUT: 'Novo layout',
-              DEFAULT_LAYOUT: 'Padrão',
-              LAYOUT_MODIFIED: 'O layout atual foi modificado. Crie um novo layout, sobrescreva um existente ou descarte as alterações',
-              LAYOUT_NOT_MODIFIED: 'Crie um novo layout ou aplique um dos layouts já existentes',
-              LAYOUT_DISCART_CHANGES: 'Descartar alterações',
-          },
-      },
-      'en-US': {
-          translation: {
-              NO_NOTIFICATIONS: 'No Notifications',
-              MARK_ALL_AS_READ: 'Mark all as read',
-              NOTIFICATIONS: 'Notifications',
-              SEE_ALL_NOTIFICATIONS: 'See all notifications',
-              UNAVAILABLE_IMAGE: 'Unavailable image',
-              REFRESH: 'Refresh',
-              ACTIONS: 'Actions',
-              FILTER: 'Filter',
-              LAYOUT: 'Layout: ',
-              NEW_LAYOUT: 'New layout',
-              DEFAULT_LAYOUT: 'Default',
-              LAYOUT_MODIFIED: 'The current layout has been modified. Create a new layout, overwrite an existing one or discard changes',
-              LAYOUT_NOT_MODIFIED: 'Create a new layout or apply one of the existing layouts',
-              LAYOUT_DISCART_CHANGES: 'Discard changes',
-          },
-      },
-      'es-CL': {
-          translation: {
-              NO_NOTIFICATIONS: 'Sin Notificación',
-              MARK_ALL_AS_READ: 'Marcar todo como leído',
-              NOTIFICATIONS: 'Notificaciones',
-              SEE_ALL_NOTIFICATIONS: 'Ver todas las notificaciones',
-              UNAVAILABLE_IMAGE: 'Imagen no disponible',
-              REFRESH: 'Actualizar',
-              ACTIONS: 'Acciones',
-              FILTER: 'Filtro',
-              LAYOUT: 'Disposición: ',
-              NEW_LAYOUT: 'Nueva disposición',
-              DEFAULT_LAYOUT: 'Default',
-              LAYOUT_MODIFIED: 'La disposición actual ha sido modificada. Cree una nueva disposición, sobrescriba una existente o descarte los cambios',
-              LAYOUT_NOT_MODIFIED: 'Cree una nueva disposición o aplique una de las disposiciones existentes',
-              LAYOUT_DISCART_CHANGES: 'Descartar los cambios',
-          },
-      },
-  });
-
-  const packageContent = require('../package.json');
-  core.VersionService.addPackageVersion(packageContent.name, packageContent.version);
-
-  exports.BreadcrumbHeader = BreadcrumbHeader;
-  exports.CardTitle = CardTitle;
-  exports.CrudAddButton = CrudAddButton;
-  exports.CrudButton = CrudButton;
-  exports.CrudCancelButton = CrudCancelButton;
-  exports.CrudDeleteButton = CrudDeleteButton;
-  exports.CrudForm = CrudForm;
-  exports.CrudSaveButton = CrudSaveButton;
-  exports.DynamicFilterOperations = DynamicFilterOperations;
-  exports.DynamicFilterRelations = DynamicFilterRelations;
-  exports.Image = Image;
-  exports.IterableCarousel = IterableCarousel;
-  exports.IterableComponentRender = IterableComponentRender;
-  exports.Loading = Loading;
-  exports.Notifications = Notifications;
-  exports.ProductCard = ProductCard;
-  exports.TekDragGrid = TekDragGrid;
-  exports.TekFilterHelper = TekFilterHelper;
-  exports.TekGrid = TekGrid;
-  exports.TekGridColumn = TekGridColumn;
-  exports.TekGridColumnsButton = TekGridColumnsButton;
-  exports.TekGridColumnsButtonController = TekGridColumnsButtonController;
-  exports.TekGridFilterButton = TekGridFilterButton;
-  exports.TekGridLayoutOptions = TekGridLayoutOptions;
-  exports.TekMemoryDatasource = TekMemoryDatasource;
-  exports.TekRestDatasource = TekRestDatasource;
-  exports.TekTreeGrid = TekTreeGrid;
-  exports.TekUserInfo = TekUserInfo;
-  exports.TekUserInfoList = TekUserInfoList;
-  exports.columnAggregationValues = columnAggregationValues;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-}));