@sankhyalabs/sankhyablocks 8.16.0-dev.114 → 8.16.0-dev.116
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/{ClientSideExporterProvider-a2753c93.js → ClientSideExporterProvider-0ce2bcd9.js} +2 -2
- package/dist/cjs/FormConfigHelper-c664dbae.js +260 -0
- package/dist/cjs/{SnkFormConfigManager-ce7b0951.js → SnkFormConfigManager-aa4631bd.js} +2 -3
- package/dist/cjs/{SnkMessageBuilder-21cc7f09.js → SnkMessageBuilder-e3b7850b.js} +16 -2
- package/dist/cjs/config-header.cjs.entry.js +79 -0
- package/dist/cjs/configs-button.cjs.entry.js +61 -0
- package/dist/cjs/{constants-77c1b8bd.js → constants-6d82e405.js} +8 -38
- package/dist/cjs/field-config_2.cjs.entry.js +324 -0
- package/dist/cjs/fields-layout.cjs.entry.js +341 -0
- package/dist/cjs/fields-selector.cjs.entry.js +74 -0
- package/dist/cjs/guides-configurator.cjs.entry.js +164 -0
- package/dist/cjs/{index-102ba62d.js → index-0ad2baeb.js} +4 -5
- package/dist/cjs/{index-f9e81701.js → index-1cf293c1.js} +28 -10
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/pesquisa-grid_2.cjs.entry.js +2 -2
- package/dist/cjs/sankhyablocks.cjs.js +2 -2
- package/dist/cjs/snk-actions-button_8.cjs.entry.js +2 -2
- package/dist/cjs/snk-actions-form.cjs.entry.js +1 -1
- package/dist/cjs/snk-application.cjs.entry.js +3 -3
- package/dist/cjs/snk-attach.cjs.entry.js +4 -4
- package/dist/cjs/snk-client-confirm.cjs.entry.js +1 -1
- package/dist/cjs/snk-configurator.cjs.entry.js +2 -2
- package/dist/cjs/snk-crud.cjs.entry.js +4 -4
- package/dist/cjs/snk-custom-slot-elements.cjs.entry.js +1 -1
- package/dist/cjs/snk-data-exporter.cjs.entry.js +4 -4
- package/dist/cjs/{snk-data-unit-7913a033.js → snk-data-unit-3684c96e.js} +2 -2
- package/dist/cjs/snk-data-unit.cjs.entry.js +3 -3
- package/dist/cjs/snk-default-filter.cjs.entry.js +1 -1
- package/dist/cjs/snk-detail-view.cjs.entry.js +7 -7
- package/dist/cjs/snk-entity-list.cjs.entry.js +1 -1
- package/dist/cjs/snk-exporter-email-sender.cjs.entry.js +1 -1
- package/dist/cjs/snk-expression-group_2.cjs.entry.js +2 -2
- package/dist/cjs/snk-filter-advanced-mode_2.cjs.entry.js +1 -1
- package/dist/cjs/snk-filter-bar_4.cjs.entry.js +2 -2
- package/dist/cjs/snk-filter-binary-select.cjs.entry.js +1 -1
- package/dist/cjs/snk-filter-checkbox-list.cjs.entry.js +1 -1
- package/dist/cjs/snk-filter-detail.cjs.entry.js +1 -1
- package/dist/cjs/snk-filter-field-search_2.cjs.entry.js +1 -1
- package/dist/cjs/snk-filter-modal-item.cjs.entry.js +1 -1
- package/dist/cjs/snk-filter-multi-select.cjs.entry.js +1 -1
- package/dist/cjs/snk-filter-number.cjs.entry.js +1 -1
- package/dist/cjs/snk-filter-period.cjs.entry.js +1 -1
- package/dist/cjs/snk-filter-search.cjs.entry.js +1 -1
- package/dist/cjs/snk-filter-text.cjs.entry.js +1 -1
- package/dist/cjs/snk-form-summary.cjs.entry.js +1 -1
- package/dist/cjs/snk-form-view.cjs.entry.js +1 -1
- package/dist/cjs/snk-form_2.cjs.entry.js +433 -0
- package/dist/cjs/snk-grid.cjs.entry.js +5 -5
- package/dist/cjs/{snk-guides-viewer-450baf6a.js → snk-guides-viewer-edc0a00a.js} +5 -5
- package/dist/cjs/snk-guides-viewer.cjs.entry.js +6 -6
- package/dist/cjs/snk-personalized-filter-editor.cjs.entry.js +1 -1
- package/dist/cjs/snk-personalized-filter.cjs.entry.js +2 -2
- package/dist/cjs/snk-pesquisa.cjs.entry.js +2 -2
- package/dist/cjs/snk-print-selector.cjs.entry.js +1 -1
- package/dist/cjs/snk-simple-bar.cjs.entry.js +1 -1
- package/dist/cjs/snk-simple-crud.cjs.entry.js +6 -6
- package/dist/cjs/snk-taskbar.cjs.entry.js +3 -3
- package/dist/cjs/sortable.esm-9a110bb7.js +2668 -0
- package/dist/cjs/{taskbar-elements-6f4e06af.js → taskbar-elements-3b74cd21.js} +2 -2
- package/dist/cjs/teste-pesquisa.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +7 -14
- package/dist/collection/components/snk-crud/subcomponents/snk-guides-viewer.js +1 -1
- package/dist/collection/components/snk-filter-bar/snk-filter-bar.css +1 -0
- package/dist/collection/components/snk-form-config/FormConfigHelper.js +245 -0
- package/dist/collection/components/snk-form-config/SnkFormConfigManager.js +4 -5
- package/dist/collection/components/snk-form-config/config-header/config-header.css +18 -0
- package/dist/collection/components/snk-form-config/config-header/config-header.js +236 -0
- package/dist/collection/components/snk-form-config/config-header/configs-button/configs-button.css +41 -0
- package/dist/collection/components/snk-form-config/config-header/configs-button/configs-button.js +170 -0
- package/dist/collection/components/snk-form-config/field-item/field-config/field-config.css +21 -0
- package/dist/collection/components/snk-form-config/field-item/field-config/field-config.js +408 -0
- package/dist/collection/components/snk-form-config/field-item/field-item.css +108 -0
- package/dist/collection/components/snk-form-config/field-item/field-item.js +206 -0
- package/dist/collection/components/snk-form-config/fields-layout/fields-layout.css +133 -0
- package/dist/collection/components/snk-form-config/fields-layout/fields-layout.js +578 -0
- package/dist/collection/components/snk-form-config/fields-selector/fields-selector.css +38 -0
- package/dist/collection/components/snk-form-config/fields-selector/fields-selector.js +146 -0
- package/dist/collection/components/snk-form-config/guides-configurator/guides-configurator.css +132 -0
- package/dist/collection/components/snk-form-config/guides-configurator/guides-configurator.js +317 -0
- package/dist/collection/components/snk-form-config/snk-form-config.css +16 -229
- package/dist/collection/components/snk-form-config/snk-form-config.js +288 -980
- package/dist/collection/lib/message/resources/snk-form.msg.js +16 -2
- package/dist/collection/lib/utils/constants.js +7 -1
- package/dist/components/SnkFormConfigManager.js +2 -3
- package/dist/components/SnkMessageBuilder.js +16 -2
- package/dist/components/{snk-tab-config.d.ts → config-header.d.ts} +4 -4
- package/dist/components/config-header.js +6 -0
- package/dist/components/config-header2.js +103 -0
- package/dist/components/{snk-config-options.d.ts → configs-button.d.ts} +4 -4
- package/dist/components/configs-button.js +6 -0
- package/dist/components/configs-button2.js +76 -0
- package/dist/components/constants.js +8 -34
- package/dist/components/field-config.d.ts +11 -0
- package/dist/components/field-config.js +6 -0
- package/dist/components/field-config2.js +525 -0
- package/dist/components/field-item.d.ts +11 -0
- package/dist/components/field-item.js +6 -0
- package/dist/components/field-item2.js +93 -0
- package/dist/components/fields-layout.d.ts +11 -0
- package/dist/components/fields-layout.js +6 -0
- package/dist/components/fields-layout2.js +370 -0
- package/dist/components/{snk-field-config.d.ts → fields-selector.d.ts} +4 -4
- package/dist/components/fields-selector.js +6 -0
- package/dist/components/fields-selector2.js +98 -0
- package/dist/components/guides-configurator.d.ts +11 -0
- package/dist/components/guides-configurator.js +6 -0
- package/dist/components/guides-configurator2.js +182 -0
- package/dist/components/index.d.ts +7 -3
- package/dist/components/index.js +7 -3
- package/dist/components/index2.js +3 -4
- package/dist/components/snk-application2.js +1 -1
- package/dist/components/snk-crud.js +86 -62
- package/dist/components/snk-detail-view2.js +113 -89
- package/dist/components/snk-filter-bar2.js +1 -1
- package/dist/components/snk-form-config2.js +253 -953
- package/dist/components/snk-form.js +33 -9
- package/dist/components/sortable.esm.js +2666 -0
- package/dist/esm/{ClientSideExporterProvider-b3871edb.js → ClientSideExporterProvider-3ed744fd.js} +2 -2
- package/dist/esm/FormConfigHelper-49fe72ca.js +248 -0
- package/dist/esm/{SnkFormConfigManager-327dfdd4.js → SnkFormConfigManager-b4b93298.js} +2 -3
- package/dist/esm/{SnkMessageBuilder-0f112c19.js → SnkMessageBuilder-9c269caf.js} +16 -2
- package/dist/esm/config-header.entry.js +75 -0
- package/dist/esm/configs-button.entry.js +57 -0
- package/dist/esm/{constants-7db1128a.js → constants-7b422de0.js} +8 -34
- package/dist/esm/field-config_2.entry.js +319 -0
- package/dist/esm/fields-layout.entry.js +337 -0
- package/dist/esm/fields-selector.entry.js +70 -0
- package/dist/esm/guides-configurator.entry.js +160 -0
- package/dist/esm/{index-a7d3d3f1.js → index-479e1293.js} +28 -10
- package/dist/esm/{index-bdf75557.js → index-b72af127.js} +4 -5
- package/dist/esm/loader.js +3 -3
- package/dist/esm/pesquisa-grid_2.entry.js +2 -2
- package/dist/esm/sankhyablocks.js +3 -3
- package/dist/esm/snk-actions-button_8.entry.js +2 -2
- package/dist/esm/snk-actions-form.entry.js +1 -1
- package/dist/esm/snk-application.entry.js +3 -3
- package/dist/esm/snk-attach.entry.js +4 -4
- package/dist/esm/snk-client-confirm.entry.js +1 -1
- package/dist/esm/snk-configurator.entry.js +2 -2
- package/dist/esm/snk-crud.entry.js +4 -4
- package/dist/esm/snk-custom-slot-elements.entry.js +1 -1
- package/dist/esm/snk-data-exporter.entry.js +4 -4
- package/dist/esm/{snk-data-unit-a95dc9fe.js → snk-data-unit-027bca56.js} +2 -2
- package/dist/esm/snk-data-unit.entry.js +3 -3
- package/dist/esm/snk-default-filter.entry.js +1 -1
- package/dist/esm/snk-detail-view.entry.js +7 -7
- package/dist/esm/snk-entity-list.entry.js +1 -1
- package/dist/esm/snk-exporter-email-sender.entry.js +1 -1
- package/dist/esm/snk-expression-group_2.entry.js +2 -2
- package/dist/esm/snk-filter-advanced-mode_2.entry.js +1 -1
- package/dist/esm/snk-filter-bar_4.entry.js +2 -2
- package/dist/esm/snk-filter-binary-select.entry.js +1 -1
- package/dist/esm/snk-filter-checkbox-list.entry.js +1 -1
- package/dist/esm/snk-filter-detail.entry.js +1 -1
- package/dist/esm/snk-filter-field-search_2.entry.js +1 -1
- package/dist/esm/snk-filter-modal-item.entry.js +1 -1
- package/dist/esm/snk-filter-multi-select.entry.js +1 -1
- package/dist/esm/snk-filter-number.entry.js +1 -1
- package/dist/esm/snk-filter-period.entry.js +1 -1
- package/dist/esm/snk-filter-search.entry.js +1 -1
- package/dist/esm/snk-filter-text.entry.js +1 -1
- package/dist/esm/snk-form-summary.entry.js +1 -1
- package/dist/esm/snk-form-view.entry.js +1 -1
- package/dist/esm/snk-form_2.entry.js +428 -0
- package/dist/esm/snk-grid.entry.js +5 -5
- package/dist/esm/{snk-guides-viewer-ebb40908.js → snk-guides-viewer-32f3d3ab.js} +5 -5
- package/dist/esm/snk-guides-viewer.entry.js +6 -6
- package/dist/esm/snk-personalized-filter-editor.entry.js +1 -1
- package/dist/esm/snk-personalized-filter.entry.js +2 -2
- package/dist/esm/snk-pesquisa.entry.js +2 -2
- package/dist/esm/snk-print-selector.entry.js +1 -1
- package/dist/esm/snk-simple-bar.entry.js +1 -1
- package/dist/esm/snk-simple-crud.entry.js +6 -6
- package/dist/esm/snk-taskbar.entry.js +3 -3
- package/dist/esm/sortable.esm-842f85a3.js +2666 -0
- package/dist/esm/{taskbar-elements-f2cb4922.js → taskbar-elements-171476d4.js} +2 -2
- package/dist/esm/teste-pesquisa.entry.js +1 -1
- package/dist/sankhyablocks/{p-24a0dbd2.entry.js → p-0024d3fd.entry.js} +1 -1
- package/dist/sankhyablocks/{p-e6d90f89.entry.js → p-09e60995.entry.js} +1 -1
- package/dist/sankhyablocks/{p-7effe55f.entry.js → p-0cb295c1.entry.js} +1 -1
- package/dist/sankhyablocks/p-11f099ea.entry.js +1 -0
- package/dist/sankhyablocks/{p-b0ab5066.entry.js → p-1456d7cb.entry.js} +1 -1
- package/dist/sankhyablocks/{p-9531fd46.entry.js → p-180716b2.entry.js} +1 -1
- package/dist/sankhyablocks/{p-6a03b190.entry.js → p-1ea34488.entry.js} +1 -1
- package/dist/sankhyablocks/{p-5182513e.entry.js → p-21107f0d.entry.js} +1 -1
- package/dist/sankhyablocks/{p-118e769b.entry.js → p-27482793.entry.js} +1 -1
- package/dist/sankhyablocks/{p-794840bd.entry.js → p-295aa209.entry.js} +1 -1
- package/dist/sankhyablocks/{p-bd6a6203.js → p-2bde486e.js} +1 -1
- package/dist/sankhyablocks/{p-26b0ce3e.entry.js → p-2fdac5e6.entry.js} +1 -1
- package/dist/sankhyablocks/p-349d1968.entry.js +1 -0
- package/dist/sankhyablocks/p-35e73c5d.js +1 -0
- package/dist/sankhyablocks/{p-89c92727.entry.js → p-398cdd67.entry.js} +1 -1
- package/dist/sankhyablocks/{p-39f3b02d.entry.js → p-3a48bff3.entry.js} +1 -1
- package/dist/sankhyablocks/{p-434817f0.entry.js → p-3d41f5a8.entry.js} +1 -1
- package/dist/sankhyablocks/p-3f24c9b2.js +1 -0
- package/dist/sankhyablocks/{p-def1fe2d.entry.js → p-471b34f4.entry.js} +1 -1
- package/dist/sankhyablocks/{p-7e2ded86.entry.js → p-49d968e2.entry.js} +1 -1
- package/dist/sankhyablocks/p-4d2ff2fb.entry.js +1 -0
- package/dist/sankhyablocks/p-51833248.js +7 -0
- package/dist/sankhyablocks/{p-814d99ec.entry.js → p-60dd1d27.entry.js} +1 -1
- package/dist/sankhyablocks/{p-bd7ccf60.entry.js → p-65c5d430.entry.js} +1 -1
- package/dist/sankhyablocks/{p-21a81901.entry.js → p-667cab42.entry.js} +1 -1
- package/dist/sankhyablocks/{p-a9813a81.entry.js → p-71a05822.entry.js} +1 -1
- package/dist/sankhyablocks/{p-ac8d1cd6.entry.js → p-7345782c.entry.js} +1 -1
- package/dist/sankhyablocks/{p-885802c3.js → p-763b04fa.js} +1 -1
- package/dist/sankhyablocks/{p-d07b18a4.js → p-7de79adf.js} +1 -1
- package/dist/sankhyablocks/p-7e250432.entry.js +1 -0
- package/dist/sankhyablocks/{p-47178038.entry.js → p-83c100f2.entry.js} +1 -1
- package/dist/sankhyablocks/p-86bd4478.entry.js +1 -0
- package/dist/sankhyablocks/p-9019a32f.js +1 -0
- package/dist/sankhyablocks/{p-70da6817.entry.js → p-90805683.entry.js} +1 -1
- package/dist/sankhyablocks/{p-c2e468c9.entry.js → p-91a9abb6.entry.js} +1 -1
- package/dist/sankhyablocks/p-9751c42f.entry.js +1 -0
- package/dist/sankhyablocks/{p-16a1dd18.entry.js → p-9a63f3f7.entry.js} +1 -1
- package/dist/sankhyablocks/{p-90684a75.entry.js → p-9ad3557c.entry.js} +1 -1
- package/dist/sankhyablocks/{p-b6200d32.entry.js → p-9fd87bfd.entry.js} +1 -1
- package/dist/sankhyablocks/p-a06bf7b9.entry.js +1 -0
- package/dist/sankhyablocks/{p-33718dfc.entry.js → p-a227b650.entry.js} +1 -1
- package/dist/sankhyablocks/p-a349689a.js +1 -0
- package/dist/sankhyablocks/{p-13a0ead0.entry.js → p-a5bb2f93.entry.js} +1 -1
- package/dist/sankhyablocks/{p-088d7e7b.js → p-a6513fcb.js} +1 -1
- package/dist/sankhyablocks/{p-8c235d4c.entry.js → p-a76e6d51.entry.js} +1 -1
- package/dist/sankhyablocks/{p-ce94e6c4.entry.js → p-bd665460.entry.js} +1 -1
- package/dist/sankhyablocks/p-c3324d79.entry.js +1 -0
- package/dist/sankhyablocks/{p-bf2acf72.entry.js → p-c6a8a8bc.entry.js} +1 -1
- package/dist/sankhyablocks/{p-043bef5f.entry.js → p-c926cf6b.entry.js} +1 -1
- package/dist/sankhyablocks/{p-79f823f3.entry.js → p-d67526b6.entry.js} +1 -1
- package/dist/sankhyablocks/{p-d2d301a6.js → p-d8d8169b.js} +1 -1
- package/dist/sankhyablocks/{p-5f157b09.entry.js → p-dff65083.entry.js} +1 -1
- package/dist/sankhyablocks/{p-ab12216c.entry.js → p-e2988bb1.entry.js} +1 -1
- package/dist/sankhyablocks/{p-6a5f061b.entry.js → p-e3521eae.entry.js} +1 -1
- package/dist/sankhyablocks/{p-34f7a3ab.entry.js → p-e7cccc45.entry.js} +1 -1
- package/dist/sankhyablocks/{p-1f80174b.entry.js → p-f4e31122.entry.js} +1 -1
- package/dist/sankhyablocks/{p-c7492861.js → p-fc0b609e.js} +1 -1
- package/dist/sankhyablocks/{p-a14a09c3.entry.js → p-ff7060bc.entry.js} +1 -1
- package/dist/sankhyablocks/sankhyablocks.esm.js +1 -1
- package/dist/types/components/snk-form-config/FormConfigHelper.d.ts +31 -0
- package/dist/types/components/snk-form-config/SnkFormConfigManager.d.ts +3 -3
- package/dist/types/components/snk-form-config/config-header/config-header.d.ts +23 -0
- package/dist/types/components/snk-form-config/config-header/configs-button/configs-button.d.ts +19 -0
- package/dist/types/components/snk-form-config/field-item/field-config/field-config.d.ts +56 -0
- package/dist/types/components/snk-form-config/fields-layout/fields-layout.d.ts +63 -0
- package/dist/types/components/snk-form-config/fields-selector/fields-selector.d.ts +18 -0
- package/dist/types/components/snk-form-config/guides-configurator/guides-configurator.d.ts +42 -0
- package/dist/types/components/snk-form-config/snk-form-config.d.ts +51 -120
- package/dist/types/components.d.ts +197 -199
- package/dist/types/lib/utils/constants.d.ts +6 -0
- package/package.json +4 -2
- package/react/components.d.ts +7 -3
- package/react/components.js +7 -3
- package/react/components.js.map +1 -1
- package/dist/cjs/Sortable-fb1c4cbb.js +0 -2853
- package/dist/cjs/snk-config-options_3.cjs.entry.js +0 -1390
- package/dist/cjs/snk-field-config.cjs.entry.js +0 -60
- package/dist/cjs/snk-tab-config.cjs.entry.js +0 -332
- package/dist/collection/components/snk-form-config/subcomponents/snk-config-options/snk-config-options.css +0 -16
- package/dist/collection/components/snk-form-config/subcomponents/snk-config-options/snk-config-options.js +0 -346
- package/dist/collection/components/snk-form-config/subcomponents/snk-field-config/snk-field-config.css +0 -219
- package/dist/collection/components/snk-form-config/subcomponents/snk-field-config/snk-field-config.js +0 -184
- package/dist/collection/components/snk-form-config/subcomponents/snk-tab-config/snk-tab-config.css +0 -323
- package/dist/collection/components/snk-form-config/subcomponents/snk-tab-config/snk-tab-config.js +0 -527
- package/dist/components/snk-config-options.js +0 -6
- package/dist/components/snk-config-options2.js +0 -257
- package/dist/components/snk-field-config.js +0 -6
- package/dist/components/snk-field-config2.js +0 -76
- package/dist/components/snk-tab-config.js +0 -6
- package/dist/components/snk-tab-config2.js +0 -3202
- package/dist/esm/Sortable-83960219.js +0 -2851
- package/dist/esm/snk-config-options_3.entry.js +0 -1384
- package/dist/esm/snk-field-config.entry.js +0 -56
- package/dist/esm/snk-tab-config.entry.js +0 -328
- package/dist/sankhyablocks/p-3749dffb.entry.js +0 -1
- package/dist/sankhyablocks/p-6dc031de.js +0 -1
- package/dist/sankhyablocks/p-79b3cccc.js +0 -1
- package/dist/sankhyablocks/p-9261d8a0.js +0 -1
- package/dist/sankhyablocks/p-c0eb761b.entry.js +0 -1
- package/dist/sankhyablocks/p-d257ff20.entry.js +0 -1
- package/dist/sankhyablocks/p-e3c71e43.entry.js +0 -1
- package/dist/sankhyablocks/p-fa816fb2.js +0 -1
- package/dist/types/components/snk-form-config/subcomponents/snk-config-options/snk-config-options.d.ts +0 -57
- package/dist/types/components/snk-form-config/subcomponents/snk-field-config/snk-field-config.d.ts +0 -43
- package/dist/types/components/snk-form-config/subcomponents/snk-tab-config/snk-tab-config.d.ts +0 -105
@@ -1,257 +0,0 @@
|
|
1
|
-
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
2
|
-
import { UserInterface, ObjectUtils, StringUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
|
3
|
-
import { DataType, getConvertedValue } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
|
4
|
-
import { CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
|
5
|
-
import { a as VARS_BY_TYPE, D as DEFAULT_TYPE, b as TAGS_BY_TYPE } from './constants.js';
|
6
|
-
|
7
|
-
const snkConfigOptionsCss = ".sc-snk-config-options-h{--snk-config-options--border:2px solid var(--color--secondary-200, #D2D3DA);width:100%;border-radius:15px;border:var(--snk-config-options--border)}.config-options__switch-row.sc-snk-config-options{margin-top:-30px}";
|
8
|
-
|
9
|
-
const SnkConfigOptions = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
10
|
-
constructor() {
|
11
|
-
super();
|
12
|
-
this.__registerHost();
|
13
|
-
this.configOptionsChanged = createEvent(this, "configOptionsChanged", 7);
|
14
|
-
this._defaultType = undefined;
|
15
|
-
this.fieldConfig = {};
|
16
|
-
this.idConfig = undefined;
|
17
|
-
this.dataUnit = undefined;
|
18
|
-
this.messagesBuilder = undefined;
|
19
|
-
}
|
20
|
-
onConfigDefault(optionSelected) {
|
21
|
-
if (optionSelected != undefined) {
|
22
|
-
this._defaultType = optionSelected;
|
23
|
-
this.fieldConfig.defaultValue = {
|
24
|
-
type: this._defaultType
|
25
|
-
};
|
26
|
-
this.configOptionsChanged.emit(this.fieldConfig);
|
27
|
-
}
|
28
|
-
}
|
29
|
-
buildOptions() {
|
30
|
-
var _a, _b, _c;
|
31
|
-
let interfaceField = (_c = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField((_b = this.fieldConfig) === null || _b === void 0 ? void 0 : _b.name)) === null || _c === void 0 ? void 0 : _c.userInterface;
|
32
|
-
if (interfaceField === UserInterface.SEARCH) {
|
33
|
-
interfaceField = UserInterface.INTEGERNUMBER;
|
34
|
-
}
|
35
|
-
return VARS_BY_TYPE.UserInterface[interfaceField];
|
36
|
-
}
|
37
|
-
enabledValueDefault() {
|
38
|
-
var _a, _b, _c;
|
39
|
-
const field = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField((_b = this.fieldConfig) === null || _b === void 0 ? void 0 : _b.name);
|
40
|
-
const allowDefault = (_c = field === null || field === void 0 ? void 0 : field.properties) === null || _c === void 0 ? void 0 : _c.allowDefault;
|
41
|
-
const hasVariableVar = VARS_BY_TYPE.UserInterface.hasOwnProperty(field === null || field === void 0 ? void 0 : field.userInterface)
|
42
|
-
|| (field === null || field === void 0 ? void 0 : field.userInterface) === UserInterface.SEARCH;
|
43
|
-
if ((allowDefault == undefined || allowDefault === "true") && hasVariableVar) {
|
44
|
-
return true;
|
45
|
-
}
|
46
|
-
return false;
|
47
|
-
}
|
48
|
-
isAllowDefault() {
|
49
|
-
var _a, _b;
|
50
|
-
const allowDefault = (_b = (_a = this._fieldProperties) === null || _a === void 0 ? void 0 : _a.properties) === null || _b === void 0 ? void 0 : _b.allowDefault;
|
51
|
-
if (allowDefault == undefined) {
|
52
|
-
return true;
|
53
|
-
}
|
54
|
-
return allowDefault === "true";
|
55
|
-
}
|
56
|
-
loadDefaultValue() {
|
57
|
-
var _a;
|
58
|
-
if (this.fieldConfig == undefined) {
|
59
|
-
this._defaultType = DEFAULT_TYPE.fixed;
|
60
|
-
this.fieldConfig = {
|
61
|
-
defaultValue: {
|
62
|
-
type: this._defaultType
|
63
|
-
}
|
64
|
-
};
|
65
|
-
}
|
66
|
-
else if (((_a = this.fieldConfig.defaultValue) === null || _a === void 0 ? void 0 : _a.type) == undefined) {
|
67
|
-
this._defaultType = DEFAULT_TYPE.fixed;
|
68
|
-
this.fieldConfig.defaultValue = {
|
69
|
-
type: this._defaultType
|
70
|
-
};
|
71
|
-
}
|
72
|
-
else {
|
73
|
-
this._defaultType = this.fieldConfig.defaultValue.type;
|
74
|
-
}
|
75
|
-
}
|
76
|
-
getFieldProperties(field) {
|
77
|
-
var _a;
|
78
|
-
if (field != undefined) {
|
79
|
-
return (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField(field);
|
80
|
-
}
|
81
|
-
}
|
82
|
-
getMessage(key, params) {
|
83
|
-
return this.messagesBuilder.getMessage(key, params);
|
84
|
-
}
|
85
|
-
getDefaultType() {
|
86
|
-
var _a;
|
87
|
-
return (_a = this.fieldConfig.defaultValue.type) !== null && _a !== void 0 ? _a : DEFAULT_TYPE.fixed;
|
88
|
-
}
|
89
|
-
getEnabledByProperty(attribName, propertyName) {
|
90
|
-
const fieldDescriptor = this._fieldProperties;
|
91
|
-
if (fieldDescriptor == undefined) {
|
92
|
-
return true;
|
93
|
-
}
|
94
|
-
const fieldProperties = fieldDescriptor.properties || {};
|
95
|
-
return fieldProperties.hasOwnProperty(propertyName) ? fieldProperties[propertyName] !== "S" : fieldDescriptor[attribName] !== true;
|
96
|
-
}
|
97
|
-
getValueByProperty(property) {
|
98
|
-
const properties = this._fieldProperties;
|
99
|
-
if (properties != undefined && properties[property] === true) {
|
100
|
-
return true;
|
101
|
-
}
|
102
|
-
return this.fieldConfig[property];
|
103
|
-
}
|
104
|
-
getValidatedValue(fieldValue) {
|
105
|
-
var _a, _b;
|
106
|
-
if (fieldValue == undefined) {
|
107
|
-
return;
|
108
|
-
}
|
109
|
-
const field = (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.getField((_b = this.fieldConfig) === null || _b === void 0 ? void 0 : _b.name);
|
110
|
-
const dataType = field === null || field === void 0 ? void 0 : field.dataType;
|
111
|
-
if (dataType == undefined) {
|
112
|
-
return;
|
113
|
-
}
|
114
|
-
const value = (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.waitmessage) != undefined ? undefined :
|
115
|
-
dataType !== DataType.OBJECT && dataType !== DataType.DATE
|
116
|
-
&& typeof fieldValue === "object"
|
117
|
-
? fieldValue.value
|
118
|
-
: fieldValue;
|
119
|
-
return dataType === DataType.OBJECT ? JSON.stringify(value) : value;
|
120
|
-
}
|
121
|
-
buildInputDefault({ value, enabled, label, name, required, userInterface }, properties = undefined, mode = undefined) {
|
122
|
-
let options;
|
123
|
-
let precision = 0;
|
124
|
-
let prettyPrecision = 0;
|
125
|
-
const TagName = userInterface == undefined || TAGS_BY_TYPE[userInterface] == undefined
|
126
|
-
? TAGS_BY_TYPE.DEFAULT
|
127
|
-
: TAGS_BY_TYPE[userInterface];
|
128
|
-
if (userInterface === UserInterface.OPTIONSELECTOR) {
|
129
|
-
const prop = properties === null || properties === void 0 ? void 0 : properties.options;
|
130
|
-
if (typeof prop === "string") {
|
131
|
-
const parsed = ObjectUtils.stringToObject(prop);
|
132
|
-
options = Object.keys(parsed).map(key => { return { value: key, label: parsed[key] }; });
|
133
|
-
}
|
134
|
-
else {
|
135
|
-
options = prop;
|
136
|
-
}
|
137
|
-
}
|
138
|
-
else if (userInterface === UserInterface.DECIMALNUMBER) {
|
139
|
-
precision = Number((properties === null || properties === void 0 ? void 0 : properties.precision) || 2);
|
140
|
-
prettyPrecision = Number((properties === null || properties === void 0 ? void 0 : properties.prettyPrecision) || precision);
|
141
|
-
}
|
142
|
-
return h(TagName, Object.assign({ value: value, enabled: enabled, label: label, "data-field-name": name, key: name, onEzChange: (evt) => this.onChange(evt === null || evt === void 0 ? void 0 : evt.detail) }, (this.getConditionalAttributes(userInterface, required, options, precision, prettyPrecision, mode))));
|
143
|
-
}
|
144
|
-
getConditionalAttributes(userInterface, required, options, precision, prettyPrecision, mode) {
|
145
|
-
const useSearchPlus = userInterface == UserInterface.SEARCHPLUS;
|
146
|
-
switch (userInterface) {
|
147
|
-
case UserInterface.SEARCH:
|
148
|
-
case UserInterface.SEARCHPLUS:
|
149
|
-
return {
|
150
|
-
suppressEmptyOption: required,
|
151
|
-
optionLoader: (searchArgument) => this.onSearch(searchArgument, { useSearchPlus })
|
152
|
-
};
|
153
|
-
case UserInterface.OPTIONSELECTOR:
|
154
|
-
return {
|
155
|
-
suppressEmptyOption: required,
|
156
|
-
options
|
157
|
-
};
|
158
|
-
case UserInterface.CHECKBOX:
|
159
|
-
case UserInterface.SWITCH:
|
160
|
-
return {
|
161
|
-
mode
|
162
|
-
};
|
163
|
-
case UserInterface.INTEGERNUMBER:
|
164
|
-
case UserInterface.DECIMALNUMBER:
|
165
|
-
return {
|
166
|
-
precision,
|
167
|
-
prettyPrecision,
|
168
|
-
onEzStartChange: (evt) => this.onChange(evt === null || evt === void 0 ? void 0 : evt.detail)
|
169
|
-
};
|
170
|
-
case UserInterface.DATE:
|
171
|
-
case UserInterface.DATETIME:
|
172
|
-
case UserInterface.TIME:
|
173
|
-
return {
|
174
|
-
onEzStartChange: (evt) => this.onChange(evt === null || evt === void 0 ? void 0 : evt.detail)
|
175
|
-
};
|
176
|
-
default:
|
177
|
-
return {};
|
178
|
-
}
|
179
|
-
}
|
180
|
-
onChange(fieldValue) {
|
181
|
-
this.fieldConfig.defaultValue.value = this.getValidatedValue(fieldValue);
|
182
|
-
this.configOptionsChanged.emit(this.fieldConfig);
|
183
|
-
}
|
184
|
-
onSearch(searchArgument, ctxOptions) {
|
185
|
-
if (this._application != undefined && this.fieldConfig != undefined) {
|
186
|
-
return this._application.executeSearch(searchArgument, this.fieldConfig.name, this.dataUnit, ctxOptions);
|
187
|
-
}
|
188
|
-
}
|
189
|
-
buildField(descriptor, config) {
|
190
|
-
const { name, label, readOnly, required, defaultValue } = config;
|
191
|
-
const { userInterface, properties } = descriptor;
|
192
|
-
const allowDefault = properties === null || properties === void 0 ? void 0 : properties.allowDefault;
|
193
|
-
let value;
|
194
|
-
let enabled = StringUtils.getBooleanValue(allowDefault, !readOnly);
|
195
|
-
if (userInterface === UserInterface.FILE) {
|
196
|
-
enabled = false;
|
197
|
-
}
|
198
|
-
if (enabled) {
|
199
|
-
value = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.value;
|
200
|
-
if (value != undefined) {
|
201
|
-
value = getConvertedValue(descriptor === null || descriptor === void 0 ? void 0 : descriptor.dataType, value);
|
202
|
-
}
|
203
|
-
}
|
204
|
-
const configField = { value, enabled, label, name, required, userInterface };
|
205
|
-
switch (userInterface) {
|
206
|
-
case UserInterface.SWITCH:
|
207
|
-
return this.buildInputDefault(configField, undefined, CheckMode.SWITCH);
|
208
|
-
case UserInterface.CHECKBOX:
|
209
|
-
return this.buildInputDefault(configField, undefined, CheckMode.REGULAR);
|
210
|
-
case UserInterface.OPTIONSELECTOR:
|
211
|
-
case UserInterface.DECIMALNUMBER:
|
212
|
-
return this.buildInputDefault(configField, properties);
|
213
|
-
default:
|
214
|
-
return this.buildInputDefault(configField);
|
215
|
-
}
|
216
|
-
}
|
217
|
-
componentWillLoad() {
|
218
|
-
var _a;
|
219
|
-
this.loadDefaultValue();
|
220
|
-
this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
|
221
|
-
this._fieldProperties = this.getFieldProperties((_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.name);
|
222
|
-
}
|
223
|
-
componentDidLoad() {
|
224
|
-
ElementIDUtils.addIDInfo(this._element, this.fieldConfig.name);
|
225
|
-
}
|
226
|
-
render() {
|
227
|
-
var _a, _b;
|
228
|
-
return (h(Host, null, h("div", { id: this.idConfig }, h("div", { class: "ez-row ez-padding--medium" }, h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-text-input", { label: this.getMessage("snkConfigOptions.label.nameField"), value: (_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.label, onEzChange: (evt) => { this.fieldConfig.label = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-combo-box", { label: this.getMessage("snkConfigOptions.label.typeValueDefault"), suppressEmptyOption: true, enabled: this.enabledValueDefault(), onEzChange: (evt) => { var _a; return this.onConfigDefault((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); }, value: this.getDefaultType() }, h("option", { value: DEFAULT_TYPE.fixed }, this.getMessage("snkConfigOptions.options.valueFixed")), h("option", { value: DEFAULT_TYPE.variable }, this.getMessage("snkConfigOptions.options.variable")))), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, this._defaultType === DEFAULT_TYPE.variable ?
|
229
|
-
h("ez-combo-box", { label: this.getMessage("snkConfigOptions.label.valueDefault"), enabled: this.isAllowDefault(), onEzChange: (evt) => { var _a; this.fieldConfig.defaultValue.value = (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value; this.configOptionsChanged.emit(this.fieldConfig); }, value: this.fieldConfig.defaultValue.value, options: this.buildOptions() })
|
230
|
-
:
|
231
|
-
((_b = this._fieldProperties) === null || _b === void 0 ? void 0 : _b.userInterface) &&
|
232
|
-
this.buildField(this._fieldProperties, this.fieldConfig))), h("div", { class: "ez-row ez-padding--medium config-options__switch-row" }, h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.clearDuplicate"), value: this.fieldConfig.cleanOnCopy, onEzChange: (evt) => { this.fieldConfig.cleanOnCopy = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.requiredField"), enabled: this.getEnabledByProperty("required", "systemRequired"), value: this.getValueByProperty("required"), onEzChange: (evt) => { this.fieldConfig.required = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } })), h("div", { class: "ez-col ez-col--sd-12 ez-col--tb-4 ez-padding--small" }, h("ez-check", { mode: CheckMode.SWITCH, label: this.getMessage("snkConfigOptions.label.protectedField"), enabled: this.getEnabledByProperty("readOnly", "systemReadOnly"), value: this.getValueByProperty("readOnly"), onEzChange: (evt) => { this.fieldConfig.readOnly = evt.detail; this.configOptionsChanged.emit(this.fieldConfig); } }))))));
|
233
|
-
}
|
234
|
-
get _element() { return this; }
|
235
|
-
static get style() { return snkConfigOptionsCss; }
|
236
|
-
}, [2, "snk-config-options", {
|
237
|
-
"fieldConfig": [16],
|
238
|
-
"idConfig": [513, "id-config"],
|
239
|
-
"dataUnit": [16],
|
240
|
-
"messagesBuilder": [1040],
|
241
|
-
"_defaultType": [32]
|
242
|
-
}]);
|
243
|
-
function defineCustomElement() {
|
244
|
-
if (typeof customElements === "undefined") {
|
245
|
-
return;
|
246
|
-
}
|
247
|
-
const components = ["snk-config-options"];
|
248
|
-
components.forEach(tagName => { switch (tagName) {
|
249
|
-
case "snk-config-options":
|
250
|
-
if (!customElements.get(tagName)) {
|
251
|
-
customElements.define(tagName, SnkConfigOptions);
|
252
|
-
}
|
253
|
-
break;
|
254
|
-
} });
|
255
|
-
}
|
256
|
-
|
257
|
-
export { SnkConfigOptions as S, defineCustomElement as d };
|
@@ -1,76 +0,0 @@
|
|
1
|
-
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
2
|
-
import { ElementIDUtils } from '@sankhyalabs/core';
|
3
|
-
import { A as ACTION_CONFIG } from './constants.js';
|
4
|
-
|
5
|
-
const snkFieldConfigCss = ".sc-snk-field-config-h{--snk-field-config--height:42px;--snk-field-config--width:100%;--snk-field-config__icon--width:48px;--snk-field-config-slim--height:32px;--snk-field-config--border-radius:var(--border--radius-medium, 12px);--snk-field-config--font-size:var(--text--medium, 14px);--snk-field-config--font-family:var(--font-pattern, Arial);--snk-field-config--font-weight:var(--text-weight--medium, 400);--snk-field-config--color:var(--title--primary, #000);--snk-field-config--padding-left:var(--space--medium, 6px);--snk-field-config__input--background-color:var(--background--medium, #e0e0e0);--snk-field-config__input--border:var(--border--medium, 2px solid);--snk-field-config__input--border-color:var(--background--xlight, #fff);--snk-field-config__required--color:var(--color--error, #FF0000);--snk-field-config__label--gap:var(--space--extra-small, 3px);--snk-field-config__transition--visibility:var(--transition, 0.2s linear);--snk-field-config__transition--opacity:var(--transition, 0.15s linear);--snk-field-config__config-popover--z-index:var(--more-visible, 2);--snk-field-config__config-outer-arrow--background-color:var(--color--secondary-200, #D2D3DA);--snk-field-config__draggable--padding-right:var(--space--small, 6px);display:flex;flex-wrap:wrap;position:relative;width:var(--snk-field-config--width)}.field-config.sc-snk-field-config{width:100%;box-sizing:border-box;display:flex;align-items:center;padding-left:var(--snk-field-config--padding-left);font-weight:var(--snk-field-config--font-weight);height:var(--snk-field-config--height);border-radius:var(--snk-field-config--border-radius);font-family:var(--snk-field-config--font-family);font-size:var(--snk-field-config--font-size);border:var(--snk-field-config__input--border);border-color:var(--snk-field-config__input--border-color);background-color:var(--snk-field-config__input--background-color);color:var(--snk-field-config--color)}.field-config__config-popover.sc-snk-field-config{width:40px;margin-left:auto;z-index:var(--snk-field-config__config-popover--z-index)}.field-config__label.sc-snk-field-config{display:flex;flex-direction:row-reverse;line-height:calc(var(--snk-field-config--font-size) + 2px);gap:var(--snk-field-config__label--gap)}.field-config__label-text.sc-snk-field-config{overflow:hidden;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-word}.field-config__label-required.sc-snk-field-config{color:var(--snk-field-config__required--color)}.field-config__add.sc-snk-field-config{display:flex;margin-left:auto;visibility:hidden;opacity:0;transition:visibility var(--snk-field-config__transition--visibility), opacity var(--snk-field-config__transition--opacity)}.field-config__options.sc-snk-field-config{display:flex;margin-left:auto;visibility:hidden;opacity:0;transition:visibility var(--snk-field-config__transition--visibility), opacity var(--snk-field-config__transition--opacity)}.field-config__options--is-active.sc-snk-field-config{display:flex;visibility:visible;opacity:1}.field-config__remove-icon.sc-snk-field-config{margin-right:-15px}.field-config.sc-snk-field-config:hover .field-config__options.sc-snk-field-config{display:flex;visibility:visible;opacity:1}.field-config.sc-snk-field-config:hover .field-config__add.sc-snk-field-config{visibility:visible;opacity:1}.field-config__draggable.sc-snk-field-config{padding-right:var(--snk-field-config__draggable--padding-right)}.field-config__config-outer-arrow.sc-snk-field-config{clip-path:polygon(50% 0, 90% 100%, 10% 100%);border-radius:0.25em 0 0 0;width:30px;height:15px;padding-top:3px;border-bottom:1px solid #FFFFFF;background-color:var(--snk-field-config__config-outer-arrow--background-color)}.field-config__config-inner-arrow.sc-snk-field-config{background-color:#FFFFFF;clip-path:polygon(50% 0, 90% 100%, 10% 100%);border-radius:0.25em 0 0 0;width:30px;height:15px}.ez-box__container.sc-snk-field-config ez-collapsible-box.sc-snk-field-config{--snk-collapsible-box__header--padding-left:6px}ez-icon.sc-snk-field-config{--snk-icon--color:var(--snk-field-config--color)}ez-popover.sc-snk-field-config{--snk-popover__box--background-color:transparent;--snk-popover__box--box-shadow:none}.field-config__options.sc-snk-field-config ez-button.sc-snk-field-config{--snk-button--background-color:transparent;--snk-button--focus--border:none;--snk-button--focus--box-shadow:none}@media screen and (min-width: 1200px){.field-config__label.sc-snk-field-config{flex-direction:row}}";
|
6
|
-
|
7
|
-
const SnkFieldConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
8
|
-
constructor() {
|
9
|
-
super();
|
10
|
-
this.__registerHost();
|
11
|
-
this.ezClickIcon = createEvent(this, "ezClickIcon", 7);
|
12
|
-
this._lang = "pt"; // Controla qual idioma será usado para definir a regras de hifenização.
|
13
|
-
this.isConfigActive = false;
|
14
|
-
this.fieldConfig = undefined;
|
15
|
-
this.modeInsertion = true;
|
16
|
-
this.dataUnit = undefined;
|
17
|
-
this.messagesBuilder = undefined;
|
18
|
-
}
|
19
|
-
handleAction(evt, type) {
|
20
|
-
evt.preventDefault();
|
21
|
-
evt.stopPropagation();
|
22
|
-
const field = this.fieldConfig;
|
23
|
-
if (type !== ACTION_CONFIG.configuration) {
|
24
|
-
field.group = undefined;
|
25
|
-
}
|
26
|
-
this.ezClickIcon.emit({ field, type });
|
27
|
-
}
|
28
|
-
/**
|
29
|
-
* Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
|
30
|
-
* através de um pequeno modulo na estrutura da aplicação:
|
31
|
-
* - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
|
32
|
-
* Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-form.msg.ts".
|
33
|
-
*/
|
34
|
-
getMessage(key) {
|
35
|
-
return this.messagesBuilder.getMessage(key, {});
|
36
|
-
}
|
37
|
-
isRequired() {
|
38
|
-
var _a, _b;
|
39
|
-
const fieldMD = this.dataUnit && this.dataUnit.getField((_a = this.fieldConfig) === null || _a === void 0 ? void 0 : _a.name);
|
40
|
-
return (fieldMD === null || fieldMD === void 0 ? void 0 : fieldMD.required) === true || ((_b = this.fieldConfig) === null || _b === void 0 ? void 0 : _b.required) === true;
|
41
|
-
}
|
42
|
-
componentDidLoad() {
|
43
|
-
ElementIDUtils.addIDInfo(this._element);
|
44
|
-
}
|
45
|
-
render() {
|
46
|
-
if (this.fieldConfig == undefined) {
|
47
|
-
return;
|
48
|
-
}
|
49
|
-
return (h(Host, null, h("div", { class: "field-config" }, h("div", { class: "field-config__draggable" }, h("ez-icon", { iconName: "drag-indicator", size: "small" })), h("div", { class: "field-config__label" }, h("span", { class: "field-config__label-text", lang: this._lang, title: this.fieldConfig.label }, this.fieldConfig.label), this.isRequired() && h("span", { class: "field-config__label-required" }, "*")), this.modeInsertion ?
|
50
|
-
h("div", { class: "field-config__add" }, h("ez-button", { onClick: (evt) => this.handleAction(evt, ACTION_CONFIG.add), mode: "icon", class: "ez-button--tertiary", iconName: "plus", size: "large", title: this.getMessage("snkFieldConfig.titleAdd") })) :
|
51
|
-
h("div", { class: "field-config__options" + (this.isConfigActive ? " field-config__options--is-active" : " ") }, h("ez-button", { mode: "icon", class: "ez-button--tertiary field-config__remove-icon", onClick: (evt) => this.handleAction(evt, ACTION_CONFIG.remove), iconName: "minus", size: "large", title: this.getMessage("snkFieldConfig.titleRemove") }), h("ez-button", { id: "buttonConfig_" + this.fieldConfig.name, mode: "icon", class: "ez-button--tertiary", onClick: (evt) => this.handleAction(evt, ACTION_CONFIG.configuration), iconName: this.isConfigActive ? "chevron-up" : "settings-inverted", size: "large", title: this.getMessage("snkFieldConfig.titleConfigurations") }))), this.isConfigActive && h("div", { class: "field-config__config-popover" }, h("div", { class: "field-config__config-outer-arrow" }, h("div", { class: "field-config__config-inner-arrow" })))));
|
52
|
-
}
|
53
|
-
get _element() { return this; }
|
54
|
-
static get style() { return snkFieldConfigCss; }
|
55
|
-
}, [2, "snk-field-config", {
|
56
|
-
"isConfigActive": [16],
|
57
|
-
"fieldConfig": [16],
|
58
|
-
"modeInsertion": [516, "mode-insertion"],
|
59
|
-
"dataUnit": [16],
|
60
|
-
"messagesBuilder": [1040]
|
61
|
-
}]);
|
62
|
-
function defineCustomElement() {
|
63
|
-
if (typeof customElements === "undefined") {
|
64
|
-
return;
|
65
|
-
}
|
66
|
-
const components = ["snk-field-config"];
|
67
|
-
components.forEach(tagName => { switch (tagName) {
|
68
|
-
case "snk-field-config":
|
69
|
-
if (!customElements.get(tagName)) {
|
70
|
-
customElements.define(tagName, SnkFieldConfig);
|
71
|
-
}
|
72
|
-
break;
|
73
|
-
} });
|
74
|
-
}
|
75
|
-
|
76
|
-
export { SnkFieldConfig as S, defineCustomElement as d };
|