@sankhyalabs/sankhyablocks 9.1.0-dev.2 → 9.1.0-dev.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/dist/cjs/{SnkMessageBuilder-e3b7850b.js → SnkMessageBuilder-221cc88d.js} +10 -2
  2. package/dist/cjs/field-config_2.cjs.entry.js +1 -1
  3. package/dist/cjs/fields-layout.cjs.entry.js +1 -1
  4. package/dist/cjs/fields-selector.cjs.entry.js +2 -2
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/sankhyablocks.cjs.js +1 -1
  7. package/dist/cjs/snk-actions-button_8.cjs.entry.js +56 -197
  8. package/dist/cjs/snk-application.cjs.entry.js +1 -1
  9. package/dist/cjs/snk-data-exporter.cjs.entry.js +2 -2
  10. package/dist/cjs/{snk-data-unit-3684c96e.js → snk-data-unit-bf45314d.js} +1 -1
  11. package/dist/cjs/snk-data-unit.cjs.entry.js +2 -2
  12. package/dist/cjs/snk-detail-view.cjs.entry.js +1 -1
  13. package/dist/cjs/snk-grid.cjs.entry.js +1 -2
  14. package/dist/cjs/snk-simple-crud.cjs.entry.js +1 -1
  15. package/dist/collection/components/snk-form-config/field-item/field-item.css +3 -23
  16. package/dist/collection/components/snk-form-config/fields-layout/fields-layout.css +4 -12
  17. package/dist/collection/components/snk-form-config/fields-selector/fields-selector.css +4 -0
  18. package/dist/collection/components/snk-form-config/fields-selector/fields-selector.js +1 -1
  19. package/dist/collection/components/snk-grid/snk-grid.js +1 -2
  20. package/dist/collection/components/snk-grid-config/snk-grid-config.css +7 -41
  21. package/dist/collection/components/snk-grid-config/snk-grid-config.js +58 -193
  22. package/dist/collection/components/snk-grid-config/snk-select-box/snk-select-box.css +1 -0
  23. package/dist/collection/components/snk-simple-crud/snk-simple-crud.js +1 -1
  24. package/dist/collection/components/snk-simple-form-config/snk-simple-form-config.css +1 -0
  25. package/dist/collection/components/snk-simple-form-config/snk-simple-form-config.js +1 -1
  26. package/dist/collection/lib/message/resources/snk-grid.msg.js +10 -2
  27. package/dist/components/SnkMessageBuilder.js +10 -2
  28. package/dist/components/field-item2.js +1 -1
  29. package/dist/components/fields-layout2.js +1 -1
  30. package/dist/components/fields-selector2.js +2 -2
  31. package/dist/components/snk-grid-config2.js +56 -195
  32. package/dist/components/snk-grid2.js +1 -2
  33. package/dist/components/snk-select-box2.js +1 -1
  34. package/dist/components/snk-simple-crud2.js +1 -1
  35. package/dist/components/snk-simple-form-config2.js +2 -2
  36. package/dist/esm/{SnkMessageBuilder-9c269caf.js → SnkMessageBuilder-da87a821.js} +10 -2
  37. package/dist/esm/field-config_2.entry.js +1 -1
  38. package/dist/esm/fields-layout.entry.js +1 -1
  39. package/dist/esm/fields-selector.entry.js +2 -2
  40. package/dist/esm/loader.js +1 -1
  41. package/dist/esm/sankhyablocks.js +1 -1
  42. package/dist/esm/snk-actions-button_8.entry.js +56 -197
  43. package/dist/esm/snk-application.entry.js +1 -1
  44. package/dist/esm/snk-data-exporter.entry.js +2 -2
  45. package/dist/esm/{snk-data-unit-027bca56.js → snk-data-unit-ba90734a.js} +1 -1
  46. package/dist/esm/snk-data-unit.entry.js +2 -2
  47. package/dist/esm/snk-detail-view.entry.js +1 -1
  48. package/dist/esm/snk-grid.entry.js +1 -2
  49. package/dist/esm/snk-simple-crud.entry.js +1 -1
  50. package/dist/sankhyablocks/{p-65c5d430.entry.js → p-05f3a2da.entry.js} +1 -1
  51. package/dist/sankhyablocks/{p-349d1968.entry.js → p-23b20add.entry.js} +1 -1
  52. package/dist/sankhyablocks/p-3bf2f5cd.entry.js +1 -0
  53. package/dist/sankhyablocks/{p-09e60995.entry.js → p-3d452f27.entry.js} +1 -1
  54. package/dist/sankhyablocks/{p-67d6d0c8.entry.js → p-50b68b68.entry.js} +1 -1
  55. package/dist/sankhyablocks/{p-0cb295c1.entry.js → p-6a1b38d2.entry.js} +1 -1
  56. package/dist/sankhyablocks/{p-a06bf7b9.entry.js → p-7ced2cf4.entry.js} +1 -1
  57. package/dist/sankhyablocks/{p-2bde486e.js → p-97bc6983.js} +1 -1
  58. package/dist/sankhyablocks/{p-e3521eae.entry.js → p-aa72089a.entry.js} +1 -1
  59. package/dist/sankhyablocks/p-b31cc92d.entry.js +1 -0
  60. package/dist/sankhyablocks/p-cfc219f6.entry.js +1 -0
  61. package/dist/sankhyablocks/p-fc4eac32.js +1 -0
  62. package/dist/sankhyablocks/sankhyablocks.esm.js +1 -1
  63. package/dist/types/components/snk-grid-config/snk-grid-config.d.ts +7 -20
  64. package/package.json +1 -1
  65. package/dist/sankhyablocks/p-3a48bff3.entry.js +0 -1
  66. package/dist/sankhyablocks/p-3f24c9b2.js +0 -1
  67. package/dist/sankhyablocks/p-b8b4c6b2.entry.js +0 -1
  68. package/dist/sankhyablocks/p-c3324d79.entry.js +0 -1
@@ -17,7 +17,6 @@ const constants = require('./constants-6d82e405.js');
17
17
  const GetSelectedRecordsIDsInfo = require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
18
18
  const ResourceIDUtils = require('./ResourceIDUtils-5ff86aa7.js');
19
19
  const utils = require('@sankhyalabs/ezui/dist/collection/utils');
20
- const CheckMode = require('@sankhyalabs/ezui/dist/collection/components/ez-check/CheckMode');
21
20
  const ConfigStorage = require('./ConfigStorage-48ba265b.js');
22
21
  require('./PrintUtils-bcaeb82f.js');
23
22
  require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
@@ -726,7 +725,7 @@ SnkActionsButton.parameters = {
726
725
  };
727
726
  SnkActionsButton.style = snkActionsButtonCss;
728
727
 
729
- const snkGridConfigCss = ".sc-snk-grid-config-h{--snk-grid-config__footer--padding-top:var(--space--medium, 12px);--snk-grid-config__main--padding-right:var(--space--medium, 12px);--snk-grid-config__tabselector-container--padding:var(--space--medium, 12px);--snk-grid-config__button-close--padding-left:var(--space--medium, 12px);--snk-grid-config__title--color:var(--title--primary, #2B3A54);--snk-grid-config__title--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__title--font-size:var(--title--large, 20px);--snk-grid-config__title--font-weight:var(--text-weight--extra-large, 700);--snk-grid-config__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__subtitle--font-size:var(--text--medium, 14px);--snk-grid-config__group--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__group--font-size:var(--text--medium, 14px);--snk-grid-config__group--font-weight:var(--text-weight--large, 600);--snk-grid-config__group--padding-bottom:var(--space-small, 6px);--snk-grid-config__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-grid-config__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-grid-config__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-grid-config__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-grid-config__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-grid-config__scrollbar--width:var(--space--small, 6px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.sc-snk-grid-config-h{width:359px;max-width:359px}}.padding-right--medium.sc-snk-grid-config{padding-right:var(--space--medium)}ez-list.sc-snk-grid-config{height:100%}.height-calc.sc-snk-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-snk-grid-config{display:flex;justify-content:flex-end;width:100%;padding-top:var(--snk-grid-config__footer--padding-top)}.hidden.sc-snk-grid-config{display:none}.tabselector-container.sc-snk-grid-config{padding:var(--snk-grid-config__tabselector-container--padding) 0}.button-close.sc-snk-grid-config{padding-left:var(--snk-grid-config__button-close--padding-left)}.title-container.sc-snk-grid-config{display:flex;justify-content:space-between;align-items:center;width:100%}.title.sc-snk-grid-config{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-grid-config__title--color);font-size:var(--snk-grid-config__title--font-size);font-family:var(--snk-grid-config__title--font-family);font-weight:var(--snk-grid-config__title--font-weight)}.subtitle.sc-snk-grid-config{color:var(--text--primary);font-size:var(--snk-grid-config__subtitle--font-size);font-family:var(--snk-grid-config__subtitle--font-family)}.grid-config__main.sc-snk-grid-config{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-grid-config__scrollbar--color-clicked) var(--snk-grid-config__scrollbar--color-background);padding-right:var(--snk-grid-config__main--padding-right)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar{width:var(--snk-grid-config__scrollbar--width);max-width:var(--snk-grid-config__scrollbar--width);min-width:var(--snk-grid-config__scrollbar--width);background-color:var(--snk-grid-config__scrollbar--color-background)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-track{background-color:var(--snk-grid-config__scrollbar--color-background);border-radius:var(--snk-grid-config__scrollbar--border-radius)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb{background-color:var(--snk-grid-config__scrollbar--color-default);border-radius:var(--snk-grid-config__scrollbar--border-radius)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:vertical:hover,.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-grid-config__scrollbar--color-hover)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:vertical:active,.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-grid-config__scrollbar--color-clicked)}.group-name.sc-snk-grid-config{font-family:var(--snk-grid-config__group--font-family);font-size:var(--snk-grid-config__group--font-size);font-weight:var(--snk-grid-config__group--font-weight);padding-bottom:var(--snk-grid-config__group--padding-bottom)}";
728
+ const snkGridConfigCss = ".sc-snk-grid-config-h{--snk-grid-config__footer--padding-top:var(--space--medium, 12px);--snk-grid-config__main--padding-right:var(--space--medium, 12px);--snk-grid-config__tabselector-container--padding:var(--space--medium, 12px);--snk-grid-config__button-close--padding-left:var(--space--medium, 12px);--snk-grid-config__title--color:var(--title--primary, #2B3A54);--snk-grid-config__title--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__title--font-size:var(--title--large, 20px);--snk-grid-config__title--font-weight:var(--text-weight--extra-large, 700);--snk-grid-config__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__subtitle--font-size:var(--text--medium, 14px);--snk-grid-config__group--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__group--font-size:var(--text--medium, 14px);--snk-grid-config__group--font-weight:var(--text-weight--large, 600);--snk-grid-config__group--padding-bottom:var(--space-small, 6px);--snk-grid-config__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-grid-config__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-grid-config__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-grid-config__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-grid-config__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-grid-config__scrollbar--width:var(--space--small, 6px);display:flex;flex-direction:column;max-height:100%;width:100%}.grid-config__body.sc-snk-grid-config{overflow:auto}.padding-right--medium.sc-snk-grid-config{padding-right:var(--space--medium)}ez-list.sc-snk-grid-config{height:100%}.height-calc.sc-snk-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-snk-grid-config{display:flex;justify-content:flex-end;width:100%;padding-top:var(--snk-grid-config__footer--padding-top)}.hidden.sc-snk-grid-config{display:none}.tabselector-container.sc-snk-grid-config{padding:var(--snk-grid-config__tabselector-container--padding) 0}.button-close.sc-snk-grid-config{padding-left:var(--snk-grid-config__button-close--padding-left)}.title-container.sc-snk-grid-config{display:flex;justify-content:space-between;align-items:center;width:100%}.title.sc-snk-grid-config{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-grid-config__title--color);font-size:var(--snk-grid-config__title--font-size);font-family:var(--snk-grid-config__title--font-family);font-weight:var(--snk-grid-config__title--font-weight)}.subtitle.sc-snk-grid-config{color:var(--text--primary);font-size:var(--snk-grid-config__subtitle--font-size);font-family:var(--snk-grid-config__subtitle--font-family)}.grid-config__main.sc-snk-grid-config{overflow-y:auto;scrollbar-width:thin;width:100%;padding-bottom:20px;scrollbar-color:var(--snk-grid-config__scrollbar--color-clicked) var(--snk-grid-config__scrollbar--color-background)}.group-name.sc-snk-grid-config{font-family:var(--snk-grid-config__group--font-family);font-size:var(--snk-grid-config__group--font-size);font-weight:var(--snk-grid-config__group--font-weight);padding-bottom:var(--snk-grid-config__group--padding-bottom)}";
730
729
 
731
730
  const SnkGridConfig = class {
732
731
  constructor(hostRef) {
@@ -735,8 +734,9 @@ const SnkGridConfig = class {
735
734
  this.configCancel = index.createEvent(this, "configCancel", 7);
736
735
  this._orderListItems = [];
737
736
  this._orderPriorityList = [];
737
+ this._visibleList = [];
738
+ this._hiddenList = [];
738
739
  this._columListItems = [];
739
- this._selectedIndex = -1;
740
740
  this._dataChanged = false;
741
741
  this._componenteInternalKey = Date.now();
742
742
  this.selectedIndex = 0;
@@ -744,6 +744,8 @@ const SnkGridConfig = class {
744
744
  this.config = undefined;
745
745
  this.configName = undefined;
746
746
  this.resourceID = undefined;
747
+ this._collapsibleBoxListOrder = true;
748
+ this._collapsibleBoxListSelect = false;
747
749
  }
748
750
  /* Creation Methods */
749
751
  /**
@@ -753,15 +755,15 @@ const SnkGridConfig = class {
753
755
  * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-grid.msg.ts"
754
756
  */
755
757
  getMessage(key, params) {
756
- const application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
758
+ const application = core.ApplicationContext.getContextValue('__SNK__APPLICATION__');
757
759
  return application.messagesBuilder.getMessage(key, params);
758
760
  }
759
761
  getSortableColumns() {
760
762
  let newList = [];
761
- this.columns.filter(col => { var _a; return core.StringUtils.getBooleanValue((_a = col === null || col === void 0 ? void 0 : col.props) === null || _a === void 0 ? void 0 : _a.get("sortable"), true); }).forEach((column) => {
762
- var _a;
763
+ this.columns.filter(col => { var _a; return core.StringUtils.getBooleanValue((_a = col === null || col === void 0 ? void 0 : col.props) === null || _a === void 0 ? void 0 : _a.get('sortable'), true); }).forEach((column) => {
764
+ var _a, _b;
763
765
  let configItem = (_a = this.config) === null || _a === void 0 ? void 0 : _a.columns.find((item) => item.name === column.name);
764
- let item = { name: column.name, label: column.label };
766
+ let item = { label: column.label, sort: (_b = column === null || column === void 0 ? void 0 : column.sort) !== null && _b !== void 0 ? _b : constants.ORDER_VALUES.asc.value, id: column.name };
765
767
  if (configItem) {
766
768
  item['orderIndex'] = configItem.orderIndex;
767
769
  item['ascending'] = configItem.ascending;
@@ -801,16 +803,22 @@ const SnkGridConfig = class {
801
803
  }
802
804
  createColumnList() {
803
805
  let visibleGroup = {
804
- group: this.getMessage("snkGridConfig.group.visible"),
806
+ group: this.getMessage('snkGridConfig.group.visible'),
805
807
  items: [],
806
808
  };
807
809
  let hiddenGroup = {
808
- group: this.getMessage("snkGridConfig.group.hidden"),
810
+ group: this.getMessage('snkGridConfig.group.hidden'),
809
811
  items: [],
810
- sort: constants.ORDER_VALUES.asc.value
812
+ sort: constants.ORDER_VALUES.asc.value,
811
813
  };
812
814
  this.columns.forEach((column) => {
813
- let item = { label: column.label };
815
+ var _a;
816
+ let item = {
817
+ label: column.label,
818
+ selected: false,
819
+ sort: (_a = column === null || column === void 0 ? void 0 : column.sort) !== null && _a !== void 0 ? _a : constants.ORDER_VALUES.asc.value,
820
+ id: column.name,
821
+ };
814
822
  if (column.hidden) {
815
823
  hiddenGroup.items.push(item);
816
824
  }
@@ -819,13 +827,9 @@ const SnkGridConfig = class {
819
827
  }
820
828
  });
821
829
  this._columListItems = [visibleGroup, hiddenGroup];
822
- }
823
- createColumnListSlotDataElementId(item) {
824
- return `configItem_${core.StringUtils.replaceAccentuatedChars(core.StringUtils.toCamelCase(item.label))}`;
825
- }
826
- buildColumnListSlot(item, group) {
827
- const dataElementId = this.createColumnListSlotDataElementId(item);
828
- return (index.h("div", null, index.h("ez-check", { mode: CheckMode.CheckMode.SWITCH, id: CheckMode.CheckMode.SWITCH + ((item === null || item === void 0 ? void 0 : item.label) || '') + ((group === null || group === void 0 ? void 0 : group.group) || ''), value: group.group === this.getMessage("snkGridConfig.group.visible"), "data-element-id": dataElementId, onEzChange: (evt) => { this.switchColumnGroup(evt, item); } })));
830
+ this._visibleList = visibleGroup.items;
831
+ this._hiddenList = hiddenGroup.items;
832
+ this.createOrderList();
829
833
  }
830
834
  createOrderListSlotDataElementId(item) {
831
835
  return `${this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_configItem_${core.StringUtils.toCamelCase(item.label)}`;
@@ -836,7 +840,10 @@ const SnkGridConfig = class {
836
840
  if ((item === null || item === void 0 ? void 0 : item.ascending) != undefined) {
837
841
  selectedOption = item.ascending == true ? constants.ORDER_VALUES.asc.value : constants.ORDER_VALUES.desc.value;
838
842
  }
839
- return (index.h("div", null, index.h("snk-select-box", { selectedOption: selectedOption, key: 'snk-select-box-' + this._componenteInternalKey + '-' + item, "data-element-id": dataElementId, onEzChange: (evt) => { evt.stopPropagation(); this.updateOrder(evt.detail, item.label); } })));
843
+ return (index.h("snk-select-box", { selectedOption: selectedOption, key: 'snk-select-box-' + this._componenteInternalKey + '-' + item, "data-element-id": dataElementId, onEzChange: (evt) => {
844
+ evt.stopPropagation();
845
+ this.updateOrder(evt.detail, item.label);
846
+ } }));
840
847
  }
841
848
  updateOrder(sortOrder, updatedItemLabel) {
842
849
  var _a;
@@ -866,34 +873,6 @@ const SnkGridConfig = class {
866
873
  }
867
874
  this.columns = newList;
868
875
  }
869
- /* Actions Methods */
870
- switchColumnGroup(evt, switchedItem) {
871
- evt.stopPropagation();
872
- let newList = [...this._columListItems];
873
- this._dataChanged = true;
874
- if (evt.detail === true) {
875
- let hiddenGroup = newList.find((group) => group.group === this.getMessage("snkGridConfig.group.hidden"));
876
- let index = hiddenGroup.items.findIndex((item) => item.label === switchedItem.label);
877
- if (index >= 0) {
878
- hiddenGroup.items.splice(index, 1);
879
- }
880
- let visibleGroup = newList.find((group) => group.group === this.getMessage("snkGridConfig.group.visible"));
881
- visibleGroup.items.push(switchedItem);
882
- this._columListItems = newList;
883
- this.createOrderList();
884
- }
885
- else if (evt.detail === false) {
886
- let visibleGroup = newList.find((group) => group.group === this.getMessage("snkGridConfig.group.visible"));
887
- let index = visibleGroup.items.findIndex((item) => item.label === switchedItem.label);
888
- if (index >= 0) {
889
- visibleGroup.items.splice(index, 1);
890
- }
891
- let hiddenGroup = newList.find((group) => group.group === this.getMessage("snkGridConfig.group.hidden"));
892
- hiddenGroup.items.push(switchedItem);
893
- this._columListItems = newList;
894
- this.createOrderList();
895
- }
896
- }
897
876
  finish() {
898
877
  if (!this._dataChanged) {
899
878
  this.closeConfig();
@@ -904,7 +883,7 @@ const SnkGridConfig = class {
904
883
  group.items.forEach((item) => {
905
884
  const baseColumn = this.columns.find((column) => column.label === item.label);
906
885
  let newColumnItem = Object.assign({}, baseColumn);
907
- if (group.group === this.getMessage("snkGridConfig.group.hidden")) {
886
+ if (group.group === this.getMessage('snkGridConfig.group.hidden')) {
908
887
  newColumnItem.hidden = true;
909
888
  }
910
889
  else {
@@ -922,8 +901,7 @@ const SnkGridConfig = class {
922
901
  ConfigStorage.ConfigStorage.saveGridConfig(_newConfig, this.configName, this.resourceID)
923
902
  .then((savedConfig) => {
924
903
  this.configChange.emit(savedConfig);
925
- this._orderList.clearHistory();
926
- utils.ApplicationUtils.info(this.getMessage("snkGridConfig.info.successfullyConfigSaved"), { iconName: "check" });
904
+ utils.ApplicationUtils.info(this.getMessage('snkGridConfig.info.successfullyConfigSaved'), { iconName: 'check' });
927
905
  });
928
906
  }
929
907
  reOrderPriorityColumns(columns, orderPriorityList) {
@@ -1022,132 +1000,19 @@ const SnkGridConfig = class {
1022
1000
  });
1023
1001
  return newConfig;
1024
1002
  }
1025
- async locateColumn(evt, searchingText) {
1026
- var _a;
1027
- const hitEnter = evt.key === "Enter";
1028
- searchingText = searchingText || ((_a = evt.currentTarget) === null || _a === void 0 ? void 0 : _a.value);
1029
- if (!searchingText) {
1030
- this.removeSelection();
1031
- return;
1032
- }
1033
- const matchedIndexes = await this.getMatchedIndexes(searchingText);
1034
- const newSelected = this.getNewSelectedIndex(matchedIndexes, hitEnter);
1035
- this._selectedIndex = newSelected;
1036
- if (this.selectedIndex === 1) {
1037
- this.updateOrderListSelection(newSelected);
1038
- }
1039
- else {
1040
- this.updateColumnListSelection(newSelected);
1041
- }
1042
- }
1043
- async getMatchedIndexes(searchingText) {
1044
- const matchedIndexes = [];
1045
- if (this.selectedIndex === 1) {
1046
- const orderListDatasource = await this._orderList.getList();
1047
- orderListDatasource.forEach((column, index) => {
1048
- if (this.compareWords(column, searchingText)) {
1049
- matchedIndexes.push(index);
1050
- }
1051
- });
1052
- }
1053
- else {
1054
- this.columns.forEach((column, index) => {
1055
- if (this.compareWords(column, searchingText)) {
1056
- matchedIndexes.push(index);
1057
- }
1058
- });
1059
- }
1060
- return matchedIndexes;
1061
- }
1062
- getNewSelectedIndex(matchedIndexes, hitEnter) {
1063
- if (matchedIndexes.length === 0)
1064
- return -1;
1065
- if (hitEnter) {
1066
- for (const index of matchedIndexes) {
1067
- if (index > this._selectedIndex) {
1068
- return index;
1069
- }
1070
- }
1071
- }
1072
- return matchedIndexes[0];
1073
- }
1074
- updateOrderListSelection(newSelected) {
1075
- if (newSelected === -1) {
1076
- this._orderList.removeSelection();
1077
- return;
1078
- }
1079
- this._orderList.getList().then((orderListDatasource) => {
1080
- const selectedColumn = orderListDatasource[newSelected];
1081
- if (selectedColumn) {
1082
- this._orderList.setSelection(selectedColumn, true);
1083
- }
1084
- else {
1085
- this._orderList.removeSelection();
1086
- }
1087
- });
1088
- }
1089
- updateColumnListSelection(newSelected) {
1090
- if (newSelected === -1) {
1091
- this._columnList.removeSelection();
1092
- return;
1093
- }
1094
- const selectedColumn = this.columns[newSelected];
1095
- if (selectedColumn) {
1096
- const listItem = this._columListItems
1097
- .map(group => group.items)
1098
- .flat()
1099
- .find(item => item.label === selectedColumn.label);
1100
- if (listItem) {
1101
- this._columnList.setSelection(listItem, true);
1102
- }
1103
- else {
1104
- this._columnList.removeSelection();
1105
- }
1106
- }
1107
- else {
1108
- this._columnList.removeSelection();
1109
- }
1110
- }
1111
- removeSelection() {
1112
- if (this.selectedIndex === 1) {
1113
- this._orderList.removeSelection();
1114
- }
1115
- else {
1116
- this._columnList.removeSelection();
1117
- }
1118
- }
1119
- compareWords(column, searchingText) {
1120
- var _a, _b;
1121
- const columnLabel = (_a = core.StringUtils.replaceAccentuatedChars(column === null || column === void 0 ? void 0 : column.label)) === null || _a === void 0 ? void 0 : _a.toUpperCase();
1122
- const argument = (_b = core.StringUtils.replaceAccentuatedChars(searchingText)) === null || _b === void 0 ? void 0 : _b.toUpperCase();
1123
- if (core.StringUtils.isEmpty(columnLabel) || core.StringUtils.isEmpty(argument)) {
1124
- return false;
1125
- }
1126
- return columnLabel.includes(argument);
1127
- }
1128
- getColumnNames() {
1129
- const listNames = [];
1130
- listNames.push(this.getMessage("snkGridConfig.tab.columns"));
1131
- listNames.push(this.getMessage("snkGridConfig.tab.lineOrdering"));
1132
- return listNames.join(',');
1133
- }
1134
1003
  closeConfig() {
1135
- this._orderList.scrollToTop();
1136
- this._columnList.scrollToTop();
1137
- this._searchElement.value = "";
1138
1004
  if (this._dataChanged) {
1139
1005
  let options = {
1140
1006
  canClose: false,
1141
- labelCancel: this.getMessage("snkGridConfig.confirm.cancel"),
1142
- labelConfirm: this.getMessage("snkGridConfig.confirm.save"),
1143
- btnConfirmDanger: false
1007
+ labelCancel: this.getMessage('snkGridConfig.confirm.cancel'),
1008
+ labelConfirm: this.getMessage('snkGridConfig.confirm.save'),
1009
+ btnConfirmDanger: false,
1144
1010
  };
1145
- utils.ApplicationUtils.confirm(this.getMessage("snkGridConfig.confirm.alert"), this.getMessage("snkGridConfig.confirm.msgCancel"), null, utils.DialogType.WARN, options)
1011
+ utils.ApplicationUtils.confirm(this.getMessage('snkGridConfig.confirm.alert'), this.getMessage('snkGridConfig.confirm.msgCancel'), null, utils.DialogType.WARN, options)
1146
1012
  .then((response) => {
1147
1013
  if (!response) {
1148
1014
  this._dataChanged = false;
1149
1015
  this.configCancel.emit();
1150
- this._orderList.clearHistory();
1151
1016
  this._componenteInternalKey = Date.now();
1152
1017
  }
1153
1018
  else {
@@ -1157,31 +1022,12 @@ const SnkGridConfig = class {
1157
1022
  }
1158
1023
  else {
1159
1024
  this.configCancel.emit();
1160
- this._orderList.clearHistory();
1161
- }
1162
- }
1163
- /* Handlers */
1164
- handleTabChange(tab) {
1165
- if ((tab === null || tab === void 0 ? void 0 : tab.index) != undefined) {
1166
- if (this.selectedIndex !== tab.index) {
1167
- if (tab.index === 0) {
1168
- this._orderList.scrollToTop();
1169
- }
1170
- else if (tab.index === 1) {
1171
- this._columnList.scrollToTop();
1172
- }
1173
- this._searchElement.value = "";
1174
- }
1175
- if (tab.index === 1) {
1176
- this.createOrderList();
1177
- }
1178
- this.selectedIndex = tab.index;
1179
1025
  }
1180
1026
  }
1181
1027
  handleColumnListChange(evt) {
1182
1028
  var _a;
1183
1029
  if (evt.detail) {
1184
- let visibleItems = (_a = evt.detail.find((group) => group.group === this.getMessage("snkGridConfig.group.visible"))) === null || _a === void 0 ? void 0 : _a.items;
1030
+ let visibleItems = (_a = evt.detail.find((group) => group.group === this.getMessage('snkGridConfig.group.visible'))) === null || _a === void 0 ? void 0 : _a.items;
1185
1031
  if (visibleItems) {
1186
1032
  this._dataChanged = true;
1187
1033
  this._orderListItems = visibleItems;
@@ -1203,17 +1049,30 @@ const SnkGridConfig = class {
1203
1049
  this.createColumnList();
1204
1050
  }
1205
1051
  }
1206
- componentDidRender() {
1207
- var _a;
1208
- if (((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) > 0) {
1209
- this.locateColumn(new KeyboardEvent("arrow-right", { key: "ArrowRight" }), this._searchElement.value);
1210
- }
1211
- }
1212
1052
  componentDidLoad() {
1213
1053
  core.ElementIDUtils.addIDInfo(this._element);
1214
1054
  }
1055
+ handleRightListChange(rightList) {
1056
+ const visibleGroup = this._columListItems.find(group => group.group === this.getMessage('snkGridConfig.group.visible'));
1057
+ if (visibleGroup && visibleGroup.items != rightList) {
1058
+ visibleGroup.items = rightList;
1059
+ this._dataChanged = true;
1060
+ }
1061
+ }
1062
+ getListSlots() {
1063
+ return {
1064
+ RIGHT_LIST: {
1065
+ itemRightSlotBuilder: (item) => this.buildOrderListSlot(item),
1066
+ },
1067
+ };
1068
+ }
1215
1069
  render() {
1216
- return (index.h(index.Host, null, index.h("div", { class: "grid-config__header" }, index.h("div", { class: "title-container" }, index.h("div", { class: "" }, index.h("label", { class: "title" }, this.getMessage("snkGridConfig.gridConfiguration")), index.h("label", { class: "subtitle" }, this.getMessage("snkGridConfig.columnVisibilityOrder"))), index.h("div", { class: "button-close" }, index.h("ez-button", { mode: 'icon', iconName: "close", size: 'medium', onClick: () => this.closeConfig() }))), index.h("div", { class: "tabselector-container" }, index.h("ez-tabselector", { selectedIndex: this.selectedIndex, onEzChange: (evt) => { this.handleTabChange(evt.detail); }, tabs: this.getColumnNames() })), index.h("div", null, index.h("ez-text-input", { "data-element-id": "searchColums", ref: (el) => this._searchElement = el, label: this.getMessage("snkGridConfig.findColumn"), onKeyUp: (evt) => this.locateColumn(evt) }, index.h("ez-icon", { slot: "leftIcon", size: "medium", iconName: "search" })))), index.h("div", { class: "grid-config__main" }, index.h("ez-list", { ref: (el) => this._columnList = el, class: this.selectedIndex === 0 ? "" : "hidden", dataSource: this._columListItems, onEzChange: (evt) => this.handleColumnListChange(evt), ezDraggable: true, ezSelectable: true, itemSlotBuilder: (item, group) => this.buildColumnListSlot(item, group), useGroups: true, "data-element-id": "configCols" }), index.h("div", { class: this.selectedIndex === 1 ? "group-name" : "hidden" }, this.getMessage("snkGridConfig.info.sortingSequence")), index.h("ez-list", { ref: (el) => this._orderList = el, class: this.selectedIndex === 1 ? "height-calc" : "hidden", dataSource: this._orderListItems, ezSelectable: true, onEzChange: (evt) => this.handleOrderListChange(evt), ezDraggable: true, itemSlotBuilder: (item) => this.buildOrderListSlot(item), "data-element-id": "configDataOrder" })), index.h("div", { class: "grid-config__footer" }, index.h("ez-button", { class: "padding-right--medium", label: this.getMessage("snkGridConfig.cancel"), onClick: () => this.closeConfig() }), index.h("ez-button", { label: this.getMessage("snkGridConfig.complete"), class: "ez-button--primary", onClick: () => this.finish() }))));
1070
+ return (index.h(index.Host, null, index.h("div", { class: "grid-config__header" }, index.h("div", { class: "title-container" }, index.h("div", { class: "ez-margin-bottom--medium" }, index.h("label", { class: "title" }, this.getMessage('snkGridConfig.gridConfiguration')), index.h("label", { class: "subtitle" }, this.getMessage('snkGridConfig.columnVisibilityOrder'))), index.h("div", { class: "button-close" }, index.h("ez-button", { mode: "icon", iconName: "close", size: "medium", class: "ez-button--tertiary", onClick: () => this.closeConfig() })))), index.h("div", { class: "grid-config__body" }, index.h("ez-collapsible-box", { id: 'group-select-columns', label: this.getMessage('snkGridConfig.columnsSelection'), "header-size": "medium", key: 'key_group-select-columns', value: this._collapsibleBoxListSelect, onEzChange: ({ detail }) => this._collapsibleBoxListOrder = !detail }, index.h("div", { class: "grid-config__main" }, index.h("ez-double-list", { leftList: this._hiddenList, leftTitle: this.getMessage('snkGridConfig.availableColumns'), rightList: this._visibleList, rightTitle: this.getMessage('snkGridConfig.selectedColumns'), onEzRightListChanged: ({ detail }) => this.handleRightListChange(detail), emptyMessage: {
1071
+ LEFT_LIST: this.getMessage('snkGridConfig.emptyMensage.left'),
1072
+ RIGHT_LIST: this.getMessage('snkGridConfig.emptyMensage.right'),
1073
+ }, entityLabel: 'coluna', entityLabelPlural: 'colunas' }))), index.h("ez-collapsible-box", { id: 'ID_group-order-columns', label: this.getMessage('snkGridConfig.dataOrdering'), "header-size": "medium", key: 'KEY_group-order-columns', value: this._collapsibleBoxListOrder, onEzChange: ({ detail }) => this._collapsibleBoxListSelect = !detail }, index.h("div", { class: "grid-config__main" }, index.h("ez-double-list", { rightList: this._orderListItems, rightTitle: this.getMessage('snkGridConfig.selectedColumns'), useOnlyRightList: true, slotsListBuilder: this.getListSlots(), emptyMessage: {
1074
+ RIGHT_LIST: this.getMessage('snkGridConfig.emptyMensage.right'),
1075
+ }, entityLabel: 'coluna', entityLabelPlural: 'colunas' })))), index.h("div", { class: "grid-config__footer" }, index.h("ez-button", { class: "padding-right--medium", label: this.getMessage('snkGridConfig.cancel'), onClick: () => this.closeConfig() }), index.h("ez-button", { label: this.getMessage('snkGridConfig.complete'), class: "ez-button--primary", onClick: () => this.finish() }))));
1217
1076
  }
1218
1077
  static get assetsDirs() { return ["../assets"]; }
1219
1078
  get _element() { return index.getElement(this); }
@@ -1258,7 +1117,7 @@ const SnkLayoutFormConfig = class {
1258
1117
  };
1259
1118
  SnkLayoutFormConfig.style = snkLayoutFormConfigCss;
1260
1119
 
1261
- const snkSelectBoxCss = "ez-combo-box{width:100px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";
1120
+ const snkSelectBoxCss = "ez-combo-box{width:100px;--ez-text-input__margin-bottom:0px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";
1262
1121
 
1263
1122
  const SelectBox = class {
1264
1123
  constructor(hostRef) {
@@ -1275,7 +1134,7 @@ const SelectBox = class {
1275
1134
  };
1276
1135
  SelectBox.style = snkSelectBoxCss;
1277
1136
 
1278
- const snkSimpleFormConfigCss = ":host{display:block}.config-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.config-lists{margin-bottom:12px}.config-actions{display:flex;flex-direction:row;justify-content:flex-end;width:100%;gap:12px}";
1137
+ const snkSimpleFormConfigCss = ":host{display:block}.config-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.config-lists{width:100%;margin-bottom:12px}.config-actions{display:flex;flex-direction:row;justify-content:flex-end;width:100%;gap:12px}";
1279
1138
 
1280
1139
  const SnkSimpleFormConfig = class {
1281
1140
  constructor(hostRef) {
@@ -1359,7 +1218,7 @@ const SnkSimpleFormConfig = class {
1359
1218
  this.snkConfigSaved.emit();
1360
1219
  }
1361
1220
  render() {
1362
- return (index.h("ez-popup", { ref: (ref) => this.ezPopupRef = ref, heightMode: 'auto', size: 'auto', ezTitle: 'Configurar formul\u00E1rio' }, index.h("div", { class: 'config-container' }, index.h("div", { class: 'config-lists' }, index.h("ez-double-list", { ref: (ref) => this.ezDoubleListRef = ref, leftList: this.avaliableFields, leftTitle: 'Campos disponíveis', rightList: this.selectedFields, rightTitle: 'Campos selecionados', onEzRightListChanged: ({ detail }) => this.fieldsToSave = [...detail], entityLabel: 'campo', entityLabelPlural: 'campos' })), index.h("div", { class: 'config-actions' }, index.h("ez-button", { label: 'Restaurar', onClick: this.handleResetConfigs.bind(this), size: 'small' }), index.h("ez-button", { label: 'Cancelar', onClick: this.handleCancel.bind(this), size: 'small' }), index.h("ez-button", { label: 'Salvar', class: 'ez-button--primary', onClick: this.handleSave.bind(this), size: 'small' })))));
1221
+ return (index.h("ez-popup", { ref: (ref) => this.ezPopupRef = ref, heightMode: 'auto', size: 'medium', ezTitle: 'Configurar formul\u00E1rio' }, index.h("div", { class: 'config-container' }, index.h("div", { class: 'config-lists' }, index.h("ez-double-list", { ref: (ref) => this.ezDoubleListRef = ref, leftList: this.avaliableFields, leftTitle: 'Campos disponíveis', rightList: this.selectedFields, rightTitle: 'Campos selecionados', onEzRightListChanged: ({ detail }) => this.fieldsToSave = [...detail], entityLabel: 'campo', entityLabelPlural: 'campos' })), index.h("div", { class: 'config-actions' }, index.h("ez-button", { label: 'Restaurar', onClick: this.handleResetConfigs.bind(this), size: 'small' }), index.h("ez-button", { label: 'Cancelar', onClick: this.handleCancel.bind(this), size: 'small' }), index.h("ez-button", { label: 'Salvar', class: 'ez-button--primary', onClick: this.handleSave.bind(this), size: 'small' })))));
1363
1222
  }
1364
1223
  };
1365
1224
  SnkSimpleFormConfig.style = snkSimpleFormConfigCss;
@@ -10,7 +10,7 @@ const DataFetcher = require('./DataFetcher-1afdb18e.js');
10
10
  const authFetcher = require('./auth-fetcher-1687ac0a.js');
11
11
  const dataunitFetcher = require('./dataunit-fetcher-a723f0dc.js');
12
12
  const ISave = require('./ISave-c76e2c51.js');
13
- const SnkMessageBuilder = require('./SnkMessageBuilder-e3b7850b.js');
13
+ const SnkMessageBuilder = require('./SnkMessageBuilder-221cc88d.js');
14
14
  const constants = require('./constants-6d82e405.js');
15
15
  require('./index-e3e39724.js');
16
16
  require('./filter-item-type.enum-a7ffdaa6.js');
@@ -9,7 +9,7 @@ const IFetchDataExporterParams = require('./IFetchDataExporterParams-e78ec415.js
9
9
  const index = require('./index-e3e39724.js');
10
10
  const constants = require('./constants-6d82e405.js');
11
11
  const DataFetcher = require('./DataFetcher-1afdb18e.js');
12
- const snkDataUnit = require('./snk-data-unit-3684c96e.js');
12
+ const snkDataUnit = require('./snk-data-unit-bf45314d.js');
13
13
  require('./ISave-c76e2c51.js');
14
14
  require('@sankhyalabs/ezui/dist/collection/utils/constants');
15
15
  require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
@@ -17,7 +17,7 @@ require('./dataunit-fetcher-a723f0dc.js');
17
17
  require('./filter-item-type.enum-a7ffdaa6.js');
18
18
  require('./form-config-fetcher-40d3f752.js');
19
19
  require('./PrintUtils-bcaeb82f.js');
20
- require('./SnkMessageBuilder-e3b7850b.js');
20
+ require('./SnkMessageBuilder-221cc88d.js');
21
21
  require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
22
22
  require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
23
23
  require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
@@ -3,7 +3,7 @@
3
3
  const index = require('./index-1cf293c1.js');
4
4
  const core = require('@sankhyalabs/core');
5
5
  const utils = require('@sankhyalabs/ezui/dist/collection/utils');
6
- const SnkMessageBuilder = require('./SnkMessageBuilder-e3b7850b.js');
6
+ const SnkMessageBuilder = require('./SnkMessageBuilder-221cc88d.js');
7
7
  const dataunitFetcher = require('./dataunit-fetcher-a723f0dc.js');
8
8
  const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
9
9
  const GetSelectedRecordsIDsInfo = require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
@@ -2,11 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const snkDataUnit = require('./snk-data-unit-3684c96e.js');
5
+ const snkDataUnit = require('./snk-data-unit-bf45314d.js');
6
6
  require('./index-1cf293c1.js');
7
7
  require('@sankhyalabs/core');
8
8
  require('@sankhyalabs/ezui/dist/collection/utils');
9
- require('./SnkMessageBuilder-e3b7850b.js');
9
+ require('./SnkMessageBuilder-221cc88d.js');
10
10
  require('./dataunit-fetcher-a723f0dc.js');
11
11
  require('./DataFetcher-1afdb18e.js');
12
12
  require('./PrintUtils-bcaeb82f.js');
@@ -17,7 +17,7 @@ require('./form-config-fetcher-40d3f752.js');
17
17
  const constants = require('./constants-6d82e405.js');
18
18
  const taskbarElements = require('./taskbar-elements-3b74cd21.js');
19
19
  const snkGuidesViewer = require('./snk-guides-viewer-edc0a00a.js');
20
- const SnkMessageBuilder = require('./SnkMessageBuilder-e3b7850b.js');
20
+ const SnkMessageBuilder = require('./SnkMessageBuilder-221cc88d.js');
21
21
  const utils = require('@sankhyalabs/ezui/dist/collection/utils');
22
22
  require('./ConfigStorage-48ba265b.js');
23
23
  require('./PrintUtils-bcaeb82f.js');
@@ -287,7 +287,6 @@ const SnkGrid = class {
287
287
  this._grid.getColumnsState()
288
288
  .then((gridColumns) => {
289
289
  this._snkGridConfig.columns = gridColumns.filter(c => c.name);
290
- this._snkGridConfig.selectedIndex = 0;
291
290
  this._popUpGridConfig = true;
292
291
  });
293
292
  }
@@ -575,7 +574,7 @@ const SnkGrid = class {
575
574
  return undefined;
576
575
  }
577
576
  return (index.h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large ez-box--no-outline", tabindex: "0" }, index.h("div", { class: "snk-grid__header ez-margin-bottom--extra-small" }, this._showSnkFilterBar &&
578
- index.h(index.Fragment, null, index.h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), index.h("snk-taskbar", { class: "ez-padding-left--medium ez-padding-top--extra-small", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none', actionsSettingsList: this.getActionsSettingsList() }, index.h("slot", { name: this.topTaskbarCustomSlotId }))), index.h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === index$1.PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, useSearchColumn: this.useSearchColumn, suppressHorizontalScroll: this.suppressHorizontalScroll, paginationCounterMode: this.paginationCounterMode, suppressCheckboxColumn: this.suppressCheckboxColumn, compact: this.compact }, index.h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId, actionsSettingsList: this.getActionsSettingsList() }, index.h("slot", { name: this.gridHeaderCustomSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
577
+ index.h(index.Fragment, null, index.h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, title: this.filterBarTitle, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID, onConfigUpdated: evt => this.handleFilterConfigUpdated(evt.detail), disablePersonalizedFilter: this.disablePersonalizedFilter, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp }), index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" })), index.h("snk-taskbar", { class: "ez-padding-left--medium ez-padding-top--extra-small", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId, overflowStrategy: 'none', actionsSettingsList: this.getActionsSettingsList() }, index.h("slot", { name: this.topTaskbarCustomSlotId }))), index.h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === index$1.PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: (evt) => this.gridDoubleClick.emit(evt.detail), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, useSearchColumn: this.useSearchColumn, suppressHorizontalScroll: this.suppressHorizontalScroll, paginationCounterMode: this.paginationCounterMode, suppressCheckboxColumn: this.suppressCheckboxColumn, compact: this.compact }, index.h("snk-taskbar", { id: 'teste', dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this.getGridHeaderButtons(), presentationMode: this.presentationMode, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.getActionsList(), primaryButton: this.getPrimaryButton(), resourceID: this.resourceID, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId, actionsSettingsList: this.getActionsSettingsList() }, index.h("slot", { name: this.gridHeaderCustomSlotId }))), index.h("div", { class: "ez-col ez-col--sd-12 snk-grid-container__footer" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._popUpGridConfig, onEzClosePopup: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
579
578
  }
580
579
  get _element() { return index.getElement(this); }
581
580
  static get watchers() { return {
@@ -805,7 +805,7 @@ const SnkSimpleCrud = class {
805
805
  }
806
806
  return (index.h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: this.handleDataUnitOnInsertionMode.bind(this), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this), domainMessagesBuilder: this.domainMessagesBuilder }, index.h("header", null, index.h("slot", { name: "snkSimpleCrudHeader" })), index.h("section", { class: `ez-box ez-box--no-outline ${this.outlineMode ? 'ez-box--outline' : 'ez-box--shadow'} simple-crud__container-section`, ref: (ref) => this._container = ref, tabindex: "0" }, index.h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, index.h("stack-item", null, index.h("ez-grid", { class: "ez-margin-bottom--large ez-box--no-outline", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(constants.VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(dataunitFetcher.InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
807
807
  ? undefined
808
- : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this.enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, tabindex: "0", paginationCounterMode: this.paginationCounterMode }, this.renderTaskbarContent(constants.VIEW_MODE.GRID), index.h("div", { slot: "footer" }, index.h("slot", { name: "snkSimpleCrudFooter" })))), index.h("stack-item", null, this.renderTaskbarContent(constants.VIEW_MODE.FORM), index.h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large ez-box--no-outline`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), elementFocusSearchField: this._container, tabindex: "0" }), index.h("snk-simple-form-config", { ref: (ref) => this._snkSimpleFormConfig = ref, dataUnit: this.dataUnit, onSnkConfigSaved: this.handleFormConfigSaved.bind(this), configName: (_a = this.formLegacyConfigName) !== null && _a !== void 0 ? _a : this.configName })), this.messagesBuilder && index.h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId, layoutFormConfig: this.layoutFormConfig })), index.h("div", { id: `${this._customContainerId}` }, index.h("slot", { name: "SnkConfigContainerSlot" }))), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
808
+ : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this.enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, tabindex: "0", paginationCounterMode: this.paginationCounterMode }, this.renderTaskbarContent(constants.VIEW_MODE.GRID), index.h("div", { slot: "footer" }, index.h("slot", { name: "snkSimpleCrudFooter" })))), index.h("stack-item", null, this.renderTaskbarContent(constants.VIEW_MODE.FORM), index.h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large ez-box--no-outline`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), elementFocusSearchField: this._container, tabindex: "0" }), index.h("snk-simple-form-config", { ref: (ref) => this._snkSimpleFormConfig = ref, dataUnit: this.dataUnit, onSnkConfigSaved: this.handleFormConfigSaved.bind(this), configName: (_a = this.formLegacyConfigName) !== null && _a !== void 0 ? _a : this.configName })), this.messagesBuilder && index.h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId, layoutFormConfig: this.layoutFormConfig })), index.h("div", { id: `${this._customContainerId}` }, index.h("slot", { name: "SnkConfigContainerSlot" }))), index.h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._showPopUpGridConfig, onEzClosePopup: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
809
809
  }
810
810
  get _element() { return index.getElement(this); }
811
811
  static get watchers() { return {
@@ -1,6 +1,5 @@
1
1
  :host {
2
- width: 32%;
3
- min-width: 200px;
2
+ width: 100%;
4
3
  display: flex;
5
4
  padding: 12px 8px;
6
5
  border-radius: var(--border--radius-small, 4px);
@@ -12,25 +11,7 @@
12
11
  background: #FAFCFF;
13
12
  }
14
13
 
15
- :host.ghost{
16
- width: 32% !important;
17
- }
18
-
19
- @container (max-width: 430px) {
20
- :host,
21
- :host.ghost{
22
- width: 100% !important;
23
- }
24
- }
25
-
26
- @container (min-width: 431px) and (max-width: 632px) {
27
- :host,
28
- :host.ghost {
29
- width: 48% !important;
30
- }
31
- }
32
-
33
- :host.full-width{
14
+ :host.full-width {
34
15
  width: 100%;
35
16
  }
36
17
 
@@ -81,7 +62,6 @@ ez-icon {
81
62
  align-self: self-start;
82
63
  }
83
64
 
84
-
85
65
  .actions {
86
66
  display: flex;
87
67
  flex-direction: row;
@@ -105,4 +85,4 @@ ez-button {
105
85
  :host:hover .hiddeble {
106
86
  visibility: visible;
107
87
  opacity: 1;
108
- }
88
+ }