@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.
- package/dist/cjs/{SnkMessageBuilder-e3b7850b.js → SnkMessageBuilder-221cc88d.js} +10 -2
- package/dist/cjs/field-config_2.cjs.entry.js +1 -1
- package/dist/cjs/fields-layout.cjs.entry.js +1 -1
- package/dist/cjs/fields-selector.cjs.entry.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/sankhyablocks.cjs.js +1 -1
- package/dist/cjs/snk-actions-button_8.cjs.entry.js +56 -197
- package/dist/cjs/snk-application.cjs.entry.js +1 -1
- package/dist/cjs/snk-data-exporter.cjs.entry.js +2 -2
- package/dist/cjs/{snk-data-unit-3684c96e.js → snk-data-unit-bf45314d.js} +1 -1
- package/dist/cjs/snk-data-unit.cjs.entry.js +2 -2
- package/dist/cjs/snk-detail-view.cjs.entry.js +1 -1
- package/dist/cjs/snk-grid.cjs.entry.js +1 -2
- package/dist/cjs/snk-simple-crud.cjs.entry.js +1 -1
- package/dist/collection/components/snk-form-config/field-item/field-item.css +3 -23
- package/dist/collection/components/snk-form-config/fields-layout/fields-layout.css +4 -12
- package/dist/collection/components/snk-form-config/fields-selector/fields-selector.css +4 -0
- package/dist/collection/components/snk-form-config/fields-selector/fields-selector.js +1 -1
- package/dist/collection/components/snk-grid/snk-grid.js +1 -2
- package/dist/collection/components/snk-grid-config/snk-grid-config.css +7 -41
- package/dist/collection/components/snk-grid-config/snk-grid-config.js +58 -193
- package/dist/collection/components/snk-grid-config/snk-select-box/snk-select-box.css +1 -0
- package/dist/collection/components/snk-simple-crud/snk-simple-crud.js +1 -1
- package/dist/collection/components/snk-simple-form-config/snk-simple-form-config.css +1 -0
- package/dist/collection/components/snk-simple-form-config/snk-simple-form-config.js +1 -1
- package/dist/collection/lib/message/resources/snk-grid.msg.js +10 -2
- package/dist/components/SnkMessageBuilder.js +10 -2
- package/dist/components/field-item2.js +1 -1
- package/dist/components/fields-layout2.js +1 -1
- package/dist/components/fields-selector2.js +2 -2
- package/dist/components/snk-grid-config2.js +56 -195
- package/dist/components/snk-grid2.js +1 -2
- package/dist/components/snk-select-box2.js +1 -1
- package/dist/components/snk-simple-crud2.js +1 -1
- package/dist/components/snk-simple-form-config2.js +2 -2
- package/dist/esm/{SnkMessageBuilder-9c269caf.js → SnkMessageBuilder-da87a821.js} +10 -2
- package/dist/esm/field-config_2.entry.js +1 -1
- package/dist/esm/fields-layout.entry.js +1 -1
- package/dist/esm/fields-selector.entry.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/sankhyablocks.js +1 -1
- package/dist/esm/snk-actions-button_8.entry.js +56 -197
- package/dist/esm/snk-application.entry.js +1 -1
- package/dist/esm/snk-data-exporter.entry.js +2 -2
- package/dist/esm/{snk-data-unit-027bca56.js → snk-data-unit-ba90734a.js} +1 -1
- package/dist/esm/snk-data-unit.entry.js +2 -2
- package/dist/esm/snk-detail-view.entry.js +1 -1
- package/dist/esm/snk-grid.entry.js +1 -2
- package/dist/esm/snk-simple-crud.entry.js +1 -1
- package/dist/sankhyablocks/{p-65c5d430.entry.js → p-05f3a2da.entry.js} +1 -1
- package/dist/sankhyablocks/{p-349d1968.entry.js → p-23b20add.entry.js} +1 -1
- package/dist/sankhyablocks/p-3bf2f5cd.entry.js +1 -0
- package/dist/sankhyablocks/{p-09e60995.entry.js → p-3d452f27.entry.js} +1 -1
- package/dist/sankhyablocks/{p-67d6d0c8.entry.js → p-50b68b68.entry.js} +1 -1
- package/dist/sankhyablocks/{p-0cb295c1.entry.js → p-6a1b38d2.entry.js} +1 -1
- package/dist/sankhyablocks/{p-a06bf7b9.entry.js → p-7ced2cf4.entry.js} +1 -1
- package/dist/sankhyablocks/{p-2bde486e.js → p-97bc6983.js} +1 -1
- package/dist/sankhyablocks/{p-e3521eae.entry.js → p-aa72089a.entry.js} +1 -1
- package/dist/sankhyablocks/p-b31cc92d.entry.js +1 -0
- package/dist/sankhyablocks/p-cfc219f6.entry.js +1 -0
- package/dist/sankhyablocks/p-fc4eac32.js +1 -0
- package/dist/sankhyablocks/sankhyablocks.esm.js +1 -1
- package/dist/types/components/snk-grid-config/snk-grid-config.d.ts +7 -20
- package/package.json +1 -1
- package/dist/sankhyablocks/p-3a48bff3.entry.js +0 -1
- package/dist/sankhyablocks/p-3f24c9b2.js +0 -1
- package/dist/sankhyablocks/p-b8b4c6b2.entry.js +0 -1
- 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:
|
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(
|
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(
|
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 = {
|
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(
|
806
|
+
group: this.getMessage('snkGridConfig.group.visible'),
|
805
807
|
items: [],
|
806
808
|
};
|
807
809
|
let hiddenGroup = {
|
808
|
-
group: this.getMessage(
|
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
|
-
|
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
|
-
|
824
|
-
|
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("
|
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(
|
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.
|
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(
|
1142
|
-
labelConfirm: this.getMessage(
|
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(
|
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(
|
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(
|
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: '
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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:
|
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.
|
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
|
+
}
|