@sankhyalabs/sankhyablocks 8.15.0-rc.9 → 8.15.1-rc.1
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/{ConfigStorage-d4c99a5e.js → ConfigStorage-942ce74b.js} +70 -7
- package/dist/cjs/{DataFetcher-99f0f6ed.js → DataFetcher-313debd8.js} +13 -5
- package/dist/cjs/{SnkFormConfigManager-3621bfc4.js → SnkFormConfigManager-f9dc0d28.js} +21 -13
- package/dist/cjs/{SnkMessageBuilder-141aa18d.js → SnkMessageBuilder-66aa2557.js} +4 -0
- package/dist/cjs/SnkMultiSelectionListDataSource-303e85d1.js +140 -0
- package/dist/cjs/{auth-fetcher-5161d082.js → auth-fetcher-54f5ff9d.js} +1 -1
- package/dist/cjs/{form-config-fetcher-9f1a13ca.js → form-config-fetcher-2dd00e5b.js} +13 -1
- package/dist/cjs/index-f9e81701.js +2 -10
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{pesquisa-fetcher-8bbee432.js → pesquisa-fetcher-213797ec.js} +273 -50
- package/dist/cjs/sankhyablocks.cjs.js +1 -1
- package/dist/cjs/{snk-actions-button_2.cjs.entry.js → snk-actions-button_4.cjs.entry.js} +519 -4
- package/dist/cjs/snk-application.cjs.entry.js +19 -11
- package/dist/cjs/snk-attach.cjs.entry.js +66 -46
- package/dist/cjs/snk-configurator.cjs.entry.js +1 -1
- package/dist/cjs/snk-crud.cjs.entry.js +25 -17
- package/dist/cjs/snk-custom-slot-elements.cjs.entry.js +6 -2
- package/dist/cjs/snk-data-exporter.cjs.entry.js +5 -5
- package/dist/cjs/{snk-data-unit-6026a9f7.js → snk-data-unit-41c29713.js} +1 -1
- package/dist/cjs/snk-data-unit.cjs.entry.js +2 -2
- package/dist/cjs/snk-detail-view.cjs.entry.js +8 -9
- package/dist/cjs/snk-filter-bar.cjs.entry.js +31 -7
- package/dist/cjs/snk-filter-detail.cjs.entry.js +4 -1
- package/dist/cjs/snk-filter-item.cjs.entry.js +10 -6
- package/dist/cjs/snk-filter-modal-item.cjs.entry.js +3 -3
- package/dist/cjs/snk-form-config.cjs.entry.js +8 -2
- package/dist/cjs/snk-form.cjs.entry.js +11 -4
- package/dist/cjs/snk-grid.cjs.entry.js +40 -21
- package/dist/cjs/{snk-guides-viewer-e87f01b9.js → snk-guides-viewer-4b6ecda8.js} +20 -11
- package/dist/cjs/snk-guides-viewer.cjs.entry.js +6 -7
- package/dist/cjs/snk-personalized-filter.cjs.entry.js +3 -3
- package/dist/cjs/snk-simple-crud.cjs.entry.js +255 -21
- package/dist/cjs/snk-taskbar.cjs.entry.js +69 -8
- package/dist/collection/collection-manifest.json +6 -6
- package/dist/collection/components/snk-application/snk-application.js +55 -6
- package/dist/collection/components/snk-attach/snk-attach.js +39 -24
- package/dist/collection/components/snk-attach/structure/builder/attach-crud-config.builder.js +1 -1
- package/dist/collection/components/snk-attach/structure/fetcher/factory/attach-fetcher-data-unit.factory.js +29 -22
- package/dist/collection/components/snk-configurator/snk-configurator.js +1 -1
- package/dist/collection/components/snk-crud/snk-crud.js +71 -11
- package/dist/collection/components/snk-crud/subcomponents/snk-detail-view/snk-detail-view.js +2 -2
- package/dist/collection/components/snk-crud/subcomponents/snk-guides-viewer.js +50 -7
- package/dist/collection/components/snk-custom-slot-elements/snk-custom-slot-elements.css +1 -1
- package/dist/collection/components/snk-custom-slot-elements/snk-custom-slot-elements.js +22 -1
- package/dist/collection/components/snk-data-exporter/snk-data-exporter.js +2 -2
- package/dist/collection/components/snk-filter-bar/filter-item/snk-filter-detail.js +22 -1
- package/dist/collection/components/snk-filter-bar/filter-item/snk-filter-item.js +28 -6
- package/dist/collection/components/snk-filter-bar/snk-filter-bar.css +2 -1
- package/dist/collection/components/snk-filter-bar/snk-filter-bar.js +44 -3
- package/dist/collection/components/snk-form/snk-form.js +25 -1
- package/dist/collection/components/{snk-form → snk-form-config}/SnkFormConfigManager.js +20 -12
- package/dist/collection/components/{snk-form/subcomponents/snk-form-config → snk-form-config}/snk-form-config.js +11 -5
- package/dist/collection/components/snk-grid/snk-grid.js +86 -16
- package/dist/collection/components/{snk-grid/subcomponents/snk-grid-config → snk-grid-config}/snk-grid-config.js +130 -123
- package/dist/collection/components/{snk-grid/subcomponents → snk-grid-config}/snk-select-box/snk-select-box.js +1 -1
- package/dist/collection/components/snk-simple-crud/regular-buttons.js +3 -0
- package/dist/collection/components/snk-simple-crud/snk-simple-crud.css +10 -2
- package/dist/collection/components/snk-simple-crud/snk-simple-crud.js +421 -17
- package/dist/collection/components/snk-taskbar/snk-taskbar.js +86 -8
- package/dist/collection/lib/configs/ConfigStorage.js +63 -3
- package/dist/collection/lib/dataUnit/InMemoryLoader.js +9 -40
- package/dist/collection/lib/dataUnit/dataUnitInMemoryUtils.js +33 -0
- package/dist/collection/lib/http/data-fetcher/DataFetcher.js +13 -5
- package/dist/collection/lib/http/data-fetcher/fetchers/form-config-fetcher.js +12 -0
- package/dist/collection/lib/http/data-fetcher/fetchers/personalized-filter-fetcher.js +6 -3
- package/dist/collection/lib/message/SnkMessageBuilder.js +20 -20
- package/dist/collection/lib/message/resources/snk-simple-crud.msg.js +4 -0
- package/dist/collection/lib/utils/CrudUtils.js +13 -1
- package/dist/components/ConfigStorage.js +68 -5
- package/dist/components/DataFetcher.js +13 -5
- package/dist/components/SnkFormConfigManager.js +19 -11
- package/dist/components/SnkMessageBuilder.js +4 -0
- package/dist/components/dataunit-fetcher.js +41 -39
- package/dist/components/field-search.js +93 -3
- package/dist/components/form-config-fetcher.js +12 -0
- package/dist/components/index.d.ts +6 -6
- package/dist/components/snk-application2.js +15 -4
- package/dist/components/snk-attach2.js +115 -52
- package/dist/components/snk-configurator2.js +1 -1
- package/dist/components/snk-crud.js +23 -11
- package/dist/components/snk-custom-slot-elements.js +7 -3
- package/dist/components/snk-data-exporter2.js +2 -2
- package/dist/components/snk-detail-view2.js +48 -11
- package/dist/components/snk-filter-bar2.js +29 -4
- package/dist/components/snk-filter-detail2.js +5 -1
- package/dist/components/snk-filter-item2.js +11 -6
- package/dist/components/snk-form-config2.js +7 -1
- package/dist/components/snk-form.js +8 -0
- package/dist/components/snk-grid-config2.js +128 -102
- package/dist/components/snk-grid2.js +42 -18
- package/dist/components/snk-simple-crud2.js +317 -29
- package/dist/components/snk-taskbar2.js +75 -11
- package/dist/esm/{ConfigStorage-39ed8aeb.js → ConfigStorage-86187da3.js} +70 -7
- package/dist/esm/{DataFetcher-a650ae58.js → DataFetcher-c1baf61d.js} +13 -5
- package/dist/esm/{SnkFormConfigManager-692e20c7.js → SnkFormConfigManager-f53f9f87.js} +21 -13
- package/dist/esm/{SnkMessageBuilder-9747ddd2.js → SnkMessageBuilder-0a4becdd.js} +4 -0
- package/dist/esm/SnkMultiSelectionListDataSource-36918dbf.js +133 -0
- package/dist/esm/{auth-fetcher-17dc5b5e.js → auth-fetcher-039abba3.js} +1 -1
- package/dist/esm/{form-config-fetcher-f121f880.js → form-config-fetcher-30fb808f.js} +13 -1
- package/dist/esm/index-a7d3d3f1.js +2 -10
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{pesquisa-fetcher-5a8cae10.js → pesquisa-fetcher-fe6f3826.js} +262 -43
- package/dist/esm/sankhyablocks.js +1 -1
- package/dist/esm/{snk-actions-button_2.entry.js → snk-actions-button_4.entry.js} +518 -5
- package/dist/esm/snk-application.entry.js +19 -11
- package/dist/esm/snk-attach.entry.js +65 -45
- package/dist/esm/snk-configurator.entry.js +1 -1
- package/dist/esm/snk-crud.entry.js +25 -17
- package/dist/esm/snk-custom-slot-elements.entry.js +7 -3
- package/dist/esm/snk-data-exporter.entry.js +5 -5
- package/dist/esm/{snk-data-unit-4c343635.js → snk-data-unit-de1d140d.js} +1 -1
- package/dist/esm/snk-data-unit.entry.js +2 -2
- package/dist/esm/snk-detail-view.entry.js +8 -9
- package/dist/esm/snk-filter-bar.entry.js +31 -7
- package/dist/esm/snk-filter-detail.entry.js +4 -1
- package/dist/esm/snk-filter-item.entry.js +10 -6
- package/dist/esm/snk-filter-modal-item.entry.js +3 -3
- package/dist/esm/snk-form-config.entry.js +9 -3
- package/dist/esm/snk-form.entry.js +11 -4
- package/dist/esm/snk-grid.entry.js +41 -22
- package/dist/esm/{snk-guides-viewer-ba8ce538.js → snk-guides-viewer-113be3fd.js} +20 -11
- package/dist/esm/snk-guides-viewer.entry.js +6 -7
- package/dist/esm/snk-personalized-filter.entry.js +3 -3
- package/dist/esm/snk-simple-crud.entry.js +256 -22
- package/dist/esm/snk-taskbar.entry.js +70 -9
- package/dist/sankhyablocks/p-032fe52e.js +1 -0
- package/dist/sankhyablocks/p-07a61550.entry.js +1 -0
- package/dist/sankhyablocks/p-0899e0b5.entry.js +1 -0
- package/dist/sankhyablocks/p-14a08904.entry.js +1 -0
- package/dist/sankhyablocks/p-154a7f33.entry.js +1 -0
- package/dist/sankhyablocks/p-15802c59.entry.js +1 -0
- package/dist/sankhyablocks/p-164666b1.js +65 -0
- package/dist/sankhyablocks/p-21a81901.entry.js +1 -0
- package/dist/sankhyablocks/p-32556aa6.js +1 -0
- package/dist/sankhyablocks/p-328585d0.entry.js +1 -0
- package/dist/sankhyablocks/{p-9a5d1b39.js → p-52c8e589.js} +1 -1
- package/dist/sankhyablocks/p-54a5d52a.entry.js +1 -0
- package/dist/sankhyablocks/p-5cb07080.js +1 -0
- package/dist/sankhyablocks/p-74d349c3.entry.js +1 -0
- package/dist/sankhyablocks/p-7663f597.entry.js +1 -0
- package/dist/sankhyablocks/p-7fe120b8.entry.js +11 -0
- package/dist/sankhyablocks/{p-50783a8b.js → p-913a9979.js} +1 -1
- package/dist/sankhyablocks/{p-827e4b01.entry.js → p-a1d72395.entry.js} +1 -1
- package/dist/sankhyablocks/p-add17f6a.entry.js +1 -0
- package/dist/sankhyablocks/p-af1ac81f.entry.js +1 -0
- package/dist/sankhyablocks/p-aff76a53.js +56 -0
- package/dist/sankhyablocks/p-b4525fc0.entry.js +1 -0
- package/dist/sankhyablocks/p-cce0865d.js +1 -0
- package/dist/sankhyablocks/{p-be75153c.js → p-dc7c9047.js} +1 -1
- package/dist/sankhyablocks/p-dec65f6c.entry.js +1 -0
- package/dist/sankhyablocks/p-df5451c7.js +26 -0
- package/dist/sankhyablocks/p-e8763234.entry.js +1 -0
- package/dist/sankhyablocks/{p-9d608b62.entry.js → p-eae7a817.entry.js} +1 -1
- package/dist/sankhyablocks/{p-20b46647.entry.js → p-ee9536bc.entry.js} +1 -1
- package/dist/sankhyablocks/p-f13f7616.entry.js +1 -0
- package/dist/sankhyablocks/sankhyablocks.esm.js +1 -1
- package/dist/types/components/snk-application/snk-application.d.ts +9 -1
- package/dist/types/components/snk-attach/snk-attach.d.ts +2 -1
- package/dist/types/components/snk-attach/structure/builder/attach-crud-config.builder.d.ts +10 -1
- package/dist/types/components/snk-attach/structure/fetcher/factory/attach-fetcher-data-unit.factory.d.ts +5 -4
- package/dist/types/components/snk-crud/snk-crud.d.ts +12 -0
- package/dist/types/components/snk-crud/subcomponents/snk-detail-view/snk-detail-view.d.ts +1 -1
- package/dist/types/components/snk-crud/subcomponents/snk-guides-viewer.d.ts +11 -1
- package/dist/types/components/snk-custom-slot-elements/snk-custom-slot-elements.d.ts +6 -0
- package/dist/types/components/snk-filter-bar/filter-item/snk-filter-detail.d.ts +4 -0
- package/dist/types/components/snk-filter-bar/filter-item/snk-filter-item.d.ts +6 -2
- package/dist/types/components/snk-filter-bar/snk-filter-bar.d.ts +8 -0
- package/dist/types/components/snk-form/snk-form.d.ts +6 -1
- package/dist/types/components/{snk-form → snk-form-config}/SnkFormConfigManager.d.ts +2 -1
- package/dist/types/components/{snk-form/subcomponents/snk-form-config → snk-form-config}/snk-form-config.d.ts +4 -3
- package/dist/types/components/snk-grid/snk-grid.d.ts +14 -1
- package/dist/types/components/{snk-grid/subcomponents/snk-grid-config → snk-grid-config}/snk-grid-config.d.ts +11 -6
- package/dist/types/components/{snk-grid/subcomponents → snk-grid-config}/snk-select-box/snk-select-box.d.ts +1 -1
- package/dist/types/components/snk-simple-crud/regular-buttons.d.ts +3 -0
- package/dist/types/components/snk-simple-crud/snk-simple-crud.d.ts +76 -3
- package/dist/types/components/snk-taskbar/snk-taskbar.d.ts +11 -0
- package/dist/types/components.d.ts +172 -11
- package/dist/types/lib/configs/ConfigStorage.d.ts +21 -1
- package/dist/types/lib/dataUnit/InMemoryLoader.d.ts +0 -2
- package/dist/types/lib/dataUnit/dataUnitInMemoryUtils.d.ts +4 -0
- package/dist/types/lib/http/data-fetcher/fetchers/form-config-fetcher.d.ts +2 -0
- package/dist/types/lib/http/data-fetcher/fetchers/personalized-filter-fetcher.d.ts +2 -1
- package/dist/types/lib/utils/CrudUtils.d.ts +3 -0
- package/package.json +1 -1
- package/dist/cjs/PreloadManager-84466da6.js +0 -224
- package/dist/cjs/SnkMultiSelectionListDataSource-ba5838c2.js +0 -49
- package/dist/cjs/snk-grid-config.cjs.entry.js +0 -483
- package/dist/cjs/snk-select-box.cjs.entry.js +0 -25
- package/dist/esm/PreloadManager-c1c2f2b4.js +0 -222
- package/dist/esm/SnkMultiSelectionListDataSource-44494b0e.js +0 -43
- package/dist/esm/snk-grid-config.entry.js +0 -479
- package/dist/esm/snk-select-box.entry.js +0 -21
- package/dist/sankhyablocks/p-094c30cb.js +0 -1
- package/dist/sankhyablocks/p-1c55becf.entry.js +0 -1
- package/dist/sankhyablocks/p-230f5148.entry.js +0 -1
- package/dist/sankhyablocks/p-2936303b.js +0 -1
- package/dist/sankhyablocks/p-2e4eb644.entry.js +0 -1
- package/dist/sankhyablocks/p-3e2e2424.entry.js +0 -1
- package/dist/sankhyablocks/p-3e91d5ea.entry.js +0 -1
- package/dist/sankhyablocks/p-43de1258.entry.js +0 -1
- package/dist/sankhyablocks/p-4ce6cb02.entry.js +0 -11
- package/dist/sankhyablocks/p-5e681b7b.js +0 -65
- package/dist/sankhyablocks/p-5f74c859.entry.js +0 -1
- package/dist/sankhyablocks/p-67aedbe0.js +0 -56
- package/dist/sankhyablocks/p-69754d94.entry.js +0 -1
- package/dist/sankhyablocks/p-725d04ba.js +0 -1
- package/dist/sankhyablocks/p-86801b08.entry.js +0 -1
- package/dist/sankhyablocks/p-8a3a2631.entry.js +0 -1
- package/dist/sankhyablocks/p-965b79a9.js +0 -1
- package/dist/sankhyablocks/p-98674137.entry.js +0 -1
- package/dist/sankhyablocks/p-a13ccb86.js +0 -26
- package/dist/sankhyablocks/p-aba0e87f.entry.js +0 -1
- package/dist/sankhyablocks/p-c22c1d8e.js +0 -1
- package/dist/sankhyablocks/p-d26e0a02.entry.js +0 -1
- package/dist/sankhyablocks/p-d6317851.entry.js +0 -1
- package/dist/sankhyablocks/p-d7d85fa9.entry.js +0 -1
- package/dist/sankhyablocks/p-e3bd000e.entry.js +0 -1
- package/dist/sankhyablocks/p-e7dbe53a.entry.js +0 -1
- package/dist/sankhyablocks/p-fcdcb0e2.entry.js +0 -1
- /package/dist/collection/components/{snk-form/subcomponents/snk-form-config → snk-form-config}/snk-form-config.css +0 -0
- /package/dist/collection/components/{snk-form → snk-form-config}/subcomponents/snk-config-options/snk-config-options.css +0 -0
- /package/dist/collection/components/{snk-form → snk-form-config}/subcomponents/snk-config-options/snk-config-options.js +0 -0
- /package/dist/collection/components/{snk-form → snk-form-config}/subcomponents/snk-field-config/snk-field-config.css +0 -0
- /package/dist/collection/components/{snk-form → snk-form-config}/subcomponents/snk-field-config/snk-field-config.js +0 -0
- /package/dist/collection/components/{snk-form → snk-form-config}/subcomponents/snk-tab-config/snk-tab-config.css +0 -0
- /package/dist/collection/components/{snk-form → snk-form-config}/subcomponents/snk-tab-config/snk-tab-config.js +0 -0
- /package/dist/collection/components/{snk-grid/subcomponents/snk-grid-config → snk-grid-config}/snk-grid-config.css +0 -0
- /package/dist/collection/components/{snk-grid/subcomponents → snk-grid-config}/snk-select-box/snk-select-box.css +0 -0
- /package/dist/types/components/{snk-form → snk-form-config}/subcomponents/snk-config-options/snk-config-options.d.ts +0 -0
- /package/dist/types/components/{snk-form → snk-form-config}/subcomponents/snk-field-config/snk-field-config.d.ts +0 -0
- /package/dist/types/components/{snk-form → snk-form-config}/subcomponents/snk-tab-config/snk-tab-config.d.ts +0 -0
@@ -1,483 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
const index = require('./index-f9e81701.js');
|
6
|
-
const core = require('@sankhyalabs/core');
|
7
|
-
const utils = require('@sankhyalabs/ezui/dist/collection/utils');
|
8
|
-
const CheckMode = require('@sankhyalabs/ezui/dist/collection/components/ez-check/CheckMode');
|
9
|
-
const ConfigStorage = require('./ConfigStorage-d4c99a5e.js');
|
10
|
-
const constants = require('./constants-35ddd366.js');
|
11
|
-
require('./form-config-fetcher-9f1a13ca.js');
|
12
|
-
require('./DataFetcher-99f0f6ed.js');
|
13
|
-
require('./PrintUtils-bcaeb82f.js');
|
14
|
-
require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
|
15
|
-
require('./filter-item-type.enum-a7ffdaa6.js');
|
16
|
-
|
17
|
-
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--medium, 12px);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)}";
|
18
|
-
|
19
|
-
const SnkGridConfig = class {
|
20
|
-
constructor(hostRef) {
|
21
|
-
index.registerInstance(this, hostRef);
|
22
|
-
this.configChange = index.createEvent(this, "configChange", 7);
|
23
|
-
this.configCancel = index.createEvent(this, "configCancel", 7);
|
24
|
-
this._orderListItems = [];
|
25
|
-
this._orderPriorityList = [];
|
26
|
-
this._columListItems = [];
|
27
|
-
this._selectedIndex = -1;
|
28
|
-
this._dataChanged = false;
|
29
|
-
this._componenteInternalKey = Date.now();
|
30
|
-
this.selectedIndex = 0;
|
31
|
-
this.application = undefined;
|
32
|
-
this.columns = undefined;
|
33
|
-
this.config = undefined;
|
34
|
-
this.configName = undefined;
|
35
|
-
this.resourceID = undefined;
|
36
|
-
}
|
37
|
-
/* Creation Methods */
|
38
|
-
/**
|
39
|
-
* Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
|
40
|
-
* através de um pequeno modulo na estrutura da aplicação:
|
41
|
-
* - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
|
42
|
-
* Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-grid.msg.ts"
|
43
|
-
*/
|
44
|
-
getMessage(key, params) {
|
45
|
-
return this.application.messagesBuilder.getMessage(key, params);
|
46
|
-
}
|
47
|
-
createOrderList() {
|
48
|
-
let newList = [];
|
49
|
-
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) => {
|
50
|
-
var _a;
|
51
|
-
let configItem = (_a = this.config) === null || _a === void 0 ? void 0 : _a.columns.find((item) => item.name === column.name);
|
52
|
-
let item = { name: column.name, label: column.label };
|
53
|
-
if (configItem) {
|
54
|
-
item['orderIndex'] = configItem.orderIndex;
|
55
|
-
item['ascending'] = configItem.ascending;
|
56
|
-
}
|
57
|
-
if (!column.hidden) {
|
58
|
-
newList.push(item);
|
59
|
-
}
|
60
|
-
});
|
61
|
-
newList.sort((a, b) => {
|
62
|
-
//OS dois tem order index 0 e pelo menos um deles tem orientação de ordenação.
|
63
|
-
if (a.orderIndex == 0 && b.orderIndex == 0 && (a.ascending != undefined || b.ascending != undefined)) {
|
64
|
-
if (a.ascending != undefined)
|
65
|
-
return -1;
|
66
|
-
if (b.ascending != undefined)
|
67
|
-
return 1;
|
68
|
-
return 0;
|
69
|
-
//Pelo menos um deles tem order index diferente de 0 e os dois tem orientação de ordenação.
|
70
|
-
}
|
71
|
-
else if (a.ascending != undefined && b.ascending != undefined) {
|
72
|
-
return (a.orderIndex - b.orderIndex);
|
73
|
-
//Pelo menos um deles tem order index diferente de 0 e pelo menos um deles tem orientação de ordenação.
|
74
|
-
}
|
75
|
-
else if (a.ascending != undefined || b.ascending != undefined) {
|
76
|
-
if (a.ascending != undefined)
|
77
|
-
return -1;
|
78
|
-
if (b.ascending != undefined)
|
79
|
-
return 1;
|
80
|
-
return 0;
|
81
|
-
}
|
82
|
-
return (a.orderIndex - b.orderIndex);
|
83
|
-
});
|
84
|
-
this._orderListItems = newList;
|
85
|
-
}
|
86
|
-
createColumnList() {
|
87
|
-
let visibleGroup = {
|
88
|
-
group: this.getMessage("snkGridConfig.group.visible"),
|
89
|
-
items: [],
|
90
|
-
};
|
91
|
-
let hiddenGroup = {
|
92
|
-
group: this.getMessage("snkGridConfig.group.hidden"),
|
93
|
-
items: [],
|
94
|
-
sort: constants.ORDER_VALUES.asc.value
|
95
|
-
};
|
96
|
-
this.columns.forEach((column) => {
|
97
|
-
let item = { label: column.label };
|
98
|
-
if (column.hidden) {
|
99
|
-
hiddenGroup.items.push(item);
|
100
|
-
}
|
101
|
-
else {
|
102
|
-
visibleGroup.items.push(item);
|
103
|
-
}
|
104
|
-
});
|
105
|
-
this._columListItems = [visibleGroup, hiddenGroup];
|
106
|
-
}
|
107
|
-
buildColumnListSlot(item, group) {
|
108
|
-
const dataElementId = `configItem_${core.StringUtils.replaceAccentuatedChars(core.StringUtils.toCamelCase(item.label))}`;
|
109
|
-
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); } })));
|
110
|
-
}
|
111
|
-
buildOrderListSlot(item) {
|
112
|
-
const dataElementId = `${this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_configItem_${core.StringUtils.toCamelCase(item.label)}`;
|
113
|
-
let selectedOption = constants.ORDER_VALUES.none.value;
|
114
|
-
if ((item === null || item === void 0 ? void 0 : item.ascending) != undefined) {
|
115
|
-
selectedOption = item.ascending == true ? constants.ORDER_VALUES.asc.value : constants.ORDER_VALUES.desc.value;
|
116
|
-
}
|
117
|
-
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); } })));
|
118
|
-
}
|
119
|
-
updateOrder(sortOrder, updatedItemLabel) {
|
120
|
-
var _a;
|
121
|
-
this._dataChanged = true;
|
122
|
-
let newList = [...this.columns];
|
123
|
-
let newItem = newList.find((item) => item.label === updatedItemLabel);
|
124
|
-
if (newItem) {
|
125
|
-
newItem.sort = sortOrder.value === constants.ORDER_VALUES.none.value ? undefined : sortOrder.value;
|
126
|
-
}
|
127
|
-
let orderArray;
|
128
|
-
if (((_a = this._orderPriorityList) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
129
|
-
this._orderPriorityList.find((item) => item.label === newItem.label).sort = sortOrder;
|
130
|
-
this._orderPriorityList.filter((item) => item.sort).map((item, index) => {
|
131
|
-
if (item.label === newItem.label) {
|
132
|
-
newItem.sortIndex = index;
|
133
|
-
}
|
134
|
-
});
|
135
|
-
}
|
136
|
-
else {
|
137
|
-
orderArray = newList.filter((item) => item.sort && item.hidden !== true)
|
138
|
-
.map((item, index) => {
|
139
|
-
return { label: item.label, orderIndex: index };
|
140
|
-
});
|
141
|
-
orderArray.forEach((element) => {
|
142
|
-
newList.find((item) => item.label === element.label).sortIndex = element.orderIndex;
|
143
|
-
});
|
144
|
-
}
|
145
|
-
this.columns = newList;
|
146
|
-
}
|
147
|
-
/* Actions Methods */
|
148
|
-
switchColumnGroup(evt, switchedItem) {
|
149
|
-
evt.stopPropagation();
|
150
|
-
let newList = [...this._columListItems];
|
151
|
-
this._dataChanged = true;
|
152
|
-
if (evt.detail === true) {
|
153
|
-
let hiddenGroup = newList.find((group) => group.group === this.getMessage("snkGridConfig.group.hidden"));
|
154
|
-
let index = hiddenGroup.items.findIndex((item) => item.label === switchedItem.label);
|
155
|
-
if (index >= 0) {
|
156
|
-
hiddenGroup.items.splice(index, 1);
|
157
|
-
}
|
158
|
-
let visibleGroup = newList.find((group) => group.group === this.getMessage("snkGridConfig.group.visible"));
|
159
|
-
visibleGroup.items.push(switchedItem);
|
160
|
-
this._columListItems = newList;
|
161
|
-
this.createOrderList();
|
162
|
-
}
|
163
|
-
else if (evt.detail === false) {
|
164
|
-
let visibleGroup = newList.find((group) => group.group === this.getMessage("snkGridConfig.group.visible"));
|
165
|
-
let index = visibleGroup.items.findIndex((item) => item.label === switchedItem.label);
|
166
|
-
if (index >= 0) {
|
167
|
-
visibleGroup.items.splice(index, 1);
|
168
|
-
}
|
169
|
-
let hiddenGroup = newList.find((group) => group.group === this.getMessage("snkGridConfig.group.hidden"));
|
170
|
-
hiddenGroup.items.push(switchedItem);
|
171
|
-
this._columListItems = newList;
|
172
|
-
this.createOrderList();
|
173
|
-
}
|
174
|
-
}
|
175
|
-
finish() {
|
176
|
-
if (!this._dataChanged) {
|
177
|
-
this.closeConfig();
|
178
|
-
return;
|
179
|
-
}
|
180
|
-
let newColumnList = [];
|
181
|
-
this._columListItems.forEach((group) => {
|
182
|
-
group.items.forEach((item) => {
|
183
|
-
const baseColumn = this.columns.find((column) => column.label === item.label);
|
184
|
-
let newColumnItem = Object.assign({}, baseColumn);
|
185
|
-
if (group.group === this.getMessage("snkGridConfig.group.hidden")) {
|
186
|
-
newColumnItem.hidden = true;
|
187
|
-
}
|
188
|
-
else {
|
189
|
-
newColumnItem.hidden = false;
|
190
|
-
}
|
191
|
-
newColumnList.push(newColumnItem);
|
192
|
-
});
|
193
|
-
});
|
194
|
-
this.columns = newColumnList;
|
195
|
-
this._dataChanged = false;
|
196
|
-
this.closeConfig();
|
197
|
-
this.save();
|
198
|
-
}
|
199
|
-
save() {
|
200
|
-
var _a;
|
201
|
-
let _newConfig;
|
202
|
-
if (this.config) {
|
203
|
-
_newConfig = this.config;
|
204
|
-
}
|
205
|
-
else {
|
206
|
-
_newConfig = this.createConfigFromState(this.columns);
|
207
|
-
}
|
208
|
-
let _newColumnConfigList = [];
|
209
|
-
let orderArray;
|
210
|
-
if (((_a = this._orderPriorityList) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
211
|
-
orderArray = this.columns.filter((item) => item.sort && item.hidden !== true)
|
212
|
-
.map((item) => {
|
213
|
-
return { label: item.label, orderIndex: 0 };
|
214
|
-
});
|
215
|
-
let indexCount = 0;
|
216
|
-
let newOrderArray = [];
|
217
|
-
this._orderPriorityList.forEach((orderPriorityItem) => {
|
218
|
-
let item = orderArray.find((column) => column.label === orderPriorityItem.label);
|
219
|
-
if (item) {
|
220
|
-
item.orderIndex = indexCount;
|
221
|
-
newOrderArray.push(item);
|
222
|
-
indexCount++;
|
223
|
-
}
|
224
|
-
});
|
225
|
-
if (newOrderArray.length > 0) {
|
226
|
-
orderArray = newOrderArray;
|
227
|
-
}
|
228
|
-
}
|
229
|
-
for (let i = 0; i < this.columns.length; i++) {
|
230
|
-
const column = this.columns[i];
|
231
|
-
let _newColumnConfig = _newConfig.columns.find((_newColumnConfig) => column.name === _newColumnConfig.name);
|
232
|
-
if (column.hidden === true && _newColumnConfig) {
|
233
|
-
continue;
|
234
|
-
}
|
235
|
-
if (_newColumnConfig) {
|
236
|
-
_newColumnConfig.width = column.width;
|
237
|
-
}
|
238
|
-
else if (column.hidden === false) {
|
239
|
-
_newColumnConfig = { name: column.name, width: column.width, orderIndex: 0 };
|
240
|
-
}
|
241
|
-
if (_newColumnConfig) {
|
242
|
-
if (column.sort) {
|
243
|
-
_newColumnConfig.ascending = column.sort.toUpperCase() === constants.ORDER_VALUES.asc.value ? true : false;
|
244
|
-
if (orderArray) {
|
245
|
-
adjustPriorityOrder(column, _newColumnConfig);
|
246
|
-
}
|
247
|
-
else {
|
248
|
-
_newColumnConfig.orderIndex = column.sortIndex;
|
249
|
-
}
|
250
|
-
}
|
251
|
-
else {
|
252
|
-
delete _newColumnConfig.ascending;
|
253
|
-
_newColumnConfig.orderIndex = 0;
|
254
|
-
}
|
255
|
-
_newColumnConfigList.push(_newColumnConfig);
|
256
|
-
}
|
257
|
-
}
|
258
|
-
_newConfig.columns = _newColumnConfigList;
|
259
|
-
ConfigStorage.ConfigStorage.saveGridConfig(_newConfig, this.configName, this.resourceID)
|
260
|
-
.then((savedConfig) => {
|
261
|
-
this.configChange.emit(savedConfig);
|
262
|
-
this._orderList.clearHistory();
|
263
|
-
utils.ApplicationUtils.info(this.getMessage("snkGridConfig.info.successfullyConfigSaved"), { iconName: "check" });
|
264
|
-
});
|
265
|
-
function adjustPriorityOrder(column, _newColumnConfig) {
|
266
|
-
if (orderArray) {
|
267
|
-
let orderItem = orderArray.find((item) => item.label === column.label);
|
268
|
-
if (orderItem) {
|
269
|
-
_newColumnConfig.orderIndex = orderItem.orderIndex;
|
270
|
-
}
|
271
|
-
}
|
272
|
-
}
|
273
|
-
}
|
274
|
-
createConfigFromState(state) {
|
275
|
-
let newConfig = { columns: [] };
|
276
|
-
state.forEach((columnState) => {
|
277
|
-
if (!columnState.hidden) {
|
278
|
-
let newConfigColumn = { name: columnState.name };
|
279
|
-
if (columnState.width) {
|
280
|
-
newConfigColumn['width'] = columnState.width;
|
281
|
-
}
|
282
|
-
if (columnState.sort) {
|
283
|
-
newConfigColumn['ascending'] = (columnState.sort.toUpperCase() === constants.ORDER_VALUES.asc.value);
|
284
|
-
newConfigColumn['orderIndex'] = columnState.sortIndex;
|
285
|
-
}
|
286
|
-
else {
|
287
|
-
newConfigColumn['orderIndex'] = 0;
|
288
|
-
}
|
289
|
-
if (newConfigColumn) {
|
290
|
-
newConfig.columns.push(newConfigColumn);
|
291
|
-
}
|
292
|
-
}
|
293
|
-
});
|
294
|
-
return newConfig;
|
295
|
-
}
|
296
|
-
async locateColumn(evt, searchingText) {
|
297
|
-
var _a;
|
298
|
-
const hitEnter = evt.key === "Enter";
|
299
|
-
if (!searchingText) {
|
300
|
-
searchingText = (_a = evt.currentTarget) === null || _a === void 0 ? void 0 : _a.value;
|
301
|
-
}
|
302
|
-
let newSelected = -1;
|
303
|
-
if (this.selectedIndex === 1) {
|
304
|
-
if (searchingText) {
|
305
|
-
const matchedIndexes = [];
|
306
|
-
let orderListDatasource;
|
307
|
-
await this._orderList.getList().then((listGroup) => {
|
308
|
-
orderListDatasource = listGroup;
|
309
|
-
orderListDatasource.forEach((column, index) => {
|
310
|
-
if (this.compareWords(column, searchingText)) {
|
311
|
-
matchedIndexes.push(index);
|
312
|
-
}
|
313
|
-
});
|
314
|
-
});
|
315
|
-
if (matchedIndexes.length > 0) {
|
316
|
-
if (hitEnter) {
|
317
|
-
for (let j = 0; j < matchedIndexes.length; j++) {
|
318
|
-
if (matchedIndexes[j] > this._selectedIndex) {
|
319
|
-
newSelected = matchedIndexes[j];
|
320
|
-
break;
|
321
|
-
}
|
322
|
-
}
|
323
|
-
}
|
324
|
-
if (newSelected === -1) {
|
325
|
-
newSelected = matchedIndexes[0];
|
326
|
-
}
|
327
|
-
}
|
328
|
-
this._selectedIndex = newSelected;
|
329
|
-
let selectedColumn;
|
330
|
-
selectedColumn = orderListDatasource[newSelected];
|
331
|
-
if (selectedColumn) {
|
332
|
-
this._orderList.setSelection(selectedColumn, true);
|
333
|
-
}
|
334
|
-
else {
|
335
|
-
this._orderList.removeSelection();
|
336
|
-
}
|
337
|
-
}
|
338
|
-
else {
|
339
|
-
this._orderList.removeSelection();
|
340
|
-
}
|
341
|
-
}
|
342
|
-
else {
|
343
|
-
if (searchingText) {
|
344
|
-
const matchedIndexes = [];
|
345
|
-
this.columns.forEach((column, index) => {
|
346
|
-
if (this.compareWords(column, searchingText)) {
|
347
|
-
matchedIndexes.push(index);
|
348
|
-
}
|
349
|
-
});
|
350
|
-
if (matchedIndexes.length > 0) {
|
351
|
-
if (hitEnter) {
|
352
|
-
for (let j = 0; j < matchedIndexes.length; j++) {
|
353
|
-
if (matchedIndexes[j] > this._selectedIndex) {
|
354
|
-
newSelected = matchedIndexes[j];
|
355
|
-
break;
|
356
|
-
}
|
357
|
-
}
|
358
|
-
}
|
359
|
-
if (newSelected === -1) {
|
360
|
-
newSelected = matchedIndexes[0];
|
361
|
-
}
|
362
|
-
}
|
363
|
-
this._selectedIndex = newSelected;
|
364
|
-
let selectedColumn = this.columns[newSelected];
|
365
|
-
if (selectedColumn) {
|
366
|
-
const listItem = this._columListItems.map(group => group.items).flat().find(item => item.label === selectedColumn.label);
|
367
|
-
if (listItem)
|
368
|
-
this._columnList.setSelection(listItem, true);
|
369
|
-
}
|
370
|
-
else {
|
371
|
-
this._columnList.removeSelection();
|
372
|
-
}
|
373
|
-
}
|
374
|
-
else {
|
375
|
-
this._columnList.removeSelection();
|
376
|
-
}
|
377
|
-
}
|
378
|
-
}
|
379
|
-
compareWords(column, searchingText) {
|
380
|
-
var _a, _b;
|
381
|
-
const columnLabel = (_a = core.StringUtils.replaceAccentuatedChars(column === null || column === void 0 ? void 0 : column.label)) === null || _a === void 0 ? void 0 : _a.toUpperCase();
|
382
|
-
const argument = (_b = core.StringUtils.replaceAccentuatedChars(searchingText)) === null || _b === void 0 ? void 0 : _b.toUpperCase();
|
383
|
-
if (core.StringUtils.isEmpty(columnLabel) || core.StringUtils.isEmpty(argument)) {
|
384
|
-
return false;
|
385
|
-
}
|
386
|
-
return columnLabel.includes(argument);
|
387
|
-
}
|
388
|
-
getColumnNames() {
|
389
|
-
const listNames = [];
|
390
|
-
listNames.push(this.getMessage("snkGridConfig.tab.columns"));
|
391
|
-
listNames.push(this.getMessage("snkGridConfig.tab.lineOrdering"));
|
392
|
-
return listNames.join(',');
|
393
|
-
}
|
394
|
-
closeConfig() {
|
395
|
-
this._orderList.scrollToTop();
|
396
|
-
this._columnList.scrollToTop();
|
397
|
-
this._searchElement.value = "";
|
398
|
-
if (this._dataChanged) {
|
399
|
-
let options = {
|
400
|
-
canClose: false,
|
401
|
-
labelCancel: this.getMessage("snkGridConfig.confirm.cancel"),
|
402
|
-
labelConfirm: this.getMessage("snkGridConfig.confirm.save"),
|
403
|
-
btnConfirmDanger: false
|
404
|
-
};
|
405
|
-
utils.ApplicationUtils.confirm(this.getMessage("snkGridConfig.confirm.alert"), this.getMessage("snkGridConfig.confirm.msgCancel"), null, utils.DialogType.WARN, options)
|
406
|
-
.then((response) => {
|
407
|
-
if (!response) {
|
408
|
-
this._dataChanged = false;
|
409
|
-
this.configCancel.emit();
|
410
|
-
this._orderList.clearHistory();
|
411
|
-
this._componenteInternalKey = Date.now();
|
412
|
-
}
|
413
|
-
else {
|
414
|
-
this.finish();
|
415
|
-
}
|
416
|
-
});
|
417
|
-
}
|
418
|
-
else {
|
419
|
-
this.configCancel.emit();
|
420
|
-
this._orderList.clearHistory();
|
421
|
-
}
|
422
|
-
}
|
423
|
-
/* Handlers */
|
424
|
-
handleTabChange(tab) {
|
425
|
-
if ((tab === null || tab === void 0 ? void 0 : tab.index) != undefined) {
|
426
|
-
if (this.selectedIndex !== tab.index) {
|
427
|
-
if (tab.index === 0) {
|
428
|
-
this._orderList.scrollToTop();
|
429
|
-
}
|
430
|
-
else if (tab.index === 1) {
|
431
|
-
this._columnList.scrollToTop();
|
432
|
-
}
|
433
|
-
this._searchElement.value = "";
|
434
|
-
}
|
435
|
-
if (tab.index === 1) {
|
436
|
-
this.createOrderList();
|
437
|
-
}
|
438
|
-
this.selectedIndex = tab.index;
|
439
|
-
}
|
440
|
-
}
|
441
|
-
handleColumnListChange(evt) {
|
442
|
-
var _a;
|
443
|
-
if (evt.detail) {
|
444
|
-
let visibleItems = (_a = evt.detail.find((group) => group.group === this.getMessage("snkGridConfig.group.visible"))) === null || _a === void 0 ? void 0 : _a.items;
|
445
|
-
if (visibleItems) {
|
446
|
-
this._dataChanged = true;
|
447
|
-
this._orderListItems = visibleItems;
|
448
|
-
}
|
449
|
-
}
|
450
|
-
}
|
451
|
-
handleOrderListChange(evt) {
|
452
|
-
if (evt.detail) {
|
453
|
-
let orderPriorityList = evt.detail;
|
454
|
-
if (orderPriorityList) {
|
455
|
-
this._dataChanged = true;
|
456
|
-
this._orderPriorityList = orderPriorityList;
|
457
|
-
}
|
458
|
-
}
|
459
|
-
}
|
460
|
-
componentWillRender() {
|
461
|
-
var _a;
|
462
|
-
if (((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
463
|
-
this.createColumnList();
|
464
|
-
}
|
465
|
-
}
|
466
|
-
componentDidRender() {
|
467
|
-
var _a;
|
468
|
-
if (((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
469
|
-
this.locateColumn(new KeyboardEvent("arrow-right", { key: "ArrowRight" }), this._searchElement.value);
|
470
|
-
}
|
471
|
-
}
|
472
|
-
componentDidLoad() {
|
473
|
-
core.ElementIDUtils.addIDInfo(this._element);
|
474
|
-
}
|
475
|
-
render() {
|
476
|
-
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() }))));
|
477
|
-
}
|
478
|
-
static get assetsDirs() { return ["../assets"]; }
|
479
|
-
get _element() { return index.getElement(this); }
|
480
|
-
};
|
481
|
-
SnkGridConfig.style = snkGridConfigCss;
|
482
|
-
|
483
|
-
exports.snk_grid_config = SnkGridConfig;
|
@@ -1,25 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
const index = require('./index-f9e81701.js');
|
6
|
-
const constants = require('./constants-35ddd366.js');
|
7
|
-
|
8
|
-
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}";
|
9
|
-
|
10
|
-
const SelectBox = class {
|
11
|
-
constructor(hostRef) {
|
12
|
-
index.registerInstance(this, hostRef);
|
13
|
-
this.ezChange = index.createEvent(this, "ezChange", 7);
|
14
|
-
this.selectedOption = constants.ORDER_VALUES.none;
|
15
|
-
}
|
16
|
-
render() {
|
17
|
-
return (index.h("ez-combo-box", { class: "grid-config-combo ez-input--inverted", label: "", suppressSearch: true, value: this.selectedOption, enabled: true, canShowError: false, suppressEmptyOption: true }, Object.keys(constants.ORDER_VALUES).map((key) => {
|
18
|
-
return index.h("option", { value: constants.ORDER_VALUES[key].value }, constants.ORDER_VALUES[key].label);
|
19
|
-
})));
|
20
|
-
}
|
21
|
-
static get assetsDirs() { return ["../assets"]; }
|
22
|
-
};
|
23
|
-
SelectBox.style = snkSelectBoxCss;
|
24
|
-
|
25
|
-
exports.snk_select_box = SelectBox;
|