@sankhyalabs/ezui 5.20.4 → 5.21.0-dev.10
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/README.md +4 -5
- package/dist/cjs/{CSSVarsUtils-b136a156.js → CSSVarsUtils-10c9d5b4.js} +13 -0
- package/dist/cjs/ez-actions-button.cjs.entry.js +2 -2
- package/dist/cjs/ez-alert-list.cjs.entry.js +123 -49
- package/dist/cjs/ez-alert.cjs.entry.js +1 -1
- package/dist/cjs/ez-application.cjs.entry.js +1 -1
- package/dist/cjs/ez-badge.cjs.entry.js +1 -1
- package/dist/cjs/ez-breadcrumb.cjs.entry.js +1 -1
- package/dist/cjs/ez-button.cjs.entry.js +3 -3
- package/dist/cjs/ez-calendar.cjs.entry.js +1 -1
- package/dist/cjs/ez-card-item_3.cjs.entry.js +183 -0
- package/dist/cjs/ez-check.cjs.entry.js +2 -2
- package/dist/cjs/ez-chip.cjs.entry.js +1 -1
- package/dist/cjs/ez-collapsible-box.cjs.entry.js +1 -1
- package/dist/cjs/ez-combo-box.cjs.entry.js +20 -163
- package/dist/cjs/ez-date-input.cjs.entry.js +2 -2
- package/dist/cjs/ez-date-time-input.cjs.entry.js +2 -2
- package/dist/cjs/ez-dialog.cjs.entry.js +1 -1
- package/dist/cjs/ez-dropdown.cjs.entry.js +10 -4
- package/dist/cjs/ez-file-item.cjs.entry.js +1 -1
- package/dist/cjs/ez-form-view.cjs.entry.js +48 -16
- package/dist/cjs/ez-form.cjs.entry.js +29 -3
- package/dist/cjs/ez-grid.cjs.entry.js +216 -72
- package/dist/cjs/ez-guide-navigator.cjs.entry.js +1 -1
- package/dist/cjs/ez-icon.cjs.entry.js +2 -2
- package/dist/cjs/ez-list.cjs.entry.js +1 -1
- package/dist/cjs/ez-loading-bar.cjs.entry.js +1 -1
- package/dist/cjs/ez-modal-container.cjs.entry.js +19 -3
- package/dist/cjs/ez-modal.cjs.entry.js +8 -9
- package/dist/cjs/ez-multi-selection-list.cjs.entry.js +1 -1
- package/dist/cjs/ez-number-input.cjs.entry.js +10 -3
- package/dist/cjs/ez-popover.cjs.entry.js +1 -1
- package/dist/cjs/ez-popup.cjs.entry.js +21 -8
- package/dist/cjs/ez-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/ez-scroller_3.cjs.entry.js +19 -5
- package/dist/cjs/ez-search.cjs.entry.js +625 -33
- package/dist/cjs/ez-skeleton.cjs.entry.js +1 -1
- package/dist/cjs/ez-split-button.cjs.entry.js +166 -0
- package/dist/cjs/ez-split-item.cjs.entry.js +21 -3
- package/dist/cjs/ez-split-panel.cjs.entry.js +68 -14
- package/dist/cjs/ez-tabselector.cjs.entry.js +1 -1
- package/dist/cjs/ez-text-area.cjs.entry.js +1 -1
- package/dist/cjs/ez-text-edit.cjs.entry.js +1 -1
- package/dist/cjs/ez-text-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-time-input.cjs.entry.js +2 -2
- package/dist/cjs/ez-toast.cjs.entry.js +1 -1
- package/dist/cjs/ez-upload.cjs.entry.js +1 -1
- package/dist/cjs/ez-view-stack.cjs.entry.js +1 -1
- package/dist/cjs/ezui.cjs.js +2 -2
- package/dist/cjs/filter-column.cjs.entry.js +17 -6
- package/dist/cjs/{index-1064511f.js → index-a7b0c73d.js} +12 -10
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/collection-manifest.json +4 -3
- package/dist/collection/components/ez-alert-list/ez-alert-list.css +16 -2
- package/dist/collection/components/ez-alert-list/ez-alert-list.js +129 -48
- package/dist/collection/components/ez-button/ez-button.css +7 -0
- package/dist/collection/components/ez-button/ez-button.js +1 -1
- package/dist/collection/components/ez-card-item/ez-card-item.css +52 -3
- package/dist/collection/components/ez-card-item/ez-card-item.js +22 -3
- package/dist/collection/components/ez-check/ez-check.css +1 -0
- package/dist/collection/components/ez-collapsible-box/ez-collapsible-box.css +1 -0
- package/dist/collection/components/ez-combo-box/ez-combo-box.js +19 -179
- package/dist/collection/components/ez-dropdown/ez-dropdown.js +32 -3
- package/dist/collection/components/ez-form/ez-form.js +76 -2
- package/dist/collection/components/ez-form-view/ez-form-view.css +17 -1
- package/dist/collection/components/ez-form-view/ez-form-view.js +60 -5
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/CheckBox.tpl.js +1 -1
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/ComboBox.tpl.js +1 -1
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/DateInput.tpl.js +3 -3
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/FileInput.tpl.js +4 -2
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/NumberInput.tpl.js +1 -1
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/SearchInput.tpl.js +1 -1
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/TextInput.tpl.js +1 -1
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridController.js +26 -13
- package/dist/collection/components/ez-grid/controller/ag-grid/DataSource.js +3 -4
- package/dist/collection/components/ez-grid/controller/ag-grid/DataSourceInterceptor.js +21 -0
- package/dist/collection/components/ez-grid/controller/ag-grid/components/EzGridCustomHeader.js +1 -3
- package/dist/collection/components/ez-grid/ez-grid.css +25 -1
- package/dist/collection/components/ez-grid/ez-grid.js +228 -35
- package/dist/collection/components/ez-grid/interfaces/ICustomFormatter.js +1 -0
- package/dist/collection/components/ez-grid/interfaces/index.js +1 -0
- package/dist/collection/components/ez-grid/subcomponents/filter-column.js +16 -5
- package/dist/collection/components/ez-grid/subcomponents/selection-counter.js +3 -11
- package/dist/collection/components/ez-grid/subcomponents/utils/selectionCounterUtils.js +24 -0
- package/dist/collection/components/ez-grid/test/resources/gridDataUnit.js +19 -0
- package/dist/collection/components/ez-icon/ez-icon.css +119 -117
- package/dist/collection/components/ez-modal/ez-modal.js +22 -9
- package/dist/collection/components/ez-modal-container/ez-modal-container.css +4 -0
- package/dist/collection/components/ez-modal-container/ez-modal-container.js +26 -1
- package/dist/collection/components/ez-number-input/ez-number-input.js +11 -0
- package/dist/collection/components/ez-popup/ez-popup.css +2 -5
- package/dist/collection/components/ez-popup/ez-popup.js +35 -8
- package/dist/collection/components/ez-search/ez-search.css +331 -0
- package/dist/collection/components/ez-search/ez-search.js +701 -55
- package/dist/collection/components/ez-split-button/ez-split-button.css +229 -0
- package/dist/collection/components/ez-split-button/ez-split-button.js +455 -0
- package/dist/collection/components/ez-split-button/test/dropdownItems.js +42 -0
- package/dist/collection/components/ez-split-panel/ez-split-panel.css +6 -7
- package/dist/collection/components/ez-split-panel/ez-split-panel.js +103 -15
- package/dist/collection/components/ez-split-panel/structure/item/ez-split-item.css +59 -12
- package/dist/collection/components/ez-split-panel/structure/item/ez-split-item.js +82 -2
- package/dist/collection/components/ez-tree/ez-tree.css +26 -0
- package/dist/collection/components/ez-tree/interfaces/ITreeItemBadge.js +1 -0
- package/dist/collection/components/ez-tree/subcomponents/TreeItem.js +15 -2
- package/dist/collection/utils/CSSVarsUtils.js +13 -0
- package/dist/collection/utils/form/test/DataBinder.test.js +9 -0
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +1427 -397
- package/dist/esm/{CSSVarsUtils-a97cfa29.js → CSSVarsUtils-71ce76be.js} +13 -0
- package/dist/esm/ez-actions-button.entry.js +2 -2
- package/dist/esm/ez-alert-list.entry.js +123 -49
- package/dist/esm/ez-alert.entry.js +1 -1
- package/dist/esm/ez-application.entry.js +1 -1
- package/dist/esm/ez-badge.entry.js +1 -1
- package/dist/esm/ez-breadcrumb.entry.js +1 -1
- package/dist/esm/ez-button.entry.js +3 -3
- package/dist/esm/ez-calendar.entry.js +1 -1
- package/dist/esm/ez-card-item_3.entry.js +177 -0
- package/dist/esm/ez-check.entry.js +2 -2
- package/dist/esm/ez-chip.entry.js +1 -1
- package/dist/esm/ez-collapsible-box.entry.js +1 -1
- package/dist/esm/ez-combo-box.entry.js +21 -164
- package/dist/esm/ez-date-input.entry.js +2 -2
- package/dist/esm/ez-date-time-input.entry.js +2 -2
- package/dist/esm/ez-dialog.entry.js +1 -1
- package/dist/esm/ez-dropdown.entry.js +10 -4
- package/dist/esm/ez-file-item.entry.js +1 -1
- package/dist/esm/ez-form-view.entry.js +48 -16
- package/dist/esm/ez-form.entry.js +29 -3
- package/dist/esm/ez-grid.entry.js +217 -73
- package/dist/esm/ez-guide-navigator.entry.js +1 -1
- package/dist/esm/ez-icon.entry.js +2 -2
- package/dist/esm/ez-list.entry.js +1 -1
- package/dist/esm/ez-loading-bar.entry.js +1 -1
- package/dist/esm/ez-modal-container.entry.js +19 -3
- package/dist/esm/ez-modal.entry.js +9 -10
- package/dist/esm/ez-multi-selection-list.entry.js +1 -1
- package/dist/esm/ez-number-input.entry.js +10 -3
- package/dist/esm/ez-popover.entry.js +1 -1
- package/dist/esm/ez-popup.entry.js +22 -9
- package/dist/esm/ez-radio-button.entry.js +1 -1
- package/dist/esm/ez-scroller_3.entry.js +19 -5
- package/dist/esm/ez-search.entry.js +626 -34
- package/dist/esm/ez-skeleton.entry.js +1 -1
- package/dist/esm/ez-split-button.entry.js +162 -0
- package/dist/esm/ez-split-item.entry.js +21 -3
- package/dist/esm/ez-split-panel.entry.js +68 -14
- package/dist/esm/ez-tabselector.entry.js +1 -1
- package/dist/esm/ez-text-area.entry.js +1 -1
- package/dist/esm/ez-text-edit.entry.js +1 -1
- package/dist/esm/ez-text-input.entry.js +1 -1
- package/dist/esm/ez-time-input.entry.js +2 -2
- package/dist/esm/ez-toast.entry.js +1 -1
- package/dist/esm/ez-upload.entry.js +1 -1
- package/dist/esm/ez-view-stack.entry.js +1 -1
- package/dist/esm/ezui.js +3 -3
- package/dist/esm/filter-column.entry.js +17 -6
- package/dist/esm/{index-296b8458.js → index-baa5e267.js} +12 -10
- package/dist/esm/loader.js +3 -3
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/{p-5cef0264.entry.js → p-0306dff7.entry.js} +1 -1
- package/dist/ezui/{p-871c1a07.entry.js → p-0447d17c.entry.js} +1 -1
- package/dist/ezui/p-072e6347.entry.js +1 -0
- package/dist/ezui/p-09de35a2.entry.js +1 -0
- package/dist/ezui/p-13d2fe2d.entry.js +1 -0
- package/dist/ezui/{p-f4208819.entry.js → p-17be134a.entry.js} +1 -1
- package/dist/ezui/{p-545b5b2f.entry.js → p-1db718ab.entry.js} +2 -2
- package/dist/ezui/{p-cd19a6f8.entry.js → p-1e7a8633.entry.js} +1 -1
- package/dist/ezui/{p-60ba28ea.entry.js → p-1f50fa05.entry.js} +1 -1
- package/dist/ezui/{p-245a44ed.entry.js → p-20ec22c0.entry.js} +1 -1
- package/dist/ezui/{p-e318d280.js → p-23a36bb6.js} +1 -1
- package/dist/ezui/p-30775e7f.entry.js +1 -0
- package/dist/ezui/{p-8252d9b5.entry.js → p-3a21618b.entry.js} +1 -1
- package/dist/ezui/p-3faa2b46.entry.js +1 -0
- package/dist/ezui/{p-9b347f04.entry.js → p-44caad9a.entry.js} +1 -1
- package/dist/ezui/{p-7319c253.entry.js → p-49456b34.entry.js} +1 -1
- package/dist/ezui/{p-ccb4ccd9.entry.js → p-555c9018.entry.js} +1 -1
- package/dist/ezui/{p-52dd8b4c.entry.js → p-5bd5e68f.entry.js} +1 -1
- package/dist/ezui/{p-7525e604.entry.js → p-5ed81457.entry.js} +1 -1
- package/dist/ezui/p-637f69f2.entry.js +1 -0
- package/dist/ezui/{p-c49dbf23.entry.js → p-650e4b6d.entry.js} +1 -1
- package/dist/ezui/{p-f55d75e7.entry.js → p-6e429cff.entry.js} +1 -1
- package/dist/ezui/{p-0b902469.entry.js → p-77a4bd35.entry.js} +1 -1
- package/dist/ezui/{p-81cd05c8.entry.js → p-784fe207.entry.js} +1 -1
- package/dist/ezui/p-7af81663.entry.js +1 -0
- package/dist/ezui/p-7bc07c31.entry.js +1 -0
- package/dist/ezui/p-7c770f14.entry.js +1 -0
- package/dist/ezui/p-836cdfdf.entry.js +1 -0
- package/dist/ezui/{p-5d6f2550.entry.js → p-85c8baae.entry.js} +1 -1
- package/dist/ezui/{p-d3b5228e.entry.js → p-8defa6d3.entry.js} +1 -1
- package/dist/ezui/{p-fbca293f.entry.js → p-8df1ca33.entry.js} +1 -1
- package/dist/ezui/{p-391de0e4.entry.js → p-9050d2cd.entry.js} +1 -1
- package/dist/ezui/p-91f626d3.entry.js +1 -0
- package/dist/ezui/{p-3e7cc8a4.entry.js → p-99ead599.entry.js} +1 -1
- package/dist/ezui/p-99f46950.entry.js +1 -0
- package/dist/ezui/{p-7eb3e1a5.js → p-9e11fc7b.js} +1 -1
- package/dist/ezui/{p-b11f035c.entry.js → p-9f5fa3f9.entry.js} +1 -1
- package/dist/ezui/{p-2da09f70.entry.js → p-a80b1287.entry.js} +1 -1
- package/dist/ezui/{p-d20ed286.entry.js → p-af2ecb1b.entry.js} +1 -1
- package/dist/ezui/{p-e8f88361.entry.js → p-af95cd16.entry.js} +1 -1
- package/dist/ezui/p-bae3d0aa.entry.js +1 -0
- package/dist/ezui/{p-fb21d72f.entry.js → p-bae4e180.entry.js} +1 -1
- package/dist/ezui/p-baf80b13.entry.js +1 -0
- package/dist/ezui/p-bc2f844e.entry.js +1 -0
- package/dist/ezui/p-bf79aaa1.entry.js +1 -0
- package/dist/ezui/{p-83885b21.entry.js → p-cc2dc4f4.entry.js} +1 -1
- package/dist/ezui/p-d9401ea0.entry.js +1 -0
- package/dist/ezui/{p-028f264f.entry.js → p-e85c48d7.entry.js} +1 -1
- package/dist/ezui/p-f3c526cc.entry.js +1 -0
- package/dist/types/components/ez-alert-list/ez-alert-list.d.ts +38 -4
- package/dist/types/components/ez-card-item/ez-card-item.d.ts +4 -0
- package/dist/types/components/ez-combo-box/ez-combo-box.d.ts +1 -15
- package/dist/types/components/ez-dropdown/ez-dropdown.d.ts +5 -0
- package/dist/types/components/ez-form/ez-form.d.ts +12 -0
- package/dist/types/components/ez-form-view/ez-form-view.d.ts +7 -0
- package/dist/types/components/ez-grid/controller/EzGridController.d.ts +10 -0
- package/dist/types/components/ez-grid/controller/ag-grid/AgGridController.d.ts +4 -0
- package/dist/types/components/ez-grid/controller/ag-grid/DataSourceInterceptor.d.ts +8 -0
- package/dist/types/components/ez-grid/controller/ag-grid/components/EzGridCustomHeader.d.ts +1 -1
- package/dist/types/components/ez-grid/ez-grid.d.ts +35 -3
- package/dist/types/components/ez-grid/interfaces/ICustomFormatter.d.ts +5 -0
- package/dist/types/components/ez-grid/interfaces/index.d.ts +1 -0
- package/dist/types/components/ez-grid/subcomponents/filter-column.d.ts +4 -1
- package/dist/types/components/ez-grid/subcomponents/utils/selectionCounterUtils.d.ts +4 -0
- package/dist/types/components/ez-grid/test/resources/gridDataUnit.d.ts +2 -0
- package/dist/types/components/ez-guide-navigator/interfaces/IGuideItem.d.ts +0 -1
- package/dist/types/components/ez-modal/ez-modal.d.ts +9 -1
- package/dist/types/components/ez-modal-container/ez-modal-container.d.ts +4 -0
- package/dist/types/components/ez-number-input/ez-number-input.d.ts +1 -0
- package/dist/types/components/ez-popup/ez-popup.d.ts +9 -3
- package/dist/types/components/ez-search/ez-search.d.ts +101 -10
- package/dist/types/components/ez-split-button/ez-split-button.d.ts +92 -0
- package/dist/types/components/ez-split-button/test/dropdownItems.d.ts +2 -0
- package/dist/types/components/ez-split-panel/ez-split-panel.d.ts +29 -0
- package/dist/types/components/ez-split-panel/structure/item/ez-split-item.d.ts +27 -0
- package/dist/types/components/ez-tree/interfaces/ITreeItem.d.ts +3 -1
- package/dist/types/components/ez-tree/interfaces/ITreeItemBadge.d.ts +6 -0
- package/dist/types/components/ez-tree/subcomponents/TreeItem.d.ts +0 -1
- package/dist/types/components.d.ts +225 -16
- package/dist/types/utils/CSSVarsUtils.d.ts +1 -0
- package/dist/types/utils/form/test/DataBinder.test.d.ts +1 -0
- package/dist/types/utils/interfaces/AbstractFieldMetadata.d.ts +2 -1
- package/dist/types/utils/interfaces/IAction.d.ts +1 -1
- package/package.json +13 -5
- package/react/components.d.ts +1 -0
- package/react/components.js +1 -0
- package/react/components.js.map +1 -1
- package/dist/cjs/ez-card-item.cjs.entry.js +0 -52
- package/dist/cjs/ez-filter-input_2.cjs.entry.js +0 -137
- package/dist/collection/components/ez-grid/controller/ag-grid/AgGridUtils.js +0 -8
- package/dist/esm/ez-card-item.entry.js +0 -48
- package/dist/esm/ez-filter-input_2.entry.js +0 -132
- package/dist/ezui/p-12526044.entry.js +0 -1
- package/dist/ezui/p-32b4163f.entry.js +0 -1
- package/dist/ezui/p-47afb974.entry.js +0 -1
- package/dist/ezui/p-59bcb27c.entry.js +0 -1
- package/dist/ezui/p-62304715.entry.js +0 -1
- package/dist/ezui/p-74049254.entry.js +0 -1
- package/dist/ezui/p-76d16a24.entry.js +0 -1
- package/dist/ezui/p-7fd54841.entry.js +0 -1
- package/dist/ezui/p-87e85160.entry.js +0 -1
- package/dist/ezui/p-95426f93.entry.js +0 -1
- package/dist/ezui/p-99692afa.entry.js +0 -1
- package/dist/ezui/p-a01068e1.entry.js +0 -1
- package/dist/ezui/p-a42fe2ce.entry.js +0 -1
- package/dist/ezui/p-af285e68.entry.js +0 -1
- package/dist/ezui/p-b6867f19.entry.js +0 -1
- package/dist/ezui/p-d51aa09b.entry.js +0 -1
- package/dist/ezui/p-d81917fd.entry.js +0 -1
- package/dist/ezui/p-f8653522.entry.js +0 -1
- package/dist/types/components/ez-grid/controller/ag-grid/AgGridUtils.d.ts +0 -1
|
@@ -8,6 +8,8 @@ export declare class EzForm {
|
|
|
8
8
|
private _store;
|
|
9
9
|
private _staticFields;
|
|
10
10
|
private _dataBinder;
|
|
11
|
+
private _formView;
|
|
12
|
+
private _fieldsProps;
|
|
11
13
|
/**
|
|
12
14
|
* Unidade de dados. Responsável pelo controle de edição de registros e
|
|
13
15
|
* informações pertinentes aos campos.
|
|
@@ -25,6 +27,10 @@ export declare class EzForm {
|
|
|
25
27
|
* Determina o campo que deve ficar em evidência.
|
|
26
28
|
*/
|
|
27
29
|
fieldToFocus: string;
|
|
30
|
+
/**
|
|
31
|
+
* Define se os campos que serão apresentados são todos estáticos. Quando verdadeira, ocorrerá no DataBinder o bind dos campos com o DataUnit.
|
|
32
|
+
*/
|
|
33
|
+
onlyStaticFields: boolean;
|
|
28
34
|
/**
|
|
29
35
|
* Emitido quando o campo recebe foco
|
|
30
36
|
*/
|
|
@@ -46,14 +52,20 @@ export declare class EzForm {
|
|
|
46
52
|
*/
|
|
47
53
|
validate(): Promise<void>;
|
|
48
54
|
observeConfig(): void;
|
|
55
|
+
/**
|
|
56
|
+
* Altera/adiciona uma propriedade nos metadados do campo.
|
|
57
|
+
*/
|
|
58
|
+
setFieldProp(fieldName: string, propName: string, value: any): Promise<void>;
|
|
49
59
|
private getDynamicContent;
|
|
50
60
|
private buildFormContent;
|
|
51
61
|
private processMetadata;
|
|
52
62
|
private isStatic;
|
|
63
|
+
private bindFields;
|
|
53
64
|
componentWillLoad(): void;
|
|
54
65
|
onDataUnitAction: (action: any) => void;
|
|
55
66
|
componentDidRender(): void;
|
|
56
67
|
private handleFieldToFocus;
|
|
68
|
+
private setFieldsProps;
|
|
57
69
|
disconnectedCallback(): void;
|
|
58
70
|
buildIdTabSelector(tabs: Array<Tab>): Array<Tab>;
|
|
59
71
|
render(): any;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
2
|
import { IFormViewField } from './interfaces/IFormViewField';
|
|
3
|
+
import { UserInterface } from '@sankhyalabs/core';
|
|
3
4
|
import { FormItems } from './structure';
|
|
4
5
|
export declare class EzFormView {
|
|
5
6
|
_element: HTMLEzFormViewElement;
|
|
@@ -16,7 +17,13 @@ export declare class EzFormView {
|
|
|
16
17
|
*/
|
|
17
18
|
fields: Array<IFormViewField>;
|
|
18
19
|
showUp(): Promise<void>;
|
|
20
|
+
/**
|
|
21
|
+
* Altera/adiciona uma propriedade nos metados do campo.
|
|
22
|
+
*/
|
|
23
|
+
setFieldProp(fieldName: string, propName: string, value: any): Promise<void>;
|
|
19
24
|
private groupFields;
|
|
20
25
|
componentDidRender(): void;
|
|
26
|
+
isItemFullWidth(userInterface: UserInterface): boolean;
|
|
27
|
+
buildFormItemElement(item: IFormViewField, classItem?: string): any;
|
|
21
28
|
render(): any;
|
|
22
29
|
}
|
|
@@ -2,6 +2,7 @@ import { DataUnit, Filter } from '@sankhyalabs/core';
|
|
|
2
2
|
import { Components } from '../../../components';
|
|
3
3
|
import FilterCollumn = Components.FilterColumn;
|
|
4
4
|
import { IRecordValidator } from '../../../utils/form/interfaces';
|
|
5
|
+
import { ICustomFormatter } from '../interfaces';
|
|
5
6
|
/**
|
|
6
7
|
* O intuito desta abstração, é isolar o componente EzGrid de uma implementação
|
|
7
8
|
* específica, permitindo que usemos componentes de terceiros sem um acoplamento
|
|
@@ -87,6 +88,10 @@ export default interface EzGridController {
|
|
|
87
88
|
* Método responsável por atualizar as linhas da grade
|
|
88
89
|
*/
|
|
89
90
|
refresh(): void;
|
|
91
|
+
/**
|
|
92
|
+
* Método responsável por atualizar as linhas selecionadas da grade
|
|
93
|
+
*/
|
|
94
|
+
refreshSelectedRows(): void;
|
|
90
95
|
/**
|
|
91
96
|
* Adiciona um filtro rápido na grid e faz o refresh.
|
|
92
97
|
*/
|
|
@@ -110,6 +115,7 @@ export default interface EzGridController {
|
|
|
110
115
|
configFilterColumn(filterColumn: FilterCollumn): any;
|
|
111
116
|
getFilter(): Array<Filter> | undefined;
|
|
112
117
|
clearFilter(): void;
|
|
118
|
+
setCustomFormatters(customFormatters: Map<string, ICustomFormatter>): void;
|
|
113
119
|
}
|
|
114
120
|
/**
|
|
115
121
|
* Carrega as informações necessárias para contextualizar corretamente a instância.
|
|
@@ -164,6 +170,10 @@ export interface EzGridOptions {
|
|
|
164
170
|
* Desabilita edição na grade independente da configuração de coluna.
|
|
165
171
|
*/
|
|
166
172
|
editionIsDisabled?: () => boolean;
|
|
173
|
+
/**
|
|
174
|
+
* Mapa de formatadores customizados por coluna.
|
|
175
|
+
*/
|
|
176
|
+
customFormatters: Map<string, ICustomFormatter>;
|
|
167
177
|
}
|
|
168
178
|
/**
|
|
169
179
|
* Representa cada coluna da grade.
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { Sort, SortingProvider } from '@sankhyalabs/core';
|
|
2
2
|
import { Filter, FilterProvider } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
|
|
3
3
|
import EzGridController, { EzGridColumn, EzGridColumnConfig, EzGridColumnMenuItemDef, EzGridOptions } from '../EzGridController';
|
|
4
|
+
import { ICustomFormatter } from '../../interfaces';
|
|
4
5
|
export default class AgGridController implements EzGridController, SortingProvider, FilterProvider {
|
|
5
6
|
private readonly DEFAULT_ROW_HEIGHT;
|
|
6
7
|
private readonly DEFAULT_HEADER_ROW_HEIGHT;
|
|
@@ -30,6 +31,7 @@ export default class AgGridController implements EzGridController, SortingProvid
|
|
|
30
31
|
private _filterColumn;
|
|
31
32
|
private _filterColumnleftPosition;
|
|
32
33
|
private _editionManager;
|
|
34
|
+
private _customFormatters;
|
|
33
35
|
configFilterColumn(filterColumn: HTMLFilterColumnElement): void;
|
|
34
36
|
private handleFilteredColumnsChanged;
|
|
35
37
|
clearFilter(): void;
|
|
@@ -77,6 +79,8 @@ export default class AgGridController implements EzGridController, SortingProvid
|
|
|
77
79
|
setSelectedIndex(index: number): void;
|
|
78
80
|
hasFilterColumn(columnName: string): boolean;
|
|
79
81
|
private buildColDef;
|
|
82
|
+
setCustomFormatters(customFormatters: Map<string, ICustomFormatter>): void;
|
|
83
|
+
refreshSelectedRows(): void;
|
|
80
84
|
private getInitCellStyle;
|
|
81
85
|
private getStyleByColumn;
|
|
82
86
|
private getFormatterByColumn;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { DUActionInterceptor, DataUnitAction } from "@sankhyalabs/core";
|
|
2
|
+
import EzGridController from "../EzGridController";
|
|
3
|
+
export declare class DataSourceInterceptor implements DUActionInterceptor {
|
|
4
|
+
private _controller;
|
|
5
|
+
constructor(controller: EzGridController);
|
|
6
|
+
private clearColumnFilter;
|
|
7
|
+
interceptAction(action: DataUnitAction): DataUnitAction | Promise<DataUnitAction>;
|
|
8
|
+
}
|
|
@@ -2,7 +2,7 @@ import { IHeaderParams } from 'ag-grid-community';
|
|
|
2
2
|
export interface IEzGridCustomHeaderParams {
|
|
3
3
|
tooltip?: string;
|
|
4
4
|
hasFilter?: () => boolean;
|
|
5
|
-
showColumnFilter?: (leftPosition:
|
|
5
|
+
showColumnFilter?: (leftPosition: number) => void;
|
|
6
6
|
}
|
|
7
7
|
export declare class EzGridCustomHeader {
|
|
8
8
|
private params;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { DataUnit } from '@sankhyalabs/core';
|
|
2
2
|
import { EventEmitter } from '../../stencil-public-runtime';
|
|
3
|
-
import { IMultiSelectionListDataSource } from '../ez-multi-selection-list/interfaces/IMultiSelectionListDataSource';
|
|
4
|
-
import { EzGridColumn, EzGridColumnConfig, EzGridColumStateEvent, IGridConfig, IStatusResolver, StatusResolverFunction } from './controller/EzGridController';
|
|
5
|
-
import { ISelection, ISelectionToastConfig } from './interfaces';
|
|
6
3
|
import { IRecordValidator } from '../../utils/form/interfaces';
|
|
4
|
+
import { IMultiSelectionListDataSource } from '../ez-multi-selection-list/interfaces/IMultiSelectionListDataSource';
|
|
5
|
+
import { EzGridColumStateEvent, EzGridColumn, EzGridColumnConfig, IGridConfig, IStatusResolver, StatusResolverFunction } from './controller/EzGridController';
|
|
6
|
+
import { ICustomFormatter, ISelection, ISelectionToastConfig } from './interfaces';
|
|
7
7
|
export declare class EzGrid {
|
|
8
8
|
private _container;
|
|
9
9
|
private _refPaginationControl;
|
|
@@ -13,6 +13,9 @@ export declare class EzGrid {
|
|
|
13
13
|
private _messageFilterAppliedSuccess;
|
|
14
14
|
private _gridApi;
|
|
15
15
|
private _filterColumn;
|
|
16
|
+
private _refPaginationLabel;
|
|
17
|
+
private _refPaginationLabelTooltip;
|
|
18
|
+
private _headerOverflowWatcher;
|
|
16
19
|
_element: HTMLElement;
|
|
17
20
|
private _paginationInfo;
|
|
18
21
|
private _paginationChangedByKeyboard;
|
|
@@ -21,6 +24,7 @@ export declare class EzGrid {
|
|
|
21
24
|
private _currentPageSelected;
|
|
22
25
|
private _selectionCount;
|
|
23
26
|
private _hasLeftButtons;
|
|
27
|
+
private _customFormatters;
|
|
24
28
|
/**
|
|
25
29
|
* Emitido quando acontece a alteração de estado das colunas do grid: Ordenação, largura, etc.
|
|
26
30
|
*/
|
|
@@ -122,7 +126,24 @@ export declare class EzGrid {
|
|
|
122
126
|
* Usa um argumento para filtrar as colunas po label
|
|
123
127
|
*/
|
|
124
128
|
filterColumns(search: string): Promise<Array<EzGridColumn>>;
|
|
129
|
+
/**
|
|
130
|
+
* Registra um formatador de valores para uma coluna da grid.
|
|
131
|
+
*/
|
|
132
|
+
addCustomValueFormatter(columnName: string, customFormatter: ICustomFormatter): Promise<void>;
|
|
133
|
+
/**
|
|
134
|
+
* Remove o formatador de valores de uma coluna da grid.
|
|
135
|
+
*/
|
|
136
|
+
removeCustomValueFormatter(columnName: string): Promise<void>;
|
|
137
|
+
/**
|
|
138
|
+
* Atualiza linhas da grade.
|
|
139
|
+
*/
|
|
140
|
+
refreshSelectedRows(): Promise<void>;
|
|
141
|
+
/**
|
|
142
|
+
* Retorna o formatador customizado da coluna caso exista.
|
|
143
|
+
*/
|
|
144
|
+
getCustomValueFormatter(columnName: string): Promise<ICustomFormatter | undefined>;
|
|
125
145
|
observeConfig(config: IGridConfig): void;
|
|
146
|
+
updatePaginationTooltip(): void;
|
|
126
147
|
onSelectionChange(evt: CustomEvent): void;
|
|
127
148
|
private setSelection;
|
|
128
149
|
private onSelectAllRecords;
|
|
@@ -130,6 +151,7 @@ export declare class EzGrid {
|
|
|
130
151
|
private onClearSelectedRecords;
|
|
131
152
|
private createConfigFromState;
|
|
132
153
|
private positionSelectionCounter;
|
|
154
|
+
private calculatePositionLeft;
|
|
133
155
|
private setEvents;
|
|
134
156
|
private resizeSelectionCounter;
|
|
135
157
|
private configSelectionCounter;
|
|
@@ -140,6 +162,16 @@ export declare class EzGrid {
|
|
|
140
162
|
private resetPaginationState;
|
|
141
163
|
private getPaginationControl;
|
|
142
164
|
componentDidLoad(): void;
|
|
165
|
+
private handlePaginationChange;
|
|
166
|
+
private _getActualPageLabel;
|
|
167
|
+
private _getRemainingPageLabel;
|
|
168
|
+
private _getPaginationTooltip;
|
|
169
|
+
private _initHeaderOverflowWatcher;
|
|
170
|
+
private buildOverFlowWatcherParams;
|
|
171
|
+
private handleOverFlow;
|
|
172
|
+
private _hidePaginationDescription;
|
|
173
|
+
private _showPaginationDescription;
|
|
174
|
+
disconnectedCallback(): void;
|
|
143
175
|
componentWillRender(): void;
|
|
144
176
|
componentDidRender(): void;
|
|
145
177
|
componentWillLoad(): void;
|
|
@@ -8,6 +8,8 @@ export declare class FilterColumn {
|
|
|
8
8
|
private readonly TOP_POSITION_NO_TASKBAR;
|
|
9
9
|
private readonly TOP_POSITION_NO_TASKBAR_HEADER_HIDDEN;
|
|
10
10
|
private readonly DEFAULT_HEIGHT;
|
|
11
|
+
private readonly FIX_MARGIN;
|
|
12
|
+
private readonly FILTER_COLUMN_WIDTH;
|
|
11
13
|
private ezPopoverElement;
|
|
12
14
|
private ezMultiSelectionList;
|
|
13
15
|
applyFilterColumnOptions: EventEmitter<IAppliedFilterColumnOptions>;
|
|
@@ -30,6 +32,7 @@ export declare class FilterColumn {
|
|
|
30
32
|
*/
|
|
31
33
|
show(configs: IFilterColumnConfigs): Promise<void>;
|
|
32
34
|
private calculateLeftPosition;
|
|
35
|
+
private calcFilterColumnLeftPosition;
|
|
33
36
|
private buildIsTextSearch;
|
|
34
37
|
private calcTopPosition;
|
|
35
38
|
private buildReferenceTopPosition;
|
|
@@ -47,7 +50,7 @@ export declare class FilterColumn {
|
|
|
47
50
|
export interface IFilterColumnConfigs {
|
|
48
51
|
columnName: string;
|
|
49
52
|
columnLabel: string;
|
|
50
|
-
leftPosition:
|
|
53
|
+
leftPosition: number;
|
|
51
54
|
filteredOptions?: IMultiSelectionOption[];
|
|
52
55
|
fromIcon?: boolean;
|
|
53
56
|
}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare function enableSelectAll(total: any): boolean;
|
|
2
|
+
export declare function buildSelectAllLabel(allRecordSelected: any, count: any, total: any): string;
|
|
3
|
+
export declare function buildSelectAllTitle(total: any): string;
|
|
4
|
+
export declare function getText(selectionCount: number, allSelectedRecords: boolean): string;
|
|
@@ -35,6 +35,7 @@ export declare class EzModal {
|
|
|
35
35
|
* Define o tipo de scrim a ser aplicado no overlay do modal
|
|
36
36
|
*/
|
|
37
37
|
scrim: "medium" | "light";
|
|
38
|
+
private _element;
|
|
38
39
|
/**
|
|
39
40
|
* Emitido quando o modal é fechado.
|
|
40
41
|
*/
|
|
@@ -43,8 +44,15 @@ export declare class EzModal {
|
|
|
43
44
|
* Emitido quando o modal é aberto.
|
|
44
45
|
*/
|
|
45
46
|
ezOpenModal: EventEmitter;
|
|
47
|
+
/**
|
|
48
|
+
* Representa a interação com o usuário.
|
|
49
|
+
* OK - Quando o botão é acionado
|
|
50
|
+
* CANCEL - Quando o botão de cancelar é acionado
|
|
51
|
+
* CLOSE - Quando o botão de fechar é acionado.
|
|
52
|
+
* LOAD - Quando o modal é carregado (eventualmente pode ser usado para dar foco a um elemento específico)
|
|
53
|
+
*/
|
|
54
|
+
ezModalAction: EventEmitter<string>;
|
|
46
55
|
observeOpened(): void;
|
|
47
|
-
handleKeyboardEvent: (ev: any) => void;
|
|
48
56
|
closeModal(): void;
|
|
49
57
|
componentDidLoad(): void;
|
|
50
58
|
componentDidRender(): void;
|
|
@@ -2,6 +2,8 @@ import { EventEmitter } from "../../stencil-public-runtime";
|
|
|
2
2
|
export declare class EzModalContainer {
|
|
3
3
|
_closeButton: HTMLElement;
|
|
4
4
|
_okButton: HTMLEzButtonElement;
|
|
5
|
+
private _modalRef;
|
|
6
|
+
private _element;
|
|
5
7
|
/**
|
|
6
8
|
* Texto a ser apresentado como título do modal.
|
|
7
9
|
*/
|
|
@@ -38,9 +40,11 @@ export declare class EzModalContainer {
|
|
|
38
40
|
* LOAD - Quando o modal é carregado (eventualmente pode ser usado para dar foco a um elemento específico)
|
|
39
41
|
*/
|
|
40
42
|
ezModalAction: EventEmitter<string>;
|
|
43
|
+
handleEzModalAction(event: CustomEvent<string>): Promise<void>;
|
|
41
44
|
private cancelIsVisible;
|
|
42
45
|
private okIsVisible;
|
|
43
46
|
componentDidLoad(): void;
|
|
47
|
+
private closeModal;
|
|
44
48
|
focusLast(): void;
|
|
45
49
|
focusFirst(): void;
|
|
46
50
|
render(): any;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { EventEmitter } from "../../stencil-public-runtime";
|
|
2
2
|
export declare class EzPopup {
|
|
3
|
-
private
|
|
4
|
-
private _modalRef;
|
|
3
|
+
private _popupRef;
|
|
5
4
|
private _overlayId;
|
|
6
5
|
private _sizeClasses;
|
|
6
|
+
private _element;
|
|
7
7
|
/**
|
|
8
8
|
* Define a largura do ez-popup.
|
|
9
9
|
*/
|
|
@@ -25,10 +25,16 @@ export declare class EzPopup {
|
|
|
25
25
|
*/
|
|
26
26
|
ezTitle: string;
|
|
27
27
|
/**
|
|
28
|
-
*
|
|
28
|
+
* Evento emitido ao clicar no botão de fechar (onEzClosePopup).
|
|
29
29
|
*/
|
|
30
30
|
ezClosePopup: EventEmitter;
|
|
31
|
+
/**
|
|
32
|
+
* Evento emitido ao clicar no botão de fechar (ezPopupAction = OK)
|
|
33
|
+
*/
|
|
34
|
+
ezPopupAction: EventEmitter<string>;
|
|
31
35
|
observeConfig(): void;
|
|
36
|
+
componentDidLoad(): void;
|
|
37
|
+
private closePopup;
|
|
32
38
|
private manageOverflow;
|
|
33
39
|
private manageOverlay;
|
|
34
40
|
getGridSize(): string;
|
|
@@ -1,8 +1,30 @@
|
|
|
1
1
|
import { EventEmitter } from "../../stencil-public-runtime";
|
|
2
|
-
import { IEzCheckBoxListPosition
|
|
2
|
+
import { IEzCheckBoxListPosition } from '../ez-combo-box/ez-combo-box';
|
|
3
3
|
export declare class EzSearch {
|
|
4
|
-
private
|
|
5
|
-
private
|
|
4
|
+
private _textInput;
|
|
5
|
+
private _optionsList;
|
|
6
|
+
private _listContainer;
|
|
7
|
+
private _listWrapper;
|
|
8
|
+
private _itemValueBasis;
|
|
9
|
+
private _floatingID;
|
|
10
|
+
private _source;
|
|
11
|
+
private _changeDeboucingTimeout;
|
|
12
|
+
private _limitCharsToSearch;
|
|
13
|
+
private _deboucingTime;
|
|
14
|
+
_maxWidthValue: number;
|
|
15
|
+
private _tabPressed;
|
|
16
|
+
private _textEmptyList;
|
|
17
|
+
private _textEmptySearch;
|
|
18
|
+
private _lookupMode;
|
|
19
|
+
private _resizeObserver;
|
|
20
|
+
private _startHighlightTag;
|
|
21
|
+
private _endHighlightTag;
|
|
22
|
+
private el;
|
|
23
|
+
private _preSelection;
|
|
24
|
+
private _visibleOptions;
|
|
25
|
+
private _startLoading;
|
|
26
|
+
private _showLoading;
|
|
27
|
+
private _criteria;
|
|
6
28
|
/**
|
|
7
29
|
* Define o valor do campo.
|
|
8
30
|
*/
|
|
@@ -63,15 +85,26 @@ export declare class EzSearch {
|
|
|
63
85
|
* Emitido quando acontece a alteração de valor do campo.
|
|
64
86
|
*/
|
|
65
87
|
ezChange: EventEmitter<IOption>;
|
|
88
|
+
/**
|
|
89
|
+
* Array com as opções do ez-combo-box. Os elementos devem obedecer
|
|
90
|
+
* o formato: `{value: string, label: string}`.
|
|
91
|
+
*/
|
|
92
|
+
options: Array<IOption>;
|
|
93
|
+
/**
|
|
94
|
+
* Se true desabilita a digitação dentro do componente.
|
|
95
|
+
*/
|
|
96
|
+
suppressSearch: boolean;
|
|
66
97
|
observeErrorMessage(): void;
|
|
67
|
-
observeValue(): void;
|
|
98
|
+
observeValue(newValue: IOption | string, oldValue: IOption | string): void;
|
|
99
|
+
observeOptions(newOptions: IOption[], oldOptions: IOption[]): void;
|
|
100
|
+
getValueAsync(): Promise<unknown>;
|
|
68
101
|
/**
|
|
69
|
-
|
|
70
|
-
|
|
102
|
+
* Aplica o foco no campo.
|
|
103
|
+
*/
|
|
71
104
|
setFocus(): Promise<void>;
|
|
72
105
|
/**
|
|
73
|
-
|
|
74
|
-
|
|
106
|
+
* Remove o foco do campo.
|
|
107
|
+
*/
|
|
75
108
|
setBlur(): Promise<void>;
|
|
76
109
|
/**
|
|
77
110
|
* Retorna se o conteúdo é inválido.
|
|
@@ -81,8 +114,66 @@ export declare class EzSearch {
|
|
|
81
114
|
* Limpa o valor do campo de pesquisa
|
|
82
115
|
*/
|
|
83
116
|
clearValue(): Promise<void>;
|
|
84
|
-
|
|
85
|
-
|
|
117
|
+
scrollListener(): void;
|
|
118
|
+
private updateListPosition;
|
|
119
|
+
private getListPosition;
|
|
120
|
+
private isDifferentValues;
|
|
121
|
+
private getFormattedText;
|
|
122
|
+
private getText;
|
|
123
|
+
private getSelectedOption;
|
|
124
|
+
private updateVisibleOptions;
|
|
125
|
+
private getMaxWidthValue;
|
|
126
|
+
private getWidthValue;
|
|
127
|
+
private createOption;
|
|
128
|
+
private buildItem;
|
|
129
|
+
private showOptions;
|
|
130
|
+
private hideOptions;
|
|
131
|
+
private isOptionsVisible;
|
|
132
|
+
private nextOption;
|
|
133
|
+
private previousOption;
|
|
134
|
+
private scrollToOption;
|
|
135
|
+
private selectCurrentOption;
|
|
136
|
+
private updateSource;
|
|
137
|
+
private clearSource;
|
|
138
|
+
private replaceHighlight;
|
|
139
|
+
private selectOption;
|
|
140
|
+
private loadOptions;
|
|
141
|
+
private cancelPreselection;
|
|
142
|
+
private setInputValue;
|
|
143
|
+
private clearSearch;
|
|
144
|
+
private controlListWithOnlyOne;
|
|
145
|
+
private controlEmptySearch;
|
|
146
|
+
private validateDescriptionValue;
|
|
147
|
+
private loadDescriptionValue;
|
|
148
|
+
private setDescriptionValue;
|
|
149
|
+
private loadOptionValue;
|
|
150
|
+
private showNoResultMessage;
|
|
151
|
+
private getFieldLabel;
|
|
152
|
+
private resetOptions;
|
|
153
|
+
componentWillLoad(): void;
|
|
154
|
+
componentDidRender(): void;
|
|
86
155
|
componentDidLoad(): void;
|
|
156
|
+
private handlerIconClick;
|
|
157
|
+
private buildNumberArgument;
|
|
158
|
+
private onTextInputChangeHandler;
|
|
159
|
+
private clearDeboucingTimeout;
|
|
160
|
+
private keyDownHandler;
|
|
161
|
+
private onTextInputFocusOutHandler;
|
|
162
|
+
private canShowListOptions;
|
|
87
163
|
render(): any;
|
|
88
164
|
}
|
|
165
|
+
export interface IOption {
|
|
166
|
+
value: string;
|
|
167
|
+
label: string;
|
|
168
|
+
details?: any;
|
|
169
|
+
}
|
|
170
|
+
export interface ISearchArgument {
|
|
171
|
+
mode: SearchMode;
|
|
172
|
+
argument: string;
|
|
173
|
+
}
|
|
174
|
+
declare enum SearchMode {
|
|
175
|
+
ADVANCED = "ADVANCED",
|
|
176
|
+
PRELOAD = "PRELOAD",
|
|
177
|
+
PREDICTIVE = "PREDICTIVE"
|
|
178
|
+
}
|
|
179
|
+
export {};
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { EventEmitter } from '../../stencil-public-runtime';
|
|
2
|
+
import { IDropdownItem, IDropdownSubAction } from '../ez-dropdown/structure/DropdownItem';
|
|
3
|
+
export declare class EzSplitButton {
|
|
4
|
+
_element: HTMLElement;
|
|
5
|
+
private leftButton;
|
|
6
|
+
private rightButton;
|
|
7
|
+
private dropdownParent;
|
|
8
|
+
private rightDefaultTitle;
|
|
9
|
+
private offsetParentRect;
|
|
10
|
+
private show;
|
|
11
|
+
/**
|
|
12
|
+
* Se false o usuário não pode interagir com o botão.
|
|
13
|
+
*/
|
|
14
|
+
enabled: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Define o ícone a ser usado da biblioteca de ícones: [ez-icons](https://gilded-nasturtium-6b64dd.netlify.app/docs/components/layout-doc/icons/)
|
|
17
|
+
*/
|
|
18
|
+
iconName: string;
|
|
19
|
+
/**
|
|
20
|
+
* Define o caminho usado nos modos `icon-only` e `icon-left` para imagens não contempladas na biblioteca de ícones.
|
|
21
|
+
*/
|
|
22
|
+
image: string;
|
|
23
|
+
/**
|
|
24
|
+
* Define o conteúdo do dropdown.
|
|
25
|
+
*/
|
|
26
|
+
items: Array<IDropdownItem>;
|
|
27
|
+
/**
|
|
28
|
+
* Texto a ser apresentado como label do botão.
|
|
29
|
+
*/
|
|
30
|
+
label: string;
|
|
31
|
+
/**
|
|
32
|
+
* Texto a ser apresentado como title do botão principal
|
|
33
|
+
*/
|
|
34
|
+
leftTitle: string;
|
|
35
|
+
/**
|
|
36
|
+
* Texto a ser apresentado como title do botão dropdown
|
|
37
|
+
*/
|
|
38
|
+
rightTitle: string;
|
|
39
|
+
/**
|
|
40
|
+
* Define o modo de uso do botão.
|
|
41
|
+
*/
|
|
42
|
+
mode: 'default' | 'icon-only' | 'icon-left';
|
|
43
|
+
/**
|
|
44
|
+
* Define o tamanho do ez-split-button.
|
|
45
|
+
*/
|
|
46
|
+
size: 'medium' | 'large';
|
|
47
|
+
/**
|
|
48
|
+
* Emitido quando o botão principal é clicado
|
|
49
|
+
*/
|
|
50
|
+
buttonClick: EventEmitter<void>;
|
|
51
|
+
/**
|
|
52
|
+
* Emitido quando um item do dropdown é clicado
|
|
53
|
+
*/
|
|
54
|
+
dropdownItemClick: EventEmitter<IDropdownItem>;
|
|
55
|
+
/**
|
|
56
|
+
* Emitido quando uma subAction de um item do dropdown é clicada
|
|
57
|
+
*/
|
|
58
|
+
dropdownSubActionClick: EventEmitter<IDropdownSubAction>;
|
|
59
|
+
/**
|
|
60
|
+
* Remove o foco de ambos os botões.
|
|
61
|
+
*/
|
|
62
|
+
setBlur(): Promise<void>;
|
|
63
|
+
/**
|
|
64
|
+
* Aplica o foco no botão principal.
|
|
65
|
+
*/
|
|
66
|
+
setLeftButtonFocus(): Promise<void>;
|
|
67
|
+
/**
|
|
68
|
+
* Aplica o foco no botão do dropdown.
|
|
69
|
+
*/
|
|
70
|
+
setRightButtonFocus(): Promise<void>;
|
|
71
|
+
clickListener(evt: MouseEvent): void;
|
|
72
|
+
private getIconSize;
|
|
73
|
+
private closeDropdown;
|
|
74
|
+
private toggleDropdown;
|
|
75
|
+
private handleButtonClick;
|
|
76
|
+
private handleDropdownItemClick;
|
|
77
|
+
private handleDropdownSubActionClick;
|
|
78
|
+
private resolveOffsetParentRect;
|
|
79
|
+
/**
|
|
80
|
+
* Método responsável em posicionar o dropdown na tela.
|
|
81
|
+
* Faz com que o dropdown se ajuste automaticamente ao espaco na tela
|
|
82
|
+
*/
|
|
83
|
+
private positionDropdown;
|
|
84
|
+
private setEvents;
|
|
85
|
+
componentWillLoad(): void;
|
|
86
|
+
componentWillRender(): void;
|
|
87
|
+
componentDidLoad(): void;
|
|
88
|
+
componentDidUpdate(): void;
|
|
89
|
+
render(): any;
|
|
90
|
+
private shouldShowLabelOnLeftButton;
|
|
91
|
+
private shouldShowIconOnLeftButton;
|
|
92
|
+
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { SplitOptions } from 'split-grid';
|
|
2
|
+
export declare class SplitPanel {
|
|
3
|
+
direction: 'row' | 'column';
|
|
4
|
+
/**
|
|
5
|
+
* Responsável por definir o painel que limita o tamanho do item expandido.
|
|
6
|
+
*/
|
|
7
|
+
anchorToExpand: boolean;
|
|
8
|
+
_element: HTMLElement;
|
|
9
|
+
_items: HTMLEzSplitItemElement[];
|
|
10
|
+
_panelID: string;
|
|
11
|
+
_mutationObserver: MutationObserver;
|
|
12
|
+
_buildInProgress: boolean;
|
|
13
|
+
rebuildLayout(): void;
|
|
14
|
+
private buildItems;
|
|
15
|
+
componentDidLoad(): void;
|
|
16
|
+
disconnectedCallback(): void;
|
|
17
|
+
initSplit(): void;
|
|
18
|
+
getGutters(): SplitOptions;
|
|
19
|
+
addItemGutter(item: HTMLEzSplitItemElement): void;
|
|
20
|
+
getElementStyle(): {
|
|
21
|
+
display: string;
|
|
22
|
+
height: string;
|
|
23
|
+
width: string;
|
|
24
|
+
position: string;
|
|
25
|
+
};
|
|
26
|
+
calcFreeSpacePercentage(): number;
|
|
27
|
+
getGridTemplate(): string;
|
|
28
|
+
render(): any;
|
|
29
|
+
}
|
|
@@ -1,3 +1,30 @@
|
|
|
1
1
|
export declare class SplitItem {
|
|
2
|
+
_element: HTMLElement;
|
|
3
|
+
/**
|
|
4
|
+
* Define um título para o painel.
|
|
5
|
+
*/
|
|
6
|
+
label: string;
|
|
7
|
+
/**
|
|
8
|
+
* Define se o item pode ser expandido
|
|
9
|
+
*/
|
|
10
|
+
enableExpand: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Define se o item está expandido
|
|
13
|
+
*/
|
|
14
|
+
private _expanded;
|
|
15
|
+
/**
|
|
16
|
+
* Alterna a visibilidade do painel.
|
|
17
|
+
*/
|
|
18
|
+
toggleExpandItem(): void;
|
|
19
|
+
/**
|
|
20
|
+
* Define o tamanho inicial do painel.
|
|
21
|
+
* @values '%', 'fr'
|
|
22
|
+
*/
|
|
23
|
+
size?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Referência ao elemento que contém o slot.
|
|
26
|
+
**/
|
|
27
|
+
private _slot;
|
|
28
|
+
componentDidLoad(): void;
|
|
2
29
|
render(): any;
|
|
3
30
|
}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
import { ITreeItemBadge } from "./ITreeItemBadge";
|
|
1
2
|
export interface ITreeItem {
|
|
2
3
|
id: string;
|
|
3
4
|
label: string;
|
|
5
|
+
bold?: boolean;
|
|
4
6
|
children?: Array<ITreeItem> | ((item: ITreeItem) => Promise<Array<ITreeItem>>);
|
|
5
7
|
childrenCount?: number;
|
|
6
8
|
iconExpanded?: string;
|
|
@@ -8,5 +10,5 @@ export interface ITreeItem {
|
|
|
8
10
|
tooltip?: string;
|
|
9
11
|
expanded?: boolean;
|
|
10
12
|
disabled?: boolean;
|
|
11
|
-
badge?: "error" | "warning" | "success" | null;
|
|
13
|
+
badge?: "error" | "warning" | "success" | ITreeItemBadge | null;
|
|
12
14
|
}
|