@sankhyalabs/ezui 7.1.0-dev.20 → 7.1.0-dev.22
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/{ApplicationUtils-d04f5c94.js → ApplicationUtils-006ca96f.js} +1 -1
- package/dist/cjs/FormLayout-fe8da83c.js +9 -0
- package/dist/cjs/{app-globals-c128c97e.js → app-globals-5cb12916.js} +1 -1
- package/dist/cjs/{ez-combo-box-list_4.cjs.entry.js → classic-search-list_7.cjs.entry.js} +361 -7
- package/dist/cjs/ez-actions-button.cjs.entry.js +5 -4
- package/dist/cjs/ez-alert-list.cjs.entry.js +2 -2
- package/dist/cjs/ez-alert.cjs.entry.js +1 -1
- package/dist/cjs/ez-application.cjs.entry.js +1 -1
- package/dist/cjs/ez-avatar.cjs.entry.js +2 -2
- 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 +1 -1
- package/dist/cjs/ez-calendar.cjs.entry.js +2 -2
- package/dist/cjs/ez-card-item.cjs.entry.js +1 -1
- package/dist/cjs/ez-chart.cjs.entry.js +1 -1
- package/dist/cjs/ez-check.cjs.entry.js +1 -1
- package/dist/cjs/ez-chip.cjs.entry.js +1 -1
- package/dist/cjs/ez-classic-combo-box.cjs.entry.js +37 -16
- package/dist/cjs/ez-classic-date-input.cjs.entry.js +201 -0
- package/dist/cjs/ez-classic-date-time-input.cjs.entry.js +246 -0
- package/dist/cjs/ez-classic-input.cjs.entry.js +100 -19
- package/dist/cjs/ez-classic-number-input.cjs.entry.js +205 -0
- package/dist/cjs/ez-classic-search-plus.cjs.entry.js +407 -0
- package/dist/cjs/ez-classic-search.cjs.entry.js +683 -0
- package/dist/cjs/ez-classic-text-area.cjs.entry.js +2 -2
- package/dist/cjs/ez-classic-time-input.cjs.entry.js +197 -0
- package/dist/cjs/ez-collapsible-box.cjs.entry.js +5 -4
- package/dist/cjs/ez-combo-box.cjs.entry.js +5 -4
- 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 +2 -2
- package/dist/cjs/ez-double-list.cjs.entry.js +2 -2
- package/dist/cjs/ez-dropdown.cjs.entry.js +1 -1
- package/dist/cjs/ez-empty-card.cjs.entry.js +1 -1
- package/dist/cjs/ez-file-item.cjs.entry.js +2 -2
- package/dist/cjs/ez-filter-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-form-view.cjs.entry.js +130 -37
- package/dist/cjs/ez-form.cjs.entry.js +13 -8
- package/dist/cjs/ez-grid-view.cjs.entry.js +1 -1
- package/dist/cjs/ez-grid.cjs.entry.js +11 -7
- package/dist/cjs/ez-guide-navigator.cjs.entry.js +2 -2
- package/dist/cjs/ez-icon.cjs.entry.js +2 -2
- package/dist/cjs/ez-link-builder_6.cjs.entry.js +2 -2
- package/dist/cjs/ez-list-item.cjs.entry.js +1 -1
- package/dist/cjs/ez-list.cjs.entry.js +2 -2
- package/dist/cjs/ez-loading-bar.cjs.entry.js +1 -1
- package/dist/cjs/ez-modal-container.cjs.entry.js +2 -2
- package/dist/cjs/ez-modal.cjs.entry.js +2 -2
- package/dist/cjs/ez-multi-selection-list.cjs.entry.js +2 -2
- package/dist/cjs/ez-number-input.cjs.entry.js +2 -2
- package/dist/cjs/ez-pagination.cjs.entry.js +2 -2
- package/dist/cjs/ez-popover-core.cjs.entry.js +1 -1
- package/dist/cjs/ez-popover-plus_3.cjs.entry.js +1 -1
- package/dist/cjs/ez-popover.cjs.entry.js +1 -1
- package/dist/cjs/ez-popup.cjs.entry.js +2 -2
- package/dist/cjs/ez-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/ez-radio-button.cjs.entry.js +1 -1
- package/dist/cjs/ez-rich-toolbar-item.cjs.entry.js +1 -1
- package/dist/cjs/ez-scroller_2.cjs.entry.js +1 -1
- package/dist/cjs/ez-search-plus.cjs.entry.js +8 -7
- package/dist/cjs/ez-search-result-list.cjs.entry.js +2 -2
- package/dist/cjs/ez-search.cjs.entry.js +11 -10
- package/dist/cjs/ez-sidebar-navigator.cjs.entry.js +2 -2
- package/dist/cjs/ez-skeleton.cjs.entry.js +2 -2
- package/dist/cjs/ez-sortable-list.cjs.entry.js +2 -2
- package/dist/cjs/ez-spinner.cjs.entry.js +2 -2
- package/dist/cjs/ez-split-button.cjs.entry.js +2 -2
- package/dist/cjs/ez-split-item.cjs.entry.js +5 -4
- package/dist/cjs/ez-split-panel.cjs.entry.js +1 -1
- package/dist/cjs/ez-tabselector.cjs.entry.js +1 -1
- package/dist/cjs/ez-tag-input.cjs.entry.js +1 -1
- package/dist/cjs/ez-tag.cjs.entry.js +1 -1
- package/dist/cjs/ez-text-area.cjs.entry.js +1 -1
- package/dist/cjs/ez-text-input.cjs.entry.js +38 -1
- package/dist/cjs/ez-tile-medium.cjs.entry.js +1 -1
- package/dist/cjs/ez-tile.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-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/ez-tree.cjs.entry.js +2 -2
- package/dist/cjs/ez-underface.cjs.entry.js +1 -1
- package/dist/cjs/ez-upload.cjs.entry.js +3 -3
- package/dist/cjs/ez-view-stack.cjs.entry.js +1 -1
- package/dist/cjs/ezui.cjs.js +4 -4
- package/dist/cjs/filter-column.cjs.entry.js +2 -2
- package/dist/cjs/{index-00d0166b.js → index-350d0fa0.js} +54 -0
- package/dist/cjs/{index-a7b0c73d.js → index-9e5554cb.js} +45 -18
- package/dist/cjs/loader.cjs.js +4 -4
- package/dist/cjs/{search-column-8bfee733.js → search-column-9654bf26.js} +5 -5
- package/dist/cjs/searchFormatters-051f8677.js +23 -0
- package/dist/cjs/{FormLayout-18853e70.js → types-6a5df0c7.js} +0 -6
- package/dist/collection/collection-manifest.json +59 -5
- package/dist/collection/components/ez-classic-combo-box/ez-classic-combo-box.css +5 -0
- package/dist/collection/components/ez-classic-combo-box/ez-classic-combo-box.js +77 -18
- package/dist/collection/components/ez-classic-date-input/ez-classic-date-input.css +44 -0
- package/dist/collection/components/ez-classic-date-input/ez-classic-date-input.js +541 -0
- package/dist/collection/components/ez-classic-date-time-input/ez-classic-date-time-input.css +44 -0
- package/dist/collection/components/ez-classic-date-time-input/ez-classic-date-time-input.js +586 -0
- package/dist/collection/components/ez-classic-input/ez-classic-input.css +33 -5
- package/dist/collection/components/ez-classic-input/ez-classic-input.js +155 -19
- package/dist/collection/components/ez-classic-number-input/ez-classic-number-input.css +16 -0
- package/dist/collection/components/ez-classic-number-input/ez-classic-number-input.js +583 -0
- package/dist/collection/components/ez-classic-search/ez-classic-search.css +126 -0
- package/dist/collection/components/ez-classic-search/ez-classic-search.js +1330 -0
- package/dist/collection/components/ez-classic-search/subcomponent/classic-search-list/classic-search-list.css +227 -0
- package/dist/collection/components/ez-classic-search/subcomponent/classic-search-list/classic-search-list.js +316 -0
- package/dist/collection/components/ez-classic-search/utils/searchFormatters.js +18 -0
- package/dist/collection/components/ez-classic-search-plus/ez-classic-search-plus.css +406 -0
- package/dist/collection/components/ez-classic-search-plus/ez-classic-search-plus.js +988 -0
- package/dist/collection/components/ez-classic-search-plus/subcomponent/ez-search-result-list/ez-classic-search-result-list.css +221 -0
- package/dist/collection/components/ez-classic-search-plus/subcomponent/ez-search-result-list/ez-classic-search-result-list.js +298 -0
- package/dist/collection/components/ez-classic-text-area/ez-classic-text-area.css +1 -0
- package/dist/collection/components/ez-classic-time-input/ez-classic-time-input.css +14 -0
- package/dist/collection/components/ez-classic-time-input/ez-classic-time-input.js +511 -0
- package/dist/collection/components/ez-form/ez-form.js +30 -4
- package/dist/collection/components/ez-form-view/ez-form-view.css +8 -3
- package/dist/collection/components/ez-form-view/ez-form-view.js +61 -3
- package/dist/collection/components/ez-form-view/fieldbuilder/FieldBuilder.js +9 -4
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/CheckBox.tpl.js +9 -6
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/ComboBox.tpl.js +8 -1
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/DateInput.tpl.js +30 -6
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/FileInput.tpl.js +1 -1
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/ImageInput.tpl.js +4 -0
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/NumberInput.tpl.js +12 -5
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/RichText.tpl.js +1 -1
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/SearchInput.tpl.js +9 -3
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/SearchInputPlus.tpl.js +8 -1
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/TextArea.tpl.js +7 -1
- package/dist/collection/components/ez-form-view/fieldbuilder/templates/TextInput.tpl.js +8 -1
- package/dist/collection/components/ez-form-view/structure/index.js +1 -1
- package/dist/collection/components/ez-grid/controller/ag-grid/DataSource.js +3 -0
- package/dist/collection/components/ez-icon/ez-icon.css +1 -0
- package/dist/collection/components/ez-image-input/ez-image-input.css +173 -0
- package/dist/collection/components/ez-image-input/ez-image-input.js +324 -0
- package/dist/collection/components/ez-rich-text/ez-rich-text.js +2 -3
- package/dist/collection/components/ez-text-input/ez-text-input.js +38 -1
- package/dist/collection/utils/form/DataBinder.js +2 -2
- package/dist/collection/utils/form/interfaces/FormLayout.js +3 -1
- package/dist/collection/utils/i18n/locales/en-us.js +18 -0
- package/dist/collection/utils/i18n/locales/es-es.js +18 -0
- package/dist/collection/utils/i18n/locales/pt-br.js +18 -0
- package/dist/custom-elements/index.d.ts +54 -0
- package/dist/custom-elements/index.js +2913 -347
- package/dist/esm/{ApplicationUtils-12768f5a.js → ApplicationUtils-0c5cb207.js} +1 -1
- package/dist/esm/FormLayout-bda67973.js +9 -0
- package/dist/esm/{app-globals-9507c20e.js → app-globals-1db10325.js} +1 -1
- package/dist/esm/{ez-combo-box-list_4.entry.js → classic-search-list_7.entry.js} +359 -8
- package/dist/esm/ez-actions-button.entry.js +5 -4
- package/dist/esm/ez-alert-list.entry.js +2 -2
- package/dist/esm/ez-alert.entry.js +1 -1
- package/dist/esm/ez-application.entry.js +1 -1
- package/dist/esm/ez-avatar.entry.js +2 -2
- 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 +1 -1
- package/dist/esm/ez-calendar.entry.js +2 -2
- package/dist/esm/ez-card-item.entry.js +1 -1
- package/dist/esm/ez-chart.entry.js +1 -1
- package/dist/esm/ez-check.entry.js +1 -1
- package/dist/esm/ez-chip.entry.js +1 -1
- package/dist/esm/ez-classic-combo-box.entry.js +37 -16
- package/dist/esm/ez-classic-date-input.entry.js +197 -0
- package/dist/esm/ez-classic-date-time-input.entry.js +242 -0
- package/dist/esm/ez-classic-input.entry.js +101 -20
- package/dist/esm/ez-classic-number-input.entry.js +201 -0
- package/dist/esm/ez-classic-search-plus.entry.js +403 -0
- package/dist/esm/ez-classic-search.entry.js +679 -0
- package/dist/esm/ez-classic-text-area.entry.js +2 -2
- package/dist/esm/ez-classic-time-input.entry.js +193 -0
- package/dist/esm/ez-collapsible-box.entry.js +5 -4
- package/dist/esm/ez-combo-box.entry.js +5 -4
- 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 +2 -2
- package/dist/esm/ez-double-list.entry.js +2 -2
- package/dist/esm/ez-dropdown.entry.js +1 -1
- package/dist/esm/ez-empty-card.entry.js +1 -1
- package/dist/esm/ez-file-item.entry.js +2 -2
- package/dist/esm/ez-filter-input.entry.js +1 -1
- package/dist/esm/ez-form-view.entry.js +130 -37
- package/dist/esm/ez-form.entry.js +13 -8
- package/dist/esm/ez-grid-view.entry.js +1 -1
- package/dist/esm/ez-grid.entry.js +9 -5
- package/dist/esm/ez-guide-navigator.entry.js +2 -2
- package/dist/esm/ez-icon.entry.js +2 -2
- package/dist/esm/ez-link-builder_6.entry.js +2 -2
- package/dist/esm/ez-list-item.entry.js +1 -1
- package/dist/esm/ez-list.entry.js +2 -2
- package/dist/esm/ez-loading-bar.entry.js +1 -1
- package/dist/esm/ez-modal-container.entry.js +2 -2
- package/dist/esm/ez-modal.entry.js +2 -2
- package/dist/esm/ez-multi-selection-list.entry.js +2 -2
- package/dist/esm/ez-number-input.entry.js +2 -2
- package/dist/esm/ez-pagination.entry.js +2 -2
- package/dist/esm/ez-popover-core.entry.js +1 -1
- package/dist/esm/ez-popover-plus_3.entry.js +1 -1
- package/dist/esm/ez-popover.entry.js +1 -1
- package/dist/esm/ez-popup.entry.js +2 -2
- package/dist/esm/ez-progress-bar.entry.js +1 -1
- package/dist/esm/ez-radio-button.entry.js +1 -1
- package/dist/esm/ez-rich-toolbar-item.entry.js +1 -1
- package/dist/esm/ez-scroller_2.entry.js +1 -1
- package/dist/esm/ez-search-plus.entry.js +5 -4
- package/dist/esm/ez-search-result-list.entry.js +2 -2
- package/dist/esm/ez-search.entry.js +5 -4
- package/dist/esm/ez-sidebar-navigator.entry.js +2 -2
- package/dist/esm/ez-skeleton.entry.js +2 -2
- package/dist/esm/ez-sortable-list.entry.js +2 -2
- package/dist/esm/ez-spinner.entry.js +2 -2
- package/dist/esm/ez-split-button.entry.js +2 -2
- package/dist/esm/ez-split-item.entry.js +5 -4
- package/dist/esm/ez-split-panel.entry.js +1 -1
- package/dist/esm/ez-tabselector.entry.js +1 -1
- package/dist/esm/ez-tag-input.entry.js +1 -1
- package/dist/esm/ez-tag.entry.js +1 -1
- package/dist/esm/ez-text-area.entry.js +1 -1
- package/dist/esm/ez-text-input.entry.js +38 -1
- package/dist/esm/ez-tile-medium.entry.js +1 -1
- package/dist/esm/ez-tile.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-tooltip.entry.js +1 -1
- package/dist/esm/ez-tree.entry.js +2 -2
- package/dist/esm/ez-underface.entry.js +1 -1
- package/dist/esm/ez-upload.entry.js +3 -3
- package/dist/esm/ez-view-stack.entry.js +1 -1
- package/dist/esm/ezui.js +5 -5
- package/dist/esm/filter-column.entry.js +2 -2
- package/dist/esm/{index-62fc771e.js → index-225aa0c3.js} +54 -0
- package/dist/esm/{index-baa5e267.js → index-5a720e56.js} +45 -19
- package/dist/esm/loader.js +5 -5
- package/dist/esm/{search-column-c00119ae.js → search-column-c3df6285.js} +5 -5
- package/dist/esm/searchFormatters-6d9b06e4.js +20 -0
- package/dist/esm/{FormLayout-071d324c.js → types-6f6b2650.js} +1 -7
- package/dist/ezui/ezui.esm.js +1 -1
- package/dist/ezui/{p-e75c7a23.entry.js → p-000159dc.entry.js} +1 -1
- package/dist/ezui/p-05bcbe61.entry.js +1 -0
- package/dist/ezui/{p-93e1c917.entry.js → p-05e68ab3.entry.js} +1 -1
- package/dist/ezui/{p-288631d1.entry.js → p-06f1b8e4.entry.js} +1 -1
- package/dist/ezui/{p-2854f087.entry.js → p-0820f8c3.entry.js} +1 -1
- package/dist/ezui/{p-6d596a5a.entry.js → p-0b531233.entry.js} +1 -1
- package/dist/ezui/{p-79277e43.entry.js → p-0ba284cd.entry.js} +1 -1
- package/dist/ezui/p-0d393a5d.entry.js +1 -0
- package/dist/ezui/{p-3fe05d6b.entry.js → p-12cc95dc.entry.js} +1 -1
- package/dist/ezui/p-14d6aeb8.entry.js +1 -0
- package/dist/ezui/{p-2528e988.entry.js → p-169d460d.entry.js} +1 -1
- package/dist/ezui/{p-6f77a359.entry.js → p-1723f728.entry.js} +1 -1
- package/dist/ezui/{p-a401041c.entry.js → p-181cb82f.entry.js} +1 -1
- package/dist/ezui/{p-eee3c7ff.entry.js → p-24993171.entry.js} +1 -1
- package/dist/ezui/{p-377768bd.entry.js → p-25748a4e.entry.js} +2 -2
- package/dist/ezui/p-27421015.entry.js +1 -0
- package/dist/ezui/p-27c8a9b7.entry.js +1 -0
- package/dist/ezui/{p-4f0632b4.js → p-29341f74.js} +1 -1
- package/dist/ezui/p-29f0de90.entry.js +1 -0
- package/dist/ezui/{p-44ad16df.entry.js → p-2b51d5a9.entry.js} +1 -1
- package/dist/ezui/p-2c123fdf.entry.js +1 -0
- package/dist/ezui/{p-6a9a20a0.entry.js → p-2fa490f1.entry.js} +1 -1
- package/dist/ezui/{p-da585ff3.entry.js → p-3453dad5.entry.js} +1 -1
- package/dist/ezui/p-34d596a3.entry.js +1 -0
- package/dist/ezui/{p-ef8bd3e8.entry.js → p-35e3715c.entry.js} +1 -1
- package/dist/ezui/{p-fa6732f2.entry.js → p-44b39e81.entry.js} +1 -1
- package/dist/ezui/{p-124699e0.entry.js → p-458027b5.entry.js} +1 -1
- package/dist/ezui/p-47e4a8ce.js +1 -0
- package/dist/ezui/{p-4d30b703.entry.js → p-4a876b8b.entry.js} +1 -1
- package/dist/ezui/p-4d909730.entry.js +1 -0
- package/dist/ezui/{p-e27d7dc2.entry.js → p-4df2edb5.entry.js} +1 -1
- package/dist/ezui/{p-6369a0cd.entry.js → p-51e34317.entry.js} +1 -1
- package/dist/ezui/{p-957d08cd.entry.js → p-534209bf.entry.js} +1 -1
- package/dist/ezui/{p-0c0eb410.entry.js → p-55a9e4ba.entry.js} +1 -1
- package/dist/ezui/p-5895e687.js +1 -0
- package/dist/ezui/{p-59a98e31.entry.js → p-636ea910.entry.js} +1 -1
- package/dist/ezui/{p-1f50fa05.entry.js → p-6b51c9cc.entry.js} +1 -1
- package/dist/ezui/p-6ec40dec.entry.js +1 -0
- package/dist/ezui/{p-5ed81457.entry.js → p-6fc26622.entry.js} +1 -1
- package/dist/ezui/p-70f30bfe.entry.js +1 -0
- package/dist/ezui/p-71b341cc.entry.js +1 -0
- package/dist/ezui/{p-cd6f5783.entry.js → p-75443a91.entry.js} +1 -1
- package/dist/ezui/{p-e8c6c973.entry.js → p-75e650ff.entry.js} +1 -1
- package/dist/ezui/p-75e8862c.entry.js +1 -0
- package/dist/ezui/{p-d6f50207.entry.js → p-770cf2b8.entry.js} +1 -1
- package/dist/ezui/{p-91c9d50e.entry.js → p-78e975b4.entry.js} +1 -1
- package/dist/ezui/{p-1e7a8633.entry.js → p-81461d2f.entry.js} +1 -1
- package/dist/ezui/p-81a98a7c.entry.js +1 -0
- package/dist/ezui/p-82e1d7fc.entry.js +1 -0
- package/dist/ezui/{p-8df1ca33.entry.js → p-82fa4b09.entry.js} +1 -1
- package/dist/ezui/p-87739608.entry.js +1 -0
- package/dist/ezui/p-88a115b3.js +1 -0
- package/dist/ezui/p-892e7326.entry.js +1 -0
- package/dist/ezui/p-8f7373ab.entry.js +1 -0
- package/dist/ezui/{p-f34ec732.entry.js → p-980f1f18.entry.js} +1 -1
- package/dist/ezui/{p-5a11cf56.js → p-9825c1d2.js} +1 -1
- package/dist/ezui/{p-a3075f52.entry.js → p-9bcfa689.entry.js} +1 -1
- package/dist/ezui/{p-e882635e.entry.js → p-9d515e5b.entry.js} +1 -1
- package/dist/ezui/{p-1adf7139.entry.js → p-9fb7131e.entry.js} +1 -1
- package/dist/ezui/{p-6f119d5f.entry.js → p-a6ea8da3.entry.js} +1 -1
- package/dist/ezui/{p-d6742c1e.entry.js → p-a9432878.entry.js} +1 -1
- package/dist/ezui/{p-e8c57463.entry.js → p-b21efe83.entry.js} +1 -1
- package/dist/ezui/{p-a0bf1fc7.entry.js → p-bc693db6.entry.js} +1 -1
- package/dist/ezui/{p-1cde96f9.entry.js → p-be2e39c5.entry.js} +1 -1
- package/dist/ezui/{p-641ee538.js → p-c178730b.js} +1 -1
- package/dist/ezui/{p-9f5fa3f9.entry.js → p-c2b20f78.entry.js} +1 -1
- package/dist/ezui/{p-6020f3d5.entry.js → p-c754774e.entry.js} +1 -1
- package/dist/ezui/{p-d2645bdf.entry.js → p-c96e536d.entry.js} +1 -1
- package/dist/ezui/{p-cfa26133.entry.js → p-ce2614fc.entry.js} +1 -1
- package/dist/ezui/{p-20c024f7.entry.js → p-cf33bc48.entry.js} +1 -1
- package/dist/ezui/p-d3aca6aa.entry.js +1 -0
- package/dist/ezui/p-d57ea090.entry.js +1 -0
- package/dist/ezui/{p-a80b1287.entry.js → p-dfca5946.entry.js} +1 -1
- package/dist/ezui/{p-5ab08b60.entry.js → p-e0380234.entry.js} +1 -1
- package/dist/ezui/{p-e99cbb51.entry.js → p-e039e049.entry.js} +1 -1
- package/dist/ezui/{p-a7eab406.entry.js → p-e0fd2ce5.entry.js} +1 -1
- package/dist/ezui/{p-7f792043.entry.js → p-e195eaad.entry.js} +1 -1
- package/dist/ezui/{p-7b999377.entry.js → p-e275353b.entry.js} +1 -1
- package/dist/ezui/{p-23a36bb6.js → p-e4c7eb39.js} +2 -2
- package/dist/ezui/{p-2a70f094.entry.js → p-e94d3af5.entry.js} +1 -1
- package/dist/ezui/p-e963cb3f.entry.js +1 -0
- package/dist/ezui/{p-e7a7c594.entry.js → p-e9b409c1.entry.js} +1 -1
- package/dist/ezui/p-f0425f87.entry.js +1 -0
- package/dist/ezui/{p-19cf13bc.entry.js → p-f1b54699.entry.js} +1 -1
- package/dist/ezui/{p-a3ada561.entry.js → p-f26b97e9.entry.js} +1 -1
- package/dist/ezui/{p-ff4bde07.entry.js → p-f32d5a82.entry.js} +1 -1
- package/dist/ezui/{p-411c0222.entry.js → p-f7ca8634.entry.js} +1 -1
- package/dist/ezui/{p-294f54fe.entry.js → p-fe0bca65.entry.js} +1 -1
- package/dist/ezui/p-ff4312d5.js +1 -0
- package/dist/types/components/ez-classic-combo-box/ez-classic-combo-box.d.ts +9 -3
- package/dist/types/components/ez-classic-date-input/ez-classic-date-input.d.ts +91 -0
- package/dist/types/components/ez-classic-date-time-input/ez-classic-date-time-input.d.ts +95 -0
- package/dist/types/components/ez-classic-input/ez-classic-input.d.ts +18 -1
- package/dist/types/components/ez-classic-number-input/ez-classic-number-input.d.ts +101 -0
- package/dist/types/components/ez-classic-search/ez-classic-search.d.ts +219 -0
- package/dist/types/components/ez-classic-search/subcomponent/classic-search-list/classic-search-list.d.ts +29 -0
- package/dist/types/components/ez-classic-search/utils/searchFormatters.d.ts +2 -0
- package/dist/types/components/ez-classic-search-plus/ez-classic-search-plus.d.ts +186 -0
- package/dist/types/components/ez-classic-search-plus/subcomponent/ez-search-result-list/ez-classic-search-result-list.d.ts +29 -0
- package/dist/types/components/ez-form/ez-form.d.ts +6 -0
- package/dist/types/components/ez-form-view/ez-form-view.d.ts +11 -0
- package/dist/types/components/ez-form-view/fieldbuilder/FieldBuilder.d.ts +8 -1
- package/dist/types/components/ez-form-view/fieldbuilder/templates/CheckBox.tpl.d.ts +3 -2
- package/dist/types/components/ez-form-view/fieldbuilder/templates/ComboBox.tpl.d.ts +2 -1
- package/dist/types/components/ez-form-view/fieldbuilder/templates/DateInput.tpl.d.ts +5 -4
- package/dist/types/components/ez-form-view/fieldbuilder/templates/FileInput.tpl.d.ts +2 -1
- package/dist/types/components/ez-form-view/fieldbuilder/templates/ImageInput.tpl.d.ts +2 -0
- package/dist/types/components/ez-form-view/fieldbuilder/templates/NumberInput.tpl.d.ts +3 -2
- package/dist/types/components/ez-form-view/fieldbuilder/templates/RichText.tpl.d.ts +2 -1
- package/dist/types/components/ez-form-view/fieldbuilder/templates/SearchInput.tpl.d.ts +2 -1
- package/dist/types/components/ez-form-view/fieldbuilder/templates/SearchInputPlus.tpl.d.ts +2 -1
- package/dist/types/components/ez-form-view/fieldbuilder/templates/TextArea.tpl.d.ts +2 -1
- package/dist/types/components/ez-form-view/fieldbuilder/templates/TextInput.tpl.d.ts +2 -1
- package/dist/types/components/ez-image-input/ez-image-input.d.ts +42 -0
- package/dist/types/components/ez-text-input/ez-text-input.d.ts +4 -0
- package/dist/types/components.d.ts +3220 -1969
- package/dist/types/utils/form/interfaces/FormLayout.d.ts +3 -1
- package/dist/types/utils/i18n/locales/en-us.d.ts +18 -0
- package/dist/types/utils/i18n/locales/es-es.d.ts +18 -0
- package/dist/types/utils/i18n/locales/pt-br.d.ts +18 -0
- package/dist/types/utils/i18n/translations.d.ts +54 -0
- package/package.json +1 -1
- package/react/components.d.ts +9 -0
- package/react/components.js +9 -0
- package/react/components.js.map +1 -1
- package/dist/ezui/p-1266fe78.entry.js +0 -1
- package/dist/ezui/p-14807f4e.js +0 -1
- package/dist/ezui/p-1730ee24.entry.js +0 -1
- package/dist/ezui/p-30ffb9ed.js +0 -1
- package/dist/ezui/p-48effc69.entry.js +0 -1
- package/dist/ezui/p-59092a66.entry.js +0 -1
- package/dist/ezui/p-7fe97ef5.entry.js +0 -1
- package/dist/ezui/p-8d626d2b.entry.js +0 -1
- package/dist/ezui/p-8dc267ff.entry.js +0 -1
- package/dist/ezui/p-96b33264.entry.js +0 -1
- package/dist/ezui/p-9b2e6438.entry.js +0 -1
- package/dist/ezui/p-adaa2a81.entry.js +0 -1
- package/dist/ezui/p-bc2f844e.entry.js +0 -1
- package/dist/ezui/p-c82acfc6.entry.js +0 -1
- package/dist/ezui/p-d8cc640d.entry.js +0 -1
- package/dist/ezui/p-dee18824.entry.js +0 -1
- package/dist/ezui/p-df316d40.entry.js +0 -1
- package/dist/ezui/p-eca050b4.entry.js +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HTMLElement as HTMLElement$1, createEvent, h, Host, forceUpdate, Fragment, proxyCustomElement } from '@stencil/core/internal/client';
|
|
2
2
|
export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
|
|
3
|
-
import { ApplicationContext, LangUtils,
|
|
3
|
+
import { ApplicationContext, LangUtils, StringUtils as StringUtils$1, UserInterface, DateUtils as DateUtils$1, Action, ObjectUtils as ObjectUtils$1, WaitingChangeException, DataUnitAction, FloatingManager, ElementIDUtils, JSUtils, KeyboardManager, TimeFormatter, MaskFormatter as MaskFormatter$1, NumberUtils as NumberUtils$1, HTMLBuilder, DataUnit, LockManager, LockManagerOperation, DataType, SortMode, ColumnFilterManager as ColumnFilterManager$1, ArrayUtils as ArrayUtils$1, FieldComparator, OverflowWatcher, OVERFLOWED_CLASS_NAME, RECORD_DATE_FORMAT, DataUnitInMemoryLoader } from '@sankhyalabs/core';
|
|
4
4
|
import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
|
|
5
5
|
|
|
6
6
|
const isString = obj => typeof obj === 'string';
|
|
@@ -2820,6 +2820,14 @@ const ptBrTranslations = {
|
|
|
2820
2820
|
uploadErrorTitle: "Enviando arquivo",
|
|
2821
2821
|
uploadingMessage: "Há arquivos sendo enviados. Por favor aguarde a conclusão ou cancele o envio.",
|
|
2822
2822
|
},
|
|
2823
|
+
"ez-image-input": {
|
|
2824
|
+
defaultLabel: "Enviar Imagem",
|
|
2825
|
+
imageAlt: "Imagem carregada",
|
|
2826
|
+
removeImage: "Remover imagem",
|
|
2827
|
+
invalidFileType: "O arquivo selecionado não é uma imagem válida.",
|
|
2828
|
+
fileTooLarge: "A imagem deve ter menos de {{maxSize}}.",
|
|
2829
|
+
imagePreview: "Visualizar Imagem",
|
|
2830
|
+
},
|
|
2823
2831
|
"ez-calendar": {
|
|
2824
2832
|
month: {
|
|
2825
2833
|
0: "Janeiro",
|
|
@@ -3042,6 +3050,16 @@ const ptBrTranslations = {
|
|
|
3042
3050
|
optionLoaderNotDefined: "optionLoader não definido",
|
|
3043
3051
|
defaultCodeLabel: "Cód.",
|
|
3044
3052
|
},
|
|
3053
|
+
"ez-classic-search": {
|
|
3054
|
+
emptyList: "Nenhum resultado encontrado",
|
|
3055
|
+
emptySearch: "Nenhum resultado de {{field}} encontrado",
|
|
3056
|
+
showMore: "Mostrar mais"
|
|
3057
|
+
},
|
|
3058
|
+
"ez-classic-search-plus": {
|
|
3059
|
+
emptyList: "Nenhum resultado encontrado",
|
|
3060
|
+
optionLoaderNotDefined: "optionLoader não definido",
|
|
3061
|
+
defaultCodeLabel: "Cód.",
|
|
3062
|
+
},
|
|
3045
3063
|
"ez-sortable-list": {
|
|
3046
3064
|
emptyMessage: "Nenhum item na lista",
|
|
3047
3065
|
entityLabel: "item",
|
|
@@ -3115,6 +3133,14 @@ const enUsTranslations = {
|
|
|
3115
3133
|
uploadErrorTitle: "Uploading file",
|
|
3116
3134
|
uploadingMessage: "Files are being uploaded. Please wait for completion or cancel the upload."
|
|
3117
3135
|
},
|
|
3136
|
+
"ez-image-input": {
|
|
3137
|
+
defaultLabel: "Upload Image",
|
|
3138
|
+
imageAlt: "Uploaded image",
|
|
3139
|
+
removeImage: "Remove image",
|
|
3140
|
+
invalidFileType: "The selected file is not a valid image.",
|
|
3141
|
+
fileTooLarge: "The image must be less than {{maxSize}}.",
|
|
3142
|
+
imagePreview: "Image Preview",
|
|
3143
|
+
},
|
|
3118
3144
|
"ez-calendar": {
|
|
3119
3145
|
month: {
|
|
3120
3146
|
0: "January",
|
|
@@ -3337,6 +3363,16 @@ const enUsTranslations = {
|
|
|
3337
3363
|
optionLoaderNotDefined: "optionLoader not defined",
|
|
3338
3364
|
defaultCodeLabel: "Code",
|
|
3339
3365
|
},
|
|
3366
|
+
"ez-classic-search": {
|
|
3367
|
+
emptyList: "No results found",
|
|
3368
|
+
emptySearch: "No results for {{field}} found",
|
|
3369
|
+
showMore: "Show more"
|
|
3370
|
+
},
|
|
3371
|
+
"ez-classic-search-plus": {
|
|
3372
|
+
emptyList: "No results found",
|
|
3373
|
+
optionLoaderNotDefined: "optionLoader not defined",
|
|
3374
|
+
defaultCodeLabel: "Code",
|
|
3375
|
+
},
|
|
3340
3376
|
"ez-sortable-list": {
|
|
3341
3377
|
emptyMessage: "No items in the list",
|
|
3342
3378
|
entityLabel: "item",
|
|
@@ -3410,6 +3446,14 @@ const esEsTranslations = {
|
|
|
3410
3446
|
uploadErrorTitle: "Subiendo archivo",
|
|
3411
3447
|
uploadingMessage: "Se están subiendo archivos. Por favor, espere a que se complete o cancele la subida.",
|
|
3412
3448
|
},
|
|
3449
|
+
"ez-image-input": {
|
|
3450
|
+
defaultLabel: "Subir Imagen",
|
|
3451
|
+
imageAlt: "Imagen cargada",
|
|
3452
|
+
removeImage: "Eliminar imagen",
|
|
3453
|
+
invalidFileType: "El archivo seleccionado no es una imagen válida.",
|
|
3454
|
+
fileTooLarge: "La imagen debe tener menos de {{maxSize}}.",
|
|
3455
|
+
imagePreview: "Vista Previa de Imagen",
|
|
3456
|
+
},
|
|
3413
3457
|
"ez-calendar": {
|
|
3414
3458
|
month: {
|
|
3415
3459
|
0: "Enero",
|
|
@@ -3632,6 +3676,16 @@ const esEsTranslations = {
|
|
|
3632
3676
|
optionLoaderNotDefined: "optionLoader no definido",
|
|
3633
3677
|
defaultCodeLabel: "Cód.",
|
|
3634
3678
|
},
|
|
3679
|
+
"ez-classic-search": {
|
|
3680
|
+
emptyList: "No se encontraron resultados",
|
|
3681
|
+
emptySearch: "No se encontraron resultados de {{field}}",
|
|
3682
|
+
showMore: "Mostrar más"
|
|
3683
|
+
},
|
|
3684
|
+
"ez-classic-search-plus": {
|
|
3685
|
+
emptyList: "No se encontraron resultados",
|
|
3686
|
+
optionLoaderNotDefined: "optionLoader no definido",
|
|
3687
|
+
defaultCodeLabel: "Cód.",
|
|
3688
|
+
},
|
|
3635
3689
|
"ez-sortable-list": {
|
|
3636
3690
|
emptyMessage: "No hay elementos en la lista",
|
|
3637
3691
|
entityLabel: "elemento",
|
|
@@ -3720,6 +3774,125 @@ async function initializeApp() {
|
|
|
3720
3774
|
|
|
3721
3775
|
const globalScripts = initializeApp;
|
|
3722
3776
|
|
|
3777
|
+
const START_HIGH_LIGHT_TAG$1 = "<span class='card-item__highlight'>";
|
|
3778
|
+
const END_HIGH_LIGHT_TAG$1 = "</span>";
|
|
3779
|
+
function replaceHighlight$1(value) {
|
|
3780
|
+
const startHighlight = new RegExp(START_HIGH_LIGHT_TAG$1, 'g');
|
|
3781
|
+
const endHighlight = new RegExp(END_HIGH_LIGHT_TAG$1, 'g');
|
|
3782
|
+
const newValue = String(value !== null && value !== void 0 ? value : "").replace(startHighlight, '').replace(endHighlight, '');
|
|
3783
|
+
return replaceQuotes$1(newValue);
|
|
3784
|
+
}
|
|
3785
|
+
function replaceQuotes$1(text) {
|
|
3786
|
+
if (text == undefined) {
|
|
3787
|
+
return;
|
|
3788
|
+
}
|
|
3789
|
+
return String(text)
|
|
3790
|
+
.replace(/&/g, '&')
|
|
3791
|
+
.replace(/</g, '<')
|
|
3792
|
+
.replace(/>/g, '>')
|
|
3793
|
+
.replace(/"/g, '"');
|
|
3794
|
+
}
|
|
3795
|
+
|
|
3796
|
+
const classicSearchListCss = ":host{--ez-classic-search__list-title--primary:var(--title--primary, #2B3A54);--ez-classic-search__list-text--primary:var(--text--primary, #626e82);--ez-classic-search__list-height:calc(var(--ez-classic-search--font-size) + var(--ez-classic-search--space--medium) + 4px);--ez-classic-search__list-min-width:64px;--ez-classic-search__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-classic-search__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-classic-search__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-classic-search__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-classic-search__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-classic-search__scrollbar--width:var(--space--small, 6px);--ez-classic-search--border-radius-small:var(--border--radius-small, 6px);--ez-classic-search--font-size:var(--text--medium, 14px);--ez-classic-search--font-family:var(--font-pattern, Arial);--ez-classic-search--font-weight--large:var(--text-weight--large, 500);--ez-classic-search--font-weight--medium:var(--text-weight--medium, 400);--ez-classic-search--background-medium:var(--background--medium, #f0f3f7);--ez-classic-search--line-height:calc(var(--text--medium, 14px) + 4px)}.list-options{position:relative;z-index:var(--more-visible, 2);margin:var(--space--small) 0px;padding:0px;padding-inline-start:0px;box-sizing:border-box;width:100%;height:100%;max-height:350px;min-width:150px;display:flex;flex-direction:column;scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--ez-classic-search__scrollbar--color-clicked) var(--ez-classic-search__scrollbar--color-background)}.list-options::-webkit-scrollbar{background-color:var(--scrollbar--background);width:var(--space--small);max-width:var(--space--small);min-width:var(--space--small);height:var(--space--small);max-height:var(--space--small);min-height:var(--space--small)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-classic-search__scrollbar--color-background);border-radius:var(--ez-classic-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-classic-search__scrollbar--color-default);border-radius:var(--ez-classic-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb:vertical:hover,.list-options::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-classic-search__scrollbar--color-hover)}.list-options::-webkit-scrollbar-thumb:vertical:active,.list-options::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-classic-search__scrollbar--color-clicked)}.message{text-align:center;display:flex;justify-content:center;align-items:center;list-style-type:none;margin:var(--space--medium) 0px;min-height:var(--ez-classic-search__list-height)}.message__no-result{color:var(--ez-classic-search__list-title--primary);font-family:var(--ez-classic-search--font-family);font-size:var(--ez-classic-search--font-size)}.message__loading{border-radius:50%;width:14px;height:14px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid var(--ez-classic-search__list-title--primary);border-top:3px solid transparent}.item__value,.item__label{flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-classic-search__list-title--primary);font-family:var(--ez-classic-search--font-family);font-size:var(--ez-classic-search--font-size);line-height:var(--ez-classic-search--line-height)}.item__label{font-weight:var(--ez-classic-search--font-weight--medium)}.item__label--bold{font-weight:var(--ez-classic-search--font-weight--large)}.item__value{text-align:center;color:var(--ez-classic-search__list-text--primary);font-weight:var(--ez-classic-search--font-weight--large)}.item__value--hidden{visibility:hidden;position:absolute;white-space:nowrap;z-index:-1;top:0;left:0}.item__label{text-align:left}.item__list>li:hover{background-color:var(--ez-classic-search--background-medium)}.item{display:flex;align-items:center;width:100%;box-sizing:border-box;list-style-type:none;cursor:pointer;border-radius:var(--ez-classic-search--border-radius-small);gap:var(--space--small, 6px)}.preselected{background-color:var(--background--medium)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@supports not (scrollbar-width: thin){.item{padding-right:8px}}";
|
|
3797
|
+
|
|
3798
|
+
const ClassicSearchList$1 = class extends HTMLElement$1 {
|
|
3799
|
+
constructor() {
|
|
3800
|
+
super();
|
|
3801
|
+
this.__registerHost();
|
|
3802
|
+
this.__attachShadow();
|
|
3803
|
+
this.changeValue = createEvent(this, "changeValue", 7);
|
|
3804
|
+
this.changePreSelection = createEvent(this, "changePreSelection", 7);
|
|
3805
|
+
this._startHighlightTag = "<span class='card-item__highlight'>";
|
|
3806
|
+
this._endHighlightTag = "</span>";
|
|
3807
|
+
this.MAX_HEIGHT = 350;
|
|
3808
|
+
this.HEADER_MENU_HEIGHT = 60;
|
|
3809
|
+
this.showLoading = undefined;
|
|
3810
|
+
this.visibleOptions = [];
|
|
3811
|
+
this.textEmptyList = undefined;
|
|
3812
|
+
this.canShowListOptions = undefined;
|
|
3813
|
+
this.value = undefined;
|
|
3814
|
+
this.showOptionValue = true;
|
|
3815
|
+
this.preSelection = undefined;
|
|
3816
|
+
}
|
|
3817
|
+
async nextOption() {
|
|
3818
|
+
const newPreSelection = this.preSelection === undefined ? 0 : Math.min(this.preSelection + 1, this.visibleOptions.length - 1);
|
|
3819
|
+
this.changePreSelection.emit(newPreSelection);
|
|
3820
|
+
this.scrollToOption(this.visibleOptions[newPreSelection]);
|
|
3821
|
+
}
|
|
3822
|
+
async previousOption() {
|
|
3823
|
+
const newPreSelection = this.preSelection === undefined ? 0 : Math.max(this.preSelection - 1, 0);
|
|
3824
|
+
this.changePreSelection.emit(newPreSelection);
|
|
3825
|
+
this.scrollToOption(this.visibleOptions[newPreSelection]);
|
|
3826
|
+
}
|
|
3827
|
+
selectOption(newOption) {
|
|
3828
|
+
const newOptionsReplaced = Object.assign(Object.assign({}, newOption), { value: replaceHighlight$1(newOption === null || newOption === void 0 ? void 0 : newOption.value), label: replaceHighlight$1(newOption === null || newOption === void 0 ? void 0 : newOption.label) });
|
|
3829
|
+
const newOptionsFormatted = Object.assign(Object.assign({}, newOptionsReplaced), { value: replaceQuotes$1(newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.value), label: replaceQuotes$1(newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.label) });
|
|
3830
|
+
this.changeValue.emit(newOptionsFormatted);
|
|
3831
|
+
}
|
|
3832
|
+
createOption(detail) {
|
|
3833
|
+
let { key, title } = detail;
|
|
3834
|
+
const startHighlight = new RegExp(this._startHighlightTag, 'g');
|
|
3835
|
+
const endHighlight = new RegExp(this._endHighlightTag, 'g');
|
|
3836
|
+
title = StringUtils$1.decodeHtmlEntities(title);
|
|
3837
|
+
const option = {
|
|
3838
|
+
value: key === null || key === void 0 ? void 0 : key.replace(startHighlight, '').replace(endHighlight, ''),
|
|
3839
|
+
label: title === null || title === void 0 ? void 0 : title.replace(startHighlight, '').replace(endHighlight, '')
|
|
3840
|
+
};
|
|
3841
|
+
this.selectOption(option);
|
|
3842
|
+
}
|
|
3843
|
+
scrollToOption(opt) {
|
|
3844
|
+
window.requestAnimationFrame(() => {
|
|
3845
|
+
const liElem = (opt === null || opt === void 0 ? void 0 : opt.value)
|
|
3846
|
+
? this._optionsList.querySelector(`div#item_${opt.value.replace(/([ #;&,.+*~':"!^$[\]()=<>|/\\])/g, '\\$1')}`)
|
|
3847
|
+
: undefined;
|
|
3848
|
+
if (liElem) {
|
|
3849
|
+
liElem.scrollIntoView({ behavior: "smooth", block: "nearest" });
|
|
3850
|
+
}
|
|
3851
|
+
});
|
|
3852
|
+
}
|
|
3853
|
+
buildItem(opt, index) {
|
|
3854
|
+
opt.label = opt.label || opt.value;
|
|
3855
|
+
const card = {
|
|
3856
|
+
key: opt.value,
|
|
3857
|
+
title: opt.label,
|
|
3858
|
+
details: opt.details
|
|
3859
|
+
};
|
|
3860
|
+
return h("div", { style: { "height": "100%" }, class: index === this.preSelection ? "item preselected" : "item", id: `item_${opt.value}`, onMouseDown: () => this.createOption(card), onMouseOver: () => this.changePreSelection.emit(index) }, h("ez-card-item", { item: card, compacted: true, enableKey: this.showOptionValue }));
|
|
3861
|
+
}
|
|
3862
|
+
componentDidLoad() {
|
|
3863
|
+
if (this._optionsList) {
|
|
3864
|
+
this._optionsList.style.maxHeight = `${this.MAX_HEIGHT}px`;
|
|
3865
|
+
}
|
|
3866
|
+
}
|
|
3867
|
+
componentDidUpdate() {
|
|
3868
|
+
if (this._optionsList) {
|
|
3869
|
+
const rect = this._optionsList.getBoundingClientRect();
|
|
3870
|
+
const spaceBelow = window.innerHeight - rect.bottom;
|
|
3871
|
+
if (spaceBelow < 0) {
|
|
3872
|
+
this.adjustMaxHeight(rect);
|
|
3873
|
+
}
|
|
3874
|
+
}
|
|
3875
|
+
}
|
|
3876
|
+
adjustMaxHeight(rect) {
|
|
3877
|
+
if (this._optionsList) {
|
|
3878
|
+
const spaceAbove = rect.top - this.HEADER_MENU_HEIGHT;
|
|
3879
|
+
const maxHeight = this.MAX_HEIGHT;
|
|
3880
|
+
const height = Math.min(spaceAbove, maxHeight);
|
|
3881
|
+
this._optionsList.style.maxHeight = `${height}px`;
|
|
3882
|
+
}
|
|
3883
|
+
}
|
|
3884
|
+
cleanEmptyObjectArray(arr) {
|
|
3885
|
+
return arr.filter(item => ((item === null || item === void 0 ? void 0 : item.value) !== undefined));
|
|
3886
|
+
}
|
|
3887
|
+
render() {
|
|
3888
|
+
return (h(Host, null, h("ul", { class: "list-options", ref: elem => this._optionsList = elem }, !this.showLoading
|
|
3889
|
+
&& this.cleanEmptyObjectArray(this.visibleOptions).length === 0
|
|
3890
|
+
&& h("div", { class: "message" }, h("span", { class: "message__no-result" }, this.textEmptyList)), this.showLoading
|
|
3891
|
+
&& h("div", { class: "message" }, h("div", { class: "message__loading" })), this.canShowListOptions && this.visibleOptions.map((opt, index) => this.buildItem(opt, index)))));
|
|
3892
|
+
}
|
|
3893
|
+
static get style() { return classicSearchListCss; }
|
|
3894
|
+
};
|
|
3895
|
+
|
|
3723
3896
|
// Unique ID creation requires a high quality random # generator. In the browser we therefore
|
|
3724
3897
|
// require the crypto API and do not support built-in fallback to lower quality random number
|
|
3725
3898
|
// generators (like Math.random()).
|
|
@@ -4662,8 +4835,8 @@ class DataBinder {
|
|
|
4662
4835
|
}
|
|
4663
4836
|
}
|
|
4664
4837
|
bindSearchOptionsLoader(fieldName, field) {
|
|
4665
|
-
if ((field.nodeName === "EZ-SEARCH" || field.nodeName === "EZ-SEARCH-PLUS") && field["optionLoader"] == undefined) {
|
|
4666
|
-
const isSearchPlus = field.nodeName === "EZ-SEARCH-PLUS";
|
|
4838
|
+
if ((field.nodeName === "EZ-SEARCH" || field.nodeName === "EZ-CLASSIC-SEARCH" || field.nodeName === "EZ-SEARCH-PLUS" || field.nodeName === "EZ-CLASSIC-SEARCH-PLUS") && field["optionLoader"] == undefined) {
|
|
4839
|
+
const isSearchPlus = (field.nodeName === "EZ-SEARCH-PLUS" || field.nodeName === "EZ-CLASSIC-SEARCH-PLUS");
|
|
4667
4840
|
const loader = isSearchPlus ? ApplicationContext.getContextValue("__EZUI__SEARCH__PLUS__OPTION__LOADER__") : ApplicationContext.getContextValue("__EZUI__SEARCH__OPTION__LOADER__");
|
|
4668
4841
|
if (loader) {
|
|
4669
4842
|
field["optionLoader"] = (arg, ctxOptions) => {
|
|
@@ -4800,7 +4973,9 @@ var SearchMode$1;
|
|
|
4800
4973
|
var FormLayout;
|
|
4801
4974
|
(function (FormLayout) {
|
|
4802
4975
|
FormLayout[FormLayout["CASCADE"] = 0] = "CASCADE";
|
|
4803
|
-
FormLayout[FormLayout["
|
|
4976
|
+
FormLayout[FormLayout["CLASSIC_CASCADE"] = 1] = "CLASSIC_CASCADE";
|
|
4977
|
+
FormLayout[FormLayout["SIDE_BY_SIDE"] = 2] = "SIDE_BY_SIDE";
|
|
4978
|
+
FormLayout[FormLayout["CLASSIC_SIDE_BY_SIDE"] = 3] = "CLASSIC_SIDE_BY_SIDE";
|
|
4804
4979
|
})(FormLayout || (FormLayout = {}));
|
|
4805
4980
|
|
|
4806
4981
|
const SHORTCUT_SEARCH_FIELD = "ctrl+f";
|
|
@@ -6824,7 +6999,7 @@ const EzChip$1 = class extends HTMLElement$1 {
|
|
|
6824
6999
|
static get style() { return ezChipCss; }
|
|
6825
7000
|
};
|
|
6826
7001
|
|
|
6827
|
-
const ezClassicComboBoxCss = ":host{display:block;box-sizing:border-box;font-family:var(--font--pattern, 'Roboto', Arial, sans-serif);font-size:var(--font-size--default, 14px);color:var(--color--gray-500, #494A4E);--ez-classic-combo-box-highlighted-bg-color:var(--color--gray-90, #EAEAEA);--ez-classic-combo-box-max-height:180px;--ez-classic-combo-box-list-bg-color:var(--color--gray-70, #FFFFFF);--ez-classic-combo-box-item-hover-bg-color:var(--color--gray-100, #DEDEDE);--ez-classic-combo-box-selected-bg-color:var(--color--ocean-green-90, #E6F3EF);--ez-classic-combo-box-selected-text-color:var(--color--ocean-green-600, #008561);--ez-classic-combo-box-selected-font-weight:var(--font-weight--medium, 500);--ez-classic-combo-box-item-padding:var(--space--8, 8px) var(--space--4, 4px);--ez-classic-combo-box-item-border-radius:var(--border--radius-8, 8px);--ez-classic-combo-box-list-margin:var(--space--6, 6px);--ez-classic-combo-box-transition-duration:150ms;--ez-classic-combo-box-scrollbar-color:var(--color--gray-300, #C4C4C4);--ez-classic-combo-box-no-results-margin:var(--space--52, 52px) 0;--ez-classic-combo-box-item-text-color:inherit;--ez-classic-combo-box-item-min-height:auto}ul{list-style:none;padding:0;margin:var(--ez-classic-combo-box-list-margin);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ez-classic-combo-box-scrollbar-color) transparent;max-height:var(--ez-classic-combo-box-max-height);scroll-behavior:smooth;background-color:var(--ez-classic-combo-box-list-bg-color)}li{cursor:pointer;border-radius:var(--ez-classic-combo-box-item-border-radius);padding:var(--ez-classic-combo-box-item-padding);transition:var(--ez-classic-combo-box-transition-duration) background-color linear;color:var(--ez-classic-combo-box-item-text-color);min-height:var(--ez-classic-combo-box-item-min-height)}li:hover{background-color:var(--ez-classic-combo-box-item-hover-bg-color)}li.highlighted{background-color:var(--ez-classic-combo-box-highlighted-bg-color)}li.selected{background-color:var(--ez-classic-combo-box-selected-bg-color);color:var(--ez-classic-combo-box-selected-text-color);font-weight:var(--ez-classic-combo-box-selected-font-weight)}span.no-results{margin:var(--ez-classic-combo-box-no-results-margin);cursor:default;text-align:center;display:flex;align-items:center;justify-content:center}";
|
|
7002
|
+
const ezClassicComboBoxCss = ":host{display:block;box-sizing:border-box;font-family:var(--font--pattern, 'Roboto', Arial, sans-serif);font-size:var(--font-size--default, 14px);color:var(--color--gray-500, #494A4E);--ez-classic-combo-box-highlighted-bg-color:var(--color--gray-90, #EAEAEA);--ez-classic-combo-box-max-height:180px;--ez-classic-combo-box-list-bg-color:var(--color--gray-70, #FFFFFF);--ez-classic-combo-box-item-hover-bg-color:var(--color--gray-100, #DEDEDE);--ez-classic-combo-box-selected-bg-color:var(--color--ocean-green-90, #E6F3EF);--ez-classic-combo-box-selected-text-color:var(--color--ocean-green-600, #008561);--ez-classic-combo-box-selected-font-weight:var(--font-weight--medium, 500);--ez-classic-combo-box-item-padding:var(--space--8, 8px) var(--space--4, 4px);--ez-classic-combo-box-item-border-radius:var(--border--radius-8, 8px);--ez-classic-combo-box-list-margin:var(--space--6, 6px);--ez-classic-combo-box-transition-duration:150ms;--ez-classic-combo-box-scrollbar-color:var(--color--gray-300, #C4C4C4);--ez-classic-combo-box-no-results-margin:var(--space--52, 52px) 0;--ez-classic-combo-box-item-text-color:inherit;--ez-classic-combo-box-item-min-height:auto;--ez-classic-combo-box-width:100%;width:var(--ez-classic-combo-box-width)}ul{list-style:none;padding:0;margin:var(--ez-classic-combo-box-list-margin);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--ez-classic-combo-box-scrollbar-color) transparent;max-height:var(--ez-classic-combo-box-max-height);scroll-behavior:smooth;background-color:var(--ez-classic-combo-box-list-bg-color)}li{cursor:pointer;border-radius:var(--ez-classic-combo-box-item-border-radius);padding:var(--ez-classic-combo-box-item-padding);transition:var(--ez-classic-combo-box-transition-duration) background-color linear;color:var(--ez-classic-combo-box-item-text-color);min-height:var(--ez-classic-combo-box-item-min-height)}li:hover{background-color:var(--ez-classic-combo-box-item-hover-bg-color)}li.highlighted{background-color:var(--ez-classic-combo-box-highlighted-bg-color)}li.selected{background-color:var(--ez-classic-combo-box-selected-bg-color);color:var(--ez-classic-combo-box-selected-text-color);font-weight:var(--ez-classic-combo-box-selected-font-weight)}span.no-results{margin:var(--ez-classic-combo-box-no-results-margin);cursor:default;text-align:center;display:flex;align-items:center;justify-content:center}";
|
|
6828
7003
|
|
|
6829
7004
|
const EzClassicComboBox$1 = class extends HTMLElement$1 {
|
|
6830
7005
|
constructor() {
|
|
@@ -6847,9 +7022,11 @@ const EzClassicComboBox$1 = class extends HTMLElement$1 {
|
|
|
6847
7022
|
this.label = undefined;
|
|
6848
7023
|
this.placeholder = undefined;
|
|
6849
7024
|
this.enabled = true;
|
|
7025
|
+
this.required = false;
|
|
6850
7026
|
this.readonly = false;
|
|
6851
7027
|
this.name = undefined;
|
|
6852
7028
|
this.state = "default";
|
|
7029
|
+
this.size = "default";
|
|
6853
7030
|
this.helpText = undefined;
|
|
6854
7031
|
this.iconName = undefined;
|
|
6855
7032
|
this.titleIcon = undefined;
|
|
@@ -6894,9 +7071,23 @@ const EzClassicComboBox$1 = class extends HTMLElement$1 {
|
|
|
6894
7071
|
this.popoverVisible = false;
|
|
6895
7072
|
await ((_a = this._popoverElem) === null || _a === void 0 ? void 0 : _a.hide());
|
|
6896
7073
|
}
|
|
7074
|
+
getFullOption(option) {
|
|
7075
|
+
if (typeof option === 'string') {
|
|
7076
|
+
return this.options.find(opt => opt.value === option);
|
|
7077
|
+
}
|
|
7078
|
+
return option;
|
|
7079
|
+
}
|
|
7080
|
+
getOptionValue(option) {
|
|
7081
|
+
if (!option) {
|
|
7082
|
+
return null;
|
|
7083
|
+
}
|
|
7084
|
+
if (typeof option === 'string') {
|
|
7085
|
+
return option;
|
|
7086
|
+
}
|
|
7087
|
+
return option.value;
|
|
7088
|
+
}
|
|
6897
7089
|
compareOptionValues(option1, option2) {
|
|
6898
|
-
|
|
6899
|
-
return JSON.stringify((_a = option1 === null || option1 === void 0 ? void 0 : option1.value) !== null && _a !== void 0 ? _a : null) === JSON.stringify((_b = option2 === null || option2 === void 0 ? void 0 : option2.value) !== null && _b !== void 0 ? _b : null);
|
|
7090
|
+
return this.getOptionValue(option1) === this.getOptionValue(option2);
|
|
6900
7091
|
}
|
|
6901
7092
|
setEmptyValue() {
|
|
6902
7093
|
this.value = null;
|
|
@@ -6912,10 +7103,11 @@ const EzClassicComboBox$1 = class extends HTMLElement$1 {
|
|
|
6912
7103
|
await this.hidePopover();
|
|
6913
7104
|
return;
|
|
6914
7105
|
}
|
|
6915
|
-
if (!option
|
|
7106
|
+
if (!this.getOptionValue(option)) {
|
|
6916
7107
|
this.setEmptyValue();
|
|
6917
7108
|
}
|
|
6918
7109
|
else {
|
|
7110
|
+
option = this.getFullOption(option);
|
|
6919
7111
|
this.value = option;
|
|
6920
7112
|
this.inputValue = option.label;
|
|
6921
7113
|
}
|
|
@@ -6925,9 +7117,13 @@ const EzClassicComboBox$1 = class extends HTMLElement$1 {
|
|
|
6925
7117
|
async optionsChanged() {
|
|
6926
7118
|
this.filterOptions('');
|
|
6927
7119
|
}
|
|
6928
|
-
async valueChanged(newValue) {
|
|
7120
|
+
async valueChanged(newValue, oldValue) {
|
|
7121
|
+
if (this.compareOptionValues(newValue, oldValue)) {
|
|
7122
|
+
return;
|
|
7123
|
+
}
|
|
6929
7124
|
if (newValue) {
|
|
6930
|
-
this.
|
|
7125
|
+
this.value = this.getFullOption(newValue);
|
|
7126
|
+
this.inputValue = this.value.label;
|
|
6931
7127
|
this.setHighlightedIndexToValue();
|
|
6932
7128
|
}
|
|
6933
7129
|
else {
|
|
@@ -6961,12 +7157,12 @@ const EzClassicComboBox$1 = class extends HTMLElement$1 {
|
|
|
6961
7157
|
this.filterOptions(this.inputValue);
|
|
6962
7158
|
}
|
|
6963
7159
|
async handleEzBlur(event) {
|
|
6964
|
-
var _a, _b;
|
|
6965
7160
|
event.stopPropagation();
|
|
6966
|
-
|
|
6967
|
-
|
|
7161
|
+
const optionValue = this.getFullOption(this.value);
|
|
7162
|
+
if ((optionValue === null || optionValue === void 0 ? void 0 : optionValue.label) !== this.inputValue) {
|
|
7163
|
+
this.inputValue = (optionValue === null || optionValue === void 0 ? void 0 : optionValue.label) || '';
|
|
6968
7164
|
}
|
|
6969
|
-
this.ezBlur.emit(
|
|
7165
|
+
this.ezBlur.emit(optionValue);
|
|
6970
7166
|
}
|
|
6971
7167
|
filterOptions(searchTerm) {
|
|
6972
7168
|
if (!this.options) {
|
|
@@ -7067,7 +7263,7 @@ const EzClassicComboBox$1 = class extends HTMLElement$1 {
|
|
|
7067
7263
|
}
|
|
7068
7264
|
setHighlightedIndexToValue() {
|
|
7069
7265
|
if (this.value && this.filteredOptions) {
|
|
7070
|
-
const index = this.filteredOptions.findIndex(opt => opt.value === this.
|
|
7266
|
+
const index = this.filteredOptions.findIndex(opt => opt.value === this.getOptionValue(this.value));
|
|
7071
7267
|
if (index >= 0) {
|
|
7072
7268
|
this.highlightedIndex = index;
|
|
7073
7269
|
return;
|
|
@@ -7118,17 +7314,17 @@ const EzClassicComboBox$1 = class extends HTMLElement$1 {
|
|
|
7118
7314
|
this.addInfoId();
|
|
7119
7315
|
this.checkSlotContent();
|
|
7120
7316
|
if (this.value) {
|
|
7121
|
-
this.inputValue = this.value.label;
|
|
7317
|
+
this.inputValue = this.getFullOption(this.value).label;
|
|
7122
7318
|
this.setHighlightedIndexToValue();
|
|
7123
7319
|
}
|
|
7124
7320
|
}
|
|
7125
7321
|
render() {
|
|
7126
7322
|
var _a;
|
|
7127
|
-
return (h(Host, null, h("ez-classic-input", { ref: ref => this._inputElem = ref, name: this.name, label: this.label, placeholder: this.placeholder, value: this.inputValue, state: this.state, enabled: this.enabled, readonly: this.readonly || this.suppressSearch, leftIconName: this.iconName, leftIconTooltip: this.titleIcon, leftIconClickable: this.iconClickable, rightIconClickable: true, helpText: this.helpText, rightIconName: this.popoverVisible ? 'chevron-up' : 'chevron-down', onIconClick: this.handleIconClick.bind(this), onEzChange: this.handleEzChange.bind(this), onEzFocus: this.showPopover.bind(this), onEzBlur: this.handleEzBlur.bind(this) }), h("ez-popover-core", { ref: ref => this._popoverElem = ref, useAnchorSize: true, onEzVisibilityChange: this.handleVisibilityChange.bind(this), overlayType: "none", options: { verticalGap: 2, horizontalGap: 0 }, autoClose: false }, h("slot", { onSlotchange: this.checkSlotContent.bind(this) }), !this.hasSlotContent && (((_a = this.filteredOptions) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (h("ul", { ref: ref => this._listElem = ref, tabIndex: -1 }, this.filteredOptions.map((option, index) => {
|
|
7128
|
-
var _a
|
|
7323
|
+
return (h(Host, null, h("ez-classic-input", { ref: ref => this._inputElem = ref, name: this.name, label: this.label, placeholder: this.placeholder, value: this.inputValue, state: this.state, enabled: this.enabled, required: this.required, size: this.size, readonly: this.readonly || this.suppressSearch, leftIconName: this.iconName, leftIconTooltip: this.titleIcon, leftIconClickable: this.iconClickable, rightIconClickable: true, helpText: this.helpText, rightIconName: this.popoverVisible ? 'chevron-up' : 'chevron-down', onIconClick: this.handleIconClick.bind(this), onEzChange: this.handleEzChange.bind(this), onEzFocus: this.showPopover.bind(this), onEzBlur: this.handleEzBlur.bind(this) }), h("ez-popover-core", { ref: ref => this._popoverElem = ref, useAnchorSize: true, onEzVisibilityChange: this.handleVisibilityChange.bind(this), overlayType: "none", options: { verticalGap: 2, horizontalGap: 0 }, autoClose: false }, h("slot", { onSlotchange: this.checkSlotContent.bind(this) }), !this.hasSlotContent && (((_a = this.filteredOptions) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (h("ul", { ref: ref => this._listElem = ref, tabIndex: -1 }, this.filteredOptions.map((option, index) => {
|
|
7324
|
+
var _a;
|
|
7129
7325
|
return (h("li", { key: (_a = option.value) !== null && _a !== void 0 ? _a : '__empty__', value: option.value, class: {
|
|
7130
7326
|
'highlighted': this.highlightedIndex === index,
|
|
7131
|
-
'selected': (
|
|
7327
|
+
'selected': this.getOptionValue(this.value) === option.value
|
|
7132
7328
|
}, onMouseDown: () => this.selectOption(option) }, option.label));
|
|
7133
7329
|
}))) : (h("span", { class: "no-results" }, "Nenhum resultado encontrado"))))));
|
|
7134
7330
|
}
|
|
@@ -7140,336 +7336,2215 @@ const EzClassicComboBox$1 = class extends HTMLElement$1 {
|
|
|
7140
7336
|
static get style() { return ezClassicComboBoxCss; }
|
|
7141
7337
|
};
|
|
7142
7338
|
|
|
7143
|
-
|
|
7144
|
-
|
|
7145
|
-
|
|
7146
|
-
|
|
7147
|
-
|
|
7148
|
-
|
|
7149
|
-
|
|
7150
|
-
|
|
7151
|
-
|
|
7152
|
-
|
|
7153
|
-
|
|
7339
|
+
const ezClassicDateInputCss = ":host{display:block;width:100%;--ez-classic-date-input__input--background-color:var(--background--medium, #e0e0e0);--ez-classic-date-input__input--border-color:var(--ez-classic-date-input__input--background-color);--ez-classic-date-input__calendar-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"15px\"><path d=\"M 3.171875,5.25 C 2.6485088,5.25 2.21875,5.6797588 2.21875,6.203125 2.21875,6.7264912 2.6485088,7.15625 3.171875,7.15625 3.6952412,7.15625 4.125,6.7264912 4.125,6.203125 4.125,5.6797588 3.6952412,5.25 3.171875,5.25 Z m 2.875,0 C 5.5235088,5.25 5.09375,5.6797588 5.09375,6.203125 5.09375,6.7264912 5.5235088,7.15625 6.046875,7.15625 6.5702412,7.15625 7,6.7264912 7,6.203125 7,5.6797588 6.5702412,5.25 6.046875,5.25 Z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.9511719,-0.4297588 0.9511719,-0.953125 C 9.8730469,5.6797588 9.4452412,5.25 8.921875,5.25 Z m 2.873047,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.953125 0.953125,0.953125 0.523366,0 0.953125,-0.4297588 0.953125,-0.953125 C 12.748047,5.6797588 12.318288,5.25 11.794922,5.25 Z M 3.171875,8.1230469 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 0.5233662,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 C 6.5702412,10.029297 7,9.5995381 7,9.0761719 7,8.5528057 6.5702412,8.1230469 6.046875,8.1230469 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297587,0.9531251 0.953125,0.9531251 0.5233661,0 0.9531249,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.9531251 0.953125,0.9531251 0.523367,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.171875,10.998047 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 C 6.5702412,12.904297 7,12.474538 7,11.951172 7,11.427806 6.5702412,10.998047 6.046875,10.998047 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297587,0.953125 0.953125,0.953125 0.5233661,0 0.9531249,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.429759,0.953125 0.953125,0.953125 0.523367,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.5,0 c -0.554,0 -1,0.446 -1,1 v 0.050781 C 1.0853217,1.2909766 0,2.5186658 0,4 v 9 c 0,1.652487 1.3475134,3 3,3 h 9 c 1.652487,0 3,-1.347513 3,-3 V 4 C 15,2.5186658 13.914678,1.2909766 12.5,1.0507812 V 1 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 C 4.5,0.446 4.054,0 3.5,0 Z m 1,2.0996094 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 v -0.640625 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 V 2.1738281 C 13.311725,2.3905225 13.900391,3.11278 13.900391,4 v 9 c 0,1.062113 -0.838278,1.900391 -1.900391,1.900391 H 3 C 1.9378864,14.900391 1.0996094,14.062113 1.0996094,13 V 4 C 1.0996094,3.11278 1.6882747,2.3905225 2.5,2.1738281 v 0.5664063 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 z\"/></svg>')}.btn-open-cal{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-cal:disabled{cursor:not-allowed}.btn-open-cal::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:15px;height:16px;-webkit-mask-image:var(--ez-classic-date-input__calendar-image);mask-image:var(--ez-classic-date-input__calendar-image)}.btn-open-cal:disabled:after{background-color:var(--text--disable, #AFB6C0)}.btn-open-cal:enabled:hover::after{background-color:var(--color--primary, #4e4e4e)}ez-classic-input{--text-input__input--background-color:var(--ez-classic-date-input__input--background-color, #FFFFFF);--text-input__input--border-color:var(--ez-classic-date-input__input--border-color, #DCE0E8)}";
|
|
7340
|
+
|
|
7341
|
+
const EzClassicDateInput$1 = class extends HTMLElement$1 {
|
|
7342
|
+
constructor() {
|
|
7343
|
+
super();
|
|
7344
|
+
this.__registerHost();
|
|
7345
|
+
this.__attachShadow();
|
|
7346
|
+
this.ezChange = createEvent(this, "ezChange", 7);
|
|
7347
|
+
this.ezStartChange = createEvent(this, "ezStartChange", 7);
|
|
7348
|
+
this.ezCancelWaitingChange = createEvent(this, "ezCancelWaitingChange", 7);
|
|
7349
|
+
this.ezInput = createEvent(this, "ezInput", 7);
|
|
7350
|
+
this._changePending = false;
|
|
7351
|
+
this._focused = false;
|
|
7352
|
+
this._valuePromiseCallbacks = [];
|
|
7353
|
+
this.label = undefined;
|
|
7354
|
+
this.value = undefined;
|
|
7355
|
+
this.enabled = true;
|
|
7356
|
+
this.errorMessage = undefined;
|
|
7357
|
+
this.mode = "regular";
|
|
7358
|
+
this.size = "default";
|
|
7359
|
+
this.required = false;
|
|
7360
|
+
this.canShowError = true;
|
|
7361
|
+
this.autoFocus = false;
|
|
7362
|
+
this.alternativePlaceholder = undefined;
|
|
7154
7363
|
}
|
|
7155
|
-
|
|
7156
|
-
|
|
7157
|
-
|
|
7158
|
-
* @returns String formatada
|
|
7159
|
-
*/
|
|
7160
|
-
format(value) {
|
|
7161
|
-
if (!value || !this.mask)
|
|
7162
|
-
return value;
|
|
7163
|
-
const cleanedValue = this.removeIncompatibleChars(value);
|
|
7164
|
-
let formattedValue = '';
|
|
7165
|
-
let valueIndex = 0;
|
|
7166
|
-
let maskIndex = 0;
|
|
7167
|
-
while (maskIndex < this.mask.length && valueIndex < cleanedValue.length) {
|
|
7168
|
-
const maskChar = this.mask[maskIndex];
|
|
7169
|
-
const inputChar = cleanedValue[valueIndex];
|
|
7170
|
-
if (maskChar === "'") {
|
|
7171
|
-
maskIndex++;
|
|
7172
|
-
if (maskIndex < this.mask.length) {
|
|
7173
|
-
formattedValue += this.mask[maskIndex];
|
|
7174
|
-
maskIndex++;
|
|
7175
|
-
}
|
|
7176
|
-
continue;
|
|
7177
|
-
}
|
|
7178
|
-
if (this.maskChars[maskChar]) {
|
|
7179
|
-
if (this.maskChars[maskChar](inputChar)) {
|
|
7180
|
-
if (maskChar === 'U') {
|
|
7181
|
-
formattedValue += inputChar.toUpperCase();
|
|
7182
|
-
}
|
|
7183
|
-
else if (maskChar === 'L') {
|
|
7184
|
-
formattedValue += inputChar.toLowerCase();
|
|
7185
|
-
}
|
|
7186
|
-
else {
|
|
7187
|
-
formattedValue += inputChar;
|
|
7188
|
-
}
|
|
7189
|
-
valueIndex++;
|
|
7190
|
-
}
|
|
7191
|
-
else {
|
|
7192
|
-
valueIndex++;
|
|
7193
|
-
continue;
|
|
7194
|
-
}
|
|
7195
|
-
}
|
|
7196
|
-
else {
|
|
7197
|
-
formattedValue += maskChar;
|
|
7198
|
-
if (inputChar === maskChar) {
|
|
7199
|
-
valueIndex++;
|
|
7200
|
-
}
|
|
7201
|
-
}
|
|
7202
|
-
maskIndex++;
|
|
7364
|
+
observeLabel() {
|
|
7365
|
+
if (this._textInput) {
|
|
7366
|
+
this._textInput.label = this.label;
|
|
7203
7367
|
}
|
|
7204
|
-
return formattedValue;
|
|
7205
7368
|
}
|
|
7206
|
-
|
|
7207
|
-
|
|
7208
|
-
|
|
7209
|
-
|
|
7210
|
-
|
|
7211
|
-
|
|
7212
|
-
const char = value[i];
|
|
7213
|
-
let isValidChar = false;
|
|
7214
|
-
for (const maskRule in this.maskChars) {
|
|
7215
|
-
if (this.maskChars[maskRule](char)) {
|
|
7216
|
-
isValidChar = true;
|
|
7217
|
-
break;
|
|
7218
|
-
}
|
|
7219
|
-
}
|
|
7220
|
-
if (!isValidChar) {
|
|
7221
|
-
for (let j = 0; j < this.mask.length; j++) {
|
|
7222
|
-
if (this.mask[j] === char && !this.maskChars[this.mask[j]]) {
|
|
7223
|
-
isValidChar = true;
|
|
7224
|
-
break;
|
|
7225
|
-
}
|
|
7226
|
-
}
|
|
7227
|
-
}
|
|
7228
|
-
if (isValidChar) {
|
|
7229
|
-
cleanValue += char;
|
|
7369
|
+
observeErrorMessage() {
|
|
7370
|
+
var _a;
|
|
7371
|
+
if (this._textInput) {
|
|
7372
|
+
this._textInput.errorMessage = this.errorMessage;
|
|
7373
|
+
if (!((_a = this.errorMessage) === null || _a === void 0 ? void 0 : _a.trim())) {
|
|
7374
|
+
this.setInputValue();
|
|
7230
7375
|
}
|
|
7231
7376
|
}
|
|
7232
|
-
return cleanValue;
|
|
7233
7377
|
}
|
|
7234
|
-
|
|
7235
|
-
|
|
7236
|
-
|
|
7237
|
-
|
|
7238
|
-
|
|
7239
|
-
|
|
7240
|
-
|
|
7241
|
-
|
|
7242
|
-
|
|
7243
|
-
|
|
7244
|
-
|
|
7245
|
-
while (valueIndex < formattedValue.length && maskIndex < this.mask.length) {
|
|
7246
|
-
const maskChar = this.mask[maskIndex];
|
|
7247
|
-
const inputChar = formattedValue[valueIndex];
|
|
7248
|
-
if (maskChar === "'") {
|
|
7249
|
-
maskIndex++;
|
|
7250
|
-
if (maskIndex < this.mask.length) {
|
|
7251
|
-
if (inputChar === this.mask[maskIndex]) {
|
|
7252
|
-
valueIndex++;
|
|
7253
|
-
}
|
|
7254
|
-
maskIndex++;
|
|
7255
|
-
}
|
|
7256
|
-
continue;
|
|
7257
|
-
}
|
|
7258
|
-
if (this.maskChars[maskChar]) {
|
|
7259
|
-
if (this.maskChars[maskChar](inputChar)) {
|
|
7260
|
-
cleanValue += inputChar;
|
|
7261
|
-
}
|
|
7262
|
-
valueIndex++;
|
|
7263
|
-
}
|
|
7264
|
-
else {
|
|
7265
|
-
if (inputChar === maskChar) {
|
|
7266
|
-
valueIndex++;
|
|
7378
|
+
observeValue(newValue, oldValue) {
|
|
7379
|
+
if (this._textInput && newValue != oldValue) {
|
|
7380
|
+
const newValueValidated = DateUtils$1.validateDate(newValue);
|
|
7381
|
+
const oldValueValidated = DateUtils$1.validateDate(oldValue);
|
|
7382
|
+
if ((newValueValidated === null || newValueValidated === void 0 ? void 0 : newValueValidated.getTime()) !== (oldValueValidated === null || oldValueValidated === void 0 ? void 0 : oldValueValidated.getTime())) {
|
|
7383
|
+
const textValue = this.getTextValue(newValueValidated) || '';
|
|
7384
|
+
const parsedDate = DateUtils$1.strToDate(textValue);
|
|
7385
|
+
if ((parsedDate || !this._focused) && (this._textInput.value || '') !== textValue) {
|
|
7386
|
+
this._textInput.value = textValue;
|
|
7387
|
+
this._focused = false;
|
|
7388
|
+
this.errorMessage = "";
|
|
7267
7389
|
}
|
|
7390
|
+
const valueEmitted = newValueValidated === null ? undefined : newValueValidated;
|
|
7391
|
+
this.ezChange.emit(valueEmitted);
|
|
7268
7392
|
}
|
|
7269
|
-
maskIndex++;
|
|
7270
|
-
}
|
|
7271
|
-
while (valueIndex < formattedValue.length) {
|
|
7272
|
-
const remainingChar = formattedValue[valueIndex];
|
|
7273
|
-
if (/[a-zA-Z0-9]/.test(remainingChar)) {
|
|
7274
|
-
cleanValue += remainingChar;
|
|
7275
|
-
}
|
|
7276
|
-
valueIndex++;
|
|
7277
7393
|
}
|
|
7278
|
-
|
|
7394
|
+
this._changePending = false;
|
|
7279
7395
|
}
|
|
7280
7396
|
/**
|
|
7281
|
-
*
|
|
7397
|
+
* Aplica o foco no campo.
|
|
7282
7398
|
*/
|
|
7283
|
-
|
|
7284
|
-
|
|
7399
|
+
async setFocus(options) {
|
|
7400
|
+
this._textInput.setFocus(options);
|
|
7285
7401
|
}
|
|
7286
7402
|
/**
|
|
7287
|
-
*
|
|
7288
|
-
* @returns String com placeholder gerado
|
|
7403
|
+
* Remove o foco do campo.
|
|
7289
7404
|
*/
|
|
7290
|
-
|
|
7291
|
-
|
|
7292
|
-
return '';
|
|
7293
|
-
let placeholder = '';
|
|
7294
|
-
let maskIndex = 0;
|
|
7295
|
-
while (maskIndex < this.mask.length) {
|
|
7296
|
-
const maskChar = this.mask[maskIndex];
|
|
7297
|
-
if (maskChar === "'") {
|
|
7298
|
-
maskIndex++;
|
|
7299
|
-
if (maskIndex < this.mask.length) {
|
|
7300
|
-
placeholder += this.mask[maskIndex];
|
|
7301
|
-
maskIndex++;
|
|
7302
|
-
}
|
|
7303
|
-
continue;
|
|
7304
|
-
}
|
|
7305
|
-
if (this.maskChars[maskChar]) {
|
|
7306
|
-
switch (maskChar) {
|
|
7307
|
-
case '#':
|
|
7308
|
-
placeholder += '0';
|
|
7309
|
-
break;
|
|
7310
|
-
case 'U':
|
|
7311
|
-
case 'L':
|
|
7312
|
-
case '?':
|
|
7313
|
-
placeholder += 'A';
|
|
7314
|
-
break;
|
|
7315
|
-
case 'A':
|
|
7316
|
-
placeholder += 'A';
|
|
7317
|
-
break;
|
|
7318
|
-
case '~':
|
|
7319
|
-
placeholder += '0';
|
|
7320
|
-
break;
|
|
7321
|
-
case '*':
|
|
7322
|
-
placeholder += '_';
|
|
7323
|
-
break;
|
|
7324
|
-
default:
|
|
7325
|
-
placeholder += '_';
|
|
7326
|
-
break;
|
|
7327
|
-
}
|
|
7328
|
-
}
|
|
7329
|
-
else {
|
|
7330
|
-
placeholder += maskChar;
|
|
7331
|
-
}
|
|
7332
|
-
maskIndex++;
|
|
7333
|
-
}
|
|
7334
|
-
return placeholder;
|
|
7335
|
-
}
|
|
7336
|
-
}
|
|
7337
|
-
|
|
7338
|
-
const ezClassicInputCss = ":host{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;font-family:var(--font--pattern, Arial, sans-serif);font-size:var(--font-size--default, 14px);color:var(--color--ocean-green-1000, #00281D);border:none;padding:0;--ez-classic-input--label-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--border-color-default:var(--color--gray-200, #D2D2D3);--ez-classic-input--border-color-focus:var(--color--gray-300, #A4A5A7);--ez-classic-input--border-color-success:var(--color--green-600, #157A00);--ez-classic-input--border-color-error:var(--color--red-600, #BD0025);--ez-classic-input--border-color-warning:var(--color--yellow-600, #EFB103);--ez-classic-input--background-color:var(--color--gray-70, #FFFFFF);--ez-classic-input--background-color-disabled:var(--color--gray-90, #EAEAEA);--ez-classic-input--text-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--placeholder-color:#bdbdbd;--ez-classic-input--icon-color:var(--color--gray-400, #77777A);--ez-classic-input--helptext-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--height:56px}.input-container{display:flex;flex-direction:row;align-items:center;width:100%;border:none;border-radius:var(--border--radius-8, 8px);padding:var(--space--16, 16px);box-sizing:border-box;gap:var(--space--10, 10px);margin:var(--space--4, 4px) var(--space--2, 2px);transition:box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);height:var(--ez-classic-input--height);background-color:var(--ez-classic-input--background-color)}.input-container,.input-container[data-state=\"default\"]{box-shadow:0 0 0 1px var(--ez-classic-input--border-color-default)}.input-container[data-state=\"success\"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-success)}.input-container[data-state=\"error\"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-error)}.input-container[data-state=\"warning\"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-warning)}.input-container:focus-within{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-focus)}ez-icon{min-width:var(--space--24, 24px);color:var(--ez-classic-input--icon-color)}input{flex:1;border:none;outline:none;background:transparent;height:100%;width:100%;padding:0;font-family:var(--font--pattern, Arial, sans-serif);font-size:var(--font-size--default, 14px);color:var(--color--ocean-green-1000, #00281D);text-overflow:ellipsis;color:var(--ez-classic-input--text-color)}input::placeholder{color:var(--ez-classic-input--placeholder-color)}.input-container[data-disabled=\"true\"]{cursor:not-allowed;background:var(--ez-classic-input--background-color-disabled);border-color:var(--ez-classic-input--border-color-default)}.input-container[data-disabled=\"true\"]>*{cursor:not-allowed}.input-container input:read-only{cursor:default}@keyframes ez-helptext-fadein{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}span{font-size:var(--font-size--xsmall, 10px);line-height:var(--line-height--16, 16px);overflow:hidden;text-overflow:ellipsis;animation:ez-helptext-fadein 0.3s ease;color:var(--ez-classic-input--helptext-color)}label{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--line-height--20, 20px);color:var(--ez-classic-input--label-color)}.icon-clickable{cursor:pointer}";
|
|
7339
|
-
|
|
7340
|
-
const EzClassicInput$1 = class extends HTMLElement$1 {
|
|
7341
|
-
constructor() {
|
|
7342
|
-
super();
|
|
7343
|
-
this.__registerHost();
|
|
7344
|
-
this.__attachShadow();
|
|
7345
|
-
this.ezChange = createEvent(this, "ezChange", 7);
|
|
7346
|
-
this.ezBlur = createEvent(this, "ezBlur", 7);
|
|
7347
|
-
this.ezFocus = createEvent(this, "ezFocus", 7);
|
|
7348
|
-
this.iconClick = createEvent(this, "iconClick", 7);
|
|
7349
|
-
this._internalValueChange = false;
|
|
7350
|
-
this.type = 'text';
|
|
7351
|
-
this.value = undefined;
|
|
7352
|
-
this.label = undefined;
|
|
7353
|
-
this.helpText = undefined;
|
|
7354
|
-
this.placeholder = undefined;
|
|
7355
|
-
this.enabled = true;
|
|
7356
|
-
this.readonly = false;
|
|
7357
|
-
this.name = undefined;
|
|
7358
|
-
this.minlength = undefined;
|
|
7359
|
-
this.maxlength = undefined;
|
|
7360
|
-
this.leftIconName = undefined;
|
|
7361
|
-
this.rightIconName = undefined;
|
|
7362
|
-
this.rightIconTooltip = undefined;
|
|
7363
|
-
this.leftIconTooltip = undefined;
|
|
7364
|
-
this.state = "default";
|
|
7365
|
-
this.leftIconClickable = false;
|
|
7366
|
-
this.rightIconClickable = false;
|
|
7367
|
-
this.mask = undefined;
|
|
7368
|
-
this.emitMaskedValue = false;
|
|
7405
|
+
async setBlur() {
|
|
7406
|
+
this._textInput.setBlur();
|
|
7369
7407
|
}
|
|
7370
7408
|
/**
|
|
7371
|
-
*
|
|
7409
|
+
* Retorna se o conteúdo é inválido.
|
|
7372
7410
|
*/
|
|
7373
|
-
async
|
|
7374
|
-
|
|
7375
|
-
|
|
7411
|
+
async isInvalid() {
|
|
7412
|
+
return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
|
|
7413
|
+
}
|
|
7414
|
+
/*
|
|
7415
|
+
* Retorna uma promise com o valor da opção selecionada,
|
|
7416
|
+
* que será resolvida quando o backend devolver este dado.
|
|
7417
|
+
*/
|
|
7418
|
+
async getValueAsync() {
|
|
7419
|
+
if (this._changePending) {
|
|
7420
|
+
return new Promise(accept => {
|
|
7421
|
+
this._valuePromiseCallbacks.push(accept);
|
|
7422
|
+
});
|
|
7376
7423
|
}
|
|
7377
|
-
|
|
7378
|
-
|
|
7424
|
+
return Promise.resolve(this.value);
|
|
7425
|
+
}
|
|
7426
|
+
changeValue(newValue) {
|
|
7427
|
+
const currentValue = DateUtils$1.validateDate(this.value);
|
|
7428
|
+
const newValueValidated = DateUtils$1.validateDate(newValue);
|
|
7429
|
+
if ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.getTime()) !== (newValueValidated === null || newValueValidated === void 0 ? void 0 : newValueValidated.getTime())) {
|
|
7430
|
+
this.value = newValueValidated;
|
|
7431
|
+
}
|
|
7432
|
+
else {
|
|
7433
|
+
this._changePending = false;
|
|
7379
7434
|
}
|
|
7380
|
-
this._inputElem.focus({ preventScroll: true });
|
|
7381
7435
|
}
|
|
7382
|
-
|
|
7383
|
-
|
|
7384
|
-
|
|
7385
|
-
|
|
7386
|
-
this.
|
|
7436
|
+
async handleChangeCalendar(event) {
|
|
7437
|
+
this.changeValue(this._calendar.value);
|
|
7438
|
+
this.ezInput.emit(this._calendar.value);
|
|
7439
|
+
this._popover.hide();
|
|
7440
|
+
await this.setFocus();
|
|
7441
|
+
event.stopPropagation();
|
|
7387
7442
|
}
|
|
7388
|
-
|
|
7389
|
-
if (this.
|
|
7390
|
-
this._internalValueChange = false;
|
|
7443
|
+
handleBlur() {
|
|
7444
|
+
if (!this._changePending) {
|
|
7391
7445
|
return;
|
|
7392
7446
|
}
|
|
7393
|
-
if (this.value && this._maskFormatter && this._inputElem) {
|
|
7394
|
-
const formattedValue = this._maskFormatter.format(this.value);
|
|
7395
|
-
this._inputElem.value = formattedValue;
|
|
7396
|
-
}
|
|
7397
|
-
else if (this._inputElem) {
|
|
7398
|
-
this._inputElem.value = this.value || '';
|
|
7399
|
-
}
|
|
7400
|
-
}
|
|
7401
|
-
onInput(event) {
|
|
7402
7447
|
try {
|
|
7403
|
-
const
|
|
7404
|
-
|
|
7405
|
-
if (
|
|
7406
|
-
|
|
7407
|
-
const
|
|
7408
|
-
|
|
7409
|
-
|
|
7410
|
-
|
|
7411
|
-
|
|
7412
|
-
|
|
7448
|
+
const strValue = this._textInput.value;
|
|
7449
|
+
const newValue = DateUtils$1.strToDate(strValue);
|
|
7450
|
+
if (newValue || !strValue) {
|
|
7451
|
+
this.errorMessage = "";
|
|
7452
|
+
const currentValue = DateUtils$1.validateDate(this.value);
|
|
7453
|
+
const newValueValidated = DateUtils$1.validateDate(newValue);
|
|
7454
|
+
if ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.getTime()) === (newValueValidated === null || newValueValidated === void 0 ? void 0 : newValueValidated.getTime())) {
|
|
7455
|
+
if (newValueValidated) {
|
|
7456
|
+
this._textInput.value = this.getTextValue(newValueValidated) || '';
|
|
7457
|
+
this._focused = false;
|
|
7458
|
+
}
|
|
7459
|
+
this.ezCancelWaitingChange.emit();
|
|
7460
|
+
}
|
|
7461
|
+
else {
|
|
7462
|
+
this._focused = false;
|
|
7463
|
+
this.changeValue(newValueValidated);
|
|
7464
|
+
}
|
|
7413
7465
|
}
|
|
7414
7466
|
else {
|
|
7415
|
-
this.
|
|
7416
|
-
this.
|
|
7417
|
-
this.
|
|
7467
|
+
this.changeValue(undefined);
|
|
7468
|
+
this.ezCancelWaitingChange.emit();
|
|
7469
|
+
this.errorMessage = this.i18n("ez-classic-date-input.invalidDate");
|
|
7418
7470
|
}
|
|
7419
7471
|
}
|
|
7420
|
-
|
|
7421
|
-
|
|
7472
|
+
finally {
|
|
7473
|
+
for (const callback of this._valuePromiseCallbacks) {
|
|
7474
|
+
callback(this.value);
|
|
7475
|
+
}
|
|
7476
|
+
this._valuePromiseCallbacks = [];
|
|
7422
7477
|
}
|
|
7423
7478
|
}
|
|
7424
|
-
|
|
7425
|
-
|
|
7426
|
-
}
|
|
7427
|
-
onFocus() {
|
|
7428
|
-
this.ezFocus.emit(this.value);
|
|
7479
|
+
getTextValue(d) {
|
|
7480
|
+
return d ? DateUtils$1.formatDate(d) : undefined;
|
|
7429
7481
|
}
|
|
7430
|
-
|
|
7431
|
-
|
|
7432
|
-
|
|
7482
|
+
handleInput(event) {
|
|
7483
|
+
const strValue = this._textInput.value;
|
|
7484
|
+
const newValue = DateUtils$1.strToDate(strValue);
|
|
7485
|
+
const currentValue = DateUtils$1.validateDate(this.value);
|
|
7486
|
+
const newValueValidated = DateUtils$1.validateDate(newValue);
|
|
7487
|
+
if ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.getTime()) !== (newValueValidated === null || newValueValidated === void 0 ? void 0 : newValueValidated.getTime())) {
|
|
7488
|
+
this._changePending = true;
|
|
7489
|
+
this._focused = true;
|
|
7490
|
+
this.ezStartChange.emit({ waitmessage: "", blocking: false });
|
|
7433
7491
|
}
|
|
7434
|
-
if (
|
|
7435
|
-
|
|
7436
|
-
|
|
7492
|
+
if (event['data'] === "H" || event['data'] === "h") {
|
|
7493
|
+
const currentDate = new Date();
|
|
7494
|
+
this.ezInput.emit(currentDate);
|
|
7495
|
+
this.changeValue(currentDate);
|
|
7496
|
+
}
|
|
7497
|
+
}
|
|
7498
|
+
setInputValue() {
|
|
7499
|
+
const textValue = this.getTextValue(this.value) || '';
|
|
7500
|
+
if ((this._textInput.value || '') !== textValue) {
|
|
7501
|
+
this._textInput.value = textValue;
|
|
7502
|
+
}
|
|
7503
|
+
}
|
|
7504
|
+
disconnectedCallback() {
|
|
7505
|
+
this._popover.hide();
|
|
7506
|
+
}
|
|
7507
|
+
async componentWillLoad() {
|
|
7508
|
+
this.i18n = await initI18n();
|
|
7509
|
+
}
|
|
7510
|
+
componentDidLoad() {
|
|
7511
|
+
CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
|
|
7512
|
+
this.setInputValue();
|
|
7513
|
+
if (this.autoFocus) {
|
|
7514
|
+
requestAnimationFrame(() => {
|
|
7515
|
+
this.setFocus({ selectText: true });
|
|
7516
|
+
});
|
|
7517
|
+
}
|
|
7518
|
+
}
|
|
7519
|
+
render() {
|
|
7520
|
+
ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
|
|
7521
|
+
return (h(Host, null, h("ez-classic-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: (elem) => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: (evt) => this.handleInput(evt), restrict: "0123456789/", enabled: this.enabled, errorMessage: this.errorMessage, mode: this.mode, size: this.size, canShowError: this.canShowError, alternativePlaceholder: this.alternativePlaceholder, required: this.required, leftIconName: "calendar", leftIconClickable: this.enabled, onIconClick: () => { var _a; return (_a = this._popover) === null || _a === void 0 ? void 0 : _a.showUnder(this._textInput); }, onEzChange: (event) => event.stopPropagation() }), h("ez-popover-plus", { ref: elem => this._popover = elem, anchorElement: this._textInput, autoClose: true, boxWidth: 'fit-content', overlayType: 'none', "data-element-id": this._elem.getAttribute("data-element-id"), onEzVisibilityChange: (event) => event.stopPropagation() }, h("ez-calendar", { ref: elem => this._calendar = elem, "data-element-id": ElementIDUtils.getInternalIDInfo("calendar"), onEzChange: (event) => this.handleChangeCalendar(event), value: this.value }))));
|
|
7522
|
+
}
|
|
7523
|
+
get _elem() { return this; }
|
|
7524
|
+
static get watchers() { return {
|
|
7525
|
+
"label": ["observeLabel"],
|
|
7526
|
+
"errorMessage": ["observeErrorMessage"],
|
|
7527
|
+
"value": ["observeValue"]
|
|
7528
|
+
}; }
|
|
7529
|
+
static get style() { return ezClassicDateInputCss; }
|
|
7530
|
+
};
|
|
7531
|
+
|
|
7532
|
+
const ezClassicDateTimeInputCss = ":host{display:block;width:100%;--ez-classic-date-input__input--background-color:var(--background--medium, #e0e0e0);--ez-classic-date-input__input--border-color:var(--ez-classic-date-input__input--background-color);--ez-classic-date-input__calendar-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\" height=\"16px\" width=\"15px\"><path d=\"M 3.171875,5.25 C 2.6485088,5.25 2.21875,5.6797588 2.21875,6.203125 2.21875,6.7264912 2.6485088,7.15625 3.171875,7.15625 3.6952412,7.15625 4.125,6.7264912 4.125,6.203125 4.125,5.6797588 3.6952412,5.25 3.171875,5.25 Z m 2.875,0 C 5.5235088,5.25 5.09375,5.6797588 5.09375,6.203125 5.09375,6.7264912 5.5235088,7.15625 6.046875,7.15625 6.5702412,7.15625 7,6.7264912 7,6.203125 7,5.6797588 6.5702412,5.25 6.046875,5.25 Z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.9511719,-0.4297588 0.9511719,-0.953125 C 9.8730469,5.6797588 9.4452412,5.25 8.921875,5.25 Z m 2.873047,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.953125 0.953125,0.953125 0.523366,0 0.953125,-0.4297588 0.953125,-0.953125 C 12.748047,5.6797588 12.318288,5.25 11.794922,5.25 Z M 3.171875,8.1230469 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 0.5233662,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297588,0.9531251 0.953125,0.9531251 C 6.5702412,10.029297 7,9.5995381 7,9.0761719 7,8.5528057 6.5702412,8.1230469 6.046875,8.1230469 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.4297587,0.9531251 0.953125,0.9531251 0.5233661,0 0.9531249,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.4297588 -0.953125,0.953125 0,0.5233662 0.429759,0.9531251 0.953125,0.9531251 0.523367,0 0.953125,-0.4297589 0.953125,-0.9531251 0,-0.5233662 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.171875,10.998047 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 0.5233662,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.875,0 c -0.5233662,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297588,0.953125 0.953125,0.953125 C 6.5702412,12.904297 7,12.474538 7,11.951172 7,11.427806 6.5702412,10.998047 6.046875,10.998047 Z m 2.8554688,0 c -0.5233663,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.4297587,0.953125 0.953125,0.953125 0.5233661,0 0.9531249,-0.429759 0.953125,-0.953125 0,-0.523366 -0.4297588,-0.953125 -0.953125,-0.953125 z m 2.9003902,0 c -0.523366,0 -0.953125,0.429759 -0.953125,0.953125 0,0.523366 0.429759,0.953125 0.953125,0.953125 0.523367,0 0.953125,-0.429759 0.953125,-0.953125 0,-0.523366 -0.429758,-0.953125 -0.953125,-0.953125 z M 3.5,0 c -0.554,0 -1,0.446 -1,1 v 0.050781 C 1.0853217,1.2909766 0,2.5186658 0,4 v 9 c 0,1.652487 1.3475134,3 3,3 h 9 c 1.652487,0 3,-1.347513 3,-3 V 4 C 15,2.5186658 13.914678,1.2909766 12.5,1.0507812 V 1 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 c 0,-0.554 -0.446,-1 -1,-1 -0.554,0 -1,0.446 -1,1 h -2 C 4.5,0.446 4.054,0 3.5,0 Z m 1,2.0996094 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 v -0.640625 h 2 v 0.640625 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 V 2.1738281 C 13.311725,2.3905225 13.900391,3.11278 13.900391,4 v 9 c 0,1.062113 -0.838278,1.900391 -1.900391,1.900391 H 3 C 1.9378864,14.900391 1.0996094,14.062113 1.0996094,13 V 4 C 1.0996094,3.11278 1.6882747,2.3905225 2.5,2.1738281 v 0.5664063 c 0,0.554 0.446,1 1,1 0.554,0 1,-0.446 1,-1 z\"/></svg>')}.btn-open-cal{outline:none;border:none;background-color:unset;cursor:pointer}.btn-open-cal:disabled{cursor:not-allowed}.btn-open-cal::after{content:'';display:flex;background-color:var(--text--primary, #008561);width:15px;height:16px;-webkit-mask-image:var(--ez-classic-date-input__calendar-image);mask-image:var(--ez-classic-date-input__calendar-image)}.btn-open-cal:disabled:after{background-color:var(--text--disable, #AFB6C0)}.btn-open-cal:enabled:hover::after{background-color:var(--color--primary, #4e4e4e)}ez-classic-input{--text-input__input--background-color:var(--ez-classic-date-input__input--background-color, #FFFFFF);--text-input__input--border-color:var(--ez-classic-date-input__input--border-color, #DCE0E8)}";
|
|
7533
|
+
|
|
7534
|
+
const EzClassicDateTimeInput$1 = class extends HTMLElement$1 {
|
|
7535
|
+
constructor() {
|
|
7536
|
+
super();
|
|
7537
|
+
this.__registerHost();
|
|
7538
|
+
this.__attachShadow();
|
|
7539
|
+
this.ezChange = createEvent(this, "ezChange", 7);
|
|
7540
|
+
this.ezStartChange = createEvent(this, "ezStartChange", 7);
|
|
7541
|
+
this.ezCancelWaitingChange = createEvent(this, "ezCancelWaitingChange", 7);
|
|
7542
|
+
this._changePending = false;
|
|
7543
|
+
this._focused = false;
|
|
7544
|
+
this._valuePromiseCallbacks = [];
|
|
7545
|
+
this.label = undefined;
|
|
7546
|
+
this.value = undefined;
|
|
7547
|
+
this.enabled = true;
|
|
7548
|
+
this.errorMessage = undefined;
|
|
7549
|
+
this.showSeconds = false;
|
|
7550
|
+
this.mode = "regular";
|
|
7551
|
+
this.size = "default";
|
|
7552
|
+
this.required = false;
|
|
7553
|
+
this.canShowError = true;
|
|
7554
|
+
this.autoFocus = false;
|
|
7555
|
+
this.alternativePlaceholder = undefined;
|
|
7556
|
+
}
|
|
7557
|
+
observeLabel() {
|
|
7558
|
+
if (this._textInput) {
|
|
7559
|
+
this._textInput.label = this.label;
|
|
7560
|
+
}
|
|
7561
|
+
}
|
|
7562
|
+
observeErrorMessage() {
|
|
7563
|
+
var _a;
|
|
7564
|
+
if (this._textInput) {
|
|
7565
|
+
this._textInput.errorMessage = this.errorMessage;
|
|
7566
|
+
if (!((_a = this.errorMessage) === null || _a === void 0 ? void 0 : _a.trim())) {
|
|
7567
|
+
this.setInputValue();
|
|
7568
|
+
}
|
|
7569
|
+
}
|
|
7570
|
+
}
|
|
7571
|
+
observeValue(newValue, oldValue) {
|
|
7572
|
+
if (this._textInput && newValue != oldValue) {
|
|
7573
|
+
const newValueValidated = DateUtils$1.validateDate(newValue, true);
|
|
7574
|
+
const oldValueValidated = DateUtils$1.validateDate(oldValue, true);
|
|
7575
|
+
if ((newValueValidated === null || newValueValidated === void 0 ? void 0 : newValueValidated.getTime()) !== (oldValueValidated === null || oldValueValidated === void 0 ? void 0 : oldValueValidated.getTime())) {
|
|
7576
|
+
const textValue = this.getTextValue(newValueValidated) || '';
|
|
7577
|
+
const parsedDate = this.getParsedDateTime(textValue);
|
|
7578
|
+
if ((parsedDate || !this._focused) && (this._textInput.value || '') !== textValue) {
|
|
7579
|
+
this._textInput.value = textValue;
|
|
7580
|
+
this._focused = false;
|
|
7581
|
+
this.errorMessage = "";
|
|
7582
|
+
}
|
|
7583
|
+
const valueEmitted = newValueValidated === null ? undefined : newValueValidated;
|
|
7584
|
+
this.ezChange.emit(valueEmitted);
|
|
7585
|
+
}
|
|
7586
|
+
}
|
|
7587
|
+
this._changePending = false;
|
|
7588
|
+
}
|
|
7589
|
+
/**
|
|
7590
|
+
* Aplica o foco no campo.
|
|
7591
|
+
*/
|
|
7592
|
+
async setFocus(options) {
|
|
7593
|
+
this._textInput.setFocus(options);
|
|
7594
|
+
}
|
|
7595
|
+
/**
|
|
7596
|
+
* Remove o foco do campo.
|
|
7597
|
+
*/
|
|
7598
|
+
async setBlur() {
|
|
7599
|
+
this._textInput.setBlur();
|
|
7600
|
+
}
|
|
7601
|
+
/**
|
|
7602
|
+
* Retorna se o conteúdo é inválido.
|
|
7603
|
+
*/
|
|
7604
|
+
async isInvalid() {
|
|
7605
|
+
return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
|
|
7606
|
+
}
|
|
7607
|
+
/*
|
|
7608
|
+
* Retorna uma promise com o valor da opção selecionada,
|
|
7609
|
+
* que será resolvida quando o backend devolver este dado.
|
|
7610
|
+
*/
|
|
7611
|
+
async getValueAsync() {
|
|
7612
|
+
if (this._changePending) {
|
|
7613
|
+
return new Promise(accept => {
|
|
7614
|
+
this._valuePromiseCallbacks.push(accept);
|
|
7615
|
+
});
|
|
7616
|
+
}
|
|
7617
|
+
return Promise.resolve(this.value);
|
|
7618
|
+
}
|
|
7619
|
+
handleKeyDown(event) {
|
|
7620
|
+
const input = this._textInput.shadowRoot.querySelector('input');
|
|
7621
|
+
if (event.shiftKey && event.key === "Tab") {
|
|
7622
|
+
if (input.selectionStart > 0) {
|
|
7623
|
+
let selectIni = input.value.lastIndexOf(" ", input.selectionStart);
|
|
7624
|
+
if (selectIni !== -1) {
|
|
7625
|
+
input.setSelectionRange(0, selectIni);
|
|
7626
|
+
event.preventDefault();
|
|
7627
|
+
}
|
|
7628
|
+
}
|
|
7629
|
+
}
|
|
7630
|
+
else if (event.key === "Tab") {
|
|
7631
|
+
if (input.value.length !== input.selectionEnd) {
|
|
7632
|
+
let selectIni = input.value.indexOf(" ", input.selectionEnd);
|
|
7633
|
+
selectIni = selectIni === -1 ? input.selectionEnd : selectIni + 1;
|
|
7634
|
+
input.setSelectionRange(selectIni, input.value.length);
|
|
7635
|
+
event.preventDefault();
|
|
7636
|
+
}
|
|
7637
|
+
}
|
|
7638
|
+
}
|
|
7639
|
+
handleFocus() {
|
|
7640
|
+
const input = this._textInput.shadowRoot.querySelector('input');
|
|
7641
|
+
if (input.selectionStart !== input.selectionEnd) {
|
|
7642
|
+
let selectIni = input.value.indexOf(" ", input.selectionStart);
|
|
7643
|
+
selectIni = selectIni === -1 ? input.value.length : selectIni;
|
|
7644
|
+
input.setSelectionRange(0, selectIni);
|
|
7645
|
+
}
|
|
7646
|
+
}
|
|
7647
|
+
handleClick() {
|
|
7648
|
+
const input = this._textInput.shadowRoot.querySelector('input');
|
|
7649
|
+
let selectIni = input.value.lastIndexOf(" ", input.selectionEnd);
|
|
7650
|
+
selectIni = selectIni === -1 ? 0 : selectIni + 1;
|
|
7651
|
+
selectIni = selectIni > input.selectionEnd ? 0 : selectIni;
|
|
7652
|
+
let selectFin = selectIni === 0 ? input.value.indexOf(" ") : input.value.length;
|
|
7653
|
+
input.setSelectionRange(selectIni, selectFin);
|
|
7654
|
+
}
|
|
7655
|
+
changeValue(newValue) {
|
|
7656
|
+
const currentValue = DateUtils$1.validateDate(this.value, true);
|
|
7657
|
+
const newValueValidated = DateUtils$1.validateDate(newValue, true);
|
|
7658
|
+
if ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.getTime()) !== (newValueValidated === null || newValueValidated === void 0 ? void 0 : newValueValidated.getTime())) {
|
|
7659
|
+
this.value = newValueValidated;
|
|
7660
|
+
}
|
|
7661
|
+
}
|
|
7662
|
+
hideCalendar() {
|
|
7663
|
+
this.changeValue(this._calendar.value);
|
|
7664
|
+
this._popover.hide();
|
|
7665
|
+
}
|
|
7666
|
+
getParsedDateTime(strValue) {
|
|
7667
|
+
var _a, _b;
|
|
7668
|
+
if (strValue === void 0) {
|
|
7669
|
+
strValue = (((_b = (_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim()) || "");
|
|
7670
|
+
}
|
|
7671
|
+
if (!strValue) {
|
|
7672
|
+
return;
|
|
7673
|
+
}
|
|
7674
|
+
const partsDateTime = strValue.split(" ");
|
|
7675
|
+
const onlyDate = partsDateTime.length > 0 ? partsDateTime[0] : strValue;
|
|
7676
|
+
const onlyTime = partsDateTime[1] ? partsDateTime[1] : "";
|
|
7677
|
+
const parsedTime = TimeFormatter.prepareValue(onlyTime, this.showSeconds);
|
|
7678
|
+
const strDateTime = onlyDate + (parsedTime && " " + parsedTime);
|
|
7679
|
+
return DateUtils$1.strToDate(strDateTime);
|
|
7680
|
+
}
|
|
7681
|
+
handleBlur() {
|
|
7682
|
+
var _a, _b;
|
|
7683
|
+
if (!this._changePending) {
|
|
7684
|
+
return;
|
|
7685
|
+
}
|
|
7686
|
+
try {
|
|
7687
|
+
const strValue = ((_b = (_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim()) || "";
|
|
7688
|
+
const newValue = this.getParsedDateTime();
|
|
7689
|
+
if (newValue || !strValue) {
|
|
7690
|
+
this.errorMessage = "";
|
|
7691
|
+
const currentValue = DateUtils$1.validateDate(this.value, true);
|
|
7692
|
+
const newValueValidated = DateUtils$1.validateDate(newValue, true);
|
|
7693
|
+
if ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.getTime()) === (newValueValidated === null || newValueValidated === void 0 ? void 0 : newValueValidated.getTime())) {
|
|
7694
|
+
if (newValueValidated) {
|
|
7695
|
+
this._textInput.value = this.getTextValue(newValueValidated) || '';
|
|
7696
|
+
this._focused = false;
|
|
7697
|
+
}
|
|
7698
|
+
this.ezCancelWaitingChange.emit();
|
|
7699
|
+
}
|
|
7700
|
+
else {
|
|
7701
|
+
this.changeValue(newValueValidated);
|
|
7702
|
+
}
|
|
7703
|
+
}
|
|
7704
|
+
else {
|
|
7705
|
+
this.changeValue(undefined);
|
|
7706
|
+
this.ezCancelWaitingChange.emit();
|
|
7707
|
+
this.errorMessage = this.i18n("ez-classic-date-time-input.invalidDate");
|
|
7708
|
+
}
|
|
7709
|
+
}
|
|
7710
|
+
finally {
|
|
7711
|
+
for (const callback of this._valuePromiseCallbacks) {
|
|
7712
|
+
callback(this.value);
|
|
7713
|
+
}
|
|
7714
|
+
this._valuePromiseCallbacks = [];
|
|
7715
|
+
}
|
|
7716
|
+
}
|
|
7717
|
+
getTextValue(date) {
|
|
7718
|
+
if (!date) {
|
|
7719
|
+
return;
|
|
7720
|
+
}
|
|
7721
|
+
return DateUtils$1.formatDateTime(date, this.showSeconds);
|
|
7722
|
+
}
|
|
7723
|
+
handleInput(event) {
|
|
7724
|
+
const newValue = this.getParsedDateTime();
|
|
7725
|
+
const currentValue = DateUtils$1.validateDate(this.value, true);
|
|
7726
|
+
const newValueValidated = DateUtils$1.validateDate(newValue, true);
|
|
7727
|
+
if ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.getTime()) !== (newValueValidated === null || newValueValidated === void 0 ? void 0 : newValueValidated.getTime())) {
|
|
7728
|
+
this._changePending = true;
|
|
7729
|
+
this._focused = true;
|
|
7730
|
+
this.ezStartChange.emit({ waitmessage: "", blocking: false });
|
|
7731
|
+
}
|
|
7732
|
+
if (event['data'] === "H" || event['data'] === "h") {
|
|
7733
|
+
this.changeValue(new Date());
|
|
7734
|
+
}
|
|
7735
|
+
}
|
|
7736
|
+
setInputValue() {
|
|
7737
|
+
const textValue = this.getTextValue(this.value) || '';
|
|
7738
|
+
if ((this._textInput.value || '') !== textValue) {
|
|
7739
|
+
this._textInput.value = textValue;
|
|
7740
|
+
}
|
|
7741
|
+
}
|
|
7742
|
+
disconnectedCallback() {
|
|
7743
|
+
this._popover.hide();
|
|
7744
|
+
}
|
|
7745
|
+
async componentWillLoad() {
|
|
7746
|
+
this.i18n = await initI18n();
|
|
7747
|
+
}
|
|
7748
|
+
componentDidLoad() {
|
|
7749
|
+
CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
|
|
7750
|
+
this.setInputValue();
|
|
7751
|
+
if (this.autoFocus) {
|
|
7752
|
+
requestAnimationFrame(() => {
|
|
7753
|
+
this.setFocus({ selectText: true });
|
|
7754
|
+
});
|
|
7755
|
+
}
|
|
7756
|
+
}
|
|
7757
|
+
render() {
|
|
7758
|
+
ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
|
|
7759
|
+
return (h(Host, null, h("ez-classic-input", { ref: (elem) => this._textInput = elem, "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), "data-slave-mode": "true", label: this.label, enabled: this.enabled, errorMessage: this.errorMessage, size: this.size, onKeyDown: (event) => { this.handleKeyDown(event); }, onBlur: () => this.handleBlur(), onInput: (evt) => this.handleInput(evt), onFocus: () => this.handleFocus(), onClick: () => this.handleClick(), required: this.required, leftIconName: "calendar", leftIconClickable: this.enabled, onIconClick: () => { var _a; return (_a = this._popover) === null || _a === void 0 ? void 0 : _a.showUnder(this._textInput); }, onEzChange: (event) => event.stopPropagation() }), h("ez-popover-plus", { ref: elem => this._popover = elem, anchorElement: this._textInput, autoClose: true, boxWidth: 'fit-content', overlayType: 'none', "data-element-id": this._elem.getAttribute("data-element-id") }, h("ez-calendar", { ref: elem => this._calendar = elem, "data-element-id": ElementIDUtils.getInternalIDInfo("calendar"), onEzChange: (event) => { this.hideCalendar(); event.stopPropagation(); }, time: true, showSeconds: this.showSeconds }))));
|
|
7760
|
+
}
|
|
7761
|
+
get _elem() { return this; }
|
|
7762
|
+
static get watchers() { return {
|
|
7763
|
+
"label": ["observeLabel"],
|
|
7764
|
+
"errorMessage": ["observeErrorMessage"],
|
|
7765
|
+
"value": ["observeValue"]
|
|
7766
|
+
}; }
|
|
7767
|
+
static get style() { return ezClassicDateTimeInputCss; }
|
|
7768
|
+
};
|
|
7769
|
+
|
|
7770
|
+
class MaskFormatter {
|
|
7771
|
+
constructor(mask) {
|
|
7772
|
+
this.mask = mask;
|
|
7773
|
+
this.maskChars = {
|
|
7774
|
+
'#': (char) => /\d/.test(char),
|
|
7775
|
+
'U': (char) => /[a-zA-Z]/.test(char),
|
|
7776
|
+
'L': (char) => /[a-zA-Z]/.test(char),
|
|
7777
|
+
'A': (char) => /[a-zA-Z0-9]/.test(char),
|
|
7778
|
+
'?': (char) => /[a-zA-Z]/.test(char),
|
|
7779
|
+
'*': () => true
|
|
7780
|
+
};
|
|
7781
|
+
}
|
|
7782
|
+
/**
|
|
7783
|
+
* Formata a string de acordo com a máscara
|
|
7784
|
+
* @param value String a ser formatada
|
|
7785
|
+
* @returns String formatada
|
|
7786
|
+
*/
|
|
7787
|
+
format(value) {
|
|
7788
|
+
if (!value || !this.mask)
|
|
7789
|
+
return value;
|
|
7790
|
+
const cleanedValue = this.removeIncompatibleChars(value);
|
|
7791
|
+
let formattedValue = '';
|
|
7792
|
+
let valueIndex = 0;
|
|
7793
|
+
let maskIndex = 0;
|
|
7794
|
+
while (maskIndex < this.mask.length && valueIndex < cleanedValue.length) {
|
|
7795
|
+
const maskChar = this.mask[maskIndex];
|
|
7796
|
+
const inputChar = cleanedValue[valueIndex];
|
|
7797
|
+
if (maskChar === "'") {
|
|
7798
|
+
maskIndex++;
|
|
7799
|
+
if (maskIndex < this.mask.length) {
|
|
7800
|
+
formattedValue += this.mask[maskIndex];
|
|
7801
|
+
maskIndex++;
|
|
7802
|
+
}
|
|
7803
|
+
continue;
|
|
7804
|
+
}
|
|
7805
|
+
if (this.maskChars[maskChar]) {
|
|
7806
|
+
if (this.maskChars[maskChar](inputChar)) {
|
|
7807
|
+
if (maskChar === 'U') {
|
|
7808
|
+
formattedValue += inputChar.toUpperCase();
|
|
7809
|
+
}
|
|
7810
|
+
else if (maskChar === 'L') {
|
|
7811
|
+
formattedValue += inputChar.toLowerCase();
|
|
7812
|
+
}
|
|
7813
|
+
else {
|
|
7814
|
+
formattedValue += inputChar;
|
|
7815
|
+
}
|
|
7816
|
+
valueIndex++;
|
|
7817
|
+
}
|
|
7818
|
+
else {
|
|
7819
|
+
valueIndex++;
|
|
7820
|
+
continue;
|
|
7821
|
+
}
|
|
7822
|
+
}
|
|
7823
|
+
else {
|
|
7824
|
+
formattedValue += maskChar;
|
|
7825
|
+
if (inputChar === maskChar) {
|
|
7826
|
+
valueIndex++;
|
|
7827
|
+
}
|
|
7828
|
+
}
|
|
7829
|
+
maskIndex++;
|
|
7830
|
+
}
|
|
7831
|
+
return formattedValue;
|
|
7832
|
+
}
|
|
7833
|
+
/**
|
|
7834
|
+
* Remove caracteres que não são compatíveis com nenhuma posição da máscara
|
|
7835
|
+
*/
|
|
7836
|
+
removeIncompatibleChars(value) {
|
|
7837
|
+
let cleanValue = '';
|
|
7838
|
+
for (let i = 0; i < value.length; i++) {
|
|
7839
|
+
const char = value[i];
|
|
7840
|
+
let isValidChar = false;
|
|
7841
|
+
for (const maskRule in this.maskChars) {
|
|
7842
|
+
if (this.maskChars[maskRule](char)) {
|
|
7843
|
+
isValidChar = true;
|
|
7844
|
+
break;
|
|
7845
|
+
}
|
|
7846
|
+
}
|
|
7847
|
+
if (!isValidChar) {
|
|
7848
|
+
for (let j = 0; j < this.mask.length; j++) {
|
|
7849
|
+
if (this.mask[j] === char && !this.maskChars[this.mask[j]]) {
|
|
7850
|
+
isValidChar = true;
|
|
7851
|
+
break;
|
|
7852
|
+
}
|
|
7853
|
+
}
|
|
7854
|
+
}
|
|
7855
|
+
if (isValidChar) {
|
|
7856
|
+
cleanValue += char;
|
|
7857
|
+
}
|
|
7858
|
+
}
|
|
7859
|
+
return cleanValue;
|
|
7860
|
+
}
|
|
7861
|
+
/**
|
|
7862
|
+
* Remove a máscara de uma string formatada
|
|
7863
|
+
* @param formattedValue String formatada
|
|
7864
|
+
* @returns String sem máscara
|
|
7865
|
+
*/
|
|
7866
|
+
removeMask(formattedValue) {
|
|
7867
|
+
if (!formattedValue || !this.mask)
|
|
7868
|
+
return formattedValue;
|
|
7869
|
+
let cleanValue = '';
|
|
7870
|
+
let valueIndex = 0;
|
|
7871
|
+
let maskIndex = 0;
|
|
7872
|
+
while (valueIndex < formattedValue.length && maskIndex < this.mask.length) {
|
|
7873
|
+
const maskChar = this.mask[maskIndex];
|
|
7874
|
+
const inputChar = formattedValue[valueIndex];
|
|
7875
|
+
if (maskChar === "'") {
|
|
7876
|
+
maskIndex++;
|
|
7877
|
+
if (maskIndex < this.mask.length) {
|
|
7878
|
+
if (inputChar === this.mask[maskIndex]) {
|
|
7879
|
+
valueIndex++;
|
|
7880
|
+
}
|
|
7881
|
+
maskIndex++;
|
|
7882
|
+
}
|
|
7883
|
+
continue;
|
|
7884
|
+
}
|
|
7885
|
+
if (this.maskChars[maskChar]) {
|
|
7886
|
+
if (this.maskChars[maskChar](inputChar)) {
|
|
7887
|
+
cleanValue += inputChar;
|
|
7888
|
+
}
|
|
7889
|
+
valueIndex++;
|
|
7890
|
+
}
|
|
7891
|
+
else {
|
|
7892
|
+
if (inputChar === maskChar) {
|
|
7893
|
+
valueIndex++;
|
|
7894
|
+
}
|
|
7895
|
+
}
|
|
7896
|
+
maskIndex++;
|
|
7897
|
+
}
|
|
7898
|
+
while (valueIndex < formattedValue.length) {
|
|
7899
|
+
const remainingChar = formattedValue[valueIndex];
|
|
7900
|
+
if (/[a-zA-Z0-9]/.test(remainingChar)) {
|
|
7901
|
+
cleanValue += remainingChar;
|
|
7902
|
+
}
|
|
7903
|
+
valueIndex++;
|
|
7904
|
+
}
|
|
7905
|
+
return cleanValue;
|
|
7906
|
+
}
|
|
7907
|
+
/**
|
|
7908
|
+
* Retorna a máscara configurada
|
|
7909
|
+
*/
|
|
7910
|
+
getMask() {
|
|
7911
|
+
return this.mask;
|
|
7912
|
+
}
|
|
7913
|
+
/**
|
|
7914
|
+
* Gera um placeholder baseado na máscara
|
|
7915
|
+
* @returns String com placeholder gerado
|
|
7916
|
+
*/
|
|
7917
|
+
generatePlaceholder() {
|
|
7918
|
+
if (!this.mask)
|
|
7919
|
+
return '';
|
|
7920
|
+
let placeholder = '';
|
|
7921
|
+
let maskIndex = 0;
|
|
7922
|
+
while (maskIndex < this.mask.length) {
|
|
7923
|
+
const maskChar = this.mask[maskIndex];
|
|
7924
|
+
if (maskChar === "'") {
|
|
7925
|
+
maskIndex++;
|
|
7926
|
+
if (maskIndex < this.mask.length) {
|
|
7927
|
+
placeholder += this.mask[maskIndex];
|
|
7928
|
+
maskIndex++;
|
|
7929
|
+
}
|
|
7930
|
+
continue;
|
|
7931
|
+
}
|
|
7932
|
+
if (this.maskChars[maskChar]) {
|
|
7933
|
+
switch (maskChar) {
|
|
7934
|
+
case '#':
|
|
7935
|
+
placeholder += '0';
|
|
7936
|
+
break;
|
|
7937
|
+
case 'U':
|
|
7938
|
+
case 'L':
|
|
7939
|
+
case '?':
|
|
7940
|
+
placeholder += 'A';
|
|
7941
|
+
break;
|
|
7942
|
+
case 'A':
|
|
7943
|
+
placeholder += 'A';
|
|
7944
|
+
break;
|
|
7945
|
+
case '~':
|
|
7946
|
+
placeholder += '0';
|
|
7947
|
+
break;
|
|
7948
|
+
case '*':
|
|
7949
|
+
placeholder += '_';
|
|
7950
|
+
break;
|
|
7951
|
+
default:
|
|
7952
|
+
placeholder += '_';
|
|
7953
|
+
break;
|
|
7954
|
+
}
|
|
7955
|
+
}
|
|
7956
|
+
else {
|
|
7957
|
+
placeholder += maskChar;
|
|
7958
|
+
}
|
|
7959
|
+
maskIndex++;
|
|
7960
|
+
}
|
|
7961
|
+
return placeholder;
|
|
7962
|
+
}
|
|
7963
|
+
}
|
|
7964
|
+
|
|
7965
|
+
const ezClassicInputCss = ":host{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;font-family:var(--font--pattern, Arial, sans-serif);font-size:var(--font-size--default, 14px);color:var(--color--ocean-green-1000, #00281D);border:none;padding:0;padding-inline:var(--space--2, 2px);width:100%;--ez-classic-input--label-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--border-color-default:var(--color--gray-200, #D2D2D3);--ez-classic-input--border-color-focus:var(--color--gray-300, #A4A5A7);--ez-classic-input--border-color-success:var(--color--green-600, #157A00);--ez-classic-input--border-color-error:var(--color--red-600, #BD0025);--ez-classic-input--border-color-warning:var(--color--yellow-600, #EFB103);--ez-classic-input--background-color:var(--color--gray-70, #FFFFFF);--ez-classic-input--background-color-disabled:var(--color--gray-90, #EAEAEA);--ez-classic-input--text-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--placeholder-color:#bdbdbd;--ez-classic-input--icon-color:var(--color--gray-400, #77777A);--ez-classic-input--helptext-color:var(--color--ocean-green-1000, #00281D);--ez-classic-input--height:var(--space--56, 56px);--ez-classic-input--height-small:var(--space--48, 48px);--ez-classic-input--height-xsmall:var(--space--40, 40px);--ez-classic-input--gap:var(--space--10, 10px);--ez-classic-input--padding-inline:var(--space--16, 16px)}.input-container{display:flex;flex-direction:row;align-items:center;width:100%;border:none;border-radius:var(--border--radius-8, 8px);padding-inline:var(--ez-classic-input--padding-inline);box-sizing:border-box;gap:var(--ez-classic-input--gap);margin-block:var(--space--4, 4px);transition:box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);height:var(--ez-classic-input--height);background-color:var(--ez-classic-input--background-color)}.input-container--small{height:var(--ez-classic-input--height-small)}.input-container--xsmall{height:var(--ez-classic-input--height-xsmall)}.input-container,.input-container[data-state=\"default\"]{box-shadow:0 0 0 1px var(--ez-classic-input--border-color-default)}.input-container[data-state=\"success\"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-success)}.input-container[data-state=\"error\"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-error)}.input-container[data-state=\"warning\"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-warning)}.input-container:focus-within{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-input--border-color-focus)}ez-icon{min-width:var(--space--24, 24px);color:var(--ez-classic-input--icon-color)}input{flex:1;border:none;outline:none;background:transparent;height:100%;width:100%;padding:0;font-family:var(--font--pattern, Arial, sans-serif);font-size:var(--font-size--default, 14px);color:var(--color--ocean-green-1000, #00281D);text-overflow:ellipsis;color:var(--ez-classic-input--text-color)}input::placeholder{color:var(--ez-classic-input--placeholder-color)}.input-container[data-disabled=\"true\"]{cursor:not-allowed;background:var(--ez-classic-input--background-color-disabled);border-color:var(--ez-classic-input--border-color-default)}.input-container[data-disabled=\"true\"]>*{cursor:not-allowed}.input-container input:read-only{cursor:default}@keyframes ez-helptext-fadein{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}span{font-size:var(--font-size--xsmall, 10px);line-height:var(--line-height--16, 16px);overflow:hidden;text-overflow:ellipsis;animation:ez-helptext-fadein 0.3s ease;color:var(--ez-classic-input--helptext-color)}label{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-classic-input--label-color)}.icon-clickable{cursor:pointer}.required-indicator{font-size:var(--font--size--default, 14px);font-family:var(--font--pattern, 'Roboto');color:var(--color--red-600, #BD0025);margin-left:var(--space--4, 4px);vertical-align:top}";
|
|
7966
|
+
|
|
7967
|
+
const EzClassicInput$1 = class extends HTMLElement$1 {
|
|
7968
|
+
constructor() {
|
|
7969
|
+
super();
|
|
7970
|
+
this.__registerHost();
|
|
7971
|
+
this.__attachShadow();
|
|
7972
|
+
this.ezChange = createEvent(this, "ezChange", 7);
|
|
7973
|
+
this.ezBlur = createEvent(this, "ezBlur", 7);
|
|
7974
|
+
this.ezFocus = createEvent(this, "ezFocus", 7);
|
|
7975
|
+
this.iconClick = createEvent(this, "iconClick", 7);
|
|
7976
|
+
this._internalValueChange = false;
|
|
7977
|
+
this.type = 'text';
|
|
7978
|
+
this.value = undefined;
|
|
7979
|
+
this.label = undefined;
|
|
7980
|
+
this.helpText = undefined;
|
|
7981
|
+
this.errorMessage = undefined;
|
|
7982
|
+
this.placeholder = undefined;
|
|
7983
|
+
this.enabled = true;
|
|
7984
|
+
this.readonly = false;
|
|
7985
|
+
this.required = false;
|
|
7986
|
+
this.name = undefined;
|
|
7987
|
+
this.size = "default";
|
|
7988
|
+
this.minlength = undefined;
|
|
7989
|
+
this.maxlength = undefined;
|
|
7990
|
+
this.leftIconName = undefined;
|
|
7991
|
+
this.rightIconName = undefined;
|
|
7992
|
+
this.rightIconTooltip = undefined;
|
|
7993
|
+
this.leftIconTooltip = undefined;
|
|
7994
|
+
this.state = "default";
|
|
7995
|
+
this.leftIconClickable = false;
|
|
7996
|
+
this.rightIconClickable = false;
|
|
7997
|
+
this.mask = undefined;
|
|
7998
|
+
this.emitMaskedValue = false;
|
|
7999
|
+
}
|
|
8000
|
+
/**
|
|
8001
|
+
* Aplica o foco no campo.
|
|
8002
|
+
*/
|
|
8003
|
+
async setFocus(option) {
|
|
8004
|
+
if (option === null || option === void 0 ? void 0 : option.selectText) {
|
|
8005
|
+
this._inputElem.select();
|
|
8006
|
+
}
|
|
8007
|
+
if (!(option === null || option === void 0 ? void 0 : option.preventScroll)) {
|
|
8008
|
+
this._inputElem.scrollIntoView({ behavior: "smooth", block: "center" });
|
|
8009
|
+
}
|
|
8010
|
+
this._inputElem.focus({ preventScroll: true });
|
|
8011
|
+
}
|
|
8012
|
+
/**
|
|
8013
|
+
* Remove o foco do campo.
|
|
8014
|
+
*/
|
|
8015
|
+
async setBlur() {
|
|
8016
|
+
this._inputElem.blur();
|
|
8017
|
+
}
|
|
8018
|
+
async syncValue() {
|
|
8019
|
+
if (this._internalValueChange) {
|
|
8020
|
+
this._internalValueChange = false;
|
|
8021
|
+
return;
|
|
8022
|
+
}
|
|
8023
|
+
if (this.value && this._maskFormatter && this._inputElem) {
|
|
8024
|
+
const formattedValue = this._maskFormatter.format(this.value);
|
|
8025
|
+
this._inputElem.value = formattedValue;
|
|
8026
|
+
}
|
|
8027
|
+
else if (this._inputElem) {
|
|
8028
|
+
this._inputElem.value = this.value || '';
|
|
8029
|
+
}
|
|
8030
|
+
}
|
|
8031
|
+
async observeErrorMessage(newValue) {
|
|
8032
|
+
if (newValue && newValue.trim() !== '') {
|
|
8033
|
+
this.state = "error";
|
|
8034
|
+
return;
|
|
8035
|
+
}
|
|
8036
|
+
this.state = "default";
|
|
8037
|
+
}
|
|
8038
|
+
onInput(event) {
|
|
8039
|
+
try {
|
|
8040
|
+
const inputElement = event.target;
|
|
8041
|
+
const inputValue = inputElement.value;
|
|
8042
|
+
if (this._maskFormatter) {
|
|
8043
|
+
const { formattedValue, cleanValue } = this.processInputWithMask(inputValue);
|
|
8044
|
+
this.updateInputValue(inputElement, formattedValue, cleanValue);
|
|
8045
|
+
}
|
|
8046
|
+
else {
|
|
8047
|
+
this.updateInputValueWithoutMask(inputValue);
|
|
8048
|
+
}
|
|
8049
|
+
}
|
|
8050
|
+
catch (error) {
|
|
8051
|
+
console.error("Error processing input event:", error);
|
|
8052
|
+
}
|
|
8053
|
+
}
|
|
8054
|
+
processInputWithMask(inputValue) {
|
|
8055
|
+
if (this.mask === "cgc_cpf") {
|
|
8056
|
+
return this.processCgcCpfMask(inputValue);
|
|
8057
|
+
}
|
|
8058
|
+
else {
|
|
8059
|
+
return this.processRegularMask(inputValue);
|
|
8060
|
+
}
|
|
8061
|
+
}
|
|
8062
|
+
processCgcCpfMask(inputValue) {
|
|
8063
|
+
const numericOnly = inputValue.replace(/\D/g, '');
|
|
8064
|
+
if (numericOnly.length === 11 || numericOnly.length === 14) {
|
|
8065
|
+
const maskToUse = numericOnly.length === 11
|
|
8066
|
+
? MaskFormatter$1.DEFAULT_MASKS.cpf
|
|
8067
|
+
: MaskFormatter$1.DEFAULT_MASKS.cnpj;
|
|
8068
|
+
this._maskFormatter = new MaskFormatter(maskToUse);
|
|
8069
|
+
const formattedValue = this._maskFormatter.format(numericOnly);
|
|
8070
|
+
return { formattedValue, cleanValue: numericOnly };
|
|
8071
|
+
}
|
|
8072
|
+
// Se não tem o tamanho correto, mantém apenas os números
|
|
8073
|
+
return { formattedValue: numericOnly, cleanValue: numericOnly };
|
|
8074
|
+
}
|
|
8075
|
+
processRegularMask(inputValue) {
|
|
8076
|
+
const formattedValue = this._maskFormatter.format(inputValue);
|
|
8077
|
+
const cleanValue = this._maskFormatter.removeMask(formattedValue);
|
|
8078
|
+
return { formattedValue, cleanValue };
|
|
8079
|
+
}
|
|
8080
|
+
updateInputValue(inputElement, formattedValue, cleanValue) {
|
|
8081
|
+
inputElement.value = formattedValue;
|
|
8082
|
+
this._internalValueChange = true;
|
|
8083
|
+
this.value = cleanValue;
|
|
8084
|
+
const emitValue = this.emitMaskedValue ? formattedValue : cleanValue;
|
|
8085
|
+
this.ezChange.emit(emitValue);
|
|
8086
|
+
}
|
|
8087
|
+
updateInputValueWithoutMask(inputValue) {
|
|
8088
|
+
this._internalValueChange = true;
|
|
8089
|
+
this.value = inputValue;
|
|
8090
|
+
this.ezChange.emit(inputValue);
|
|
8091
|
+
}
|
|
8092
|
+
onBlur() {
|
|
8093
|
+
this.ezBlur.emit(this.value);
|
|
8094
|
+
}
|
|
8095
|
+
onFocus() {
|
|
8096
|
+
this.ezFocus.emit(this.value);
|
|
8097
|
+
}
|
|
8098
|
+
handleIconClick(event, icon) {
|
|
8099
|
+
if (!this.enabled) {
|
|
8100
|
+
return;
|
|
8101
|
+
}
|
|
8102
|
+
if ((icon === "left" && !this.leftIconClickable) || (icon === "right" && !this.rightIconClickable)) {
|
|
8103
|
+
this.setFocus({ preventScroll: true });
|
|
8104
|
+
return;
|
|
8105
|
+
}
|
|
8106
|
+
event.stopPropagation();
|
|
8107
|
+
this.iconClick.emit({ icon });
|
|
8108
|
+
}
|
|
8109
|
+
addInfoId() {
|
|
8110
|
+
if (this._element) {
|
|
8111
|
+
ElementIDUtils.addIDInfo(this._element);
|
|
8112
|
+
}
|
|
8113
|
+
if (this._inputElem) {
|
|
8114
|
+
const dataInfo = { id: 'embedded' };
|
|
8115
|
+
ElementIDUtils.addIDInfo(this._inputElem, 'classic-input', dataInfo);
|
|
8116
|
+
}
|
|
8117
|
+
}
|
|
8118
|
+
buildPlaceholder() {
|
|
8119
|
+
if (!this.placeholder && this._maskFormatter) {
|
|
8120
|
+
this.placeholder = this._maskFormatter.generatePlaceholder();
|
|
8121
|
+
}
|
|
8122
|
+
}
|
|
8123
|
+
buildMaskFormatter() {
|
|
8124
|
+
if (this.mask && (!this._maskFormatter || this.mask === 'cgc_cpf')) {
|
|
8125
|
+
const maskToBuilder = this.getMaskToBuilder();
|
|
8126
|
+
this._maskFormatter = maskToBuilder ? new MaskFormatter(maskToBuilder) : undefined;
|
|
8127
|
+
}
|
|
8128
|
+
}
|
|
8129
|
+
getMaskToBuilder() {
|
|
8130
|
+
if (this.mask === "cgc_cpf") {
|
|
8131
|
+
return this.getCGCCpfMask();
|
|
8132
|
+
}
|
|
8133
|
+
if (this.mask === 'phone') {
|
|
8134
|
+
return this.getPhoneMask();
|
|
8135
|
+
}
|
|
8136
|
+
if (this.mask in MaskFormatter$1.DEFAULT_MASKS) {
|
|
8137
|
+
return MaskFormatter$1.DEFAULT_MASKS[this.mask];
|
|
8138
|
+
}
|
|
8139
|
+
return this.mask;
|
|
8140
|
+
}
|
|
8141
|
+
getPhoneMask() {
|
|
8142
|
+
if (this.value && this.value.length === 10) {
|
|
8143
|
+
return MaskFormatter.DEFAULT_MASKS ? MaskFormatter.DEFAULT_MASKS.phone : undefined;
|
|
8144
|
+
}
|
|
8145
|
+
if (this.value && this.value.length === 11) {
|
|
8146
|
+
return MaskFormatter.DEFAULT_MASKS ? MaskFormatter.DEFAULT_MASKS.phone_mobile : undefined;
|
|
8147
|
+
}
|
|
8148
|
+
return undefined;
|
|
8149
|
+
}
|
|
8150
|
+
getCGCCpfMask() {
|
|
8151
|
+
var _a, _b;
|
|
8152
|
+
if (((_a = this.value) === null || _a === void 0 ? void 0 : _a.length) === 11) {
|
|
8153
|
+
return MaskFormatter$1.DEFAULT_MASKS.cpf;
|
|
8154
|
+
}
|
|
8155
|
+
if (((_b = this.value) === null || _b === void 0 ? void 0 : _b.length) === 14) {
|
|
8156
|
+
return MaskFormatter$1.DEFAULT_MASKS.cnpj;
|
|
8157
|
+
}
|
|
8158
|
+
return undefined;
|
|
8159
|
+
}
|
|
8160
|
+
componentDidRender() {
|
|
8161
|
+
this.buildMaskFormatter();
|
|
8162
|
+
this.buildPlaceholder();
|
|
8163
|
+
this.syncValue();
|
|
8164
|
+
}
|
|
8165
|
+
componentDidLoad() {
|
|
8166
|
+
this.syncValue();
|
|
8167
|
+
this.addInfoId();
|
|
8168
|
+
}
|
|
8169
|
+
render() {
|
|
8170
|
+
return (h(Host, null, h("label", { title: this.label, htmlFor: this.name }, this.label, this.required && h("span", { class: "required-indicator" }, "*")), h("div", { class: "input-container " + (this.size ? `input-container--${this.size}` : ""), "data-state": this.state, "data-disabled": (!this.enabled).toString(), onClick: () => this.setFocus({ preventScroll: true }) }, this.leftIconName && (h("ez-icon", { iconName: this.leftIconName, title: this.leftIconTooltip, onClick: (event) => this.handleIconClick(event, "left"), class: { 'icon-clickable': this.leftIconClickable } })), h("input", { ref: el => this._inputElem = el, id: this.name, type: this.type, title: this.value, placeholder: this.placeholder, disabled: !this.enabled, readonly: this.readonly, name: this.name, minlength: this.minlength, maxlength: this.maxlength, onInput: (event) => this.onInput(event), onBlur: this.onBlur.bind(this), onFocus: this.onFocus.bind(this) }), this.rightIconName && (h("ez-icon", { iconName: this.rightIconName, title: this.rightIconTooltip, onClick: (event) => this.handleIconClick(event, "right"), class: { 'icon-clickable': this.rightIconClickable } }))), (this.helpText || this.errorMessage) && (h("span", { id: "input_helpText", title: this.errorMessage || this.helpText }, this.errorMessage || this.helpText))));
|
|
8171
|
+
}
|
|
8172
|
+
get _element() { return this; }
|
|
8173
|
+
static get watchers() { return {
|
|
8174
|
+
"value": ["syncValue"],
|
|
8175
|
+
"errorMessage": ["observeErrorMessage"]
|
|
8176
|
+
}; }
|
|
8177
|
+
static get style() { return ezClassicInputCss; }
|
|
8178
|
+
};
|
|
8179
|
+
|
|
8180
|
+
const ezClassicNumberInputCss = ":host{--ez-classic-number-input__min-width:0px;--ez-classic-number-input__max-width:100%;display:block;width:100%}.number__input{height:100%;min-width:var(--ez-classic-number-input__min-width);max-width:var(--ez-classic-number-input__max-width)}";
|
|
8181
|
+
|
|
8182
|
+
const EzClassicNumberInput$1 = class extends HTMLElement$1 {
|
|
8183
|
+
constructor() {
|
|
8184
|
+
super();
|
|
8185
|
+
this.__registerHost();
|
|
8186
|
+
this.__attachShadow();
|
|
8187
|
+
this.ezChange = createEvent(this, "ezChange", 7);
|
|
8188
|
+
this.ezStartChange = createEvent(this, "ezStartChange", 7);
|
|
8189
|
+
this.ezCancelWaitingChange = createEvent(this, "ezCancelWaitingChange", 7);
|
|
8190
|
+
this._focused = false;
|
|
8191
|
+
this._changePending = false;
|
|
8192
|
+
this._valuePromiseCallbacks = [];
|
|
8193
|
+
this._value = undefined;
|
|
8194
|
+
this.label = undefined;
|
|
8195
|
+
this.value = undefined;
|
|
8196
|
+
this.enabled = true;
|
|
8197
|
+
this.required = false;
|
|
8198
|
+
this.canShowError = true;
|
|
8199
|
+
this.errorMessage = undefined;
|
|
8200
|
+
this.allowNegative = true;
|
|
8201
|
+
this.precision = undefined;
|
|
8202
|
+
this.prettyPrecision = undefined;
|
|
8203
|
+
this.mode = "regular";
|
|
8204
|
+
this.size = "default";
|
|
8205
|
+
this.autoFocus = false;
|
|
8206
|
+
this.alternativePlaceholder = undefined;
|
|
8207
|
+
}
|
|
8208
|
+
/**
|
|
8209
|
+
* Aplica o foco no campo.
|
|
8210
|
+
*/
|
|
8211
|
+
async setFocus(options) {
|
|
8212
|
+
this._textInput.setFocus(options);
|
|
8213
|
+
}
|
|
8214
|
+
/**
|
|
8215
|
+
* Remove o foco do campo.
|
|
8216
|
+
*/
|
|
8217
|
+
async setBlur() {
|
|
8218
|
+
this._textInput.setBlur();
|
|
8219
|
+
}
|
|
8220
|
+
/**
|
|
8221
|
+
* Retorna se o conteúdo é inválido.
|
|
8222
|
+
*/
|
|
8223
|
+
async isInvalid() {
|
|
8224
|
+
return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
|
|
8225
|
+
}
|
|
8226
|
+
/*
|
|
8227
|
+
* Retorna uma promise com o valor da opção selecionada,
|
|
8228
|
+
* que será resolvida quando o backend devolver este dado.
|
|
8229
|
+
*/
|
|
8230
|
+
async getValueAsync() {
|
|
8231
|
+
if (this._changePending) {
|
|
8232
|
+
return new Promise(accept => {
|
|
8233
|
+
this._valuePromiseCallbacks.push(accept);
|
|
8234
|
+
});
|
|
8235
|
+
}
|
|
8236
|
+
return Promise.resolve(this.value);
|
|
8237
|
+
}
|
|
8238
|
+
observeLabel() {
|
|
8239
|
+
if (this._textInput) {
|
|
8240
|
+
this._textInput.label = this.label;
|
|
8241
|
+
}
|
|
8242
|
+
}
|
|
8243
|
+
observeErrorMessage() {
|
|
8244
|
+
var _a;
|
|
8245
|
+
if (this._textInput) {
|
|
8246
|
+
this._textInput.errorMessage = this.errorMessage;
|
|
8247
|
+
if (!((_a = this.errorMessage) === null || _a === void 0 ? void 0 : _a.trim())) {
|
|
8248
|
+
this.setInputValue();
|
|
8249
|
+
}
|
|
8250
|
+
}
|
|
8251
|
+
}
|
|
8252
|
+
observeValue(newValue, oldValue) {
|
|
8253
|
+
if (this._textInput && newValue != oldValue) {
|
|
8254
|
+
this.handleNewValue(newValue, oldValue);
|
|
8255
|
+
}
|
|
8256
|
+
this._changePending = false;
|
|
8257
|
+
}
|
|
8258
|
+
observePrecision() {
|
|
8259
|
+
if (this._textInput) {
|
|
8260
|
+
this.setInputValue();
|
|
8261
|
+
}
|
|
8262
|
+
}
|
|
8263
|
+
handleNewValue(newValue, oldValue) {
|
|
8264
|
+
const newValueValidated = this.validateValue(newValue);
|
|
8265
|
+
const oldValueValidated = this.validateValue(oldValue);
|
|
8266
|
+
if (newValueValidated === null) {
|
|
8267
|
+
this._value = '';
|
|
8268
|
+
}
|
|
8269
|
+
if (newValueValidated === oldValueValidated) {
|
|
8270
|
+
return;
|
|
8271
|
+
}
|
|
8272
|
+
const textValue = this.getTextValue(newValueValidated) || '';
|
|
8273
|
+
const parsedNumber = this.getParsedNumber(textValue);
|
|
8274
|
+
if ((this._value || '') !== textValue && (parsedNumber !== undefined || !this._focused)) {
|
|
8275
|
+
this._value = textValue;
|
|
8276
|
+
this._focused = false;
|
|
8277
|
+
this.errorMessage = "";
|
|
8278
|
+
}
|
|
8279
|
+
const valueEmitted = newValueValidated === null ? undefined : newValueValidated;
|
|
8280
|
+
this.ezChange.emit(valueEmitted);
|
|
8281
|
+
}
|
|
8282
|
+
validateValue(value) {
|
|
8283
|
+
return isNaN(value) || value === undefined ? null : value;
|
|
8284
|
+
}
|
|
8285
|
+
getTextValue(value) {
|
|
8286
|
+
if (value == undefined)
|
|
8287
|
+
return undefined;
|
|
8288
|
+
let textValue = this.precision >= 0 ? NumberUtils$1.format(value.toString(), Number(this.precision), Number(this.prettyPrecision)) : value.toString();
|
|
8289
|
+
return (this.precision === 0) ? StringUtils$1.replaceAll(textValue, ".", "") : textValue;
|
|
8290
|
+
}
|
|
8291
|
+
changeValue(newValue) {
|
|
8292
|
+
this.errorMessage = "";
|
|
8293
|
+
if (this.value != newValue) {
|
|
8294
|
+
this.value = newValue === undefined ? null : newValue;
|
|
8295
|
+
}
|
|
8296
|
+
else {
|
|
8297
|
+
this.setInputValue();
|
|
8298
|
+
this.ezCancelWaitingChange.emit();
|
|
8299
|
+
}
|
|
8300
|
+
}
|
|
8301
|
+
setError(msg) {
|
|
8302
|
+
this.value = null;
|
|
8303
|
+
this.errorMessage = msg;
|
|
8304
|
+
this.ezCancelWaitingChange.emit();
|
|
8305
|
+
}
|
|
8306
|
+
handleBlur() {
|
|
8307
|
+
if (!this._changePending) {
|
|
8308
|
+
return;
|
|
8309
|
+
}
|
|
8310
|
+
try {
|
|
8311
|
+
const parsedNumber = this.getParsedNumber();
|
|
8312
|
+
if (parsedNumber !== undefined && isNaN(parsedNumber)) {
|
|
8313
|
+
this.setError(this.i18n("ez-classic-number-input.invalidNumber"));
|
|
8314
|
+
}
|
|
8315
|
+
else {
|
|
8316
|
+
try {
|
|
8317
|
+
this.changeValue(parsedNumber);
|
|
8318
|
+
}
|
|
8319
|
+
catch (e) {
|
|
8320
|
+
this.setError(e.message);
|
|
8321
|
+
return;
|
|
8322
|
+
}
|
|
8323
|
+
}
|
|
8324
|
+
}
|
|
8325
|
+
finally {
|
|
8326
|
+
for (const callback of this._valuePromiseCallbacks) {
|
|
8327
|
+
callback(this.value);
|
|
8328
|
+
}
|
|
8329
|
+
this._valuePromiseCallbacks = [];
|
|
8330
|
+
}
|
|
8331
|
+
}
|
|
8332
|
+
handleInput() {
|
|
8333
|
+
const parsedNumber = this.getParsedNumber();
|
|
8334
|
+
if (parsedNumber !== this.value) {
|
|
8335
|
+
this._focused = true;
|
|
8336
|
+
this._changePending = true;
|
|
8337
|
+
this.ezStartChange.emit({ waitmessage: "", blocking: false });
|
|
8338
|
+
}
|
|
8339
|
+
}
|
|
8340
|
+
getParsedNumber(value = this._textInput.value) {
|
|
8341
|
+
return (value === null || value === void 0 ? void 0 : value.trim()) ? NumberUtils$1.stringToNumber(value) : undefined;
|
|
8342
|
+
}
|
|
8343
|
+
setInputValue() {
|
|
8344
|
+
const textValue = this.getTextValue(this.value) || '';
|
|
8345
|
+
if ((this._value || '') !== textValue) {
|
|
8346
|
+
this._value = textValue;
|
|
8347
|
+
this._textInput.value = this._value;
|
|
8348
|
+
}
|
|
8349
|
+
}
|
|
8350
|
+
async componentWillLoad() {
|
|
8351
|
+
this.i18n = await initI18n();
|
|
8352
|
+
}
|
|
8353
|
+
componentDidLoad() {
|
|
8354
|
+
CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
|
|
8355
|
+
this.setInputValue();
|
|
8356
|
+
if (this.autoFocus) {
|
|
8357
|
+
requestAnimationFrame(() => {
|
|
8358
|
+
this.setFocus({ selectText: true });
|
|
8359
|
+
});
|
|
8360
|
+
}
|
|
8361
|
+
}
|
|
8362
|
+
render() {
|
|
8363
|
+
ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
|
|
8364
|
+
return (h("ez-classic-input", { class: "number__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: (elem) => this._textInput = elem, "data-slave-mode": "true", label: this.label, onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), enabled: this.enabled, errorMessage: this.errorMessage, size: this.size, value: this._value, required: this.required, onEzChange: (event) => event.stopPropagation() }));
|
|
8365
|
+
}
|
|
8366
|
+
get _elem() { return this; }
|
|
8367
|
+
static get watchers() { return {
|
|
8368
|
+
"label": ["observeLabel"],
|
|
8369
|
+
"errorMessage": ["observeErrorMessage"],
|
|
8370
|
+
"value": ["observeValue"],
|
|
8371
|
+
"precision": ["observePrecision"],
|
|
8372
|
+
"prettyPrecision": ["observePrecision"]
|
|
8373
|
+
}; }
|
|
8374
|
+
static get style() { return ezClassicNumberInputCss; }
|
|
8375
|
+
};
|
|
8376
|
+
|
|
8377
|
+
const ezClassicSearchCss = ":host{--ez-classic-search--height:42px;--ez-classic-search--width:100%;--ez-classic-search__icon--width:48px;--ez-classic-search--border-radius:var(--border--radius-medium, 12px);--ez-classic-search--border-radius-small:var(--border--radius-small, 6px);--ez-classic-search--font-size:var(--text--medium, 14px);--ez-classic-search--font-family:var(--font-pattern, Arial);--ez-classic-search--font-weight--large:var(--text-weight--large, 500);--ez-classic-search--font-weight--medium:var(--text-weight--medium, 400);--ez-classic-search--background-color--xlight:var(--background--xlight, #fff);--ez-classic-search--background-medium:var(--background--medium, #f0f3f7);--ez-classic-search--line-height:calc(var(--text--medium, 14px) + 4px);--ez-classic-search__input--background-color:var(--background--medium, #e0e0e0);--ez-classic-search__input--border:var(--border--medium, 2px solid);--ez-classic-search__input--border-color:var(--ez-classic-search__input--background-color);--ez-classic-search__input--focus--border-color:var(--color--primary, #008561);--ez-classic-search__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-classic-search__input--disabled--color:var(--text--disable, #AFB6C0);--ez-classic-search__input--error--border-color:#CC2936;--ez-classic-search__btn--color:var(--title--primary, #2B3A54);--ez-classic-search__btn-disabled--color:var(--text--disable, #AFB6C0);--ez-classic-search__btn-hover--color:var(--color--primary, #4e4e4e);--ez-classic-search__label--color:var(--title--primary, #2B3A54);--ez-classic-search--space--medium:var(--space--medium, 12px);--ez-classic-search--space--small:var(--space--small, 6px);display:flex;flex-wrap:wrap;position:relative;width:var(--ez-classic-search--width)}ez-icon{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.suppressed-search-input{--ez-classic-input__input--border-color:var(--color--strokes, #dce0e8);--ez-classic-input__input--disabled--background-color:var(--background--xlight, #fff);--ez-classic-input__input--disabled--color:var(--title--primary, #2B3A54)}.btn{outline:none;border:none;background:none;cursor:pointer;color:var(--ez-classic-search__btn--color)}.btn:disabled{cursor:not-allowed;color:var(--ez-classic-search__btn-disabled--color)}.btn:disabled:hover{cursor:not-allowed;color:var(--ez-classic-search__btn-disabled--color)}.btn:hover{color:var(--ez-classic-search__btn-hover--color)}.btn__close{visibility:hidden}ez-classic-input:hover .btn__close,ez-classic-input:focus .btn__close{visibility:visible}";
|
|
8378
|
+
|
|
8379
|
+
const EzClassicSearch$1 = class extends HTMLElement$1 {
|
|
8380
|
+
constructor() {
|
|
8381
|
+
super();
|
|
8382
|
+
this.__registerHost();
|
|
8383
|
+
this.__attachShadow();
|
|
8384
|
+
this.ezChange = createEvent(this, "ezChange", 7);
|
|
8385
|
+
this._changeDeboucingTimeout = null;
|
|
8386
|
+
this._limitCharsToSearch = 3;
|
|
8387
|
+
this._deboucingTime = 300;
|
|
8388
|
+
this._maxWidthValue = 0;
|
|
8389
|
+
this._tabPressed = false;
|
|
8390
|
+
this._startHighlightTag = "<span class='card-item__highlight'>";
|
|
8391
|
+
this._endHighlightTag = "</span>";
|
|
8392
|
+
this._preSelection = undefined;
|
|
8393
|
+
this._visibleOptions = undefined;
|
|
8394
|
+
this._startLoading = false;
|
|
8395
|
+
this._showLoading = true;
|
|
8396
|
+
this._criteria = undefined;
|
|
8397
|
+
this.value = undefined;
|
|
8398
|
+
this.label = undefined;
|
|
8399
|
+
this.enabled = true;
|
|
8400
|
+
this.errorMessage = undefined;
|
|
8401
|
+
this.size = "default";
|
|
8402
|
+
this.optionLoader = undefined;
|
|
8403
|
+
this.contextProperties = undefined;
|
|
8404
|
+
this.showSelectedValue = true;
|
|
8405
|
+
this.showOptionValue = true;
|
|
8406
|
+
this.suppressEmptyOption = false;
|
|
8407
|
+
this.stopPropagateEnterKeyEvent = false;
|
|
8408
|
+
this.mode = "regular";
|
|
8409
|
+
this.classic = false;
|
|
8410
|
+
this.required = false;
|
|
8411
|
+
this.canShowError = true;
|
|
8412
|
+
this.hideErrorOnFocusOut = true;
|
|
8413
|
+
this.listOptionsPosition = undefined;
|
|
8414
|
+
this.isTextSearch = false;
|
|
8415
|
+
this.ignoreLimitCharsToSearch = false;
|
|
8416
|
+
this.options = undefined;
|
|
8417
|
+
this.suppressSearch = false;
|
|
8418
|
+
this.ensureClearButtonVisible = false;
|
|
8419
|
+
this.suppressPreLoad = true;
|
|
8420
|
+
this.autoFocus = false;
|
|
8421
|
+
this.alternativePlaceholder = undefined;
|
|
8422
|
+
this.showMore = undefined;
|
|
8423
|
+
this.suppressInputPersist = false;
|
|
8424
|
+
this.hideDescriptionInput = false;
|
|
8425
|
+
}
|
|
8426
|
+
observeErrorMessage() {
|
|
8427
|
+
var _a;
|
|
8428
|
+
if (this._textInput) {
|
|
8429
|
+
this._textInput.errorMessage = this.errorMessage;
|
|
8430
|
+
if (!((_a = this.errorMessage) === null || _a === void 0 ? void 0 : _a.trim()) && this.errorMessage) {
|
|
8431
|
+
this.setInputValue();
|
|
8432
|
+
}
|
|
8433
|
+
}
|
|
8434
|
+
}
|
|
8435
|
+
getValue(val) {
|
|
8436
|
+
return typeof val === 'object' ? val === null || val === void 0 ? void 0 : val.value : val;
|
|
8437
|
+
}
|
|
8438
|
+
validateNewValue(newValue, oldValue) {
|
|
8439
|
+
const parsedNewValue = this.getValue(newValue);
|
|
8440
|
+
const parsedOldValue = this.getValue(oldValue);
|
|
8441
|
+
const newValueIsValid = parsedNewValue !== "[object Object]";
|
|
8442
|
+
const valuesIsDifferent = parsedNewValue !== parsedOldValue;
|
|
8443
|
+
if (newValueIsValid && valuesIsDifferent) {
|
|
8444
|
+
return true;
|
|
8445
|
+
}
|
|
8446
|
+
return false;
|
|
8447
|
+
}
|
|
8448
|
+
async observeValue(newValue, oldValue) {
|
|
8449
|
+
if (this._textInput && this.validateNewValue(newValue, oldValue)) {
|
|
8450
|
+
if (typeof newValue === "string") {
|
|
8451
|
+
await this.handleValueAsString(newValue);
|
|
8452
|
+
return;
|
|
8453
|
+
}
|
|
8454
|
+
const newValueSelected = this.getSelectedOption(newValue);
|
|
8455
|
+
const currentValue = this.getSelectedOption(this._currentValue);
|
|
8456
|
+
if (this.isDifferentValues(currentValue, newValueSelected)) {
|
|
8457
|
+
this._currentValue = newValueSelected;
|
|
8458
|
+
this.setInputValue();
|
|
8459
|
+
const valueEmitted = newValueSelected !== null && newValueSelected !== void 0 ? newValueSelected : undefined;
|
|
8460
|
+
this.ezChange.emit(valueEmitted);
|
|
8461
|
+
}
|
|
8462
|
+
this.resetOptions();
|
|
8463
|
+
}
|
|
8464
|
+
}
|
|
8465
|
+
observeOptions(newOptions, oldOptions) {
|
|
8466
|
+
if (!newOptions.length && this.suppressPreLoad)
|
|
8467
|
+
return;
|
|
8468
|
+
if ((newOptions === null || newOptions === void 0 ? void 0 : newOptions.join('')) === (oldOptions === null || oldOptions === void 0 ? void 0 : oldOptions.join('')))
|
|
8469
|
+
return;
|
|
8470
|
+
this.loadOptions(SearchMode$1.PRELOAD);
|
|
8471
|
+
}
|
|
8472
|
+
/*
|
|
8473
|
+
* Retorna uma promise com o valor da opção selecionada,
|
|
8474
|
+
* que será resolvida quando o backend devolver este dado.
|
|
8475
|
+
*/
|
|
8476
|
+
async getValueAsync() {
|
|
8477
|
+
if (!this._showLoading) {
|
|
8478
|
+
return new Promise(resolve => resolve(this.value));
|
|
8479
|
+
}
|
|
8480
|
+
return new Promise(resolve => {
|
|
8481
|
+
let id = setInterval(() => {
|
|
8482
|
+
if (!this._showLoading) {
|
|
8483
|
+
clearInterval(id);
|
|
8484
|
+
resolve(this.value);
|
|
8485
|
+
}
|
|
8486
|
+
}, 100);
|
|
8487
|
+
});
|
|
8488
|
+
}
|
|
8489
|
+
/**
|
|
8490
|
+
* Aplica o foco no campo.
|
|
8491
|
+
*/
|
|
8492
|
+
async setFocus(options) {
|
|
8493
|
+
if (this._textInput) {
|
|
8494
|
+
this._textInput.setFocus(options);
|
|
8495
|
+
}
|
|
8496
|
+
}
|
|
8497
|
+
/**
|
|
8498
|
+
* Remove o foco do campo.
|
|
8499
|
+
*/
|
|
8500
|
+
async setBlur() {
|
|
8501
|
+
if (this._textInput) {
|
|
8502
|
+
this._textInput.setBlur();
|
|
8503
|
+
}
|
|
8504
|
+
}
|
|
8505
|
+
/**
|
|
8506
|
+
* Retorna se o conteúdo é inválido.
|
|
8507
|
+
*/
|
|
8508
|
+
async isInvalid() {
|
|
8509
|
+
return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
|
|
8510
|
+
}
|
|
8511
|
+
/**
|
|
8512
|
+
* Limpa o valor do campo de pesquisa
|
|
8513
|
+
*/
|
|
8514
|
+
async clearValue() {
|
|
8515
|
+
this.clearSearch();
|
|
8516
|
+
}
|
|
8517
|
+
async handleValueAsString(value) {
|
|
8518
|
+
if (this.getSelectedOption(value)) {
|
|
8519
|
+
this.setInputValue();
|
|
8520
|
+
return;
|
|
8521
|
+
}
|
|
8522
|
+
await this.loadDescriptionValue(value);
|
|
8523
|
+
if (!this._currentValue) {
|
|
8524
|
+
return;
|
|
8525
|
+
}
|
|
8526
|
+
this.setInputValue();
|
|
8527
|
+
this.ezChange.emit(this.value);
|
|
8528
|
+
this._currentValue = this.value;
|
|
8529
|
+
}
|
|
8530
|
+
isDifferentValues(firstValue, secondValue) {
|
|
8531
|
+
return ObjectUtils$1.objectToString(firstValue || {}) !== ObjectUtils$1.objectToString(secondValue || {});
|
|
8532
|
+
}
|
|
8533
|
+
getFormattedText(currentValue) {
|
|
8534
|
+
if (currentValue == undefined) {
|
|
8535
|
+
return;
|
|
8536
|
+
}
|
|
8537
|
+
let text = (!this.showSelectedValue || currentValue.value == undefined) ? currentValue.label : currentValue.label ? `${currentValue.value} - ${currentValue.label}` : currentValue.value;
|
|
8538
|
+
text = text === null || text === void 0 ? void 0 : text.replace(new RegExp(this._startHighlightTag, 'g'), '').replace(new RegExp(this._endHighlightTag, 'g'), '');
|
|
8539
|
+
return text;
|
|
8540
|
+
}
|
|
8541
|
+
getText() {
|
|
8542
|
+
const currentValue = this.getSelectedOption(this._currentValue);
|
|
8543
|
+
const text = this.getFormattedText(currentValue);
|
|
8544
|
+
return replaceQuotes$1(text);
|
|
8545
|
+
}
|
|
8546
|
+
getSelectedOption(value) {
|
|
8547
|
+
if (typeof value === "string" || value instanceof String) {
|
|
8548
|
+
return this._visibleOptions.find(o => o.value === value);
|
|
8549
|
+
}
|
|
8550
|
+
if (value) {
|
|
8551
|
+
return Object.assign(Object.assign({}, value), { value: replaceHighlight$1(value === null || value === void 0 ? void 0 : value.value), label: replaceHighlight$1(value === null || value === void 0 ? void 0 : value.label) });
|
|
8552
|
+
}
|
|
8553
|
+
return value;
|
|
8554
|
+
}
|
|
8555
|
+
updateVisibleOptions() {
|
|
8556
|
+
let opts = this._source || [];
|
|
8557
|
+
if (this.suppressEmptyOption) {
|
|
8558
|
+
this._visibleOptions = opts;
|
|
8559
|
+
}
|
|
8560
|
+
else {
|
|
8561
|
+
this._visibleOptions = [{ value: undefined, label: "" }].concat(opts);
|
|
8562
|
+
}
|
|
8563
|
+
this._maxWidthValue = this.getMaxWidthValue();
|
|
8564
|
+
}
|
|
8565
|
+
getMaxWidthValue() {
|
|
8566
|
+
var _a;
|
|
8567
|
+
const arrValues = [];
|
|
8568
|
+
(_a = this._visibleOptions) === null || _a === void 0 ? void 0 : _a.forEach(opt => {
|
|
8569
|
+
const widthValue = this.getWidthValue(opt.value);
|
|
8570
|
+
if (!arrValues.includes(widthValue)) {
|
|
8571
|
+
arrValues.push(widthValue);
|
|
8572
|
+
}
|
|
8573
|
+
});
|
|
8574
|
+
return arrValues.length > 1 ? Math.max(...arrValues) : 0;
|
|
8575
|
+
}
|
|
8576
|
+
getWidthValue(value) {
|
|
8577
|
+
if (this._itemValueBasis != undefined) {
|
|
8578
|
+
const span = this._itemValueBasis;
|
|
8579
|
+
if (value != undefined) {
|
|
8580
|
+
span.innerHTML = value;
|
|
8581
|
+
return span.clientWidth > 0 ? (span.clientWidth + 2) : 0;
|
|
8582
|
+
}
|
|
8583
|
+
else {
|
|
8584
|
+
span.innerHTML = "";
|
|
8585
|
+
}
|
|
8586
|
+
}
|
|
8587
|
+
return 0;
|
|
8588
|
+
}
|
|
8589
|
+
showOptions() {
|
|
8590
|
+
if (!this.enabled)
|
|
8591
|
+
return;
|
|
8592
|
+
if (this.isOptionsVisible()) {
|
|
8593
|
+
return;
|
|
8594
|
+
}
|
|
8595
|
+
this._ezPopOverPlusElement.showUnder(this._textInput);
|
|
8596
|
+
}
|
|
8597
|
+
hideOptions() {
|
|
8598
|
+
this._ezPopOverPlusElement.hide();
|
|
8599
|
+
}
|
|
8600
|
+
isOptionsVisible() {
|
|
8601
|
+
return this._ezPopOverPlusElement.opened;
|
|
8602
|
+
}
|
|
8603
|
+
selectCurrentOption(focusOnInput = true) {
|
|
8604
|
+
if (this._preSelection !== undefined) {
|
|
8605
|
+
this.selectOption(this._visibleOptions[this._preSelection], focusOnInput);
|
|
8606
|
+
this._preSelection = undefined;
|
|
8607
|
+
}
|
|
8608
|
+
else {
|
|
8609
|
+
this.controlListWithOnlyOne();
|
|
8610
|
+
}
|
|
8611
|
+
}
|
|
8612
|
+
updateSource(source) {
|
|
8613
|
+
this._startLoading = false;
|
|
8614
|
+
if (source instanceof Promise) {
|
|
8615
|
+
this._showLoading = true;
|
|
8616
|
+
source.then(result => {
|
|
8617
|
+
this.updateSource(result);
|
|
8618
|
+
}).finally(() => {
|
|
8619
|
+
this._showLoading = false;
|
|
8620
|
+
});
|
|
8621
|
+
this.updateVisibleOptions();
|
|
8622
|
+
}
|
|
8623
|
+
else {
|
|
8624
|
+
this._showLoading = false;
|
|
8625
|
+
if (Array.isArray(source)) {
|
|
8626
|
+
this._source = source;
|
|
8627
|
+
this.updateVisibleOptions();
|
|
8628
|
+
if (this._tabPressed) {
|
|
8629
|
+
this._tabPressed = false;
|
|
8630
|
+
this.controlEmptySearch(false);
|
|
8631
|
+
}
|
|
8632
|
+
}
|
|
8633
|
+
else {
|
|
8634
|
+
this.selectOption(source);
|
|
8635
|
+
}
|
|
8636
|
+
}
|
|
8637
|
+
}
|
|
8638
|
+
clearSource() {
|
|
8639
|
+
this._source = [];
|
|
8640
|
+
this.updateVisibleOptions();
|
|
8641
|
+
}
|
|
8642
|
+
selectOption(newOption, focusOnInput = true) {
|
|
8643
|
+
var _a, _b;
|
|
8644
|
+
const currentValue = this.getSelectedOption(this.value);
|
|
8645
|
+
const newOptionsReplaced = Object.assign(Object.assign({}, newOption), { value: replaceHighlight$1(newOption === null || newOption === void 0 ? void 0 : newOption.value), label: replaceHighlight$1(newOption === null || newOption === void 0 ? void 0 : newOption.label) });
|
|
8646
|
+
const newOptionsFormatted = Object.assign(Object.assign({}, newOptionsReplaced), { value: replaceQuotes$1(newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.value), label: replaceQuotes$1(newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.label) });
|
|
8647
|
+
if ((((_a = currentValue === null || currentValue === void 0 ? void 0 : currentValue.value) === null || _a === void 0 ? void 0 : _a.toString()) !== ((_b = newOptionsFormatted === null || newOptionsFormatted === void 0 ? void 0 : newOptionsFormatted.value) === null || _b === void 0 ? void 0 : _b.toString()))
|
|
8648
|
+
|| (currentValue == undefined && newOptionsFormatted != undefined && "value" in newOptionsFormatted)) {
|
|
8649
|
+
const adjustedOpt = !(newOptionsFormatted === null || newOptionsFormatted === void 0 ? void 0 : newOptionsFormatted.value) ? undefined : newOptionsFormatted;
|
|
8650
|
+
this.value = adjustedOpt;
|
|
8651
|
+
this._currentValue = adjustedOpt;
|
|
8652
|
+
}
|
|
8653
|
+
else {
|
|
8654
|
+
this.setInputValue();
|
|
8655
|
+
this.resetOptions();
|
|
8656
|
+
}
|
|
8657
|
+
this._visibleOptions = [];
|
|
8658
|
+
this.clearSource();
|
|
8659
|
+
if (focusOnInput) {
|
|
8660
|
+
setTimeout(() => {
|
|
8661
|
+
this.setFocus();
|
|
8662
|
+
}, 0);
|
|
8663
|
+
}
|
|
8664
|
+
}
|
|
8665
|
+
loadOptions(mode, argument = "") {
|
|
8666
|
+
this._criteria = argument;
|
|
8667
|
+
this._startLoading = true;
|
|
8668
|
+
if (this.optionLoader) {
|
|
8669
|
+
const searchArgument = { mode, argument };
|
|
8670
|
+
this.updateSource(this.optionLoader(searchArgument, this.contextProperties));
|
|
8671
|
+
}
|
|
8672
|
+
else {
|
|
8673
|
+
this.updateSource(this.options);
|
|
8674
|
+
}
|
|
8675
|
+
}
|
|
8676
|
+
cancelPreselection() {
|
|
8677
|
+
if (!this._textInput.value && this._currentValue && this._source.length > 0) {
|
|
8678
|
+
this.selectOption(undefined);
|
|
8679
|
+
}
|
|
8680
|
+
else {
|
|
8681
|
+
window.setTimeout(() => {
|
|
8682
|
+
this.setInputValue();
|
|
8683
|
+
}, this._deboucingTime);
|
|
8684
|
+
}
|
|
8685
|
+
this.resetOptions();
|
|
8686
|
+
}
|
|
8687
|
+
setInputValue(clearError = true) {
|
|
8688
|
+
if (this.suppressInputPersist) {
|
|
8689
|
+
this.clearSearch();
|
|
8690
|
+
return;
|
|
8691
|
+
}
|
|
8692
|
+
const textValue = this.getText();
|
|
8693
|
+
if ((this._textInput.value || '') !== textValue) {
|
|
8694
|
+
this._textInput.value = textValue;
|
|
8695
|
+
if (clearError) {
|
|
8696
|
+
this.errorMessage = null;
|
|
8697
|
+
}
|
|
8698
|
+
}
|
|
8699
|
+
}
|
|
8700
|
+
clearSearch() {
|
|
8701
|
+
this.value = null;
|
|
8702
|
+
this._currentValue = null;
|
|
8703
|
+
this._textInput.value = "";
|
|
8704
|
+
}
|
|
8705
|
+
controlListWithOnlyOne(focusOnInput = true) {
|
|
8706
|
+
var _a, _b;
|
|
8707
|
+
const source = (_a = this._visibleOptions) === null || _a === void 0 ? void 0 : _a.filter((opt) => opt.label !== "" && opt.value != undefined);
|
|
8708
|
+
if ((source === null || source === void 0 ? void 0 : source.length) > 0) {
|
|
8709
|
+
const startHighlight = new RegExp(this._startHighlightTag, 'g');
|
|
8710
|
+
const endHighlight = new RegExp(this._endHighlightTag, 'g');
|
|
8711
|
+
let title = StringUtils$1.decodeHtmlEntities(source[0].label);
|
|
8712
|
+
const option = {
|
|
8713
|
+
value: (_b = source[0].value) === null || _b === void 0 ? void 0 : _b.replace(startHighlight, '').replace(endHighlight, ''),
|
|
8714
|
+
label: title === null || title === void 0 ? void 0 : title.replace(startHighlight, '').replace(endHighlight, '')
|
|
8715
|
+
};
|
|
8716
|
+
this.selectOption(option, focusOnInput);
|
|
8717
|
+
}
|
|
8718
|
+
}
|
|
8719
|
+
controlEmptySearch(focusOnInput = true) {
|
|
8720
|
+
var _a;
|
|
8721
|
+
if (!((_a = this._visibleOptions) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
8722
|
+
this.clearSearch();
|
|
8723
|
+
ApplicationUtils.info(this.i18n("ez-classic-search.emptyList"));
|
|
8724
|
+
}
|
|
8725
|
+
else {
|
|
8726
|
+
this.controlListWithOnlyOne(focusOnInput);
|
|
8727
|
+
}
|
|
8728
|
+
}
|
|
8729
|
+
async loadDescriptionValue(argument) {
|
|
8730
|
+
var _a, _b, _c;
|
|
8731
|
+
if (argument == undefined) {
|
|
8732
|
+
return;
|
|
8733
|
+
}
|
|
8734
|
+
if (((_a = this.options) === null || _a === void 0 ? void 0 : _a.length) > 0) {
|
|
8735
|
+
this.loadOptionValue(argument);
|
|
8736
|
+
return;
|
|
8737
|
+
}
|
|
8738
|
+
const searchMode = this.hideDescriptionInput ? SearchMode$1.LOAD_DESCRIPTION : SearchMode$1.PREDICTIVE;
|
|
8739
|
+
const searchArgument = {
|
|
8740
|
+
mode: searchMode,
|
|
8741
|
+
argument
|
|
8742
|
+
};
|
|
8743
|
+
try {
|
|
8744
|
+
const source = await ((_b = this.optionLoader) === null || _b === void 0 ? void 0 : _b.call(this, searchArgument, this.contextProperties));
|
|
8745
|
+
if (source == undefined) {
|
|
8746
|
+
return;
|
|
8747
|
+
}
|
|
8748
|
+
if (source instanceof Promise) {
|
|
8749
|
+
source.then((result) => {
|
|
8750
|
+
this.setDescriptionValue(result);
|
|
8751
|
+
});
|
|
8752
|
+
}
|
|
8753
|
+
else {
|
|
8754
|
+
this.setDescriptionValue(source);
|
|
8755
|
+
}
|
|
8756
|
+
}
|
|
8757
|
+
catch (error) {
|
|
8758
|
+
if (((_c = error === null || error === void 0 ? void 0 : error.constructor) === null || _c === void 0 ? void 0 : _c.name) === "WarningException") {
|
|
8759
|
+
this.errorMessage = error.message;
|
|
8760
|
+
}
|
|
8761
|
+
throw error;
|
|
8762
|
+
}
|
|
8763
|
+
}
|
|
8764
|
+
setDescriptionValue(source) {
|
|
8765
|
+
const value = (source === null || source === void 0 ? void 0 : source[0]) || source;
|
|
8766
|
+
if (value == undefined || !Object.keys(value).length) {
|
|
8767
|
+
this.showNoResultMessage();
|
|
8768
|
+
return;
|
|
8769
|
+
}
|
|
8770
|
+
this._currentValue = value ? Object.assign(Object.assign({}, value), { value: replaceHighlight$1(value.value), label: replaceHighlight$1(value.label) }) : value;
|
|
8771
|
+
this.value = this._currentValue;
|
|
8772
|
+
this.setTextInputValue();
|
|
8773
|
+
}
|
|
8774
|
+
setTextInputValue() {
|
|
8775
|
+
if (this._textInput && (this._textInput.value === null || this._textInput.value === undefined)) {
|
|
8776
|
+
if (this.value === undefined || this.value === null)
|
|
8777
|
+
return;
|
|
8778
|
+
const textValue = (typeof this.value === 'string') ? this.value : this.getFormattedText(this.value);
|
|
8779
|
+
this._textInput.value = replaceQuotes$1(textValue);
|
|
8780
|
+
}
|
|
8781
|
+
}
|
|
8782
|
+
loadOptionValue(argument) {
|
|
8783
|
+
var _a;
|
|
8784
|
+
const source = (_a = this.options) === null || _a === void 0 ? void 0 : _a.find((opt) => opt.value === argument);
|
|
8785
|
+
if (source != undefined) {
|
|
8786
|
+
this.selectOption(source);
|
|
8787
|
+
}
|
|
8788
|
+
else {
|
|
8789
|
+
this.showNoResultMessage();
|
|
8790
|
+
}
|
|
8791
|
+
}
|
|
8792
|
+
async showNoResultMessage() {
|
|
8793
|
+
this.clearSearch();
|
|
8794
|
+
ApplicationUtils.info(this.i18n("ez-classic-search.emptySearch", { field: this.getFieldLabel() }));
|
|
8795
|
+
}
|
|
8796
|
+
getFieldLabel() {
|
|
8797
|
+
var _a;
|
|
8798
|
+
return (_a = this.label) === null || _a === void 0 ? void 0 : _a.replace(this.i18n("app.requiredInfo"), "").toUpperCase();
|
|
8799
|
+
}
|
|
8800
|
+
resetOptions() {
|
|
8801
|
+
if (this.showMore) {
|
|
8802
|
+
this.handleResetOptionsWithShowMoreVisible();
|
|
8803
|
+
return;
|
|
8804
|
+
}
|
|
8805
|
+
this.hideOptions();
|
|
8806
|
+
this._criteria = undefined;
|
|
8807
|
+
this._preSelection = undefined;
|
|
8808
|
+
this.updateVisibleOptions();
|
|
8809
|
+
}
|
|
8810
|
+
handleResetOptionsWithShowMoreVisible() {
|
|
8811
|
+
//Eh preciso adicionar um timeout para garantir que o evento seja escutado pelo botão de mostrar mais.
|
|
8812
|
+
setTimeout(() => {
|
|
8813
|
+
this.hideOptions();
|
|
8814
|
+
this._criteria = undefined;
|
|
8815
|
+
this._preSelection = undefined;
|
|
8816
|
+
this.updateVisibleOptions();
|
|
8817
|
+
}, 100);
|
|
8818
|
+
}
|
|
8819
|
+
async handleInitialValue() {
|
|
8820
|
+
const valueIsValid = !!this.getValue(this.value);
|
|
8821
|
+
if (!valueIsValid) {
|
|
8822
|
+
return;
|
|
8823
|
+
}
|
|
8824
|
+
if (typeof this.value === "string") {
|
|
8825
|
+
await this.handleValueAsString(this.value);
|
|
8826
|
+
return;
|
|
8827
|
+
}
|
|
8828
|
+
let text = this.getFormattedText(this.value);
|
|
8829
|
+
text = replaceQuotes$1(text);
|
|
8830
|
+
this._textInput.value = text;
|
|
8831
|
+
}
|
|
8832
|
+
//---------------------------------------------
|
|
8833
|
+
// Lifecycle web component
|
|
8834
|
+
//---------------------------------------------
|
|
8835
|
+
async componentWillLoad() {
|
|
8836
|
+
this.i18n = await initI18n();
|
|
8837
|
+
if (this.options === undefined) {
|
|
8838
|
+
this.options = [];
|
|
8839
|
+
const optionsTags = this.el.querySelectorAll("option");
|
|
8840
|
+
if (optionsTags) {
|
|
8841
|
+
optionsTags.forEach(e => {
|
|
8842
|
+
let label = e.innerText;
|
|
8843
|
+
let value = e.getAttribute("value");
|
|
8844
|
+
let details = e.getAttribute("details");
|
|
8845
|
+
if (!value) {
|
|
8846
|
+
value = label;
|
|
8847
|
+
}
|
|
8848
|
+
this.options.push({ label, value, details });
|
|
8849
|
+
e.hidden = true;
|
|
8850
|
+
});
|
|
8851
|
+
}
|
|
8852
|
+
}
|
|
8853
|
+
this.updateSource([]);
|
|
8854
|
+
}
|
|
8855
|
+
componentDidRender() {
|
|
8856
|
+
var _a;
|
|
8857
|
+
(_a = this._optionsList) === null || _a === void 0 ? void 0 : _a.querySelectorAll(".item").forEach((elem) => {
|
|
8858
|
+
ElementIDUtils.addIDInfoIfNotExists(elem, "itemSearch");
|
|
8859
|
+
});
|
|
8860
|
+
}
|
|
8861
|
+
async componentDidLoad() {
|
|
8862
|
+
this._currentValue = this.value;
|
|
8863
|
+
CSSVarsUtils.applyVarsTextInput(this.el, this._textInput);
|
|
8864
|
+
this._resizeObserver = new ResizeObserver((entries) => {
|
|
8865
|
+
window.requestAnimationFrame(() => {
|
|
8866
|
+
if (!Array.isArray(entries) || !entries.length)
|
|
8867
|
+
return;
|
|
8868
|
+
});
|
|
8869
|
+
});
|
|
8870
|
+
this._intersectionObserver = new IntersectionObserver((entries) => {
|
|
8871
|
+
entries.forEach(entry => {
|
|
8872
|
+
if (!entry.isIntersecting && this._ezPopOverPlusElement) {
|
|
8873
|
+
this._ezPopOverPlusElement.hide();
|
|
8874
|
+
}
|
|
8875
|
+
});
|
|
8876
|
+
}, { threshold: 0.1 });
|
|
8877
|
+
if (this._textInput) {
|
|
8878
|
+
this._intersectionObserver.observe(this._textInput);
|
|
8879
|
+
}
|
|
8880
|
+
await this.handleInitialValue();
|
|
8881
|
+
if (this.autoFocus) {
|
|
8882
|
+
requestAnimationFrame(() => {
|
|
8883
|
+
this.setFocus({ selectText: true });
|
|
8884
|
+
});
|
|
8885
|
+
}
|
|
8886
|
+
}
|
|
8887
|
+
disconnectedCallback() {
|
|
8888
|
+
var _a, _b;
|
|
8889
|
+
(_a = this._resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
8890
|
+
(_b = this._intersectionObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
|
|
8891
|
+
}
|
|
8892
|
+
//---------------------------------------------
|
|
8893
|
+
// Event handlers
|
|
8894
|
+
//---------------------------------------------
|
|
8895
|
+
handleClassicIconClick(event) {
|
|
8896
|
+
const { icon } = event.detail;
|
|
8897
|
+
if (icon === "left") {
|
|
8898
|
+
this.loadOptions(SearchMode$1.ADVANCED);
|
|
8899
|
+
return;
|
|
8900
|
+
}
|
|
8901
|
+
this.clearSearch();
|
|
8902
|
+
}
|
|
8903
|
+
buildNumberArgument(argument) {
|
|
8904
|
+
if (this.isTextSearch) {
|
|
8905
|
+
return NaN;
|
|
8906
|
+
}
|
|
8907
|
+
return Number(argument || undefined);
|
|
8908
|
+
}
|
|
8909
|
+
onTextInputChangeHandler(event) {
|
|
8910
|
+
var _a;
|
|
8911
|
+
this.clearDeboucingTimeout();
|
|
8912
|
+
if (this._startLoading) {
|
|
8913
|
+
this._changeDeboucingTimeout = window.setTimeout(() => {
|
|
8914
|
+
this.onTextInputChangeHandler(event);
|
|
8915
|
+
}, this._deboucingTime);
|
|
8916
|
+
return;
|
|
8917
|
+
}
|
|
8918
|
+
const argument = (_a = event.target.value) === null || _a === void 0 ? void 0 : _a.trim();
|
|
8919
|
+
const argumentNumber = this.buildNumberArgument(argument);
|
|
8920
|
+
if (!this._criteria) {
|
|
8921
|
+
this._textInput.value = event.data || argument;
|
|
8922
|
+
}
|
|
8923
|
+
this._criteria = argument;
|
|
8924
|
+
if (argument) {
|
|
8925
|
+
this._showLoading = false;
|
|
8926
|
+
this.clearSource();
|
|
8927
|
+
if (this.ignoreLimitCharsToSearch || !isNaN(argumentNumber) || argument.length >= this._limitCharsToSearch) {
|
|
8928
|
+
this._showLoading = true;
|
|
8929
|
+
this._changeDeboucingTimeout = window.setTimeout(() => {
|
|
8930
|
+
this.loadOptions(SearchMode$1.PREDICTIVE, isNaN(argumentNumber) ? argument : argumentNumber.toString());
|
|
8931
|
+
}, this._deboucingTime);
|
|
8932
|
+
this.showOptions();
|
|
8933
|
+
}
|
|
8934
|
+
else {
|
|
8935
|
+
this.hideOptions();
|
|
8936
|
+
}
|
|
8937
|
+
}
|
|
8938
|
+
else {
|
|
8939
|
+
this.hideOptions();
|
|
8940
|
+
this._showLoading = false;
|
|
8941
|
+
this.clearSource();
|
|
8942
|
+
}
|
|
8943
|
+
}
|
|
8944
|
+
clearDeboucingTimeout() {
|
|
8945
|
+
if (this._changeDeboucingTimeout) {
|
|
8946
|
+
window.clearTimeout(this._changeDeboucingTimeout);
|
|
8947
|
+
this._changeDeboucingTimeout = null;
|
|
8948
|
+
}
|
|
8949
|
+
}
|
|
8950
|
+
async keyDownHandler(event) {
|
|
8951
|
+
this._tabPressed = false;
|
|
8952
|
+
if (event.ctrlKey) {
|
|
8953
|
+
if (event.key === "f" || event.key === "F") {
|
|
8954
|
+
this.loadOptions(SearchMode$1.ADVANCED);
|
|
8955
|
+
//ATENÇÃO: Ctrl + F tem ação específica nos browsers
|
|
8956
|
+
//nesse caso, como vamos abrir o popup de busca avançada,
|
|
8957
|
+
//não é interessante deixar o evento propagar;
|
|
8958
|
+
event.stopPropagation();
|
|
8959
|
+
event.stopImmediatePropagation();
|
|
8960
|
+
event.preventDefault();
|
|
8961
|
+
}
|
|
8962
|
+
}
|
|
8963
|
+
switch (event.key) {
|
|
8964
|
+
case "ArrowDown":
|
|
8965
|
+
event.stopPropagation();
|
|
8966
|
+
if (this.canShowListOptions()) {
|
|
8967
|
+
event.preventDefault();
|
|
8968
|
+
}
|
|
8969
|
+
if (!this.isOptionsVisible()) {
|
|
8970
|
+
this.showOptions();
|
|
8971
|
+
}
|
|
8972
|
+
await this._classicSearchList.nextOption();
|
|
8973
|
+
break;
|
|
8974
|
+
case "ArrowUp":
|
|
8975
|
+
event.stopPropagation();
|
|
8976
|
+
if (this.canShowListOptions()) {
|
|
8977
|
+
event.preventDefault();
|
|
8978
|
+
}
|
|
8979
|
+
await this._classicSearchList.previousOption();
|
|
8980
|
+
break;
|
|
8981
|
+
case "Enter":
|
|
8982
|
+
this.handleEventPropagation(event);
|
|
8983
|
+
this.selectCurrentOption();
|
|
8984
|
+
break;
|
|
8985
|
+
case "Escape":
|
|
8986
|
+
this.cancelPreselection();
|
|
8987
|
+
break;
|
|
8988
|
+
case "Tab":
|
|
8989
|
+
this._tabPressed = true;
|
|
8990
|
+
this.selectCurrentOption(false);
|
|
8991
|
+
break;
|
|
8992
|
+
}
|
|
8993
|
+
//ATENÇÃO: Existe a necessidade de propagar o evento de teclado.
|
|
8994
|
+
//Por exemplo, quando o usuário dá um Enter, além de selecionar
|
|
8995
|
+
//um valor, também significa que a ateração finalizou,
|
|
8996
|
+
//e o contexto pode reagir (fechar um popup por exemplo).
|
|
8997
|
+
//event.stopPropagation();
|
|
8998
|
+
}
|
|
8999
|
+
//O evento deve ter sua propagação interrompida, apenas se a lista de opções estiver sendo exibida.
|
|
9000
|
+
handleEventPropagation(event) {
|
|
9001
|
+
if (this._ezPopOverPlusElement.opened && this.stopPropagateEnterKeyEvent) {
|
|
9002
|
+
event.stopPropagation();
|
|
9003
|
+
}
|
|
9004
|
+
}
|
|
9005
|
+
onTextInputFocusOutHandler() {
|
|
9006
|
+
if (this.hideErrorOnFocusOut)
|
|
9007
|
+
this.cancelPreselection();
|
|
9008
|
+
}
|
|
9009
|
+
canShowListOptions() {
|
|
9010
|
+
return !this._showLoading && this._visibleOptions.length > 0;
|
|
9011
|
+
}
|
|
9012
|
+
onChangePreSelection(value) {
|
|
9013
|
+
this._preSelection = value;
|
|
9014
|
+
}
|
|
9015
|
+
async handleClickShowMore() {
|
|
9016
|
+
var _a, _b;
|
|
9017
|
+
if (!this.optionLoader)
|
|
9018
|
+
return;
|
|
9019
|
+
const argument = (_b = (_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : "";
|
|
9020
|
+
const searchArgument = { mode: SearchMode$1.ADVANCED, argument };
|
|
9021
|
+
const selectedOption = await this.optionLoader(searchArgument, this.contextProperties);
|
|
9022
|
+
if (selectedOption && !Array.isArray(selectedOption)) {
|
|
9023
|
+
this.selectOption(selectedOption);
|
|
7437
9024
|
}
|
|
7438
|
-
event.stopPropagation();
|
|
7439
|
-
this.iconClick.emit({ icon });
|
|
7440
9025
|
}
|
|
7441
|
-
|
|
7442
|
-
if (this.
|
|
7443
|
-
|
|
9026
|
+
renderShowMore() {
|
|
9027
|
+
if (!this.showMore || this._showLoading)
|
|
9028
|
+
return;
|
|
9029
|
+
return (h("div", { style: { display: "flex", justifyContent: "center" }, "data-element-id": ElementIDUtils.getInternalIDInfo("showMore") }, h("ez-button", { onClick: async () => await this.handleClickShowMore(), variant: "tertiary", style: { width: "100%", justifyContent: "center" }, label: this.i18n("ez-classic-search.showMore") })));
|
|
9030
|
+
}
|
|
9031
|
+
render() {
|
|
9032
|
+
var _a;
|
|
9033
|
+
ElementIDUtils.addIDInfoIfNotExists(this.el, 'input');
|
|
9034
|
+
const canClearSearch = !!(((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value) && (this._criteria || this.value)) || this.ensureClearButtonVisible;
|
|
9035
|
+
return (h(Host, null, h("ez-classic-input", { "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), class: this.suppressSearch ? "suppressed-search-input" : "", ref: elem => this._textInput = elem, "data-slave-mode": "true", enabled: this.enabled && !this.suppressSearch, onInput: event => this.onTextInputChangeHandler(event), onFocusout: () => this.onTextInputFocusOutHandler(), onKeyDown: event => this.keyDownHandler(event), label: this.label, helpText: this.canShowError ? this.errorMessage : undefined, state: this.errorMessage && this.canShowError ? "error" : "default", size: this.size, placeholder: this.alternativePlaceholder, leftIconName: "search", leftIconClickable: true, rightIconName: canClearSearch ? "close" : null, rightIconClickable: true, required: this.required, onIconClick: (event) => this.handleClassicIconClick(event), onEzChange: (event) => event.stopPropagation() }), h("ez-popover-plus", { ref: elem => this._ezPopOverPlusElement = elem, autoClose: false, overlayType: "none", useAnchorSize: true, anchorElement: [this._textInput, this.el], "data-element-id": this.el.getAttribute("data-element-id"), onEzVisibilityChange: (event) => event.stopPropagation() }, h("div", null, h("classic-search-list", { ref: (ref) => this._classicSearchList = ref, showLoading: this._showLoading, visibleOptions: this._visibleOptions, textEmptyList: this.i18n("ez-classic-search.emptyList"), canShowListOptions: this.canShowListOptions(), value: this.value, showOptionValue: this.showOptionValue, preSelection: this._preSelection, onChangeValue: ({ detail }) => this.selectOption(detail), onChangePreSelection: ({ detail }) => this.onChangePreSelection(detail) }), this.renderShowMore()))));
|
|
9036
|
+
}
|
|
9037
|
+
get el() { return this; }
|
|
9038
|
+
static get watchers() { return {
|
|
9039
|
+
"errorMessage": ["observeErrorMessage"],
|
|
9040
|
+
"value": ["observeValue"],
|
|
9041
|
+
"options": ["observeOptions"]
|
|
9042
|
+
}; }
|
|
9043
|
+
static get style() { return ezClassicSearchCss; }
|
|
9044
|
+
};
|
|
9045
|
+
|
|
9046
|
+
const ezClassicSearchPlusCss = ":host{--ez-classic-search--height:42px;--ez-classic-search--width:100%;--ez-classic-search__icon--width:48px;--ez-classic-search--border-radius:var(--border--radius-medium, 12px);--ez-classic-search--border-radius-small:var(--border--radius-small, 6px);--ez-classic-search--font-size:var(--text--medium, 14px);--ez-classic-search--font-family:var(--font-pattern, Arial);--ez-classic-search--font-weight--large:var(--text-weight--large, 500);--ez-classic-search--font-weight--medium:var(--text-weight--medium, 400);--ez-classic-search--background-color--xlight:var(--background--xlight, #fff);--ez-classic-search--background-medium:var(--background--medium, #f0f3f7);--ez-classic-search--line-height:calc(var(--text--medium, 14px) + 4px);--ez-classic-search__input--background-color:var(--background--medium, #e0e0e0);--ez-classic-search__input--border:var(--border--medium, 2px solid);--ez-classic-search__input--border-color:var(--ez-classic-search__input--background-color);--ez-classic-search__input--focus--border-color:var(--color--primary, #008561);--ez-classic-search__input--disabled--background-color:var(--color--disable-secondary, #F2F5F8);--ez-classic-search__input--disabled--color:var(--text--disable, #AFB6C0);--ez-classic-search__input--error--border-color:#CC2936;--ez-classic-search__btn--color:var(--title--primary, #2B3A54);--ez-classic-search__btn-disabled--color:var(--text--disable, #AFB6C0);--ez-classic-search__btn-hover--color:var(--color--primary, #4e4e4e);--ez-classic-search__label--color:var(--title--primary, #2B3A54);--ez-classic-search__list-title--primary:var(--title--primary, #2B3A54);--ez-classic-search__list-text--primary:var(--text--primary, #626e82);--ez-classic-search__list-height:calc(var(--ez-classic-search--font-size) + var(--ez-classic-search--space--medium) + 4px);--ez-classic-search__list-min-width:64px;--ez-classic-search--space--medium:var(--space--medium, 12px);--ez-classic-search--space--small:var(--space--small, 6px);--ez-classic-search__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-classic-search__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-classic-search__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-classic-search__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-classic-search__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-classic-search__scrollbar--width:var(--space--medium, 12px);display:flex;flex-wrap:wrap;position:relative;width:var(--ez-classic-search--width)}ez-icon{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.suppressed-search-input{--ez-classic-input__input--border-color:var(--color--strokes, #dce0e8);--ez-classic-input__input--disabled--background-color:var(--background--xlight, #fff);--ez-classic-input__input--disabled--color:var(--title--primary, #2B3A54)}.list-container{min-width:var(--ez-classic-search__list-min-width);overflow:auto;position:relative;width:100%}.list-wrapper{display:flex;flex-direction:column;box-sizing:border-box;width:0;z-index:var(--more-visible, 2);max-height:350px;min-width:150px;background-color:var(--ez-classic-search--background-color--xlight);border-radius:var(--ez-classic-search--border-radius);box-shadow:var(--shadow, 0px 0px 16px 0px #000)}.list-options{margin-top:0px;box-sizing:border-box;width:100%;height:100%;padding:0;display:flex;flex-direction:column;scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--ez-classic-search__scrollbar--color-clicked) var(--ez-classic-search__scrollbar--color-background)}.list-options::-webkit-scrollbar{background-color:var(--scrollbar--background);width:var(--space--small);max-width:var(--space--small);min-width:var(--space--small);height:var(--space--small);max-height:var(--space--small);min-height:var(--space--small)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-classic-search__scrollbar--color-background);border-radius:var(--ez-classic-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-classic-search__scrollbar--color-default);border-radius:var(--ez-classic-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb:vertical:hover,.list-options::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-classic-search__scrollbar--color-hover)}.list-options::-webkit-scrollbar-thumb:vertical:active,.list-options::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-classic-search__scrollbar--color-clicked)}.item{display:flex;align-items:center;width:100%;box-sizing:border-box;list-style-type:none;cursor:pointer;border-radius:var(--ez-classic-search--border-radius-small);gap:var(--space--small, 6px)}.item__value,.item__label{flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-classic-search__list-title--primary);font-family:var(--ez-classic-search--font-family);font-size:var(--ez-classic-search--font-size);line-height:var(--ez-classic-search--line-height)}.item__label{font-weight:var(--ez-classic-search--font-weight--medium)}.item__label--bold{font-weight:var(--ez-classic-search--font-weight--large)}.item__value{text-align:center;color:var(--ez-classic-search__list-text--primary);font-weight:var(--ez-classic-search--font-weight--large)}.item__value--hidden{visibility:hidden;position:absolute;white-space:nowrap;z-index:-1;top:0;left:0}.item__label{text-align:left}.message{text-align:center;display:flex;justify-content:center;align-items:center;list-style-type:none;min-height:var(--ez-classic-search__list-height)}.message__no-result{color:var(--ez-classic-search__list-title--primary);font-family:var(--ez-classic-search--font-family);font-size:var(--ez-classic-search--font-size)}.message__loading{border-radius:50%;width:14px;height:14px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid var(--ez-classic-search__list-title--primary);border-top:3px solid transparent}.item__list>li:hover{background-color:var(--ez-classic-search--background-medium)}.preselected{background-color:var(--background--medium)}.btn{outline:none;border:none;background:none;cursor:pointer;color:var(--ez-classic-search__btn--color)}.btn:disabled{cursor:not-allowed;color:var(--ez-classic-search__btn-disabled--color)}.btn:disabled:hover{cursor:not-allowed;color:var(--ez-classic-search__btn-disabled--color)}.btn:hover{color:var(--ez-classic-search__btn-hover--color)}.btn__close{visibility:hidden}ez-classic-input:hover .btn__close,ez-c-input:focus .btn__close{visibility:visible}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@supports not (scrollbar-width: thin){.item{padding-right:8px}}.ez-classic-search-plus__container{display:flex;flex-grow:1;gap:3px}.ez-classic-search-plus__wrapper{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.ez-classic-search-plus__label-container{display:flex;flex-grow:1;gap:3px;overflow:hidden}.ez-classic-search-plus__label-container label{overflow:hidden;text-overflow:ellipsis;font-family:var(--font--pattern, Arial, sans-serif);font-size:var(--font-size--default, 14px);white-space:nowrap}.ez-classic-search-plus__text-input{--ez-classic-input--border-top-left-radius:0px;--ez-classic-input--border-bottom-left-radius:0px;outline:none}.ez-classic-search-plus__code-input-no-border{--ez-classic-input--border-top-right-radius:0px;--ez-classic-input--border-bottom-right-radius:0px}.ez-classic-search-plus__code-input{max-width:85px;--ez-classic-input--padding-inline:6px;--ez-classic-input--gap:6px}.ez-classic-search-plus__code-input-full{width:100%}.description-input-container{width:100%;outline:none}.required-indicator{font-size:var(--font--size--default, 14px);font-family:var(--font--pattern, 'Roboto');color:var(--color--red-600, #BD0025);margin-left:var(--space--4, 4px);vertical-align:top}";
|
|
9047
|
+
|
|
9048
|
+
const EzClassicSearchPlus$1 = class extends HTMLElement$1 {
|
|
9049
|
+
constructor() {
|
|
9050
|
+
super();
|
|
9051
|
+
this.__registerHost();
|
|
9052
|
+
this.__attachShadow();
|
|
9053
|
+
this.ezChange = createEvent(this, "ezChange", 7);
|
|
9054
|
+
this.SEARCH_DESCRIPTION_TIMEOUT = 2000;
|
|
9055
|
+
this.INTERVAL_TO_RETRY_ASYNC_VALUE = 100;
|
|
9056
|
+
this._ignoreNextValue = false;
|
|
9057
|
+
this.value = undefined;
|
|
9058
|
+
this.enabled = true;
|
|
9059
|
+
this.disableCodeInput = false;
|
|
9060
|
+
this.disableDescriptionInput = false;
|
|
9061
|
+
this.label = undefined;
|
|
9062
|
+
this.hideDescriptionInput = false;
|
|
9063
|
+
this.canShowError = true;
|
|
9064
|
+
this.errorMessage = undefined;
|
|
9065
|
+
this.mode = "regular";
|
|
9066
|
+
this.size = "default";
|
|
9067
|
+
this.required = false;
|
|
9068
|
+
this.contextProperties = undefined;
|
|
9069
|
+
this.optionLoader = undefined;
|
|
9070
|
+
this.showOptionValue = true;
|
|
9071
|
+
this.stopPropagateEnterKeyEvent = false;
|
|
9072
|
+
this.autoFocus = false;
|
|
9073
|
+
this.showSelectedValue = true;
|
|
9074
|
+
this.suppressEmptyOption = false;
|
|
9075
|
+
this.hideErrorOnFocusOut = true;
|
|
9076
|
+
this.listOptionsPosition = undefined;
|
|
9077
|
+
this.isTextSearch = false;
|
|
9078
|
+
this.ignoreLimitCharsToSearch = false;
|
|
9079
|
+
this.suppressSearch = false;
|
|
9080
|
+
this.suppressPreLoad = true;
|
|
9081
|
+
this.ensureClearButtonVisible = false;
|
|
9082
|
+
this.descriptionValue = "";
|
|
9083
|
+
this.codeValue = "";
|
|
9084
|
+
this.isLoadingDescription = false;
|
|
9085
|
+
this.searchDescriptionIsOpen = false;
|
|
9086
|
+
this.visibleOptions = undefined;
|
|
9087
|
+
this.showLoading = true;
|
|
9088
|
+
}
|
|
9089
|
+
async observeValue(newValue, oldValue) {
|
|
9090
|
+
var _a;
|
|
9091
|
+
if (this._ignoreNextValue) {
|
|
9092
|
+
this._ignoreNextValue = false;
|
|
9093
|
+
return;
|
|
7444
9094
|
}
|
|
7445
|
-
|
|
7446
|
-
|
|
7447
|
-
|
|
9095
|
+
const newNormalizedValue = this.normalizeValueToCodeValue(newValue);
|
|
9096
|
+
const oldNormalizedValue = this.normalizeValueToCodeValue(oldValue);
|
|
9097
|
+
if (newNormalizedValue === oldNormalizedValue) {
|
|
9098
|
+
return;
|
|
9099
|
+
}
|
|
9100
|
+
if (newNormalizedValue === undefined) {
|
|
9101
|
+
this.codeValue = undefined;
|
|
9102
|
+
this.descriptionValue = undefined;
|
|
9103
|
+
this.ezChange.emit(undefined);
|
|
9104
|
+
return;
|
|
9105
|
+
}
|
|
9106
|
+
this.codeValue = newNormalizedValue;
|
|
9107
|
+
try {
|
|
9108
|
+
this.descriptionValue = await this.normalizeCodeToDescriptionValue(newValue);
|
|
9109
|
+
if (this.descriptionValue === null || this.descriptionValue === undefined) {
|
|
9110
|
+
throw new Error("Valor não encontrado!");
|
|
9111
|
+
}
|
|
9112
|
+
}
|
|
9113
|
+
catch (err) {
|
|
9114
|
+
this._ignoreNextValue = true;
|
|
9115
|
+
this.clearSearch();
|
|
9116
|
+
console.warn("[EzSearchPlus] Erro ao obter descrição do registro.", err);
|
|
9117
|
+
if (((_a = err === null || err === void 0 ? void 0 : err.constructor) === null || _a === void 0 ? void 0 : _a.name) === "WarningException") {
|
|
9118
|
+
this.errorMessage = err.message;
|
|
9119
|
+
}
|
|
9120
|
+
throw err;
|
|
7448
9121
|
}
|
|
9122
|
+
this.value = this.buildCurrentValue();
|
|
9123
|
+
this.ezChange.emit(this.value);
|
|
9124
|
+
this.errorMessage = null;
|
|
7449
9125
|
}
|
|
7450
|
-
|
|
7451
|
-
|
|
7452
|
-
|
|
9126
|
+
/**
|
|
9127
|
+
* Aplica o foco no campo.
|
|
9128
|
+
*/
|
|
9129
|
+
async setFocus(options) {
|
|
9130
|
+
var _a;
|
|
9131
|
+
if (this.disableCodeInput) {
|
|
9132
|
+
(_a = this._textInputDescriptionValue) === null || _a === void 0 ? void 0 : _a.setFocus(options);
|
|
9133
|
+
return;
|
|
7453
9134
|
}
|
|
7454
|
-
if (
|
|
7455
|
-
this.
|
|
9135
|
+
if (this._latestFocusedInputElement) {
|
|
9136
|
+
this._latestFocusedInputElement.setFocus(options);
|
|
9137
|
+
return;
|
|
9138
|
+
}
|
|
9139
|
+
this._textInputCodeValue.setFocus(options);
|
|
9140
|
+
}
|
|
9141
|
+
/**
|
|
9142
|
+
* Obtém o valor do componente só após a compo de apresentação
|
|
9143
|
+
* ter sido resolvido pelo option loader quando necessário
|
|
9144
|
+
*/
|
|
9145
|
+
async getValueAsync() {
|
|
9146
|
+
if (!this.isLoadingDescription) {
|
|
9147
|
+
const currentOpt = this.buildCurrentValue();
|
|
9148
|
+
return new Promise(resolve => resolve(currentOpt));
|
|
9149
|
+
}
|
|
9150
|
+
return new Promise(resolve => {
|
|
9151
|
+
let id = setInterval(() => {
|
|
9152
|
+
if (!this.isLoadingDescription) {
|
|
9153
|
+
clearInterval(id);
|
|
9154
|
+
const currentOpt = this.buildCurrentValue();
|
|
9155
|
+
resolve(currentOpt);
|
|
9156
|
+
}
|
|
9157
|
+
}, this.INTERVAL_TO_RETRY_ASYNC_VALUE);
|
|
9158
|
+
});
|
|
9159
|
+
}
|
|
9160
|
+
/**
|
|
9161
|
+
* Limpa o valor do campo de pesquisa
|
|
9162
|
+
*/
|
|
9163
|
+
async clearValue() {
|
|
9164
|
+
this.clearSearch();
|
|
9165
|
+
}
|
|
9166
|
+
/**
|
|
9167
|
+
* Remove o foco do campo.
|
|
9168
|
+
*/
|
|
9169
|
+
async setBlur() {
|
|
9170
|
+
var _a, _b;
|
|
9171
|
+
(_a = this._textInputCodeValue) === null || _a === void 0 ? void 0 : _a.setBlur();
|
|
9172
|
+
(_b = this._textInputDescriptionValue) === null || _b === void 0 ? void 0 : _b.setBlur();
|
|
9173
|
+
}
|
|
9174
|
+
/**
|
|
9175
|
+
* Retorna se o conteúdo é inválido.
|
|
9176
|
+
*/
|
|
9177
|
+
async isInvalid() {
|
|
9178
|
+
return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
|
|
9179
|
+
}
|
|
9180
|
+
async componentWillLoad() {
|
|
9181
|
+
this.i18n = await initI18n();
|
|
9182
|
+
if (this.value && StringUtils$1.isEmpty(this.codeValue)) {
|
|
9183
|
+
await this.observeValue(this.value, undefined);
|
|
7456
9184
|
}
|
|
7457
9185
|
}
|
|
7458
9186
|
componentDidLoad() {
|
|
7459
|
-
this.
|
|
7460
|
-
this.
|
|
9187
|
+
CSSVarsUtils.applyVarsTextInput(this.el, this._textInputCodeValue);
|
|
9188
|
+
CSSVarsUtils.applyVarsTextInput(this.el, this._textInputDescriptionValue);
|
|
9189
|
+
}
|
|
9190
|
+
connectedCallback() {
|
|
9191
|
+
this.initKeyboardManager();
|
|
9192
|
+
if (this.autoFocus) {
|
|
9193
|
+
requestAnimationFrame(() => {
|
|
9194
|
+
this.setFocus({ selectText: true });
|
|
9195
|
+
});
|
|
9196
|
+
}
|
|
9197
|
+
}
|
|
9198
|
+
clearSearch() {
|
|
9199
|
+
this.value = null;
|
|
9200
|
+
this.codeValue = null;
|
|
9201
|
+
this.descriptionValue = null;
|
|
9202
|
+
if (!this.hideDescriptionInput) {
|
|
9203
|
+
this._textInputDescriptionValue.value = null;
|
|
9204
|
+
}
|
|
9205
|
+
}
|
|
9206
|
+
async normalizeCodeToDescriptionValue(valueToNormalize) {
|
|
9207
|
+
if (!valueToNormalize) {
|
|
9208
|
+
return "";
|
|
9209
|
+
}
|
|
9210
|
+
if (typeof valueToNormalize == 'string') {
|
|
9211
|
+
try {
|
|
9212
|
+
valueToNormalize = JSON.parse(valueToNormalize);
|
|
9213
|
+
if ((valueToNormalize === null || valueToNormalize === void 0 ? void 0 : valueToNormalize.value) && !(valueToNormalize === null || valueToNormalize === void 0 ? void 0 : valueToNormalize.label)) {
|
|
9214
|
+
return await this.loadDescriptionValueByCode(valueToNormalize === null || valueToNormalize === void 0 ? void 0 : valueToNormalize.value);
|
|
9215
|
+
}
|
|
9216
|
+
}
|
|
9217
|
+
catch (e) {
|
|
9218
|
+
return await this.loadDescriptionValueByCode(valueToNormalize);
|
|
9219
|
+
}
|
|
9220
|
+
}
|
|
9221
|
+
//Se é diferente de objeto, temos que resolver a descrição
|
|
9222
|
+
if (typeof valueToNormalize != 'object') {
|
|
9223
|
+
return await this.loadDescriptionValueByCode(valueToNormalize);
|
|
9224
|
+
}
|
|
9225
|
+
return valueToNormalize === null || valueToNormalize === void 0 ? void 0 : valueToNormalize.label;
|
|
9226
|
+
}
|
|
9227
|
+
normalizeValueToCodeValue(valueToNormalize) {
|
|
9228
|
+
if (!valueToNormalize) {
|
|
9229
|
+
return undefined;
|
|
9230
|
+
}
|
|
9231
|
+
if (typeof valueToNormalize == 'string') {
|
|
9232
|
+
try {
|
|
9233
|
+
valueToNormalize = JSON.parse(valueToNormalize);
|
|
9234
|
+
}
|
|
9235
|
+
catch (e) {
|
|
9236
|
+
return valueToNormalize;
|
|
9237
|
+
}
|
|
9238
|
+
}
|
|
9239
|
+
if (typeof valueToNormalize != 'object') {
|
|
9240
|
+
return typeof valueToNormalize === 'number'
|
|
9241
|
+
? String(valueToNormalize)
|
|
9242
|
+
: valueToNormalize;
|
|
9243
|
+
}
|
|
9244
|
+
return valueToNormalize === null || valueToNormalize === void 0 ? void 0 : valueToNormalize.value;
|
|
9245
|
+
}
|
|
9246
|
+
async loadDescriptionValueByCode(codeValue) {
|
|
9247
|
+
if (!this.optionLoader) {
|
|
9248
|
+
console.warn(this.i18n("ez-search-plus.optionLoaderNotDefined"));
|
|
9249
|
+
return "";
|
|
9250
|
+
}
|
|
9251
|
+
try {
|
|
9252
|
+
this.isLoadingDescription = true;
|
|
9253
|
+
const searchArgument = { mode: SearchMode$1.LOAD_DESCRIPTION, argument: codeValue };
|
|
9254
|
+
const loadedOption = await this.optionLoader(searchArgument);
|
|
9255
|
+
if (!loadedOption) {
|
|
9256
|
+
return "";
|
|
9257
|
+
}
|
|
9258
|
+
if (Array.isArray(loadedOption)) {
|
|
9259
|
+
return loadedOption[0].label;
|
|
9260
|
+
}
|
|
9261
|
+
return loadedOption.label;
|
|
9262
|
+
}
|
|
9263
|
+
finally {
|
|
9264
|
+
this.isLoadingDescription = false;
|
|
9265
|
+
}
|
|
9266
|
+
}
|
|
9267
|
+
handleCodeInputFocusOut() {
|
|
9268
|
+
this.cancelSelection();
|
|
9269
|
+
if (this.codeValue == this._textInputCodeValue.value)
|
|
9270
|
+
return;
|
|
9271
|
+
this.value = this._textInputCodeValue.value;
|
|
9272
|
+
}
|
|
9273
|
+
handleSearchClick() {
|
|
9274
|
+
this.loadAdvancedSearch();
|
|
9275
|
+
}
|
|
9276
|
+
async loadAdvancedSearch() {
|
|
9277
|
+
if (!this.optionLoader) {
|
|
9278
|
+
console.warn(this.i18n("ez-search-plus.optionLoaderNotDefined"));
|
|
9279
|
+
return;
|
|
9280
|
+
}
|
|
9281
|
+
const searchArgument = { mode: SearchMode$1.ADVANCED, argument: "" };
|
|
9282
|
+
let selectedItem = undefined;
|
|
9283
|
+
try {
|
|
9284
|
+
selectedItem = await this.optionLoader(searchArgument, this.contextProperties);
|
|
9285
|
+
}
|
|
9286
|
+
catch (ignore) { }
|
|
9287
|
+
if (!selectedItem)
|
|
9288
|
+
return;
|
|
9289
|
+
this.value = selectedItem;
|
|
9290
|
+
}
|
|
9291
|
+
buildCurrentValue() {
|
|
9292
|
+
if (StringUtils$1.isEmpty(this.codeValue)) {
|
|
9293
|
+
return undefined;
|
|
9294
|
+
}
|
|
9295
|
+
return {
|
|
9296
|
+
value: this.codeValue,
|
|
9297
|
+
label: this.descriptionValue
|
|
9298
|
+
};
|
|
9299
|
+
}
|
|
9300
|
+
async handleTextInputChangeHandler(event) {
|
|
9301
|
+
if (!this.searchDescriptionIsOpen) {
|
|
9302
|
+
this._popover.showUnder(this.el);
|
|
9303
|
+
}
|
|
9304
|
+
const argument = event.target.value;
|
|
9305
|
+
await this.debounceLoaderOptions(argument);
|
|
9306
|
+
}
|
|
9307
|
+
async debounceLoaderOptions(argument) {
|
|
9308
|
+
if (this._debounceSearch)
|
|
9309
|
+
clearTimeout(this._debounceSearch);
|
|
9310
|
+
return new Promise((resolve) => {
|
|
9311
|
+
this._debounceSearch = setTimeout(async () => {
|
|
9312
|
+
await this.processOptionsLoader(argument);
|
|
9313
|
+
resolve();
|
|
9314
|
+
}, this.SEARCH_DESCRIPTION_TIMEOUT);
|
|
9315
|
+
});
|
|
9316
|
+
}
|
|
9317
|
+
updateKeyOption(option) {
|
|
9318
|
+
return (Object.assign(Object.assign({}, option), { presentationValue: option.value, presentationLabel: option.label }));
|
|
9319
|
+
}
|
|
9320
|
+
parseSearchOptions(options = []) {
|
|
9321
|
+
if (Array.isArray(options)) {
|
|
9322
|
+
const firstOption = options[0];
|
|
9323
|
+
if (!firstOption) {
|
|
9324
|
+
return [];
|
|
9325
|
+
}
|
|
9326
|
+
if ("label" in firstOption || "value" in firstOption) {
|
|
9327
|
+
return options.map((option) => this.updateKeyOption(option));
|
|
9328
|
+
}
|
|
9329
|
+
return options;
|
|
9330
|
+
}
|
|
9331
|
+
if ("label" in options || "value" in options) {
|
|
9332
|
+
[this.updateKeyOption(options)];
|
|
9333
|
+
}
|
|
9334
|
+
return [options];
|
|
9335
|
+
}
|
|
9336
|
+
async processOptionsLoader(argument) {
|
|
9337
|
+
try {
|
|
9338
|
+
this.showLoading = true;
|
|
9339
|
+
const searchArgument = { mode: SearchMode$1.PREDICTIVE, argument };
|
|
9340
|
+
const options = await this.optionLoader(searchArgument);
|
|
9341
|
+
this.visibleOptions = this.parseSearchOptions(options);
|
|
9342
|
+
}
|
|
9343
|
+
finally {
|
|
9344
|
+
this.showLoading = false;
|
|
9345
|
+
}
|
|
9346
|
+
}
|
|
9347
|
+
handleSelectItem(evt) {
|
|
9348
|
+
const currentOpt = evt.detail;
|
|
9349
|
+
this.value = currentOpt;
|
|
9350
|
+
this._popover.hide();
|
|
9351
|
+
window.requestAnimationFrame(() => {
|
|
9352
|
+
var _a;
|
|
9353
|
+
(_a = this._textInputDescriptionValue) === null || _a === void 0 ? void 0 : _a.setFocus({ selectText: true });
|
|
9354
|
+
});
|
|
9355
|
+
}
|
|
9356
|
+
async handleArrowUp() {
|
|
9357
|
+
if (!this.isOptionsVisible()) {
|
|
9358
|
+
return;
|
|
9359
|
+
}
|
|
9360
|
+
await this._classicSearchList.previousOption();
|
|
9361
|
+
}
|
|
9362
|
+
async handleArrowDown() {
|
|
9363
|
+
if (!this.isOptionsVisible()) {
|
|
9364
|
+
return;
|
|
9365
|
+
}
|
|
9366
|
+
await this._classicSearchList.nextOption();
|
|
9367
|
+
}
|
|
9368
|
+
async selectCurrentItem() {
|
|
9369
|
+
var _a;
|
|
9370
|
+
await ((_a = this._classicSearchList) === null || _a === void 0 ? void 0 : _a.selectCurrentItem());
|
|
9371
|
+
}
|
|
9372
|
+
async cancelSelection() {
|
|
9373
|
+
var _a, _b, _c;
|
|
9374
|
+
const description = typeof this.value === 'object' ? (_a = this.value) === null || _a === void 0 ? void 0 : _a.label : "";
|
|
9375
|
+
if (this._textInputDescriptionValue && description && this._textInputDescriptionValue.value != description) {
|
|
9376
|
+
this._textInputDescriptionValue.value = description;
|
|
9377
|
+
}
|
|
9378
|
+
await ((_b = this._classicSearchList) === null || _b === void 0 ? void 0 : _b.cancelSelection());
|
|
9379
|
+
(_c = this._popover) === null || _c === void 0 ? void 0 : _c.hide();
|
|
9380
|
+
}
|
|
9381
|
+
async handleInputTab() {
|
|
9382
|
+
await this.cancelSelection();
|
|
9383
|
+
}
|
|
9384
|
+
async handleInputEsc() {
|
|
9385
|
+
var _a;
|
|
9386
|
+
await this.cancelSelection();
|
|
9387
|
+
await ((_a = this._latestFocusedInputElement) === null || _a === void 0 ? void 0 : _a.setFocus({ selectText: true }));
|
|
9388
|
+
}
|
|
9389
|
+
async initKeyboardManager() {
|
|
9390
|
+
this._keyboardManager = new KeyboardManager();
|
|
9391
|
+
const defaultOpts = { element: this.el, propagate: true };
|
|
9392
|
+
this._keyboardManager
|
|
9393
|
+
.bind("ArrowUp", () => this.handleArrowUp(), Object.assign(Object.assign({}, defaultOpts), { propagate: false }))
|
|
9394
|
+
.bind("ArrowDown", () => this.handleArrowDown(), Object.assign(Object.assign({}, defaultOpts), { propagate: false }))
|
|
9395
|
+
.bind("Enter", () => this.selectCurrentItem(), Object.assign(Object.assign({}, defaultOpts), { propagate: !this.stopPropagateEnterKeyEvent }))
|
|
9396
|
+
.bind("Tab", () => this.handleInputTab(), defaultOpts)
|
|
9397
|
+
.bind("Escape", () => this.handleInputEsc(), defaultOpts);
|
|
9398
|
+
}
|
|
9399
|
+
disconnectedCallback() {
|
|
9400
|
+
this._keyboardManager
|
|
9401
|
+
.unbind("ArrowUp")
|
|
9402
|
+
.unbind("ArrowDown")
|
|
9403
|
+
.unbind("Enter")
|
|
9404
|
+
.unbind("Tab")
|
|
9405
|
+
.unbind("Escape");
|
|
9406
|
+
}
|
|
9407
|
+
isOptionsVisible() {
|
|
9408
|
+
return this._popover.opened;
|
|
9409
|
+
}
|
|
9410
|
+
setLatestFocusedInputElement(el) {
|
|
9411
|
+
this._latestFocusedInputElement = el;
|
|
9412
|
+
}
|
|
9413
|
+
handleCodeInputFocus() {
|
|
9414
|
+
this.setLatestFocusedInputElement(this._textInputCodeValue);
|
|
9415
|
+
}
|
|
9416
|
+
handleDescriptionInputFocus() {
|
|
9417
|
+
this.setLatestFocusedInputElement(this._textInputDescriptionValue);
|
|
9418
|
+
}
|
|
9419
|
+
handleOnEzVisibilityChange(event) {
|
|
9420
|
+
event.stopPropagation();
|
|
9421
|
+
this.searchDescriptionIsOpen = event.detail;
|
|
7461
9422
|
}
|
|
7462
9423
|
render() {
|
|
7463
|
-
|
|
9424
|
+
var _a, _b;
|
|
9425
|
+
ElementIDUtils.addIDInfoIfNotExists(this.el, 'input');
|
|
9426
|
+
const canShowClearButton = !this.ensureClearButtonVisible && (!this.value && !((_a = this._textInputCodeValue) === null || _a === void 0 ? void 0 : _a.value) && !((_b = this._textInputDescriptionValue) === null || _b === void 0 ? void 0 : _b.value));
|
|
9427
|
+
return (h(Host, null, h("div", { class: "ez-classic-search-plus__wrapper" }, h("div", { class: "ez-classic-search-plus__label-container" }, h("label", { title: this.label }, this.label), this.required && h("span", { class: "required-indicator" }, "*")), h("div", { class: "ez-classic-search-plus__container" }, h("ez-classic-input", { ref: (elem) => this._textInputCodeValue = elem, class: {
|
|
9428
|
+
"ez-classic-search-plus__code-input": !this.hideDescriptionInput,
|
|
9429
|
+
"ez-classic-search-plus__code-input-no-border": !this.hideDescriptionInput,
|
|
9430
|
+
"ez-classic-search-plus__code-input-full": this.hideDescriptionInput
|
|
9431
|
+
}, "data-element-id": ElementIDUtils.getInternalIDInfo("codeInput"), "data-slave-mode": "true", enabled: !this.disableCodeInput && this.enabled, size: this.size, label: null, errorMessage: this.hideDescriptionInput ? this.errorMessage : "", value: this.codeValue, onFocusout: () => this.handleCodeInputFocusOut(), onFocus: () => this.handleCodeInputFocus(), leftIconName: "search", leftIconClickable: this.enabled, onIconClick: () => this.handleSearchClick(), onEzChange: (event) => event.stopPropagation() }), !this.hideDescriptionInput && (h("div", { class: "description-input-container" }, h("ez-classic-input", { ref: (elem) => this._textInputDescriptionValue = elem, tabIndex: -1, class: { "ez-classic-search-plus__text-input": true }, "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), "data-slave-mode": "true", enabled: !this.disableDescriptionInput && this.enabled, label: null, errorMessage: this.errorMessage, size: this.size, value: this.descriptionValue, onInput: (event) => this.handleTextInputChangeHandler(event), onFocus: () => this.handleDescriptionInputFocus(), rightIconName: canShowClearButton ? "close" : null, rightIconClickable: this.enabled, onIconClick: () => this.clearSearch(), onEzChange: (event) => event.stopPropagation() }), h("ez-popover-plus", { ref: elem => this._popover = elem, anchorElement: this.el, autoClose: true, boxWidth: 'fit-content', overlayType: 'none', useAnchorSize: true, onEzVisibilityChange: (event) => this.handleOnEzVisibilityChange(event), "data-element-id": this.el.getAttribute("data-element-id") }, h("ez-classic-search-result-list", { ref: (ref) => this._classicSearchList = ref, showLoading: this.showLoading, visibleOptions: this.visibleOptions, value: this.value, showOptionValue: this.showOptionValue, onChangeValue: (evt) => this.handleSelectItem(evt) }))))))));
|
|
7464
9432
|
}
|
|
7465
|
-
get
|
|
9433
|
+
get el() { return this; }
|
|
7466
9434
|
static get watchers() { return {
|
|
7467
|
-
"value": ["
|
|
9435
|
+
"value": ["observeValue"]
|
|
7468
9436
|
}; }
|
|
7469
|
-
static get style() { return
|
|
9437
|
+
static get style() { return ezClassicSearchPlusCss; }
|
|
9438
|
+
};
|
|
9439
|
+
|
|
9440
|
+
const ezClassicSearchResultListCss = ":host{--ez-classic-search__list-title--primary:var(--title--primary, #2B3A54);--ez-classic-search__list-text--primary:var(--text--primary, #626e82);--ez-classic-search__list-height:calc(var(--ez-classic-search--font-size) + var(--ez-classic-search--space--medium) + 4px);--ez-classic-search__list-min-width:64px;--ez-classic-search__scrollbar--color-default:var(--scrollbar--default, #626e82);--ez-classic-search__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--ez-classic-search__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--ez-classic-search__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--ez-classic-search__scrollbar--border-radius:var(--border--radius-small, 6px);--ez-classic-search__scrollbar--width:var(--space--small, 6px);--ez-classic-search--border-radius-small:var(--border--radius-small, 6px);--ez-classic-search--font-size:var(--text--medium, 14px);--ez-classic-search--font-family:var(--font-pattern, Arial);--ez-classic-search--font-weight--large:var(--text-weight--large, 500);--ez-classic-search--font-weight--medium:var(--text-weight--medium, 400);--ez-classic-search--background-medium:var(--background--medium, #f0f3f7);--ez-classic-search--line-height:calc(var(--text--medium, 14px) + 4px)}.list-options{position:relative;z-index:var(--more-visible, 2);margin:var(--space--small) 0px;padding:0px;padding-inline-start:0px;box-sizing:border-box;width:100%;height:100%;max-height:350px;min-width:150px;display:flex;flex-direction:column;scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--ez-classic-search__scrollbar--color-clicked) var(--ez-classic-search__scrollbar--color-background)}.list-options::-webkit-scrollbar{background-color:var(--scrollbar--background);width:var(--space--small);max-width:var(--space--small);min-width:var(--space--small);height:var(--space--small);max-height:var(--space--small);min-height:var(--space--small)}.list-options::-webkit-scrollbar-track{background-color:var(--ez-classic-search__scrollbar--color-background);border-radius:var(--ez-classic-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb{background-color:var(--ez-classic-search__scrollbar--color-default);border-radius:var(--ez-classic-search__scrollbar--border-radius)}.list-options::-webkit-scrollbar-thumb:vertical:hover,.list-options::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--ez-classic-search__scrollbar--color-hover)}.list-options::-webkit-scrollbar-thumb:vertical:active,.list-options::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--ez-classic-search__scrollbar--color-clicked)}.message{text-align:center;display:flex;justify-content:center;align-items:center;list-style-type:none;margin:var(--space--medium) 0px;min-height:var(--ez-classic-search__list-height)}.message__no-result{color:var(--ez-classic-search__list-title--primary);font-family:var(--ez-classic-search--font-family);font-size:var(--ez-classic-search--font-size)}.loading__container{display:flex;flex-direction:column;margin:var(--space--small)}.item__value,.item__label{flex-basis:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ez-classic-search__list-title--primary);font-family:var(--ez-classic-search--font-family);font-size:var(--ez-classic-search--font-size);line-height:var(--ez-classic-search--line-height)}.item__label{font-weight:var(--ez-classic-search--font-weight--medium)}.item__label--bold{font-weight:var(--ez-classic-search--font-weight--large)}.item__value{text-align:center;color:var(--ez-classic-search__list-text--primary);font-weight:var(--ez-classic-search--font-weight--large)}.item__value--hidden{visibility:hidden;position:absolute;white-space:nowrap;z-index:-1;top:0;left:0}.item__label{text-align:left}.item__list>li:hover{background-color:var(--ez-classic-search--background-medium)}.item{display:flex;align-items:center;width:100%;box-sizing:border-box;list-style-type:none;cursor:pointer;border-radius:var(--ez-classic-search--border-radius-small);gap:var(--space--small, 6px)}.preselected{background-color:var(--background--medium)}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@supports not (scrollbar-width: thin){.item{padding-right:8px}}";
|
|
9441
|
+
|
|
9442
|
+
const EzClassicSearchResultList$1 = class extends HTMLElement$1 {
|
|
9443
|
+
constructor() {
|
|
9444
|
+
super();
|
|
9445
|
+
this.__registerHost();
|
|
9446
|
+
this.__attachShadow();
|
|
9447
|
+
this.changeValue = createEvent(this, "changeValue", 7);
|
|
9448
|
+
this._startHighlightTag = "<span class='card-item__highlight'>";
|
|
9449
|
+
this._endHighlightTag = "</span>";
|
|
9450
|
+
this.showLoading = undefined;
|
|
9451
|
+
this.visibleOptions = [];
|
|
9452
|
+
this.value = undefined;
|
|
9453
|
+
this.showOptionValue = true;
|
|
9454
|
+
this._preSelection = undefined;
|
|
9455
|
+
}
|
|
9456
|
+
observerVisivleOptions(newValue) {
|
|
9457
|
+
if (newValue.length) {
|
|
9458
|
+
this.preSelectItemByIndex(0);
|
|
9459
|
+
}
|
|
9460
|
+
}
|
|
9461
|
+
async nextOption() {
|
|
9462
|
+
const newPreSelection = this._preSelection === undefined ? 0 : Math.min(this._preSelection + 1, this.visibleOptions.length - 1);
|
|
9463
|
+
this.preSelectItemByIndex(newPreSelection);
|
|
9464
|
+
}
|
|
9465
|
+
async previousOption() {
|
|
9466
|
+
const newPreSelection = this._preSelection === undefined ? 0 : Math.max(this._preSelection - 1, 0);
|
|
9467
|
+
this.preSelectItemByIndex(newPreSelection);
|
|
9468
|
+
}
|
|
9469
|
+
preSelectItemByIndex(newIndex) {
|
|
9470
|
+
this._preSelection = newIndex;
|
|
9471
|
+
const option = this.visibleOptions[newIndex];
|
|
9472
|
+
this.scrollToOption(option);
|
|
9473
|
+
}
|
|
9474
|
+
selectOption(newOption) {
|
|
9475
|
+
const newOptionsReplaced = Object.assign(Object.assign({}, newOption), { value: newOption === null || newOption === void 0 ? void 0 : newOption.value, label: newOption === null || newOption === void 0 ? void 0 : newOption.label });
|
|
9476
|
+
const newOptionsFormatted = Object.assign(Object.assign({}, newOptionsReplaced), { value: this.removeHighLight(newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.value), label: this.removeHighLight(newOptionsReplaced === null || newOptionsReplaced === void 0 ? void 0 : newOptionsReplaced.label) });
|
|
9477
|
+
this.changeValue.emit(newOptionsFormatted);
|
|
9478
|
+
}
|
|
9479
|
+
removeHighLight(text) {
|
|
9480
|
+
if (!text || typeof text !== 'string') {
|
|
9481
|
+
return text;
|
|
9482
|
+
}
|
|
9483
|
+
const startHighlight = new RegExp(this._startHighlightTag, 'g');
|
|
9484
|
+
const endHighlight = new RegExp(this._endHighlightTag, 'g');
|
|
9485
|
+
return text.replace(startHighlight, '').replace(endHighlight, '');
|
|
9486
|
+
}
|
|
9487
|
+
createAndSelectOption(detail) {
|
|
9488
|
+
let { key, title } = detail;
|
|
9489
|
+
key = String(key !== null && key !== void 0 ? key : "");
|
|
9490
|
+
title = StringUtils$1.decodeHtmlEntities(title);
|
|
9491
|
+
const option = {
|
|
9492
|
+
value: this.removeHighLight(key),
|
|
9493
|
+
label: this.removeHighLight(title)
|
|
9494
|
+
};
|
|
9495
|
+
this.selectOption(option);
|
|
9496
|
+
}
|
|
9497
|
+
scrollToOption(opt) {
|
|
9498
|
+
if (!(opt === null || opt === void 0 ? void 0 : opt.value) || !this._optionsList)
|
|
9499
|
+
return;
|
|
9500
|
+
window.requestAnimationFrame(() => {
|
|
9501
|
+
var _a;
|
|
9502
|
+
const currentValue = String((_a = opt === null || opt === void 0 ? void 0 : opt.value) !== null && _a !== void 0 ? _a : "");
|
|
9503
|
+
const liElem = currentValue
|
|
9504
|
+
? this._optionsList.querySelector(`div#item_${currentValue.replace(/([ #;&,.+*~':"!^$[\]()=<>|/\\])/g, '\\$1')}`)
|
|
9505
|
+
: undefined;
|
|
9506
|
+
if (liElem) {
|
|
9507
|
+
liElem.scrollIntoView({ behavior: "smooth", block: "nearest" });
|
|
9508
|
+
}
|
|
9509
|
+
});
|
|
9510
|
+
}
|
|
9511
|
+
buildItem(opt, index) {
|
|
9512
|
+
var _a;
|
|
9513
|
+
opt.label = opt.label || opt.value;
|
|
9514
|
+
const card = {
|
|
9515
|
+
key: String((_a = opt.presentationValue) !== null && _a !== void 0 ? _a : ""),
|
|
9516
|
+
title: opt.presentationLabel,
|
|
9517
|
+
details: opt.details
|
|
9518
|
+
};
|
|
9519
|
+
return h("div", { style: { "height": "100%" }, class: index === this._preSelection ? "item preselected" : "item", id: `item_${opt.value}`, onMouseDown: () => this.createAndSelectOption(card), onMouseOver: () => { this._preSelection = index; } }, h("ez-card-item", { item: card, compacted: true, enableKey: this.showOptionValue }));
|
|
9520
|
+
}
|
|
9521
|
+
async selectCurrentItem() {
|
|
9522
|
+
this.selectOption(this.visibleOptions[this._preSelection]);
|
|
9523
|
+
}
|
|
9524
|
+
async cancelSelection() {
|
|
9525
|
+
this.cancelPreselection();
|
|
9526
|
+
}
|
|
9527
|
+
cancelPreselection() {
|
|
9528
|
+
this._preSelection = undefined;
|
|
9529
|
+
}
|
|
9530
|
+
canShowListOptions() {
|
|
9531
|
+
return !this.showLoading && this.visibleOptions.length > 0;
|
|
9532
|
+
}
|
|
9533
|
+
async componentWillLoad() {
|
|
9534
|
+
this.i18n = await initI18n();
|
|
9535
|
+
}
|
|
9536
|
+
render() {
|
|
9537
|
+
return (h(Host, null, h("ul", { class: "list-options", ref: elem => this._optionsList = elem }, !this.showLoading
|
|
9538
|
+
&& this.visibleOptions.length === 0
|
|
9539
|
+
&& h("div", { class: "message" }, h("span", { class: "message__no-result" }, this.i18n("ez-classic-search-plus.emptyList"))), this.showLoading && (h("div", { class: "loading__container" }, h("ez-skeleton", { count: 4, height: '20px' }))), this.canShowListOptions() && this.visibleOptions.map((opt, index) => this.buildItem(opt, index)))));
|
|
9540
|
+
}
|
|
9541
|
+
static get watchers() { return {
|
|
9542
|
+
"visibleOptions": ["observerVisivleOptions"]
|
|
9543
|
+
}; }
|
|
9544
|
+
static get style() { return ezClassicSearchResultListCss; }
|
|
7470
9545
|
};
|
|
7471
9546
|
|
|
7472
|
-
const ezClassicTextAreaCss = ":host{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;font-family:var(--font--pattern, Arial, sans-serif);font-size:var(--font-size--default, 14px);color:var(--color--ocean-green-1000, #00281D);border:none;padding:0
|
|
9547
|
+
const ezClassicTextAreaCss = ":host{display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;font-family:var(--font--pattern, Arial, sans-serif);font-size:var(--font-size--default, 14px);color:var(--color--ocean-green-1000, #00281D);border:none;padding:0;width:100%;--ez-classic-text-area--label-color:var(--color--ocean-green-1000, #00281D);--ez-classic-text-area--border-color-default:var(--color--gray-200, #D2D2D3);--ez-classic-text-area--border-color-focus:var(--color--gray-300, #A4A5A7);--ez-classic-text-area--border-color-success:var(--color--green-600, #157A00);--ez-classic-text-area--border-color-error:var(--color--red-600, #BD0025);--ez-classic-text-area--border-color-warning:var(--color--yellow-600, #EFB103);--ez-classic-text-area--background-color:var(--color--gray-70, #FFFFFF);--ez-classic-text-area--background-color-disabled:var(--color--gray-90, #EAEAEA);--ez-classic-text-area--text-color:var(--color--ocean-green-1000, #00281D);--ez-classic-text-area--placeholder-color:#bdbdbd;--ez-classic-text-area--icon-color:var(--color--gray-400, #77777A);--ez-classic-text-area--helptext-color:var(--color--ocean-green-1000, #00281D)}.text-area-container{display:flex;flex-direction:row;align-items:start;width:100%;border:none;border-radius:var(--border--radius-8, 8px);padding:var(--space--16, 16px);box-sizing:border-box;gap:var(--space--10, 10px);margin:var(--space--4, 4px) var(--space--2, 2px);transition:box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);resize:vertical;overflow:auto;background-color:var(--ez-classic-text-area--background-color)}.text-area-container,.text-area-container[data-state=\"default\"]{box-shadow:0 0 0 1px var(--ez-classic-text-area--border-color-default)}.text-area-container[data-state=\"success\"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-text-area--border-color-success)}.text-area-container[data-state=\"error\"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-text-area--border-color-error)}.text-area-container[data-state=\"warning\"]{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-text-area--border-color-warning)}.text-area-container:focus-within{box-shadow:0 0 0 var(--space--2, 2px) var(--ez-classic-text-area--border-color-focus)}ez-icon{min-width:var(--space--24, 24px);color:var(--ez-classic-text-area--icon-color)}textarea{flex:1;border:none;outline:none;background:transparent;height:100%;width:100%;padding:0;font-family:var(--font--pattern, Arial, sans-serif);font-size:var(--font-size--default, 14px);color:var(--color--ocean-green-1000, #00281D);text-overflow:ellipsis;min-height:calc(var(--ez-classic-text-area--min-height) - var(--space--32, 32px));resize:none;scrollbar-width:thin;color:var(--ez-classic-text-area--text-color)}.text-area-container[data-disabled=\"true\"]{cursor:not-allowed;background:var(--ez-classic-text-area--background-color-disabled);border-color:var(--ez-classic-text-area--border-color-default)}.text-area-container[data-disabled=\"true\"]>*{cursor:not-allowed}@keyframes ez-helptext-fadein{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}span{font-size:var(--font-size--xsmall, 10px);line-height:var(--line-height--16, 16px);overflow:hidden;text-overflow:ellipsis;animation:ez-helptext-fadein 0.3s ease;color:var(--ez-classic-text-area--helptext-color)}label{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--line-height--20, 20px);color:var(--ez-classic-text-area--label-color)}.icon-clickable{cursor:pointer}.text-area-container[data-resize=\"none\"]{resize:none}.text-area-container[data-resize=\"both\"]{resize:both}.text-area-container[data-resize=\"horizontal\"]{resize:horizontal}.text-area-container[data-resize=\"vertical\"]{resize:vertical}.text-area-container::-webkit-resizer{display:none}.text-area-container::-moz-resizer{display:none}.text-area-container:not([data-resize=\"none\"]){position:relative}.text-area-container:not([data-resize=\"none\"])::after{content:'';position:absolute;bottom:var(--space--2, 2px);right:var(--space--2, 2px);width:var(--space--10, 10px);height:var(--space--10, 10px);background:linear-gradient(135deg, transparent 0% 50%, var(--ez-classic-text-area--border-color-default) 50% 58%, transparent 58% 70%, var(--ez-classic-text-area--border-color-default) 70% 78%, transparent 78% 100%);pointer-events:none}";
|
|
7473
9548
|
|
|
7474
9549
|
const EzClassicTextArea$1 = class extends HTMLElement$1 {
|
|
7475
9550
|
constructor() {
|
|
@@ -7549,6 +9624,195 @@ const EzClassicTextArea$1 = class extends HTMLElement$1 {
|
|
|
7549
9624
|
static get style() { return ezClassicTextAreaCss; }
|
|
7550
9625
|
};
|
|
7551
9626
|
|
|
9627
|
+
const ezClassicTimeInputCss = ":host{display:flex;flex-wrap:wrap;position:relative;width:100%}.time__input{height:100%}";
|
|
9628
|
+
|
|
9629
|
+
const EzClassicTimeInput$1 = class extends HTMLElement$1 {
|
|
9630
|
+
constructor() {
|
|
9631
|
+
super();
|
|
9632
|
+
this.__registerHost();
|
|
9633
|
+
this.__attachShadow();
|
|
9634
|
+
this.ezChange = createEvent(this, "ezChange", 7);
|
|
9635
|
+
this.ezStartChange = createEvent(this, "ezStartChange", 7);
|
|
9636
|
+
this.ezCancelWaitingChange = createEvent(this, "ezCancelWaitingChange", 7);
|
|
9637
|
+
this.label = undefined;
|
|
9638
|
+
this.value = undefined;
|
|
9639
|
+
this.enabled = true;
|
|
9640
|
+
this.errorMessage = undefined;
|
|
9641
|
+
this.showSeconds = false;
|
|
9642
|
+
this.mode = "regular";
|
|
9643
|
+
this.size = "default";
|
|
9644
|
+
this.required = false;
|
|
9645
|
+
this.canShowError = true;
|
|
9646
|
+
this.autoFocus = false;
|
|
9647
|
+
this.alternativePlaceholder = undefined;
|
|
9648
|
+
}
|
|
9649
|
+
observeErrorMessage() {
|
|
9650
|
+
var _a;
|
|
9651
|
+
if (this._textInput) {
|
|
9652
|
+
this._textInput.errorMessage = this.errorMessage;
|
|
9653
|
+
if (!((_a = this.errorMessage) === null || _a === void 0 ? void 0 : _a.trim())) {
|
|
9654
|
+
this.prepareValue(this._viewValue);
|
|
9655
|
+
if ((this._textInput.value || '') !== this._viewValue) {
|
|
9656
|
+
this._textInput.value = this._viewValue;
|
|
9657
|
+
}
|
|
9658
|
+
}
|
|
9659
|
+
}
|
|
9660
|
+
}
|
|
9661
|
+
observeShowSeconds() {
|
|
9662
|
+
if (this.showSeconds) {
|
|
9663
|
+
this.prepareMask("##:##:##");
|
|
9664
|
+
}
|
|
9665
|
+
else {
|
|
9666
|
+
this.prepareMask("##:##");
|
|
9667
|
+
}
|
|
9668
|
+
}
|
|
9669
|
+
observeValue(newValue, oldValue) {
|
|
9670
|
+
if (this._textInput && newValue != oldValue) {
|
|
9671
|
+
let newValueValidated = this.validateValue(newValue);
|
|
9672
|
+
const oldValueValidated = this.validateValue(oldValue);
|
|
9673
|
+
if (newValueValidated != oldValueValidated) {
|
|
9674
|
+
this._viewValue = newValueValidated == undefined ? "" : newValueValidated.toString();
|
|
9675
|
+
this.prepareValue(this._viewValue);
|
|
9676
|
+
if (this._viewValue && !TimeFormatter.validateTime(this._viewValue, this.showSeconds)) {
|
|
9677
|
+
this.setError(this.i18n("ez-classic-time-input.invalidTime"));
|
|
9678
|
+
newValueValidated = undefined;
|
|
9679
|
+
}
|
|
9680
|
+
else {
|
|
9681
|
+
this.setError("");
|
|
9682
|
+
}
|
|
9683
|
+
const valueEmitted = newValueValidated === null ? undefined : newValueValidated;
|
|
9684
|
+
this.ezChange.emit(valueEmitted);
|
|
9685
|
+
}
|
|
9686
|
+
}
|
|
9687
|
+
}
|
|
9688
|
+
//---------------------------------------------
|
|
9689
|
+
// Private methods
|
|
9690
|
+
//---------------------------------------------
|
|
9691
|
+
prepareMask(mask) {
|
|
9692
|
+
if (this._maskFormatter == undefined) {
|
|
9693
|
+
this._maskFormatter = new MaskFormatter$1(mask);
|
|
9694
|
+
}
|
|
9695
|
+
else {
|
|
9696
|
+
this._maskFormatter.mask = mask;
|
|
9697
|
+
}
|
|
9698
|
+
}
|
|
9699
|
+
validateValue(value) {
|
|
9700
|
+
return isNaN(value) || value === undefined ? null : value;
|
|
9701
|
+
}
|
|
9702
|
+
setError(msg) {
|
|
9703
|
+
this.errorMessage = msg;
|
|
9704
|
+
if (this._textInput && (msg === null || msg === void 0 ? void 0 : msg.trim())) {
|
|
9705
|
+
this.ezCancelWaitingChange.emit();
|
|
9706
|
+
}
|
|
9707
|
+
}
|
|
9708
|
+
//---------------------------------------------
|
|
9709
|
+
// Public methods
|
|
9710
|
+
//---------------------------------------------
|
|
9711
|
+
getViewValue() {
|
|
9712
|
+
return this._viewValue;
|
|
9713
|
+
}
|
|
9714
|
+
prepareValue(value) {
|
|
9715
|
+
try {
|
|
9716
|
+
this._viewValue = TimeFormatter.prepareValue(value, this.showSeconds);
|
|
9717
|
+
if (this._textInput && this._textInput.value !== this._viewValue) {
|
|
9718
|
+
this._textInput.value = this._viewValue;
|
|
9719
|
+
}
|
|
9720
|
+
}
|
|
9721
|
+
catch (e) {
|
|
9722
|
+
this.setError(e.message);
|
|
9723
|
+
}
|
|
9724
|
+
}
|
|
9725
|
+
/**
|
|
9726
|
+
* Aplica o foco no campo.
|
|
9727
|
+
*/
|
|
9728
|
+
async setFocus({ selectText }) {
|
|
9729
|
+
this._textInput.setFocus({ selectText });
|
|
9730
|
+
}
|
|
9731
|
+
/**
|
|
9732
|
+
* Remove o foco do campo.
|
|
9733
|
+
*/
|
|
9734
|
+
async setBlur() {
|
|
9735
|
+
this._textInput.setBlur();
|
|
9736
|
+
}
|
|
9737
|
+
/**
|
|
9738
|
+
* Retorna se o conteúdo é inválido.
|
|
9739
|
+
*/
|
|
9740
|
+
async isInvalid() {
|
|
9741
|
+
return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
|
|
9742
|
+
}
|
|
9743
|
+
//---------------------------------------------
|
|
9744
|
+
// Event handlers
|
|
9745
|
+
//---------------------------------------------
|
|
9746
|
+
handleBlur() {
|
|
9747
|
+
if (this._textInput) {
|
|
9748
|
+
this._viewValue = this._textInput.value;
|
|
9749
|
+
this.prepareValue(this._viewValue);
|
|
9750
|
+
const value = NumberUtils$1.stringToNumber(this._viewValue.replace(/\D/g, ""));
|
|
9751
|
+
this.value = ['string', 'number'].includes(typeof value) ? value : null;
|
|
9752
|
+
}
|
|
9753
|
+
}
|
|
9754
|
+
handleInput() {
|
|
9755
|
+
const textInputValue = this._textInput.value;
|
|
9756
|
+
if (!['string', 'number'].includes(typeof textInputValue))
|
|
9757
|
+
return;
|
|
9758
|
+
const parsedNumber = NumberUtils$1.stringToNumber(textInputValue.replace(/\D/g, ""));
|
|
9759
|
+
if (parsedNumber !== this.value) {
|
|
9760
|
+
this.ezStartChange.emit({ waitmessage: "", blocking: false });
|
|
9761
|
+
}
|
|
9762
|
+
}
|
|
9763
|
+
//---------------------------------------------
|
|
9764
|
+
// Lifecycle web component
|
|
9765
|
+
//---------------------------------------------
|
|
9766
|
+
async componentWillLoad() {
|
|
9767
|
+
this.i18n = await initI18n();
|
|
9768
|
+
this.observeShowSeconds();
|
|
9769
|
+
if (this.value) {
|
|
9770
|
+
this.prepareValue(this.value.toString());
|
|
9771
|
+
}
|
|
9772
|
+
else if (this._viewValue) {
|
|
9773
|
+
this.prepareValue(this._viewValue);
|
|
9774
|
+
}
|
|
9775
|
+
}
|
|
9776
|
+
componentDidLoad() {
|
|
9777
|
+
CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
|
|
9778
|
+
if (this.autoFocus) {
|
|
9779
|
+
requestAnimationFrame(() => {
|
|
9780
|
+
this.setFocus({ selectText: true });
|
|
9781
|
+
});
|
|
9782
|
+
}
|
|
9783
|
+
}
|
|
9784
|
+
render() {
|
|
9785
|
+
ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
|
|
9786
|
+
const inputProps = {
|
|
9787
|
+
class: "time__input",
|
|
9788
|
+
"data-element-id": ElementIDUtils.getInternalIDInfo("textInput"),
|
|
9789
|
+
ref: (el) => this._textInput = el,
|
|
9790
|
+
"data-slave-mode": "true",
|
|
9791
|
+
value: this._viewValue,
|
|
9792
|
+
enabled: this.enabled,
|
|
9793
|
+
label: this.label,
|
|
9794
|
+
restrict: "0123456789:",
|
|
9795
|
+
onBlur: () => this.handleBlur(),
|
|
9796
|
+
onInput: () => this.handleInput(),
|
|
9797
|
+
errorMessage: this.errorMessage,
|
|
9798
|
+
mode: this.mode,
|
|
9799
|
+
size: this.size,
|
|
9800
|
+
canShowError: this.canShowError,
|
|
9801
|
+
alternativePlaceholder: this.alternativePlaceholder,
|
|
9802
|
+
required: this.required
|
|
9803
|
+
};
|
|
9804
|
+
return (h(Host, null, h("ez-classic-input", Object.assign({}, inputProps, { leftIconName: "timer-outline" }))));
|
|
9805
|
+
}
|
|
9806
|
+
static get assetsDirs() { return ["../assets"]; }
|
|
9807
|
+
get _elem() { return this; }
|
|
9808
|
+
static get watchers() { return {
|
|
9809
|
+
"errorMessage": ["observeErrorMessage"],
|
|
9810
|
+
"showSeconds": ["observeShowSeconds"],
|
|
9811
|
+
"value": ["observeValue"]
|
|
9812
|
+
}; }
|
|
9813
|
+
static get style() { return ezClassicTimeInputCss; }
|
|
9814
|
+
};
|
|
9815
|
+
|
|
7552
9816
|
const ezCollapsibleBoxCss = ":host{--ez-collapsible-box--font-size:var(--title--medium, 14px);--ez-collapsible-box--font-family:var(--font-pattern, Arial);--ez-collapsible-box--font-weight:var(--text-weight--large, 600);--ez-collapsible-box--color:var(--title--primary);--ez-collapsible-box--subtitle--font-size:var(--text--medium, 14px);--ez-collapsible-box--subtitle--font-family:var(--font-pattern, 'Roboto');--ez-collapsible-box--subtitle--font-weight:var(--text-weight--medium, 400);--ez-collapsible-box--subtitle--color:var(--text--primary);--ez-collapsible-box--subtitle--margin-bottom:var(--space--medium, 12px);--ez-collapsible-box--focus--color:var(--color--primary-600);--ez-collapsible-box__icon--color:var(--ez-collapsible-box--color);--ez-collapsible-box__header--padding-top:0px;--ez-collapsible-box__header--padding-bottom:0px;--ez-collapsible-box__header--padding-right:0px;--ez-collapsible-box__header--padding-left:0px;display:flex;flex-wrap:wrap;width:100%}ez-icon{--ez-icon--color:inherit}.collapsible-box{display:flex;flex-direction:column;width:100%;overflow:hidden}.collapsable-box--bordered{border:var(--border--small);border-color:var(--color--strokes);border-radius:var(--border--radius-medium);padding:var(--space--xs)}.collapsible-box__header{display:flex;box-sizing:border-box;padding-top:var(--ez-collapsible-box__header--padding-top);padding-bottom:var(--ez-collapsible-box__header--padding-bottom);padding-right:var(--ez-collapsible-box__header--padding-right);padding-left:var(--ez-collapsible-box__header--padding-left)}.collapsible-box__title{position:relative;width:100%;display:flex;box-sizing:border-box;align-items:center;outline:none;border:none;background-color:unset;cursor:pointer;padding:0px;text-align:left;color:var(--ez-collapsible-box--color);--ez-icon--color:var(--ez-collapsible-box__icon--color);margin-bottom:var(--space--medium, 12px)}.collapsible-box__title:focus{color:var(--ez-collapsible-box--focus--color);--ez-icon--color:var(--ez-collapsible-box--focus--color)}.collapsible-box__label{display:flex;white-space:nowrap;overflow:hidden;cursor:pointer;text-overflow:ellipsis;box-sizing:border-box;margin-left:6px;gap:6px;font-family:var(--ez-collapsible-box--font-family);font-size:var(--ez-collapsible-box--font-size);font-weight:var(--ez-collapsible-box--font-weight)}.subtitle-box__label{display:flex;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;font-family:var(--ez-collapsible-box--subtitle--font-family);font-size:var(--ez-collapsible-box--subtitle--font-size);font-weight:var(--ez-collapsible-box--subtitle--font-weight);color:var(--ez-collapsible-box--subtitle--color);margin-bottom:var(--ez-collapsible-box--subtitle--margin-bottom)}.subtitle-box__content{width:100%}.collapsible-box__label ez-icon{visibility:hidden;transition:2s all ease-in-out}.collapsible-box__label:hover ez-icon{visibility:visible}.collapsible-box__text-edit{margin-left:6px}.collapsible-box__icon{transform:rotate(90deg) translate(0px, 14%);transition:transform var(--transition)}.collapsible-box__icon--collapsed{transform:rotate(0deg) translate(-14%, 0px)}.collapsible-box__title--icon-right{flex-direction:row-reverse}.collapsible-box__title--icon-right .collapsible-box__icon{transform:rotate(90deg) translate(0px, -14%)}.collapsible-box__title--icon-right .collapsible-box__icon--collapsed{transform:rotate(0deg) translate(14%, 0px)}.collapsible-box__title--icon-right .collapsible-box__label{margin-left:0px;margin-right:6px}.collapsible-box__title--left{margin-right:auto}.collapsible-box__title--right{margin-left:auto}.collapsible-box__title--center{margin-left:auto;margin-right:auto}.collapsible-box__title--stretch{justify-content:space-between;width:100%}.collapsible-box__title--no-margin{margin-bottom:0}.collapsible-box__content{display:flex;flex-wrap:wrap;width:100%;height:0px;max-height:0px;opacity:0;overflow:hidden;transition:all var(--transition, 0.5s)}.collapsible-box__content--show{height:100%;max-height:none;opacity:1;overflow:visible;transition:all var(--transition, 0.5s)}.font--x-small{font-size:10px}.font--small{font-size:12px}.font--medium{font-size:14px}.font--large{font-size:16px}.font--x-large{font-size:20px}";
|
|
7553
9817
|
|
|
7554
9818
|
const EzCollapsibleBox$1 = class extends HTMLElement$1 {
|
|
@@ -10664,6 +12928,7 @@ const EzForm$1 = class extends HTMLElement$1 {
|
|
|
10664
12928
|
};
|
|
10665
12929
|
this._fieldsProps = new Map();
|
|
10666
12930
|
this._singleColumn = false;
|
|
12931
|
+
this._formLayout = undefined;
|
|
10667
12932
|
this.dataUnit = undefined;
|
|
10668
12933
|
this.config = undefined;
|
|
10669
12934
|
this.recordsValidator = undefined;
|
|
@@ -10671,6 +12936,7 @@ const EzForm$1 = class extends HTMLElement$1 {
|
|
|
10671
12936
|
this.onlyStaticFields = false;
|
|
10672
12937
|
this.useSearchField = true;
|
|
10673
12938
|
this.elementFocusSearchField = undefined;
|
|
12939
|
+
this.customUiBuilders = new Map();
|
|
10674
12940
|
}
|
|
10675
12941
|
/**
|
|
10676
12942
|
* Realiza validação no conteúdo de todos os campos.
|
|
@@ -10728,7 +12994,7 @@ const EzForm$1 = class extends HTMLElement$1 {
|
|
|
10728
12994
|
}
|
|
10729
12995
|
this.ezFormSetFields.emit(fields);
|
|
10730
12996
|
const idFormSheet = `${StringUtils$1.replaceAccentuatedChars(StringUtils$1.toCamelCase(currentSheet === null || currentSheet === void 0 ? void 0 : currentSheet.label), false)}_selectorContainer`;
|
|
10731
|
-
return (h("div", { class: "dynamic-content ez-box--no-outline", "data-element-id": idFormSheet, ref: elem => (this._container = elem), tabindex: "0" }, h("ez-popover", { ref: elem => (this._ezPopoverSearchField = elem), overlayType: "none" }, this.renderFieldColumn()), h("ez-form-view", { ref: (element) => (this._formView = element), class: "ez-row ez-padding-vertical--small", fields: fields, singleColumn: this._singleColumn, selectedRecord: this.dataUnit.getSelectedRecord() })));
|
|
12997
|
+
return (h("div", { class: "dynamic-content ez-box--no-outline", "data-element-id": idFormSheet, ref: elem => (this._container = elem), tabindex: "0" }, h("ez-popover", { ref: elem => (this._ezPopoverSearchField = elem), overlayType: "none" }, this.renderFieldColumn()), h("ez-form-view", { ref: (element) => (this._formView = element), class: "ez-row ez-padding-vertical--small", fields: fields, singleColumn: this._singleColumn, formLayout: this._formLayout, selectedRecord: this.dataUnit.getSelectedRecord(), customUiBuilders: this.customUiBuilders })));
|
|
10732
12998
|
}
|
|
10733
12999
|
renderFieldColumn() {
|
|
10734
13000
|
if (this._fieldSearch != undefined) {
|
|
@@ -10812,18 +13078,20 @@ const EzForm$1 = class extends HTMLElement$1 {
|
|
|
10812
13078
|
this._i18n = await initI18n();
|
|
10813
13079
|
}
|
|
10814
13080
|
async setSingleColumn(layoutFormConfig) {
|
|
10815
|
-
this._singleColumn = (layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config) === FormLayout.CASCADE;
|
|
13081
|
+
this._singleColumn = (layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config) === FormLayout.CASCADE || (layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config) === FormLayout.CLASSIC_CASCADE;
|
|
13082
|
+
this._formLayout = layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config;
|
|
10816
13083
|
}
|
|
10817
13084
|
async registerNotifyListeners(layoutFormConfig) {
|
|
10818
13085
|
if (!layoutFormConfig)
|
|
10819
13086
|
return;
|
|
10820
13087
|
layoutFormConfig.onConfigChange((config) => {
|
|
10821
|
-
if (config === FormLayout.CASCADE) {
|
|
13088
|
+
if (config === FormLayout.CASCADE || config === FormLayout.CLASSIC_CASCADE) {
|
|
10822
13089
|
this._singleColumn = true;
|
|
10823
13090
|
}
|
|
10824
13091
|
else {
|
|
10825
13092
|
this._singleColumn = false;
|
|
10826
13093
|
}
|
|
13094
|
+
this._formLayout = config;
|
|
10827
13095
|
});
|
|
10828
13096
|
}
|
|
10829
13097
|
componentDidRender() {
|
|
@@ -10893,18 +13161,23 @@ const EzForm$1 = class extends HTMLElement$1 {
|
|
|
10893
13161
|
static get style() { return ezFormCss; }
|
|
10894
13162
|
};
|
|
10895
13163
|
|
|
10896
|
-
const buildSwitch$1 = (field) => {
|
|
10897
|
-
return buildField(field.name, field.label, field.readOnly, field.contextName, true);
|
|
13164
|
+
const buildSwitch$1 = (field, context) => {
|
|
13165
|
+
return buildField(field.name, field.label, field.readOnly, field.contextName, true, context);
|
|
10898
13166
|
};
|
|
10899
|
-
const buildCheckBox = (field) => {
|
|
10900
|
-
return buildField(field.name, field.label, field.readOnly, field.contextName, false);
|
|
13167
|
+
const buildCheckBox = (field, context) => {
|
|
13168
|
+
return buildField(field.name, field.label, field.readOnly, field.contextName, false, context);
|
|
10901
13169
|
};
|
|
10902
|
-
function buildField(fieldName, fieldLabel, readOnly, contextName, switchMode) {
|
|
10903
|
-
|
|
13170
|
+
function buildField(fieldName, fieldLabel, readOnly, contextName, switchMode, context) {
|
|
13171
|
+
const shouldUseClassic = (context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_CASCADE ||
|
|
13172
|
+
(context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_SIDE_BY_SIDE;
|
|
13173
|
+
return (h("div", { class: `ez-col ez-col--sd-12 ez-align--middle ez-padding-top--medium ez-padding-bottom--medium ez-size-height--full ${shouldUseClassic ? "ez-margin-top--small" : ""}` },
|
|
10904
13174
|
h("ez-check", { enabled: !readOnly, label: fieldLabel, mode: switchMode ? CheckMode.SWITCH : CheckMode.REGULAR, "data-field-name": fieldName, "data-context-name": contextName, key: fieldName })));
|
|
10905
13175
|
}
|
|
10906
13176
|
|
|
10907
|
-
const buildComboBox$1 = ({ name, label, readOnly, required, props, contextName, canShowError }) => {
|
|
13177
|
+
const buildComboBox$1 = ({ name, label, readOnly, required, props, contextName, canShowError }, context) => {
|
|
13178
|
+
var _a;
|
|
13179
|
+
const shouldUseClassic = (context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_CASCADE ||
|
|
13180
|
+
(context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_SIDE_BY_SIDE;
|
|
10908
13181
|
const prop = props === null || props === void 0 ? void 0 : props.options;
|
|
10909
13182
|
let options;
|
|
10910
13183
|
if (typeof prop === "string") {
|
|
@@ -10914,29 +13187,60 @@ const buildComboBox$1 = ({ name, label, readOnly, required, props, contextName,
|
|
|
10914
13187
|
else {
|
|
10915
13188
|
options = prop;
|
|
10916
13189
|
}
|
|
13190
|
+
if (shouldUseClassic) {
|
|
13191
|
+
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
13192
|
+
h("ez-classic-combo-box", { class: "ez-input__no-margin", enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, "data-context-name": contextName, key: name, options: options, size: (_a = context === null || context === void 0 ? void 0 : context.size) !== null && _a !== void 0 ? _a : "small", required: required })));
|
|
13193
|
+
}
|
|
10917
13194
|
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
10918
13195
|
h("ez-combo-box", { class: "ez-input__no-margin", enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, "data-context-name": contextName, key: name, options: options, canShowError: canShowError })));
|
|
10919
13196
|
};
|
|
10920
13197
|
|
|
10921
|
-
const buildDate$1 = ({ name, label, readOnly, canShowError }) => {
|
|
13198
|
+
const buildDate$1 = ({ name, label, readOnly, canShowError, props, required }, context) => {
|
|
13199
|
+
var _a;
|
|
13200
|
+
const shouldUseClassic = (context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_CASCADE ||
|
|
13201
|
+
(context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_SIDE_BY_SIDE;
|
|
13202
|
+
if (shouldUseClassic) {
|
|
13203
|
+
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
13204
|
+
h("ez-classic-date-input", { class: "ez-input__no-margin", enabled: !readOnly, label: label, "data-field-name": name, key: name, canShowError: canShowError, size: (_a = context === null || context === void 0 ? void 0 : context.size) !== null && _a !== void 0 ? _a : "small", required: required })));
|
|
13205
|
+
}
|
|
10922
13206
|
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
10923
13207
|
h("ez-date-input", { class: "ez-input__no-margin", enabled: !readOnly, label: label, "data-field-name": name, key: name, canShowError: canShowError })));
|
|
10924
13208
|
};
|
|
10925
|
-
const buildTime$1 = ({ name, label, readOnly, canShowError, props }) => {
|
|
10926
|
-
var _a;
|
|
13209
|
+
const buildTime$1 = ({ name, label, readOnly, canShowError, props, required }, context) => {
|
|
13210
|
+
var _a, _b, _c;
|
|
13211
|
+
const shouldUseClassic = (context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_CASCADE ||
|
|
13212
|
+
(context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_SIDE_BY_SIDE;
|
|
13213
|
+
if (shouldUseClassic) {
|
|
13214
|
+
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
13215
|
+
h("ez-classic-time-input", { class: "ez-input__no-margin", enabled: !readOnly, label: label, "data-field-name": name, key: name, canShowError: canShowError, "show-seconds": (_a = props === null || props === void 0 ? void 0 : props.showSeconds) !== null && _a !== void 0 ? _a : false, size: (_b = context === null || context === void 0 ? void 0 : context.size) !== null && _b !== void 0 ? _b : "small", required: required })));
|
|
13216
|
+
}
|
|
10927
13217
|
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
10928
|
-
h("ez-time-input", { class: "ez-input__no-margin", enabled: !readOnly, label: label, "data-field-name": name, key: name, canShowError: canShowError, "show-seconds": (
|
|
13218
|
+
h("ez-time-input", { class: "ez-input__no-margin", enabled: !readOnly, label: label, "data-field-name": name, key: name, canShowError: canShowError, "show-seconds": (_c = props === null || props === void 0 ? void 0 : props.showSeconds) !== null && _c !== void 0 ? _c : false })));
|
|
10929
13219
|
};
|
|
10930
|
-
const buildTimeSeconds = ({ name, label, readOnly, canShowError }) => {
|
|
13220
|
+
const buildTimeSeconds = ({ name, label, readOnly, canShowError, props, required }, context) => {
|
|
13221
|
+
var _a;
|
|
13222
|
+
const shouldUseClassic = (context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_CASCADE ||
|
|
13223
|
+
(context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_SIDE_BY_SIDE;
|
|
13224
|
+
if (shouldUseClassic) {
|
|
13225
|
+
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
13226
|
+
h("ez-classic-time-input", { class: "ez-input__no-margin", enabled: !readOnly, label: label, "data-field-name": name, key: name, canShowError: canShowError, showSeconds: true, size: (_a = context === null || context === void 0 ? void 0 : context.size) !== null && _a !== void 0 ? _a : "small", required: required })));
|
|
13227
|
+
}
|
|
10931
13228
|
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
10932
13229
|
h("ez-time-input", { class: "ez-input__no-margin", enabled: !readOnly, label: label, "data-field-name": name, key: name, canShowError: canShowError, showSeconds: true })));
|
|
10933
13230
|
};
|
|
10934
|
-
const buildDateTime$1 = ({ name, label, readOnly, contextName, canShowError }) => {
|
|
13231
|
+
const buildDateTime$1 = ({ name, label, readOnly, contextName, canShowError, props, required }, context) => {
|
|
13232
|
+
var _a;
|
|
13233
|
+
const shouldUseClassic = (context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_CASCADE ||
|
|
13234
|
+
(context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_SIDE_BY_SIDE;
|
|
13235
|
+
if (shouldUseClassic) {
|
|
13236
|
+
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
13237
|
+
h("ez-classic-date-time-input", { class: "ez-input__no-margin", enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, size: (_a = context === null || context === void 0 ? void 0 : context.size) !== null && _a !== void 0 ? _a : "small", required: required })));
|
|
13238
|
+
}
|
|
10935
13239
|
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
10936
13240
|
h("ez-date-time-input", { class: "ez-input__no-margin", enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError })));
|
|
10937
13241
|
};
|
|
10938
13242
|
|
|
10939
|
-
const buildFile = ({ name, label, readOnly, contextName, props }) => {
|
|
13243
|
+
const buildFile = ({ name, label, readOnly, contextName, props }, context) => {
|
|
10940
13244
|
const uploadProps = ObjectUtils$1.removeEmptyValues({
|
|
10941
13245
|
subTitle: props.subTitle,
|
|
10942
13246
|
requestHeaders: Object.assign(Object.assign({}, (props.STORAGESTRATEGY && {
|
|
@@ -10949,48 +13253,86 @@ const buildFile = ({ name, label, readOnly, contextName, props }) => {
|
|
|
10949
13253
|
h("ez-upload", Object.assign({ enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, key: name }, uploadProps))));
|
|
10950
13254
|
};
|
|
10951
13255
|
|
|
10952
|
-
const buildDecimal$1 = ({ name, label, readOnly, props, contextName, canShowError }) => {
|
|
13256
|
+
const buildDecimal$1 = ({ name, label, readOnly, props, contextName, canShowError, required }, context) => {
|
|
10953
13257
|
var _a, _b;
|
|
10954
13258
|
const precision = Number((_a = props === null || props === void 0 ? void 0 : props.precision) !== null && _a !== void 0 ? _a : 2);
|
|
10955
13259
|
const prettyPrecision = Number((_b = props === null || props === void 0 ? void 0 : props.prettyPrecision) !== null && _b !== void 0 ? _b : precision);
|
|
10956
|
-
return buildNumeric$1(name, label, readOnly, precision, prettyPrecision, contextName, canShowError);
|
|
13260
|
+
return buildNumeric$1(name, label, readOnly, precision, prettyPrecision, contextName, canShowError, props, required, context);
|
|
10957
13261
|
};
|
|
10958
|
-
const buildInteger$1 = ({ name, label, readOnly, contextName, canShowError }) => {
|
|
10959
|
-
return buildNumeric$1(name, label, readOnly, 0, 0, contextName, canShowError);
|
|
13262
|
+
const buildInteger$1 = ({ name, label, readOnly, contextName, canShowError, props, required }, context) => {
|
|
13263
|
+
return buildNumeric$1(name, label, readOnly, 0, 0, contextName, canShowError, props, required, context);
|
|
10960
13264
|
};
|
|
10961
|
-
function buildNumeric$1(fieldName, fieldLabel, readOnly, precision, prettyPrecision, contextName, canShowError) {
|
|
13265
|
+
function buildNumeric$1(fieldName, fieldLabel, readOnly, precision, prettyPrecision, contextName, canShowError, props, required, context) {
|
|
13266
|
+
var _a;
|
|
13267
|
+
const shouldUseClassic = (context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_CASCADE ||
|
|
13268
|
+
(context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_SIDE_BY_SIDE;
|
|
13269
|
+
if (shouldUseClassic) {
|
|
13270
|
+
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
13271
|
+
h("ez-classic-number-input", { class: "ez-input__no-margin", enabled: !readOnly, label: fieldLabel, precision: precision, prettyPrecision: prettyPrecision, "data-field-name": fieldName, "data-context-name": contextName, key: fieldName, canShowError: canShowError, size: (_a = context === null || context === void 0 ? void 0 : context.size) !== null && _a !== void 0 ? _a : "small", required: required })));
|
|
13272
|
+
}
|
|
10962
13273
|
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
10963
13274
|
h("ez-number-input", { class: "ez-input__no-margin", enabled: !readOnly, label: fieldLabel, precision: precision, prettyPrecision: prettyPrecision, "data-field-name": fieldName, "data-context-name": contextName, key: fieldName, canShowError: canShowError })));
|
|
10964
13275
|
}
|
|
10965
13276
|
|
|
10966
|
-
const buildTextArea = ({ name, label, readOnly,
|
|
13277
|
+
const buildTextArea = ({ name, label, readOnly, rows, contextName, canShowError, props, required }, context) => {
|
|
13278
|
+
const shouldUseClassic = (context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_CASCADE ||
|
|
13279
|
+
(context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_SIDE_BY_SIDE;
|
|
13280
|
+
if (shouldUseClassic) {
|
|
13281
|
+
return (h("div", { class: "ez-col ez-col--sd-12", key: name },
|
|
13282
|
+
h("ez-classic-text-area", { enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, rows: rows })));
|
|
13283
|
+
}
|
|
10967
13284
|
return (h("div", { class: "ez-col ez-col--sd-12", key: name },
|
|
10968
13285
|
h("ez-text-area", { enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, rows: rows, canShowError: canShowError })));
|
|
10969
13286
|
};
|
|
10970
13287
|
|
|
10971
|
-
const buildTextInput$1 = ({ name, label, readOnly, contextName, canShowError, props }) => {
|
|
13288
|
+
const buildTextInput$1 = ({ name, label, readOnly, contextName, canShowError, props, required }, context) => {
|
|
13289
|
+
var _a;
|
|
13290
|
+
const shouldUseClassic = (context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_CASCADE ||
|
|
13291
|
+
(context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_SIDE_BY_SIDE;
|
|
13292
|
+
if (shouldUseClassic) {
|
|
13293
|
+
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
13294
|
+
h("ez-classic-input", { class: "ez-input__no-margin", label: label, "data-field-name": name, "data-context-name": contextName, key: name, enabled: !readOnly, mask: props === null || props === void 0 ? void 0 : props.mask, "clean-value-mask": props === null || props === void 0 ? void 0 : props.cleanValueMask, size: (_a = context === null || context === void 0 ? void 0 : context.size) !== null && _a !== void 0 ? _a : "small", required: required })));
|
|
13295
|
+
}
|
|
10972
13296
|
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
10973
13297
|
h("ez-text-input", { class: "ez-input__no-margin", label: label, "data-field-name": name, "data-context-name": contextName, key: name, enabled: !readOnly, canShowError: canShowError, mask: props === null || props === void 0 ? void 0 : props.mask, "clean-value-mask": props === null || props === void 0 ? void 0 : props.cleanValueMask })));
|
|
10974
13298
|
};
|
|
10975
13299
|
|
|
10976
|
-
const buildSearchPlus$1 = ({ name, label, readOnly, contextName, canShowError, optionLoader, props }) => {
|
|
13300
|
+
const buildSearchPlus$1 = ({ name, label, readOnly, contextName, canShowError, optionLoader, props, required }, context) => {
|
|
13301
|
+
var _a;
|
|
13302
|
+
const shouldUseClassic = (context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_CASCADE ||
|
|
13303
|
+
(context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_SIDE_BY_SIDE;
|
|
10977
13304
|
const hasDescriptionField = !StringUtils$1.isEmpty(props === null || props === void 0 ? void 0 : props.DESCRIPTIONFIELD);
|
|
13305
|
+
if (shouldUseClassic) {
|
|
13306
|
+
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
13307
|
+
h("ez-classic-search-plus", { class: "ez-input__no-margin", enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader, hideDescriptionInput: !hasDescriptionField, size: (_a = context === null || context === void 0 ? void 0 : context.size) !== null && _a !== void 0 ? _a : "small", required: required })));
|
|
13308
|
+
}
|
|
10978
13309
|
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
10979
13310
|
h("ez-search-plus", { class: "ez-input__no-margin", enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader, hideDescriptionInput: !hasDescriptionField })));
|
|
10980
13311
|
};
|
|
10981
13312
|
|
|
10982
|
-
const buildSearch$1 = ({ name, label, readOnly, required, contextName, canShowError, optionLoader, props }) => {
|
|
10983
|
-
var _a;
|
|
13313
|
+
const buildSearch$1 = ({ name, label, readOnly, required, contextName, canShowError, optionLoader, props }, context) => {
|
|
13314
|
+
var _a, _b, _c;
|
|
10984
13315
|
const hasDescriptionField = !StringUtils$1.isEmpty(props === null || props === void 0 ? void 0 : props.DESCRIPTIONFIELD);
|
|
13316
|
+
const shouldUseClassic = (context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_CASCADE ||
|
|
13317
|
+
(context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_SIDE_BY_SIDE;
|
|
13318
|
+
if (shouldUseClassic) {
|
|
13319
|
+
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
13320
|
+
h("ez-classic-search", { class: "ez-input__no-margin", enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader, ignoreLimitCharsToSearch: (_a = props === null || props === void 0 ? void 0 : props.ignoreLimitCharsToSearch) !== null && _a !== void 0 ? _a : false, hideDescriptionInput: !hasDescriptionField, size: (_b = context === null || context === void 0 ? void 0 : context.size) !== null && _b !== void 0 ? _b : "small", required: required })));
|
|
13321
|
+
}
|
|
10985
13322
|
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
10986
|
-
h("ez-search", { class: "ez-input__no-margin", enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader, ignoreLimitCharsToSearch: (
|
|
13323
|
+
h("ez-search", { class: "ez-input__no-margin", enabled: !readOnly, suppressEmptyOption: required, label: label, "data-field-name": name, "data-context-name": contextName, key: name, canShowError: canShowError, optionLoader: optionLoader, ignoreLimitCharsToSearch: (_c = props === null || props === void 0 ? void 0 : props.ignoreLimitCharsToSearch) !== null && _c !== void 0 ? _c : false, hideDescriptionInput: !hasDescriptionField })));
|
|
10987
13324
|
};
|
|
10988
13325
|
|
|
10989
|
-
const buildRichText = ({ name, label, readOnly, contextName, rows, canShowError }) => {
|
|
13326
|
+
const buildRichText = ({ name, label, readOnly, contextName, rows, canShowError }, context) => {
|
|
10990
13327
|
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
10991
13328
|
h("ez-rich-text", { key: name, enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, rows: rows, canShowError: canShowError })));
|
|
10992
13329
|
};
|
|
10993
13330
|
|
|
13331
|
+
const buildImage = ({ name, label, readOnly, contextName, props }) => {
|
|
13332
|
+
return (h("div", { class: "ez-col ez-col--sd-12" },
|
|
13333
|
+
h("ez-image-input", Object.assign({ enabled: !readOnly, label: label, "data-field-name": name, "data-context-name": contextName, key: name, maxFileSize: Infinity }, props))));
|
|
13334
|
+
};
|
|
13335
|
+
|
|
10994
13336
|
const uiBuilders$1 = new Map();
|
|
10995
13337
|
uiBuilders$1.set(UserInterface.CHECKBOX, buildCheckBox);
|
|
10996
13338
|
uiBuilders$1.set(UserInterface.SWITCH, buildSwitch$1);
|
|
@@ -11006,11 +13348,14 @@ uiBuilders$1.set(UserInterface.SEARCH, buildSearch$1);
|
|
|
11006
13348
|
uiBuilders$1.set(UserInterface.SEARCHPLUS, buildSearchPlus$1);
|
|
11007
13349
|
uiBuilders$1.set(UserInterface.LONGTEXT, buildTextArea);
|
|
11008
13350
|
uiBuilders$1.set(UserInterface.HTML, buildRichText);
|
|
11009
|
-
|
|
13351
|
+
uiBuilders$1.set(UserInterface.IMAGE, buildImage);
|
|
13352
|
+
const fieldBuilder = (field, customUiBuilders = new Map(), context) => {
|
|
11010
13353
|
const i18n = getI18n();
|
|
11011
|
-
const
|
|
11012
|
-
|
|
11013
|
-
const
|
|
13354
|
+
const shouldUseClassic = (context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_CASCADE ||
|
|
13355
|
+
(context === null || context === void 0 ? void 0 : context.formLayout) === FormLayout.CLASSIC_SIDE_BY_SIDE;
|
|
13356
|
+
const builder = (customUiBuilders.get(field.userInterface) || uiBuilders$1.get(field.userInterface)) || buildTextInput$1;
|
|
13357
|
+
const label = !shouldUseClassic && field.required ? `${field.label}${i18n("app.requiredInfo")}` : field.label;
|
|
13358
|
+
const builtElement = builder(Object.assign(Object.assign({}, field), { label }), context);
|
|
11014
13359
|
//@ts-ignore
|
|
11015
13360
|
builtElement.$attrs$['data-form-item'] = field.name;
|
|
11016
13361
|
return builtElement;
|
|
@@ -11022,7 +13367,7 @@ class FormItem {
|
|
|
11022
13367
|
}
|
|
11023
13368
|
addRightElement(el) {
|
|
11024
13369
|
this.removeRightElement();
|
|
11025
|
-
el.classList.add('ez-padding-left--small');
|
|
13370
|
+
el.classList.add('ez-padding-left--small', 'ez-margin-top--auto', 'ez-margin-bottom--extra-small');
|
|
11026
13371
|
el.setAttribute('data-custom-item', 'true');
|
|
11027
13372
|
this.elem.classList.add('ez-col--nowrap');
|
|
11028
13373
|
this.elem.appendChild(el);
|
|
@@ -11051,7 +13396,7 @@ class FormItems {
|
|
|
11051
13396
|
}
|
|
11052
13397
|
}
|
|
11053
13398
|
|
|
11054
|
-
const ezFormViewCss = ".sc-ez-form-view-h{display:flex;flex-wrap:wrap;width:100%;--ez-form-view__item--min-width:220px;--ez-form-view__item--max-width:440px;--ez-form-view__item--
|
|
13399
|
+
const ezFormViewCss = ".sc-ez-form-view-h{display:flex;flex-wrap:wrap;width:100%;--ez-form-view__item--min-width:220px;--ez-form-view__item--max-width:440px;--ez-form-view__item--gap:var(--space--14, 14px);--ez-form-view__item--padding:var(--space--small)}.form-view__content.sc-ez-form-view{display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--ez-form-view__item--min-width), 1fr));gap:var(--ez-form-view__item--gap);padding-inline:var(--ez-form-view__item--padding);width:100%}.form-view__content--single-column.sc-ez-form-view{grid-template-columns:repeat(1, minmax(var(--ez-form-view__item--min-width), var(--ez-form-view__item--max-width)))}.input-full_width.sc-ez-form-view{grid-column:1 / -1;width:100%}*.sc-ez-form-view:has(*)+ez-collapsible-box.sc-ez-form-view{margin-top:var(--space--16, 16px)}";
|
|
11055
13400
|
|
|
11056
13401
|
const EzFormView$1 = class extends HTMLElement$1 {
|
|
11057
13402
|
constructor() {
|
|
@@ -11059,10 +13404,13 @@ const EzFormView$1 = class extends HTMLElement$1 {
|
|
|
11059
13404
|
this.__registerHost();
|
|
11060
13405
|
this.ezContentReady = createEvent(this, "ezContentReady", 7);
|
|
11061
13406
|
this.formItemsReady = createEvent(this, "formItemsReady", 7);
|
|
13407
|
+
this.MAIN_GROUP_NAME = "__main";
|
|
11062
13408
|
this._customEditors = new Map();
|
|
11063
13409
|
this.fields = undefined;
|
|
11064
13410
|
this.selectedRecord = undefined;
|
|
11065
13411
|
this.singleColumn = false;
|
|
13412
|
+
this.formLayout = undefined;
|
|
13413
|
+
this.customUiBuilders = new Map();
|
|
11066
13414
|
}
|
|
11067
13415
|
async showUp() {
|
|
11068
13416
|
if (this.singleColumn)
|
|
@@ -11090,10 +13438,18 @@ const EzFormView$1 = class extends HTMLElement$1 {
|
|
|
11090
13438
|
});
|
|
11091
13439
|
this.fields = [...fields];
|
|
11092
13440
|
}
|
|
13441
|
+
getGroupByField(field) {
|
|
13442
|
+
var _a, _b;
|
|
13443
|
+
const group = (_a = field.group) !== null && _a !== void 0 ? _a : (_b = field.props) === null || _b === void 0 ? void 0 : _b["UITabName"];
|
|
13444
|
+
if (group && group !== this.MAIN_GROUP_NAME) {
|
|
13445
|
+
return group;
|
|
13446
|
+
}
|
|
13447
|
+
return undefined;
|
|
13448
|
+
}
|
|
11093
13449
|
groupFields(fields) {
|
|
11094
13450
|
const result = new Map();
|
|
11095
13451
|
fields.forEach(item => {
|
|
11096
|
-
const groupLabel = item
|
|
13452
|
+
const groupLabel = this.getGroupByField(item);
|
|
11097
13453
|
if (groupLabel) {
|
|
11098
13454
|
let groupFields = result.get(groupLabel);
|
|
11099
13455
|
if (groupFields == undefined) {
|
|
@@ -11126,12 +13482,16 @@ const EzFormView$1 = class extends HTMLElement$1 {
|
|
|
11126
13482
|
if (this.isItemFullWidth(item.userInterface)) {
|
|
11127
13483
|
classItem += " input-full_width";
|
|
11128
13484
|
}
|
|
13485
|
+
const context = {
|
|
13486
|
+
formLayout: this.formLayout,
|
|
13487
|
+
size: "xsmall",
|
|
13488
|
+
};
|
|
11129
13489
|
if (this._customEditors.has(item.name)) {
|
|
11130
13490
|
const value = (_a = this._formElements.map(el => ({ name: el.dataset.fieldName, value: el['value'] })).find(field => field.name === item.name)) === null || _a === void 0 ? void 0 : _a.value;
|
|
11131
13491
|
const customEditor = this._customEditors.get(item.name).customEditor;
|
|
11132
|
-
return h("div", { class: classItem }, h("ez-custom-form-input", { "data-field-name": item.name, customEditor: customEditor, formViewField: item, builderFallback: fieldBuilder, value: value, selectedRecord: this.selectedRecord }));
|
|
13492
|
+
return h("div", { class: classItem }, h("ez-custom-form-input", { "data-field-name": item.name, customEditor: customEditor, formViewField: item, builderFallback: (field) => fieldBuilder(field, this.customUiBuilders, context), value: value, selectedRecord: this.selectedRecord }));
|
|
11133
13493
|
}
|
|
11134
|
-
return h("div", { class: classItem }, fieldBuilder(item));
|
|
13494
|
+
return h("div", { class: classItem }, fieldBuilder(item, this.customUiBuilders, context));
|
|
11135
13495
|
}
|
|
11136
13496
|
render() {
|
|
11137
13497
|
ElementIDUtils.addIDInfoIfNotExists(this._element, 'ezFormView');
|
|
@@ -61403,6 +63763,9 @@ class DataSource {
|
|
|
61403
63763
|
});
|
|
61404
63764
|
this._dataUnit.metadata.fields.forEach(f => {
|
|
61405
63765
|
var _a, _b, _c, _d, _e, _f;
|
|
63766
|
+
if (f.userInterface === UserInterface.IMAGE) {
|
|
63767
|
+
return;
|
|
63768
|
+
}
|
|
61406
63769
|
if (f.visible !== false && f.name !== this.RECORD_ARCHIVE) {
|
|
61407
63770
|
const props = new Map();
|
|
61408
63771
|
const properties = this._dataUnit.getField(f.name).properties;
|
|
@@ -79838,7 +82201,7 @@ const EzGuideNavigator$1 = class extends HTMLElement$1 {
|
|
|
79838
82201
|
static get style() { return ezGuideNavigatorCss; }
|
|
79839
82202
|
};
|
|
79840
82203
|
|
|
79841
|
-
const ezIconCss = ":host{display:flex;overflow:hidden;position:relative;--ez-icon--color:var(--icon--color, var(--color--gray-70, #ffffff))}svg{display:flex;justify-content:center;align-items:center;fill:var(--ez-icon--color)}.x-small{width:var(--space--12, 12px);height:var(--space--12, 12px)}.small{width:var(--space--16, 16px);height:var(--space--16, 16px)}.medium{width:var(--space--20, 20px);height:var(--space--20, 20px)}.large{width:var(--space--24, 24px);height:var(--space--24, 24px)}.x-large{width:var(--space--30, 30px);height:var(--space--30, 30px)}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{color:var(--ez-icon--color)}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{font-family:'ez-icons' !important;font-size:var(--font-size--medium, 16px);font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ez-icon-0-plus:before{content:\"\\ea01\"}.ez-icon-10-plus:before{content:\"\\ea02\"}.ez-icon-12-plus:before{content:\"\\ea03\"}.ez-icon-13-plus:before{content:\"\\ea04\"}.ez-icon-16-plus:before{content:\"\\ea05\"}.ez-icon-17-plus:before{content:\"\\ea06\"}.ez-icon-18-plus:before{content:\"\\ea07\"}.ez-icon-21-plus:before{content:\"\\ea08\"}.ez-icon-2chevron-down:before{content:\"\\ea09\"}.ez-icon-2chevron-up:before{content:\"\\ea0a\"}.ez-icon-3-plus:before{content:\"\\ea0b\"}.ez-icon-500px:before{content:\"\\ea0c\"}.ez-icon-6-plus:before{content:\"\\ea0d\"}.ez-icon-abacus:before{content:\"\\ea0e\"}.ez-icon-acao:before{content:\"\\ea0f\"}.ez-icon-account-outline:before{content:\"\\ea10\"}.ez-icon-account:before{content:\"\\ea11\"}.ez-icon-add-to-cart:before{content:\"\\ea12\"}.ez-icon-adjust-alt:before{content:\"\\ea13\"}.ez-icon-adjust-circle:before{content:\"\\ea14\"}.ez-icon-adjust-half:before{content:\"\\ea15\"}.ez-icon-adjust:before{content:\"\\ea16\"}.ez-icon-adobe-alt:before{content:\"\\ea17\"}.ez-icon-adobe:before{content:\"\\ea18\"}.ez-icon-airplay:before{content:\"\\ea19\"}.ez-icon-alert-circle-inverted:before{content:\"\\ea1a\"}.ez-icon-alert-circle:before{content:\"\\ea1b\"}.ez-icon-alert-mail:before{content:\"\\ea1c\"}.ez-icon-alert-popup:before{content:\"\\ea1d\"}.ez-icon-align-alt:before{content:\"\\ea1e\"}.ez-icon-align-center-alt:before{content:\"\\ea1f\"}.ez-icon-align-center-h:before{content:\"\\ea20\"}.ez-icon-align-center-justify:before{content:\"\\ea21\"}.ez-icon-align-center-v:before{content:\"\\ea22\"}.ez-icon-align-center:before{content:\"\\ea23\"}.ez-icon-align-justify:before{content:\"\\ea24\"}.ez-icon-align-left-justify:before{content:\"\\ea25\"}.ez-icon-align-left:before{content:\"\\ea26\"}.ez-icon-align-letter-right:before{content:\"\\ea27\"}.ez-icon-align-right-justify:before{content:\"\\ea28\"}.ez-icon-align-right:before{content:\"\\ea29\"}.ez-icon-align:before{content:\"\\ea2a\"}.ez-icon-amazon:before{content:\"\\ea2b\"}.ez-icon-ambulance:before{content:\"\\ea2c\"}.ez-icon-analysis:before{content:\"\\ea2d\"}.ez-icon-analytics:before{content:\"\\ea2e\"}.ez-icon-anchor:before{content:\"\\ea2f\"}.ez-icon-android-alt:before{content:\"\\ea30\"}.ez-icon-android-phone-slash:before{content:\"\\ea31\"}.ez-icon-android:before{content:\"\\ea32\"}.ez-icon-anexo:before{content:\"\\ea33\"}.ez-icon-angle-double-down:before{content:\"\\ea34\"}.ez-icon-angle-double-left:before{content:\"\\ea35\"}.ez-icon-angle-double-right:before{content:\"\\ea36\"}.ez-icon-angle-double-up:before{content:\"\\ea37\"}.ez-icon-angle-down:before{content:\"\\ea38\"}.ez-icon-angle-left-b:before{content:\"\\ea39\"}.ez-icon-angle-left:before{content:\"\\ea3a\"}.ez-icon-angle-right-b:before{content:\"\\ea3b\"}.ez-icon-angle-right:before{content:\"\\ea3c\"}.ez-icon-angle-up:before{content:\"\\ea3d\"}.ez-icon-angry:before{content:\"\\ea3e\"}.ez-icon-ankh:before{content:\"\\ea3f\"}.ez-icon-annoyed-alt:before{content:\"\\ea40\"}.ez-icon-annoyed:before{content:\"\\ea41\"}.ez-icon-antecipação:before{content:\"\\ea42\"}.ez-icon-apple-alt:before{content:\"\\ea43\"}.ez-icon-apple:before{content:\"\\ea44\"}.ez-icon-apps-2:before{content:\"\\ea45\"}.ez-icon-apps:before{content:\"\\ea46\"}.ez-icon-archive-alt:before{content:\"\\ea47\"}.ez-icon-archive:before{content:\"\\ea48\"}.ez-icon-archway:before{content:\"\\ea49\"}.ez-icon-arrow-break:before{content:\"\\ea4a\"}.ez-icon-arrow-circle-down:before{content:\"\\ea4b\"}.ez-icon-arrow-circle-left:before{content:\"\\ea4c\"}.ez-icon-arrow-circle-right:before{content:\"\\ea4d\"}.ez-icon-arrow-circle-up:before{content:\"\\ea4e\"}.ez-icon-arrow-compress-h:before{content:\"\\ea4f\"}.ez-icon-arrow-down-left:before{content:\"\\ea50\"}.ez-icon-arrow-down-right:before{content:\"\\ea51\"}.ez-icon-arrow-down:before{content:\"\\ea52\"}.ez-icon-arrow-forward:before{content:\"\\ea53\"}.ez-icon-arrow-from-right:before{content:\"\\ea54\"}.ez-icon-arrow-from-top:before{content:\"\\ea55\"}.ez-icon-arrow-growth:before{content:\"\\ea56\"}.ez-icon-arrow-left:before{content:\"\\ea57\"}.ez-icon-arrow-random:before{content:\"\\ea58\"}.ez-icon-arrow-resize-diagonal:before{content:\"\\ea59\"}.ez-icon-arrow-right:before{content:\"\\ea5a\"}.ez-icon-arrow-to-bottom:before{content:\"\\ea5b\"}.ez-icon-arrow-to-right:before{content:\"\\ea5c\"}.ez-icon-arrow-up-left:before{content:\"\\ea5d\"}.ez-icon-arrow-up-right:before{content:\"\\ea5e\"}.ez-icon-arrow-up:before{content:\"\\ea5f\"}.ez-icon-arrow-upward:before{content:\"\\ea60\"}.ez-icon-arrow:before{content:\"\\ea61\"}.ez-icon-arrow_back:before{content:\"\\ea62\"}.ez-icon-arrow_downward:before{content:\"\\ea63\"}.ez-icon-arrows-h-alt:before{content:\"\\ea64\"}.ez-icon-arrows-h:before{content:\"\\ea65\"}.ez-icon-arrows-left-down:before{content:\"\\ea66\"}.ez-icon-arrows-maximize:before{content:\"\\ea67\"}.ez-icon-arrows-merge:before{content:\"\\ea68\"}.ez-icon-arrows-resize-h:before{content:\"\\ea69\"}.ez-icon-arrows-resize-v:before{content:\"\\ea6a\"}.ez-icon-arrows-resize:before{content:\"\\ea6b\"}.ez-icon-arrows-right-down:before{content:\"\\ea6c\"}.ez-icon-arrows-shrink-h:before{content:\"\\ea6d\"}.ez-icon-arrows-shrink-v:before{content:\"\\ea6e\"}.ez-icon-arrows-up-right:before{content:\"\\ea6f\"}.ez-icon-arrows-v-alt:before{content:\"\\ea70\"}.ez-icon-arrows-v:before{content:\"\\ea71\"}.ez-icon-assistive-listening-systems:before{content:\"\\ea72\"}.ez-icon-asterisk:before{content:\"\\ea73\"}.ez-icon-at:before{content:\"\\ea74\"}.ez-icon-atom:before{content:\"\\ea75\"}.ez-icon-auto-flash:before{content:\"\\ea76\"}.ez-icon-award-alt:before{content:\"\\ea77\"}.ez-icon-award:before{content:\"\\ea78\"}.ez-icon-baby-carriage:before{content:\"\\ea79\"}.ez-icon-backpack:before{content:\"\\ea7a\"}.ez-icon-backspace:before{content:\"\\ea7b\"}.ez-icon-backward:before{content:\"\\ea7c\"}.ez-icon-bag-alt:before{content:\"\\ea7d\"}.ez-icon-bag-slash:before{content:\"\\ea7e\"}.ez-icon-bag:before{content:\"\\ea7f\"}.ez-icon-baixa:before{content:\"\\ea80\"}.ez-icon-balance-scale:before{content:\"\\ea81\"}.ez-icon-balance:before{content:\"\\ea82\"}.ez-icon-ban:before{content:\"\\ea83\"}.ez-icon-band-aid:before{content:\"\\ea84\"}.ez-icon-bars:before{content:\"\\ea85\"}.ez-icon-baseball-ball:before{content:\"\\ea86\"}.ez-icon-basketball-hoop:before{content:\"\\ea87\"}.ez-icon-basketball:before{content:\"\\ea88\"}.ez-icon-bath:before{content:\"\\ea89\"}.ez-icon-battery-bolt:before{content:\"\\ea8a\"}.ez-icon-battery-empty:before{content:\"\\ea8b\"}.ez-icon-bed-double:before{content:\"\\ea8c\"}.ez-icon-bed:before{content:\"\\ea8d\"}.ez-icon-behance-alt:before{content:\"\\ea8e\"}.ez-icon-behance:before{content:\"\\ea8f\"}.ez-icon-bell-2:before{content:\"\\ea90\"}.ez-icon-bell-inverted:before{content:\"\\ea91\"}.ez-icon-bell-school:before{content:\"\\ea92\"}.ez-icon-bell-slash:before{content:\"\\ea93\"}.ez-icon-bell:before{content:\"\\ea94\"}.ez-icon-bill:before{content:\"\\ea95\"}.ez-icon-bing:before{content:\"\\ea96\"}.ez-icon-bitcoin-alt:before{content:\"\\ea97\"}.ez-icon-bitcoin-circle:before{content:\"\\ea98\"}.ez-icon-bitcoin-sign:before{content:\"\\ea99\"}.ez-icon-bitcoin:before{content:\"\\ea9a\"}.ez-icon-black-berry:before{content:\"\\ea9b\"}.ez-icon-blogger-alt:before{content:\"\\ea9c\"}.ez-icon-blogger:before{content:\"\\ea9d\"}.ez-icon-bluetooth-b:before{content:\"\\ea9e\"}.ez-icon-bold:before{content:\"\\ea9f\"}.ez-icon-boleto:before{content:\"\\eaa0\"}.ez-icon-bolt-alt:before{content:\"\\eaa1\"}.ez-icon-bolt-slash:before{content:\"\\eaa2\"}.ez-icon-bolt:before{content:\"\\eaa3\"}.ez-icon-book-alt:before{content:\"\\eaa4\"}.ez-icon-book-medical:before{content:\"\\eaa5\"}.ez-icon-book-open:before{content:\"\\eaa6\"}.ez-icon-book-reader:before{content:\"\\eaa7\"}.ez-icon-book:before{content:\"\\eaa8\"}.ez-icon-bookmark-full:before{content:\"\\eaa9\"}.ez-icon-bookmark:before{content:\"\\eaaa\"}.ez-icon-books:before{content:\"\\eaab\"}.ez-icon-boolean:before{content:\"\\eaac\"}.ez-icon-boombox:before{content:\"\\eaad\"}.ez-icon-border-alt:before{content:\"\\eaae\"}.ez-icon-border-bottom:before{content:\"\\eaaf\"}.ez-icon-border-clear:before{content:\"\\eab0\"}.ez-icon-border-horizontal:before{content:\"\\eab1\"}.ez-icon-border-inner:before{content:\"\\eab2\"}.ez-icon-border-left:before{content:\"\\eab3\"}.ez-icon-border-out:before{content:\"\\eab4\"}.ez-icon-border-right:before{content:\"\\eab5\"}.ez-icon-border-top:before{content:\"\\eab6\"}.ez-icon-border-vertical:before{content:\"\\eab7\"}.ez-icon-bowling-ball:before{content:\"\\eab8\"}.ez-icon-box:before{content:\"\\eab9\"}.ez-icon-brackets-curly:before{content:\"\\eaba\"}.ez-icon-brain:before{content:\"\\eabb\"}.ez-icon-briefcase-alt:before{content:\"\\eabc\"}.ez-icon-briefcase:before{content:\"\\eabd\"}.ez-icon-bright:before{content:\"\\eabe\"}.ez-icon-brightness-empty:before{content:\"\\eabf\"}.ez-icon-brightness-half:before{content:\"\\eac0\"}.ez-icon-brightness-low:before{content:\"\\eac1\"}.ez-icon-brightness-minus:before{content:\"\\eac2\"}.ez-icon-brightness-plus:before{content:\"\\eac3\"}.ez-icon-brightness:before{content:\"\\eac4\"}.ez-icon-bring-bottom:before{content:\"\\eac5\"}.ez-icon-bring-front:before{content:\"\\eac6\"}.ez-icon-browser:before{content:\"\\eac7\"}.ez-icon-brush-alt:before{content:\"\\eac8\"}.ez-icon-bug:before{content:\"\\eac9\"}.ez-icon-building:before{content:\"\\eaca\"}.ez-icon-bullseye:before{content:\"\\eacb\"}.ez-icon-bus-alt:before{content:\"\\eacc\"}.ez-icon-bus-school:before{content:\"\\eacd\"}.ez-icon-bus:before{content:\"\\eace\"}.ez-icon-business-center:before{content:\"\\eacf\"}.ez-icon-calculator-alt:before{content:\"\\ead0\"}.ez-icon-calculator:before{content:\"\\ead1\"}.ez-icon-calendar-2:before{content:\"\\ead2\"}.ez-icon-calendar-alt:before{content:\"\\ead3\"}.ez-icon-calendar-clock:before{content:\"\\ead4\"}.ez-icon-calendar-slash:before{content:\"\\ead5\"}.ez-icon-calendar:before{content:\"\\ead6\"}.ez-icon-calender:before{content:\"\\ead7\"}.ez-icon-calling:before{content:\"\\ead8\"}.ez-icon-camera-change:before{content:\"\\ead9\"}.ez-icon-camera-plus:before{content:\"\\eada\"}.ez-icon-camera-slash:before{content:\"\\eadb\"}.ez-icon-camera:before{content:\"\\eadc\"}.ez-icon-cancel:before{content:\"\\eadd\"}.ez-icon-capsule:before{content:\"\\eade\"}.ez-icon-capture:before{content:\"\\eadf\"}.ez-icon-car-sideview:before{content:\"\\eae0\"}.ez-icon-car-slash:before{content:\"\\eae1\"}.ez-icon-car-wash:before{content:\"\\eae2\"}.ez-icon-car:before{content:\"\\eae3\"}.ez-icon-card-atm:before{content:\"\\eae4\"}.ez-icon-caret-right:before{content:\"\\eae5\"}.ez-icon-cart-history:before{content:\"\\eae6\"}.ez-icon-cash-remove:before{content:\"\\eae7\"}.ez-icon-cell:before{content:\"\\eae8\"}.ez-icon-celsius:before{content:\"\\eae9\"}.ez-icon-channel-add:before{content:\"\\eaea\"}.ez-icon-channel:before{content:\"\\eaeb\"}.ez-icon-chart-bar-alt:before{content:\"\\eaec\"}.ez-icon-chart-bar:before{content:\"\\eaed\"}.ez-icon-chart-down:before{content:\"\\eaee\"}.ez-icon-chart-growth-alt:before{content:\"\\eaef\"}.ez-icon-chart-growth:before{content:\"\\eaf0\"}.ez-icon-chart-line:before{content:\"\\eaf1\"}.ez-icon-chart-pie-alt:before{content:\"\\eaf2\"}.ez-icon-chart-pie:before{content:\"\\eaf3\"}.ez-icon-chart:before{content:\"\\eaf4\"}.ez-icon-chat-bubble-user:before{content:\"\\eaf5\"}.ez-icon-chat-info:before{content:\"\\eaf6\"}.ez-icon-chat:before{content:\"\\eaf7\"}.ez-icon-check-2:before{content:\"\\eaf8\"}.ez-icon-check-circle-2:before{content:\"\\eaf9\"}.ez-icon-check-circle-inverted:before{content:\"\\eafa\"}.ez-icon-check-circle:before{content:\"\\eafb\"}.ez-icon-check-square:before{content:\"\\eafc\"}.ez-icon-check:before{content:\"\\eafd\"}.ez-icon-chevron-down:before{content:\"\\eafe\"}.ez-icon-chevron-left:before{content:\"\\eaff\"}.ez-icon-chevron-right:before{content:\"\\eb00\"}.ez-icon-chevron-up:before{content:\"\\eb01\"}.ez-icon-circle--medium:before{content:\"\\eb02\"}.ez-icon-circle-2:before{content:\"\\eb03\"}.ez-icon-circle-layer:before{content:\"\\eb04\"}.ez-icon-circle:before{content:\"\\eb05\"}.ez-icon-circuit:before{content:\"\\eb06\"}.ez-icon-clapper-board:before{content:\"\\eb07\"}.ez-icon-clean-cart:before{content:\"\\eb08\"}.ez-icon-cleaning:before{content:\"\\eb09\"}.ez-icon-clinic-medical:before{content:\"\\eb0a\"}.ez-icon-clipboard-2:before{content:\"\\eb0b\"}.ez-icon-clipboard-alt:before{content:\"\\eb0c\"}.ez-icon-clipboard-blank:before{content:\"\\eb0d\"}.ez-icon-clipboard-notes:before{content:\"\\eb0e\"}.ez-icon-clipboard:before{content:\"\\eb0f\"}.ez-icon-clock-eight:before{content:\"\\eb10\"}.ez-icon-clock-five:before{content:\"\\eb11\"}.ez-icon-clock-nine:before{content:\"\\eb12\"}.ez-icon-clock-rotate-left:before{content:\"\\eb13\"}.ez-icon-clock-seven:before{content:\"\\eb14\"}.ez-icon-clock-ten:before{content:\"\\eb15\"}.ez-icon-clock-three:before{content:\"\\eb16\"}.ez-icon-clock-two:before{content:\"\\eb17\"}.ez-icon-clock:before{content:\"\\eb18\"}.ez-icon-close:before{content:\"\\eb19\"}.ez-icon-closed-captioning-slash:before{content:\"\\eb1a\"}.ez-icon-closed-captioning:before{content:\"\\eb1b\"}.ez-icon-cloud-block:before{content:\"\\eb1c\"}.ez-icon-cloud-bookmark:before{content:\"\\eb1d\"}.ez-icon-cloud-check:before{content:\"\\eb1e\"}.ez-icon-cloud-computing:before{content:\"\\eb1f\"}.ez-icon-cloud-data-connection:before{content:\"\\eb20\"}.ez-icon-cloud-database-tree:before{content:\"\\eb21\"}.ez-icon-cloud-download:before{content:\"\\eb22\"}.ez-icon-cloud-drizzle:before{content:\"\\eb23\"}.ez-icon-cloud-exclamation:before{content:\"\\eb24\"}.ez-icon-cloud-hail:before{content:\"\\eb25\"}.ez-icon-cloud-heart:before{content:\"\\eb26\"}.ez-icon-cloud-info:before{content:\"\\eb27\"}.ez-icon-cloud-lock:before{content:\"\\eb28\"}.ez-icon-cloud-meatball:before{content:\"\\eb29\"}.ez-icon-cloud-moon-hail:before{content:\"\\eb2a\"}.ez-icon-cloud-moon-meatball:before{content:\"\\eb2b\"}.ez-icon-cloud-moon-rain:before{content:\"\\eb2c\"}.ez-icon-cloud-moon-showers:before{content:\"\\eb2d\"}.ez-icon-cloud-moon-tear:before{content:\"\\eb2e\"}.ez-icon-cloud-moon:before{content:\"\\eb2f\"}.ez-icon-cloud-question:before{content:\"\\eb30\"}.ez-icon-cloud-rain-sun:before{content:\"\\eb31\"}.ez-icon-cloud-rain:before{content:\"\\eb32\"}.ez-icon-cloud-redo:before{content:\"\\eb33\"}.ez-icon-cloud-share:before{content:\"\\eb34\"}.ez-icon-cloud-shield:before{content:\"\\eb35\"}.ez-icon-cloud-showers-alt:before{content:\"\\eb36\"}.ez-icon-cloud-showers-heavy:before{content:\"\\eb37\"}.ez-icon-cloud-showers:before{content:\"\\eb38\"}.ez-icon-cloud-slash:before{content:\"\\eb39\"}.ez-icon-cloud-sun-hail:before{content:\"\\eb3a\"}.ez-icon-cloud-sun-meatball:before{content:\"\\eb3b\"}.ez-icon-cloud-sun-rain-alt:before{content:\"\\eb3c\"}.ez-icon-cloud-sun-rain:before{content:\"\\eb3d\"}.ez-icon-cloud-sun-tear:before{content:\"\\eb3e\"}.ez-icon-cloud-sun:before{content:\"\\eb3f\"}.ez-icon-cloud-times:before{content:\"\\eb40\"}.ez-icon-cloud-unlock:before{content:\"\\eb41\"}.ez-icon-cloud-upload:before{content:\"\\eb42\"}.ez-icon-cloud-wifi:before{content:\"\\eb43\"}.ez-icon-cloud-wind:before{content:\"\\eb44\"}.ez-icon-cloud:before{content:\"\\eb45\"}.ez-icon-clouds:before{content:\"\\eb46\"}.ez-icon-club:before{content:\"\\eb47\"}.ez-icon-cobrar:before{content:\"\\eb48\"}.ez-icon-code-branch:before{content:\"\\eb49\"}.ez-icon-code:before{content:\"\\eb4a\"}.ez-icon-coffee:before{content:\"\\eb4b\"}.ez-icon-cog:before{content:\"\\eb4c\"}.ez-icon-coins:before{content:\"\\eb4d\"}.ez-icon-columns:before{content:\"\\eb4e\"}.ez-icon-comment-add:before{content:\"\\eb4f\"}.ez-icon-comment-alt-block:before{content:\"\\eb50\"}.ez-icon-comment-alt-chart-lines:before{content:\"\\eb51\"}.ez-icon-comment-alt-check:before{content:\"\\eb52\"}.ez-icon-comment-alt-dots:before{content:\"\\eb53\"}.ez-icon-comment-alt-download:before{content:\"\\eb54\"}.ez-icon-comment-alt-edit:before{content:\"\\eb55\"}.ez-icon-comment-alt-exclamation:before{content:\"\\eb56\"}.ez-icon-comment-alt-heart:before{content:\"\\eb57\"}.ez-icon-comment-alt-image:before{content:\"\\eb58\"}.ez-icon-comment-alt-info:before{content:\"\\eb59\"}.ez-icon-comment-alt-lines:before{content:\"\\eb5a\"}.ez-icon-comment-alt-lock:before{content:\"\\eb5b\"}.ez-icon-comment-alt-medical:before{content:\"\\eb5c\"}.ez-icon-comment-alt-message:before{content:\"\\eb5d\"}.ez-icon-comment-alt-notes:before{content:\"\\eb5e\"}.ez-icon-comment-alt-plus:before{content:\"\\eb5f\"}.ez-icon-comment-alt-question:before{content:\"\\eb60\"}.ez-icon-comment-alt-redo:before{content:\"\\eb61\"}.ez-icon-comment-alt-search:before{content:\"\\eb62\"}.ez-icon-comment-alt-share:before{content:\"\\eb63\"}.ez-icon-comment-alt-shield:before{content:\"\\eb64\"}.ez-icon-comment-alt-slash:before{content:\"\\eb65\"}.ez-icon-comment-alt-upload:before{content:\"\\eb66\"}.ez-icon-comment-alt-verify:before{content:\"\\eb67\"}.ez-icon-comment-alt:before{content:\"\\eb68\"}.ez-icon-comment-block:before{content:\"\\eb69\"}.ez-icon-comment-chart-line:before{content:\"\\eb6a\"}.ez-icon-comment-check:before{content:\"\\eb6b\"}.ez-icon-comment-dots:before{content:\"\\eb6c\"}.ez-icon-comment-download:before{content:\"\\eb6d\"}.ez-icon-comment-edit:before{content:\"\\eb6e\"}.ez-icon-comment-exclamation:before{content:\"\\eb6f\"}.ez-icon-comment-heart:before{content:\"\\eb70\"}.ez-icon-comment-image:before{content:\"\\eb71\"}.ez-icon-comment-info-alt:before{content:\"\\eb72\"}.ez-icon-comment-info:before{content:\"\\eb73\"}.ez-icon-comment-lines:before{content:\"\\eb74\"}.ez-icon-comment-lock:before{content:\"\\eb75\"}.ez-icon-comment-medical:before{content:\"\\eb76\"}.ez-icon-comment-message:before{content:\"\\eb77\"}.ez-icon-comment-notes:before{content:\"\\eb78\"}.ez-icon-comment-plus:before{content:\"\\eb79\"}.ez-icon-comment-question:before{content:\"\\eb7a\"}.ez-icon-comment-redo:before{content:\"\\eb7b\"}.ez-icon-comment-search:before{content:\"\\eb7c\"}.ez-icon-comment-share:before{content:\"\\eb7d\"}.ez-icon-comment-shield:before{content:\"\\eb7e\"}.ez-icon-comment-slash:before{content:\"\\eb7f\"}.ez-icon-comment-upload:before{content:\"\\eb80\"}.ez-icon-comment-verify:before{content:\"\\eb81\"}.ez-icon-comment:before{content:\"\\eb82\"}.ez-icon-comments-alt:before{content:\"\\eb83\"}.ez-icon-comments:before{content:\"\\eb84\"}.ez-icon-compact-disc:before{content:\"\\eb85\"}.ez-icon-comparison:before{content:\"\\eb86\"}.ez-icon-compass:before{content:\"\\eb87\"}.ez-icon-compress-alt-left:before{content:\"\\eb88\"}.ez-icon-compress-alt:before{content:\"\\eb89\"}.ez-icon-compress-arrows:before{content:\"\\eb8a\"}.ez-icon-compress-lines:before{content:\"\\eb8b\"}.ez-icon-compress-point:before{content:\"\\eb8c\"}.ez-icon-compress-v:before{content:\"\\eb8d\"}.ez-icon-compress:before{content:\"\\eb8e\"}.ez-icon-configuration:before{content:\"\\eb8f\"}.ez-icon-confused:before{content:\"\\eb90\"}.ez-icon-constructor:before{content:\"\\eb91\"}.ez-icon-content-cut:before{content:\"\\eb92\"}.ez-icon-copy-2:before{content:\"\\eb93\"}.ez-icon-copy-alt:before{content:\"\\eb94\"}.ez-icon-copy-landscape:before{content:\"\\eb95\"}.ez-icon-copy:before{content:\"\\eb96\"}.ez-icon-copyright:before{content:\"\\eb97\"}.ez-icon-corner-down-left:before{content:\"\\eb98\"}.ez-icon-corner-down-right-alt:before{content:\"\\eb99\"}.ez-icon-corner-down-right:before{content:\"\\eb9a\"}.ez-icon-corner-left-down:before{content:\"\\eb9b\"}.ez-icon-corner-right-down:before{content:\"\\eb9c\"}.ez-icon-corner-up-left-alt:before{content:\"\\eb9d\"}.ez-icon-corner-up-left:before{content:\"\\eb9e\"}.ez-icon-corner-up-right-alt:before{content:\"\\eb9f\"}.ez-icon-corner-up-right:before{content:\"\\eba0\"}.ez-icon-coronavirus:before{content:\"\\eba1\"}.ez-icon-create-dashboard:before{content:\"\\eba2\"}.ez-icon-creative-commons-pd:before{content:\"\\eba3\"}.ez-icon-credit-card-search:before{content:\"\\eba4\"}.ez-icon-credit-card:before{content:\"\\eba5\"}.ez-icon-credit_card:before{content:\"\\eba6\"}.ez-icon-crockery:before{content:\"\\eba7\"}.ez-icon-crop-alt-rotate-left:before{content:\"\\eba8\"}.ez-icon-crop-alt-rotate-right:before{content:\"\\eba9\"}.ez-icon-crop-alt:before{content:\"\\ebaa\"}.ez-icon-crop:before{content:\"\\ebab\"}.ez-icon-crosshair-alt:before{content:\"\\ebac\"}.ez-icon-crosshair:before{content:\"\\ebad\"}.ez-icon-crosshairs:before{content:\"\\ebae\"}.ez-icon-css3-simple:before{content:\"\\ebaf\"}.ez-icon-cube:before{content:\"\\ebb0\"}.ez-icon-custom:before{content:\"\\ebb1\"}.ez-icon-dashboard:before{content:\"\\ebb2\"}.ez-icon-data-sharing:before{content:\"\\ebb3\"}.ez-icon-database-alt:before{content:\"\\ebb4\"}.ez-icon-database:before{content:\"\\ebb5\"}.ez-icon-delete-file:before{content:\"\\ebb6\"}.ez-icon-delete:before{content:\"\\ebb7\"}.ez-icon-description:before{content:\"\\ebb8\"}.ez-icon-desert:before{content:\"\\ebb9\"}.ez-icon-desktop-alt-slash:before{content:\"\\ebba\"}.ez-icon-desktop-alt:before{content:\"\\ebbb\"}.ez-icon-desktop-cloud-alt:before{content:\"\\ebbc\"}.ez-icon-desktop-slash:before{content:\"\\ebbd\"}.ez-icon-desktop:before{content:\"\\ebbe\"}.ez-icon-dialpad-alt:before{content:\"\\ebbf\"}.ez-icon-dialpad:before{content:\"\\ebc0\"}.ez-icon-diamond:before{content:\"\\ebc1\"}.ez-icon-diary-alt:before{content:\"\\ebc2\"}.ez-icon-diary:before{content:\"\\ebc3\"}.ez-icon-dice-five:before{content:\"\\ebc4\"}.ez-icon-dice-four:before{content:\"\\ebc5\"}.ez-icon-dice-one:before{content:\"\\ebc6\"}.ez-icon-dice-six:before{content:\"\\ebc7\"}.ez-icon-dice-three:before{content:\"\\ebc8\"}.ez-icon-dice-two:before{content:\"\\ebc9\"}.ez-icon-direction:before{content:\"\\ebca\"}.ez-icon-directions:before{content:\"\\ebcb\"}.ez-icon-discord:before{content:\"\\ebcc\"}.ez-icon-dividir:before{content:\"\\ebcd\"}.ez-icon-dizzy-meh:before{content:\"\\ebce\"}.ez-icon-dna:before{content:\"\\ebcf\"}.ez-icon-docker:before{content:\"\\ebd0\"}.ez-icon-document-info:before{content:\"\\ebd1\"}.ez-icon-document-layout-center:before{content:\"\\ebd2\"}.ez-icon-document-layout-left:before{content:\"\\ebd3\"}.ez-icon-document-layout-right:before{content:\"\\ebd4\"}.ez-icon-docx:before{content:\"\\ebd5\"}.ez-icon-dollar-alt:before{content:\"\\ebd6\"}.ez-icon-dollar-sign-alt:before{content:\"\\ebd7\"}.ez-icon-dollar-sign:before{content:\"\\ebd8\"}.ez-icon-dot-notification:before{content:\"\\ebd9\"}.ez-icon-dots-horizontal:before{content:\"\\ebda\"}.ez-icon-dots-vertical:before{content:\"\\ebdb\"}.ez-icon-download-alt:before{content:\"\\ebdc\"}.ez-icon-drag-indicator:before{content:\"\\ebdd\"}.ez-icon-draggabledots:before{content:\"\\ebde\"}.ez-icon-dribbble:before{content:\"\\ebdf\"}.ez-icon-drill:before{content:\"\\ebe0\"}.ez-icon-dropbox:before{content:\"\\ebe1\"}.ez-icon-dual-chevron-down:before{content:\"\\ebe2\"}.ez-icon-dual-chevron-left:before{content:\"\\ebe3\"}.ez-icon-dual-chevron-right:before{content:\"\\ebe4\"}.ez-icon-dual-chevron-up:before{content:\"\\ebe5\"}.ez-icon-dumbbell:before{content:\"\\ebe6\"}.ez-icon-ear:before{content:\"\\ebe7\"}.ez-icon-edit-2:before{content:\"\\ebe8\"}.ez-icon-edit-alt:before{content:\"\\ebe9\"}.ez-icon-edit-file:before{content:\"\\ebea\"}.ez-icon-edit-table:before{content:\"\\ebeb\"}.ez-icon-edit-time:before{content:\"\\ebec\"}.ez-icon-edit-value:before{content:\"\\ebed\"}.ez-icon-edit:before{content:\"\\ebee\"}.ez-icon-elipsis-double-v-alt:before{content:\"\\ebef\"}.ez-icon-ellipsis-h:before{content:\"\\ebf0\"}.ez-icon-ellipsis-v:before{content:\"\\ebf1\"}.ez-icon-email:before{content:\"\\ebf2\"}.ez-icon-emoji:before{content:\"\\ebf3\"}.ez-icon-english-to-chinese:before{content:\"\\ebf4\"}.ez-icon-enter:before{content:\"\\ebf5\"}.ez-icon-envelope-add:before{content:\"\\ebf6\"}.ez-icon-envelope-alt:before{content:\"\\ebf7\"}.ez-icon-envelope-block:before{content:\"\\ebf8\"}.ez-icon-envelope-bookmark:before{content:\"\\ebf9\"}.ez-icon-envelope-check:before{content:\"\\ebfa\"}.ez-icon-envelope-download-alt:before{content:\"\\ebfb\"}.ez-icon-envelope-download:before{content:\"\\ebfc\"}.ez-icon-envelope-edit:before{content:\"\\ebfd\"}.ez-icon-envelope-exclamation:before{content:\"\\ebfe\"}.ez-icon-envelope-heart:before{content:\"\\ebff\"}.ez-icon-envelope-info:before{content:\"\\ec00\"}.ez-icon-envelope-lock:before{content:\"\\ec01\"}.ez-icon-envelope-minus:before{content:\"\\ec02\"}.ez-icon-envelope-open:before{content:\"\\ec03\"}.ez-icon-envelope-question:before{content:\"\\ec04\"}.ez-icon-envelope-receive:before{content:\"\\ec05\"}.ez-icon-envelope-redo:before{content:\"\\ec06\"}.ez-icon-envelope-search:before{content:\"\\ec07\"}.ez-icon-envelope-send:before{content:\"\\ec08\"}.ez-icon-envelope-share:before{content:\"\\ec09\"}.ez-icon-envelope-shield:before{content:\"\\ec0a\"}.ez-icon-envelope-star:before{content:\"\\ec0b\"}.ez-icon-envelope-times:before{content:\"\\ec0c\"}.ez-icon-envelope-upload-alt:before{content:\"\\ec0d\"}.ez-icon-envelope-upload:before{content:\"\\ec0e\"}.ez-icon-envelope:before{content:\"\\ec0f\"}.ez-icon-envelopes:before{content:\"\\ec10\"}.ez-icon-equal-circle:before{content:\"\\ec11\"}.ez-icon-estate:before{content:\"\\ec12\"}.ez-icon-estorno:before{content:\"\\ec13\"}.ez-icon-euro-circle:before{content:\"\\ec14\"}.ez-icon-euro:before{content:\"\\ec15\"}.ez-icon-exchange-alt:before{content:\"\\ec16\"}.ez-icon-exchange:before{content:\"\\ec17\"}.ez-icon-exclamation-circle:before{content:\"\\ec18\"}.ez-icon-exclamation-octagon:before{content:\"\\ec19\"}.ez-icon-exclamation-triangle:before{content:\"\\ec1a\"}.ez-icon-exclamation:before{content:\"\\ec1b\"}.ez-icon-exclude:before{content:\"\\ec1c\"}.ez-icon-exe:before{content:\"\\ec1d\"}.ez-icon-exit:before{content:\"\\ec1e\"}.ez-icon-expand-alt:before{content:\"\\ec1f\"}.ez-icon-expand-arrows-alt:before{content:\"\\ec20\"}.ez-icon-expand-arrows:before{content:\"\\ec21\"}.ez-icon-expand-from-corner:before{content:\"\\ec22\"}.ez-icon-expand-left:before{content:\"\\ec23\"}.ez-icon-expand-right:before{content:\"\\ec24\"}.ez-icon-expand:before{content:\"\\ec25\"}.ez-icon-expandir_card:before{content:\"\\ec26\"}.ez-icon-export:before{content:\"\\ec27\"}.ez-icon-exposure-alt:before{content:\"\\ec28\"}.ez-icon-exposure-increase:before{content:\"\\ec29\"}.ez-icon-external-link-alt:before{content:\"\\ec2a\"}.ez-icon-extrato:before{content:\"\\ec2b\"}.ez-icon-eye-2:before{content:\"\\ec2c\"}.ez-icon-eye-off:before{content:\"\\ec2d\"}.ez-icon-eye-slash:before{content:\"\\ec2e\"}.ez-icon-eye:before{content:\"\\ec2f\"}.ez-icon-facebook-f:before{content:\"\\ec30\"}.ez-icon-facebook-messenger-alt:before{content:\"\\ec31\"}.ez-icon-facebook-messenger:before{content:\"\\ec32\"}.ez-icon-facebook:before{content:\"\\ec33\"}.ez-icon-fahrenheit:before{content:\"\\ec34\"}.ez-icon-fast-mail-alt:before{content:\"\\ec35\"}.ez-icon-fast-mail:before{content:\"\\ec36\"}.ez-icon-favorite-2:before{content:\"\\ec37\"}.ez-icon-favorite:before{content:\"\\ec38\"}.ez-icon-feedback:before{content:\"\\ec39\"}.ez-icon-fidget-spinner:before{content:\"\\ec3a\"}.ez-icon-figma:before{content:\"\\ec3b\"}.ez-icon-file-alt:before{content:\"\\ec3c\"}.ez-icon-file-blank:before{content:\"\\ec3d\"}.ez-icon-file-block-alt:before{content:\"\\ec3e\"}.ez-icon-file-bookmark-alt:before{content:\"\\ec3f\"}.ez-icon-file-check-alt:before{content:\"\\ec40\"}.ez-icon-file-check:before{content:\"\\ec41\"}.ez-icon-file-contract-dollar:before{content:\"\\ec42\"}.ez-icon-file-contract:before{content:\"\\ec43\"}.ez-icon-file-copy-alt:before{content:\"\\ec44\"}.ez-icon-file-download-:before{content:\"\\ec45\"}.ez-icon-file-download-alt:before{content:\"\\ec46\"}.ez-icon-file-download:before{content:\"\\ec47\"}.ez-icon-file-edit-alt:before{content:\"\\ec48\"}.ez-icon-file-exclamation-alt:before{content:\"\\ec49\"}.ez-icon-file-exclamation:before{content:\"\\ec4a\"}.ez-icon-file-export:before{content:\"\\ec4b\"}.ez-icon-file-graph:before{content:\"\\ec4c\"}.ez-icon-file-heart:before{content:\"\\ec4d\"}.ez-icon-file-import:before{content:\"\\ec4e\"}.ez-icon-file-info-alt:before{content:\"\\ec4f\"}.ez-icon-file-landscape-alt:before{content:\"\\ec50\"}.ez-icon-file-landscape:before{content:\"\\ec51\"}.ez-icon-file-lanscape-slash:before{content:\"\\ec52\"}.ez-icon-file-lock-alt:before{content:\"\\ec53\"}.ez-icon-file-medical-alt:before{content:\"\\ec54\"}.ez-icon-file-medical:before{content:\"\\ec55\"}.ez-icon-file-minus-alt:before{content:\"\\ec56\"}.ez-icon-file-minus:before{content:\"\\ec57\"}.ez-icon-file-network:before{content:\"\\ec58\"}.ez-icon-file-plus-alt:before{content:\"\\ec59\"}.ez-icon-file-plus:before{content:\"\\ec5a\"}.ez-icon-file-question-alt:before{content:\"\\ec5b\"}.ez-icon-file-question:before{content:\"\\ec5c\"}.ez-icon-file-redo-alt:before{content:\"\\ec5d\"}.ez-icon-file-search-alt:before{content:\"\\ec5e\"}.ez-icon-file-share-alt:before{content:\"\\ec5f\"}.ez-icon-file-shield-alt:before{content:\"\\ec60\"}.ez-icon-file-slash:before{content:\"\\ec61\"}.ez-icon-file-times-alt:before{content:\"\\ec62\"}.ez-icon-file-times:before{content:\"\\ec63\"}.ez-icon-file-upload-2:before{content:\"\\ec64\"}.ez-icon-file-upload-alt:before{content:\"\\ec65\"}.ez-icon-file-upload:before{content:\"\\ec66\"}.ez-icon-file:before{content:\"\\ec67\"}.ez-icon-files-landscapes-alt:before{content:\"\\ec68\"}.ez-icon-files-landscapes:before{content:\"\\ec69\"}.ez-icon-film:before{content:\"\\ec6a\"}.ez-icon-filter-2:before{content:\"\\ec6b\"}.ez-icon-filter-slash:before{content:\"\\ec6c\"}.ez-icon-filter:before{content:\"\\ec6d\"}.ez-icon-find-file:before{content:\"\\ec6e\"}.ez-icon-find-page:before{content:\"\\ec6f\"}.ez-icon-fire:before{content:\"\\ec70\"}.ez-icon-flask-potion:before{content:\"\\ec71\"}.ez-icon-flask:before{content:\"\\ec72\"}.ez-icon-flip-h-alt:before{content:\"\\ec73\"}.ez-icon-flip-h:before{content:\"\\ec74\"}.ez-icon-flip-v-alt:before{content:\"\\ec75\"}.ez-icon-flip-v:before{content:\"\\ec76\"}.ez-icon-flower:before{content:\"\\ec77\"}.ez-icon-focus-add:before{content:\"\\ec78\"}.ez-icon-focus-target:before{content:\"\\ec79\"}.ez-icon-focus:before{content:\"\\ec7a\"}.ez-icon-folder-check:before{content:\"\\ec7b\"}.ez-icon-folder-download:before{content:\"\\ec7c\"}.ez-icon-folder-exclamation:before{content:\"\\ec7d\"}.ez-icon-folder-heart:before{content:\"\\ec7e\"}.ez-icon-folder-info:before{content:\"\\ec7f\"}.ez-icon-folder-lock:before{content:\"\\ec80\"}.ez-icon-folder-medical:before{content:\"\\ec81\"}.ez-icon-folder-minus:before{content:\"\\ec82\"}.ez-icon-folder-network:before{content:\"\\ec83\"}.ez-icon-folder-open:before{content:\"\\ec84\"}.ez-icon-folder-plus:before{content:\"\\ec85\"}.ez-icon-folder-question:before{content:\"\\ec86\"}.ez-icon-folder-slash:before{content:\"\\ec87\"}.ez-icon-folder-times:before{content:\"\\ec88\"}.ez-icon-folder-upload:before{content:\"\\ec89\"}.ez-icon-folder:before{content:\"\\ec8a\"}.ez-icon-font:before{content:\"\\ec8b\"}.ez-icon-football-american:before{content:\"\\ec8c\"}.ez-icon-football-ball:before{content:\"\\ec8d\"}.ez-icon-football:before{content:\"\\ec8e\"}.ez-icon-forecastcloud-moon-tear:before{content:\"\\ec8f\"}.ez-icon-format-color-fill:before{content:\"\\ec90\"}.ez-icon-forwaded-call:before{content:\"\\ec91\"}.ez-icon-forward:before{content:\"\\ec92\"}.ez-icon-frown:before{content:\"\\ec93\"}.ez-icon-game-structure:before{content:\"\\ec94\"}.ez-icon-generic:before{content:\"\\ec95\"}.ez-icon-gif:before{content:\"\\ec96\"}.ez-icon-gift:before{content:\"\\ec97\"}.ez-icon-github-alt:before{content:\"\\ec98\"}.ez-icon-github:before{content:\"\\ec99\"}.ez-icon-gitlab:before{content:\"\\ec9a\"}.ez-icon-glass-martini-alt-slash:before{content:\"\\ec9b\"}.ez-icon-glass-martini-alt:before{content:\"\\ec9c\"}.ez-icon-glass-martini:before{content:\"\\ec9d\"}.ez-icon-glass-tea:before{content:\"\\ec9e\"}.ez-icon-glass:before{content:\"\\ec9f\"}.ez-icon-globe:before{content:\"\\eca0\"}.ez-icon-gold:before{content:\"\\eca1\"}.ez-icon-golf-ball:before{content:\"\\eca2\"}.ez-icon-google-drive-alt:before{content:\"\\eca3\"}.ez-icon-google-drive:before{content:\"\\eca4\"}.ez-icon-google-hangouts-alt:before{content:\"\\eca5\"}.ez-icon-google-hangouts:before{content:\"\\eca6\"}.ez-icon-google-play:before{content:\"\\eca7\"}.ez-icon-google:before{content:\"\\eca8\"}.ez-icon-graduation-cap:before{content:\"\\eca9\"}.ez-icon-graph-bar:before{content:\"\\ecaa\"}.ez-icon-graph_bar:before{content:\"\\ecab\"}.ez-icon-grid:before{content:\"\\ecac\"}.ez-icon-grids:before{content:\"\\ecad\"}.ez-icon-grin-tongue-wink-alt:before{content:\"\\ecae\"}.ez-icon-grin-tongue-wink:before{content:\"\\ecaf\"}.ez-icon-grin:before{content:\"\\ecb0\"}.ez-icon-grip-horizontal-line:before{content:\"\\ecb1\"}.ez-icon-handshake:before{content:\"\\ecb2\"}.ez-icon-hard-hat:before{content:\"\\ecb3\"}.ez-icon-head-side-cough:before{content:\"\\ecb4\"}.ez-icon-head-side-mask:before{content:\"\\ecb5\"}.ez-icon-head-side:before{content:\"\\ecb6\"}.ez-icon-headphone-slash:before{content:\"\\ecb7\"}.ez-icon-headphones-alt:before{content:\"\\ecb8\"}.ez-icon-headphones:before{content:\"\\ecb9\"}.ez-icon-heart-alt:before{content:\"\\ecba\"}.ez-icon-heart-break:before{content:\"\\ecbb\"}.ez-icon-heart-medical:before{content:\"\\ecbc\"}.ez-icon-heart-rate:before{content:\"\\ecbd\"}.ez-icon-heart-sign:before{content:\"\\ecbe\"}.ez-icon-heart:before{content:\"\\ecbf\"}.ez-icon-heartbeat:before{content:\"\\ecc0\"}.ez-icon-help-inverted:before{content:\"\\ecc1\"}.ez-icon-help:before{content:\"\\ecc2\"}.ez-icon-hide-list:before{content:\"\\ecc3\"}.ez-icon-hide_menu:before{content:\"\\ecc4\"}.ez-icon-hierarchical-tree:before{content:\"\\ecc5\"}.ez-icon-hindi-to-chinese:before{content:\"\\ecc6\"}.ez-icon-hipchat:before{content:\"\\ecc7\"}.ez-icon-history-alt:before{content:\"\\ecc8\"}.ez-icon-history:before{content:\"\\ecc9\"}.ez-icon-home-2:before{content:\"\\ecca\"}.ez-icon-home-alt:before{content:\"\\eccb\"}.ez-icon-home:before{content:\"\\eccc\"}.ez-icon-horizontal-align-center:before{content:\"\\eccd\"}.ez-icon-horizontal-align-left:before{content:\"\\ecce\"}.ez-icon-horizontal-align-right:before{content:\"\\eccf\"}.ez-icon-horizontal-distribution-center:before{content:\"\\ecd0\"}.ez-icon-horizontal-distribution-left:before{content:\"\\ecd1\"}.ez-icon-horizontal-distribution-right:before{content:\"\\ecd2\"}.ez-icon-hospital-square-sign:before{content:\"\\ecd3\"}.ez-icon-hospital-symbol:before{content:\"\\ecd4\"}.ez-icon-hospital:before{content:\"\\ecd5\"}.ez-icon-hourglass:before{content:\"\\ecd6\"}.ez-icon-house-user:before{content:\"\\ecd7\"}.ez-icon-html3-alt:before{content:\"\\ecd8\"}.ez-icon-html3:before{content:\"\\ecd9\"}.ez-icon-html5-alt:before{content:\"\\ecda\"}.ez-icon-html5:before{content:\"\\ecdb\"}.ez-icon-hunting:before{content:\"\\ecdc\"}.ez-icon-icons:before{content:\"\\ecdd\"}.ez-icon-icons104:before{content:\"\\ecde\"}.ez-icon-illustration:before{content:\"\\ecdf\"}.ez-icon-image-alt-slash:before{content:\"\\ece0\"}.ez-icon-image-block:before{content:\"\\ece1\"}.ez-icon-image-broken:before{content:\"\\ece2\"}.ez-icon-image-check:before{content:\"\\ece3\"}.ez-icon-image-download:before{content:\"\\ece4\"}.ez-icon-image-edit:before{content:\"\\ece5\"}.ez-icon-image-lock:before{content:\"\\ece6\"}.ez-icon-image-minus:before{content:\"\\ece7\"}.ez-icon-image-plus:before{content:\"\\ece8\"}.ez-icon-image-question:before{content:\"\\ece9\"}.ez-icon-image-redo:before{content:\"\\ecea\"}.ez-icon-image-resize-landscape:before{content:\"\\eceb\"}.ez-icon-image-resize-square:before{content:\"\\ecec\"}.ez-icon-image-search:before{content:\"\\eced\"}.ez-icon-image-share:before{content:\"\\ecee\"}.ez-icon-image-shield:before{content:\"\\ecef\"}.ez-icon-image-slash:before{content:\"\\ecf0\"}.ez-icon-image-times:before{content:\"\\ecf1\"}.ez-icon-image-upload:before{content:\"\\ecf2\"}.ez-icon-image-v:before{content:\"\\ecf3\"}.ez-icon-image:before{content:\"\\ecf4\"}.ez-icon-images:before{content:\"\\ecf5\"}.ez-icon-import:before{content:\"\\ecf6\"}.ez-icon-inbox:before{content:\"\\ecf7\"}.ez-icon-incoming-call:before{content:\"\\ecf8\"}.ez-icon-info-circle:before{content:\"\\ecf9\"}.ez-icon-info:before{content:\"\\ecfa\"}.ez-icon-instagram-alt:before{content:\"\\ecfb\"}.ez-icon-instagram:before{content:\"\\ecfc\"}.ez-icon-intercom-alt:before{content:\"\\ecfd\"}.ez-icon-intercom:before{content:\"\\ecfe\"}.ez-icon-invoice:before{content:\"\\ecff\"}.ez-icon-italic:before{content:\"\\ed00\"}.ez-icon-jackhammer:before{content:\"\\ed01\"}.ez-icon-java-script:before{content:\"\\ed02\"}.ez-icon-kayak:before{content:\"\\ed03\"}.ez-icon-key-skeleton-alt:before{content:\"\\ed04\"}.ez-icon-key-skeleton:before{content:\"\\ed05\"}.ez-icon-keyboard-alt:before{content:\"\\ed06\"}.ez-icon-keyboard-hide:before{content:\"\\ed07\"}.ez-icon-keyboard-show:before{content:\"\\ed08\"}.ez-icon-keyboard:before{content:\"\\ed09\"}.ez-icon-keyhole-circle:before{content:\"\\ed0a\"}.ez-icon-keyhole-square-full:before{content:\"\\ed0b\"}.ez-icon-keyhole-square:before{content:\"\\ed0c\"}.ez-icon-kid:before{content:\"\\ed0d\"}.ez-icon-label-alt:before{content:\"\\ed0e\"}.ez-icon-label:before{content:\"\\ed0f\"}.ez-icon-lamp:before{content:\"\\ed10\"}.ez-icon-language-2:before{content:\"\\ed11\"}.ez-icon-language:before{content:\"\\ed12\"}.ez-icon-laptop-cloud:before{content:\"\\ed13\"}.ez-icon-laptop-connection:before{content:\"\\ed14\"}.ez-icon-laptop:before{content:\"\\ed15\"}.ez-icon-laughing:before{content:\"\\ed16\"}.ez-icon-launch:before{content:\"\\ed17\"}.ez-icon-layer-group-slash:before{content:\"\\ed18\"}.ez-icon-layer-group:before{content:\"\\ed19\"}.ez-icon-layers-alt:before{content:\"\\ed1a\"}.ez-icon-layers-slash:before{content:\"\\ed1b\"}.ez-icon-layers:before{content:\"\\ed1c\"}.ez-icon-left-arrow-from-left:before{content:\"\\ed1d\"}.ez-icon-left-arrow-to-left:before{content:\"\\ed1e\"}.ez-icon-left-indent-alt:before{content:\"\\ed1f\"}.ez-icon-left-indent:before{content:\"\\ed20\"}.ez-icon-left-to-right-text-direction:before{content:\"\\ed21\"}.ez-icon-left:before{content:\"\\ed22\"}.ez-icon-letter-chinese-a:before{content:\"\\ed23\"}.ez-icon-letter-english-a:before{content:\"\\ed24\"}.ez-icon-letter-hindi-a:before{content:\"\\ed25\"}.ez-icon-letter-japanese-a:before{content:\"\\ed26\"}.ez-icon-life-ring:before{content:\"\\ed27\"}.ez-icon-lightbulb-2:before{content:\"\\ed28\"}.ez-icon-lightbulb-alt:before{content:\"\\ed29\"}.ez-icon-lightbulb:before{content:\"\\ed2a\"}.ez-icon-line-alt:before{content:\"\\ed2b\"}.ez-icon-line-spacing:before{content:\"\\ed2c\"}.ez-icon-line:before{content:\"\\ed2d\"}.ez-icon-link-add:before{content:\"\\ed2e\"}.ez-icon-link-alt:before{content:\"\\ed2f\"}.ez-icon-link-broken:before{content:\"\\ed30\"}.ez-icon-link-h:before{content:\"\\ed31\"}.ez-icon-link:before{content:\"\\ed32\"}.ez-icon-linkedin-alt:before{content:\"\\ed33\"}.ez-icon-linkedin:before{content:\"\\ed34\"}.ez-icon-linux:before{content:\"\\ed35\"}.ez-icon-lira-sign:before{content:\"\\ed36\"}.ez-icon-list-ol-alt:before{content:\"\\ed37\"}.ez-icon-list-ol:before{content:\"\\ed38\"}.ez-icon-list-ui-alt:before{content:\"\\ed39\"}.ez-icon-list-ul:before{content:\"\\ed3a\"}.ez-icon-list:before{content:\"\\ed3b\"}.ez-icon-location-arrow-alt:before{content:\"\\ed3c\"}.ez-icon-location-arrow:before{content:\"\\ed3d\"}.ez-icon-location-pin-alt:before{content:\"\\ed3e\"}.ez-icon-location-point:before{content:\"\\ed3f\"}.ez-icon-location:before{content:\"\\ed40\"}.ez-icon-lock-2:before{content:\"\\ed41\"}.ez-icon-lock-access:before{content:\"\\ed42\"}.ez-icon-lock-alt:before{content:\"\\ed43\"}.ez-icon-lock-open-alt:before{content:\"\\ed44\"}.ez-icon-lock-outline:before{content:\"\\ed45\"}.ez-icon-lock-slash:before{content:\"\\ed46\"}.ez-icon-lock:before{content:\"\\ed47\"}.ez-icon-lottiefiles-alt:before{content:\"\\ed48\"}.ez-icon-lottiefiles:before{content:\"\\ed49\"}.ez-icon-luggage-cart:before{content:\"\\ed4a\"}.ez-icon-mailbox-alt:before{content:\"\\ed4b\"}.ez-icon-mailbox:before{content:\"\\ed4c\"}.ez-icon-map-marker-alt:before{content:\"\\ed4d\"}.ez-icon-map-marker-edit:before{content:\"\\ed4e\"}.ez-icon-map-marker-info:before{content:\"\\ed4f\"}.ez-icon-map-marker-minus:before{content:\"\\ed50\"}.ez-icon-map-marker-plus:before{content:\"\\ed51\"}.ez-icon-map-marker-question:before{content:\"\\ed52\"}.ez-icon-map-marker-shield:before{content:\"\\ed53\"}.ez-icon-map-marker-slash:before{content:\"\\ed54\"}.ez-icon-map-marker:before{content:\"\\ed55\"}.ez-icon-map-pin-alt:before{content:\"\\ed56\"}.ez-icon-map-pin:before{content:\"\\ed57\"}.ez-icon-map:before{content:\"\\ed58\"}.ez-icon-mars:before{content:\"\\ed59\"}.ez-icon-master-card:before{content:\"\\ed5a\"}.ez-icon-maximize-left:before{content:\"\\ed5b\"}.ez-icon-medal:before{content:\"\\ed5c\"}.ez-icon-medical-drip:before{content:\"\\ed5d\"}.ez-icon-medical-square-full:before{content:\"\\ed5e\"}.ez-icon-medical-square:before{content:\"\\ed5f\"}.ez-icon-medium-m:before{content:\"\\ed60\"}.ez-icon-medkit:before{content:\"\\ed61\"}.ez-icon-meeting-board:before{content:\"\\ed62\"}.ez-icon-megaphone:before{content:\"\\ed63\"}.ez-icon-meh-alt:before{content:\"\\ed64\"}.ez-icon-meh-closed-eye:before{content:\"\\ed65\"}.ez-icon-meh:before{content:\"\\ed66\"}.ez-icon-menu:before{content:\"\\ed67\"}.ez-icon-message:before{content:\"\\ed68\"}.ez-icon-metro:before{content:\"\\ed69\"}.ez-icon-microphone-slash:before{content:\"\\ed6a\"}.ez-icon-microphone:before{content:\"\\ed6b\"}.ez-icon-microscope:before{content:\"\\ed6c\"}.ez-icon-microsoft:before{content:\"\\ed6d\"}.ez-icon-mid:before{content:\"\\ed6e\"}.ez-icon-minus-2:before{content:\"\\ed6f\"}.ez-icon-minus-circle:before{content:\"\\ed70\"}.ez-icon-minus-path:before{content:\"\\ed71\"}.ez-icon-minus-square-full:before{content:\"\\ed72\"}.ez-icon-minus-square:before{content:\"\\ed73\"}.ez-icon-minus:before{content:\"\\ed74\"}.ez-icon-missed-call:before{content:\"\\ed75\"}.ez-icon-mobile-android-alt:before{content:\"\\ed76\"}.ez-icon-mobile-android:before{content:\"\\ed77\"}.ez-icon-mobile-vibrate:before{content:\"\\ed78\"}.ez-icon-modem:before{content:\"\\ed79\"}.ez-icon-money-bill-slash:before{content:\"\\ed7a\"}.ez-icon-money-bill-stack:before{content:\"\\ed7b\"}.ez-icon-money-bill:before{content:\"\\ed7c\"}.ez-icon-money-insert:before{content:\"\\ed7d\"}.ez-icon-money-off:before{content:\"\\ed7e\"}.ez-icon-money-stack:before{content:\"\\ed7f\"}.ez-icon-money-withdraw:before{content:\"\\ed80\"}.ez-icon-money-withdrawal:before{content:\"\\ed81\"}.ez-icon-money:before{content:\"\\ed82\"}.ez-icon-moneybag-alt:before{content:\"\\ed83\"}.ez-icon-moneybag:before{content:\"\\ed84\"}.ez-icon-monitor-heart-rate:before{content:\"\\ed85\"}.ez-icon-monitor:before{content:\"\\ed86\"}.ez-icon-moon-eclipse:before{content:\"\\ed87\"}.ez-icon-moon:before{content:\"\\ed88\"}.ez-icon-moonset:before{content:\"\\ed89\"}.ez-icon-more:before{content:\"\\ed8a\"}.ez-icon-mountains-sun:before{content:\"\\ed8b\"}.ez-icon-mountains:before{content:\"\\ed8c\"}.ez-icon-mouse-alt-2:before{content:\"\\ed8d\"}.ez-icon-mouse-alt:before{content:\"\\ed8e\"}.ez-icon-mouse:before{content:\"\\ed8f\"}.ez-icon-mp3:before{content:\"\\ed90\"}.ez-icon-mp4:before{content:\"\\ed91\"}.ez-icon-multiple-files:before{content:\"\\ed92\"}.ez-icon-multiply:before{content:\"\\ed93\"}.ez-icon-music-note:before{content:\"\\ed94\"}.ez-icon-music-tune-slash:before{content:\"\\ed95\"}.ez-icon-music:before{content:\"\\ed96\"}.ez-icon-n-a:before{content:\"\\ed97\"}.ez-icon-navigator:before{content:\"\\ed98\"}.ez-icon-nerd:before{content:\"\\ed99\"}.ez-icon-newspaper:before{content:\"\\ed9a\"}.ez-icon-ninja:before{content:\"\\ed9b\"}.ez-icon-no-entry:before{content:\"\\ed9c\"}.ez-icon-north-west:before{content:\"\\ed9d\"}.ez-icon-notebooks:before{content:\"\\ed9e\"}.ez-icon-notes:before{content:\"\\ed9f\"}.ez-icon-number:before{content:\"\\eda0\"}.ez-icon-object-group:before{content:\"\\eda1\"}.ez-icon-object-ungroup:before{content:\"\\eda2\"}.ez-icon-octagon:before{content:\"\\eda3\"}.ez-icon-okta:before{content:\"\\eda4\"}.ez-icon-opera-alt:before{content:\"\\eda5\"}.ez-icon-opera:before{content:\"\\eda6\"}.ez-icon-ordem-ascendente:before{content:\"\\eda7\"}.ez-icon-ordem-descendente:before{content:\"\\eda8\"}.ez-icon-outgoing-call:before{content:\"\\eda9\"}.ez-icon-package:before{content:\"\\edaa\"}.ez-icon-padlock:before{content:\"\\edab\"}.ez-icon-pagelines:before{content:\"\\edac\"}.ez-icon-pagerduty:before{content:\"\\edad\"}.ez-icon-paint-tool:before{content:\"\\edae\"}.ez-icon-palette:before{content:\"\\edaf\"}.ez-icon-panel-add:before{content:\"\\edb0\"}.ez-icon-panorama-h-alt:before{content:\"\\edb1\"}.ez-icon-panorama-h:before{content:\"\\edb2\"}.ez-icon-panorama-v:before{content:\"\\edb3\"}.ez-icon-paperclip:before{content:\"\\edb4\"}.ez-icon-paragraph:before{content:\"\\edb5\"}.ez-icon-parcel:before{content:\"\\edb6\"}.ez-icon-parcelar:before{content:\"\\edb7\"}.ez-icon-parking-circle:before{content:\"\\edb8\"}.ez-icon-parking-square:before{content:\"\\edb9\"}.ez-icon-pathfinder-unite:before{content:\"\\edba\"}.ez-icon-pathfinder:before{content:\"\\edbb\"}.ez-icon-pause-circle:before{content:\"\\edbc\"}.ez-icon-pause:before{content:\"\\edbd\"}.ez-icon-payments:before{content:\"\\edbe\"}.ez-icon-paypal:before{content:\"\\edbf\"}.ez-icon-pdf:before{content:\"\\edc0\"}.ez-icon-pen:before{content:\"\\edc1\"}.ez-icon-pentagon:before{content:\"\\edc2\"}.ez-icon-percentage:before{content:\"\\edc3\"}.ez-icon-phone-alt:before{content:\"\\edc4\"}.ez-icon-phone-pause:before{content:\"\\edc5\"}.ez-icon-phone-slash:before{content:\"\\edc6\"}.ez-icon-phone-times:before{content:\"\\edc7\"}.ez-icon-phone-volume:before{content:\"\\edc8\"}.ez-icon-phone:before{content:\"\\edc9\"}.ez-icon-picture:before{content:\"\\edca\"}.ez-icon-pizza-slice:before{content:\"\\edcb\"}.ez-icon-plane-arrival:before{content:\"\\edcc\"}.ez-icon-plane-departure:before{content:\"\\edcd\"}.ez-icon-plane-fly:before{content:\"\\edce\"}.ez-icon-plane:before{content:\"\\edcf\"}.ez-icon-play-2:before{content:\"\\edd0\"}.ez-icon-play-circle:before{content:\"\\edd1\"}.ez-icon-play:before{content:\"\\edd2\"}.ez-icon-plug:before{content:\"\\edd3\"}.ez-icon-plus-2:before{content:\"\\edd4\"}.ez-icon-plus-circle:before{content:\"\\edd5\"}.ez-icon-plus-square:before{content:\"\\edd6\"}.ez-icon-plus:before{content:\"\\edd7\"}.ez-icon-png:before{content:\"\\edd8\"}.ez-icon-podium:before{content:\"\\edd9\"}.ez-icon-polygon:before{content:\"\\edda\"}.ez-icon-post-stamp:before{content:\"\\eddb\"}.ez-icon-postcard:before{content:\"\\eddc\"}.ez-icon-pound-circle:before{content:\"\\eddd\"}.ez-icon-pound:before{content:\"\\edde\"}.ez-icon-power-2:before{content:\"\\eddf\"}.ez-icon-power:before{content:\"\\ede0\"}.ez-icon-pptx:before{content:\"\\ede1\"}.ez-icon-prescription-bottle:before{content:\"\\ede2\"}.ez-icon-presentation-check:before{content:\"\\ede3\"}.ez-icon-presentation-edit:before{content:\"\\ede4\"}.ez-icon-presentation-line:before{content:\"\\ede5\"}.ez-icon-presentation-lines-alt:before{content:\"\\ede6\"}.ez-icon-presentation-minus:before{content:\"\\ede7\"}.ez-icon-presentation-play:before{content:\"\\ede8\"}.ez-icon-presentation-plus:before{content:\"\\ede9\"}.ez-icon-presentation-times:before{content:\"\\edea\"}.ez-icon-presentation:before{content:\"\\edeb\"}.ez-icon-preview:before{content:\"\\edec\"}.ez-icon-previous:before{content:\"\\eded\"}.ez-icon-pricetag-alt:before{content:\"\\edee\"}.ez-icon-print-2:before{content:\"\\edef\"}.ez-icon-print-slash:before{content:\"\\edf0\"}.ez-icon-print:before{content:\"\\edf1\"}.ez-icon-process:before{content:\"\\edf2\"}.ez-icon-processor:before{content:\"\\edf3\"}.ez-icon-programming-language:before{content:\"\\edf4\"}.ez-icon-pump:before{content:\"\\edf5\"}.ez-icon-push-pin:before{content:\"\\edf6\"}.ez-icon-puzzle-piece:before{content:\"\\edf7\"}.ez-icon-qrcode-scan:before{content:\"\\edf8\"}.ez-icon-question-circle:before{content:\"\\edf9\"}.ez-icon-question:before{content:\"\\edfa\"}.ez-icon-rainbow:before{content:\"\\edfb\"}.ez-icon-raindrops-alt:before{content:\"\\edfc\"}.ez-icon-raindrops:before{content:\"\\edfd\"}.ez-icon-rateio:before{content:\"\\edfe\"}.ez-icon-react:before{content:\"\\edff\"}.ez-icon-receipt-2:before{content:\"\\ee00\"}.ez-icon-receipt-alt:before{content:\"\\ee01\"}.ez-icon-receipt:before{content:\"\\ee02\"}.ez-icon-recolher_card:before{content:\"\\ee03\"}.ez-icon-record-audio:before{content:\"\\ee04\"}.ez-icon-reddit-alien-alt:before{content:\"\\ee05\"}.ez-icon-redo:before{content:\"\\ee06\"}.ez-icon-refresh:before{content:\"\\ee07\"}.ez-icon-registered:before{content:\"\\ee08\"}.ez-icon-remove-from-cart:before{content:\"\\ee09\"}.ez-icon-repeat:before{content:\"\\ee0a\"}.ez-icon-restaurant:before{content:\"\\ee0b\"}.ez-icon-restore:before{content:\"\\ee0c\"}.ez-icon-return:before{content:\"\\ee0d\"}.ez-icon-right-indent-alt:before{content:\"\\ee0e\"}.ez-icon-right-to-left-text-direction:before{content:\"\\ee0f\"}.ez-icon-robot:before{content:\"\\ee10\"}.ez-icon-rocket:before{content:\"\\ee11\"}.ez-icon-rope-way:before{content:\"\\ee12\"}.ez-icon-rotate-360:before{content:\"\\ee13\"}.ez-icon-rss-alt:before{content:\"\\ee14\"}.ez-icon-rss-interface:before{content:\"\\ee15\"}.ez-icon-rss:before{content:\"\\ee16\"}.ez-icon-ruler-combined:before{content:\"\\ee17\"}.ez-icon-ruler:before{content:\"\\ee18\"}.ez-icon-rupee-sign:before{content:\"\\ee19\"}.ez-icon-sad-cry:before{content:\"\\ee1a\"}.ez-icon-sad-crying:before{content:\"\\ee1b\"}.ez-icon-sad-dizzy:before{content:\"\\ee1c\"}.ez-icon-sad-squint:before{content:\"\\ee1d\"}.ez-icon-sad:before{content:\"\\ee1e\"}.ez-icon-sanitizer-alt:before{content:\"\\ee1f\"}.ez-icon-sanitizer:before{content:\"\\ee20\"}.ez-icon-sankhya-place:before{content:\"\\ee21\"}.ez-icon-save-2:before{content:\"\\ee22\"}.ez-icon-save:before{content:\"\\ee23\"}.ez-icon-scaling-left:before{content:\"\\ee24\"}.ez-icon-scaling-right:before{content:\"\\ee25\"}.ez-icon-scenery:before{content:\"\\ee26\"}.ez-icon-schedule:before{content:\"\\ee27\"}.ez-icon-screw:before{content:\"\\ee28\"}.ez-icon-scroll-h:before{content:\"\\ee29\"}.ez-icon-scroll:before{content:\"\\ee2a\"}.ez-icon-search-2:before{content:\"\\ee2b\"}.ez-icon-search-alt:before{content:\"\\ee2c\"}.ez-icon-search-minus:before{content:\"\\ee2d\"}.ez-icon-search-plus:before{content:\"\\ee2e\"}.ez-icon-search:before{content:\"\\ee2f\"}.ez-icon-selfie:before{content:\"\\ee30\"}.ez-icon-server-alt:before{content:\"\\ee31\"}.ez-icon-server-connection:before{content:\"\\ee32\"}.ez-icon-server-network-alt:before{content:\"\\ee33\"}.ez-icon-server-network:before{content:\"\\ee34\"}.ez-icon-server:before{content:\"\\ee35\"}.ez-icon-servers:before{content:\"\\ee36\"}.ez-icon-servicemark:before{content:\"\\ee37\"}.ez-icon-setting:before{content:\"\\ee38\"}.ez-icon-settings-inverted:before{content:\"\\ee39\"}.ez-icon-settings:before{content:\"\\ee3a\"}.ez-icon-share-2:before{content:\"\\ee3b\"}.ez-icon-share-alt:before{content:\"\\ee3c\"}.ez-icon-share:before{content:\"\\ee3d\"}.ez-icon-shield-2:before{content:\"\\ee3e\"}.ez-icon-shield-check:before{content:\"\\ee3f\"}.ez-icon-shield-exclamation:before{content:\"\\ee40\"}.ez-icon-shield-plus:before{content:\"\\ee41\"}.ez-icon-shield-question:before{content:\"\\ee42\"}.ez-icon-shield-slash:before{content:\"\\ee43\"}.ez-icon-shield:before{content:\"\\ee44\"}.ez-icon-ship:before{content:\"\\ee45\"}.ez-icon-shop:before{content:\"\\ee46\"}.ez-icon-shopping-bag:before{content:\"\\ee47\"}.ez-icon-shopping-basket:before{content:\"\\ee48\"}.ez-icon-shopping-cart-alt:before{content:\"\\ee49\"}.ez-icon-shopping-cart:before{content:\"\\ee4a\"}.ez-icon-shovel:before{content:\"\\ee4b\"}.ez-icon-show-list:before{content:\"\\ee4c\"}.ez-icon-show_menu:before{content:\"\\ee4d\"}.ez-icon-shrink:before{content:\"\\ee4e\"}.ez-icon-shuffle:before{content:\"\\ee4f\"}.ez-icon-shutter-alt:before{content:\"\\ee50\"}.ez-icon-shutter:before{content:\"\\ee51\"}.ez-icon-sick:before{content:\"\\ee52\"}.ez-icon-sigma:before{content:\"\\ee53\"}.ez-icon-sign-alt:before{content:\"\\ee54\"}.ez-icon-sign-in-alt:before{content:\"\\ee55\"}.ez-icon-sign-left:before{content:\"\\ee56\"}.ez-icon-sign-out-alt:before{content:\"\\ee57\"}.ez-icon-sign-right:before{content:\"\\ee58\"}.ez-icon-signal-alt-3:before{content:\"\\ee59\"}.ez-icon-signal-alt:before{content:\"\\ee5a\"}.ez-icon-signal:before{content:\"\\ee5b\"}.ez-icon-signin:before{content:\"\\ee5c\"}.ez-icon-signout:before{content:\"\\ee5d\"}.ez-icon-silence:before{content:\"\\ee5e\"}.ez-icon-silent-squint:before{content:\"\\ee5f\"}.ez-icon-sim-card:before{content:\"\\ee60\"}.ez-icon-sitemap:before{content:\"\\ee61\"}.ez-icon-skip-forward-alt:before{content:\"\\ee62\"}.ez-icon-skip-forward-circle:before{content:\"\\ee63\"}.ez-icon-skip-forward:before{content:\"\\ee64\"}.ez-icon-skype-alt:before{content:\"\\ee65\"}.ez-icon-skype:before{content:\"\\ee66\"}.ez-icon-slack-alt:before{content:\"\\ee67\"}.ez-icon-slack:before{content:\"\\ee68\"}.ez-icon-sleep:before{content:\"\\ee69\"}.ez-icon-slider-h-range:before{content:\"\\ee6a\"}.ez-icon-slider-h:before{content:\"\\ee6b\"}.ez-icon-sliders-v-alt:before{content:\"\\ee6c\"}.ez-icon-sliders-v:before{content:\"\\ee6d\"}.ez-icon-smile-beam:before{content:\"\\ee6e\"}.ez-icon-smile-dizzy:before{content:\"\\ee6f\"}.ez-icon-smile-squint-wink-alt:before{content:\"\\ee70\"}.ez-icon-smile-squint-wink:before{content:\"\\ee71\"}.ez-icon-smile-wink-alt:before{content:\"\\ee72\"}.ez-icon-smile-wink:before{content:\"\\ee73\"}.ez-icon-smile:before{content:\"\\ee74\"}.ez-icon-snapchat-alt:before{content:\"\\ee75\"}.ez-icon-snapchat-ghost:before{content:\"\\ee76\"}.ez-icon-snapchat-square:before{content:\"\\ee77\"}.ez-icon-snow-flake:before{content:\"\\ee78\"}.ez-icon-snowflake-alt:before{content:\"\\ee79\"}.ez-icon-snowflake:before{content:\"\\ee7a\"}.ez-icon-social-distancing:before{content:\"\\ee7b\"}.ez-icon-solid:before{content:\"\\ee7c\"}.ez-icon-sort-amount-down:before{content:\"\\ee7d\"}.ez-icon-sort-amount-up:before{content:\"\\ee7e\"}.ez-icon-sort:before{content:\"\\ee7f\"}.ez-icon-sorting:before{content:\"\\ee80\"}.ez-icon-south-east:before{content:\"\\ee81\"}.ez-icon-space-key:before{content:\"\\ee82\"}.ez-icon-spade:before{content:\"\\ee83\"}.ez-icon-sperms:before{content:\"\\ee84\"}.ez-icon-spin:before{content:\"\\ee85\"}.ez-icon-spinner-alt:before{content:\"\\ee86\"}.ez-icon-spinner:before{content:\"\\ee87\"}.ez-icon-square-full:before{content:\"\\ee88\"}.ez-icon-square-shape:before{content:\"\\ee89\"}.ez-icon-square:before{content:\"\\ee8a\"}.ez-icon-squint:before{content:\"\\ee8b\"}.ez-icon-star-half-alt:before{content:\"\\ee8c\"}.ez-icon-star:before{content:\"\\ee8d\"}.ez-icon-statistics:before{content:\"\\ee8e\"}.ez-icon-step-backward-alt:before{content:\"\\ee8f\"}.ez-icon-step-backward-circle:before{content:\"\\ee90\"}.ez-icon-step-backward:before{content:\"\\ee91\"}.ez-icon-step-forward:before{content:\"\\ee92\"}.ez-icon-stethoscope-alt:before{content:\"\\ee93\"}.ez-icon-stethoscope:before{content:\"\\ee94\"}.ez-icon-stop-circle:before{content:\"\\ee95\"}.ez-icon-stopwatch-slash:before{content:\"\\ee96\"}.ez-icon-stopwatch:before{content:\"\\ee97\"}.ez-icon-store-alt:before{content:\"\\ee98\"}.ez-icon-store-slash:before{content:\"\\ee99\"}.ez-icon-store:before{content:\"\\ee9a\"}.ez-icon-stretcher:before{content:\"\\ee9b\"}.ez-icon-stroller:before{content:\"\\ee9c\"}.ez-icon-subject:before{content:\"\\ee9d\"}.ez-icon-subway-alt:before{content:\"\\ee9e\"}.ez-icon-subway:before{content:\"\\ee9f\"}.ez-icon-suitcase-alt:before{content:\"\\eea0\"}.ez-icon-suitcase:before{content:\"\\eea1\"}.ez-icon-sun:before{content:\"\\eea2\"}.ez-icon-sunset:before{content:\"\\eea3\"}.ez-icon-surprise:before{content:\"\\eea4\"}.ez-icon-swatchbook:before{content:\"\\eea5\"}.ez-icon-swiggy:before{content:\"\\eea6\"}.ez-icon-swimmer:before{content:\"\\eea7\"}.ez-icon-sync-2:before{content:\"\\eea8\"}.ez-icon-sync-exclamation:before{content:\"\\eea9\"}.ez-icon-sync-slash:before{content:\"\\eeaa\"}.ez-icon-sync:before{content:\"\\eeab\"}.ez-icon-syringe:before{content:\"\\eeac\"}.ez-icon-table-2:before{content:\"\\eead\"}.ez-icon-table-tennis:before{content:\"\\eeae\"}.ez-icon-table:before{content:\"\\eeaf\"}.ez-icon-tablet:before{content:\"\\eeb0\"}.ez-icon-tablets:before{content:\"\\eeb1\"}.ez-icon-tachometer-fast-alt:before{content:\"\\eeb2\"}.ez-icon-tachometer-fast:before{content:\"\\eeb3\"}.ez-icon-tag-alt:before{content:\"\\eeb4\"}.ez-icon-tag:before{content:\"\\eeb5\"}.ez-icon-tag_code:before{content:\"\\eeb6\"}.ez-icon-tape:before{content:\"\\eeb7\"}.ez-icon-taxi:before{content:\"\\eeb8\"}.ez-icon-tear:before{content:\"\\eeb9\"}.ez-icon-telegram-alt:before{content:\"\\eeba\"}.ez-icon-telegram:before{content:\"\\eebb\"}.ez-icon-telescope:before{content:\"\\eebc\"}.ez-icon-temperature-empty:before{content:\"\\eebd\"}.ez-icon-temperature-half:before{content:\"\\eebe\"}.ez-icon-temperature-minus:before{content:\"\\eebf\"}.ez-icon-temperature-plus:before{content:\"\\eec0\"}.ez-icon-temperature-quarter:before{content:\"\\eec1\"}.ez-icon-temperature-three-quarter:before{content:\"\\eec2\"}.ez-icon-temperature:before{content:\"\\eec3\"}.ez-icon-tennis-ball:before{content:\"\\eec4\"}.ez-icon-text-2:before{content:\"\\eec5\"}.ez-icon-text-fields:before{content:\"\\eec6\"}.ez-icon-text-size:before{content:\"\\eec7\"}.ez-icon-text-strike-through:before{content:\"\\eec8\"}.ez-icon-text:before{content:\"\\eec9\"}.ez-icon-th-large:before{content:\"\\eeca\"}.ez-icon-th-slash:before{content:\"\\eecb\"}.ez-icon-th:before{content:\"\\eecc\"}.ez-icon-thermometer:before{content:\"\\eecd\"}.ez-icon-thumbs-down:before{content:\"\\eece\"}.ez-icon-thumbs-up:before{content:\"\\eecf\"}.ez-icon-thunderstorm-moon:before{content:\"\\eed0\"}.ez-icon-thunderstorm-sun:before{content:\"\\eed1\"}.ez-icon-thunderstorm:before{content:\"\\eed2\"}.ez-icon-ticket:before{content:\"\\eed3\"}.ez-icon-timeline:before{content:\"\\eed4\"}.ez-icon-timer-outline:before{content:\"\\eed5\"}.ez-icon-times-circle:before{content:\"\\eed6\"}.ez-icon-times-square:before{content:\"\\eed7\"}.ez-icon-times:before{content:\"\\eed8\"}.ez-icon-toggle-off:before{content:\"\\eed9\"}.ez-icon-toggle-on:before{content:\"\\eeda\"}.ez-icon-toilet-paper:before{content:\"\\eedb\"}.ez-icon-top-arrow-from-top:before{content:\"\\eedc\"}.ez-icon-top-arrow-to-top:before{content:\"\\eedd\"}.ez-icon-tornado:before{content:\"\\eede\"}.ez-icon-trademark-circle:before{content:\"\\eedf\"}.ez-icon-trademark:before{content:\"\\eee0\"}.ez-icon-traffic-barrier:before{content:\"\\eee1\"}.ez-icon-traffic-light:before{content:\"\\eee2\"}.ez-icon-transaction:before{content:\"\\eee3\"}.ez-icon-trash-alt:before{content:\"\\eee4\"}.ez-icon-trash:before{content:\"\\eee5\"}.ez-icon-trees:before{content:\"\\eee6\"}.ez-icon-trending-up:before{content:\"\\eee7\"}.ez-icon-triangle:before{content:\"\\eee8\"}.ez-icon-trophy:before{content:\"\\eee9\"}.ez-icon-trowel:before{content:\"\\eeea\"}.ez-icon-truck-loading:before{content:\"\\eeeb\"}.ez-icon-truck:before{content:\"\\eeec\"}.ez-icon-tumblr-alt:before{content:\"\\eeed\"}.ez-icon-tumblr-square:before{content:\"\\eeee\"}.ez-icon-tumblr:before{content:\"\\eeef\"}.ez-icon-tune:before{content:\"\\eef0\"}.ez-icon-tv-retro-slash:before{content:\"\\eef1\"}.ez-icon-tv-retro:before{content:\"\\eef2\"}.ez-icon-twitter-alt:before{content:\"\\eef3\"}.ez-icon-twitter:before{content:\"\\eef4\"}.ez-icon-txt:before{content:\"\\eef5\"}.ez-icon-umbrella:before{content:\"\\eef6\"}.ez-icon-un-pin:before{content:\"\\eef7\"}.ez-icon-unamused:before{content:\"\\eef8\"}.ez-icon-underline:before{content:\"\\eef9\"}.ez-icon-undo:before{content:\"\\eefa\"}.ez-icon-unfold_less:before{content:\"\\eefb\"}.ez-icon-unfold_more:before{content:\"\\eefc\"}.ez-icon-university:before{content:\"\\eefd\"}.ez-icon-unlock-alt:before{content:\"\\eefe\"}.ez-icon-unlock:before{content:\"\\eeff\"}.ez-icon-upload-alt:before{content:\"\\ef00\"}.ez-icon-upload:before{content:\"\\ef01\"}.ez-icon-usd-circle:before{content:\"\\ef02\"}.ez-icon-usd-square:before{content:\"\\ef03\"}.ez-icon-user-arrows:before{content:\"\\ef04\"}.ez-icon-user-check:before{content:\"\\ef05\"}.ez-icon-user-circle-2:before{content:\"\\ef06\"}.ez-icon-user-circle:before{content:\"\\ef07\"}.ez-icon-user-exclamation:before{content:\"\\ef08\"}.ez-icon-user-location:before{content:\"\\ef09\"}.ez-icon-user-md:before{content:\"\\ef0a\"}.ez-icon-user-minus:before{content:\"\\ef0b\"}.ez-icon-user-nurse:before{content:\"\\ef0c\"}.ez-icon-user-plus:before{content:\"\\ef0d\"}.ez-icon-user-square:before{content:\"\\ef0e\"}.ez-icon-user-times:before{content:\"\\ef0f\"}.ez-icon-user:before{content:\"\\ef10\"}.ez-icon-users-alt:before{content:\"\\ef11\"}.ez-icon-utensils-alt:before{content:\"\\ef12\"}.ez-icon-utensils:before{content:\"\\ef13\"}.ez-icon-vector-square-alt:before{content:\"\\ef14\"}.ez-icon-vector-square:before{content:\"\\ef15\"}.ez-icon-venus:before{content:\"\\ef16\"}.ez-icon-vertical-align-bottom:before{content:\"\\ef17\"}.ez-icon-vertical-align-center:before{content:\"\\ef18\"}.ez-icon-vertical-align-top:before{content:\"\\ef19\"}.ez-icon-vertical-distribute-bottom:before{content:\"\\ef1a\"}.ez-icon-vertical-distribution-center:before{content:\"\\ef1b\"}.ez-icon-vertical-distribution-top:before{content:\"\\ef1c\"}.ez-icon-video-question:before{content:\"\\ef1d\"}.ez-icon-video-slash:before{content:\"\\ef1e\"}.ez-icon-video:before{content:\"\\ef1f\"}.ez-icon-virus-slash:before{content:\"\\ef20\"}.ez-icon-visual-studio:before{content:\"\\ef21\"}.ez-icon-vk-alt:before{content:\"\\ef22\"}.ez-icon-vk:before{content:\"\\ef23\"}.ez-icon-voicemail-rectangle:before{content:\"\\ef24\"}.ez-icon-voicemail:before{content:\"\\ef25\"}.ez-icon-volume-down:before{content:\"\\ef26\"}.ez-icon-volume-mute:before{content:\"\\ef27\"}.ez-icon-volume-off:before{content:\"\\ef28\"}.ez-icon-volume-up:before{content:\"\\ef29\"}.ez-icon-volume:before{content:\"\\ef2a\"}.ez-icon-vuejs-alt:before{content:\"\\ef2b\"}.ez-icon-vuejs:before{content:\"\\ef2c\"}.ez-icon-wall:before{content:\"\\ef2d\"}.ez-icon-wallet:before{content:\"\\ef2e\"}.ez-icon-warning-outline:before{content:\"\\ef2f\"}.ez-icon-warning_triangle:before{content:\"\\ef30\"}.ez-icon-watch-alt:before{content:\"\\ef31\"}.ez-icon-watch:before{content:\"\\ef32\"}.ez-icon-water-drop-slash:before{content:\"\\ef33\"}.ez-icon-water-glass:before{content:\"\\ef34\"}.ez-icon-water:before{content:\"\\ef35\"}.ez-icon-web-grid-alt:before{content:\"\\ef36\"}.ez-icon-web-grid:before{content:\"\\ef37\"}.ez-icon-web-section-alt:before{content:\"\\ef38\"}.ez-icon-web-section:before{content:\"\\ef39\"}.ez-icon-webcam:before{content:\"\\ef3a\"}.ez-icon-weight:before{content:\"\\ef3b\"}.ez-icon-whatsapp-alt:before{content:\"\\ef3c\"}.ez-icon-whatsapp:before{content:\"\\ef3d\"}.ez-icon-whatshot:before{content:\"\\ef3e\"}.ez-icon-wheel-barrow:before{content:\"\\ef3f\"}.ez-icon-wheelchair-alt:before{content:\"\\ef40\"}.ez-icon-wheelchair:before{content:\"\\ef41\"}.ez-icon-wifi-router:before{content:\"\\ef42\"}.ez-icon-wifi-slash:before{content:\"\\ef43\"}.ez-icon-wifi:before{content:\"\\ef44\"}.ez-icon-wind-moon:before{content:\"\\ef45\"}.ez-icon-wind-sun:before{content:\"\\ef46\"}.ez-icon-wind:before{content:\"\\ef47\"}.ez-icon-window-grid:before{content:\"\\ef48\"}.ez-icon-window-maximize:before{content:\"\\ef49\"}.ez-icon-window-restore:before{content:\"\\ef4a\"}.ez-icon-window-section:before{content:\"\\ef4b\"}.ez-icon-window:before{content:\"\\ef4c\"}.ez-icon-windows:before{content:\"\\ef4d\"}.ez-icon-windsock:before{content:\"\\ef4e\"}.ez-icon-windy:before{content:\"\\ef4f\"}.ez-icon-wordpress-simple:before{content:\"\\ef50\"}.ez-icon-wordpress:before{content:\"\\ef51\"}.ez-icon-wrap-text:before{content:\"\\ef52\"}.ez-icon-wrench:before{content:\"\\ef53\"}.ez-icon-x-add:before{content:\"\\ef54\"}.ez-icon-x:before{content:\"\\ef55\"}.ez-icon-xlsx:before{content:\"\\ef56\"}.ez-icon-yen-circle:before{content:\"\\ef57\"}.ez-icon-yen:before{content:\"\\ef58\"}.ez-icon-yin-yang:before{content:\"\\ef59\"}.ez-icon-youtube:before{content:\"\\ef5a\"}.ez-icon-zip:before{content:\"\\ef5b\"}.x-small--font{font-size:var(--font-size--small, 12px);line-height:var(--line-height--16, 16px)}.small--font{font-size:var(--font-size--medium, 16px);line-height:var(--line-height--20, 20px)}.medium--font{font-size:var(--font-size--xlarge, 20px);line-height:var(--line-height--24, 24px)}.large--font{font-size:var(--font-size--xxxlarge, 24px);line-height:var(--line-height--28, 28px)}.x-large--font{font-size:var(--font-size--6xlarge, 30px);line-height:var(--line-height--34, 34px)}";
|
|
82204
|
+
const ezIconCss = ":host{display:flex;overflow:hidden;position:relative;justify-content:center;--ez-icon--color:var(--icon--color, var(--color--gray-70, #ffffff))}svg{display:flex;justify-content:center;align-items:center;fill:var(--ez-icon--color)}.x-small{width:var(--space--12, 12px);height:var(--space--12, 12px)}.small{width:var(--space--16, 16px);height:var(--space--16, 16px)}.medium{width:var(--space--20, 20px);height:var(--space--20, 20px)}.large{width:var(--space--24, 24px);height:var(--space--24, 24px)}.x-large{width:var(--space--30, 30px);height:var(--space--30, 30px)}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{color:var(--ez-icon--color)}[class^=\"ez-icon-\"],[class*=\" ez-icon-\"]{font-family:'ez-icons' !important;font-size:var(--font-size--medium, 16px);font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ez-icon-0-plus:before{content:\"\\ea01\"}.ez-icon-10-plus:before{content:\"\\ea02\"}.ez-icon-12-plus:before{content:\"\\ea03\"}.ez-icon-13-plus:before{content:\"\\ea04\"}.ez-icon-16-plus:before{content:\"\\ea05\"}.ez-icon-17-plus:before{content:\"\\ea06\"}.ez-icon-18-plus:before{content:\"\\ea07\"}.ez-icon-21-plus:before{content:\"\\ea08\"}.ez-icon-2chevron-down:before{content:\"\\ea09\"}.ez-icon-2chevron-up:before{content:\"\\ea0a\"}.ez-icon-3-plus:before{content:\"\\ea0b\"}.ez-icon-500px:before{content:\"\\ea0c\"}.ez-icon-6-plus:before{content:\"\\ea0d\"}.ez-icon-abacus:before{content:\"\\ea0e\"}.ez-icon-acao:before{content:\"\\ea0f\"}.ez-icon-account-outline:before{content:\"\\ea10\"}.ez-icon-account:before{content:\"\\ea11\"}.ez-icon-add-to-cart:before{content:\"\\ea12\"}.ez-icon-adjust-alt:before{content:\"\\ea13\"}.ez-icon-adjust-circle:before{content:\"\\ea14\"}.ez-icon-adjust-half:before{content:\"\\ea15\"}.ez-icon-adjust:before{content:\"\\ea16\"}.ez-icon-adobe-alt:before{content:\"\\ea17\"}.ez-icon-adobe:before{content:\"\\ea18\"}.ez-icon-airplay:before{content:\"\\ea19\"}.ez-icon-alert-circle-inverted:before{content:\"\\ea1a\"}.ez-icon-alert-circle:before{content:\"\\ea1b\"}.ez-icon-alert-mail:before{content:\"\\ea1c\"}.ez-icon-alert-popup:before{content:\"\\ea1d\"}.ez-icon-align-alt:before{content:\"\\ea1e\"}.ez-icon-align-center-alt:before{content:\"\\ea1f\"}.ez-icon-align-center-h:before{content:\"\\ea20\"}.ez-icon-align-center-justify:before{content:\"\\ea21\"}.ez-icon-align-center-v:before{content:\"\\ea22\"}.ez-icon-align-center:before{content:\"\\ea23\"}.ez-icon-align-justify:before{content:\"\\ea24\"}.ez-icon-align-left-justify:before{content:\"\\ea25\"}.ez-icon-align-left:before{content:\"\\ea26\"}.ez-icon-align-letter-right:before{content:\"\\ea27\"}.ez-icon-align-right-justify:before{content:\"\\ea28\"}.ez-icon-align-right:before{content:\"\\ea29\"}.ez-icon-align:before{content:\"\\ea2a\"}.ez-icon-amazon:before{content:\"\\ea2b\"}.ez-icon-ambulance:before{content:\"\\ea2c\"}.ez-icon-analysis:before{content:\"\\ea2d\"}.ez-icon-analytics:before{content:\"\\ea2e\"}.ez-icon-anchor:before{content:\"\\ea2f\"}.ez-icon-android-alt:before{content:\"\\ea30\"}.ez-icon-android-phone-slash:before{content:\"\\ea31\"}.ez-icon-android:before{content:\"\\ea32\"}.ez-icon-anexo:before{content:\"\\ea33\"}.ez-icon-angle-double-down:before{content:\"\\ea34\"}.ez-icon-angle-double-left:before{content:\"\\ea35\"}.ez-icon-angle-double-right:before{content:\"\\ea36\"}.ez-icon-angle-double-up:before{content:\"\\ea37\"}.ez-icon-angle-down:before{content:\"\\ea38\"}.ez-icon-angle-left-b:before{content:\"\\ea39\"}.ez-icon-angle-left:before{content:\"\\ea3a\"}.ez-icon-angle-right-b:before{content:\"\\ea3b\"}.ez-icon-angle-right:before{content:\"\\ea3c\"}.ez-icon-angle-up:before{content:\"\\ea3d\"}.ez-icon-angry:before{content:\"\\ea3e\"}.ez-icon-ankh:before{content:\"\\ea3f\"}.ez-icon-annoyed-alt:before{content:\"\\ea40\"}.ez-icon-annoyed:before{content:\"\\ea41\"}.ez-icon-antecipação:before{content:\"\\ea42\"}.ez-icon-apple-alt:before{content:\"\\ea43\"}.ez-icon-apple:before{content:\"\\ea44\"}.ez-icon-apps-2:before{content:\"\\ea45\"}.ez-icon-apps:before{content:\"\\ea46\"}.ez-icon-archive-alt:before{content:\"\\ea47\"}.ez-icon-archive:before{content:\"\\ea48\"}.ez-icon-archway:before{content:\"\\ea49\"}.ez-icon-arrow-break:before{content:\"\\ea4a\"}.ez-icon-arrow-circle-down:before{content:\"\\ea4b\"}.ez-icon-arrow-circle-left:before{content:\"\\ea4c\"}.ez-icon-arrow-circle-right:before{content:\"\\ea4d\"}.ez-icon-arrow-circle-up:before{content:\"\\ea4e\"}.ez-icon-arrow-compress-h:before{content:\"\\ea4f\"}.ez-icon-arrow-down-left:before{content:\"\\ea50\"}.ez-icon-arrow-down-right:before{content:\"\\ea51\"}.ez-icon-arrow-down:before{content:\"\\ea52\"}.ez-icon-arrow-forward:before{content:\"\\ea53\"}.ez-icon-arrow-from-right:before{content:\"\\ea54\"}.ez-icon-arrow-from-top:before{content:\"\\ea55\"}.ez-icon-arrow-growth:before{content:\"\\ea56\"}.ez-icon-arrow-left:before{content:\"\\ea57\"}.ez-icon-arrow-random:before{content:\"\\ea58\"}.ez-icon-arrow-resize-diagonal:before{content:\"\\ea59\"}.ez-icon-arrow-right:before{content:\"\\ea5a\"}.ez-icon-arrow-to-bottom:before{content:\"\\ea5b\"}.ez-icon-arrow-to-right:before{content:\"\\ea5c\"}.ez-icon-arrow-up-left:before{content:\"\\ea5d\"}.ez-icon-arrow-up-right:before{content:\"\\ea5e\"}.ez-icon-arrow-up:before{content:\"\\ea5f\"}.ez-icon-arrow-upward:before{content:\"\\ea60\"}.ez-icon-arrow:before{content:\"\\ea61\"}.ez-icon-arrow_back:before{content:\"\\ea62\"}.ez-icon-arrow_downward:before{content:\"\\ea63\"}.ez-icon-arrows-h-alt:before{content:\"\\ea64\"}.ez-icon-arrows-h:before{content:\"\\ea65\"}.ez-icon-arrows-left-down:before{content:\"\\ea66\"}.ez-icon-arrows-maximize:before{content:\"\\ea67\"}.ez-icon-arrows-merge:before{content:\"\\ea68\"}.ez-icon-arrows-resize-h:before{content:\"\\ea69\"}.ez-icon-arrows-resize-v:before{content:\"\\ea6a\"}.ez-icon-arrows-resize:before{content:\"\\ea6b\"}.ez-icon-arrows-right-down:before{content:\"\\ea6c\"}.ez-icon-arrows-shrink-h:before{content:\"\\ea6d\"}.ez-icon-arrows-shrink-v:before{content:\"\\ea6e\"}.ez-icon-arrows-up-right:before{content:\"\\ea6f\"}.ez-icon-arrows-v-alt:before{content:\"\\ea70\"}.ez-icon-arrows-v:before{content:\"\\ea71\"}.ez-icon-assistive-listening-systems:before{content:\"\\ea72\"}.ez-icon-asterisk:before{content:\"\\ea73\"}.ez-icon-at:before{content:\"\\ea74\"}.ez-icon-atom:before{content:\"\\ea75\"}.ez-icon-auto-flash:before{content:\"\\ea76\"}.ez-icon-award-alt:before{content:\"\\ea77\"}.ez-icon-award:before{content:\"\\ea78\"}.ez-icon-baby-carriage:before{content:\"\\ea79\"}.ez-icon-backpack:before{content:\"\\ea7a\"}.ez-icon-backspace:before{content:\"\\ea7b\"}.ez-icon-backward:before{content:\"\\ea7c\"}.ez-icon-bag-alt:before{content:\"\\ea7d\"}.ez-icon-bag-slash:before{content:\"\\ea7e\"}.ez-icon-bag:before{content:\"\\ea7f\"}.ez-icon-baixa:before{content:\"\\ea80\"}.ez-icon-balance-scale:before{content:\"\\ea81\"}.ez-icon-balance:before{content:\"\\ea82\"}.ez-icon-ban:before{content:\"\\ea83\"}.ez-icon-band-aid:before{content:\"\\ea84\"}.ez-icon-bars:before{content:\"\\ea85\"}.ez-icon-baseball-ball:before{content:\"\\ea86\"}.ez-icon-basketball-hoop:before{content:\"\\ea87\"}.ez-icon-basketball:before{content:\"\\ea88\"}.ez-icon-bath:before{content:\"\\ea89\"}.ez-icon-battery-bolt:before{content:\"\\ea8a\"}.ez-icon-battery-empty:before{content:\"\\ea8b\"}.ez-icon-bed-double:before{content:\"\\ea8c\"}.ez-icon-bed:before{content:\"\\ea8d\"}.ez-icon-behance-alt:before{content:\"\\ea8e\"}.ez-icon-behance:before{content:\"\\ea8f\"}.ez-icon-bell-2:before{content:\"\\ea90\"}.ez-icon-bell-inverted:before{content:\"\\ea91\"}.ez-icon-bell-school:before{content:\"\\ea92\"}.ez-icon-bell-slash:before{content:\"\\ea93\"}.ez-icon-bell:before{content:\"\\ea94\"}.ez-icon-bill:before{content:\"\\ea95\"}.ez-icon-bing:before{content:\"\\ea96\"}.ez-icon-bitcoin-alt:before{content:\"\\ea97\"}.ez-icon-bitcoin-circle:before{content:\"\\ea98\"}.ez-icon-bitcoin-sign:before{content:\"\\ea99\"}.ez-icon-bitcoin:before{content:\"\\ea9a\"}.ez-icon-black-berry:before{content:\"\\ea9b\"}.ez-icon-blogger-alt:before{content:\"\\ea9c\"}.ez-icon-blogger:before{content:\"\\ea9d\"}.ez-icon-bluetooth-b:before{content:\"\\ea9e\"}.ez-icon-bold:before{content:\"\\ea9f\"}.ez-icon-boleto:before{content:\"\\eaa0\"}.ez-icon-bolt-alt:before{content:\"\\eaa1\"}.ez-icon-bolt-slash:before{content:\"\\eaa2\"}.ez-icon-bolt:before{content:\"\\eaa3\"}.ez-icon-book-alt:before{content:\"\\eaa4\"}.ez-icon-book-medical:before{content:\"\\eaa5\"}.ez-icon-book-open:before{content:\"\\eaa6\"}.ez-icon-book-reader:before{content:\"\\eaa7\"}.ez-icon-book:before{content:\"\\eaa8\"}.ez-icon-bookmark-full:before{content:\"\\eaa9\"}.ez-icon-bookmark:before{content:\"\\eaaa\"}.ez-icon-books:before{content:\"\\eaab\"}.ez-icon-boolean:before{content:\"\\eaac\"}.ez-icon-boombox:before{content:\"\\eaad\"}.ez-icon-border-alt:before{content:\"\\eaae\"}.ez-icon-border-bottom:before{content:\"\\eaaf\"}.ez-icon-border-clear:before{content:\"\\eab0\"}.ez-icon-border-horizontal:before{content:\"\\eab1\"}.ez-icon-border-inner:before{content:\"\\eab2\"}.ez-icon-border-left:before{content:\"\\eab3\"}.ez-icon-border-out:before{content:\"\\eab4\"}.ez-icon-border-right:before{content:\"\\eab5\"}.ez-icon-border-top:before{content:\"\\eab6\"}.ez-icon-border-vertical:before{content:\"\\eab7\"}.ez-icon-bowling-ball:before{content:\"\\eab8\"}.ez-icon-box:before{content:\"\\eab9\"}.ez-icon-brackets-curly:before{content:\"\\eaba\"}.ez-icon-brain:before{content:\"\\eabb\"}.ez-icon-briefcase-alt:before{content:\"\\eabc\"}.ez-icon-briefcase:before{content:\"\\eabd\"}.ez-icon-bright:before{content:\"\\eabe\"}.ez-icon-brightness-empty:before{content:\"\\eabf\"}.ez-icon-brightness-half:before{content:\"\\eac0\"}.ez-icon-brightness-low:before{content:\"\\eac1\"}.ez-icon-brightness-minus:before{content:\"\\eac2\"}.ez-icon-brightness-plus:before{content:\"\\eac3\"}.ez-icon-brightness:before{content:\"\\eac4\"}.ez-icon-bring-bottom:before{content:\"\\eac5\"}.ez-icon-bring-front:before{content:\"\\eac6\"}.ez-icon-browser:before{content:\"\\eac7\"}.ez-icon-brush-alt:before{content:\"\\eac8\"}.ez-icon-bug:before{content:\"\\eac9\"}.ez-icon-building:before{content:\"\\eaca\"}.ez-icon-bullseye:before{content:\"\\eacb\"}.ez-icon-bus-alt:before{content:\"\\eacc\"}.ez-icon-bus-school:before{content:\"\\eacd\"}.ez-icon-bus:before{content:\"\\eace\"}.ez-icon-business-center:before{content:\"\\eacf\"}.ez-icon-calculator-alt:before{content:\"\\ead0\"}.ez-icon-calculator:before{content:\"\\ead1\"}.ez-icon-calendar-2:before{content:\"\\ead2\"}.ez-icon-calendar-alt:before{content:\"\\ead3\"}.ez-icon-calendar-clock:before{content:\"\\ead4\"}.ez-icon-calendar-slash:before{content:\"\\ead5\"}.ez-icon-calendar:before{content:\"\\ead6\"}.ez-icon-calender:before{content:\"\\ead7\"}.ez-icon-calling:before{content:\"\\ead8\"}.ez-icon-camera-change:before{content:\"\\ead9\"}.ez-icon-camera-plus:before{content:\"\\eada\"}.ez-icon-camera-slash:before{content:\"\\eadb\"}.ez-icon-camera:before{content:\"\\eadc\"}.ez-icon-cancel:before{content:\"\\eadd\"}.ez-icon-capsule:before{content:\"\\eade\"}.ez-icon-capture:before{content:\"\\eadf\"}.ez-icon-car-sideview:before{content:\"\\eae0\"}.ez-icon-car-slash:before{content:\"\\eae1\"}.ez-icon-car-wash:before{content:\"\\eae2\"}.ez-icon-car:before{content:\"\\eae3\"}.ez-icon-card-atm:before{content:\"\\eae4\"}.ez-icon-caret-right:before{content:\"\\eae5\"}.ez-icon-cart-history:before{content:\"\\eae6\"}.ez-icon-cash-remove:before{content:\"\\eae7\"}.ez-icon-cell:before{content:\"\\eae8\"}.ez-icon-celsius:before{content:\"\\eae9\"}.ez-icon-channel-add:before{content:\"\\eaea\"}.ez-icon-channel:before{content:\"\\eaeb\"}.ez-icon-chart-bar-alt:before{content:\"\\eaec\"}.ez-icon-chart-bar:before{content:\"\\eaed\"}.ez-icon-chart-down:before{content:\"\\eaee\"}.ez-icon-chart-growth-alt:before{content:\"\\eaef\"}.ez-icon-chart-growth:before{content:\"\\eaf0\"}.ez-icon-chart-line:before{content:\"\\eaf1\"}.ez-icon-chart-pie-alt:before{content:\"\\eaf2\"}.ez-icon-chart-pie:before{content:\"\\eaf3\"}.ez-icon-chart:before{content:\"\\eaf4\"}.ez-icon-chat-bubble-user:before{content:\"\\eaf5\"}.ez-icon-chat-info:before{content:\"\\eaf6\"}.ez-icon-chat:before{content:\"\\eaf7\"}.ez-icon-check-2:before{content:\"\\eaf8\"}.ez-icon-check-circle-2:before{content:\"\\eaf9\"}.ez-icon-check-circle-inverted:before{content:\"\\eafa\"}.ez-icon-check-circle:before{content:\"\\eafb\"}.ez-icon-check-square:before{content:\"\\eafc\"}.ez-icon-check:before{content:\"\\eafd\"}.ez-icon-chevron-down:before{content:\"\\eafe\"}.ez-icon-chevron-left:before{content:\"\\eaff\"}.ez-icon-chevron-right:before{content:\"\\eb00\"}.ez-icon-chevron-up:before{content:\"\\eb01\"}.ez-icon-circle--medium:before{content:\"\\eb02\"}.ez-icon-circle-2:before{content:\"\\eb03\"}.ez-icon-circle-layer:before{content:\"\\eb04\"}.ez-icon-circle:before{content:\"\\eb05\"}.ez-icon-circuit:before{content:\"\\eb06\"}.ez-icon-clapper-board:before{content:\"\\eb07\"}.ez-icon-clean-cart:before{content:\"\\eb08\"}.ez-icon-cleaning:before{content:\"\\eb09\"}.ez-icon-clinic-medical:before{content:\"\\eb0a\"}.ez-icon-clipboard-2:before{content:\"\\eb0b\"}.ez-icon-clipboard-alt:before{content:\"\\eb0c\"}.ez-icon-clipboard-blank:before{content:\"\\eb0d\"}.ez-icon-clipboard-notes:before{content:\"\\eb0e\"}.ez-icon-clipboard:before{content:\"\\eb0f\"}.ez-icon-clock-eight:before{content:\"\\eb10\"}.ez-icon-clock-five:before{content:\"\\eb11\"}.ez-icon-clock-nine:before{content:\"\\eb12\"}.ez-icon-clock-rotate-left:before{content:\"\\eb13\"}.ez-icon-clock-seven:before{content:\"\\eb14\"}.ez-icon-clock-ten:before{content:\"\\eb15\"}.ez-icon-clock-three:before{content:\"\\eb16\"}.ez-icon-clock-two:before{content:\"\\eb17\"}.ez-icon-clock:before{content:\"\\eb18\"}.ez-icon-close:before{content:\"\\eb19\"}.ez-icon-closed-captioning-slash:before{content:\"\\eb1a\"}.ez-icon-closed-captioning:before{content:\"\\eb1b\"}.ez-icon-cloud-block:before{content:\"\\eb1c\"}.ez-icon-cloud-bookmark:before{content:\"\\eb1d\"}.ez-icon-cloud-check:before{content:\"\\eb1e\"}.ez-icon-cloud-computing:before{content:\"\\eb1f\"}.ez-icon-cloud-data-connection:before{content:\"\\eb20\"}.ez-icon-cloud-database-tree:before{content:\"\\eb21\"}.ez-icon-cloud-download:before{content:\"\\eb22\"}.ez-icon-cloud-drizzle:before{content:\"\\eb23\"}.ez-icon-cloud-exclamation:before{content:\"\\eb24\"}.ez-icon-cloud-hail:before{content:\"\\eb25\"}.ez-icon-cloud-heart:before{content:\"\\eb26\"}.ez-icon-cloud-info:before{content:\"\\eb27\"}.ez-icon-cloud-lock:before{content:\"\\eb28\"}.ez-icon-cloud-meatball:before{content:\"\\eb29\"}.ez-icon-cloud-moon-hail:before{content:\"\\eb2a\"}.ez-icon-cloud-moon-meatball:before{content:\"\\eb2b\"}.ez-icon-cloud-moon-rain:before{content:\"\\eb2c\"}.ez-icon-cloud-moon-showers:before{content:\"\\eb2d\"}.ez-icon-cloud-moon-tear:before{content:\"\\eb2e\"}.ez-icon-cloud-moon:before{content:\"\\eb2f\"}.ez-icon-cloud-question:before{content:\"\\eb30\"}.ez-icon-cloud-rain-sun:before{content:\"\\eb31\"}.ez-icon-cloud-rain:before{content:\"\\eb32\"}.ez-icon-cloud-redo:before{content:\"\\eb33\"}.ez-icon-cloud-share:before{content:\"\\eb34\"}.ez-icon-cloud-shield:before{content:\"\\eb35\"}.ez-icon-cloud-showers-alt:before{content:\"\\eb36\"}.ez-icon-cloud-showers-heavy:before{content:\"\\eb37\"}.ez-icon-cloud-showers:before{content:\"\\eb38\"}.ez-icon-cloud-slash:before{content:\"\\eb39\"}.ez-icon-cloud-sun-hail:before{content:\"\\eb3a\"}.ez-icon-cloud-sun-meatball:before{content:\"\\eb3b\"}.ez-icon-cloud-sun-rain-alt:before{content:\"\\eb3c\"}.ez-icon-cloud-sun-rain:before{content:\"\\eb3d\"}.ez-icon-cloud-sun-tear:before{content:\"\\eb3e\"}.ez-icon-cloud-sun:before{content:\"\\eb3f\"}.ez-icon-cloud-times:before{content:\"\\eb40\"}.ez-icon-cloud-unlock:before{content:\"\\eb41\"}.ez-icon-cloud-upload:before{content:\"\\eb42\"}.ez-icon-cloud-wifi:before{content:\"\\eb43\"}.ez-icon-cloud-wind:before{content:\"\\eb44\"}.ez-icon-cloud:before{content:\"\\eb45\"}.ez-icon-clouds:before{content:\"\\eb46\"}.ez-icon-club:before{content:\"\\eb47\"}.ez-icon-cobrar:before{content:\"\\eb48\"}.ez-icon-code-branch:before{content:\"\\eb49\"}.ez-icon-code:before{content:\"\\eb4a\"}.ez-icon-coffee:before{content:\"\\eb4b\"}.ez-icon-cog:before{content:\"\\eb4c\"}.ez-icon-coins:before{content:\"\\eb4d\"}.ez-icon-columns:before{content:\"\\eb4e\"}.ez-icon-comment-add:before{content:\"\\eb4f\"}.ez-icon-comment-alt-block:before{content:\"\\eb50\"}.ez-icon-comment-alt-chart-lines:before{content:\"\\eb51\"}.ez-icon-comment-alt-check:before{content:\"\\eb52\"}.ez-icon-comment-alt-dots:before{content:\"\\eb53\"}.ez-icon-comment-alt-download:before{content:\"\\eb54\"}.ez-icon-comment-alt-edit:before{content:\"\\eb55\"}.ez-icon-comment-alt-exclamation:before{content:\"\\eb56\"}.ez-icon-comment-alt-heart:before{content:\"\\eb57\"}.ez-icon-comment-alt-image:before{content:\"\\eb58\"}.ez-icon-comment-alt-info:before{content:\"\\eb59\"}.ez-icon-comment-alt-lines:before{content:\"\\eb5a\"}.ez-icon-comment-alt-lock:before{content:\"\\eb5b\"}.ez-icon-comment-alt-medical:before{content:\"\\eb5c\"}.ez-icon-comment-alt-message:before{content:\"\\eb5d\"}.ez-icon-comment-alt-notes:before{content:\"\\eb5e\"}.ez-icon-comment-alt-plus:before{content:\"\\eb5f\"}.ez-icon-comment-alt-question:before{content:\"\\eb60\"}.ez-icon-comment-alt-redo:before{content:\"\\eb61\"}.ez-icon-comment-alt-search:before{content:\"\\eb62\"}.ez-icon-comment-alt-share:before{content:\"\\eb63\"}.ez-icon-comment-alt-shield:before{content:\"\\eb64\"}.ez-icon-comment-alt-slash:before{content:\"\\eb65\"}.ez-icon-comment-alt-upload:before{content:\"\\eb66\"}.ez-icon-comment-alt-verify:before{content:\"\\eb67\"}.ez-icon-comment-alt:before{content:\"\\eb68\"}.ez-icon-comment-block:before{content:\"\\eb69\"}.ez-icon-comment-chart-line:before{content:\"\\eb6a\"}.ez-icon-comment-check:before{content:\"\\eb6b\"}.ez-icon-comment-dots:before{content:\"\\eb6c\"}.ez-icon-comment-download:before{content:\"\\eb6d\"}.ez-icon-comment-edit:before{content:\"\\eb6e\"}.ez-icon-comment-exclamation:before{content:\"\\eb6f\"}.ez-icon-comment-heart:before{content:\"\\eb70\"}.ez-icon-comment-image:before{content:\"\\eb71\"}.ez-icon-comment-info-alt:before{content:\"\\eb72\"}.ez-icon-comment-info:before{content:\"\\eb73\"}.ez-icon-comment-lines:before{content:\"\\eb74\"}.ez-icon-comment-lock:before{content:\"\\eb75\"}.ez-icon-comment-medical:before{content:\"\\eb76\"}.ez-icon-comment-message:before{content:\"\\eb77\"}.ez-icon-comment-notes:before{content:\"\\eb78\"}.ez-icon-comment-plus:before{content:\"\\eb79\"}.ez-icon-comment-question:before{content:\"\\eb7a\"}.ez-icon-comment-redo:before{content:\"\\eb7b\"}.ez-icon-comment-search:before{content:\"\\eb7c\"}.ez-icon-comment-share:before{content:\"\\eb7d\"}.ez-icon-comment-shield:before{content:\"\\eb7e\"}.ez-icon-comment-slash:before{content:\"\\eb7f\"}.ez-icon-comment-upload:before{content:\"\\eb80\"}.ez-icon-comment-verify:before{content:\"\\eb81\"}.ez-icon-comment:before{content:\"\\eb82\"}.ez-icon-comments-alt:before{content:\"\\eb83\"}.ez-icon-comments:before{content:\"\\eb84\"}.ez-icon-compact-disc:before{content:\"\\eb85\"}.ez-icon-comparison:before{content:\"\\eb86\"}.ez-icon-compass:before{content:\"\\eb87\"}.ez-icon-compress-alt-left:before{content:\"\\eb88\"}.ez-icon-compress-alt:before{content:\"\\eb89\"}.ez-icon-compress-arrows:before{content:\"\\eb8a\"}.ez-icon-compress-lines:before{content:\"\\eb8b\"}.ez-icon-compress-point:before{content:\"\\eb8c\"}.ez-icon-compress-v:before{content:\"\\eb8d\"}.ez-icon-compress:before{content:\"\\eb8e\"}.ez-icon-configuration:before{content:\"\\eb8f\"}.ez-icon-confused:before{content:\"\\eb90\"}.ez-icon-constructor:before{content:\"\\eb91\"}.ez-icon-content-cut:before{content:\"\\eb92\"}.ez-icon-copy-2:before{content:\"\\eb93\"}.ez-icon-copy-alt:before{content:\"\\eb94\"}.ez-icon-copy-landscape:before{content:\"\\eb95\"}.ez-icon-copy:before{content:\"\\eb96\"}.ez-icon-copyright:before{content:\"\\eb97\"}.ez-icon-corner-down-left:before{content:\"\\eb98\"}.ez-icon-corner-down-right-alt:before{content:\"\\eb99\"}.ez-icon-corner-down-right:before{content:\"\\eb9a\"}.ez-icon-corner-left-down:before{content:\"\\eb9b\"}.ez-icon-corner-right-down:before{content:\"\\eb9c\"}.ez-icon-corner-up-left-alt:before{content:\"\\eb9d\"}.ez-icon-corner-up-left:before{content:\"\\eb9e\"}.ez-icon-corner-up-right-alt:before{content:\"\\eb9f\"}.ez-icon-corner-up-right:before{content:\"\\eba0\"}.ez-icon-coronavirus:before{content:\"\\eba1\"}.ez-icon-create-dashboard:before{content:\"\\eba2\"}.ez-icon-creative-commons-pd:before{content:\"\\eba3\"}.ez-icon-credit-card-search:before{content:\"\\eba4\"}.ez-icon-credit-card:before{content:\"\\eba5\"}.ez-icon-credit_card:before{content:\"\\eba6\"}.ez-icon-crockery:before{content:\"\\eba7\"}.ez-icon-crop-alt-rotate-left:before{content:\"\\eba8\"}.ez-icon-crop-alt-rotate-right:before{content:\"\\eba9\"}.ez-icon-crop-alt:before{content:\"\\ebaa\"}.ez-icon-crop:before{content:\"\\ebab\"}.ez-icon-crosshair-alt:before{content:\"\\ebac\"}.ez-icon-crosshair:before{content:\"\\ebad\"}.ez-icon-crosshairs:before{content:\"\\ebae\"}.ez-icon-css3-simple:before{content:\"\\ebaf\"}.ez-icon-cube:before{content:\"\\ebb0\"}.ez-icon-custom:before{content:\"\\ebb1\"}.ez-icon-dashboard:before{content:\"\\ebb2\"}.ez-icon-data-sharing:before{content:\"\\ebb3\"}.ez-icon-database-alt:before{content:\"\\ebb4\"}.ez-icon-database:before{content:\"\\ebb5\"}.ez-icon-delete-file:before{content:\"\\ebb6\"}.ez-icon-delete:before{content:\"\\ebb7\"}.ez-icon-description:before{content:\"\\ebb8\"}.ez-icon-desert:before{content:\"\\ebb9\"}.ez-icon-desktop-alt-slash:before{content:\"\\ebba\"}.ez-icon-desktop-alt:before{content:\"\\ebbb\"}.ez-icon-desktop-cloud-alt:before{content:\"\\ebbc\"}.ez-icon-desktop-slash:before{content:\"\\ebbd\"}.ez-icon-desktop:before{content:\"\\ebbe\"}.ez-icon-dialpad-alt:before{content:\"\\ebbf\"}.ez-icon-dialpad:before{content:\"\\ebc0\"}.ez-icon-diamond:before{content:\"\\ebc1\"}.ez-icon-diary-alt:before{content:\"\\ebc2\"}.ez-icon-diary:before{content:\"\\ebc3\"}.ez-icon-dice-five:before{content:\"\\ebc4\"}.ez-icon-dice-four:before{content:\"\\ebc5\"}.ez-icon-dice-one:before{content:\"\\ebc6\"}.ez-icon-dice-six:before{content:\"\\ebc7\"}.ez-icon-dice-three:before{content:\"\\ebc8\"}.ez-icon-dice-two:before{content:\"\\ebc9\"}.ez-icon-direction:before{content:\"\\ebca\"}.ez-icon-directions:before{content:\"\\ebcb\"}.ez-icon-discord:before{content:\"\\ebcc\"}.ez-icon-dividir:before{content:\"\\ebcd\"}.ez-icon-dizzy-meh:before{content:\"\\ebce\"}.ez-icon-dna:before{content:\"\\ebcf\"}.ez-icon-docker:before{content:\"\\ebd0\"}.ez-icon-document-info:before{content:\"\\ebd1\"}.ez-icon-document-layout-center:before{content:\"\\ebd2\"}.ez-icon-document-layout-left:before{content:\"\\ebd3\"}.ez-icon-document-layout-right:before{content:\"\\ebd4\"}.ez-icon-docx:before{content:\"\\ebd5\"}.ez-icon-dollar-alt:before{content:\"\\ebd6\"}.ez-icon-dollar-sign-alt:before{content:\"\\ebd7\"}.ez-icon-dollar-sign:before{content:\"\\ebd8\"}.ez-icon-dot-notification:before{content:\"\\ebd9\"}.ez-icon-dots-horizontal:before{content:\"\\ebda\"}.ez-icon-dots-vertical:before{content:\"\\ebdb\"}.ez-icon-download-alt:before{content:\"\\ebdc\"}.ez-icon-drag-indicator:before{content:\"\\ebdd\"}.ez-icon-draggabledots:before{content:\"\\ebde\"}.ez-icon-dribbble:before{content:\"\\ebdf\"}.ez-icon-drill:before{content:\"\\ebe0\"}.ez-icon-dropbox:before{content:\"\\ebe1\"}.ez-icon-dual-chevron-down:before{content:\"\\ebe2\"}.ez-icon-dual-chevron-left:before{content:\"\\ebe3\"}.ez-icon-dual-chevron-right:before{content:\"\\ebe4\"}.ez-icon-dual-chevron-up:before{content:\"\\ebe5\"}.ez-icon-dumbbell:before{content:\"\\ebe6\"}.ez-icon-ear:before{content:\"\\ebe7\"}.ez-icon-edit-2:before{content:\"\\ebe8\"}.ez-icon-edit-alt:before{content:\"\\ebe9\"}.ez-icon-edit-file:before{content:\"\\ebea\"}.ez-icon-edit-table:before{content:\"\\ebeb\"}.ez-icon-edit-time:before{content:\"\\ebec\"}.ez-icon-edit-value:before{content:\"\\ebed\"}.ez-icon-edit:before{content:\"\\ebee\"}.ez-icon-elipsis-double-v-alt:before{content:\"\\ebef\"}.ez-icon-ellipsis-h:before{content:\"\\ebf0\"}.ez-icon-ellipsis-v:before{content:\"\\ebf1\"}.ez-icon-email:before{content:\"\\ebf2\"}.ez-icon-emoji:before{content:\"\\ebf3\"}.ez-icon-english-to-chinese:before{content:\"\\ebf4\"}.ez-icon-enter:before{content:\"\\ebf5\"}.ez-icon-envelope-add:before{content:\"\\ebf6\"}.ez-icon-envelope-alt:before{content:\"\\ebf7\"}.ez-icon-envelope-block:before{content:\"\\ebf8\"}.ez-icon-envelope-bookmark:before{content:\"\\ebf9\"}.ez-icon-envelope-check:before{content:\"\\ebfa\"}.ez-icon-envelope-download-alt:before{content:\"\\ebfb\"}.ez-icon-envelope-download:before{content:\"\\ebfc\"}.ez-icon-envelope-edit:before{content:\"\\ebfd\"}.ez-icon-envelope-exclamation:before{content:\"\\ebfe\"}.ez-icon-envelope-heart:before{content:\"\\ebff\"}.ez-icon-envelope-info:before{content:\"\\ec00\"}.ez-icon-envelope-lock:before{content:\"\\ec01\"}.ez-icon-envelope-minus:before{content:\"\\ec02\"}.ez-icon-envelope-open:before{content:\"\\ec03\"}.ez-icon-envelope-question:before{content:\"\\ec04\"}.ez-icon-envelope-receive:before{content:\"\\ec05\"}.ez-icon-envelope-redo:before{content:\"\\ec06\"}.ez-icon-envelope-search:before{content:\"\\ec07\"}.ez-icon-envelope-send:before{content:\"\\ec08\"}.ez-icon-envelope-share:before{content:\"\\ec09\"}.ez-icon-envelope-shield:before{content:\"\\ec0a\"}.ez-icon-envelope-star:before{content:\"\\ec0b\"}.ez-icon-envelope-times:before{content:\"\\ec0c\"}.ez-icon-envelope-upload-alt:before{content:\"\\ec0d\"}.ez-icon-envelope-upload:before{content:\"\\ec0e\"}.ez-icon-envelope:before{content:\"\\ec0f\"}.ez-icon-envelopes:before{content:\"\\ec10\"}.ez-icon-equal-circle:before{content:\"\\ec11\"}.ez-icon-estate:before{content:\"\\ec12\"}.ez-icon-estorno:before{content:\"\\ec13\"}.ez-icon-euro-circle:before{content:\"\\ec14\"}.ez-icon-euro:before{content:\"\\ec15\"}.ez-icon-exchange-alt:before{content:\"\\ec16\"}.ez-icon-exchange:before{content:\"\\ec17\"}.ez-icon-exclamation-circle:before{content:\"\\ec18\"}.ez-icon-exclamation-octagon:before{content:\"\\ec19\"}.ez-icon-exclamation-triangle:before{content:\"\\ec1a\"}.ez-icon-exclamation:before{content:\"\\ec1b\"}.ez-icon-exclude:before{content:\"\\ec1c\"}.ez-icon-exe:before{content:\"\\ec1d\"}.ez-icon-exit:before{content:\"\\ec1e\"}.ez-icon-expand-alt:before{content:\"\\ec1f\"}.ez-icon-expand-arrows-alt:before{content:\"\\ec20\"}.ez-icon-expand-arrows:before{content:\"\\ec21\"}.ez-icon-expand-from-corner:before{content:\"\\ec22\"}.ez-icon-expand-left:before{content:\"\\ec23\"}.ez-icon-expand-right:before{content:\"\\ec24\"}.ez-icon-expand:before{content:\"\\ec25\"}.ez-icon-expandir_card:before{content:\"\\ec26\"}.ez-icon-export:before{content:\"\\ec27\"}.ez-icon-exposure-alt:before{content:\"\\ec28\"}.ez-icon-exposure-increase:before{content:\"\\ec29\"}.ez-icon-external-link-alt:before{content:\"\\ec2a\"}.ez-icon-extrato:before{content:\"\\ec2b\"}.ez-icon-eye-2:before{content:\"\\ec2c\"}.ez-icon-eye-off:before{content:\"\\ec2d\"}.ez-icon-eye-slash:before{content:\"\\ec2e\"}.ez-icon-eye:before{content:\"\\ec2f\"}.ez-icon-facebook-f:before{content:\"\\ec30\"}.ez-icon-facebook-messenger-alt:before{content:\"\\ec31\"}.ez-icon-facebook-messenger:before{content:\"\\ec32\"}.ez-icon-facebook:before{content:\"\\ec33\"}.ez-icon-fahrenheit:before{content:\"\\ec34\"}.ez-icon-fast-mail-alt:before{content:\"\\ec35\"}.ez-icon-fast-mail:before{content:\"\\ec36\"}.ez-icon-favorite-2:before{content:\"\\ec37\"}.ez-icon-favorite:before{content:\"\\ec38\"}.ez-icon-feedback:before{content:\"\\ec39\"}.ez-icon-fidget-spinner:before{content:\"\\ec3a\"}.ez-icon-figma:before{content:\"\\ec3b\"}.ez-icon-file-alt:before{content:\"\\ec3c\"}.ez-icon-file-blank:before{content:\"\\ec3d\"}.ez-icon-file-block-alt:before{content:\"\\ec3e\"}.ez-icon-file-bookmark-alt:before{content:\"\\ec3f\"}.ez-icon-file-check-alt:before{content:\"\\ec40\"}.ez-icon-file-check:before{content:\"\\ec41\"}.ez-icon-file-contract-dollar:before{content:\"\\ec42\"}.ez-icon-file-contract:before{content:\"\\ec43\"}.ez-icon-file-copy-alt:before{content:\"\\ec44\"}.ez-icon-file-download-:before{content:\"\\ec45\"}.ez-icon-file-download-alt:before{content:\"\\ec46\"}.ez-icon-file-download:before{content:\"\\ec47\"}.ez-icon-file-edit-alt:before{content:\"\\ec48\"}.ez-icon-file-exclamation-alt:before{content:\"\\ec49\"}.ez-icon-file-exclamation:before{content:\"\\ec4a\"}.ez-icon-file-export:before{content:\"\\ec4b\"}.ez-icon-file-graph:before{content:\"\\ec4c\"}.ez-icon-file-heart:before{content:\"\\ec4d\"}.ez-icon-file-import:before{content:\"\\ec4e\"}.ez-icon-file-info-alt:before{content:\"\\ec4f\"}.ez-icon-file-landscape-alt:before{content:\"\\ec50\"}.ez-icon-file-landscape:before{content:\"\\ec51\"}.ez-icon-file-lanscape-slash:before{content:\"\\ec52\"}.ez-icon-file-lock-alt:before{content:\"\\ec53\"}.ez-icon-file-medical-alt:before{content:\"\\ec54\"}.ez-icon-file-medical:before{content:\"\\ec55\"}.ez-icon-file-minus-alt:before{content:\"\\ec56\"}.ez-icon-file-minus:before{content:\"\\ec57\"}.ez-icon-file-network:before{content:\"\\ec58\"}.ez-icon-file-plus-alt:before{content:\"\\ec59\"}.ez-icon-file-plus:before{content:\"\\ec5a\"}.ez-icon-file-question-alt:before{content:\"\\ec5b\"}.ez-icon-file-question:before{content:\"\\ec5c\"}.ez-icon-file-redo-alt:before{content:\"\\ec5d\"}.ez-icon-file-search-alt:before{content:\"\\ec5e\"}.ez-icon-file-share-alt:before{content:\"\\ec5f\"}.ez-icon-file-shield-alt:before{content:\"\\ec60\"}.ez-icon-file-slash:before{content:\"\\ec61\"}.ez-icon-file-times-alt:before{content:\"\\ec62\"}.ez-icon-file-times:before{content:\"\\ec63\"}.ez-icon-file-upload-2:before{content:\"\\ec64\"}.ez-icon-file-upload-alt:before{content:\"\\ec65\"}.ez-icon-file-upload:before{content:\"\\ec66\"}.ez-icon-file:before{content:\"\\ec67\"}.ez-icon-files-landscapes-alt:before{content:\"\\ec68\"}.ez-icon-files-landscapes:before{content:\"\\ec69\"}.ez-icon-film:before{content:\"\\ec6a\"}.ez-icon-filter-2:before{content:\"\\ec6b\"}.ez-icon-filter-slash:before{content:\"\\ec6c\"}.ez-icon-filter:before{content:\"\\ec6d\"}.ez-icon-find-file:before{content:\"\\ec6e\"}.ez-icon-find-page:before{content:\"\\ec6f\"}.ez-icon-fire:before{content:\"\\ec70\"}.ez-icon-flask-potion:before{content:\"\\ec71\"}.ez-icon-flask:before{content:\"\\ec72\"}.ez-icon-flip-h-alt:before{content:\"\\ec73\"}.ez-icon-flip-h:before{content:\"\\ec74\"}.ez-icon-flip-v-alt:before{content:\"\\ec75\"}.ez-icon-flip-v:before{content:\"\\ec76\"}.ez-icon-flower:before{content:\"\\ec77\"}.ez-icon-focus-add:before{content:\"\\ec78\"}.ez-icon-focus-target:before{content:\"\\ec79\"}.ez-icon-focus:before{content:\"\\ec7a\"}.ez-icon-folder-check:before{content:\"\\ec7b\"}.ez-icon-folder-download:before{content:\"\\ec7c\"}.ez-icon-folder-exclamation:before{content:\"\\ec7d\"}.ez-icon-folder-heart:before{content:\"\\ec7e\"}.ez-icon-folder-info:before{content:\"\\ec7f\"}.ez-icon-folder-lock:before{content:\"\\ec80\"}.ez-icon-folder-medical:before{content:\"\\ec81\"}.ez-icon-folder-minus:before{content:\"\\ec82\"}.ez-icon-folder-network:before{content:\"\\ec83\"}.ez-icon-folder-open:before{content:\"\\ec84\"}.ez-icon-folder-plus:before{content:\"\\ec85\"}.ez-icon-folder-question:before{content:\"\\ec86\"}.ez-icon-folder-slash:before{content:\"\\ec87\"}.ez-icon-folder-times:before{content:\"\\ec88\"}.ez-icon-folder-upload:before{content:\"\\ec89\"}.ez-icon-folder:before{content:\"\\ec8a\"}.ez-icon-font:before{content:\"\\ec8b\"}.ez-icon-football-american:before{content:\"\\ec8c\"}.ez-icon-football-ball:before{content:\"\\ec8d\"}.ez-icon-football:before{content:\"\\ec8e\"}.ez-icon-forecastcloud-moon-tear:before{content:\"\\ec8f\"}.ez-icon-format-color-fill:before{content:\"\\ec90\"}.ez-icon-forwaded-call:before{content:\"\\ec91\"}.ez-icon-forward:before{content:\"\\ec92\"}.ez-icon-frown:before{content:\"\\ec93\"}.ez-icon-game-structure:before{content:\"\\ec94\"}.ez-icon-generic:before{content:\"\\ec95\"}.ez-icon-gif:before{content:\"\\ec96\"}.ez-icon-gift:before{content:\"\\ec97\"}.ez-icon-github-alt:before{content:\"\\ec98\"}.ez-icon-github:before{content:\"\\ec99\"}.ez-icon-gitlab:before{content:\"\\ec9a\"}.ez-icon-glass-martini-alt-slash:before{content:\"\\ec9b\"}.ez-icon-glass-martini-alt:before{content:\"\\ec9c\"}.ez-icon-glass-martini:before{content:\"\\ec9d\"}.ez-icon-glass-tea:before{content:\"\\ec9e\"}.ez-icon-glass:before{content:\"\\ec9f\"}.ez-icon-globe:before{content:\"\\eca0\"}.ez-icon-gold:before{content:\"\\eca1\"}.ez-icon-golf-ball:before{content:\"\\eca2\"}.ez-icon-google-drive-alt:before{content:\"\\eca3\"}.ez-icon-google-drive:before{content:\"\\eca4\"}.ez-icon-google-hangouts-alt:before{content:\"\\eca5\"}.ez-icon-google-hangouts:before{content:\"\\eca6\"}.ez-icon-google-play:before{content:\"\\eca7\"}.ez-icon-google:before{content:\"\\eca8\"}.ez-icon-graduation-cap:before{content:\"\\eca9\"}.ez-icon-graph-bar:before{content:\"\\ecaa\"}.ez-icon-graph_bar:before{content:\"\\ecab\"}.ez-icon-grid:before{content:\"\\ecac\"}.ez-icon-grids:before{content:\"\\ecad\"}.ez-icon-grin-tongue-wink-alt:before{content:\"\\ecae\"}.ez-icon-grin-tongue-wink:before{content:\"\\ecaf\"}.ez-icon-grin:before{content:\"\\ecb0\"}.ez-icon-grip-horizontal-line:before{content:\"\\ecb1\"}.ez-icon-handshake:before{content:\"\\ecb2\"}.ez-icon-hard-hat:before{content:\"\\ecb3\"}.ez-icon-head-side-cough:before{content:\"\\ecb4\"}.ez-icon-head-side-mask:before{content:\"\\ecb5\"}.ez-icon-head-side:before{content:\"\\ecb6\"}.ez-icon-headphone-slash:before{content:\"\\ecb7\"}.ez-icon-headphones-alt:before{content:\"\\ecb8\"}.ez-icon-headphones:before{content:\"\\ecb9\"}.ez-icon-heart-alt:before{content:\"\\ecba\"}.ez-icon-heart-break:before{content:\"\\ecbb\"}.ez-icon-heart-medical:before{content:\"\\ecbc\"}.ez-icon-heart-rate:before{content:\"\\ecbd\"}.ez-icon-heart-sign:before{content:\"\\ecbe\"}.ez-icon-heart:before{content:\"\\ecbf\"}.ez-icon-heartbeat:before{content:\"\\ecc0\"}.ez-icon-help-inverted:before{content:\"\\ecc1\"}.ez-icon-help:before{content:\"\\ecc2\"}.ez-icon-hide-list:before{content:\"\\ecc3\"}.ez-icon-hide_menu:before{content:\"\\ecc4\"}.ez-icon-hierarchical-tree:before{content:\"\\ecc5\"}.ez-icon-hindi-to-chinese:before{content:\"\\ecc6\"}.ez-icon-hipchat:before{content:\"\\ecc7\"}.ez-icon-history-alt:before{content:\"\\ecc8\"}.ez-icon-history:before{content:\"\\ecc9\"}.ez-icon-home-2:before{content:\"\\ecca\"}.ez-icon-home-alt:before{content:\"\\eccb\"}.ez-icon-home:before{content:\"\\eccc\"}.ez-icon-horizontal-align-center:before{content:\"\\eccd\"}.ez-icon-horizontal-align-left:before{content:\"\\ecce\"}.ez-icon-horizontal-align-right:before{content:\"\\eccf\"}.ez-icon-horizontal-distribution-center:before{content:\"\\ecd0\"}.ez-icon-horizontal-distribution-left:before{content:\"\\ecd1\"}.ez-icon-horizontal-distribution-right:before{content:\"\\ecd2\"}.ez-icon-hospital-square-sign:before{content:\"\\ecd3\"}.ez-icon-hospital-symbol:before{content:\"\\ecd4\"}.ez-icon-hospital:before{content:\"\\ecd5\"}.ez-icon-hourglass:before{content:\"\\ecd6\"}.ez-icon-house-user:before{content:\"\\ecd7\"}.ez-icon-html3-alt:before{content:\"\\ecd8\"}.ez-icon-html3:before{content:\"\\ecd9\"}.ez-icon-html5-alt:before{content:\"\\ecda\"}.ez-icon-html5:before{content:\"\\ecdb\"}.ez-icon-hunting:before{content:\"\\ecdc\"}.ez-icon-icons:before{content:\"\\ecdd\"}.ez-icon-icons104:before{content:\"\\ecde\"}.ez-icon-illustration:before{content:\"\\ecdf\"}.ez-icon-image-alt-slash:before{content:\"\\ece0\"}.ez-icon-image-block:before{content:\"\\ece1\"}.ez-icon-image-broken:before{content:\"\\ece2\"}.ez-icon-image-check:before{content:\"\\ece3\"}.ez-icon-image-download:before{content:\"\\ece4\"}.ez-icon-image-edit:before{content:\"\\ece5\"}.ez-icon-image-lock:before{content:\"\\ece6\"}.ez-icon-image-minus:before{content:\"\\ece7\"}.ez-icon-image-plus:before{content:\"\\ece8\"}.ez-icon-image-question:before{content:\"\\ece9\"}.ez-icon-image-redo:before{content:\"\\ecea\"}.ez-icon-image-resize-landscape:before{content:\"\\eceb\"}.ez-icon-image-resize-square:before{content:\"\\ecec\"}.ez-icon-image-search:before{content:\"\\eced\"}.ez-icon-image-share:before{content:\"\\ecee\"}.ez-icon-image-shield:before{content:\"\\ecef\"}.ez-icon-image-slash:before{content:\"\\ecf0\"}.ez-icon-image-times:before{content:\"\\ecf1\"}.ez-icon-image-upload:before{content:\"\\ecf2\"}.ez-icon-image-v:before{content:\"\\ecf3\"}.ez-icon-image:before{content:\"\\ecf4\"}.ez-icon-images:before{content:\"\\ecf5\"}.ez-icon-import:before{content:\"\\ecf6\"}.ez-icon-inbox:before{content:\"\\ecf7\"}.ez-icon-incoming-call:before{content:\"\\ecf8\"}.ez-icon-info-circle:before{content:\"\\ecf9\"}.ez-icon-info:before{content:\"\\ecfa\"}.ez-icon-instagram-alt:before{content:\"\\ecfb\"}.ez-icon-instagram:before{content:\"\\ecfc\"}.ez-icon-intercom-alt:before{content:\"\\ecfd\"}.ez-icon-intercom:before{content:\"\\ecfe\"}.ez-icon-invoice:before{content:\"\\ecff\"}.ez-icon-italic:before{content:\"\\ed00\"}.ez-icon-jackhammer:before{content:\"\\ed01\"}.ez-icon-java-script:before{content:\"\\ed02\"}.ez-icon-kayak:before{content:\"\\ed03\"}.ez-icon-key-skeleton-alt:before{content:\"\\ed04\"}.ez-icon-key-skeleton:before{content:\"\\ed05\"}.ez-icon-keyboard-alt:before{content:\"\\ed06\"}.ez-icon-keyboard-hide:before{content:\"\\ed07\"}.ez-icon-keyboard-show:before{content:\"\\ed08\"}.ez-icon-keyboard:before{content:\"\\ed09\"}.ez-icon-keyhole-circle:before{content:\"\\ed0a\"}.ez-icon-keyhole-square-full:before{content:\"\\ed0b\"}.ez-icon-keyhole-square:before{content:\"\\ed0c\"}.ez-icon-kid:before{content:\"\\ed0d\"}.ez-icon-label-alt:before{content:\"\\ed0e\"}.ez-icon-label:before{content:\"\\ed0f\"}.ez-icon-lamp:before{content:\"\\ed10\"}.ez-icon-language-2:before{content:\"\\ed11\"}.ez-icon-language:before{content:\"\\ed12\"}.ez-icon-laptop-cloud:before{content:\"\\ed13\"}.ez-icon-laptop-connection:before{content:\"\\ed14\"}.ez-icon-laptop:before{content:\"\\ed15\"}.ez-icon-laughing:before{content:\"\\ed16\"}.ez-icon-launch:before{content:\"\\ed17\"}.ez-icon-layer-group-slash:before{content:\"\\ed18\"}.ez-icon-layer-group:before{content:\"\\ed19\"}.ez-icon-layers-alt:before{content:\"\\ed1a\"}.ez-icon-layers-slash:before{content:\"\\ed1b\"}.ez-icon-layers:before{content:\"\\ed1c\"}.ez-icon-left-arrow-from-left:before{content:\"\\ed1d\"}.ez-icon-left-arrow-to-left:before{content:\"\\ed1e\"}.ez-icon-left-indent-alt:before{content:\"\\ed1f\"}.ez-icon-left-indent:before{content:\"\\ed20\"}.ez-icon-left-to-right-text-direction:before{content:\"\\ed21\"}.ez-icon-left:before{content:\"\\ed22\"}.ez-icon-letter-chinese-a:before{content:\"\\ed23\"}.ez-icon-letter-english-a:before{content:\"\\ed24\"}.ez-icon-letter-hindi-a:before{content:\"\\ed25\"}.ez-icon-letter-japanese-a:before{content:\"\\ed26\"}.ez-icon-life-ring:before{content:\"\\ed27\"}.ez-icon-lightbulb-2:before{content:\"\\ed28\"}.ez-icon-lightbulb-alt:before{content:\"\\ed29\"}.ez-icon-lightbulb:before{content:\"\\ed2a\"}.ez-icon-line-alt:before{content:\"\\ed2b\"}.ez-icon-line-spacing:before{content:\"\\ed2c\"}.ez-icon-line:before{content:\"\\ed2d\"}.ez-icon-link-add:before{content:\"\\ed2e\"}.ez-icon-link-alt:before{content:\"\\ed2f\"}.ez-icon-link-broken:before{content:\"\\ed30\"}.ez-icon-link-h:before{content:\"\\ed31\"}.ez-icon-link:before{content:\"\\ed32\"}.ez-icon-linkedin-alt:before{content:\"\\ed33\"}.ez-icon-linkedin:before{content:\"\\ed34\"}.ez-icon-linux:before{content:\"\\ed35\"}.ez-icon-lira-sign:before{content:\"\\ed36\"}.ez-icon-list-ol-alt:before{content:\"\\ed37\"}.ez-icon-list-ol:before{content:\"\\ed38\"}.ez-icon-list-ui-alt:before{content:\"\\ed39\"}.ez-icon-list-ul:before{content:\"\\ed3a\"}.ez-icon-list:before{content:\"\\ed3b\"}.ez-icon-location-arrow-alt:before{content:\"\\ed3c\"}.ez-icon-location-arrow:before{content:\"\\ed3d\"}.ez-icon-location-pin-alt:before{content:\"\\ed3e\"}.ez-icon-location-point:before{content:\"\\ed3f\"}.ez-icon-location:before{content:\"\\ed40\"}.ez-icon-lock-2:before{content:\"\\ed41\"}.ez-icon-lock-access:before{content:\"\\ed42\"}.ez-icon-lock-alt:before{content:\"\\ed43\"}.ez-icon-lock-open-alt:before{content:\"\\ed44\"}.ez-icon-lock-outline:before{content:\"\\ed45\"}.ez-icon-lock-slash:before{content:\"\\ed46\"}.ez-icon-lock:before{content:\"\\ed47\"}.ez-icon-lottiefiles-alt:before{content:\"\\ed48\"}.ez-icon-lottiefiles:before{content:\"\\ed49\"}.ez-icon-luggage-cart:before{content:\"\\ed4a\"}.ez-icon-mailbox-alt:before{content:\"\\ed4b\"}.ez-icon-mailbox:before{content:\"\\ed4c\"}.ez-icon-map-marker-alt:before{content:\"\\ed4d\"}.ez-icon-map-marker-edit:before{content:\"\\ed4e\"}.ez-icon-map-marker-info:before{content:\"\\ed4f\"}.ez-icon-map-marker-minus:before{content:\"\\ed50\"}.ez-icon-map-marker-plus:before{content:\"\\ed51\"}.ez-icon-map-marker-question:before{content:\"\\ed52\"}.ez-icon-map-marker-shield:before{content:\"\\ed53\"}.ez-icon-map-marker-slash:before{content:\"\\ed54\"}.ez-icon-map-marker:before{content:\"\\ed55\"}.ez-icon-map-pin-alt:before{content:\"\\ed56\"}.ez-icon-map-pin:before{content:\"\\ed57\"}.ez-icon-map:before{content:\"\\ed58\"}.ez-icon-mars:before{content:\"\\ed59\"}.ez-icon-master-card:before{content:\"\\ed5a\"}.ez-icon-maximize-left:before{content:\"\\ed5b\"}.ez-icon-medal:before{content:\"\\ed5c\"}.ez-icon-medical-drip:before{content:\"\\ed5d\"}.ez-icon-medical-square-full:before{content:\"\\ed5e\"}.ez-icon-medical-square:before{content:\"\\ed5f\"}.ez-icon-medium-m:before{content:\"\\ed60\"}.ez-icon-medkit:before{content:\"\\ed61\"}.ez-icon-meeting-board:before{content:\"\\ed62\"}.ez-icon-megaphone:before{content:\"\\ed63\"}.ez-icon-meh-alt:before{content:\"\\ed64\"}.ez-icon-meh-closed-eye:before{content:\"\\ed65\"}.ez-icon-meh:before{content:\"\\ed66\"}.ez-icon-menu:before{content:\"\\ed67\"}.ez-icon-message:before{content:\"\\ed68\"}.ez-icon-metro:before{content:\"\\ed69\"}.ez-icon-microphone-slash:before{content:\"\\ed6a\"}.ez-icon-microphone:before{content:\"\\ed6b\"}.ez-icon-microscope:before{content:\"\\ed6c\"}.ez-icon-microsoft:before{content:\"\\ed6d\"}.ez-icon-mid:before{content:\"\\ed6e\"}.ez-icon-minus-2:before{content:\"\\ed6f\"}.ez-icon-minus-circle:before{content:\"\\ed70\"}.ez-icon-minus-path:before{content:\"\\ed71\"}.ez-icon-minus-square-full:before{content:\"\\ed72\"}.ez-icon-minus-square:before{content:\"\\ed73\"}.ez-icon-minus:before{content:\"\\ed74\"}.ez-icon-missed-call:before{content:\"\\ed75\"}.ez-icon-mobile-android-alt:before{content:\"\\ed76\"}.ez-icon-mobile-android:before{content:\"\\ed77\"}.ez-icon-mobile-vibrate:before{content:\"\\ed78\"}.ez-icon-modem:before{content:\"\\ed79\"}.ez-icon-money-bill-slash:before{content:\"\\ed7a\"}.ez-icon-money-bill-stack:before{content:\"\\ed7b\"}.ez-icon-money-bill:before{content:\"\\ed7c\"}.ez-icon-money-insert:before{content:\"\\ed7d\"}.ez-icon-money-off:before{content:\"\\ed7e\"}.ez-icon-money-stack:before{content:\"\\ed7f\"}.ez-icon-money-withdraw:before{content:\"\\ed80\"}.ez-icon-money-withdrawal:before{content:\"\\ed81\"}.ez-icon-money:before{content:\"\\ed82\"}.ez-icon-moneybag-alt:before{content:\"\\ed83\"}.ez-icon-moneybag:before{content:\"\\ed84\"}.ez-icon-monitor-heart-rate:before{content:\"\\ed85\"}.ez-icon-monitor:before{content:\"\\ed86\"}.ez-icon-moon-eclipse:before{content:\"\\ed87\"}.ez-icon-moon:before{content:\"\\ed88\"}.ez-icon-moonset:before{content:\"\\ed89\"}.ez-icon-more:before{content:\"\\ed8a\"}.ez-icon-mountains-sun:before{content:\"\\ed8b\"}.ez-icon-mountains:before{content:\"\\ed8c\"}.ez-icon-mouse-alt-2:before{content:\"\\ed8d\"}.ez-icon-mouse-alt:before{content:\"\\ed8e\"}.ez-icon-mouse:before{content:\"\\ed8f\"}.ez-icon-mp3:before{content:\"\\ed90\"}.ez-icon-mp4:before{content:\"\\ed91\"}.ez-icon-multiple-files:before{content:\"\\ed92\"}.ez-icon-multiply:before{content:\"\\ed93\"}.ez-icon-music-note:before{content:\"\\ed94\"}.ez-icon-music-tune-slash:before{content:\"\\ed95\"}.ez-icon-music:before{content:\"\\ed96\"}.ez-icon-n-a:before{content:\"\\ed97\"}.ez-icon-navigator:before{content:\"\\ed98\"}.ez-icon-nerd:before{content:\"\\ed99\"}.ez-icon-newspaper:before{content:\"\\ed9a\"}.ez-icon-ninja:before{content:\"\\ed9b\"}.ez-icon-no-entry:before{content:\"\\ed9c\"}.ez-icon-north-west:before{content:\"\\ed9d\"}.ez-icon-notebooks:before{content:\"\\ed9e\"}.ez-icon-notes:before{content:\"\\ed9f\"}.ez-icon-number:before{content:\"\\eda0\"}.ez-icon-object-group:before{content:\"\\eda1\"}.ez-icon-object-ungroup:before{content:\"\\eda2\"}.ez-icon-octagon:before{content:\"\\eda3\"}.ez-icon-okta:before{content:\"\\eda4\"}.ez-icon-opera-alt:before{content:\"\\eda5\"}.ez-icon-opera:before{content:\"\\eda6\"}.ez-icon-ordem-ascendente:before{content:\"\\eda7\"}.ez-icon-ordem-descendente:before{content:\"\\eda8\"}.ez-icon-outgoing-call:before{content:\"\\eda9\"}.ez-icon-package:before{content:\"\\edaa\"}.ez-icon-padlock:before{content:\"\\edab\"}.ez-icon-pagelines:before{content:\"\\edac\"}.ez-icon-pagerduty:before{content:\"\\edad\"}.ez-icon-paint-tool:before{content:\"\\edae\"}.ez-icon-palette:before{content:\"\\edaf\"}.ez-icon-panel-add:before{content:\"\\edb0\"}.ez-icon-panorama-h-alt:before{content:\"\\edb1\"}.ez-icon-panorama-h:before{content:\"\\edb2\"}.ez-icon-panorama-v:before{content:\"\\edb3\"}.ez-icon-paperclip:before{content:\"\\edb4\"}.ez-icon-paragraph:before{content:\"\\edb5\"}.ez-icon-parcel:before{content:\"\\edb6\"}.ez-icon-parcelar:before{content:\"\\edb7\"}.ez-icon-parking-circle:before{content:\"\\edb8\"}.ez-icon-parking-square:before{content:\"\\edb9\"}.ez-icon-pathfinder-unite:before{content:\"\\edba\"}.ez-icon-pathfinder:before{content:\"\\edbb\"}.ez-icon-pause-circle:before{content:\"\\edbc\"}.ez-icon-pause:before{content:\"\\edbd\"}.ez-icon-payments:before{content:\"\\edbe\"}.ez-icon-paypal:before{content:\"\\edbf\"}.ez-icon-pdf:before{content:\"\\edc0\"}.ez-icon-pen:before{content:\"\\edc1\"}.ez-icon-pentagon:before{content:\"\\edc2\"}.ez-icon-percentage:before{content:\"\\edc3\"}.ez-icon-phone-alt:before{content:\"\\edc4\"}.ez-icon-phone-pause:before{content:\"\\edc5\"}.ez-icon-phone-slash:before{content:\"\\edc6\"}.ez-icon-phone-times:before{content:\"\\edc7\"}.ez-icon-phone-volume:before{content:\"\\edc8\"}.ez-icon-phone:before{content:\"\\edc9\"}.ez-icon-picture:before{content:\"\\edca\"}.ez-icon-pizza-slice:before{content:\"\\edcb\"}.ez-icon-plane-arrival:before{content:\"\\edcc\"}.ez-icon-plane-departure:before{content:\"\\edcd\"}.ez-icon-plane-fly:before{content:\"\\edce\"}.ez-icon-plane:before{content:\"\\edcf\"}.ez-icon-play-2:before{content:\"\\edd0\"}.ez-icon-play-circle:before{content:\"\\edd1\"}.ez-icon-play:before{content:\"\\edd2\"}.ez-icon-plug:before{content:\"\\edd3\"}.ez-icon-plus-2:before{content:\"\\edd4\"}.ez-icon-plus-circle:before{content:\"\\edd5\"}.ez-icon-plus-square:before{content:\"\\edd6\"}.ez-icon-plus:before{content:\"\\edd7\"}.ez-icon-png:before{content:\"\\edd8\"}.ez-icon-podium:before{content:\"\\edd9\"}.ez-icon-polygon:before{content:\"\\edda\"}.ez-icon-post-stamp:before{content:\"\\eddb\"}.ez-icon-postcard:before{content:\"\\eddc\"}.ez-icon-pound-circle:before{content:\"\\eddd\"}.ez-icon-pound:before{content:\"\\edde\"}.ez-icon-power-2:before{content:\"\\eddf\"}.ez-icon-power:before{content:\"\\ede0\"}.ez-icon-pptx:before{content:\"\\ede1\"}.ez-icon-prescription-bottle:before{content:\"\\ede2\"}.ez-icon-presentation-check:before{content:\"\\ede3\"}.ez-icon-presentation-edit:before{content:\"\\ede4\"}.ez-icon-presentation-line:before{content:\"\\ede5\"}.ez-icon-presentation-lines-alt:before{content:\"\\ede6\"}.ez-icon-presentation-minus:before{content:\"\\ede7\"}.ez-icon-presentation-play:before{content:\"\\ede8\"}.ez-icon-presentation-plus:before{content:\"\\ede9\"}.ez-icon-presentation-times:before{content:\"\\edea\"}.ez-icon-presentation:before{content:\"\\edeb\"}.ez-icon-preview:before{content:\"\\edec\"}.ez-icon-previous:before{content:\"\\eded\"}.ez-icon-pricetag-alt:before{content:\"\\edee\"}.ez-icon-print-2:before{content:\"\\edef\"}.ez-icon-print-slash:before{content:\"\\edf0\"}.ez-icon-print:before{content:\"\\edf1\"}.ez-icon-process:before{content:\"\\edf2\"}.ez-icon-processor:before{content:\"\\edf3\"}.ez-icon-programming-language:before{content:\"\\edf4\"}.ez-icon-pump:before{content:\"\\edf5\"}.ez-icon-push-pin:before{content:\"\\edf6\"}.ez-icon-puzzle-piece:before{content:\"\\edf7\"}.ez-icon-qrcode-scan:before{content:\"\\edf8\"}.ez-icon-question-circle:before{content:\"\\edf9\"}.ez-icon-question:before{content:\"\\edfa\"}.ez-icon-rainbow:before{content:\"\\edfb\"}.ez-icon-raindrops-alt:before{content:\"\\edfc\"}.ez-icon-raindrops:before{content:\"\\edfd\"}.ez-icon-rateio:before{content:\"\\edfe\"}.ez-icon-react:before{content:\"\\edff\"}.ez-icon-receipt-2:before{content:\"\\ee00\"}.ez-icon-receipt-alt:before{content:\"\\ee01\"}.ez-icon-receipt:before{content:\"\\ee02\"}.ez-icon-recolher_card:before{content:\"\\ee03\"}.ez-icon-record-audio:before{content:\"\\ee04\"}.ez-icon-reddit-alien-alt:before{content:\"\\ee05\"}.ez-icon-redo:before{content:\"\\ee06\"}.ez-icon-refresh:before{content:\"\\ee07\"}.ez-icon-registered:before{content:\"\\ee08\"}.ez-icon-remove-from-cart:before{content:\"\\ee09\"}.ez-icon-repeat:before{content:\"\\ee0a\"}.ez-icon-restaurant:before{content:\"\\ee0b\"}.ez-icon-restore:before{content:\"\\ee0c\"}.ez-icon-return:before{content:\"\\ee0d\"}.ez-icon-right-indent-alt:before{content:\"\\ee0e\"}.ez-icon-right-to-left-text-direction:before{content:\"\\ee0f\"}.ez-icon-robot:before{content:\"\\ee10\"}.ez-icon-rocket:before{content:\"\\ee11\"}.ez-icon-rope-way:before{content:\"\\ee12\"}.ez-icon-rotate-360:before{content:\"\\ee13\"}.ez-icon-rss-alt:before{content:\"\\ee14\"}.ez-icon-rss-interface:before{content:\"\\ee15\"}.ez-icon-rss:before{content:\"\\ee16\"}.ez-icon-ruler-combined:before{content:\"\\ee17\"}.ez-icon-ruler:before{content:\"\\ee18\"}.ez-icon-rupee-sign:before{content:\"\\ee19\"}.ez-icon-sad-cry:before{content:\"\\ee1a\"}.ez-icon-sad-crying:before{content:\"\\ee1b\"}.ez-icon-sad-dizzy:before{content:\"\\ee1c\"}.ez-icon-sad-squint:before{content:\"\\ee1d\"}.ez-icon-sad:before{content:\"\\ee1e\"}.ez-icon-sanitizer-alt:before{content:\"\\ee1f\"}.ez-icon-sanitizer:before{content:\"\\ee20\"}.ez-icon-sankhya-place:before{content:\"\\ee21\"}.ez-icon-save-2:before{content:\"\\ee22\"}.ez-icon-save:before{content:\"\\ee23\"}.ez-icon-scaling-left:before{content:\"\\ee24\"}.ez-icon-scaling-right:before{content:\"\\ee25\"}.ez-icon-scenery:before{content:\"\\ee26\"}.ez-icon-schedule:before{content:\"\\ee27\"}.ez-icon-screw:before{content:\"\\ee28\"}.ez-icon-scroll-h:before{content:\"\\ee29\"}.ez-icon-scroll:before{content:\"\\ee2a\"}.ez-icon-search-2:before{content:\"\\ee2b\"}.ez-icon-search-alt:before{content:\"\\ee2c\"}.ez-icon-search-minus:before{content:\"\\ee2d\"}.ez-icon-search-plus:before{content:\"\\ee2e\"}.ez-icon-search:before{content:\"\\ee2f\"}.ez-icon-selfie:before{content:\"\\ee30\"}.ez-icon-server-alt:before{content:\"\\ee31\"}.ez-icon-server-connection:before{content:\"\\ee32\"}.ez-icon-server-network-alt:before{content:\"\\ee33\"}.ez-icon-server-network:before{content:\"\\ee34\"}.ez-icon-server:before{content:\"\\ee35\"}.ez-icon-servers:before{content:\"\\ee36\"}.ez-icon-servicemark:before{content:\"\\ee37\"}.ez-icon-setting:before{content:\"\\ee38\"}.ez-icon-settings-inverted:before{content:\"\\ee39\"}.ez-icon-settings:before{content:\"\\ee3a\"}.ez-icon-share-2:before{content:\"\\ee3b\"}.ez-icon-share-alt:before{content:\"\\ee3c\"}.ez-icon-share:before{content:\"\\ee3d\"}.ez-icon-shield-2:before{content:\"\\ee3e\"}.ez-icon-shield-check:before{content:\"\\ee3f\"}.ez-icon-shield-exclamation:before{content:\"\\ee40\"}.ez-icon-shield-plus:before{content:\"\\ee41\"}.ez-icon-shield-question:before{content:\"\\ee42\"}.ez-icon-shield-slash:before{content:\"\\ee43\"}.ez-icon-shield:before{content:\"\\ee44\"}.ez-icon-ship:before{content:\"\\ee45\"}.ez-icon-shop:before{content:\"\\ee46\"}.ez-icon-shopping-bag:before{content:\"\\ee47\"}.ez-icon-shopping-basket:before{content:\"\\ee48\"}.ez-icon-shopping-cart-alt:before{content:\"\\ee49\"}.ez-icon-shopping-cart:before{content:\"\\ee4a\"}.ez-icon-shovel:before{content:\"\\ee4b\"}.ez-icon-show-list:before{content:\"\\ee4c\"}.ez-icon-show_menu:before{content:\"\\ee4d\"}.ez-icon-shrink:before{content:\"\\ee4e\"}.ez-icon-shuffle:before{content:\"\\ee4f\"}.ez-icon-shutter-alt:before{content:\"\\ee50\"}.ez-icon-shutter:before{content:\"\\ee51\"}.ez-icon-sick:before{content:\"\\ee52\"}.ez-icon-sigma:before{content:\"\\ee53\"}.ez-icon-sign-alt:before{content:\"\\ee54\"}.ez-icon-sign-in-alt:before{content:\"\\ee55\"}.ez-icon-sign-left:before{content:\"\\ee56\"}.ez-icon-sign-out-alt:before{content:\"\\ee57\"}.ez-icon-sign-right:before{content:\"\\ee58\"}.ez-icon-signal-alt-3:before{content:\"\\ee59\"}.ez-icon-signal-alt:before{content:\"\\ee5a\"}.ez-icon-signal:before{content:\"\\ee5b\"}.ez-icon-signin:before{content:\"\\ee5c\"}.ez-icon-signout:before{content:\"\\ee5d\"}.ez-icon-silence:before{content:\"\\ee5e\"}.ez-icon-silent-squint:before{content:\"\\ee5f\"}.ez-icon-sim-card:before{content:\"\\ee60\"}.ez-icon-sitemap:before{content:\"\\ee61\"}.ez-icon-skip-forward-alt:before{content:\"\\ee62\"}.ez-icon-skip-forward-circle:before{content:\"\\ee63\"}.ez-icon-skip-forward:before{content:\"\\ee64\"}.ez-icon-skype-alt:before{content:\"\\ee65\"}.ez-icon-skype:before{content:\"\\ee66\"}.ez-icon-slack-alt:before{content:\"\\ee67\"}.ez-icon-slack:before{content:\"\\ee68\"}.ez-icon-sleep:before{content:\"\\ee69\"}.ez-icon-slider-h-range:before{content:\"\\ee6a\"}.ez-icon-slider-h:before{content:\"\\ee6b\"}.ez-icon-sliders-v-alt:before{content:\"\\ee6c\"}.ez-icon-sliders-v:before{content:\"\\ee6d\"}.ez-icon-smile-beam:before{content:\"\\ee6e\"}.ez-icon-smile-dizzy:before{content:\"\\ee6f\"}.ez-icon-smile-squint-wink-alt:before{content:\"\\ee70\"}.ez-icon-smile-squint-wink:before{content:\"\\ee71\"}.ez-icon-smile-wink-alt:before{content:\"\\ee72\"}.ez-icon-smile-wink:before{content:\"\\ee73\"}.ez-icon-smile:before{content:\"\\ee74\"}.ez-icon-snapchat-alt:before{content:\"\\ee75\"}.ez-icon-snapchat-ghost:before{content:\"\\ee76\"}.ez-icon-snapchat-square:before{content:\"\\ee77\"}.ez-icon-snow-flake:before{content:\"\\ee78\"}.ez-icon-snowflake-alt:before{content:\"\\ee79\"}.ez-icon-snowflake:before{content:\"\\ee7a\"}.ez-icon-social-distancing:before{content:\"\\ee7b\"}.ez-icon-solid:before{content:\"\\ee7c\"}.ez-icon-sort-amount-down:before{content:\"\\ee7d\"}.ez-icon-sort-amount-up:before{content:\"\\ee7e\"}.ez-icon-sort:before{content:\"\\ee7f\"}.ez-icon-sorting:before{content:\"\\ee80\"}.ez-icon-south-east:before{content:\"\\ee81\"}.ez-icon-space-key:before{content:\"\\ee82\"}.ez-icon-spade:before{content:\"\\ee83\"}.ez-icon-sperms:before{content:\"\\ee84\"}.ez-icon-spin:before{content:\"\\ee85\"}.ez-icon-spinner-alt:before{content:\"\\ee86\"}.ez-icon-spinner:before{content:\"\\ee87\"}.ez-icon-square-full:before{content:\"\\ee88\"}.ez-icon-square-shape:before{content:\"\\ee89\"}.ez-icon-square:before{content:\"\\ee8a\"}.ez-icon-squint:before{content:\"\\ee8b\"}.ez-icon-star-half-alt:before{content:\"\\ee8c\"}.ez-icon-star:before{content:\"\\ee8d\"}.ez-icon-statistics:before{content:\"\\ee8e\"}.ez-icon-step-backward-alt:before{content:\"\\ee8f\"}.ez-icon-step-backward-circle:before{content:\"\\ee90\"}.ez-icon-step-backward:before{content:\"\\ee91\"}.ez-icon-step-forward:before{content:\"\\ee92\"}.ez-icon-stethoscope-alt:before{content:\"\\ee93\"}.ez-icon-stethoscope:before{content:\"\\ee94\"}.ez-icon-stop-circle:before{content:\"\\ee95\"}.ez-icon-stopwatch-slash:before{content:\"\\ee96\"}.ez-icon-stopwatch:before{content:\"\\ee97\"}.ez-icon-store-alt:before{content:\"\\ee98\"}.ez-icon-store-slash:before{content:\"\\ee99\"}.ez-icon-store:before{content:\"\\ee9a\"}.ez-icon-stretcher:before{content:\"\\ee9b\"}.ez-icon-stroller:before{content:\"\\ee9c\"}.ez-icon-subject:before{content:\"\\ee9d\"}.ez-icon-subway-alt:before{content:\"\\ee9e\"}.ez-icon-subway:before{content:\"\\ee9f\"}.ez-icon-suitcase-alt:before{content:\"\\eea0\"}.ez-icon-suitcase:before{content:\"\\eea1\"}.ez-icon-sun:before{content:\"\\eea2\"}.ez-icon-sunset:before{content:\"\\eea3\"}.ez-icon-surprise:before{content:\"\\eea4\"}.ez-icon-swatchbook:before{content:\"\\eea5\"}.ez-icon-swiggy:before{content:\"\\eea6\"}.ez-icon-swimmer:before{content:\"\\eea7\"}.ez-icon-sync-2:before{content:\"\\eea8\"}.ez-icon-sync-exclamation:before{content:\"\\eea9\"}.ez-icon-sync-slash:before{content:\"\\eeaa\"}.ez-icon-sync:before{content:\"\\eeab\"}.ez-icon-syringe:before{content:\"\\eeac\"}.ez-icon-table-2:before{content:\"\\eead\"}.ez-icon-table-tennis:before{content:\"\\eeae\"}.ez-icon-table:before{content:\"\\eeaf\"}.ez-icon-tablet:before{content:\"\\eeb0\"}.ez-icon-tablets:before{content:\"\\eeb1\"}.ez-icon-tachometer-fast-alt:before{content:\"\\eeb2\"}.ez-icon-tachometer-fast:before{content:\"\\eeb3\"}.ez-icon-tag-alt:before{content:\"\\eeb4\"}.ez-icon-tag:before{content:\"\\eeb5\"}.ez-icon-tag_code:before{content:\"\\eeb6\"}.ez-icon-tape:before{content:\"\\eeb7\"}.ez-icon-taxi:before{content:\"\\eeb8\"}.ez-icon-tear:before{content:\"\\eeb9\"}.ez-icon-telegram-alt:before{content:\"\\eeba\"}.ez-icon-telegram:before{content:\"\\eebb\"}.ez-icon-telescope:before{content:\"\\eebc\"}.ez-icon-temperature-empty:before{content:\"\\eebd\"}.ez-icon-temperature-half:before{content:\"\\eebe\"}.ez-icon-temperature-minus:before{content:\"\\eebf\"}.ez-icon-temperature-plus:before{content:\"\\eec0\"}.ez-icon-temperature-quarter:before{content:\"\\eec1\"}.ez-icon-temperature-three-quarter:before{content:\"\\eec2\"}.ez-icon-temperature:before{content:\"\\eec3\"}.ez-icon-tennis-ball:before{content:\"\\eec4\"}.ez-icon-text-2:before{content:\"\\eec5\"}.ez-icon-text-fields:before{content:\"\\eec6\"}.ez-icon-text-size:before{content:\"\\eec7\"}.ez-icon-text-strike-through:before{content:\"\\eec8\"}.ez-icon-text:before{content:\"\\eec9\"}.ez-icon-th-large:before{content:\"\\eeca\"}.ez-icon-th-slash:before{content:\"\\eecb\"}.ez-icon-th:before{content:\"\\eecc\"}.ez-icon-thermometer:before{content:\"\\eecd\"}.ez-icon-thumbs-down:before{content:\"\\eece\"}.ez-icon-thumbs-up:before{content:\"\\eecf\"}.ez-icon-thunderstorm-moon:before{content:\"\\eed0\"}.ez-icon-thunderstorm-sun:before{content:\"\\eed1\"}.ez-icon-thunderstorm:before{content:\"\\eed2\"}.ez-icon-ticket:before{content:\"\\eed3\"}.ez-icon-timeline:before{content:\"\\eed4\"}.ez-icon-timer-outline:before{content:\"\\eed5\"}.ez-icon-times-circle:before{content:\"\\eed6\"}.ez-icon-times-square:before{content:\"\\eed7\"}.ez-icon-times:before{content:\"\\eed8\"}.ez-icon-toggle-off:before{content:\"\\eed9\"}.ez-icon-toggle-on:before{content:\"\\eeda\"}.ez-icon-toilet-paper:before{content:\"\\eedb\"}.ez-icon-top-arrow-from-top:before{content:\"\\eedc\"}.ez-icon-top-arrow-to-top:before{content:\"\\eedd\"}.ez-icon-tornado:before{content:\"\\eede\"}.ez-icon-trademark-circle:before{content:\"\\eedf\"}.ez-icon-trademark:before{content:\"\\eee0\"}.ez-icon-traffic-barrier:before{content:\"\\eee1\"}.ez-icon-traffic-light:before{content:\"\\eee2\"}.ez-icon-transaction:before{content:\"\\eee3\"}.ez-icon-trash-alt:before{content:\"\\eee4\"}.ez-icon-trash:before{content:\"\\eee5\"}.ez-icon-trees:before{content:\"\\eee6\"}.ez-icon-trending-up:before{content:\"\\eee7\"}.ez-icon-triangle:before{content:\"\\eee8\"}.ez-icon-trophy:before{content:\"\\eee9\"}.ez-icon-trowel:before{content:\"\\eeea\"}.ez-icon-truck-loading:before{content:\"\\eeeb\"}.ez-icon-truck:before{content:\"\\eeec\"}.ez-icon-tumblr-alt:before{content:\"\\eeed\"}.ez-icon-tumblr-square:before{content:\"\\eeee\"}.ez-icon-tumblr:before{content:\"\\eeef\"}.ez-icon-tune:before{content:\"\\eef0\"}.ez-icon-tv-retro-slash:before{content:\"\\eef1\"}.ez-icon-tv-retro:before{content:\"\\eef2\"}.ez-icon-twitter-alt:before{content:\"\\eef3\"}.ez-icon-twitter:before{content:\"\\eef4\"}.ez-icon-txt:before{content:\"\\eef5\"}.ez-icon-umbrella:before{content:\"\\eef6\"}.ez-icon-un-pin:before{content:\"\\eef7\"}.ez-icon-unamused:before{content:\"\\eef8\"}.ez-icon-underline:before{content:\"\\eef9\"}.ez-icon-undo:before{content:\"\\eefa\"}.ez-icon-unfold_less:before{content:\"\\eefb\"}.ez-icon-unfold_more:before{content:\"\\eefc\"}.ez-icon-university:before{content:\"\\eefd\"}.ez-icon-unlock-alt:before{content:\"\\eefe\"}.ez-icon-unlock:before{content:\"\\eeff\"}.ez-icon-upload-alt:before{content:\"\\ef00\"}.ez-icon-upload:before{content:\"\\ef01\"}.ez-icon-usd-circle:before{content:\"\\ef02\"}.ez-icon-usd-square:before{content:\"\\ef03\"}.ez-icon-user-arrows:before{content:\"\\ef04\"}.ez-icon-user-check:before{content:\"\\ef05\"}.ez-icon-user-circle-2:before{content:\"\\ef06\"}.ez-icon-user-circle:before{content:\"\\ef07\"}.ez-icon-user-exclamation:before{content:\"\\ef08\"}.ez-icon-user-location:before{content:\"\\ef09\"}.ez-icon-user-md:before{content:\"\\ef0a\"}.ez-icon-user-minus:before{content:\"\\ef0b\"}.ez-icon-user-nurse:before{content:\"\\ef0c\"}.ez-icon-user-plus:before{content:\"\\ef0d\"}.ez-icon-user-square:before{content:\"\\ef0e\"}.ez-icon-user-times:before{content:\"\\ef0f\"}.ez-icon-user:before{content:\"\\ef10\"}.ez-icon-users-alt:before{content:\"\\ef11\"}.ez-icon-utensils-alt:before{content:\"\\ef12\"}.ez-icon-utensils:before{content:\"\\ef13\"}.ez-icon-vector-square-alt:before{content:\"\\ef14\"}.ez-icon-vector-square:before{content:\"\\ef15\"}.ez-icon-venus:before{content:\"\\ef16\"}.ez-icon-vertical-align-bottom:before{content:\"\\ef17\"}.ez-icon-vertical-align-center:before{content:\"\\ef18\"}.ez-icon-vertical-align-top:before{content:\"\\ef19\"}.ez-icon-vertical-distribute-bottom:before{content:\"\\ef1a\"}.ez-icon-vertical-distribution-center:before{content:\"\\ef1b\"}.ez-icon-vertical-distribution-top:before{content:\"\\ef1c\"}.ez-icon-video-question:before{content:\"\\ef1d\"}.ez-icon-video-slash:before{content:\"\\ef1e\"}.ez-icon-video:before{content:\"\\ef1f\"}.ez-icon-virus-slash:before{content:\"\\ef20\"}.ez-icon-visual-studio:before{content:\"\\ef21\"}.ez-icon-vk-alt:before{content:\"\\ef22\"}.ez-icon-vk:before{content:\"\\ef23\"}.ez-icon-voicemail-rectangle:before{content:\"\\ef24\"}.ez-icon-voicemail:before{content:\"\\ef25\"}.ez-icon-volume-down:before{content:\"\\ef26\"}.ez-icon-volume-mute:before{content:\"\\ef27\"}.ez-icon-volume-off:before{content:\"\\ef28\"}.ez-icon-volume-up:before{content:\"\\ef29\"}.ez-icon-volume:before{content:\"\\ef2a\"}.ez-icon-vuejs-alt:before{content:\"\\ef2b\"}.ez-icon-vuejs:before{content:\"\\ef2c\"}.ez-icon-wall:before{content:\"\\ef2d\"}.ez-icon-wallet:before{content:\"\\ef2e\"}.ez-icon-warning-outline:before{content:\"\\ef2f\"}.ez-icon-warning_triangle:before{content:\"\\ef30\"}.ez-icon-watch-alt:before{content:\"\\ef31\"}.ez-icon-watch:before{content:\"\\ef32\"}.ez-icon-water-drop-slash:before{content:\"\\ef33\"}.ez-icon-water-glass:before{content:\"\\ef34\"}.ez-icon-water:before{content:\"\\ef35\"}.ez-icon-web-grid-alt:before{content:\"\\ef36\"}.ez-icon-web-grid:before{content:\"\\ef37\"}.ez-icon-web-section-alt:before{content:\"\\ef38\"}.ez-icon-web-section:before{content:\"\\ef39\"}.ez-icon-webcam:before{content:\"\\ef3a\"}.ez-icon-weight:before{content:\"\\ef3b\"}.ez-icon-whatsapp-alt:before{content:\"\\ef3c\"}.ez-icon-whatsapp:before{content:\"\\ef3d\"}.ez-icon-whatshot:before{content:\"\\ef3e\"}.ez-icon-wheel-barrow:before{content:\"\\ef3f\"}.ez-icon-wheelchair-alt:before{content:\"\\ef40\"}.ez-icon-wheelchair:before{content:\"\\ef41\"}.ez-icon-wifi-router:before{content:\"\\ef42\"}.ez-icon-wifi-slash:before{content:\"\\ef43\"}.ez-icon-wifi:before{content:\"\\ef44\"}.ez-icon-wind-moon:before{content:\"\\ef45\"}.ez-icon-wind-sun:before{content:\"\\ef46\"}.ez-icon-wind:before{content:\"\\ef47\"}.ez-icon-window-grid:before{content:\"\\ef48\"}.ez-icon-window-maximize:before{content:\"\\ef49\"}.ez-icon-window-restore:before{content:\"\\ef4a\"}.ez-icon-window-section:before{content:\"\\ef4b\"}.ez-icon-window:before{content:\"\\ef4c\"}.ez-icon-windows:before{content:\"\\ef4d\"}.ez-icon-windsock:before{content:\"\\ef4e\"}.ez-icon-windy:before{content:\"\\ef4f\"}.ez-icon-wordpress-simple:before{content:\"\\ef50\"}.ez-icon-wordpress:before{content:\"\\ef51\"}.ez-icon-wrap-text:before{content:\"\\ef52\"}.ez-icon-wrench:before{content:\"\\ef53\"}.ez-icon-x-add:before{content:\"\\ef54\"}.ez-icon-x:before{content:\"\\ef55\"}.ez-icon-xlsx:before{content:\"\\ef56\"}.ez-icon-yen-circle:before{content:\"\\ef57\"}.ez-icon-yen:before{content:\"\\ef58\"}.ez-icon-yin-yang:before{content:\"\\ef59\"}.ez-icon-youtube:before{content:\"\\ef5a\"}.ez-icon-zip:before{content:\"\\ef5b\"}.x-small--font{font-size:var(--font-size--small, 12px);line-height:var(--line-height--16, 16px)}.small--font{font-size:var(--font-size--medium, 16px);line-height:var(--line-height--20, 20px)}.medium--font{font-size:var(--font-size--xlarge, 20px);line-height:var(--line-height--24, 24px)}.large--font{font-size:var(--font-size--xxxlarge, 24px);line-height:var(--line-height--28, 28px)}.x-large--font{font-size:var(--font-size--6xlarge, 30px);line-height:var(--line-height--34, 34px)}";
|
|
79842
82205
|
|
|
79843
82206
|
const EzIcon$1 = class extends HTMLElement$1 {
|
|
79844
82207
|
constructor() {
|
|
@@ -79882,6 +82245,154 @@ const EzIcon$1 = class extends HTMLElement$1 {
|
|
|
79882
82245
|
static get style() { return ezIconCss; }
|
|
79883
82246
|
};
|
|
79884
82247
|
|
|
82248
|
+
const ezImageInputCss = ":host{display:block;--ez-image-input--container-height:200px;--ez-image-input--container-width:280px;--ez-image-input--background-color:var(--color--gray-80);--ez-image-input--border-color:var(--color--gray-200);--ez-image-input--border-color-hover:var(--color--ocean-green-600);--ez-image-input--border-color-dragging:var(--color--ocean-green-500);--ez-image-input--border-color-disabled:var(--color--gray-200);--ez-image-input--label-color:var(--color--petroleum-900);--ez-image-input--icon-color:var(--color--gray-400);--ez-image-input--border-radius:var(--border--radius-24);--ez-image-input--border-width:2px;--ez-image-input--remove-button-bg:var(--color--red-600);--ez-image-input--remove-button-bg-hover:var(--color--red-700);--ez-image-input--remove-button-color:var(--color--gray-70);--ez-image-input--remove-button-border:1px solid var(--color--red-700)}.image-input__container{display:flex;align-items:center;justify-content:center;position:relative;height:var(--ez-image-input--container-height);width:var(--ez-image-input--container-width);border:var(--ez-image-input--border-width) dashed var(--ez-image-input--border-color);border-radius:var(--ez-image-input--border-radius);background-color:var(--ez-image-input--background-color);cursor:pointer;transition:all 0.3s ease;overflow:hidden}.image-input__container:hover:not(.image-input__container--disabled){border-color:var(--ez-image-input--border-color-hover)}.image-input__container--dragging{border-color:var(--ez-image-input--border-color-dragging);background-color:var(--color--ocean-green-90)}.image-input__container--disabled{cursor:not-allowed;opacity:0.6;border-color:var(--ez-image-input--border-color-disabled)}.image-input__container--has-image{border-style:solid;padding:var(--space--0)}.image-input__file-input{display:none}.image-input__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space--16);padding:var(--space--24);text-align:center}.image-input__dropzone ez-icon{color:var(--ez-image-input--icon-color)}.image-input__label{font-family:var(--font--pattern);font-size:var(--font-size--default);font-weight:var(--font-weight--medium);color:var(--ez-image-input--label-color);line-height:var(--line-height--20)}.image-input__preview{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.image-input__image{height:100%;object-fit:cover;border-radius:calc(var(--ez-image-input--border-radius) - var(--ez-image-input--border-width))}ez-button{--ez-button--background-color:var(--ez-image-input--remove-button-bg);--ez-button--hover--background-color:var(--ez-image-input--remove-button-bg-hover);--ez-button--color:var(--ez-image-input--remove-button-color);--ez-button--border:var(--ez-image-input--remove-button-border);--ez-button--hover--border:var(--ez-image-input--remove-button-border)}.image-input__remove-button{position:absolute;top:var(--space--8);right:var(--space--8);display:flex;align-items:center;justify-content:center}.image-input__popup-content{display:flex;align-items:center;justify-content:center;padding:var(--space--16);height:100%}.image-input__popup-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:var(--border--radius-8)}.image-input__image{height:100%;object-fit:cover;border-radius:calc(var(--ez-image-input--border-radius) - var(--ez-image-input--border-width));cursor:pointer;transition:transform 0.2s ease}.image-input__image:hover{transform:scale(1.02)}ez-skeleton{--skeleton-width:var(--ez-image-input--container-width);--skeleton-height:var(--ez-image-input--container-height)}";
|
|
82249
|
+
|
|
82250
|
+
const EzImageInput$1 = class extends HTMLElement$1 {
|
|
82251
|
+
constructor() {
|
|
82252
|
+
super();
|
|
82253
|
+
this.__registerHost();
|
|
82254
|
+
this.__attachShadow();
|
|
82255
|
+
this.ezChange = createEvent(this, "ezChange", 7);
|
|
82256
|
+
this.ezError = createEvent(this, "ezError", 7);
|
|
82257
|
+
this.handleFileSelect = (event) => {
|
|
82258
|
+
const input = event.target;
|
|
82259
|
+
if (input.files && input.files[0]) {
|
|
82260
|
+
this.processFile(input.files[0]);
|
|
82261
|
+
}
|
|
82262
|
+
};
|
|
82263
|
+
this.handleDrop = (event) => {
|
|
82264
|
+
var _a;
|
|
82265
|
+
event.preventDefault();
|
|
82266
|
+
event.stopPropagation();
|
|
82267
|
+
this._isDragging = false;
|
|
82268
|
+
if (!this.enabled)
|
|
82269
|
+
return;
|
|
82270
|
+
const files = (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.files;
|
|
82271
|
+
if (files && files[0]) {
|
|
82272
|
+
this.processFile(files[0]);
|
|
82273
|
+
}
|
|
82274
|
+
};
|
|
82275
|
+
this.handleDragOver = (event) => {
|
|
82276
|
+
event.preventDefault();
|
|
82277
|
+
event.stopPropagation();
|
|
82278
|
+
if (this.enabled) {
|
|
82279
|
+
this._isDragging = true;
|
|
82280
|
+
}
|
|
82281
|
+
};
|
|
82282
|
+
this.handleDragLeave = (event) => {
|
|
82283
|
+
event.preventDefault();
|
|
82284
|
+
event.stopPropagation();
|
|
82285
|
+
this._isDragging = false;
|
|
82286
|
+
};
|
|
82287
|
+
this.handleRemoveImage = (event) => {
|
|
82288
|
+
event.stopPropagation();
|
|
82289
|
+
this.value = undefined;
|
|
82290
|
+
this._hasImage = false;
|
|
82291
|
+
if (this._inputElem) {
|
|
82292
|
+
this._inputElem.value = '';
|
|
82293
|
+
}
|
|
82294
|
+
this.ezChange.emit('');
|
|
82295
|
+
};
|
|
82296
|
+
this.handleClickDropZone = () => {
|
|
82297
|
+
var _a;
|
|
82298
|
+
if (this.enabled && !this._hasImage) {
|
|
82299
|
+
(_a = this._inputElem) === null || _a === void 0 ? void 0 : _a.click();
|
|
82300
|
+
}
|
|
82301
|
+
};
|
|
82302
|
+
this.handleImageClick = (event) => {
|
|
82303
|
+
event.stopPropagation();
|
|
82304
|
+
if (this._hasImage && this.value) {
|
|
82305
|
+
this._showImagePopup = true;
|
|
82306
|
+
}
|
|
82307
|
+
};
|
|
82308
|
+
this.handlePopupAction = (event) => {
|
|
82309
|
+
const action = event.detail;
|
|
82310
|
+
if (action === 'CANCEL' || action === 'OK') {
|
|
82311
|
+
this.handleClosePopup();
|
|
82312
|
+
}
|
|
82313
|
+
};
|
|
82314
|
+
this.handleClosePopup = () => {
|
|
82315
|
+
this._showImagePopup = false;
|
|
82316
|
+
};
|
|
82317
|
+
this.enabled = true;
|
|
82318
|
+
this.label = undefined;
|
|
82319
|
+
this.name = undefined;
|
|
82320
|
+
this.value = undefined;
|
|
82321
|
+
this.maxFileSize = 20 * 1024 * 1024;
|
|
82322
|
+
this.accept = 'image/*';
|
|
82323
|
+
this.loading = false;
|
|
82324
|
+
this._hasImage = false;
|
|
82325
|
+
this._isDragging = false;
|
|
82326
|
+
this._showImagePopup = false;
|
|
82327
|
+
}
|
|
82328
|
+
onValueChange(newValue, oldValue) {
|
|
82329
|
+
if (newValue !== oldValue) {
|
|
82330
|
+
this._hasImage = !!newValue;
|
|
82331
|
+
}
|
|
82332
|
+
if (!newValue && this._inputElem) {
|
|
82333
|
+
this._inputElem.value = '';
|
|
82334
|
+
}
|
|
82335
|
+
}
|
|
82336
|
+
addInfoId() {
|
|
82337
|
+
if (this._element) {
|
|
82338
|
+
ElementIDUtils.addIDInfo(this._element);
|
|
82339
|
+
}
|
|
82340
|
+
if (this._inputElem) {
|
|
82341
|
+
const dataInfo = { id: 'embedded' };
|
|
82342
|
+
ElementIDUtils.addIDInfo(this._inputElem, 'image-input', dataInfo);
|
|
82343
|
+
}
|
|
82344
|
+
}
|
|
82345
|
+
processFile(file) {
|
|
82346
|
+
// Validar tipo de arquivo
|
|
82347
|
+
if (!file.type.startsWith('image/')) {
|
|
82348
|
+
const errorMsg = this.i18n('ez-image-input.invalidFileType');
|
|
82349
|
+
this.ezError.emit(errorMsg);
|
|
82350
|
+
return;
|
|
82351
|
+
}
|
|
82352
|
+
// Validar tamanho do arquivo
|
|
82353
|
+
if (this.maxFileSize && file.size > this.maxFileSize) {
|
|
82354
|
+
const maxSizeMB = (this.maxFileSize / (1024 * 1024)).toFixed(2);
|
|
82355
|
+
const errorMsg = this.i18n('ez-image-input.fileTooLarge', { maxSize: `${maxSizeMB}MB` });
|
|
82356
|
+
this.ezError.emit(errorMsg);
|
|
82357
|
+
return;
|
|
82358
|
+
}
|
|
82359
|
+
// Converter para base64
|
|
82360
|
+
const reader = new FileReader();
|
|
82361
|
+
reader.onload = (e) => {
|
|
82362
|
+
var _a;
|
|
82363
|
+
const base64 = (_a = e.target) === null || _a === void 0 ? void 0 : _a.result;
|
|
82364
|
+
this.value = base64;
|
|
82365
|
+
this._hasImage = true;
|
|
82366
|
+
this.ezChange.emit(base64);
|
|
82367
|
+
};
|
|
82368
|
+
reader.readAsDataURL(file);
|
|
82369
|
+
}
|
|
82370
|
+
async componentWillLoad() {
|
|
82371
|
+
this.i18n = await initI18n();
|
|
82372
|
+
this._hasImage = !!this.value;
|
|
82373
|
+
}
|
|
82374
|
+
componentDidLoad() {
|
|
82375
|
+
this.addInfoId();
|
|
82376
|
+
}
|
|
82377
|
+
render() {
|
|
82378
|
+
if (this.loading) {
|
|
82379
|
+
return (h(Host, null, h("ez-skeleton", { width: "280px", height: '200px' })));
|
|
82380
|
+
}
|
|
82381
|
+
const dropZoneLabel = this.label || this.i18n('ez-image-input.defaultLabel');
|
|
82382
|
+
return (h(Host, null, h("div", { class: {
|
|
82383
|
+
'image-input__container': true,
|
|
82384
|
+
'image-input__container--disabled': !this.enabled,
|
|
82385
|
+
'image-input__container--dragging': this._isDragging,
|
|
82386
|
+
'image-input__container--has-image': this._hasImage
|
|
82387
|
+
}, "data-enabled": this.enabled.toString(), "data-has-image": this._hasImage.toString(), onClick: this.handleClickDropZone, onDrop: this.handleDrop, onDragOver: this.handleDragOver, onDragLeave: this.handleDragLeave, role: "button", "aria-label": dropZoneLabel, tabindex: this.enabled ? 0 : -1 }, h("input", { ref: (el) => (this._inputElem = el), type: "file", accept: this.accept, name: this.name, disabled: !this.enabled, onChange: this.handleFileSelect, class: "image-input__file-input", "aria-hidden": "true" }), this._hasImage && this.value ? (h("div", { class: "image-input__preview" }, h("img", { src: this.value, alt: this.i18n('ez-image-input.imageAlt'), class: "image-input__image", onClick: this.handleImageClick }), this.enabled && (h("ez-button", { class: "image-input__remove-button", variant: "primary", type: "button", mode: "icon", size: "small", iconName: "trash-alt", onClick: this.handleRemoveImage, "aria-label": this.i18n('ez-image-input.removeImage'), title: this.i18n('ez-image-input.removeImage') })))) : (h("div", { class: "image-input__dropzone" }, h("ez-icon", { iconName: "image", size: "x-large" }), h("span", { class: "image-input__label" }, dropZoneLabel)))), h("ez-popup", { opened: this._showImagePopup, ezTitle: this.i18n('ez-image-input.imagePreview'), size: "large", heightMode: "auto", onEzPopupAction: this.handlePopupAction, onEzClosePopup: this.handleClosePopup }, h("div", { class: "image-input__popup-content" }, h("img", { src: this.value, alt: this.i18n('ez-image-input.imageAlt'), class: "image-input__popup-image" })))));
|
|
82388
|
+
}
|
|
82389
|
+
get _element() { return this; }
|
|
82390
|
+
static get watchers() { return {
|
|
82391
|
+
"value": ["onValueChange"]
|
|
82392
|
+
}; }
|
|
82393
|
+
static get style() { return ezImageInputCss; }
|
|
82394
|
+
};
|
|
82395
|
+
|
|
79885
82396
|
const RICH_TOOLBAR_COMMANDS = {
|
|
79886
82397
|
PREVIEW: 'preview',
|
|
79887
82398
|
UNDO: 'undo',
|
|
@@ -83577,7 +86088,7 @@ const EzRichText$1 = class extends HTMLElement$1 {
|
|
|
83577
86088
|
this.historyIndex = -1;
|
|
83578
86089
|
this.previewMode = false;
|
|
83579
86090
|
this.showPreview = true;
|
|
83580
|
-
this.value =
|
|
86091
|
+
this.value = undefined;
|
|
83581
86092
|
this.label = undefined;
|
|
83582
86093
|
this.mode = "regular";
|
|
83583
86094
|
this.enabled = true;
|
|
@@ -91543,6 +94054,42 @@ const EzTextInput$1 = class extends HTMLElement$1 {
|
|
|
91543
94054
|
this._inputElem.classList.add("input__slim--noborder");
|
|
91544
94055
|
}
|
|
91545
94056
|
}
|
|
94057
|
+
buildMaskFormatter() {
|
|
94058
|
+
if (this.mask) {
|
|
94059
|
+
const maskToBuilder = this.getMaskToBuilder();
|
|
94060
|
+
this._maskFormatter = maskToBuilder ? new MaskFormatter$1(maskToBuilder) : undefined;
|
|
94061
|
+
}
|
|
94062
|
+
}
|
|
94063
|
+
getMaskToBuilder() {
|
|
94064
|
+
if (this.mask === 'cgc_cpf') {
|
|
94065
|
+
return this.getCGCCpfMask();
|
|
94066
|
+
}
|
|
94067
|
+
if (this.mask === 'phone') {
|
|
94068
|
+
return this.getPhoneMask();
|
|
94069
|
+
}
|
|
94070
|
+
if (this.mask in MaskFormatter$1.DEFAULT_MASKS) {
|
|
94071
|
+
return MaskFormatter$1.DEFAULT_MASKS[this.mask];
|
|
94072
|
+
}
|
|
94073
|
+
return this.mask;
|
|
94074
|
+
}
|
|
94075
|
+
getPhoneMask() {
|
|
94076
|
+
if (this.value && this.value.length === 10) {
|
|
94077
|
+
return MaskFormatter$1.DEFAULT_MASKS ? MaskFormatter$1.DEFAULT_MASKS.phone : undefined;
|
|
94078
|
+
}
|
|
94079
|
+
if (this.value && this.value.length === 11) {
|
|
94080
|
+
return MaskFormatter$1.DEFAULT_MASKS ? MaskFormatter$1.DEFAULT_MASKS.phone_mobile : undefined;
|
|
94081
|
+
}
|
|
94082
|
+
return undefined;
|
|
94083
|
+
}
|
|
94084
|
+
getCGCCpfMask() {
|
|
94085
|
+
if (this.value && this.value.length === 11) {
|
|
94086
|
+
return MaskFormatter$1.DEFAULT_MASKS ? MaskFormatter$1.DEFAULT_MASKS.cpf : undefined;
|
|
94087
|
+
}
|
|
94088
|
+
if (this.value && this.value.length === 14) {
|
|
94089
|
+
return MaskFormatter$1.DEFAULT_MASKS ? MaskFormatter$1.DEFAULT_MASKS.cnpj : undefined;
|
|
94090
|
+
}
|
|
94091
|
+
return undefined;
|
|
94092
|
+
}
|
|
91546
94093
|
//---------------------------------------------
|
|
91547
94094
|
// Public methods
|
|
91548
94095
|
//---------------------------------------------
|
|
@@ -91766,6 +94313,7 @@ const EzTextInput$1 = class extends HTMLElement$1 {
|
|
|
91766
94313
|
}
|
|
91767
94314
|
componentDidRender() {
|
|
91768
94315
|
this.adjustFloatingLabel();
|
|
94316
|
+
this.buildMaskFormatter();
|
|
91769
94317
|
}
|
|
91770
94318
|
render() {
|
|
91771
94319
|
ElementIDUtils.addIDInfoIfNotExists(this._hostElement, 'input');
|
|
@@ -93916,6 +96464,7 @@ const SearchList$1 = class extends HTMLElement$1 {
|
|
|
93916
96464
|
};
|
|
93917
96465
|
|
|
93918
96466
|
globalScripts();
|
|
96467
|
+
const ClassicSearchList = /*@__PURE__*/proxyCustomElement(ClassicSearchList$1, [1,"classic-search-list",{"showLoading":[4,"show-loading"],"visibleOptions":[16],"textEmptyList":[1,"text-empty-list"],"canShowListOptions":[4,"can-show-list-options"],"value":[1],"showOptionValue":[4,"show-option-value"],"preSelection":[2,"pre-selection"]}]);
|
|
93919
96468
|
const EzActionsButton = /*@__PURE__*/proxyCustomElement(EzActionsButton$1, [1,"ez-actions-button",{"enabled":[516],"actions":[1040],"size":[513],"showLabel":[516,"show-label"],"displayIcon":[513,"display-icon"],"checkOption":[516,"check-option"],"value":[513],"isTransparent":[516,"is-transparent"],"arrowActive":[516,"arrow-active"],"_selectedAction":[32]}]);
|
|
93920
96469
|
const EzAlert = /*@__PURE__*/proxyCustomElement(EzAlert$1, [1,"ez-alert",{"alertType":[513,"alert-type"]}]);
|
|
93921
96470
|
const EzAlertList = /*@__PURE__*/proxyCustomElement(EzAlertList$1, [1,"ez-alert-list",{"alerts":[1040],"enableDragAndDrop":[516,"enable-drag-and-drop"],"enableExpand":[516,"enable-expand"],"itemRightSlotBuilder":[16],"opened":[1540],"expanded":[1540],"_container":[32]}]);
|
|
@@ -93929,9 +96478,16 @@ const EzCardItem = /*@__PURE__*/proxyCustomElement(EzCardItem$1, [1,"ez-card-ite
|
|
|
93929
96478
|
const EzChart = /*@__PURE__*/proxyCustomElement(EzChart$1, [1,"ez-chart",{"type":[1],"xAxis":[16],"yAxis":[16],"chartTitle":[1,"chart-title"],"chartSubTitle":[1,"chart-sub-title"],"legendEnabled":[4,"legend-enabled"],"series":[16],"width":[2],"height":[2]}]);
|
|
93930
96479
|
const EzCheck = /*@__PURE__*/proxyCustomElement(EzCheck$1, [1,"ez-check",{"label":[513],"alternativePlaceholder":[513,"alternative-placeholder"],"value":[1540],"enabled":[1540],"indeterminate":[1540],"mode":[513],"compact":[4]}]);
|
|
93931
96480
|
const EzChip = /*@__PURE__*/proxyCustomElement(EzChip$1, [1,"ez-chip",{"label":[513],"enabled":[516],"removePosition":[513,"remove-position"],"mode":[513],"value":[1540],"showNativeTooltip":[4,"show-native-tooltip"],"disableAutoUpdateValue":[4,"disable-auto-update-value"],"maxWidth":[1,"max-width"],"size":[1],"iconNameLeft":[1,"icon-name-left"],"iconNameRight":[1,"icon-name-right"],"type":[1],"tabIndex":[2,"tab-index"],"removeWithKeyboard":[4,"remove-with-keyboard"],"_isOverflowing":[32]}]);
|
|
93932
|
-
const EzClassicComboBox = /*@__PURE__*/proxyCustomElement(EzClassicComboBox$1, [1,"ez-classic-combo-box",{"value":[
|
|
93933
|
-
const
|
|
96481
|
+
const EzClassicComboBox = /*@__PURE__*/proxyCustomElement(EzClassicComboBox$1, [1,"ez-classic-combo-box",{"value":[1537],"label":[1],"placeholder":[1025],"enabled":[4],"required":[4],"readonly":[4],"name":[1],"state":[1],"size":[1],"helpText":[1,"help-text"],"iconName":[1,"icon-name"],"titleIcon":[1,"title-icon"],"iconClickable":[4,"icon-clickable"],"suppressSearch":[4,"suppress-search"],"options":[16],"textEmptyOption":[1,"text-empty-option"],"suppressEmptyOption":[4,"suppress-empty-option"],"popoverVisible":[32],"hasSlotContent":[32],"highlightedIndex":[32],"filteredOptions":[32],"inputValue":[32]}]);
|
|
96482
|
+
const EzClassicDateInput = /*@__PURE__*/proxyCustomElement(EzClassicDateInput$1, [1,"ez-classic-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513],"size":[1],"required":[4],"canShowError":[516,"can-show-error"],"autoFocus":[4,"auto-focus"],"alternativePlaceholder":[513,"alternative-placeholder"]}]);
|
|
96483
|
+
const EzClassicDateTimeInput = /*@__PURE__*/proxyCustomElement(EzClassicDateTimeInput$1, [1,"ez-classic-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"size":[1],"required":[4],"canShowError":[516,"can-show-error"],"autoFocus":[4,"auto-focus"],"alternativePlaceholder":[513,"alternative-placeholder"]}]);
|
|
96484
|
+
const EzClassicInput = /*@__PURE__*/proxyCustomElement(EzClassicInput$1, [1,"ez-classic-input",{"type":[1],"value":[1537],"label":[1],"helpText":[1,"help-text"],"errorMessage":[1,"error-message"],"placeholder":[1537],"enabled":[4],"readonly":[4],"required":[4],"name":[1],"size":[1],"minlength":[2],"maxlength":[2],"leftIconName":[1,"left-icon-name"],"rightIconName":[1,"right-icon-name"],"rightIconTooltip":[1,"right-icon-tooltip"],"leftIconTooltip":[1,"left-icon-tooltip"],"state":[1],"leftIconClickable":[4,"left-icon-clickable"],"rightIconClickable":[4,"right-icon-clickable"],"mask":[1],"emitMaskedValue":[4,"emit-masked-value"]}]);
|
|
96485
|
+
const EzClassicNumberInput = /*@__PURE__*/proxyCustomElement(EzClassicNumberInput$1, [1,"ez-classic-number-input",{"label":[1],"value":[1538],"enabled":[4],"required":[4],"canShowError":[516,"can-show-error"],"errorMessage":[1537,"error-message"],"allowNegative":[4,"allow-negative"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513],"size":[1],"autoFocus":[4,"auto-focus"],"alternativePlaceholder":[1,"alternative-placeholder"],"_value":[32]}]);
|
|
96486
|
+
const EzClassicSearch = /*@__PURE__*/proxyCustomElement(EzClassicSearch$1, [1,"ez-classic-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"size":[1],"optionLoader":[16],"contextProperties":[8,"context-properties"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"stopPropagateEnterKeyEvent":[4,"stop-propagate-enter-key-event"],"mode":[513],"classic":[516],"required":[4],"canShowError":[516,"can-show-error"],"hideErrorOnFocusOut":[4,"hide-error-on-focus-out"],"listOptionsPosition":[16],"isTextSearch":[4,"is-text-search"],"ignoreLimitCharsToSearch":[4,"ignore-limit-chars-to-search"],"options":[1040],"suppressSearch":[4,"suppress-search"],"ensureClearButtonVisible":[4,"ensure-clear-button-visible"],"suppressPreLoad":[4,"suppress-pre-load"],"autoFocus":[4,"auto-focus"],"alternativePlaceholder":[513,"alternative-placeholder"],"showMore":[4,"show-more"],"suppressInputPersist":[1028,"suppress-input-persist"],"hideDescriptionInput":[1540,"hide-description-input"],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32]}]);
|
|
96487
|
+
const EzClassicSearchPlus = /*@__PURE__*/proxyCustomElement(EzClassicSearchPlus$1, [1,"ez-classic-search-plus",{"value":[1537],"enabled":[1540],"disableCodeInput":[1540,"disable-code-input"],"disableDescriptionInput":[1540,"disable-description-input"],"label":[1537],"hideDescriptionInput":[1540,"hide-description-input"],"canShowError":[516,"can-show-error"],"errorMessage":[1537,"error-message"],"mode":[513],"size":[1],"required":[4],"contextProperties":[8,"context-properties"],"optionLoader":[16],"showOptionValue":[4,"show-option-value"],"stopPropagateEnterKeyEvent":[4,"stop-propagate-enter-key-event"],"autoFocus":[4,"auto-focus"],"showSelectedValue":[4,"show-selected-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"hideErrorOnFocusOut":[4,"hide-error-on-focus-out"],"listOptionsPosition":[16],"isTextSearch":[4,"is-text-search"],"ignoreLimitCharsToSearch":[4,"ignore-limit-chars-to-search"],"suppressSearch":[4,"suppress-search"],"suppressPreLoad":[4,"suppress-pre-load"],"ensureClearButtonVisible":[4,"ensure-clear-button-visible"],"descriptionValue":[32],"codeValue":[32],"isLoadingDescription":[32],"searchDescriptionIsOpen":[32],"visibleOptions":[32],"showLoading":[32]}]);
|
|
96488
|
+
const EzClassicSearchResultList = /*@__PURE__*/proxyCustomElement(EzClassicSearchResultList$1, [1,"ez-classic-search-result-list",{"showLoading":[4,"show-loading"],"visibleOptions":[16],"value":[1],"showOptionValue":[4,"show-option-value"],"_preSelection":[32]}]);
|
|
93934
96489
|
const EzClassicTextArea = /*@__PURE__*/proxyCustomElement(EzClassicTextArea$1, [1,"ez-classic-text-area",{"name":[1],"label":[1],"placeholder":[1],"value":[1],"helpText":[1,"help-text"],"state":[1],"enabled":[4],"readonly":[4],"maxlength":[2],"resize":[1],"leftIconName":[1,"left-icon-name"],"rightIconName":[1,"right-icon-name"],"rightIconTooltip":[1,"right-icon-tooltip"],"leftIconTooltip":[1,"left-icon-tooltip"],"leftIconClickable":[4,"left-icon-clickable"],"rightIconClickable":[4,"right-icon-clickable"],"rows":[2]}]);
|
|
96490
|
+
const EzClassicTimeInput = /*@__PURE__*/proxyCustomElement(EzClassicTimeInput$1, [1,"ez-classic-time-input",{"label":[513],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513],"size":[1],"required":[4],"canShowError":[516,"can-show-error"],"autoFocus":[4,"auto-focus"],"alternativePlaceholder":[1,"alternative-placeholder"]}]);
|
|
93935
96491
|
const EzCollapsibleBox = /*@__PURE__*/proxyCustomElement(EzCollapsibleBox$1, [1,"ez-collapsible-box",{"value":[1540],"boxBordered":[4,"box-bordered"],"label":[513],"subtitle":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"headerAlign":[513,"header-align"],"removable":[516],"editable":[516],"conditionalSave":[16],"_activeEditText":[32]}]);
|
|
93936
96492
|
const EzComboBox = /*@__PURE__*/proxyCustomElement(EzComboBox$1, [1,"ez-combo-box",{"limitCharsToSearch":[2,"limit-chars-to-search"],"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"stopPropagateEnterKeyEvent":[4,"stop-propagate-enter-key-event"],"canShowError":[516,"can-show-error"],"mode":[513],"hideErrorOnFocusOut":[4,"hide-error-on-focus-out"],"listOptionsPosition":[16],"isTextSearch":[4,"is-text-search"],"autoFocus":[4,"auto-focus"],"preventAutoFocus":[4,"prevent-auto-focus"],"alternativePlaceholder":[513,"alternative-placeholder"],"textEmptyOption":[1,"text-empty-option"],"isOpen":[32],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32]}]);
|
|
93937
96493
|
const EzComboBoxList = /*@__PURE__*/proxyCustomElement(EzComboBoxList$1, [1,"ez-combo-box-list",{"showLoading":[4,"show-loading"],"visibleOptions":[16],"textEmptyList":[1,"text-empty-list"],"showOptionValue":[4,"show-option-value"],"preSelection":[2,"pre-selection"],"maxWidth":[2,"max-width"],"width":[2],"onOptionSelect":[16],"onOptionHover":[16]},[[0,"keydown","handleKeyDown"]]]);
|
|
@@ -93944,12 +96500,13 @@ const EzDropdown = /*@__PURE__*/proxyCustomElement(EzDropdown$1, [1,"ez-dropdown
|
|
|
93944
96500
|
const EzEmptyCard = /*@__PURE__*/proxyCustomElement(EzEmptyCard$1, [1,"ez-empty-card",{"color":[513],"height":[514],"width":[514]}]);
|
|
93945
96501
|
const EzFileItem = /*@__PURE__*/proxyCustomElement(EzFileItem$1, [1,"ez-file-item",{"canRemove":[4,"can-remove"],"fileName":[1,"file-name"],"iconName":[1,"icon-name"],"fileSize":[2,"file-size"],"progress":[2]}]);
|
|
93946
96502
|
const EzFilterInput = /*@__PURE__*/proxyCustomElement(EzFilterInput$1, [1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513],"asyncSearch":[516,"async-search"],"canShowError":[516,"can-show-error"],"autoFocus":[4,"auto-focus"]}]);
|
|
93947
|
-
const EzForm = /*@__PURE__*/proxyCustomElement(EzForm$1, [2,"ez-form",{"dataUnit":[1040],"config":[16],"recordsValidator":[16],"fieldToFocus":[1,"field-to-focus"],"onlyStaticFields":[4,"only-static-fields"],"useSearchField":[4,"use-search-field"],"elementFocusSearchField":[16],"_fieldsProps":[32],"_singleColumn":[32]}]);
|
|
93948
|
-
const EzFormView = /*@__PURE__*/proxyCustomElement(EzFormView$1, [2,"ez-form-view",{"fields":[16],"selectedRecord":[16],"singleColumn":[4,"single-column"],"_customEditors":[32]}]);
|
|
96503
|
+
const EzForm = /*@__PURE__*/proxyCustomElement(EzForm$1, [2,"ez-form",{"dataUnit":[1040],"config":[16],"recordsValidator":[16],"fieldToFocus":[1,"field-to-focus"],"onlyStaticFields":[4,"only-static-fields"],"useSearchField":[4,"use-search-field"],"elementFocusSearchField":[16],"customUiBuilders":[16],"_fieldsProps":[32],"_singleColumn":[32],"_formLayout":[32]}]);
|
|
96504
|
+
const EzFormView = /*@__PURE__*/proxyCustomElement(EzFormView$1, [2,"ez-form-view",{"fields":[16],"selectedRecord":[16],"singleColumn":[4,"single-column"],"formLayout":[2,"form-layout"],"customUiBuilders":[16],"_customEditors":[32]}]);
|
|
93949
96505
|
const EzGrid = /*@__PURE__*/proxyCustomElement(EzGrid$1, [6,"ez-grid",{"enableLockManagerLoadingComp":[1028,"enable-lock-manager-loading-comp"],"enableLockManagerTaskbarClick":[4,"enable-lock-manager-taskbar-click"],"multipleSelection":[4,"multiple-selection"],"config":[1040],"selectionToastConfig":[16],"serverUrl":[1,"server-url"],"dataUnit":[16],"statusResolver":[16],"columnfilterDataSource":[16],"useEnterLikeTab":[4,"use-enter-like-tab"],"recordsValidator":[16],"canEdit":[1028,"can-edit"],"autoFocus":[4,"auto-focus"],"paginationCounterMode":[1,"pagination-counter-mode"],"enableGridInsert":[4,"enable-grid-insert"],"enableContinuousInsert":[4,"enable-continuous-insert"],"suppressCheckboxColumn":[1028,"suppress-checkbox-column"],"suppressFilterColumn":[1028,"suppress-filter-column"],"outlineMode":[4,"outline-mode"],"enableRowTableStriped":[4,"enable-row-table-striped"],"compact":[1028],"useSearchColumn":[4,"use-search-column"],"suppressHorizontalScroll":[4,"suppress-horizontal-scroll"],"mode":[513],"_paginationInfo":[32],"_paginationChangedByKeyboard":[32],"_showSelectionCounter":[32],"_isAllSelection":[32],"_currentPageSelected":[32],"_selectionCount":[32],"_hasLeftButtons":[32],"_customFormatters":[32]},[[0,"applyFilterColumnOptions","handleApplyFilterColumn"],[0,"ezSelectionChange","onSelectionChange"],[2,"click","handleClick"]]]);
|
|
93950
96506
|
const EzGridView = /*@__PURE__*/proxyCustomElement(EzGridView$1, [6,"ez-grid-view",{"metadata":[16],"records":[16],"columnsConfig":[1040],"pageSize":[2,"page-size"],"recordDateFormat":[1,"record-date-format"],"multipleSelection":[4,"multiple-selection"],"autoFocus":[4,"auto-focus"],"paginationCounterMode":[1,"pagination-counter-mode"],"suppressCheckboxColumn":[1028,"suppress-checkbox-column"],"suppressFilterColumn":[4,"suppress-filter-column"],"outlineMode":[4,"outline-mode"],"enableRowTableStriped":[4,"enable-row-table-striped"],"compact":[1028],"useSearchColumn":[4,"use-search-column"],"suppressHorizontalScroll":[4,"suppress-horizontal-scroll"],"inMemoryLoader":[32]}]);
|
|
93951
96507
|
const EzGuideNavigator = /*@__PURE__*/proxyCustomElement(EzGuideNavigator$1, [1,"ez-guide-navigator",{"open":[1540],"selectedId":[1537,"selected-id"],"items":[16],"tooltipResolver":[16],"filterText":[32]}]);
|
|
93952
96508
|
const EzIcon = /*@__PURE__*/proxyCustomElement(EzIcon$1, [1,"ez-icon",{"size":[513],"fontSize":[520,"font-size"],"href":[513],"iconName":[513,"icon-name"]}]);
|
|
96509
|
+
const EzImageInput = /*@__PURE__*/proxyCustomElement(EzImageInput$1, [1,"ez-image-input",{"enabled":[4],"label":[1],"name":[1],"value":[1025],"maxFileSize":[2,"max-file-size"],"accept":[1],"loading":[4],"_hasImage":[32],"_isDragging":[32],"_showImagePopup":[32]}]);
|
|
93953
96510
|
const EzLinkBuilder = /*@__PURE__*/proxyCustomElement(EzLinkBuilder$1, [2,"ez-link-builder",{"textToShow":[32],"link":[32],"openInNewGuide":[32]}]);
|
|
93954
96511
|
const EzList = /*@__PURE__*/proxyCustomElement(EzList$1, [2,"ez-list",{"dataSource":[1040],"listMode":[1,"list-mode"],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"itemLeftSlotBuilder":[1040],"hoverFeedback":[1028,"hover-feedback"],"enableMultipleSelection":[4,"enable-multiple-selection"],"enabled":[4],"_listItems":[32],"_listGroupItems":[32]}]);
|
|
93955
96512
|
const EzListItem = /*@__PURE__*/proxyCustomElement(EzListItem$1, [2,"ez-list-item",{"titleText":[513,"title-text"],"text":[513],"iconName":[513,"icon-name"]}]);
|
|
@@ -94005,7 +96562,8 @@ const SearchList = /*@__PURE__*/proxyCustomElement(SearchList$1, [1,"search-list
|
|
|
94005
96562
|
const defineCustomElements = (opts) => {
|
|
94006
96563
|
if (typeof customElements !== 'undefined') {
|
|
94007
96564
|
[
|
|
94008
|
-
|
|
96565
|
+
ClassicSearchList,
|
|
96566
|
+
EzActionsButton,
|
|
94009
96567
|
EzAlert,
|
|
94010
96568
|
EzAlertList,
|
|
94011
96569
|
EzApplication,
|
|
@@ -94019,8 +96577,15 @@ const defineCustomElements = (opts) => {
|
|
|
94019
96577
|
EzCheck,
|
|
94020
96578
|
EzChip,
|
|
94021
96579
|
EzClassicComboBox,
|
|
96580
|
+
EzClassicDateInput,
|
|
96581
|
+
EzClassicDateTimeInput,
|
|
94022
96582
|
EzClassicInput,
|
|
96583
|
+
EzClassicNumberInput,
|
|
96584
|
+
EzClassicSearch,
|
|
96585
|
+
EzClassicSearchPlus,
|
|
96586
|
+
EzClassicSearchResultList,
|
|
94023
96587
|
EzClassicTextArea,
|
|
96588
|
+
EzClassicTimeInput,
|
|
94024
96589
|
EzCollapsibleBox,
|
|
94025
96590
|
EzComboBox,
|
|
94026
96591
|
EzComboBoxList,
|
|
@@ -94039,6 +96604,7 @@ const defineCustomElements = (opts) => {
|
|
|
94039
96604
|
EzGridView,
|
|
94040
96605
|
EzGuideNavigator,
|
|
94041
96606
|
EzIcon,
|
|
96607
|
+
EzImageInput,
|
|
94042
96608
|
EzLinkBuilder,
|
|
94043
96609
|
EzList,
|
|
94044
96610
|
EzListItem,
|
|
@@ -94099,4 +96665,4 @@ const defineCustomElements = (opts) => {
|
|
|
94099
96665
|
}
|
|
94100
96666
|
};
|
|
94101
96667
|
|
|
94102
|
-
export { EzActionsButton, EzAlert, EzAlertList, EzApplication, EzAvatar, EzBadge, EzBreadcrumb, EzButton, EzCalendar, EzCardItem, EzChart, EzCheck, EzChip, EzClassicComboBox, EzClassicInput, EzClassicTextArea, EzCollapsibleBox, EzComboBox, EzComboBoxList, EzCustomFormInput, EzDateInput, EzDateTimeInput, EzDialog, EzDoubleList, EzDropdown, EzEmptyCard, EzFileItem, EzFilterInput, EzForm, EzFormView, EzGrid, EzGridView, EzGuideNavigator, EzIcon, EzLinkBuilder, EzList, EzListItem, EzLoadingBar, EzModal, EzModalContainer, EzMultiSelectionList, EzNumberInput, EzPagination, EzPopover, EzPopoverCore, EzPopoverPlus, EzPopup, EzProgressBar, EzRadioButton, EzRichText, EzRichToolbar, EzRichToolbarArrows, EzRichToolbarConfigs, EzRichToolbarItem, EzRichToolbarLetters, EzScroller, EzSearch, EzSearchPlus, EzSearchResultList, EzSidebarButton, EzSidebarNavigator, EzSimpleImageUploader, EzSkeleton, EzSortableList, EzSpinner, EzSplitButton, EzSplitItem, EzSplitPanel, EzTabselector, EzTag, EzTagInput, EzTextArea, EzTextEdit, EzTextInput, EzTile, EzTileMedium, EzTimeInput, EzToast, EzTooltip, EzTree, EzUnderface, EzUpload, EzViewStack, FilterColumn, MultiSelectionBoxMessage, SearchList, defineCustomElements };
|
|
96668
|
+
export { ClassicSearchList, EzActionsButton, EzAlert, EzAlertList, EzApplication, EzAvatar, EzBadge, EzBreadcrumb, EzButton, EzCalendar, EzCardItem, EzChart, EzCheck, EzChip, EzClassicComboBox, EzClassicDateInput, EzClassicDateTimeInput, EzClassicInput, EzClassicNumberInput, EzClassicSearch, EzClassicSearchPlus, EzClassicSearchResultList, EzClassicTextArea, EzClassicTimeInput, EzCollapsibleBox, EzComboBox, EzComboBoxList, EzCustomFormInput, EzDateInput, EzDateTimeInput, EzDialog, EzDoubleList, EzDropdown, EzEmptyCard, EzFileItem, EzFilterInput, EzForm, EzFormView, EzGrid, EzGridView, EzGuideNavigator, EzIcon, EzImageInput, EzLinkBuilder, EzList, EzListItem, EzLoadingBar, EzModal, EzModalContainer, EzMultiSelectionList, EzNumberInput, EzPagination, EzPopover, EzPopoverCore, EzPopoverPlus, EzPopup, EzProgressBar, EzRadioButton, EzRichText, EzRichToolbar, EzRichToolbarArrows, EzRichToolbarConfigs, EzRichToolbarItem, EzRichToolbarLetters, EzScroller, EzSearch, EzSearchPlus, EzSearchResultList, EzSidebarButton, EzSidebarNavigator, EzSimpleImageUploader, EzSkeleton, EzSortableList, EzSpinner, EzSplitButton, EzSplitItem, EzSplitPanel, EzTabselector, EzTag, EzTagInput, EzTextArea, EzTextEdit, EzTextInput, EzTile, EzTileMedium, EzTimeInput, EzToast, EzTooltip, EzTree, EzUnderface, EzUpload, EzViewStack, FilterColumn, MultiSelectionBoxMessage, SearchList, defineCustomElements };
|