udp-stencil-component-library 25.18.1-beta.6 → 25.18.1-beta.8
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/add-map-feature-popup_4.cjs.entry.js +12 -12
- package/dist/cjs/advanced-search_50.cjs.entry.js +169 -96
- package/dist/cjs/ag-grid-base_5.cjs.entry.js +5 -5
- package/dist/cjs/api-method-instance-grid.cjs.entry.js +1 -1
- package/dist/cjs/check-box.cjs.entry.js +2 -2
- package/dist/cjs/chip-section.cjs.entry.js +2 -2
- package/dist/cjs/client-side-grid_2.cjs.entry.js +3 -3
- package/dist/cjs/color-preview.cjs.entry.js +1 -1
- package/dist/cjs/date-time-renderer_6.cjs.entry.js +8 -8
- package/dist/cjs/entity-maintenance-grid.cjs.entry.js +1 -1
- package/dist/cjs/feature-details-card_2.cjs.entry.js +5 -5
- package/dist/cjs/image-upload_7.cjs.entry.js +6 -6
- package/dist/cjs/index-DrMNAZCL.js +4 -0
- package/dist/cjs/inputs-example.cjs.entry.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/map-component_2.cjs.entry.js +2 -2
- package/dist/cjs/numeric-field_5.cjs.entry.js +15 -15
- package/dist/cjs/page-renderer.cjs.entry.js +1 -1
- package/dist/cjs/question-configs-renderer_5.cjs.entry.js +14 -14
- package/dist/cjs/resource-timeline-calendar.cjs.entry.js +1 -1
- package/dist/cjs/search-method-grid.cjs.entry.js +1 -1
- package/dist/cjs/server-side-grid.cjs.entry.js +1 -1
- package/dist/cjs/simple-card.cjs.entry.js +1 -1
- package/dist/cjs/stencil-library.cjs.js +1 -1
- package/dist/cjs/udp-chip_3.cjs.entry.js +1 -1
- package/dist/cjs/udp-container-query-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/udp-container-query-grid.cjs.entry.js +1 -1
- package/dist/cjs/udp-container-query.cjs.entry.js +2 -2
- package/dist/cjs/udp-container.cjs.entry.js +2 -2
- package/dist/cjs/udp-date-range-selector.cjs.entry.js +1 -1
- package/dist/cjs/udp-dynamic-form.cjs.entry.js +1 -1
- package/dist/cjs/udp-forms-follow-up-list-card.cjs.entry.js +2 -2
- package/dist/cjs/udp-forms-list-card.cjs.entry.js +5 -5
- package/dist/cjs/udp-forms-list.cjs.entry.js +1 -1
- package/dist/cjs/udp-forms-renderer.cjs.entry.js +1 -1
- package/dist/cjs/udp-list-renderer.udp-pagination.udp-side-sheet.entry.cjs.js.map +1 -1
- package/dist/cjs/udp-list-renderer_3.cjs.entry.js +194 -5
- package/dist/cjs/udp-map.cjs.entry.js +3 -3
- package/dist/cjs/udp-page.cjs.entry.js +1 -1
- package/dist/cjs/udp-split-screen.cjs.entry.js +1 -1
- package/dist/cjs/udp-stepper-demo.cjs.entry.js +1 -1
- package/dist/cjs/udp-tab-panel.cjs.entry.js +22 -0
- package/dist/cjs/udp-tab-panel.entry.cjs.js.map +1 -0
- package/dist/cjs/udp-vertical-spacer.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/my-component/UI/data-display/icons/udp-icon.js +4 -1
- package/dist/collection/components/my-component/UI/data-display/icons/udp-icon.js.map +1 -1
- package/dist/collection/components/my-component/UI/data-display/kpi/kpi-list.js +1 -1
- package/dist/collection/components/my-component/UI/data-display/list-item/list-item.js +2 -2
- package/dist/collection/components/my-component/UI/data-display/pop-over/udp-pop-over.js +1 -1
- package/dist/collection/components/my-component/UI/data-display/pop-over-grid-action-header/udp-pop-over-grid-action-header.js +1 -1
- package/dist/collection/components/my-component/UI/data-display/primary-action-header/primary-action-header.js +2 -2
- package/dist/collection/components/my-component/UI/data-display/simple-card/simple-card.js +1 -1
- package/dist/collection/components/my-component/UI/data-display/tool-tip/udp-ambient-tool-tip.js +2 -2
- package/dist/collection/components/my-component/UI/data-display/tree/tree-list-item/search-item/search-list-item.js +1 -1
- package/dist/collection/components/my-component/UI/data-display/udp-avatar/udp-avatar.js +1 -1
- package/dist/collection/components/my-component/UI/dialogs/fluent-dialog/fluent-dialog.js +2 -2
- package/dist/collection/components/my-component/UI/dialogs/udp-dialog.js +1 -1
- package/dist/collection/components/my-component/UI/drawers/udp-side-sheet/types.js +2 -0
- package/dist/collection/components/my-component/UI/drawers/udp-side-sheet/types.js.map +1 -0
- package/dist/collection/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.css +163 -137
- package/dist/collection/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.js +269 -19
- package/dist/collection/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.js.map +1 -1
- package/dist/collection/components/my-component/UI/feedback/udp-notification/alerts/upd-alert-banner.js +1 -1
- package/dist/collection/components/my-component/UI/feedback/udp-notification/udp-notification.js +2 -2
- package/dist/collection/components/my-component/UI/forms/dynamic-form/udp-dynamic-form.js +1 -1
- package/dist/collection/components/my-component/UI/forms/edit-view-form/edit-view-form.js +2 -2
- package/dist/collection/components/my-component/UI/forms/form/stencil-form.js +1 -1
- package/dist/collection/components/my-component/UI/forms/save-view-form/save-view-form.js +2 -2
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/forms-question-item/udp-forms-builder-question-item.js +2 -2
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/file-upload-renderer/file-upload-renderer.js +2 -2
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/list-option-renderer/list-options-renderer.js +3 -3
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-configs-renderer/question-configs-renderer.js +6 -6
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/section-configs-renderer/section-configs-renderer.js +3 -3
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/signature-renderer/signature-renderer.js +1 -1
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/text-input-renderer/text-input-renderer.js +2 -2
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-menu/udp-forms-builder-menu.js +2 -2
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-style-override/udp-forms-builder-style-override.js +1 -1
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list-card/udp-forms-list-card.js +5 -5
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list.js +1 -1
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-follow-up-list-card/udp-forms-follow-up-list-card.js +2 -2
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-renderer/udp-forms-renderer.js +1 -1
- package/dist/collection/components/my-component/UI/grid/ag-table/ag-table.js +1 -1
- package/dist/collection/components/my-component/UI/grid/ambient-template-grid/ambient-template-grid.js +15 -15
- package/dist/collection/components/my-component/UI/grid/grid-primary-bar/grid-primary-bar.js +2 -2
- package/dist/collection/components/my-component/UI/grid/hotlists/udp-hotlist-form/udp-hotlist-form.js +1 -1
- package/dist/collection/components/my-component/UI/grid/new-grid/ag-grid-base.js +1 -1
- package/dist/collection/components/my-component/UI/grid/new-grid/api-method-instance-grid.js +1 -1
- package/dist/collection/components/my-component/UI/grid/new-grid/client-side-grid.js +1 -1
- package/dist/collection/components/my-component/UI/grid/new-grid/entity-maintenance-grid.js +1 -1
- package/dist/collection/components/my-component/UI/grid/new-grid/search-method-grid.js +1 -1
- package/dist/collection/components/my-component/UI/grid/new-grid/server-side-grid.js +1 -1
- package/dist/collection/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-calendar.js +1 -1
- package/dist/collection/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-primary-bar.js +2 -2
- package/dist/collection/components/my-component/UI/inputs/checkbox/check-box.js +2 -2
- package/dist/collection/components/my-component/UI/inputs/date-range-selector/udp-date-range-selector.js +1 -1
- package/dist/collection/components/my-component/UI/inputs/date-selector/udp-date-selector.js +3 -3
- package/dist/collection/components/my-component/UI/inputs/date-time-selector/udp-datetime-selector.js +3 -3
- package/dist/collection/components/my-component/UI/inputs/image-upload/image-upload.js +1 -1
- package/dist/collection/components/my-component/UI/inputs/numeric-field/numeric-field.js +3 -3
- package/dist/collection/components/my-component/UI/inputs/signature-input/signature-input.js +2 -2
- package/dist/collection/components/my-component/UI/inputs/tally/tally.js +2 -2
- package/dist/collection/components/my-component/UI/inputs/text-area/text-area.js +3 -3
- package/dist/collection/components/my-component/UI/inputs/text-field/text-field.js +3 -3
- package/dist/collection/components/my-component/UI/inputs/time-selector/udp-time-selector.js +3 -3
- package/dist/collection/components/my-component/UI/inputs/toggle/stencil-toggle.js +4 -4
- package/dist/collection/components/my-component/UI/inputs/udp-selector/udp-selector.js +4 -4
- package/dist/collection/components/my-component/UI/layout/udp-container/udp-container.js +2 -2
- package/dist/collection/components/my-component/UI/layout/udp-container-query/udp-container-query.js +2 -2
- package/dist/collection/components/my-component/UI/layout/udp-container-query-grid/udp-container-query-grid.js +1 -1
- package/dist/collection/components/my-component/UI/layout/udp-container-query-grid-item/udp-container-query-grid-item.js +1 -1
- package/dist/collection/components/my-component/UI/layout/udp-page/udp-page.js +1 -1
- package/dist/collection/components/my-component/UI/layout/udp-split-screen/udp-split-screen.js +1 -1
- package/dist/collection/components/my-component/UI/layout/udp-vertical-spacer.js +1 -1
- package/dist/collection/components/my-component/UI/loaders/udp-grid-loader/udp-grid-loader.js +2 -2
- package/dist/collection/components/my-component/UI/loaders/udp-linear-loader/udp-linear-loader.js +1 -1
- package/dist/collection/components/my-component/UI/loaders/udp-skeleton-loading.js +1 -1
- package/dist/collection/components/my-component/UI/map/udp-map/map-component.js +1 -1
- package/dist/collection/components/my-component/UI/map/udp-map/popups/add-map-feature-popup.js +3 -3
- package/dist/collection/components/my-component/UI/map/udp-map/popups/feature-details-card/feature-details-card.js +4 -4
- package/dist/collection/components/my-component/UI/map/udp-map/popups/feature-details-popup.js +1 -1
- package/dist/collection/components/my-component/UI/map/udp-map/popups/select-layer-popup.js +2 -2
- package/dist/collection/components/my-component/UI/map/udp-map/popups/split-line-popup.js +1 -1
- package/dist/collection/components/my-component/UI/map/udp-map/toolbar/map-toolbar.js +6 -6
- package/dist/collection/components/my-component/UI/map/udp-map/udp-map-toolbar.js +1 -1
- package/dist/collection/components/my-component/UI/map/udp-map/udp-map.js +3 -3
- package/dist/collection/components/my-component/UI/menu/menu-item/udp-menu-item.js +1 -1
- package/dist/collection/components/my-component/UI/menu/udp-menu.js +1 -1
- package/dist/collection/components/my-component/UI/stepper/udp-stepper-demo.js +1 -1
- package/dist/collection/components/my-component/UI/tabs/tab/tabs/udp-tabs.css +0 -5
- package/dist/collection/components/my-component/UI/tabs/tab/tabs/udp-tabs.js +170 -37
- package/dist/collection/components/my-component/UI/tabs/tab/tabs/udp-tabs.js.map +1 -1
- package/dist/collection/components/my-component/UI/tabs/tab/udp-tab.css +2 -4
- package/dist/collection/components/my-component/UI/tabs/tab/udp-tab.js +3 -3
- package/dist/collection/components/my-component/UI/tabs/tab/udp-tab.js.map +1 -1
- package/dist/collection/components/my-component/UI/tabs/udp-tab-panel/udp-tab-panel.css +11 -0
- package/dist/collection/components/my-component/UI/tabs/udp-tab-panel/udp-tab-panel.js +65 -0
- package/dist/collection/components/my-component/UI/tabs/udp-tab-panel/udp-tab-panel.js.map +1 -0
- package/dist/collection/components/my-component/UI/toolbars/app-bar/app-bar.js +1 -1
- package/dist/collection/components/my-component/UI/util/ghost-render/ghost-render.js +1 -1
- package/dist/collection/components/my-component/demo/ambient-demo-container.js +1 -1
- package/dist/collection/components/test-component/inputs-example/inputs-example.js +2 -2
- package/dist/collection/page-renderer/page-renderer.js +1 -1
- package/dist/collection/theme/color-preview/color-preview.js +1 -1
- package/dist/collection/udp-utilities/layout/udp-dynamic-container-with-menu/chip-section/chip-section.js +2 -2
- package/dist/collection/udp-utilities/layout/udp-dynamic-container-with-menu/udp-dynamic-container-with-menu.js +1 -1
- package/dist/components/add-map-feature-popup2.js +3 -3
- package/dist/components/ag-grid-base2.js +1 -1
- package/dist/components/ag-table2.js +1 -1
- package/dist/components/ambient-demo-container2.js +1 -1
- package/dist/components/ambient-template-grid2.js +15 -15
- package/dist/components/api-method-instance-grid.js +1 -1
- package/dist/components/app-bar2.js +1 -1
- package/dist/components/check-box2.js +2 -2
- package/dist/components/chip-section.js +2 -2
- package/dist/components/client-side-grid2.js +1 -1
- package/dist/components/color-preview.js +1 -1
- package/dist/components/edit-view-form.js +2 -2
- package/dist/components/entity-maintenance-grid.js +1 -1
- package/dist/components/feature-details-card2.js +4 -4
- package/dist/components/feature-details-popup2.js +1 -1
- package/dist/components/file-upload-renderer2.js +2 -2
- package/dist/components/fluent-dialog2.js +2 -2
- package/dist/components/ghost-render2.js +1 -1
- package/dist/components/grid-primary-bar2.js +2 -2
- package/dist/components/image-upload2.js +1 -1
- package/dist/components/inputs-example.js +2 -2
- package/dist/components/kpi-list2.js +1 -1
- package/dist/components/list-item.js +2 -2
- package/dist/components/list-options-renderer2.js +3 -3
- package/dist/components/map-component2.js +1 -1
- package/dist/components/map-toolbar2.js +6 -6
- package/dist/components/numeric-field2.js +3 -3
- package/dist/components/page-renderer.js +1 -1
- package/dist/components/primary-action-header2.js +2 -2
- package/dist/components/question-configs-renderer2.js +6 -6
- package/dist/components/resource-timeline-calendar.js +1 -1
- package/dist/components/resource-timeline-primary-bar2.js +2 -2
- package/dist/components/save-view-form.js +2 -2
- package/dist/components/search-list-item2.js +1 -1
- package/dist/components/search-method-grid2.js +1 -1
- package/dist/components/section-configs-renderer2.js +3 -3
- package/dist/components/select-layer-popup2.js +2 -2
- package/dist/components/server-side-grid2.js +1 -1
- package/dist/components/signature-input2.js +2 -2
- package/dist/components/signature-renderer2.js +1 -1
- package/dist/components/simple-card.js +1 -1
- package/dist/components/split-line-popup2.js +1 -1
- package/dist/components/stencil-form2.js +1 -1
- package/dist/components/stencil-toggle2.js +4 -4
- package/dist/components/tally.js +2 -2
- package/dist/components/text-area2.js +3 -3
- package/dist/components/text-field2.js +3 -3
- package/dist/components/text-input-renderer2.js +2 -2
- package/dist/components/udp-ambient-tool-tip2.js +2 -2
- package/dist/components/udp-avatar2.js +1 -1
- package/dist/components/udp-container-query-grid-item.js +1 -1
- package/dist/components/udp-container-query-grid.js +1 -1
- package/dist/components/udp-container-query2.js +2 -2
- package/dist/components/udp-container2.js +2 -2
- package/dist/components/udp-date-range-selector.js +1 -1
- package/dist/components/udp-date-selector2.js +3 -3
- package/dist/components/udp-datetime-selector2.js +3 -3
- package/dist/components/udp-dialog2.js +1 -1
- package/dist/components/udp-dynamic-container-with-menu2.js +1 -1
- package/dist/components/udp-dynamic-form.js +1 -1
- package/dist/components/udp-forms-builder-menu2.js +2 -2
- package/dist/components/udp-forms-builder-question-item2.js +2 -2
- package/dist/components/udp-forms-builder-style-override2.js +1 -1
- package/dist/components/udp-forms-builder.js +72 -60
- package/dist/components/udp-forms-builder.js.map +1 -1
- package/dist/components/udp-forms-follow-up-list-card.js +2 -2
- package/dist/components/udp-forms-list-card2.js +5 -5
- package/dist/components/udp-forms-list.js +51 -39
- package/dist/components/udp-forms-list.js.map +1 -1
- package/dist/components/udp-forms-renderer.js +67 -55
- package/dist/components/udp-forms-renderer.js.map +1 -1
- package/dist/components/udp-grid-loader2.js +2 -2
- package/dist/components/udp-hotlist-form2.js +1 -1
- package/dist/components/udp-icon2.js +4 -1
- package/dist/components/udp-icon2.js.map +1 -1
- package/dist/components/udp-linear-loader2.js +1 -1
- package/dist/components/udp-map-toolbar2.js +1 -1
- package/dist/components/udp-map.js +3 -3
- package/dist/components/udp-menu-item2.js +1 -1
- package/dist/components/udp-menu2.js +1 -1
- package/dist/components/udp-notification2.js +2 -2
- package/dist/components/udp-page.js +1 -1
- package/dist/components/udp-pop-over-grid-action-header2.js +1 -1
- package/dist/components/udp-pop-over2.js +1 -1
- package/dist/components/udp-selector2.js +4 -4
- package/dist/components/udp-side-sheet2.js +228 -19
- package/dist/components/udp-side-sheet2.js.map +1 -1
- package/dist/components/udp-skeleton-loading2.js +1 -1
- package/dist/components/udp-split-screen.js +1 -1
- package/dist/components/udp-stepper-demo.js +1 -1
- package/dist/components/udp-tab-panel.d.ts +11 -0
- package/dist/components/udp-tab-panel.js +45 -0
- package/dist/components/udp-tab-panel.js.map +1 -0
- package/dist/components/udp-tab2.js +3 -3
- package/dist/components/udp-tab2.js.map +1 -1
- package/dist/components/udp-tabs2.js +114 -40
- package/dist/components/udp-tabs2.js.map +1 -1
- package/dist/components/udp-time-selector2.js +3 -3
- package/dist/components/udp-vertical-spacer.js +1 -1
- package/dist/components/upd-alert-banner2.js +1 -1
- package/dist/docs.json +263 -31
- package/dist/esm/add-map-feature-popup_4.entry.js +12 -12
- package/dist/esm/advanced-search_50.entry.js +169 -96
- package/dist/esm/ag-grid-base_5.entry.js +5 -5
- package/dist/esm/api-method-instance-grid.entry.js +1 -1
- package/dist/esm/check-box.entry.js +2 -2
- package/dist/esm/chip-section.entry.js +2 -2
- package/dist/esm/client-side-grid_2.entry.js +3 -3
- package/dist/esm/color-preview.entry.js +1 -1
- package/dist/esm/date-time-renderer_6.entry.js +8 -8
- package/dist/esm/entity-maintenance-grid.entry.js +1 -1
- package/dist/esm/feature-details-card_2.entry.js +5 -5
- package/dist/esm/image-upload_7.entry.js +6 -6
- package/dist/esm/index-n-1ZSeAs.js +4 -0
- package/dist/esm/inputs-example.entry.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/map-component_2.entry.js +2 -2
- package/dist/esm/numeric-field_5.entry.js +15 -15
- package/dist/esm/page-renderer.entry.js +1 -1
- package/dist/esm/question-configs-renderer_5.entry.js +14 -14
- package/dist/esm/resource-timeline-calendar.entry.js +1 -1
- package/dist/esm/search-method-grid.entry.js +1 -1
- package/dist/esm/server-side-grid.entry.js +1 -1
- package/dist/esm/simple-card.entry.js +1 -1
- package/dist/esm/stencil-library.js +1 -1
- package/dist/esm/udp-chip_3.entry.js +1 -1
- package/dist/esm/udp-container-query-grid-item.entry.js +1 -1
- package/dist/esm/udp-container-query-grid.entry.js +1 -1
- package/dist/esm/udp-container-query.entry.js +2 -2
- package/dist/esm/udp-container.entry.js +2 -2
- package/dist/esm/udp-date-range-selector.entry.js +1 -1
- package/dist/esm/udp-dynamic-form.entry.js +1 -1
- package/dist/esm/udp-forms-follow-up-list-card.entry.js +2 -2
- package/dist/esm/udp-forms-list-card.entry.js +5 -5
- package/dist/esm/udp-forms-list.entry.js +1 -1
- package/dist/esm/udp-forms-renderer.entry.js +1 -1
- package/dist/esm/udp-list-renderer.udp-pagination.udp-side-sheet.entry.js.map +1 -1
- package/dist/esm/udp-list-renderer_3.entry.js +194 -5
- package/dist/esm/udp-map.entry.js +3 -3
- package/dist/esm/udp-page.entry.js +1 -1
- package/dist/esm/udp-split-screen.entry.js +1 -1
- package/dist/esm/udp-stepper-demo.entry.js +1 -1
- package/dist/esm/udp-tab-panel.entry.js +20 -0
- package/dist/esm/udp-tab-panel.entry.js.map +1 -0
- package/dist/esm/udp-vertical-spacer.entry.js +1 -1
- package/dist/stencil-library/add-map-feature-popup_4.entry.js +1 -1
- package/dist/stencil-library/advanced-search_50.entry.js +1 -1
- package/dist/stencil-library/advanced-search_50.entry.js.map +1 -1
- package/dist/stencil-library/ag-grid-base_5.entry.js +1 -1
- package/dist/stencil-library/api-method-instance-grid.entry.js +1 -1
- package/dist/stencil-library/check-box.entry.js +1 -1
- package/dist/stencil-library/chip-section.entry.js +1 -1
- package/dist/stencil-library/client-side-grid_2.entry.js +1 -1
- package/dist/stencil-library/color-preview.entry.js +1 -1
- package/dist/stencil-library/date-time-renderer_6.entry.js +1 -1
- package/dist/stencil-library/entity-maintenance-grid.entry.js +1 -1
- package/dist/stencil-library/feature-details-card_2.entry.js +1 -1
- package/dist/stencil-library/image-upload_7.entry.js +1 -1
- package/dist/stencil-library/inputs-example.entry.js +1 -1
- package/dist/stencil-library/map-component_2.entry.js +1 -1
- package/dist/stencil-library/numeric-field_5.entry.js +1 -1
- package/dist/stencil-library/page-renderer.entry.js +1 -1
- package/dist/stencil-library/question-configs-renderer_5.entry.js +1 -1
- package/dist/stencil-library/resource-timeline-calendar.entry.js +1 -1
- package/dist/stencil-library/search-method-grid.entry.js +1 -1
- package/dist/stencil-library/server-side-grid.entry.js +1 -1
- package/dist/stencil-library/simple-card.entry.js +1 -1
- package/dist/stencil-library/simple-card.entry.js.map +1 -1
- package/dist/stencil-library/stencil-library.esm.js +1 -1
- package/dist/stencil-library/udp-chip_3.entry.js +1 -1
- package/dist/stencil-library/udp-container-query-grid-item.entry.js +1 -1
- package/dist/stencil-library/udp-container-query-grid.entry.js +1 -1
- package/dist/stencil-library/udp-container-query.entry.js +1 -1
- package/dist/stencil-library/udp-container.entry.js +1 -1
- package/dist/stencil-library/udp-date-range-selector.entry.js +1 -1
- package/dist/stencil-library/udp-dynamic-form.entry.js +1 -1
- package/dist/stencil-library/udp-forms-follow-up-list-card.entry.js +1 -1
- package/dist/stencil-library/udp-forms-list-card.entry.js +1 -1
- package/dist/stencil-library/udp-forms-list.entry.js +1 -1
- package/dist/stencil-library/udp-forms-renderer.entry.js +1 -1
- package/dist/stencil-library/udp-list-renderer.udp-pagination.udp-side-sheet.entry.esm.js.map +1 -1
- package/dist/stencil-library/udp-list-renderer_3.entry.js +1 -1
- package/dist/stencil-library/udp-list-renderer_3.entry.js.map +1 -1
- package/dist/stencil-library/udp-map.entry.js +1 -1
- package/dist/stencil-library/udp-page.entry.js +1 -1
- package/dist/stencil-library/udp-split-screen.entry.js +1 -1
- package/dist/stencil-library/udp-stepper-demo.entry.js +1 -1
- package/dist/stencil-library/udp-tab-panel.entry.esm.js.map +1 -0
- package/dist/stencil-library/udp-tab-panel.entry.js +2 -0
- package/dist/stencil-library/udp-tab-panel.entry.js.map +1 -0
- package/dist/stencil-library/udp-vertical-spacer.entry.js +1 -1
- package/dist/types/components/my-component/UI/drawers/udp-side-sheet/types.d.ts +7 -0
- package/dist/types/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.d.ts +114 -0
- package/dist/types/components/my-component/UI/tabs/tab/tabs/udp-tabs.d.ts +47 -4
- package/dist/types/components/my-component/UI/tabs/tab/udp-tab.d.ts +1 -1
- package/dist/types/components/my-component/UI/tabs/udp-tab-panel/udp-tab-panel.d.ts +11 -0
- package/dist/types/components.d.ts +151 -2
- package/package.json +1 -1
|
@@ -42,11 +42,11 @@ export class SaveViewFormDialog {
|
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (h("fluent-dialog", { key: '
|
|
45
|
+
return (h("fluent-dialog", { key: 'c2926169d24d5964ba0a202199e3a5f46186075b', open: this.open, actionOne: () => {
|
|
46
46
|
this.handleSubmit();
|
|
47
47
|
}, actionTwo: this.closeDialog, actionThree: () => {
|
|
48
48
|
this.handleViewUpdate();
|
|
49
|
-
}, handleClose: this.handleClose, labelOne: "Save as Copy", labelTwo: "Cancel", labelThree: "Save View", title: this.title, disableOne: !this.name, buttonThreeHidden: !this.gridViewId }, h("form", { key: '
|
|
49
|
+
}, handleClose: this.handleClose, labelOne: "Save as Copy", labelTwo: "Cancel", labelThree: "Save View", title: this.title, disableOne: !this.name, buttonThreeHidden: !this.gridViewId }, h("form", { key: 'c4157e2d148ef0566bcaa19e07d4c1699df65868', class: "save-form" }, h("text-field", { key: '8415b9b28f1d8405325d1066158c2b7279dd394b', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), h("div", { key: '13b731a0dacf1acdc0829ee3d1589ce93b57362f', class: "toggle-options" }, h("div", { key: '63c23d978e2b05c7eaebaa1128592c4776a18db7' }, h("stencil-toggle", { key: 'aa2edb2c9e399ab133e48789fa4428b234456e18', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), h("div", { key: '530df15c84ff4cf6748ecc43d9b99a1897601548' }, h("stencil-toggle", { key: 'fe4e4b97c11e6a3d3ff536660c8a59fc58296286', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
|
|
50
50
|
}
|
|
51
51
|
static get is() { return "save-view-form-dialog"; }
|
|
52
52
|
static get encapsulation() { return "shadow"; }
|
|
@@ -24,10 +24,10 @@ export class UdpFormsBuilderQuestionItem {
|
|
|
24
24
|
render() {
|
|
25
25
|
const showPrimaryText = this.primaryText || this.hasPrimaryTextSlot;
|
|
26
26
|
const showSecondaryText = this.secondaryText || this.hasSecondaryTextSlot;
|
|
27
|
-
return (h(Host, { key: '
|
|
27
|
+
return (h(Host, { key: '30c9571c77dfb799a2788bc7b42c462565d43f20' }, h("div", { key: '54f4165d5108b756296b60c4950f0fa3074d3d00', class: {
|
|
28
28
|
'list-item': true,
|
|
29
29
|
'clickable': this.clickable,
|
|
30
|
-
}, onClick: this.onClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, h("div", { key: '
|
|
30
|
+
}, onClick: this.onClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, h("div", { key: 'b4c4072055461b9fc7d1882f9344068bf6e2e1c4', class: "drag-and-drop-container" }, h("slot", { key: 'ee5ce9c3158a075496408b3e8e2a263a82116f6d', name: "drag-and-drop" })), this.iconName && (h("div", { key: '97f5d6f4270868831e59b25b0b3533b085fe58ab', class: "avatar-container" }, h("udp-avatar", { key: 'cbb23fefa1ca00ed0c61c038a5c4df3240d81da1', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: 'c09e2c27a4f11b4144278cea91c9cfaa073896ed', class: "text-container" }, showPrimaryText && (h("div", { key: 'dc506d5456470467c92c0402f0abec8aae407145', class: "primary-text", title: this.primaryText }, h("slot", { key: '81d62a6e2e8fd6cbad19134edf78f8be86fce126', name: "primary-text" }, h("unity-typography", { key: 'b24ebfe9ec875839526d300908c9be8bba3acde5', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: 'ce97765517dbaf006c951d8af842a1db1bffec54', class: "secondary-text", title: this.secondaryText }, h("slot", { key: 'f4524e32bc2b068fc5cac5343d679181f1333e7d', name: "secondary-text" }, h("unity-typography", { key: 'ca394f40334c3c866b2b7d95c2254868daac5c4f', variant: "body", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: 'b97c70c97425a81edbd0e083a2292201f0f7ba75', class: "status-chip-container" }, h("slot", { key: 'c33a445fb6635c7956f66905769aabb1820b904e', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: 'fab615558218c7a9c72ec822a70a252dc939b524', class: "actions-container" }, h("slot", { key: '7e2cee521ee90d0508a357f117ed6cdcdc3584e4', name: "actions" }))))));
|
|
31
31
|
}
|
|
32
32
|
static get is() { return "udp-forms-builder-question-item"; }
|
|
33
33
|
static get encapsulation() { return "shadow"; }
|
|
@@ -3,13 +3,13 @@ import { h } from "@stencil/core";
|
|
|
3
3
|
export class FileUploadRenderer {
|
|
4
4
|
render() {
|
|
5
5
|
var _a, _b;
|
|
6
|
-
return (h("div", { key: '
|
|
6
|
+
return (h("div", { key: 'e2731af080ba720c9ef099659ae3e9fd93d65faf', class: "file-upload-input-container" }, h("div", { key: '1aa8b9814bf572b110a03c52a564f490e35b9a85' }, h("stencil-toggle", { key: '35594baad0a698ad53bd106b5376f0ea742a59ac', label: "Hide Drag And Drop", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.hideDragAndDrop), onToggledChange: () => {
|
|
7
7
|
if (this.isViewOnly)
|
|
8
8
|
return;
|
|
9
9
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
|
|
10
10
|
const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideDragAndDrop');
|
|
11
11
|
this.onFormSectionsDraftChange(updated);
|
|
12
|
-
}, labelPosition: "right" })), h("div", { key: '
|
|
12
|
+
}, labelPosition: "right" })), h("div", { key: '4a66f75eb851e666f0f8fcef7b12d2943b0e809d' }, h("stencil-toggle", { key: '01da84e7d49d5a0443c6b7803465c25d33fc1407', label: "Hide Button", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.hideButton), onToggledChange: () => {
|
|
13
13
|
if (this.isViewOnly)
|
|
14
14
|
return;
|
|
15
15
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
|
|
@@ -5,16 +5,16 @@ import { getIconFromName } from "../../../../../data-display/icons/iconUtils";
|
|
|
5
5
|
export class ListOptionsRenderer {
|
|
6
6
|
render() {
|
|
7
7
|
var _a, _b, _c;
|
|
8
|
-
return (h(Host, { key: '
|
|
8
|
+
return (h(Host, { key: '8dbb0c525b3862b708dd8696eaafc99b324f5a06' }, h("div", { key: 'd341bdff2838fcbfadd826b5f9eb11bd470ca4e5', class: "question-item-options-list-container" }, h("stencil-toggle", { key: 'd7a486294420828851cfc0fc79378cad9b8a279a', label: "Use Lookup Options", disabled: this.isViewOnly, checked: 'lookupId' in this.question.fieldProperties, labelPosition: "right", onToggledChange: () => {
|
|
9
9
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyToggleManualOrLookupOptions');
|
|
10
10
|
const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex);
|
|
11
11
|
this.onFormSectionsDraftChange(updated);
|
|
12
12
|
console.log(this.lookupOptions);
|
|
13
|
-
} }), 'lookupId' in this.question.fieldProperties && (h("div", { key: '
|
|
13
|
+
} }), 'lookupId' in this.question.fieldProperties && (h("div", { key: '6e33b7772c80a37cc7bc2c2822d3ec73ad6fe78d' }, h("udp-selector", { label: "Lookup Source", key: "lookup-selector", initialValue: ((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.lookupId) || '', options: this.lookupOptions, disabled: this.isViewOnly, required: true, onChange: (e) => {
|
|
14
14
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyLookupChange');
|
|
15
15
|
const updated = handler(e.detail, this.formSectionsDraft, this.sIndex, this.qIndex);
|
|
16
16
|
this.onFormSectionsDraftChange(updated);
|
|
17
|
-
} }))), 'items' in this.question.fieldProperties && (h("div", { key: '
|
|
17
|
+
} }))), 'items' in this.question.fieldProperties && (h("div", { key: 'fc5ccae0b8e426da2c6f4ebab5130b857bddd68b' }, h("div", { key: 'dfddc472fc1b4f16e5cde9b05503472e28edfd4c', class: "list-options-header" }, h("unity-typography", { key: 'c7e50f1718771723c8a4e8870069c6956d9d8ed3', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (h("udp-button", { key: '6e60334e97d3536131763dd3ed5899cd290e1210', variant: "text", onClick: () => {
|
|
18
18
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyAddListItem');
|
|
19
19
|
const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, '', '');
|
|
20
20
|
this.onFormSectionsDraftChange(updated);
|
|
@@ -17,34 +17,34 @@ export class QuestionConfigsRenderer {
|
|
|
17
17
|
render() {
|
|
18
18
|
const template = questionsTemplate.find(q => q.fieldTypeId === this.question.fieldTypeId);
|
|
19
19
|
const isQuestionTextRequired = !(template && template.questionTextOptional);
|
|
20
|
-
return (h("div", { key: '
|
|
20
|
+
return (h("div", { key: '3f492b8636ff73160970c64dad3cc33af97478b3', class: "generic-configs-container" }, h("div", { key: '2bc887fc9aebce0b62fbacb0a98a93a4ec374676', class: "question-configs-header" }, h("unity-typography", { key: '5288de2affd04aea4ba7986819bc901664a85d06', variant: "h6" }, this.question.questionTypeName, " Question"), h("div", { key: '37369636fa4e76dc4382523a6385b6a4f56e7bfe' }, !this.question.fieldProperties.ignoreRequiredConfig && (h("stencil-toggle", { key: '95b954b18cc43dc6d7af929a92f4d7f89e0a6d72', label: "Required", disabled: this.isViewOnly, checked: this.question.required === true, onToggledChange: () => {
|
|
21
21
|
const newValue = !this.question.required;
|
|
22
22
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
|
|
23
23
|
const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'required');
|
|
24
24
|
this.onFormSectionsDraftChange(updated);
|
|
25
|
-
}, labelPosition: "right" })))), h("text-area", { key: '
|
|
25
|
+
}, labelPosition: "right" })))), h("text-area", { key: 'bf72c2eaafa84ab4283d4cb2c877a23d4e328466', label: "Question Text", value: this.question.questionText, disabled: this.isViewOnly, placeholder: "Enter the question text here", rows: 2, maxRows: 5, required: isQuestionTextRequired, fullWidth: true, margin: 'dense', onInput: e => {
|
|
26
26
|
const newValue = e.target.value;
|
|
27
27
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
|
|
28
28
|
const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'questionText');
|
|
29
29
|
this.onFormSectionsDraftChange(updated);
|
|
30
|
-
} }), h("text-area", { key: '
|
|
30
|
+
} }), h("text-area", { key: '8d075bd14f7d6be1e40697914989d526839b7227', label: "Helper Text", value: this.question.helperText, disabled: this.isViewOnly, placeholder: "Enter the question's helper text here", rows: 2, maxRows: 4, fullWidth: true, margin: 'dense', onInput: e => {
|
|
31
31
|
const newValue = e.target.value;
|
|
32
32
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleGenericProperty');
|
|
33
33
|
const updated = handler(newValue, this.formSectionsDraft, this.sIndex, this.qIndex, 'helperText');
|
|
34
34
|
this.onFormSectionsDraftChange(updated);
|
|
35
|
-
} }), h("div", { key: '
|
|
35
|
+
} }), h("div", { key: '42843dbf43d315aaf789025a2ba50bb59b71e2b8' }, h("stencil-toggle", { key: 'e267a965917fe78b3870e5cc3535dce1584ebfa4', label: "Allow Comments", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowComments === true, onToggledChange: () => {
|
|
36
36
|
if (this.isViewOnly)
|
|
37
37
|
return;
|
|
38
38
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
|
|
39
39
|
const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowComments');
|
|
40
40
|
this.onFormSectionsDraftChange(updated);
|
|
41
|
-
}, labelPosition: "right" })), this.formType == UdpFormsTypeEnum.Standard && (h("div", { key: '
|
|
41
|
+
}, labelPosition: "right" })), this.formType == UdpFormsTypeEnum.Standard && (h("div", { key: 'e8ba93f33dd190f0171b5cba1fe141e679e8b63b' }, h("stencil-toggle", { key: '0489937ca5852761a44b42e673ae63c7489a47e1', label: "Allow Follow Up Forms", disabled: this.isViewOnly, checked: this.question.fieldProperties.allowFollowUpForms === true, onToggledChange: () => {
|
|
42
42
|
if (this.isViewOnly)
|
|
43
43
|
return;
|
|
44
44
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
|
|
45
45
|
const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'allowFollowUpForms');
|
|
46
46
|
this.onFormSectionsDraftChange(updated);
|
|
47
|
-
}, labelPosition: "right" }))), h("question-specific-configs-renderer", { key: '
|
|
47
|
+
}, labelPosition: "right" }))), h("question-specific-configs-renderer", { key: 'a864b3693949c3996e13236dd6d6d6175fbb5d5b', formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, isViewOnly: this.isViewOnly, onFormSectionsDraftChange: this.onFormSectionsDraftChange, lookupOptions: this.lookupOptions })));
|
|
48
48
|
}
|
|
49
49
|
static get is() { return "question-configs-renderer"; }
|
|
50
50
|
static get encapsulation() { return "shadow"; }
|
|
@@ -21,15 +21,15 @@ export class SectionConfigsRenderer {
|
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
23
|
var _a;
|
|
24
|
-
return (h("div", { key: '
|
|
24
|
+
return (h("div", { key: 'cfea0af65b067a2859810a37fdfb5d308de5f021', class: "generic-configs-container" }, h("text-area", { key: 'b119caf27d85b8ee865b104a68eedee7bc39bd93', label: "Title", value: this.section.title || "", disabled: this.isViewOnly, placeholder: "Enter the section title here", rows: 2, maxRows: 5, fullWidth: true, onInput: (e) => {
|
|
25
25
|
const newValue = e.target.value;
|
|
26
26
|
const updated = this.handleSectionFieldChange(this.sIndex, 'title', newValue);
|
|
27
27
|
this.onFormSectionsDraftChange(updated);
|
|
28
|
-
} }), h("text-area", { key: '
|
|
28
|
+
} }), h("text-area", { key: '38108016d5582391d402de818618c9574fe52b88', label: "Section Text", value: this.section.sectionText || "", disabled: this.isViewOnly, placeholder: "Enter the section text here", rows: 2, maxRows: 4, fullWidth: true, onInput: (e) => {
|
|
29
29
|
const newValue = e.target.value;
|
|
30
30
|
const updated = this.handleSectionFieldChange(this.sIndex, 'sectionText', newValue);
|
|
31
31
|
this.onFormSectionsDraftChange(updated);
|
|
32
|
-
} }), h("stencil-toggle", { key: '
|
|
32
|
+
} }), h("stencil-toggle", { key: '7cc829b3d37a6e2966f072409de9684587c4f702', label: "Repeatable", disabled: this.isViewOnly, checked: ((_a = this.section.sectionProperties) === null || _a === void 0 ? void 0 : _a.isRepeatable) === true || false, onToggledChange: () => {
|
|
33
33
|
const newValue = !this.section.sectionProperties.isRepeatable;
|
|
34
34
|
const updated = this.handleSectionRepeatablePropertyChange(this.sIndex, newValue);
|
|
35
35
|
this.onFormSectionsDraftChange(updated);
|
|
@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
export class SignatureRenderer {
|
|
3
3
|
render() {
|
|
4
4
|
var _a;
|
|
5
|
-
return (h("div", { key: '
|
|
5
|
+
return (h("div", { key: '8adad99da3fc4ce5619aefe9241611b18f438f00', class: "signature-input-container" }, h("div", { key: 'f8560dbdaf0ac00d36e47f25e2cbdf96ec22ba5d' }, h("stencil-toggle", { key: '3ef497fd72c45913e7525fcbc950006841eeecc9', label: "Include Location", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.includeLocation), onToggledChange: () => {
|
|
6
6
|
if (this.isViewOnly)
|
|
7
7
|
return;
|
|
8
8
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
|
|
@@ -2,12 +2,12 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
export class TextInputRenderer {
|
|
3
3
|
render() {
|
|
4
4
|
var _a, _b;
|
|
5
|
-
return (h("div", { key: '
|
|
5
|
+
return (h("div", { key: '6a0849eb03b2ea53cbd7cc63726b0df265c86804', class: "question-item-text-input-container" }, h("div", { key: '09ad4e05a1c0dc87b0ece7b6714225b9e6a83418' }, h("numeric-field", { key: '534601d103d860383bb71ca9b2010b9ad60361c2', label: "Min Character Length", value: (_a = this.question.fieldProperties.minCharacter) === null || _a === void 0 ? void 0 : _a.toString(), disabled: this.isViewOnly, onChange: e => {
|
|
6
6
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyMinMaxCharacter');
|
|
7
7
|
const mockEvent = { target: { value: e.detail } };
|
|
8
8
|
const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'minCharacter');
|
|
9
9
|
this.onFormSectionsDraftChange(updated);
|
|
10
|
-
} })), h("div", { key: '
|
|
10
|
+
} })), h("div", { key: '6129da73ddd6fbc65db5f334f651510b9ef2fda5' }, h("numeric-field", { key: '494a619533c2bae64fa30dcb755100050a400015', label: "Max Character Length", value: (_b = this.question.fieldProperties.maxCharacter) === null || _b === void 0 ? void 0 : _b.toString(), disabled: this.isViewOnly, onChange: e => {
|
|
11
11
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyMinMaxCharacter');
|
|
12
12
|
const mockEvent = { target: { value: e.detail } };
|
|
13
13
|
const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxCharacter');
|
|
@@ -6,8 +6,8 @@ export class UdpFormsBuilderMenu {
|
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
8
|
return [
|
|
9
|
-
h("div", { key: '
|
|
10
|
-
h("div", { key: '
|
|
9
|
+
h("div", { key: '91bd7abac8268ecd31bb0c6377c1334965b422f4', class: 'menu-header-container' }, h("unity-typography", { key: '7a5b0d71258cf6059e35f19c831f94eeb807074e', variant: "body1" }, "Choose a Question Type"), h("stencil-icon-button", { key: 'd2eface092851d964046e0b51807a24b92007014', icon: getIconFromName('close16'), onClick: () => this.cancelClick.emit() })),
|
|
10
|
+
h("div", { key: '8cba92678740832fe44d691bcb2ebee6d86861a8', class: "menu-options-container" }, this.questionsTemplate.map(q => (h("udp-button", { variant: "contained", color: "primary", onClick: () => this.addQuestion.emit(q), startIcon: h("udp-icon", { iconName: q.icon, color: 'inherit' }) }, q.questionTypeName)))),
|
|
11
11
|
];
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "udp-forms-builder-menu"; }
|
|
@@ -39,7 +39,7 @@ export class UdpFormsBuilderStyleOverride {
|
|
|
39
39
|
render() {
|
|
40
40
|
// if (!this.isVisible) return null;
|
|
41
41
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9;
|
|
42
|
-
return (h(Host, { key: '
|
|
42
|
+
return (h(Host, { key: '530014eba0c8be5eb47e5ac23839b3dfafbbd7cb' }, h("unity-typography", { key: '581fca98a42750897820b867f206ea07fd7e3ccb', variant: "h6" }, "Backgrounds and Colors"), this.renderStyleTextField('Background Image', (_c = (_b = (_a = this.formMetadata) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b.backgroundImage) !== null && _c !== void 0 ? _c : '', 'background', 'backgroundImage'), this.renderStyleTextField('Background Color', (_f = (_e = (_d = this.formMetadata) === null || _d === void 0 ? void 0 : _d.background) === null || _e === void 0 ? void 0 : _e.backgroundColor) !== null && _f !== void 0 ? _f : '', 'background', 'backgroundColor'), this.renderStyleTextField('Header Background Color', (_h = (_g = this.formMetadata) === null || _g === void 0 ? void 0 : _g.headerBackgroundColor) !== null && _h !== void 0 ? _h : '', 'headerBackgroundColor'), h("udp-divider", { key: '6430f049fe34ff1e45b4427076a5f865bf5d4fcd' }), h("unity-typography", { key: 'bf8568088871733dce103e5bac03eab26710c697', variant: "h6" }, "Fonts"), this.renderStyleTextField('Font Family', (_k = (_j = this.formMetadata) === null || _j === void 0 ? void 0 : _j.fontFamily) !== null && _k !== void 0 ? _k : '', 'fontFamily'), this.renderStyleTextField('Question Text Font Family', (_o = (_m = (_l = this.formMetadata) === null || _l === void 0 ? void 0 : _l.questionText) === null || _m === void 0 ? void 0 : _m.fontFamily) !== null && _o !== void 0 ? _o : '', 'questionText', 'fontFamily'), this.renderStyleDropdownField('Question Text Typography', (_r = (_q = (_p = this.formMetadata) === null || _p === void 0 ? void 0 : _p.questionText) === null || _q === void 0 ? void 0 : _q.variant) !== null && _r !== void 0 ? _r : '', 'questionText', 'variant'), this.renderStyleTextField('Title Text Font Family', (_u = (_t = (_s = this.formMetadata) === null || _s === void 0 ? void 0 : _s.titleText) === null || _t === void 0 ? void 0 : _t.fontFamily) !== null && _u !== void 0 ? _u : '', 'titleText', 'fontFamily'), this.renderStyleDropdownField('Title Text Typography', (_x = (_w = (_v = this.formMetadata) === null || _v === void 0 ? void 0 : _v.titleText) === null || _w === void 0 ? void 0 : _w.variant) !== null && _x !== void 0 ? _x : '', 'titleText', 'variant'), this.renderStyleTextField('Paragraph Text Font Family', (_0 = (_z = (_y = this.formMetadata) === null || _y === void 0 ? void 0 : _y.paragraphText) === null || _z === void 0 ? void 0 : _z.fontFamily) !== null && _0 !== void 0 ? _0 : '', 'paragraphText', 'fontFamily'), this.renderStyleDropdownField('Paragraph Text Typography', (_3 = (_2 = (_1 = this.formMetadata) === null || _1 === void 0 ? void 0 : _1.paragraphText) === null || _2 === void 0 ? void 0 : _2.variant) !== null && _3 !== void 0 ? _3 : '', 'paragraphText', 'variant'), this.renderStyleTextField('Helper Text Font Family', (_6 = (_5 = (_4 = this.formMetadata) === null || _4 === void 0 ? void 0 : _4.helperText) === null || _5 === void 0 ? void 0 : _5.fontFamily) !== null && _6 !== void 0 ? _6 : '', 'helperText', 'fontFamily'), this.renderStyleDropdownField('Helper Text Typography', (_9 = (_8 = (_7 = this.formMetadata) === null || _7 === void 0 ? void 0 : _7.helperText) === null || _8 === void 0 ? void 0 : _8.variant) !== null && _9 !== void 0 ? _9 : '', 'helperText', 'variant')));
|
|
43
43
|
}
|
|
44
44
|
static get is() { return "udp-forms-builder-style-override"; }
|
|
45
45
|
static get encapsulation() { return "shadow"; }
|
|
@@ -18,19 +18,19 @@ export class UdpFormsListCard {
|
|
|
18
18
|
};
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
const contentJsx = (h(Fragment, { key: '
|
|
22
|
-
const actionsJsx = (h(Fragment, { key: '
|
|
21
|
+
const contentJsx = (h(Fragment, { key: '65c992b567d2b0e80b93819c760400ea0ee2b813' }, h("unity-typography", { key: '327ad8c6680dedd7fa1c12b50d62b2bd5763428b', variant: "body1", color: "textSecondary" }, "Version: ", this.data.version), !this.isSideSheetList && (h("unity-typography", { key: '78cfdb94dfc0dff690c18e23e0d07263c25c94c3', variant: "body1", color: "textSecondary" }, "Last Modified: ", new Date(this.data.lastModifiedOn).toLocaleDateString())), h("unity-typography", { key: '0b381c323f4910e5727ad848178065b37fc24e83', variant: "body1", color: "textSecondary" }, "Created On: ", this.isSideSheetList ? new Date(this.data.createdOn).toLocaleDateString() : new Date(this.data.initialCreatedOn).toLocaleDateString()), h("unity-typography", { key: '62137e05a5c76a334369f839ce589b8bc71a1f9b', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.data.type])));
|
|
22
|
+
const actionsJsx = (h(Fragment, { key: '11b0965f017d6bcfc290bf81892e8bd3dd18730d' }, h("stencil-icon-button", { key: 'b976c977cbdbce0a843b54845147837dbd553f20', icon: Edit, tooltip: "Open in Form Builder", onClick: e => {
|
|
23
23
|
e.stopPropagation();
|
|
24
24
|
this.formBuilderHandler();
|
|
25
|
-
} }), !this.isSideSheetList && (h("stencil-icon-button", { key: '
|
|
25
|
+
} }), !this.isSideSheetList && (h("stencil-icon-button", { key: 'da6b8f48a2004f82765561b34cfd6f2c5b99dc9e', icon: View, tooltip: "View in Form Renderer", onClick: e => {
|
|
26
26
|
e.stopPropagation();
|
|
27
27
|
this.formRendererHandler();
|
|
28
|
-
} })), !this.isSideSheetList && (h("stencil-icon-button", { key: '
|
|
28
|
+
} })), !this.isSideSheetList && (h("stencil-icon-button", { key: '081db624c49cd5cbc5888c349a601c177f96b8ef', icon: ChevronRight24, tooltip: "See Version History", onClick: e => {
|
|
29
29
|
var _a;
|
|
30
30
|
e.stopPropagation();
|
|
31
31
|
(_a = this.openSideSheet) === null || _a === void 0 ? void 0 : _a.call(this);
|
|
32
32
|
} }))));
|
|
33
|
-
return (h("udp-card", { key: '
|
|
33
|
+
return (h("udp-card", { key: '6e0572787731e49edb74b9b8d3e9f04e0f09ce57', cardTitle: this.data.name, subheader: this.data.description, actions: actionsJsx, onTitleClick: this.handleTitleClick, disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
|
|
34
34
|
}
|
|
35
35
|
static get is() { return "udp-forms-list-card"; }
|
|
36
36
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list.js
CHANGED
|
@@ -171,7 +171,7 @@ export class UdpFormsList {
|
|
|
171
171
|
return this.errorMessage ? (h("div", { class: "error-banner" }, h("unity-typography", { variant: "body2" }, this.errorMessage))) : null;
|
|
172
172
|
}
|
|
173
173
|
render() {
|
|
174
|
-
return (h("div", { key: '
|
|
174
|
+
return (h("div", { key: 'e10e187f8b796620e07cbe5de09304b3ff806f9d', class: "udp-forms-list-container" }, h("primary-action-header", { key: 'c07a9deced2ebc01319ac7aa75ff81458e810b7d', title: "UDP Forms", primaryActionClick: () => this.handleHeaderPrimaryActionClick(), actionButtonLabel: "Create New Form", tabs: false }), this.isLoading && h("udp-linear-loader", { key: 'bd0b7aa584dd74d1aa610d276166a7ade78ec39b' }), this.renderSideSheet(), h("udp-container", { key: '9db380a8bc34671684f133f35d2af4634bfe13c4', maxWidth: "lg" }, this.renderErrorMessage(), this.renderFilters(), h("udp-list-renderer", { key: '80570f32e8d09872019514651de334327c7797af', itemComponent: "udp-forms-list-card", data: this.mainFormsList, pagination: true, isServerSide: true, isLoading: this.isLoading, itemsPerPage: this.MAIN_PAGE_SIZE, currentPage: this.mainListPageNumber, totalItems: this.mainTotalItems, onPageChange: e => this.handleMainPageChange(e.detail), componentDataMap: this.componentMap, spacing: 'md' })), h("udp-forms-list-card", { key: '83c6afb79ecbd9154229bb4ee571290af0ce43cc', style: { display: 'none' } }), h("div", { key: '5f8ee58dc8cdd79db5cf8f4c8e487ddb3b005e9d', style: { height: '60px' } })));
|
|
175
175
|
}
|
|
176
176
|
static get is() { return "udp-forms-list"; }
|
|
177
177
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2,8 +2,8 @@ import { h, Fragment } from "@stencil/core";
|
|
|
2
2
|
import { UdpFormsTypeEnum } from "../../utils/enums";
|
|
3
3
|
export class UdpFormsFollowUpListCard {
|
|
4
4
|
render() {
|
|
5
|
-
const contentJsx = (h(Fragment, { key: '
|
|
6
|
-
return (h("udp-card", { key: '
|
|
5
|
+
const contentJsx = (h(Fragment, { key: 'c21d9bc5fed8b062b2a5723525cf35fd75c3393f' }, h("unity-typography", { key: '5379d294f6c30d491119b06c6d4e2ba77823b500', variant: "body1", color: "textSecondary" }, "Version: ", this.listItemData.version), h("unity-typography", { key: '3e8fd9b3656a10a748c15b43ac85accfc74d84b2', variant: "body1", color: "textSecondary" }, "Form Type: ", UdpFormsTypeEnum[this.listItemData.type])));
|
|
6
|
+
return (h("udp-card", { key: '1c2e41124a42bbb96121d722d4082a77441641e0', cardTitle: this.listItemData.name, subheader: this.listItemData.description, onTitleClick: () => this.handleLaunchFollowUpForm(), disableContentPadding: true, adornmentStatus: 'info' }, contentJsx));
|
|
7
7
|
}
|
|
8
8
|
static get is() { return "udp-forms-follow-up-list-card"; }
|
|
9
9
|
static get encapsulation() { return "shadow"; }
|
|
@@ -588,7 +588,7 @@ export class UdpFormsRenderer {
|
|
|
588
588
|
return (h("udp-side-sheet", { title: "Link a Follow Up Form", open: this.isFollowUpFormsSideSheetOpen, onUdpSideSheetClose: () => this.handleSideSheetClose(), position: "right", width: "md" }, this.isLoading && this.isFollowUpFormsSideSheetOpen && h("udp-linear-loader", null), h("udp-list-renderer", { itemComponent: "udp-forms-follow-up-list-card", data: this.sideSheetFollowUpFormsList, pagination: true, isServerSide: true, isLoading: this.isLoading, itemsPerPage: this.FOLLOW_UP_SIDE_SHEET_PAGE_SIZE, currentPage: this.followUpSideSheetListPageNumber, totalItems: this.followUpSideSheetTotalItems, onPageChange: e => this.handleSideSheetPageChange(e.detail), componentDataMap: this.componentMap, spacing: 'md' })));
|
|
589
589
|
}
|
|
590
590
|
render() {
|
|
591
|
-
return (h("div", { key: '
|
|
591
|
+
return (h("div", { key: 'd14ce715fb3aff8f995332816c18c501e88b1ade', class: "forms-renderer-container" }, this.renderFollowUpSideSheet(), h("udp-forms-ui", { udpForm: this.udpForm, initialValues: this.initialValues, udpFormSubmission: this.udpFormSubmission, submitSuccessful: this.submitSuccessful, isSaving: this.isSaving, saveErrorMessage: this.saveErrorMessage,
|
|
592
592
|
// showAutoSaveStatus={this.formSubmissionHandler.supportsAutoSave() && !!this.userId}
|
|
593
593
|
readonly: this.isSubmitted, handleSubmit: this.handleSubmit.bind(this), handleSave: values => Promise.resolve(this.debouncedManualSave(values)), handleChange: this.handleFormChange, handleAction: this.triggerAction, handleFinish: this.handleFinish, userId: this.userId, isSubmitted: this.isSubmitted, dynamicSections: this.dynamicSections, duplicateRepeatableSection: this.duplicateRepeatableSection, deleteRepeatableSection: this.deleteRepeatableSection, ref: el => (this.formsUiEl = el), key: `form-rerender-key-${this.reRenderKey}`, isShowManualSaveIcon: this.isShowManualSaveIcon(), isLoading: this.isLoading, performBackgroundSaveAndUpdateLocalSubmissionState: this.performBackgroundSaveAndUpdateLocalSubmissionState })));
|
|
594
594
|
}
|
|
@@ -4,7 +4,7 @@ export class AgTable {
|
|
|
4
4
|
this.height = 'calc(100vh - 200px)';
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h("div", { key: '
|
|
7
|
+
return (h("div", { key: '08764e8cfc9a52ac728c67018a849be7f3409408', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "ag-table"; }
|
|
10
10
|
static get properties() {
|
|
@@ -2950,29 +2950,29 @@ export class AmbientTemplateGrid {
|
|
|
2950
2950
|
this.gridHeight = 'calc(100vh - 200px)';
|
|
2951
2951
|
}
|
|
2952
2952
|
const actionMenuItems = this.getOverflowActionList(this.overflowActionMenuItems, this.selectedRowParams);
|
|
2953
|
-
return (h("div", { key: '
|
|
2953
|
+
return (h("div", { key: '018efb3b133e06c9e5b5de09529dfa0365a4af7d' }, this.openActionPopoverMenu && (h("udp-pop-over", { key: 'ef796986b195bfcdbf71dcb59e547e3b5f1ffa90', isOpen: this.openActionPopoverMenu, anchorElement: this.actionMenuAnchorElement, popoverWidth: "170px", popoverMaxHeight: "250px", handleOnClose: event => {
|
|
2954
2954
|
this.handleOnCloseActionPopover(event);
|
|
2955
|
-
} }, h("div", { key: '
|
|
2955
|
+
} }, h("div", { key: '03ad81c34aa492d68e9843b54a8d82677c211212', class: "overflowActionButtons" }, actionMenuItems))), h("div", { key: '9911c50d42f477d5adedb50649e68490853d870f' }, this.showNotification && (h("udp-notification", { key: 'd70cfe54578898de460d39f2bc36ef94ba9b834c', active: this.showNotification, message: this.notificationMessage, status: this.notificationStatus, userCancel: true, style: { zIndex: '999991', transform: 'translateY(20px)' } }))), h("style", { key: '9d9394d0326a80b942f7971ed15861746a7ad993' }, `:host ::slotted(.ag-side-bar) {
|
|
2956
2956
|
width: ${filterPanelWidth} !important;
|
|
2957
|
-
}`), h("grid-primary-bar", { key: '
|
|
2957
|
+
}`), h("grid-primary-bar", { key: 'b6348ced4a2ae59536945cd756cac11258eacc63', title: this.gridBarTitle, customSaveViewClick: () => this.showViewSave(), customShowViewClick: () => this.showViews(), customShowHotlistClick: () => this.showHotlist(), customShowCustomSearchClick: () => this.showCustomSearch(), customClearClick: () => this.clearFilters(), customRefreshClick: () => this.refreshGrid(), customExpandClick: () => this.expandColumns(), customExportClick: this.exportFunction ? () => this.exportFunction(this.entityName, this.filterRenderList[0]) : () => this.exportToCsv(), customInsightsClick: e => {
|
|
2958
2958
|
this.insightsActionOnClick(e);
|
|
2959
2959
|
}, showInsightsAction: this.showInsightsAction, hiddenActionButtons: this.hiddenActionButtons, primaryActionLabel: this.primaryActionLabel, primaryActionClick: e => {
|
|
2960
2960
|
this.primaryActionOnClick(e);
|
|
2961
|
-
}, primaryActionIcon: this.primaryActionIcon, customColumnViewClick: () => this.togglePanel('columns'), customFitColumnClick: () => this.fitColumns(), customFilterViewClick: () => this.togglePanel('filters'), customToggleServerClientClick: () => this.toggleServerSide(), customAdvancedSearchClick: () => this.showAdvancedSearch(), customShowGridOptionsClick: () => this.showGridOptions(), showAdvancedSearchFeature: this.showAdvancedSearchFeature, showFilterColumnFeature: this.showFilterColumnFeature, showHotlistButton: this.showHotlistButton && !(((_e = this.restrictedGridFeatures) === null || _e === void 0 ? void 0 : _e.Hotlist) && !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Hotlist)), hideExport: ((_f = this.restrictedGridFeatures) === null || _f === void 0 ? void 0 : _f.Export) && !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Export), enableAdvancedSearch: this.enableAdvancedSearch }), h("udp-pop-over-grid-action-header", { key: '
|
|
2961
|
+
}, primaryActionIcon: this.primaryActionIcon, customColumnViewClick: () => this.togglePanel('columns'), customFitColumnClick: () => this.fitColumns(), customFilterViewClick: () => this.togglePanel('filters'), customToggleServerClientClick: () => this.toggleServerSide(), customAdvancedSearchClick: () => this.showAdvancedSearch(), customShowGridOptionsClick: () => this.showGridOptions(), showAdvancedSearchFeature: this.showAdvancedSearchFeature, showFilterColumnFeature: this.showFilterColumnFeature, showHotlistButton: this.showHotlistButton && !(((_e = this.restrictedGridFeatures) === null || _e === void 0 ? void 0 : _e.Hotlist) && !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Hotlist)), hideExport: ((_f = this.restrictedGridFeatures) === null || _f === void 0 ? void 0 : _f.Export) && !this.userPermissions.some(permission => permission.name === this.restrictedGridFeatures.Export), enableAdvancedSearch: this.enableAdvancedSearch }), h("udp-pop-over-grid-action-header", { key: '480dd7b03bd9678410c1bf9d7acb88924d7e2194', isOpen: this.gridOptionsDrawerOpen, anchorElement: document.querySelector('grid-primary-bar') }, h("stencil-icon-button-grid-action-header", { key: '0777429c0bf2145f87a7f41ad475e7d6cbfe2770', onClick: () => {
|
|
2962
2962
|
this.togglePanel('columns');
|
|
2963
2963
|
this.showGridOptions();
|
|
2964
|
-
}, tooltip: "Show/Hide Columns" }, h("unity-typography", { key: '
|
|
2964
|
+
}, tooltip: "Show/Hide Columns" }, h("unity-typography", { key: '87c25bcb7cefacb6b9b65b8645c91665bf9939f1', variant: "button" }, "Show/Hide Columns")), h("udp-divider", { key: 'ed1a2ae18f7564b077247af285e6c0bb3bdad00c', size: "100%" }), h("stencil-icon-button-grid-action-header", { key: 'd3ff65af2ac6d8b728933f48c992c8332125e742', onClick: () => {
|
|
2965
2965
|
this.fitColumns();
|
|
2966
2966
|
this.showGridOptions();
|
|
2967
|
-
}, tooltip: "Fit to Column" }, h("unity-typography", { key: '
|
|
2967
|
+
}, tooltip: "Fit to Column" }, h("unity-typography", { key: '9070ae7f71efcae2f173be939fa255bf711ebad6', variant: "button" }, "Fit to Column")), h("udp-divider", { key: 'a59c8cdcd675478bd34c0e3db9bad66de08e888f', size: "0px" }), h("stencil-icon-button-grid-action-header", { key: '27d303bc18c56e77b00f28b648544da35257cce0', onClick: () => {
|
|
2968
2968
|
this.expandColumns();
|
|
2969
2969
|
this.showGridOptions();
|
|
2970
|
-
}, tooltip: "Expand Grid" }, h("unity-typography", { key: '
|
|
2970
|
+
}, tooltip: "Expand Grid" }, h("unity-typography", { key: '0f9862404272ad54b2ed8e7ee617c4145542def8', variant: "button" }, "Expand Grid")), h("udp-divider", { key: '19e25f0468d88e4693da59e2d7b512c8bbf772e5', size: "0px" }), !this.disableSearchSwitch && (h("stencil-icon-button-grid-action-header", { key: 'e6cce37025fd7400b9f3307a195c46e3cae02f8f', onClick: () => {
|
|
2971
2971
|
this.handleSearchModeToggle();
|
|
2972
2972
|
this.showGridOptions();
|
|
2973
|
-
}, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, h("unity-typography", { key: '
|
|
2973
|
+
}, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, h("unity-typography", { key: '558125a22a8e1d5d714b22be4081a06b7af06d43', variant: "button" }, this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search')))), h("div", { key: 'a9a0ae547a462373a757c05cf375534f65708cee', class: "second-row", style: { display: shouldHideSecondRow ? 'none' : '' } }, !this.hideBulkActions && this.rowsSelected && (h("div", { key: 'd42c01a2b8dfdce5e70b98e6dcb3be79cf2e5dc1', class: "bulk-select" }, h("udp-badge", { key: '9ca967b40720a497161874a5013040b4a0b113f2', content: this.selectedRowCount }, h("udp-selector", { key: '642e579e0e1bc1fe868611bd66f5be75e16599fb', options: this.bulkActions.length > 0 ? this.formattedBulkActions : [], onChange: (e) => this.handleSelectedBulkOption(e) })))), ((_g = this.loadedViewTitle) === null || _g === void 0 ? void 0 : _g.length) !== 0 && (h("div", { key: 'b10ffb19b6f7394c3ce554b19a9dedb0ac234db6', class: "chip-wrapper" }, h("stencil-chip", { key: 'efa8c1b100d739c6dcb3977ea5323a08f51edd56', text: this.loadedViewTitle,
|
|
2974
2974
|
// onOnDelete={this.handleDelete as any}
|
|
2975
|
-
onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16, showLeftIcon: this.selectedViewIsDefault }), h("udp-divider", { key: '
|
|
2975
|
+
onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16, showLeftIcon: this.selectedViewIsDefault }), h("udp-divider", { key: '05498eabbf0adad82794afa1aeade6f815701c48', variant: "vertical", size: "30px" }))), this.hotListActive && (h("div", { key: '2d918d4824be31993449e993cd88fe7c9ac4123c', class: "chip-wrapper" }, h("stencil-chip", { key: 'd3708cebd821070ff7cf1c4936f337c7951c9b2b', text: this.hotListActive, color: "secondary", onOnDelete: this.handleRemoveHotlist, defaultToggled: true, leftIcon: List16 }), h("udp-divider", { key: '64a23fcededff62d6df0f0fe18d8609c6486bbab', variant: "vertical", size: "30px" }))), h("div", { key: '736a3067ddec75228fdd84114e5ccc8de92f6d00', class: "chip-section" }, this.filterChips.length > 0 && (h("udp-dynamic-container-with-menu", { key: '31255d0eae05434a2576292f8af259f31ba19696', id: "filterChipsContainer", externalToggle: this.externalToggle, onUdpChipClicked: (event) => this.setFilterFromChips(event.detail), menuItems: this.filterChips }))), h("div", { key: 'dc613f41cb2b48b92df7d2f6c9beaa855a260b84', class: "kpi" }, h("kpi-list", { key: 'd605a061e7ede80827de7c8f2b6a090335077424', kpiValues: this.kpiValues }))), this.gridError && (h("div", { key: 'a60877c818046db8008c5900febfc31624132e0b' }, h("upd-alert-banner", { key: 'f15e52c48f370bc943069ec16ab80bcb57d88a2a', type: "error", message: `An error occurred with loading the grid with data.` }))), h("div", { key: '768014761eefb68887a55e7e61a2bece3f189f65', style: { height: '4px', backgroundColor: shouldHideSecondRow ? 'var(--accent-color)' : 'rgb(247, 245, 243)', overflow: 'hidden' } }, this.linearLoading && h("udp-linear-loader", { key: '3cdd4e20a668fe3b0324a7111b0ada9d864ea4d6' })), this.noResults && (h("div", { key: '49730d8dfd4f5f8505c0cd84f806466693dfed1f' }, h("upd-alert-banner", { key: '3c9e6505c0da47d0510f640aa05eb5b457af901d', onClick: () => this.refreshOnNoResults(), type: "info", message: "Sorry, no records meet your search criteria" }))), h("div", { key: '7c3c42e031146156d957654d3552c72e43586412' }, h("ag-table", { key: '712c5ba8633fc5dbc60affca5880b84cb902cfd2', gridOptions: this.gridOptions, licensekey: LicenseKey, height: this.gridHeight })), h("side-sheet", { key: '2dc25aa71fcb16dcbb3d0a7189159912269ceb6a', sideSheetButtonLabel: "Search", handleSideSheetButton: () => this.updateServerSideDatasource('', 'advanced search sheet'), title: "Advanced Search", open: this.advancedDrawerOpen, toggleDrawer: () => this.primaryActionClick('advancedSearch'), position: "right" }, h("div", { key: '937144f2713fbec3e782af2813094e2cef995347', style: { width: '1200px' } }, h("advanced-search", { key: 'ab9f37535a829ac4856bfb82e2ca559e6ee1424d', handleDelete: filter => this.removeFilterItem(filter), filterRenderList: this.filterRenderList, filterList: this.extendedSearchFilterList, handleItemClick: headerName => this.setFilterSelections(headerName), onAdvancedSearchItemChange: (event) => this.updateSearchObject(event.detail), handleValueChanged: this.changeOperator, fetchFilters: () => this.getExtendedAdvancedSearchFilterList(), getHeaderFieldLabel: this.getHeaderFieldLabel }))), h("side-sheet", { key: '5157413c3ab29f67d6ce656a3fb61c9a4a20441f', widthOption: "short", title: "Views", open: this.viewDrawerOpen, toggleDrawer: () => this.primaryActionClick('views'), position: "right" }, h("div", { key: '595b28b34054504ad12644faa4a39b2a3f56edc3' }, h("div", { key: 'af7d9c6ecf200514ad52d630b4fe0e5b6182842b', style: { width: '450px', marginBottom: '8px' } }, h("hint-panel", { key: 'dd6f7bb07bfd2e0437217b7c53b86bde3ce3d441', hint: "Quickly access and manage your pre-configured table/grid views. These views are designed to help you focus on specific sets of data and streamline your workflow.", hideHintText: "Hide Hint" })), h("div", { key: '0bd2a10799a18110ef62fdf974131493d4b72412', style: { width: '446px' } }, this.viewListRowData &&
|
|
2976
2976
|
this.viewListRowData.map(item => {
|
|
2977
2977
|
if (item.gridViewVisibilityTypeId === 2 || item.userId.toLowerCase() === this.userId.toLocaleLowerCase()) {
|
|
2978
2978
|
return (h("tree-list-item", {
|
|
@@ -2983,9 +2983,9 @@ export class AmbientTemplateGrid {
|
|
|
2983
2983
|
}, editHandler: () => this.openViewEdit(item.gridViewId, item.name, item.isDefault, item.gridViewVisibilityTypeId), deleteHandler: () => this.openDeleteViewConfirmation(item.gridViewId), showUpdateDefaultOption: true, updateDefaultHandler: () => this.updateDefaultView(item), isDefault: item.isDefault, gridViewVisibilityTypeId: item.gridViewVisibilityTypeId, showAdd: false, showViewOption: false
|
|
2984
2984
|
}));
|
|
2985
2985
|
}
|
|
2986
|
-
})))), h("side-sheet", { key: '
|
|
2986
|
+
})))), h("side-sheet", { key: 'af57c5be0640aa7d295d3b30a70f7257e6a78359', title: "Search", sideSheetButtonLabel: "Search", handleSideSheetButton: this.handleSideSheetButtonClick, open: this.customSearchDrawerOpen, toggleDrawer: () => this.primaryActionClick('customSearch'), position: "right", buttonTransform: this.buttonTransform }, h("advanced-search-grouped", { key: '64fd15b182ccf7fab80d5318a803cfb66bc7f6b0', getLogicalOperatorValue: this.getLogicalOperatorValue, getLogicalOperatorCode: this.getLogicalOperatorCode, handleAddNewFilter: this.handleAddNewFilter, handleAddNewGroup: this.handleAddNewGroup, handleDelete: filter => this.removeFilterItem(filter), filterRenderList: this.filterRenderList, filterList: this.extendedSearchFilterList, handleItemClick: headerName => this.setGroupedFilterSelections(headerName), onAdvancedSearchItemChange: (event) => this.updateSearchObject(event.detail), handleValueChanged: this.changeOperator, filterObjectsWithGroups: this.filterObjectsWithGroups, fetchFilters: () => this.getExtendedAdvancedSearchFilterList(),
|
|
2987
2987
|
// onSearchItemChanged={() => this.handleSearchItemChange()}
|
|
2988
|
-
updateLogicalOperator: (_h = this.updateLogicalOperator) === null || _h === void 0 ? void 0 : _h.bind(this), handleGroupDelete: groupId => this.handleGroupDelete(groupId), recentSearchesOptions: this.recentSearchesOptions, selectRecentSearch: this.selectRecentSearch, fullClearSearch: this.fullClearSearch, findGroupById: this.findGroupById, getHeaderFieldLabel: this.getHeaderFieldLabel })), h("side-sheet", { key: '
|
|
2988
|
+
updateLogicalOperator: (_h = this.updateLogicalOperator) === null || _h === void 0 ? void 0 : _h.bind(this), handleGroupDelete: groupId => this.handleGroupDelete(groupId), recentSearchesOptions: this.recentSearchesOptions, selectRecentSearch: this.selectRecentSearch, fullClearSearch: this.fullClearSearch, findGroupById: this.findGroupById, getHeaderFieldLabel: this.getHeaderFieldLabel })), h("side-sheet", { key: 'e5c45d38b79f462d1e287bd70c77bd881e64eea6', disabled: this.showHotlistForm, widthOption: "short", sideSheetButtonLabel: "Create New Hotlist", handleSideSheetButton: () => this.toggleHotlistForm(), title: "Hot Lists", open: this.hotlistDrawerOpen, toggleDrawer: () => this.primaryActionClick('hotlists'), position: "right" }, h("div", { key: '36af0612c30f5163efbce8201b7d2262090623e9' }, this.showHotlistForm && h("udp-hotlist-form", { key: 'f159a17afc358e33ff894e9c3637a40c9f94601e', handleFormSubmit: this.handleSaveHotlist, handleCancelClick: () => this.toggleHotlistForm() }), h("div", { key: 'bccb6cbf2f3c15ab493b27fd27b5583a5fbaa321', style: { width: '446px' } }, this.allHotlists &&
|
|
2989
2989
|
this.allHotlists.map(item => {
|
|
2990
2990
|
if (item.domain === this.entityName) {
|
|
2991
2991
|
return (h("tree-list-item", { label: item.name, fieldName: item.name, showViewOption: true, showAdd: this.businessObjectKey ? true : false, showDeleteOption: true, viewHandler: () => this.handleRequestHotlist(item.hotListId), deleteHandler: () => this.confirmRequestDelete(item.hotListId), onClick: () => this.handleSetSingleHotlistItem(item.hotListId), statusValue: item.isPrivate, statusClasses: {
|
|
@@ -2993,7 +2993,7 @@ export class AmbientTemplateGrid {
|
|
|
2993
2993
|
false: 'neutral',
|
|
2994
2994
|
}, statusLabel: item.isPrivate ? 'Private' : 'Shared' }));
|
|
2995
2995
|
}
|
|
2996
|
-
})))), h("save-view-form-dialog", { key: '
|
|
2996
|
+
})))), h("save-view-form-dialog", { key: '238c8e29a69f6e5b9953727b0a329c4e609d4d4f', open: this.saveDialogOpen, title: this.selectedViewName ? 'Current View' : 'New View', closeDialog: () => this.showViewSave(), currentGridViewId: this.selectedGridId, currentName: this.selectedViewName, currentIsPrivate: this.selectedViewGridViewVisibilityTypeId, currentIsDefault: this.selectedViewIsDefault, handleFormSubmit: (name, isPrivate, isDefault) => {
|
|
2997
2997
|
// Assuming this.columnState exists in this component's scope
|
|
2998
2998
|
this.handleViewFormSubmit(name, isPrivate, isDefault, this.gridState);
|
|
2999
2999
|
}, handleViewAndConfigurationSubmit: (name, isPrivate, isDefault) => {
|
|
@@ -3006,11 +3006,11 @@ export class AmbientTemplateGrid {
|
|
|
3006
3006
|
this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState);
|
|
3007
3007
|
}
|
|
3008
3008
|
}
|
|
3009
|
-
} }), h("edit-view-form-dialog", { key: '
|
|
3009
|
+
} }), h("edit-view-form-dialog", { key: 'a1b1d637d504b2bda3b696a8db829776e9339b76', open: this.editDialogOpen, title: "Edit View", closeDialog: () => this.closeViewEdit(), currentGridId: this.selectedGridId, currentName: this.selectedViewName, currentGridViewVisibilityTypeId: this.selectedViewGridViewVisibilityTypeId, currentIsDefault: this.selectedViewIsDefault, handleFormSubmit: (gridId, name, isPrivate, isDefault) => {
|
|
3010
3010
|
this.handleViewUpdate(gridId, name, isPrivate, isDefault);
|
|
3011
|
-
} }), h("div", { key: '
|
|
3011
|
+
} }), h("div", { key: '0506d9a6493cdcedd089c634151a3929927964ee' }), h("fluent-dialog", { key: '6f0aca20d4b9834a4d7a2b1e59047143f2621f8f', title: "Delete Hotlist", message: "Are you sure you want to delete this hotlist?", actionOne: () => this.handleRequestDeleteHotlist(), actionTwo: () => this.toggleDeleteDialog('hotlist'), labelOne: "Confirm", labelTwo: "Cancel", open: this.confirmDialog }, h("div", { key: 'bae0df0958ecc33d23436e4250fbf70bd2461de6' }, "This will not delete any of the data but only the records ", h("br", { key: '9fac7c6c2794d7b6a8ddda628099bd06652d0352' }), "from the hotlist and the hotlist itself.", ' ')), h("fluent-dialog", { key: '806917e42de6b9b662af5561ef7861ded3d49187', title: "Delete View", message: "Are you sure you want to delete this view?", actionOne: () => this.handleDeleteView(), actionTwo: () => this.toggleDeleteDialog('View'), labelOne: "Confirm", labelTwo: "Cancel", open: this.confirmDialogDeleteView }, h("div", { key: '034ee23aaadf1d55e49e5ed40221a06b37ff5a04' }, "This will not delete any of the data but only the settings ", h("br", { key: '9db72e1787e85f2530f5fb93a7386a90ce8eee68' }), "saved to display this view.", ' ')), h("fluent-dialog", { key: '99480ac4cdeb2df5d6664a174e7fe63b800880e1', title: "Update View", message: "Are you sure you want to update this view?", actionOne: () => this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState), actionTwo: () => this.showViewEditConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.editViewConfirmationDialogOpen }, h("div", { key: '4018987b86e4e163a5050afa36c8c9c0e6bd16f3' }, "This is a public view. Any changes made to it will be seen by others when they load this view. ")), h("fluent-dialog", { key: '717000bba187ba84ef937da14627616500d17fc6', title: 'Toggle Search Mode to ' + (this.enableAdvancedSearch ? 'Standard' : 'Advanced') + ' Search', message: this.enableAdvancedSearch
|
|
3012
3012
|
? `Are you sure you want to toggle the search mode to standard search?`
|
|
3013
|
-
: `Are you sure you want to toggle the search mode to advanced search?`, actionOne: () => this.confirmSearchModeToggle(), actionTwo: () => this.toggleSearchModeConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.toggleSearchModeConfirmationDialogOpen }, h("div", { key: '
|
|
3013
|
+
: `Are you sure you want to toggle the search mode to advanced search?`, actionOne: () => this.confirmSearchModeToggle(), actionTwo: () => this.toggleSearchModeConfirmation(false), labelOne: "Confirm", labelTwo: "Cancel", open: this.toggleSearchModeConfirmationDialogOpen }, h("div", { key: '33b5c68ff42a58c8a2bd5d7dece1b4e772e866ea' }, this.enableAdvancedSearch
|
|
3014
3014
|
? 'The advanced search functionality will be disabled, all advanced search filters will be cleared and the grid will be reset to its default state.'
|
|
3015
3015
|
: 'The standard search functionality will be disabled and any existing standard filters will persist to the advanced search.'))));
|
|
3016
3016
|
}
|
package/dist/collection/components/my-component/UI/grid/grid-primary-bar/grid-primary-bar.js
CHANGED
|
@@ -150,7 +150,7 @@ export class GridPrimaryBar {
|
|
|
150
150
|
this.updateHideBar();
|
|
151
151
|
}
|
|
152
152
|
render() {
|
|
153
|
-
return (h("div", { key: '
|
|
153
|
+
return (h("div", { key: '520856f627fd84e8bdc9c481ff2e475fd7dfb66a', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, h("div", { key: '8a7655a50007c944cf6b28c5b8936abc7e3393c0', class: "title-section" }, h("div", { key: 'f0ddcc41fb5b35778a6d2424a4ceb3cd0f618fa4' }, h("unity-typography", { key: '113ef0b8e7ea2f113a263e25541acbaf043b4bee', variant: "h4" }, this.title, " "), ' ')), h("div", { key: '595a3de59f7f639ba9c372fcc8f6f198214fc0e5', class: "button-section" }, h("div", { key: 'e2cbb462d75f84f9aa3a7f9b75f05b1a19ccd326' }, h("slot", { key: '49d2dd8953d70e159fbd404baf168d2b56146c87' })), this.defaultActionButtons.map(btn => {
|
|
154
154
|
const clickHandler = (event) => {
|
|
155
155
|
if (btn.clickHandler) {
|
|
156
156
|
btn.clickHandler(event);
|
|
@@ -163,7 +163,7 @@ export class GridPrimaryBar {
|
|
|
163
163
|
return (h("stencil-icon-button-grid-action-header", { showLabel: this.showLabels, secondary: btn.secondary, icon: btn.icon, onClick: clickHandler, tooltip: btn.tooltip, iconClassName: btn.iconClassName }, btn.icon && h("i", { class: btn.icon }), btn.label.toLowerCase() === 'save' || (!this.hiddenLabels.includes(btn.label) && btn.showLabel) ? h("span", null, btn.label) : null));
|
|
164
164
|
}
|
|
165
165
|
return null;
|
|
166
|
-
}), this.primaryActionClick && this.primaryActionLabel && (h("custom-button", { key: '
|
|
166
|
+
}), this.primaryActionClick && this.primaryActionLabel && (h("custom-button", { key: '34a103505b82064aeb9f6ddf6ff8d75c6881538c', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && h("udp-icon", { key: '0cefb9ec69d19ad7609338521a4efcd5e8443e1a', iconName: this.primaryActionIcon, darkIcon: false }))))));
|
|
167
167
|
}
|
|
168
168
|
static get is() { return "grid-primary-bar"; }
|
|
169
169
|
static get encapsulation() { return "shadow"; }
|
|
@@ -27,7 +27,7 @@ export class UdpHotlistForm {
|
|
|
27
27
|
// console.log('Cancel button clicked');
|
|
28
28
|
// }
|
|
29
29
|
render() {
|
|
30
|
-
return (h("div", { key: '
|
|
30
|
+
return (h("div", { key: 'fed1159fa6172e2ef425fda713135e3cdac5b998', class: "wrapper" }, h("form", { key: '4bcf1830addf2e62a4b80bb689760997d53412de', class: "save-form", onSubmit: this.handleSubmit }, h("text-field", { key: '55b95fbe7649a5ff8a3d0a275ad55a2c0a2bcc11', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), h("stencil-toggle", { key: '1ff5aa5b5ff37e5870abeb5f15f4254586c2124e', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), h("div", { key: '101fd16f08d5aaf1d054dd91f0bd9a0451ac299c', class: "submit-button" }, h("custom-button", { key: '2af466a976f5f9cdebf9cd1054e7bb7bddbb9b32', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), h("custom-button", { key: '58b86c74365d86ce22131e6462e83fe5036a15ba', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
|
|
31
31
|
}
|
|
32
32
|
static get is() { return "udp-hotlist-form"; }
|
|
33
33
|
static get encapsulation() { return "shadow"; }
|
|
@@ -148,7 +148,7 @@ export class AgGridBase {
|
|
|
148
148
|
render() {
|
|
149
149
|
var _a;
|
|
150
150
|
const variantClass = `variant-${((_a = this.headerConfig) === null || _a === void 0 ? void 0 : _a.variant) || 'light'}`;
|
|
151
|
-
return (h("div", { key: '
|
|
151
|
+
return (h("div", { key: '09ef0f0e4491de19f4b7b06ee20d0ee1384005f9', class: variantClass, ref: el => (this.gridContainerEl = el) }, h("ghost-render", { key: '74ec21f0fc099e50c68be0915a1af7cda74d0776' }, h("div", { key: '850311d288c09fddd394086540eb5fe9730efd28' }, h("udp-dialog", { key: 'afcac5ce1b9fa78e59d2dcc05ccce773ec14a39a' }), h("udp-list-item", { key: 'a78311218bb58edf424a185d562955bedcace44d' }), h("hint-panel", { key: 'aeebbfbbadd7d97ef59893a4ab74d8f520e2c9b5' }))), h("div", { key: 'f0eb54721ab03eb3b66b7c94bc2c1edb2b503e19', class: "grid-base-header" }, h("grid-header", { key: '688303601e82c2755ad7261e61eee24a453ebe38', headerConfig: this.headerConfig, gridFunctions: this.gridFunctions, onHeaderAction: this.onHeaderAction }), h("div", { key: 'b99099543b7c32516f25931a4a3554d3b735510b', class: "action-bar", style: { viewTransitionName: `action-bar` } }, this.gridFunctionInstances.map(fn => { var _a; return (_a = fn.render) === null || _a === void 0 ? void 0 : _a.call(fn); }))), h("div", { key: 'fc409e24001a190d9a5b78e487522bb7259ba97e', id: "myNewGrid", ref: el => (this.gridEl = el), style: {
|
|
152
152
|
viewTransitionName: `my-new-grid`,
|
|
153
153
|
} })));
|
|
154
154
|
}
|
package/dist/collection/components/my-component/UI/grid/new-grid/api-method-instance-grid.js
CHANGED
|
@@ -99,7 +99,7 @@ export class ApiMethodInstanceGrid {
|
|
|
99
99
|
this.getApiMethodInstanceData();
|
|
100
100
|
}
|
|
101
101
|
render() {
|
|
102
|
-
return (h("search-method-grid", { key: '
|
|
102
|
+
return (h("search-method-grid", { key: '1d8da53919c04c8c2b29fc294b0f3f216dcbee56', onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, searchMethodConfig: this.searchMethodConfig, gridApiCallback: this.gridApiCallback }));
|
|
103
103
|
}
|
|
104
104
|
static get is() { return "api-method-instance-grid"; }
|
|
105
105
|
static get properties() {
|
|
@@ -20,7 +20,7 @@ export class ClientSideGrid {
|
|
|
20
20
|
this.clientSideConfig = Object.assign(Object.assign({}, this.gridOptions), { rowModelType: 'clientSide' });
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
return (h("ag-grid-base", { key: '
|
|
23
|
+
return (h("ag-grid-base", { key: '698ddb81a86b3fa53050202f8ee4b42fc5840329', columnDefs: this.columnDefs, gridOptions: this.clientSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, gridApiCallback: this.gridApiCallback }));
|
|
24
24
|
}
|
|
25
25
|
static get is() { return "client-side-grid"; }
|
|
26
26
|
static get properties() {
|
|
@@ -30,7 +30,7 @@ export class EntityMaintenanceGrid {
|
|
|
30
30
|
this.getPromotedMethods();
|
|
31
31
|
}
|
|
32
32
|
render() {
|
|
33
|
-
return (h("api-method-grid", { key: '
|
|
33
|
+
return (h("api-method-grid", { key: '1abb80d39f7ca1aa4bda3231fb5cadbbfbc3b511', onGridReady: e => this.handleGridReady(e), gridHeaderConfig: this.gridHeaderConfig }));
|
|
34
34
|
}
|
|
35
35
|
static get is() { return "entity-maintenance-grid"; }
|
|
36
36
|
static get properties() {
|
|
@@ -57,7 +57,7 @@ export class SearchMethodGrid {
|
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
render() {
|
|
60
|
-
return (h("server-side-grid", { key: '
|
|
60
|
+
return (h("server-side-grid", { key: 'fa09ccc17030bad6164245ff7b908633eeb0e66d', onGridReady: e => this.handleGridReady(e), dataSource: this.dataSource, gridFunctions: this.gridFunctions, columnDefs: this.columnDefs, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, gridApiCallback: this.gridApiCallback }));
|
|
61
61
|
}
|
|
62
62
|
static get is() { return "search-method-grid"; }
|
|
63
63
|
static get properties() {
|