udp-stencil-component-library 25.18.1-beta.23 → 25.18.1-beta.24
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_12.cjs.entry.js +13 -13
- package/dist/cjs/ag-grid-base_6.cjs.entry.js +5 -5
- package/dist/cjs/ambient-template-grid.cjs.entry.js +15 -15
- package/dist/cjs/api-method-instance-grid.cjs.entry.js +1 -1
- package/dist/cjs/app-bar.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/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/filter-conditions_7.cjs.entry.js +3 -3
- package/dist/cjs/fluent-dialog.cjs.entry.js +2 -2
- package/dist/cjs/image-upload_7.cjs.entry.js +6 -6
- package/dist/cjs/index-CGCOXUJE.js +8 -0
- 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/primary-action-header_3.cjs.entry.js +13 -13
- package/dist/cjs/question-configs-renderer_4.cjs.entry.js +12 -12
- 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/side-sheet-container.cjs.entry.js +1 -1
- package/dist/cjs/simple-card.cjs.entry.js +1 -1
- package/dist/cjs/stencil-icon-button_3.cjs.entry.js +2 -2
- package/dist/cjs/stencil-library.cjs.js +1 -1
- package/dist/cjs/stencil-toggle.cjs.entry.js +4 -4
- package/dist/cjs/text-field_2.cjs.entry.js +7 -7
- package/dist/cjs/udp-avatar.cjs.entry.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_2.cjs.entry.js +3 -3
- package/dist/cjs/udp-date-range-selector.cjs.entry.js +1 -1
- package/dist/cjs/udp-dynamic-container-with-menu.cjs.entry.js +1 -1
- package/dist/cjs/udp-dynamic-form.cjs.entry.js +1 -1
- package/dist/cjs/udp-forms-builder-style-override.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-icon.entry.cjs.js.map +1 -1
- package/dist/cjs/udp-kpi-card.cjs.entry.js +117 -0
- package/dist/cjs/udp-kpi-card.entry.cjs.js.map +1 -0
- package/dist/cjs/udp-kpi-cards.cjs.entry.js +44 -0
- package/dist/cjs/udp-kpi-cards.entry.cjs.js.map +1 -0
- package/dist/cjs/udp-map.cjs.entry.js +3 -3
- package/dist/cjs/udp-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/udp-page.cjs.entry.js +1 -1
- package/dist/cjs/udp-pop-over.cjs.entry.js +1 -1
- package/dist/cjs/udp-skeleton-loading.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 +2 -2
- package/dist/cjs/udp-tab.cjs.entry.js +1 -1
- package/dist/cjs/udp-timeline-connector.cjs.entry.js +1 -1
- package/dist/cjs/udp-timeline-dot.cjs.entry.js +1 -1
- package/dist/cjs/udp-timeline-item.cjs.entry.js +2 -2
- package/dist/cjs/udp-timeline-separator.cjs.entry.js +1 -1
- package/dist/cjs/udp-timeline.cjs.entry.js +1 -1
- package/dist/cjs/udp-vertical-spacer.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +2 -0
- package/dist/collection/components/data-display/icons/udp-icon.js.map +1 -1
- package/dist/collection/components/data-display/kpi/types.js +2 -0
- package/dist/collection/components/data-display/kpi/types.js.map +1 -0
- package/dist/collection/components/data-display/kpi/udp-kpi-card.css +75 -0
- package/dist/collection/components/data-display/kpi/udp-kpi-card.js +342 -0
- package/dist/collection/components/data-display/kpi/udp-kpi-card.js.map +1 -0
- package/dist/collection/components/data-display/kpi/udp-kpi-cards.css +8 -0
- package/dist/collection/components/data-display/kpi/udp-kpi-cards.js +123 -0
- package/dist/collection/components/data-display/kpi/udp-kpi-cards.js.map +1 -0
- package/dist/collection/components/data-display/list-item/list-item.js +2 -2
- package/dist/collection/components/data-display/pop-over/udp-pop-over.js +1 -1
- package/dist/collection/components/data-display/pop-over-grid-action-header/udp-pop-over-grid-action-header.js +1 -1
- package/dist/collection/components/data-display/primary-action-header/primary-action-header.js +2 -2
- package/dist/collection/components/data-display/simple-card/simple-card.js +1 -1
- package/dist/collection/components/data-display/tool-tip/udp-ambient-tool-tip.js +2 -2
- package/dist/collection/components/data-display/tree/tree-list-item/search-item/search-list-item.js +1 -1
- package/dist/collection/components/data-display/udp-avatar/udp-avatar.js +1 -1
- package/dist/collection/components/dialogs/fluent-dialog/fluent-dialog.js +2 -2
- package/dist/collection/components/dialogs/udp-dialog.js +1 -1
- package/dist/collection/components/drawers/udp-side-sheet/udp-side-sheet.js +9 -9
- package/dist/collection/components/feedback/udp-notification/alerts/upd-alert-banner.js +1 -1
- package/dist/collection/components/feedback/udp-notification/udp-notification.js +2 -2
- package/dist/collection/components/forms/dynamic-form/udp-dynamic-form.js +1 -1
- package/dist/collection/components/forms/edit-view-form/edit-view-form.js +2 -2
- package/dist/collection/components/forms/form/stencil-form.js +1 -1
- package/dist/collection/components/forms/save-view-form/save-view-form.js +2 -2
- package/dist/collection/components/forms/udp-forms/udp-forms-builder/forms-question-item/udp-forms-builder-question-item.js +2 -2
- package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/file-upload-renderer/file-upload-renderer.js +2 -2
- package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/list-option-renderer/list-options-renderer.js +3 -3
- package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-configs-renderer/question-configs-renderer.js +5 -5
- package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/section-configs-renderer/section-configs-renderer.js +3 -3
- package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/signature-renderer/signature-renderer.js +1 -1
- package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/text-input-renderer/text-input-renderer.js +2 -2
- package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-menu/udp-forms-builder-menu.js +2 -2
- package/dist/collection/components/forms/udp-forms/udp-forms-builder/udp-forms-builder-style-override/udp-forms-builder-style-override.js +1 -1
- package/dist/collection/components/forms/udp-forms/udp-forms-list/udp-forms-list-card/udp-forms-list-card.js +5 -5
- package/dist/collection/components/forms/udp-forms/udp-forms-list/udp-forms-list.js +1 -1
- package/dist/collection/components/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/forms/udp-forms/udp-forms-renderer/udp-forms-renderer.js +1 -1
- package/dist/collection/components/grid/ag-table/ag-table.js +1 -1
- package/dist/collection/components/grid/ambient-template-grid/ambient-template-grid.js +15 -15
- package/dist/collection/components/grid/grid-primary-bar/grid-primary-bar.js +2 -2
- package/dist/collection/components/grid/hotlists/udp-hotlist-form/udp-hotlist-form.js +1 -1
- package/dist/collection/components/grid/new-grid/ag-grid-base.js +1 -1
- package/dist/collection/components/grid/new-grid/api-method-instance-grid.js +1 -1
- package/dist/collection/components/grid/new-grid/client-side-grid.js +1 -1
- package/dist/collection/components/grid/new-grid/entity-maintenance-grid.js +1 -1
- package/dist/collection/components/grid/new-grid/search-method-grid.js +1 -1
- package/dist/collection/components/grid/new-grid/server-side-grid.js +1 -1
- package/dist/collection/components/grid/resource-timeline-calendar/resource-timeline-calendar.js +1 -1
- package/dist/collection/components/grid/resource-timeline-calendar/resource-timeline-primary-bar.js +2 -2
- package/dist/collection/components/inputs/checkbox/check-box.js +2 -2
- package/dist/collection/components/inputs/date-range-selector/udp-date-range-selector.js +1 -1
- package/dist/collection/components/inputs/date-selector/udp-date-selector.js +3 -3
- package/dist/collection/components/inputs/date-time-selector/udp-datetime-selector.js +3 -3
- package/dist/collection/components/inputs/image-upload/image-upload.js +1 -1
- package/dist/collection/components/inputs/numeric-field/numeric-field.js +3 -3
- package/dist/collection/components/inputs/signature-input/signature-input.js +2 -2
- package/dist/collection/components/inputs/tally/tally.js +2 -2
- package/dist/collection/components/inputs/text-area/text-area.js +3 -3
- package/dist/collection/components/inputs/text-field/text-field.js +3 -3
- package/dist/collection/components/inputs/time-selector/udp-time-selector.js +3 -3
- package/dist/collection/components/inputs/toggle/stencil-toggle.js +4 -4
- package/dist/collection/components/inputs/udp-selector/udp-selector.js +4 -4
- package/dist/collection/components/layout/udp-container/udp-container.js +2 -2
- package/dist/collection/components/layout/udp-container-query/udp-container-query.js +2 -2
- package/dist/collection/components/layout/udp-container-query-grid/udp-container-query-grid.js +1 -1
- package/dist/collection/components/layout/udp-container-query-grid-item/udp-container-query-grid-item.js +1 -1
- package/dist/collection/components/layout/udp-page/udp-page.js +1 -1
- package/dist/collection/components/layout/udp-split-screen/udp-split-screen.js +1 -1
- package/dist/collection/components/layout/udp-vertical-spacer.js +1 -1
- package/dist/collection/components/loaders/udp-grid-loader/udp-grid-loader.js +2 -2
- package/dist/collection/components/loaders/udp-linear-loader/udp-linear-loader.js +1 -1
- package/dist/collection/components/loaders/udp-skeleton-loading.js +1 -1
- package/dist/collection/components/map/udp-map/map-component.js +1 -1
- package/dist/collection/components/map/udp-map/popups/add-map-feature-popup.js +3 -3
- package/dist/collection/components/map/udp-map/popups/feature-details-card/feature-details-card.js +4 -4
- package/dist/collection/components/map/udp-map/popups/feature-details-popup.js +1 -1
- package/dist/collection/components/map/udp-map/popups/select-layer-popup.js +2 -2
- package/dist/collection/components/map/udp-map/popups/split-line-popup.js +1 -1
- package/dist/collection/components/map/udp-map/toolbar/map-toolbar.js +6 -6
- package/dist/collection/components/map/udp-map/udp-map-toolbar.js +1 -1
- package/dist/collection/components/map/udp-map/udp-map.js +3 -3
- package/dist/collection/components/menu/menu-item/udp-menu-item.js +1 -1
- package/dist/collection/components/menu/udp-menu.js +1 -1
- package/dist/collection/components/stepper/udp-stepper-demo.js +1 -1
- package/dist/collection/components/tabs/tab/tabs/udp-tabs.js +2 -2
- package/dist/collection/components/tabs/tab/udp-tab.js +1 -1
- package/dist/collection/components/tabs/udp-tab-panel/udp-tab-panel.js +2 -2
- package/dist/collection/components/timeline/udp-timeline-connector.js +1 -1
- package/dist/collection/components/timeline/udp-timeline-dot.js +1 -1
- package/dist/collection/components/timeline/udp-timeline-item.js +2 -2
- package/dist/collection/components/timeline/udp-timeline-separator.js +1 -1
- package/dist/collection/components/timeline/udp-timeline.js +1 -1
- package/dist/collection/components/toolbars/app-bar/app-bar.js +1 -1
- package/dist/collection/components/util/ghost-render/ghost-render.js +1 -1
- package/dist/collection/deprecated/components/side-sheet/side-sheet-container.js +1 -1
- package/dist/collection/deprecated/components/side-sheet/side-sheet.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-template-grid.js +15 -15
- package/dist/components/api-method-instance-grid.js +1 -1
- package/dist/components/app-bar.js +1 -1
- package/dist/components/check-box.js +2 -2
- package/dist/components/chip-section.js +2 -2
- package/dist/components/client-side-grid2.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/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/primary-action-header2.js +2 -2
- package/dist/components/question-configs-renderer2.js +5 -5
- 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/side-sheet-container2.js +1 -1
- package/dist/components/side-sheet2.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-override.js +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 +1 -1
- package/dist/components/udp-forms-renderer.js +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.map +1 -1
- package/dist/components/udp-kpi-card.d.ts +11 -0
- package/dist/components/udp-kpi-card.js +9 -0
- package/dist/components/udp-kpi-card.js.map +1 -0
- package/dist/components/udp-kpi-card2.js +156 -0
- package/dist/components/udp-kpi-card2.js.map +1 -0
- package/dist/components/udp-kpi-cards.d.ts +11 -0
- package/dist/components/udp-kpi-cards.js +85 -0
- package/dist/components/udp-kpi-cards.js.map +1 -0
- 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 +9 -9
- 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.js +2 -2
- package/dist/components/udp-tab.js +1 -1
- package/dist/components/udp-tabs2.js +2 -2
- package/dist/components/udp-time-selector2.js +3 -3
- package/dist/components/udp-timeline-connector.js +1 -1
- package/dist/components/udp-timeline-dot.js +1 -1
- package/dist/components/udp-timeline-item.js +2 -2
- package/dist/components/udp-timeline-separator.js +1 -1
- package/dist/components/udp-timeline.js +1 -1
- package/dist/components/udp-vertical-spacer.js +1 -1
- package/dist/components/upd-alert-banner2.js +1 -1
- package/dist/docs.json +442 -1
- package/dist/esm/add-map-feature-popup_4.entry.js +12 -12
- package/dist/esm/advanced-search_12.entry.js +13 -13
- package/dist/esm/ag-grid-base_6.entry.js +5 -5
- package/dist/esm/ambient-template-grid.entry.js +15 -15
- package/dist/esm/api-method-instance-grid.entry.js +1 -1
- package/dist/esm/app-bar.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/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/filter-conditions_7.entry.js +3 -3
- package/dist/esm/fluent-dialog.entry.js +2 -2
- package/dist/esm/image-upload_7.entry.js +6 -6
- package/dist/esm/index-CaZq3YdB.js +8 -0
- 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/primary-action-header_3.entry.js +13 -13
- package/dist/esm/question-configs-renderer_4.entry.js +12 -12
- 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/side-sheet-container.entry.js +1 -1
- package/dist/esm/simple-card.entry.js +1 -1
- package/dist/esm/stencil-icon-button_3.entry.js +2 -2
- package/dist/esm/stencil-library.js +1 -1
- package/dist/esm/stencil-toggle.entry.js +4 -4
- package/dist/esm/text-field_2.entry.js +7 -7
- package/dist/esm/udp-avatar.entry.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_2.entry.js +3 -3
- package/dist/esm/udp-date-range-selector.entry.js +1 -1
- package/dist/esm/udp-dynamic-container-with-menu.entry.js +1 -1
- package/dist/esm/udp-dynamic-form.entry.js +1 -1
- package/dist/esm/udp-forms-builder-style-override.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-icon.entry.js.map +1 -1
- package/dist/esm/udp-kpi-card.entry.js +115 -0
- package/dist/esm/udp-kpi-card.entry.js.map +1 -0
- package/dist/esm/udp-kpi-cards.entry.js +42 -0
- package/dist/esm/udp-kpi-cards.entry.js.map +1 -0
- package/dist/esm/udp-map.entry.js +3 -3
- package/dist/esm/udp-menu-item.entry.js +1 -1
- package/dist/esm/udp-page.entry.js +1 -1
- package/dist/esm/udp-pop-over.entry.js +1 -1
- package/dist/esm/udp-skeleton-loading.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 +2 -2
- package/dist/esm/udp-tab.entry.js +1 -1
- package/dist/esm/udp-timeline-connector.entry.js +1 -1
- package/dist/esm/udp-timeline-dot.entry.js +1 -1
- package/dist/esm/udp-timeline-item.entry.js +2 -2
- package/dist/esm/udp-timeline-separator.entry.js +1 -1
- package/dist/esm/udp-timeline.entry.js +1 -1
- 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_12.entry.js +1 -1
- package/dist/stencil-library/ag-grid-base_6.entry.js +1 -1
- package/dist/stencil-library/ambient-template-grid.entry.js +1 -1
- package/dist/stencil-library/api-method-instance-grid.entry.js +1 -1
- package/dist/stencil-library/app-bar.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/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/filter-conditions_7.entry.js +1 -1
- package/dist/stencil-library/fluent-dialog.entry.js +1 -1
- package/dist/stencil-library/image-upload_7.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/primary-action-header_3.entry.js +1 -1
- package/dist/stencil-library/question-configs-renderer_4.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/side-sheet-container.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-icon-button_3.entry.js +1 -1
- package/dist/stencil-library/stencil-library.esm.js +1 -1
- package/dist/stencil-library/stencil-toggle.entry.js +1 -1
- package/dist/stencil-library/text-field_2.entry.js +1 -1
- package/dist/stencil-library/udp-avatar.entry.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_2.entry.js +1 -1
- package/dist/stencil-library/udp-date-range-selector.entry.js +1 -1
- package/dist/stencil-library/udp-dynamic-container-with-menu.entry.js +1 -1
- package/dist/stencil-library/udp-dynamic-form.entry.js +1 -1
- package/dist/stencil-library/udp-forms-builder-style-override.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-icon.entry.esm.js.map +1 -1
- package/dist/stencil-library/udp-kpi-card.entry.esm.js.map +1 -0
- package/dist/stencil-library/udp-kpi-card.entry.js +2 -0
- package/dist/stencil-library/udp-kpi-card.entry.js.map +1 -0
- package/dist/stencil-library/udp-kpi-cards.entry.esm.js.map +1 -0
- package/dist/stencil-library/udp-kpi-cards.entry.js +2 -0
- package/dist/stencil-library/udp-kpi-cards.entry.js.map +1 -0
- package/dist/stencil-library/udp-map.entry.js +1 -1
- package/dist/stencil-library/udp-menu-item.entry.js +1 -1
- package/dist/stencil-library/udp-page.entry.js +1 -1
- package/dist/stencil-library/udp-pop-over.entry.js +1 -1
- package/dist/stencil-library/udp-skeleton-loading.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.js +1 -1
- package/dist/stencil-library/udp-tab.entry.js +1 -1
- package/dist/stencil-library/udp-timeline-connector.entry.js +1 -1
- package/dist/stencil-library/udp-timeline-dot.entry.js +1 -1
- package/dist/stencil-library/udp-timeline-item.entry.js +1 -1
- package/dist/stencil-library/udp-timeline-separator.entry.js +1 -1
- package/dist/stencil-library/udp-timeline.entry.js +1 -1
- package/dist/stencil-library/udp-vertical-spacer.entry.js +1 -1
- package/dist/types/components/data-display/kpi/types.d.ts +18 -0
- package/dist/types/components/data-display/kpi/udp-kpi-card.d.ts +96 -0
- package/dist/types/components/data-display/kpi/udp-kpi-cards.d.ts +56 -0
- package/dist/types/components.d.ts +260 -0
- package/package.json +1 -1
|
@@ -83,11 +83,11 @@ const AddMapFeaturePopUp = class {
|
|
|
83
83
|
}
|
|
84
84
|
render() {
|
|
85
85
|
var _a, _b, _c;
|
|
86
|
-
return (index.h("div", { key: '
|
|
86
|
+
return (index.h("div", { key: '14fe4615233e1da399bfe429861a1ec4d37e16c8', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (index.h("udp-selector", { key: 'ae8a4bcc274f6e5cdf97ebcd1af4a52c463baac7', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
|
|
87
87
|
this.handleSetSelectedLayer(e.detail);
|
|
88
|
-
}, large: false })), index.h("udp-selector", { key: '
|
|
88
|
+
}, large: false })), index.h("udp-selector", { key: '0b8f8a56d981ef88af97755f6e69ccb04143db61', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
|
|
89
89
|
this.handleSetSelectedType(e.detail);
|
|
90
|
-
}, large: false }), index.h("div", { key: '
|
|
90
|
+
}, large: false }), index.h("div", { key: '7e39f64cf429443b8c7f31c3dfced1ac1e169b92', class: "formButton" }, index.h("custom-button", { key: 'eff7592f2f5d8d05b0b028a41ac25f76d8270ff3', label: index.h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
|
|
91
91
|
this.selectedType === null }))));
|
|
92
92
|
}
|
|
93
93
|
static get watchers() { return {
|
|
@@ -262,22 +262,22 @@ const MapToolbar = class {
|
|
|
262
262
|
}
|
|
263
263
|
render() {
|
|
264
264
|
var _a, _b;
|
|
265
|
-
return (index.h("div", { key: '
|
|
265
|
+
return (index.h("div", { key: 'df1cb3fa4cb31102050fde522956903b598408e7', class: "toolbarContainer" }, index.h("div", { key: 'edadc71d2916ebfd54f1199b7848b91b34c60de7', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && index.h("unity-typography", { key: '1dcf11b4c1c80509d04f8436c34cb0e40eceafc8', variant: "h4" }, this.mapTitle)), index.h("div", { key: 'fe67035695747ef0527d9f7edf134eb32d3ca072', class: "buttons" }, index.h("div", { key: 'd03cc6b94ece0bd7992081bb252be394fca31f65', class: "buttonContainer" }, index.h("div", { key: 'c33a00e8aaa19dedd2458008191116fac064ac54', class: "secondaryButtons" }, this.filterPanel && (index.h("div", { key: '0df51200bfca6557d2e332aedbfee551d83fd444', id: "filterOption" }, index.h("div", { key: '05fac2c08c2ccd868db2aebdc87fbfb1cd5bb359', id: "filterOptionButton" }, index.h("stencil-icon-button", { key: '1c7e4513becc3502086efc59574f2d786148c11a', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: es.Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (index.h("div", { key: '1104a7b6d361f169a438b87c922c75579073dd6e', id: "filterOptionDiv" }, index.h("udp-pop-over", { key: 'cab40e9cb1dc9a5f800ee2db08a09d7199a3e788', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("div", { key: '5eb682185987645764defe31b2c95c463f8752b5', innerHTML: this.filterPanel })))))), this.layerOptions && (index.h("div", { key: '5d035cb7d7bb4d61ca441c8c62aa91e087df1b3a', id: "layerOption" }, index.h("div", { key: 'a7dbef6cc9a02f89df337de51ea94075d1fd3111', id: "layerOptionButton" }, index.h("stencil-icon-button", { key: '46eca995f86c96149e28a499fbae2d0f4aae0968', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: es.Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), index.h("div", { key: '3d2d78eebfc91efd770f3b4d1f2d6b4ca0641218', id: "layerOptionDiv" }, this.layerAnchor && (index.h("udp-pop-over", { key: 'd8fe86755c188ca9307b97a4f0e7510a91e13dac', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, index.h("select-layer-popup", { key: '213504b0c5b6e2f720be389aac07e98683f00fc9', enableTileSelection: this.enableTileSelection, tileOptions: this.tileOptions, handleMapTypeInputChange: this.handleMapTypeInputChange, handleSearchLayers: this.handleSearchLayers, filteredOptions: this.filteredOptions, visibleLayers: this.visibleLayers, updateSelectedLayers: this.updateSelectedLayers, selectedTile: this.selectedTile })))))), !this.readOnlyMap && this.selectedFeaturesActionPanel && (index.h("div", { key: 'e7e844cabe9bbadbe0230b4670fc5f5e86a59c88', id: "bulkSelectOption" }, index.h("div", { key: '21495bb0ae01eabe651d795bd840a60fac5d4a6e', id: "bulkSelectOptionButton" }, index.h("stencil-icon-button", { key: '372b8b99550e170247c5bafd670696f30beb8625', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: es.Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), index.h("div", { key: '634720dcf856edb6860d6671bf361da9317036a1', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (index.h("udp-pop-over", { key: '5901c691c00260c1180dfa71842ae4512b332fa1', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("udp-menu-item", { key: '74f4f7b9df37c81e177da3b3ba6e5c967cd2c6c4', label: 'Box', handleOnClick: () => {
|
|
266
266
|
this.handleBulkSelectionTypeOnclick('box');
|
|
267
|
-
} }), index.h("udp-menu-item", { key: '
|
|
267
|
+
} }), index.h("udp-menu-item", { key: '01b1dd88515b272d2be1ea7d55174e5634aab22a', label: 'Circle', handleOnClick: () => {
|
|
268
268
|
this.handleBulkSelectionTypeOnclick('circle');
|
|
269
|
-
} }), index.h("udp-menu-item", { key: '
|
|
269
|
+
} }), index.h("udp-menu-item", { key: '082fdc17a8f20ec1c1bbefcb65185618b3c36802', label: 'Polygon', handleOnClick: () => {
|
|
270
270
|
this.handleBulkSelectionTypeOnclick('polygon');
|
|
271
|
-
} }), index.h("udp-menu-item", { key: '
|
|
271
|
+
} }), index.h("udp-menu-item", { key: 'c436f55eb166a95b13aae4b437e86dc531e2c4f4', label: 'Lasso', handleOnClick: () => {
|
|
272
272
|
this.handleBulkSelectionTypeOnclick('lasso');
|
|
273
|
-
} })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '
|
|
273
|
+
} })))))), !this.readOnlyMap && this.enableSplit && (index.h("div", { key: '5596f3a4ce9c97795cf34a6c10a05a77877cff40', id: "splitOption" }, index.h("div", { key: 'fc7c0f661595fc0a28c594c7accd2da3faccd70d', id: "splitOptionButton" }, index.h("stencil-icon-button", { key: '843a8676c020dcb912143982f2960a0d54ab8adc', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: es.Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), index.h("div", { key: '6a6aa3505094fc439cd3cd148d8996ec480cabf7', id: "splitOptionDiv" }, this.splitAnchor && (index.h("udp-pop-over", { key: 'f076133c6159670dcb7d01c0f39e8d5e144b05b6', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("split-line-popup", { key: '6c2c013d5d7a824117cb63e3693b52ae133b120e', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (index.h("stencil-icon-button", { key: '61e10f02f84e08babcda3882cec237e680fc44ee', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: es.Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (index.h("div", { key: '7f78e23b73223a71ccc93d0ce236acf5e46b1dd6', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '222e3e14e959f7759cd6df1913c9f39874e5cdb1', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
|
|
274
274
|
if (this.enableDragBox) {
|
|
275
275
|
this.handleCancelBoxSelection();
|
|
276
276
|
}
|
|
277
277
|
if (this.enableAddNewFeature) {
|
|
278
278
|
this.handleAddNewFeature();
|
|
279
279
|
}
|
|
280
|
-
}, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '
|
|
280
|
+
}, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '63a73f465505d4b1bab8121933b18444a80d33a2', variant: "button" }, this.getButtonText())))), this.showSplitButton && (index.h("div", { key: '3dfbb10cd5ead27f916baf777937edf0d607a1f0', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '830a6de7d6d0112fd0ee535c820781aee7cbe1a8', showLabel: true, icon: es.Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '24d335a172372a10c48bbd138a48094b680b06a5', variant: "button" }, 'Save Split')))), this.showSplitButton && (index.h("div", { key: '08aa559492b97bced0b63f8d28f50398d94ae83a', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '282e20c2636fe4363ece0831e080c48c1c5c958e', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '60c3fb960d28a0b0b5249a888f9aa2f3ea1d9141', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (index.h("div", { key: 'f79e5479ca83d0a6a2f6f4e2e990dbc30f2ed1cc', class: "labelButtons" }, index.h("stencil-icon-button-grid-action-header", { key: '7fab28e00822674f56631df0318a71bee571c1ba', showLabel: true, icon: es.Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '44ef6bb6285e0eed094a432678bebd8584295923', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (index.h("div", { key: '84a8a0a96507f9cb0cb88a840871d2ae596e2105', class: "selectedFeaturesButtons labelButtons" }, index.h("div", { key: 'fffd010fc9b22f6bdadce6bd1e30c93cb3f7a0b7', id: "withSelectedOption" }, index.h("div", { key: 'b46feccbc20f30dfff97accb9f7268758e2a525a', id: "withSelectedOptionButton" }, index.h("stencil-icon-button-grid-action-header", { key: '10f3dd5eca0fb1a276f9085122ba4686414206cf', showLabel: true, icon: es.OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, index.h("unity-typography", { key: '40d4f6a63aa2b59e57b977acf37eade3235df013', variant: "button" }, 'With Selected'))), index.h("div", { key: '527851b90c03b373f72ae2aba16901289c9681e5', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (index.h("udp-pop-over", { key: 'ed34e9835acde3e320f7aa4c1e8f5d9404004daa', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, index.h("div", { key: '03d7e7b8b6b21196779f3ae7dc7a63e0df8eaa86', innerHTML: this.selectedFeaturesActionPanel }))))), index.h("stencil-icon-button-grid-action-header", { key: '9bd88fde7e170056b2f613700d9c1d9fc7307e38', showLabel: true, icon: es.Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, index.h("unity-typography", { key: '0997c19d47298bda8b12089f97ac196fa5a36d84', variant: "button" }, 'Cancel Selection'))))), index.h("div", { key: 'daf1418e8747948df45f4c26f7f694793392b1c5', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (index.h("div", { key: 'd2f2b7822d2d0ac16bfd7aecd0c77714150d8a85', id: "addOptionButton" }, index.h("custom-button", { key: 'ed8a4aa24b44c35d19902d1857ba1116fe4e44c2', secondary: true, label: index.h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, index.h("udp-icon", { key: '13bce86ae5c0ba2eef03ae8b7daa91a167920860', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (index.h("udp-pop-over", { key: '2c4f226188928fdafba3f9b386ea6065c26fce06', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, index.h("add-map-feature-popup", { key: '167c7b36c16bb6d0d0da125b801d58b088cfb965', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
|
|
281
281
|
}
|
|
282
282
|
get mapToolbarElement() { return index.getElement(this); }
|
|
283
283
|
static get watchers() { return {
|
|
@@ -302,9 +302,9 @@ const SelectLayerPopUp = class {
|
|
|
302
302
|
}
|
|
303
303
|
render() {
|
|
304
304
|
var _a, _b, _c;
|
|
305
|
-
return (index.h("div", { key: '
|
|
305
|
+
return (index.h("div", { key: 'eb87124dc20e69d2e237489e2f0b549ba3cfc818', class: "popoverContent" }, this.enableTileSelection && (index.h("udp-selector", { key: 'd821f41e72acd630c018c3033c3fc4ddf1b7949f', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
|
|
306
306
|
this.handleMapTypeInputChange(e.detail);
|
|
307
|
-
}, large: false })), index.h("div", { key: '
|
|
307
|
+
}, large: false })), index.h("div", { key: '4fbbf23fee2e1b88cc2e195e5216d4ea8a19051f', style: { height: '12px' } }), index.h("div", { key: 'f87a773ec4ad75ceaff7745d4a1c48e0831ba83c' }, index.h("text-field", { key: '46d6504fd70ef040770a6c237a34f75a1b63fb33', label: 'Search Layers', id: 'searchFilter', value: '', onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
|
|
308
308
|
((_c = this.filteredOptions) === null || _c === void 0 ? void 0 : _c.map(item => (index.h("check-box-group", { title: item === null || item === void 0 ? void 0 : item.title, options: item === null || item === void 0 ? void 0 : item.options, values: this.visibleLayers, handleChange: this.updateSelectedLayers }))))));
|
|
309
309
|
}
|
|
310
310
|
};
|
|
@@ -320,7 +320,7 @@ const SplitLinePopup = class {
|
|
|
320
320
|
}
|
|
321
321
|
render() {
|
|
322
322
|
var _a;
|
|
323
|
-
return (index.h("div", { key: '
|
|
323
|
+
return (index.h("div", { key: '5cdf7566fbf1dc2f55d34d5b61991fe50bb669a2', class: "popoverContent" }, index.h("udp-selector", { key: '23859991c23b9069f3eb706a31d9f0fd6301138d', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
|
|
324
324
|
return {
|
|
325
325
|
label: layer,
|
|
326
326
|
value: layer,
|
|
@@ -404,7 +404,7 @@ const AgTable = class {
|
|
|
404
404
|
this.height = 'calc(100vh - 200px)';
|
|
405
405
|
}
|
|
406
406
|
render() {
|
|
407
|
-
return (index.h("div", { key: '
|
|
407
|
+
return (index.h("div", { key: 'cb71b24c96b31cb228f08bd955f0da67fec23757', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
|
|
408
408
|
}
|
|
409
409
|
get el() { return index.getElement(this); }
|
|
410
410
|
};
|
|
@@ -458,8 +458,8 @@ const EditViewFormDialog = class {
|
|
|
458
458
|
this.fetchedCurrentView = false;
|
|
459
459
|
}
|
|
460
460
|
render() {
|
|
461
|
-
return (index.h("fluent-dialog", { key: '
|
|
462
|
-
index.h("div", { key: '
|
|
461
|
+
return (index.h("fluent-dialog", { key: '148710ea0f7bea0484e3f84e862d0b9123bd79ac', open: this.open, actionOne: () => { this.handleSubmit(); this.closeDialog(); this.resetFetchedCurrentView(); }, actionTwo: () => { this.closeDialog(); this.resetFetchedCurrentView(); }, handleClose: this.handleClose, labelOne: "Save Update", labelTwo: "Cancel", title: this.title, disableOne: !this.name }, index.h("form", { key: '743aa9a972a90176eb5458405f13cdea3ee56942', class: "edit-form" }, index.h("text-field", { key: 'b69c3ea8fa67eeb996ce7f92a9266aebd33cbcc5', label: "View Name", value: this.name, onInput: (event) => this.handleNameChange(event) }), this.fetchedCurrentView &&
|
|
462
|
+
index.h("div", { key: '7a887a7530065a3c639dfcc66b1d9e5b00b25090', class: "toggle-options" }, index.h("div", { key: '60db77820677f5231298264162821c12f6a07c11' }, index.h("stencil-toggle", { key: '3bda1b0d33a183bbb901aa4dd52dceb377585829', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), " "), index.h("div", { key: '855ecc8457827f4188304177961d361747f5df19' }, index.h("stencil-toggle", { key: 'eae91f81bd56d29ba0055da06ab0c73f7be45978', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
|
|
463
463
|
}
|
|
464
464
|
get el() { return index.getElement(this); }
|
|
465
465
|
};
|
|
@@ -610,7 +610,7 @@ const GridPrimaryBar = class {
|
|
|
610
610
|
this.updateHideBar();
|
|
611
611
|
}
|
|
612
612
|
render() {
|
|
613
|
-
return (index.h("div", { key: '
|
|
613
|
+
return (index.h("div", { key: '1cc9cbb3512478af92422c231bf6cca22fb39504', class: "header-bar", style: !this.hideBar ? { background: 'var(--accent-color)' } : undefined }, index.h("div", { key: 'c6b83673caa1dab0867ee06bc5f465fff3dee8e0', class: "title-section" }, index.h("div", { key: '154dda62a2bfa4bcdb6c83bd75ace11b24fb19b3' }, index.h("unity-typography", { key: '492544aae9ca6d06f6a5c0fb3a18bfc9d6ed4ef5', variant: "h4" }, this.title, " "), ' ')), index.h("div", { key: '452ab7d7bf651df27dd3ab23543899fe0b4a5e71', class: "button-section" }, index.h("div", { key: 'a5795c8f6b3180a7d682c13f9bdc602f8b31776f' }, index.h("slot", { key: '1e1c1019314d977cd3e8bc3d4660f4d08c93453a' })), this.defaultActionButtons.map(btn => {
|
|
614
614
|
const clickHandler = (event) => {
|
|
615
615
|
if (btn.clickHandler) {
|
|
616
616
|
btn.clickHandler(event);
|
|
@@ -623,7 +623,7 @@ const GridPrimaryBar = class {
|
|
|
623
623
|
return (index.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 && index.h("i", { class: btn.icon }), btn.label.toLowerCase() === 'save' || (!this.hiddenLabels.includes(btn.label) && btn.showLabel) ? index.h("span", null, btn.label) : null));
|
|
624
624
|
}
|
|
625
625
|
return null;
|
|
626
|
-
}), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: '
|
|
626
|
+
}), this.primaryActionClick && this.primaryActionLabel && (index.h("custom-button", { key: '003e8cb8e5cec854cd78e170f960dabdcaaa9214', label: this.primaryActionLabel, onClick: (event) => this.primaryActionClick(event), size: "tall" }, this.primaryActionIcon && index.h("udp-icon", { key: '1f6bcb84640f24924c82f07a5f85be0a3425c322', iconName: this.primaryActionIcon, darkIcon: false }))))));
|
|
627
627
|
}
|
|
628
628
|
static get watchers() { return {
|
|
629
629
|
"window:resize": ["onResize"],
|
|
@@ -701,11 +701,11 @@ const SaveViewFormDialog = class {
|
|
|
701
701
|
}
|
|
702
702
|
}
|
|
703
703
|
render() {
|
|
704
|
-
return (index.h("fluent-dialog", { key: '
|
|
704
|
+
return (index.h("fluent-dialog", { key: '11d77e271d9052cb0d2dc01ab68a1711ba69341c', open: this.open, actionOne: () => {
|
|
705
705
|
this.handleSubmit();
|
|
706
706
|
}, actionTwo: this.closeDialog, actionThree: () => {
|
|
707
707
|
this.handleViewUpdate();
|
|
708
|
-
}, handleClose: this.handleClose, labelOne: "Save as Copy", labelTwo: "Cancel", labelThree: "Save View", title: this.title, disableOne: !this.name, buttonThreeHidden: !this.gridViewId }, index.h("form", { key: '
|
|
708
|
+
}, handleClose: this.handleClose, labelOne: "Save as Copy", labelTwo: "Cancel", labelThree: "Save View", title: this.title, disableOne: !this.name, buttonThreeHidden: !this.gridViewId }, index.h("form", { key: 'ef7e0089370810479fffe5009cd0a44d538ab88c', class: "save-form" }, index.h("text-field", { key: '9321cbc06b7d79f0a5f5068e2a7ddca50ebf434f', label: "View Name", placeholder: "Create a name for your view", value: this.name, onInput: (event) => this.handleNameChange(event) }), index.h("div", { key: 'af902e7792f5de7b1d4333c274079f4544211531', class: "toggle-options" }, index.h("div", { key: '0c4f78f6bd0716adb686607d78636cc366fb416d' }, index.h("stencil-toggle", { key: '5a385cd828db721c4716d979b5391760c46925c2', label: "Private", checked: this.isPrivate === 1, onToggledChange: this.handlePrivateChange }), ' '), index.h("div", { key: '775b8586ca7ac81668d18b76ee1e14082bada271' }, index.h("stencil-toggle", { key: 'b870f8bc34e04f93398536096cee79b0734ecdf1', label: "Default", checked: this.isDefault, onToggledChange: this.handleDefaultChange, style: { marginTop: '10px' } }))))));
|
|
709
709
|
}
|
|
710
710
|
get el() { return index.getElement(this); }
|
|
711
711
|
static get watchers() { return {
|
|
@@ -728,7 +728,7 @@ const SideSheet = class {
|
|
|
728
728
|
render() {
|
|
729
729
|
const widthClass = typeof this.widthOption === 'number' ? 'custom-width' : this.widthOption;
|
|
730
730
|
const sideSheetStyle = typeof this.widthOption === 'number' ? { width: `${this.widthOption}px` } : {};
|
|
731
|
-
return (index.h("div", { key: '
|
|
731
|
+
return (index.h("div", { key: '836ccb4d38fd4347eeaf54fb22974d66acfbd4ff' }, index.h("div", { key: 'f19bac59d313914055ff4a2878863921a016f7d9', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), index.h("div", { key: '9e98a21e70d667f03c8d62f65d8c30f77c00767c', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, index.h("div", { key: 'fc6792f18c019fffe34492cb675f07696fea5760', class: "title" }, index.h("div", { key: 'b562bb8d9abbc3aab06a15bdfad06c121e830227', class: 'close-button' }, index.h("stencil-icon-button", { key: '1663c479d4b8ca0728b9b4de59e2ad8c6dd79aa4', icon: Close24__default.default, onClick: this.toggleDrawer })), index.h("div", { key: '1fa7d0d60f126f600f57643253c93906973f699a', class: 'title' }, index.h("unity-typography", { key: '725d10d127af525f618a44f0a178be3876a659e1', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && index.h("custom-button", { key: 'c98121e8b50abc6bd245074f17c9337cfd5105f7', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), index.h("side-sheet-container", { key: 'e4299fc73ba1870862450b35b02e383597c59e75', padding: this.padding }, index.h("slot", { key: '4693ec54d7522ed7dea02ee4439d9fb6c8b06075' })))));
|
|
732
732
|
}
|
|
733
733
|
};
|
|
734
734
|
SideSheet.style = sideSheetCss;
|
|
@@ -764,7 +764,7 @@ const UdpHotlistForm = class {
|
|
|
764
764
|
// console.log('Cancel button clicked');
|
|
765
765
|
// }
|
|
766
766
|
render() {
|
|
767
|
-
return (index.h("div", { key: '
|
|
767
|
+
return (index.h("div", { key: '7f19694d5be421c7b0aa46212deb0a18415f5798', class: "wrapper" }, index.h("form", { key: '5649db10710e5ff474f13a0ef8ece2377909da89', class: "save-form", onSubmit: this.handleSubmit }, index.h("text-field", { key: '214ff3dbd6c2fd354b7c210bdd5f24363ad7214b', label: "Hotlist Name", placeholder: "Create a name for your Hotlist", value: this.name, onChange: (event) => this.handleNameChange(event) }), index.h("stencil-toggle", { key: 'e5e45396d7372926c939c28cbf6c44ef6b5562d9', label: "Private", checked: this.isPrivate, onToggledChange: this.handlePrivateChange }), index.h("div", { key: '5da10bc99138554e641e13834962a2c2e0587969', class: "submit-button" }, index.h("custom-button", { key: 'c792c88f566a8abbbd186453331169fa7a45eb3b', variant: 'outline', type: "submit", onCustomClick: this.handleCancelClick }, "Cancel"), index.h("custom-button", { key: '57d482894a2520666cf5f76c17f1ad1996791b21', disabled: !this.name, type: "submit", onCustomClick: this.onCustomButtonClick }, "Create List")))));
|
|
768
768
|
}
|
|
769
769
|
get el() { return index.getElement(this); }
|
|
770
770
|
};
|
|
@@ -786,11 +786,11 @@ const UdpNotification = class {
|
|
|
786
786
|
}
|
|
787
787
|
render() {
|
|
788
788
|
const statusClass = `status-${this.status}`;
|
|
789
|
-
return (index.h("div", { key: '
|
|
789
|
+
return (index.h("div", { key: 'cd2d073bfca62c063d4f8df897b848710be57c11', class: {
|
|
790
790
|
'udp-notification': true,
|
|
791
791
|
'visible': this.active,
|
|
792
792
|
[statusClass]: true // This will apply the correct class based on the status
|
|
793
|
-
} }, this.userCancel && (index.h("button", { key: '
|
|
793
|
+
} }, this.userCancel && (index.h("button", { key: '61c91bc421b31982330f91f078a24a1d8f6f3204', class: "close-button", onClick: () => this.active = false }, "\u00D7")), index.h("span", { key: 'e43710ce4dee2345953a7fb77f252dce8a1672fe', class: "message" }, " ", index.h("unity-typography", { key: '2ebe60d75278ed5157b339b8679c6bedce322926', variant: 'body' }, " ", this.message, " "))));
|
|
794
794
|
}
|
|
795
795
|
static get watchers() { return {
|
|
796
796
|
"active": ["activeChanged"]
|
|
@@ -837,7 +837,7 @@ const UdpPopOver = class {
|
|
|
837
837
|
style['top'] = `${rect.bottom}px`;
|
|
838
838
|
style['left'] = `${rect.left}px`;
|
|
839
839
|
}
|
|
840
|
-
return (index.h("div", { key: '
|
|
840
|
+
return (index.h("div", { key: '511fb2756ab0c38c04ee500f31e964bfb52672f1', class: "popover", style: style }, index.h("unity-typography", { key: 'd0db9b3b955f5cf4429b0176df5b7e98a21c66e9', variant: "caption-text" }, index.h("slot", { key: '8adc31948a622995a141e9d4ff74f28a97af6108' }))));
|
|
841
841
|
}
|
|
842
842
|
get el() { return index.getElement(this); }
|
|
843
843
|
static get watchers() { return {
|
|
@@ -856,7 +856,7 @@ const UpdAlertBanner = class {
|
|
|
856
856
|
this.message = '';
|
|
857
857
|
}
|
|
858
858
|
render() {
|
|
859
|
-
return (index.h("div", { key: '
|
|
859
|
+
return (index.h("div", { key: 'e100527c51fc69bfdb74ecfba9a3d52d55aad4d6', class: `alert-banner ${this.type}` }, index.h("unity-typography", { key: 'ae237651e36d4f1a0f6df444dbd89eead388ab48', variant: "data-display-three" }, " ", this.message, " ")));
|
|
860
860
|
}
|
|
861
861
|
};
|
|
862
862
|
UpdAlertBanner.style = updAlertBannerCss;
|
|
@@ -1006,7 +1006,7 @@ const AgGridBase = class {
|
|
|
1006
1006
|
render() {
|
|
1007
1007
|
var _a;
|
|
1008
1008
|
const variantClass = `variant-${((_a = this.headerConfig) === null || _a === void 0 ? void 0 : _a.variant) || 'light'}`;
|
|
1009
|
-
return (index.h("div", { key: '
|
|
1009
|
+
return (index.h("div", { key: '170465021bc17235f086e5c4bd4836f25dc571df', class: variantClass, ref: el => (this.gridContainerEl = el) }, index.h("ghost-render", { key: '36680ab6d0ffe67b9d1f231a70c20e286750db24' }, index.h("div", { key: 'ca6790bc61e51977b68a2afa4ba90ee35480c5af' }, index.h("udp-dialog", { key: '0047e9e3e946f5f34a526a477eb1502caa2a5d01' }), index.h("udp-list-item", { key: '93b39e5642bde5da8319f0e32ebf7b979829da10' }), index.h("hint-panel", { key: '049a550ac8c95cb4d88f41ed552e819b74f0d2dc' }))), index.h("div", { key: '6e01cb9a900ec69cf17185dee3ec3c3566dfdf10', class: "grid-base-header" }, index.h("grid-header", { key: '3d5dc8302ebecc3d27636f633b7468131d7755db', headerConfig: this.headerConfig, gridFunctions: this.gridFunctions, onHeaderAction: this.onHeaderAction }), index.h("div", { key: '9d3422860719b7e1e3d0751d982fa5bf3e67124f', 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); }))), index.h("div", { key: '4a4a7c6d003c5800ee0182a2d65f6fa7e5b2b94f', id: "myNewGrid", ref: el => (this.gridEl = el), style: {
|
|
1010
1010
|
viewTransitionName: `my-new-grid`,
|
|
1011
1011
|
} })));
|
|
1012
1012
|
}
|
|
@@ -1093,7 +1093,7 @@ const GhostRender = class {
|
|
|
1093
1093
|
// The <slot /> is necessary to prevent the Stencil compiler from
|
|
1094
1094
|
// overly optimizing this component's output and aliasing the
|
|
1095
1095
|
// defineCustomElement export, which breaks downstream wrappers.
|
|
1096
|
-
return (index.h(index.Host, { key: '
|
|
1096
|
+
return (index.h(index.Host, { key: '3cbba0443ad2d46698eaa13195bcf7b8bd78a40a' }, index.h("slot", { key: '94bede4648455fbd3c6603012cf0c29f9dbdabf6' })));
|
|
1097
1097
|
}
|
|
1098
1098
|
};
|
|
1099
1099
|
GhostRender.style = ":host {\n display: none;\n }";
|
|
@@ -1213,7 +1213,7 @@ const UdpDialog = class {
|
|
|
1213
1213
|
document.removeEventListener('keydown', this.handleKeyDown);
|
|
1214
1214
|
}
|
|
1215
1215
|
render() {
|
|
1216
|
-
return (index.h(index.Host, { key: '
|
|
1216
|
+
return (index.h(index.Host, { key: '5a90e0cfa060c1363fb823be98a2f3f7ff5682ef', onClick: this.handleOverlayClick }, index.h("div", { key: '8ab6dd81074d401ed22b436c9cc21c21ec0210f8', class: "dialog-container", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, "aria-describedby": this.descriptionId, onClick: (event) => event.stopPropagation() }, index.h("div", { key: '6b4181bceeecbe7d316d13e902897b9dcfd3dff1', class: "dialog-title", id: this.titleId }, index.h("unity-typography", { key: 'cdc44f463dc5cce8fcc583fdb9b140cd0b651df2', variant: "h3" }, this.title)), index.h("div", { key: '1b5147acd9da752ef77ece211e645b020766a90e', class: "dialog-content", id: this.descriptionId }, this.message && index.h("unity-typography", { key: 'e3056d62d5b19dc4ab59491cd35ff5e876d5af69', variant: "body" }, this.message), index.h("slot", { key: '7e3077ebd768e66fb38c96635d9270baa4e26b68' })), index.h("div", { key: '049b0fd822a3a6fd44264bd0c98db78bbe8860dc', class: "dialog-actions" }, !this.buttonTwoHidden && (index.h("udp-button", { key: '4e2451c51e0d7f687e6a20208f7b128c9fa93cc8', variant: 'text', disabled: this.disableTwo, onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (index.h("udp-button", { key: 'ffce2387c9aa1aed65706eb3901687e2f1843618', variant: 'text', disabled: this.disableThree, onClick: () => this.actionThree() }, this.labelThree)), !this.buttonOneHidden && (index.h("udp-button", { key: '66b2adc47093fa6f8ace3460390f59081451d2b9', variant: 'contained', disabled: this.disableOne, onClick: () => this.actionOne(), loading: !!this.progress }, this.labelOne))))));
|
|
1217
1217
|
}
|
|
1218
1218
|
get hostEl() { return index.getElement(this); }
|
|
1219
1219
|
static get watchers() { return {
|
|
@@ -1276,11 +1276,11 @@ const UdpListRenderer = class {
|
|
|
1276
1276
|
render() {
|
|
1277
1277
|
const showPrimaryText = this.primaryText || this.hasPrimaryTextSlot;
|
|
1278
1278
|
const showSecondaryText = this.secondaryText || this.hasSecondaryTextSlot;
|
|
1279
|
-
return (index.h(index.Host, { key: '
|
|
1279
|
+
return (index.h(index.Host, { key: '4e8edba80d5983c2f878b2ad0731b72238ea882e' }, index.h("div", { key: '568adde99ec3bc362ab34d2c31c9e307002acac2', class: {
|
|
1280
1280
|
'list-item': true,
|
|
1281
1281
|
'clickable': this.clickable,
|
|
1282
1282
|
'variant-compact': this.variant === 'compact',
|
|
1283
|
-
}, onClick: this.handleClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, this.iconName && (index.h("div", { key: '
|
|
1283
|
+
}, onClick: this.handleClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, this.iconName && (index.h("div", { key: '61b51b5dede1f2705dcc7b2825348a07c0a80efa', class: "avatar-container" }, index.h("udp-avatar", { key: '108678bcb61b90c1390a54582e6388384d1ebd1e', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), index.h("div", { key: '10eac3586f355e87339e03d94ac41af2d1ef097b', class: "text-container" }, showPrimaryText && (index.h("div", { key: 'c3c0f2e589d2c5ba83840a6b08869f13d8ba2ff1', class: "primary-text" }, index.h("slot", { key: 'b01581a16a642c52e0700f7ccd19037d1b59958f', name: "primary-text" }, index.h("unity-typography", { key: '01fcd927aeeb074067d03f795d123985f3a52bcb', variant: "body" }, this.primaryText)))), showSecondaryText && (index.h("div", { key: 'a5bc8b98b185424a82d06d97a29ba4c2c32bc8c3', class: "secondary-text" }, index.h("slot", { key: 'da8cbda21c28f6ba5873d5eaf0f694ad906bb14f', name: "secondary-text" }, index.h("unity-typography", { key: 'f5d19214b90eb6c2b8a992dc43e529761d394d40', variant: "caption-text", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (index.h("div", { key: '3bcf146d66ec6671beefe002f3f5a84a2dd23944', class: "status-chip-container" }, index.h("slot", { key: '9b5e6d67c50f113a52b3b20054a8d81a744d1f23', name: "status-chip" }))), this.hasActionsSlot && (index.h("div", { key: '20a822232840d162030142618fcfc762d0d95e92', class: "actions-container" }, index.h("slot", { key: '305560605b78e8f02ed30052e9013eb9b01b5a01', name: "actions" }))))));
|
|
1284
1284
|
}
|
|
1285
1285
|
get hostEl() { return index.getElement(this); }
|
|
1286
1286
|
};
|
|
@@ -3910,29 +3910,29 @@ const AmbientTemplateGrid = class {
|
|
|
3910
3910
|
this.gridHeight = 'calc(100vh - 200px)';
|
|
3911
3911
|
}
|
|
3912
3912
|
const actionMenuItems = this.getOverflowActionList(this.overflowActionMenuItems, this.selectedRowParams);
|
|
3913
|
-
return (index.h("div", { key: '
|
|
3913
|
+
return (index.h("div", { key: 'fcf740bb7d0ecd2ead7339139a99afb06f6177ae' }, this.openActionPopoverMenu && (index.h("udp-pop-over", { key: '7345f52600b726f6f6bd01fcf72e4a2480c02960', isOpen: this.openActionPopoverMenu, anchorElement: this.actionMenuAnchorElement, popoverWidth: "170px", popoverMaxHeight: "250px", handleOnClose: event => {
|
|
3914
3914
|
this.handleOnCloseActionPopover(event);
|
|
3915
|
-
} }, index.h("div", { key: '
|
|
3915
|
+
} }, index.h("div", { key: '5c5ceffa203e09883f45e5cea25e4f28e9b9aece', class: "overflowActionButtons" }, actionMenuItems))), index.h("div", { key: 'a31e9ff9d7f0844987de234e82bb3270c2d8c345' }, this.showNotification && (index.h("udp-notification", { key: 'eed0766c1739723a68b75f72a2ae73a095c927fe', active: this.showNotification, message: this.notificationMessage, status: this.notificationStatus, userCancel: true, style: { zIndex: '999991', transform: 'translateY(20px)' } }))), index.h("style", { key: '17fc34bb45fb2a6f5ca909f27eb8de48344a9cca' }, `:host ::slotted(.ag-side-bar) {
|
|
3916
3916
|
width: ${filterPanelWidth} !important;
|
|
3917
|
-
}`), index.h("grid-primary-bar", { key: '
|
|
3917
|
+
}`), index.h("grid-primary-bar", { key: 'dee0226164a79222370d27d6fdbd4869ffb42327', 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 => {
|
|
3918
3918
|
this.insightsActionOnClick(e);
|
|
3919
3919
|
}, showInsightsAction: this.showInsightsAction, hiddenActionButtons: this.hiddenActionButtons, primaryActionLabel: this.primaryActionLabel, primaryActionClick: e => {
|
|
3920
3920
|
this.primaryActionOnClick(e);
|
|
3921
|
-
}, 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 }), index.h("udp-pop-over-grid-action-header", { key: '
|
|
3921
|
+
}, 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 }), index.h("udp-pop-over-grid-action-header", { key: '823db909368be235805312b1d85cb1ae04d76e3d', isOpen: this.gridOptionsDrawerOpen, anchorElement: document.querySelector('grid-primary-bar') }, index.h("stencil-icon-button-grid-action-header", { key: 'be4c4b59203ad081ddc6a6a2ce54fb5116f04282', onClick: () => {
|
|
3922
3922
|
this.togglePanel('columns');
|
|
3923
3923
|
this.showGridOptions();
|
|
3924
|
-
}, tooltip: "Show/Hide Columns" }, index.h("unity-typography", { key: '
|
|
3924
|
+
}, tooltip: "Show/Hide Columns" }, index.h("unity-typography", { key: 'eb430b68187ae394a12ecf89fc4d3e6739a69885', variant: "button" }, "Show/Hide Columns")), index.h("udp-divider", { key: '29d90487b9a5306beac3f31b8de7c79ee5737b52', size: "100%" }), index.h("stencil-icon-button-grid-action-header", { key: '33b54bfb6a57b2a0917e10c3b63f5aa378624dba', onClick: () => {
|
|
3925
3925
|
this.fitColumns();
|
|
3926
3926
|
this.showGridOptions();
|
|
3927
|
-
}, tooltip: "Fit to Column" }, index.h("unity-typography", { key: '
|
|
3927
|
+
}, tooltip: "Fit to Column" }, index.h("unity-typography", { key: 'aefeb0faf051e723ed07d5ca6213d95e8e44d688', variant: "button" }, "Fit to Column")), index.h("udp-divider", { key: 'cbafded30497af76486da3f7dff40575c9ccacac', size: "0px" }), index.h("stencil-icon-button-grid-action-header", { key: '20a0248f373dd0744cfd4926df9fd765dd16a940', onClick: () => {
|
|
3928
3928
|
this.expandColumns();
|
|
3929
3929
|
this.showGridOptions();
|
|
3930
|
-
}, tooltip: "Expand Grid" }, index.h("unity-typography", { key: '
|
|
3930
|
+
}, tooltip: "Expand Grid" }, index.h("unity-typography", { key: '5715693b0374b93e753d3487940b31baa3f41c24', variant: "button" }, "Expand Grid")), index.h("udp-divider", { key: 'e553c613d756658889c523f42e62f56b4b84ccfd', size: "0px" }), !this.disableSearchSwitch && (index.h("stencil-icon-button-grid-action-header", { key: 'fc60dadf07bb418a528b7f324c80eddcfa2d5592', onClick: () => {
|
|
3931
3931
|
this.handleSearchModeToggle();
|
|
3932
3932
|
this.showGridOptions();
|
|
3933
|
-
}, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, index.h("unity-typography", { key: '
|
|
3933
|
+
}, tooltip: this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search' }, index.h("unity-typography", { key: 'fe376cfcc98243f1f90551f27a2d46c21847a8e5', variant: "button" }, this.enableAdvancedSearch ? 'Standard Search' : 'Advanced Search')))), index.h("div", { key: 'f89e1876ec8812c4d3bf418d94fe393b610d6866', class: "second-row", style: { display: shouldHideSecondRow ? 'none' : '' } }, !this.hideBulkActions && this.rowsSelected && (index.h("div", { key: '7eae27f5e22351074ce8094f51be81456933d74a', class: "bulk-select" }, index.h("udp-badge", { key: 'a2398b9dc421ef7691a86eb4af75937ff724735b', content: this.selectedRowCount }, index.h("udp-selector", { key: '29367d418f0dedc1f72fc4736ed2997449d3f563', options: this.bulkActions.length > 0 ? this.formattedBulkActions : [], onChange: (e) => this.handleSelectedBulkOption(e) })))), ((_g = this.loadedViewTitle) === null || _g === void 0 ? void 0 : _g.length) !== 0 && (index.h("div", { key: '79e1f1845abca0aba1be2b1774d2cd2bb79c0d58', class: "chip-wrapper" }, index.h("stencil-chip", { key: 'd120378c1f48bb79ad1612348773c414bdbc4d01', text: this.loadedViewTitle,
|
|
3934
3934
|
// onOnDelete={this.handleDelete as any}
|
|
3935
|
-
onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16__default.default, showLeftIcon: this.selectedViewIsDefault }), index.h("udp-divider", { key: '
|
|
3935
|
+
onOnDelete: this.handleViewChipDelete, color: "secondary", defaultToggled: true, leftIcon: Star16__default.default, showLeftIcon: this.selectedViewIsDefault }), index.h("udp-divider", { key: '267f85e016861a7674f4ed514c3c998759b2428a', variant: "vertical", size: "30px" }))), this.hotListActive && (index.h("div", { key: '40e91484b1e4cd9f859698a7c5d1f75bb8416efb', class: "chip-wrapper" }, index.h("stencil-chip", { key: 'afd705fa4c632fad1b3d82c00444a22656615a70', text: this.hotListActive, color: "secondary", onOnDelete: this.handleRemoveHotlist, defaultToggled: true, leftIcon: List16__default.default }), index.h("udp-divider", { key: 'c550ea944bbd23807951875f33347fcc20ba1804', variant: "vertical", size: "30px" }))), index.h("div", { key: 'b625f43c27d5cb06f651a7116e4e6f8d4c1a6c78', class: "chip-section" }, this.filterChips.length > 0 && (index.h("udp-dynamic-container-with-menu", { key: '83e13a16c0d16cbff7366d4d45e0b8c960ec15a2', id: "filterChipsContainer", externalToggle: this.externalToggle, onUdpChipClicked: (event) => this.setFilterFromChips(event.detail), menuItems: this.filterChips }))), index.h("div", { key: '4324d997e85ff8563ca40e800a1d13f0d2560505', class: "kpi" }, index.h("kpi-list", { key: 'eff1a0dcb525a8d7ff92e2fdb22ddd2c58d05996', kpiValues: this.kpiValues }))), this.gridError && (index.h("div", { key: '2e39b1497faf7473d91901d99c6e237b7629cba8' }, index.h("upd-alert-banner", { key: 'b8cf92022c512934c5015a8f1dfb50037283dd66', type: "error", message: `An error occurred with loading the grid with data.` }))), index.h("div", { key: '17093acb266c1814c37fa4ab1831c134f9692645', style: { height: '4px', backgroundColor: shouldHideSecondRow ? 'var(--accent-color)' : 'rgb(247, 245, 243)', overflow: 'hidden' } }, this.linearLoading && index.h("udp-linear-loader", { key: 'bbfaadd1d66ba5101390e3261fa47d97eec11b94' })), this.noResults && (index.h("div", { key: 'f4ea4fa153c80f0267954686257def90e3a845f2' }, index.h("upd-alert-banner", { key: '7bbbcd8a2176ad3ef6c3babaa1805c4bfedf0ac0', onClick: () => this.refreshOnNoResults(), type: "info", message: "Sorry, no records meet your search criteria" }))), index.h("div", { key: 'ea21fa5f1c44e70f509c791ed41cfb1c44bd8845' }, index.h("ag-table", { key: 'd46d769483c4c3641b76d3955addce1b79398447', gridOptions: this.gridOptions, licensekey: LicenseKey, height: this.gridHeight })), index.h("side-sheet", { key: 'e67e2abd05184ed72dff3d2ccc7c34c4798ab698', sideSheetButtonLabel: "Search", handleSideSheetButton: () => this.updateServerSideDatasource('', 'advanced search sheet'), title: "Advanced Search", open: this.advancedDrawerOpen, toggleDrawer: () => this.primaryActionClick('advancedSearch'), position: "right" }, index.h("div", { key: '8d4811540d3b88acf771a8840447ae7725632fdb', style: { width: '1200px' } }, index.h("advanced-search", { key: 'f07178f34575f058f81d2499dc2a8952c13cff23', 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 }))), index.h("side-sheet", { key: 'b7e7af373319b1833fba77777ef4bc7f19d13d8b', widthOption: "short", title: "Views", open: this.viewDrawerOpen, toggleDrawer: () => this.primaryActionClick('views'), position: "right" }, index.h("div", { key: '4a1cfcae24c8bccadfc86fef2954278c32f76ee9' }, index.h("div", { key: '8f4cb0e96f653d6fb2474ea62c2e47870b3ed862', style: { width: '450px', marginBottom: '8px' } }, index.h("hint-panel", { key: '9cb8a47b69eaf3f9571ae866d7c05c3268300d08', 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" })), index.h("div", { key: 'b5f08553344ee2d5c5c9c821560e2badf1d82efb', style: { width: '446px' } }, this.viewListRowData &&
|
|
3936
3936
|
this.viewListRowData.map(item => {
|
|
3937
3937
|
if (item.gridViewVisibilityTypeId === 2 || item.userId.toLowerCase() === this.userId.toLocaleLowerCase()) {
|
|
3938
3938
|
return (index.h("tree-list-item", {
|
|
@@ -3943,9 +3943,9 @@ const AmbientTemplateGrid = class {
|
|
|
3943
3943
|
}, 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
|
|
3944
3944
|
}));
|
|
3945
3945
|
}
|
|
3946
|
-
})))), index.h("side-sheet", { key: '
|
|
3946
|
+
})))), index.h("side-sheet", { key: '3866dbac00f97e220ba68a126c7eee5466d8a1ed', title: "Search", sideSheetButtonLabel: "Search", handleSideSheetButton: this.handleSideSheetButtonClick, open: this.customSearchDrawerOpen, toggleDrawer: () => this.primaryActionClick('customSearch'), position: "right", buttonTransform: this.buttonTransform }, index.h("advanced-search-grouped", { key: 'e5d8ddec6c131965f51b25ab609b0e8289002a17', 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(),
|
|
3947
3947
|
// onSearchItemChanged={() => this.handleSearchItemChange()}
|
|
3948
|
-
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 })), index.h("side-sheet", { key: '
|
|
3948
|
+
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 })), index.h("side-sheet", { key: '1786409e9db75b24ce0a6fbfe7942fe0e0fc2d1d', disabled: this.showHotlistForm, widthOption: "short", sideSheetButtonLabel: "Create New Hotlist", handleSideSheetButton: () => this.toggleHotlistForm(), title: "Hot Lists", open: this.hotlistDrawerOpen, toggleDrawer: () => this.primaryActionClick('hotlists'), position: "right" }, index.h("div", { key: 'cecfd158abfbd02e0424d0e3ff6865e2f43e9ef8' }, this.showHotlistForm && index.h("udp-hotlist-form", { key: '313c89cc86806db116759b19d6a5088f7cd207d1', handleFormSubmit: this.handleSaveHotlist, handleCancelClick: () => this.toggleHotlistForm() }), index.h("div", { key: 'cbfbe92c66bef0caa746068ef8e569a6fd1ae275', style: { width: '446px' } }, this.allHotlists &&
|
|
3949
3949
|
this.allHotlists.map(item => {
|
|
3950
3950
|
if (item.domain === this.entityName) {
|
|
3951
3951
|
return (index.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: {
|
|
@@ -3953,7 +3953,7 @@ const AmbientTemplateGrid = class {
|
|
|
3953
3953
|
false: 'neutral',
|
|
3954
3954
|
}, statusLabel: item.isPrivate ? 'Private' : 'Shared' }));
|
|
3955
3955
|
}
|
|
3956
|
-
})))), index.h("save-view-form-dialog", { key: '
|
|
3956
|
+
})))), index.h("save-view-form-dialog", { key: '51d25bdcaf7e0f004e49c143cecdbe076c48d66c', 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) => {
|
|
3957
3957
|
// Assuming this.columnState exists in this component's scope
|
|
3958
3958
|
this.handleViewFormSubmit(name, isPrivate, isDefault, this.gridState);
|
|
3959
3959
|
}, handleViewAndConfigurationSubmit: (name, isPrivate, isDefault) => {
|
|
@@ -3966,11 +3966,11 @@ const AmbientTemplateGrid = class {
|
|
|
3966
3966
|
this.handleViewAndConfigurationsUpdate(this.selectedViewName, this.selectedViewGridViewVisibilityTypeId, this.selectedViewIsDefault, this.gridState);
|
|
3967
3967
|
}
|
|
3968
3968
|
}
|
|
3969
|
-
} }), index.h("edit-view-form-dialog", { key: '
|
|
3969
|
+
} }), index.h("edit-view-form-dialog", { key: '4d32a660a1f0e4b09efa25ab43945914ac59fe98', 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) => {
|
|
3970
3970
|
this.handleViewUpdate(gridId, name, isPrivate, isDefault);
|
|
3971
|
-
} }), index.h("div", { key: '
|
|
3971
|
+
} }), index.h("div", { key: '1108004ced93f89e6875664b1bfc70e4447fcc7e' }), index.h("fluent-dialog", { key: 'd7276c7567a7a76a6f9d4ad79d4ad0aeb7c231c7', 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 }, index.h("div", { key: 'bbad97e5e8cdedf10e8f97b20ad4c04f866f046f' }, "This will not delete any of the data but only the records ", index.h("br", { key: '17108871d322dc329d23c916b5ac8e2e2fa38acf' }), "from the hotlist and the hotlist itself.", ' ')), index.h("fluent-dialog", { key: 'bd00badd975f42a6f835fc90648d75e03db45e6f', 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 }, index.h("div", { key: 'a68e59e4565be9c6c46e9a20cf691d3e3fdfed03' }, "This will not delete any of the data but only the settings ", index.h("br", { key: 'e18c8d470ad98d001b80891156dd3f7e117ad739' }), "saved to display this view.", ' ')), index.h("fluent-dialog", { key: '6e65d47f4c8cc1dd07b7560c58cbbf85f3372cb9', 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 }, index.h("div", { key: '72f73eef2fd2d34d9052fd303664fd55ee35be28' }, "This is a public view. Any changes made to it will be seen by others when they load this view. ")), index.h("fluent-dialog", { key: '7a65049c649c20d33c3ffabacd55884955dd3136', title: 'Toggle Search Mode to ' + (this.enableAdvancedSearch ? 'Standard' : 'Advanced') + ' Search', message: this.enableAdvancedSearch
|
|
3972
3972
|
? `Are you sure you want to toggle the search mode to standard search?`
|
|
3973
|
-
: `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 }, index.h("div", { key: '
|
|
3973
|
+
: `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 }, index.h("div", { key: '317df0100fb9e584498f259eb018d4dca48e4e5a' }, this.enableAdvancedSearch
|
|
3974
3974
|
? 'The advanced search functionality will be disabled, all advanced search filters will be cleared and the grid will be reset to its default state.'
|
|
3975
3975
|
: 'The standard search functionality will be disabled and any existing standard filters will persist to the advanced search.'))));
|
|
3976
3976
|
}
|
|
@@ -179,7 +179,7 @@ const ApiMethodInstanceGrid = class {
|
|
|
179
179
|
this.getApiMethodInstanceData();
|
|
180
180
|
}
|
|
181
181
|
render() {
|
|
182
|
-
return (index.h("search-method-grid", { key: '
|
|
182
|
+
return (index.h("search-method-grid", { key: '7d04ec1c6669022623011988b164dffe6cf2372c', 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 }));
|
|
183
183
|
}
|
|
184
184
|
static get watchers() { return {
|
|
185
185
|
"apiMethodInstanceData": ["createColumnDefs", "updateSearchMethodConfig"],
|
|
@@ -14,7 +14,7 @@ const AppBar = class {
|
|
|
14
14
|
index.registerInstance(this, hostRef);
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
|
-
return (index.h("div", { key: '
|
|
17
|
+
return (index.h("div", { key: 'd35144ec1379fd66aa1f6f4e2a62195bcfc62ab6', class: "header" }, index.h("stencil-icon-button", { key: '083f918c3a4466a5b1af9c313604adf972eb495c', noBackground: true, darkIcon: false, icon: Menu24__default.default }), index.h("unity-typography", { key: '043e4b4c0656f0a00d35b00ed3e185f41e155fc2', variant: 'data-display-one' }, " ", index.h("slot", { key: 'c9e6806871f5928bd6754da441cd1c144bbd7b62' }), " "), index.h("a", { key: 'a9e8badf6ee8c99dd6812fb21e3116afa3a56196', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), index.h("div", { key: '515b67d73d57d9778033c6d80672a7b6bd10362f', class: "header__logo" }), index.h("div", { key: '5544a534265cb4e8e8508d8509bfb76126d8f248', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), index.h("div", { key: '067fef9e40902fb021f0408684410a0f01c07bee', class: "header__global" }, index.h("udp-avatar", { key: 'd67be7362bb40da19983bf666a50b35071313d7b', username: this.username }))));
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
AppBar.style = appBarCss;
|
|
@@ -97,13 +97,13 @@ const Checkbox = class {
|
|
|
97
97
|
*/
|
|
98
98
|
render() {
|
|
99
99
|
const isError = !!this.errorMessage;
|
|
100
|
-
return (index.h(index.Host, { key: '
|
|
100
|
+
return (index.h(index.Host, { key: '07cf738088ab4982032f805c6c196638640c7620', class: {
|
|
101
101
|
'udp-input': true,
|
|
102
102
|
'udp-input--error': isError,
|
|
103
103
|
'udp-input--disabled': this.disabled,
|
|
104
104
|
'udp-input--required': this.required,
|
|
105
105
|
'udp-input--checked': this.internalChecked
|
|
106
|
-
}, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '
|
|
106
|
+
}, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '6afeb636543317c528c9e9a495249f4f7621c466', class: "checkbox-container" }, index.h("input", { key: 'be66346015bd4dcf6825a9150759556e691d14a9', type: "checkbox", checked: this.internalChecked, onChange: this.handleChange, id: this.id, name: this.name, disabled: this.disabled, required: this.required }), this.label && index.h("label", { key: '880e01a27b65f571f8e5efb49e686386db26662c', htmlFor: this.id }, this.label), this.errorMessage && index.h("div", { key: '1f86fd9b4915f2fa088d5d79c9d686ea0b44b353', class: "error-message" }, this.errorMessage))));
|
|
107
107
|
}
|
|
108
108
|
static get watchers() { return {
|
|
109
109
|
"error": ["updateError"],
|
|
@@ -100,13 +100,13 @@ const ChipSection = class {
|
|
|
100
100
|
}
|
|
101
101
|
render() {
|
|
102
102
|
console.log("Rendering ChipSection", this.visibleFilterChips);
|
|
103
|
-
return (index.h("div", { key: '
|
|
103
|
+
return (index.h("div", { key: 'aac4c7c07bbb6091aeacf779903cbabe95ee9a80', class: "wrapper", id: "chipSectionContainer" }, index.h("div", { key: '7ef21ea6834266a4569f5f9f4f9bb85905309501', class: "chipHolder" }, index.h("div", { key: '4b790fddbb548155c64f858f29d44ba2adc02c84', id: "viewChipsContainer" }, this.viewChips.map((chip, index$1) => (index.h("stencil-chip", { onOnDelete: () => this.handleDelete('view', index$1), text: chip.label, class: "viewChip" })))), index.h("udp-dynamic-container-with-menu", { key: 'bbc17e0015c36f57000bd61f285d240d92a0133b', id: "filterChipsContainer", menuItems: this.menuItems }, this.selectedFilterChip && (index.h("stencil-chip", { key: 'c2289efa6311280f443091e0f3824db42c098f59', onOnDelete: this.handleFilterChipUntoggle, text: this.selectedFilterChip.label, class: "viewChip" })), console.log('filtering here...', this.filterChips), this.filterChips.map((chip) => {
|
|
104
104
|
if (this.selectedFilterChip && chip.id === this.selectedFilterChip.id) {
|
|
105
105
|
console.log('returning null...');
|
|
106
106
|
return null;
|
|
107
107
|
}
|
|
108
108
|
return (index.h("stencil-chip", { text: `${chip.label} ${chip.value}`, class: "filterChip", onClick: () => this.handleFilterChipToggle(chip) }));
|
|
109
|
-
})), index.h("div", { key: '
|
|
109
|
+
})), index.h("div", { key: '5d0a84ad05da1220689be65f841761ef151c9a12', id: "additionalFilterChipsContainer" }, this.additionalFilterChips.map((chip, index$1) => (index.h("stencil-chip", { onOnDelete: () => this.handleDelete('additionalFilter', index$1), text: chip.label, class: "additionalFilterChip" })))), !this.hideKpiSection && (index.h("div", { key: '5549c7839889fc6866395d90612965cb7fdac049', class: "KPI", id: "kpiContainer" }, this.kpiValues.slice(0, this.maxKPIsDisplayed).map((kpi) => (index.h("div", { class: "kpiItem" }, index.h("span", { class: "kpiLabel" }, this.abbreviateLabel(kpi.label) || kpi.label), index.h("span", { class: "kpiValue" }, this.abbrNum(kpi.value, 1))))))))));
|
|
110
110
|
}
|
|
111
111
|
get el() { return index.getElement(this); }
|
|
112
112
|
static get watchers() { return {
|
|
@@ -122,7 +122,7 @@ const ClientSideGrid = class {
|
|
|
122
122
|
this.clientSideConfig = Object.assign(Object.assign({}, this.gridOptions), { rowModelType: 'clientSide' });
|
|
123
123
|
}
|
|
124
124
|
render() {
|
|
125
|
-
return (index.h("ag-grid-base", { key: '
|
|
125
|
+
return (index.h("ag-grid-base", { key: 'a886e21567ee542026f79f93870025cc87e817dc', columnDefs: this.columnDefs, gridOptions: this.clientSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, gridApiCallback: this.gridApiCallback }));
|
|
126
126
|
}
|
|
127
127
|
static get watchers() { return {
|
|
128
128
|
"rowData": ["updateRowData"]
|
|
@@ -142,12 +142,12 @@ const ResourceTimelinePrimaryBar = class {
|
|
|
142
142
|
}
|
|
143
143
|
render() {
|
|
144
144
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
145
|
-
return (index.h("div", { key: '
|
|
145
|
+
return (index.h("div", { key: '49954ac4e96d422b668b39b9475ad1415376bc7c', class: "header-bar" }, index.h("div", { key: '04a906e8a6f11fc5fc01f561439581706b61bec9', class: "title-section" }, this.gridBarTitle || this.gridBarTitle === '' ? (index.h("unity-typography", { variant: "body1", bold: true }, this.gridBarTitle, ' ')) : (index.h("udp-skeleton-loading", { width: "200px" })), index.h("div", { key: '027d4b4447d4b13ad3b09eb1e635dc3d64cf4b08', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (index.h("unity-typography", { variant: "body1" }, this.subTitle, " ")) : (index.h("udp-skeleton-loading", { width: "200px" })), index.h("div", { key: '444bc2f0420e9fab5f4fb587241e412012fe702c', class: "subtitle-status" }, this.subtitleStatus && (index.h("udp-chip", { key: 'a8a44487b0c78534f88f66655629fe375c7b1c9c', variant: "outlined", size: "small", label: this.subtitleStatus, color: this.subtitleStatusMappingClasses[this.subtitleStatus] })), this.showLockedIcon && (index.h("udp-icon-button", { key: 'c5c08a32240a17fcc577b2331f7787310e18adaf', icon: iconUtils.getIconFromName('lock'), variant: "outlined", size: "x-small", disabled: true }))))), index.h("div", { key: '0807278c518e101806cd49a0f273971520f958d7', class: "button-section" }, index.h("udp-icon-button", { key: 'dc97a20b8c163f0dca6fcaf5f74cf5bf9884a7d9', class: {
|
|
146
146
|
'settings-button': true,
|
|
147
147
|
'is-open': this.isMenuOpen,
|
|
148
148
|
}, onClick: this.toggleSettingsMenu, ref: (el) => {
|
|
149
149
|
this.menuAnchorEl = el ? el : undefined;
|
|
150
|
-
}, icon: iconUtils.getIconFromName('settings'), variant: 'outlined', size: "small", color: "inherit" }), index.h("udp-menu", { key: '
|
|
150
|
+
}, icon: iconUtils.getIconFromName('settings'), variant: 'outlined', size: "small", color: "inherit" }), index.h("udp-menu", { key: '131d9320f2fd7ab941bd5b9db783e7e831f28f3b', open: this.isMenuOpen, anchor: this.menuAnchorEl, handleClose: () => (this.isMenuOpen = false) }, index.h("udp-menu-item", { key: 'cabc948632450e4db929f2a9fc99d34fc6929ef9', label: "Expand Groups", onItemClick: this.expandAll }), index.h("udp-menu-item", { key: '7d187af6326b72c386e10af3b8ff615e85e460fb', label: "Collapse Groups", onItemClick: this.collapseAll })), this.clickBackward && (index.h("div", { key: '72413de4e987cec43eb58e16d17cd45be269fdc7', class: "date-navigation" }, this.clickBackward && (index.h("udp-icon-button", { key: 'c7f94a17b0f5544fc6b96c2c10e7103ea4f680f7', tooltip: "Previous period", icon: ChevronLeft16__default.default, onClick: this.clickBackward, size: "small", color: "inherit", disabled: this.disableHeaderActions })), this.clickToday && (index.h("udp-button", { key: 'fbd481e28520556772d40ffe45fe3380f5c43237', onClick: this.clickToday, size: "small", color: "inherit", disabled: this.disableHeaderActions }, "Today")), this.clickForward && (index.h("udp-icon-button", { key: '0886e2c8679eb9a0ddefa79f769fd2ab60c590d6', tooltip: "Next period", icon: ChevronRight24__default.default, onClick: this.clickForward, size: "small", color: "inherit", disabled: this.disableHeaderActions })))), ((_a = this.secondaryAction) === null || _a === void 0 ? void 0 : _a.onClick) && (index.h("udp-button", { key: 'b5f2b378c128cc4792c2cf7a5d85d5a4e5e79547', disabled: ((_b = this.secondaryAction) === null || _b === void 0 ? void 0 : _b.disabled) || this.disableHeaderActions, variant: "outlined", color: "secondary", onButtonClick: this.secondaryAction.onClick, startIcon: index.h("udp-icon", { iconName: (_c = this.secondaryAction) === null || _c === void 0 ? void 0 : _c.iconName, color: 'inherit' }), size: "medium" }, (_d = this.secondaryAction) === null || _d === void 0 ? void 0 : _d.label)), ((_e = this.primaryAction) === null || _e === void 0 ? void 0 : _e.onClick) && (index.h("udp-button", { key: '60485633e882748fb314934d2cd9353e14e86b1c', disabled: ((_f = this.primaryAction) === null || _f === void 0 ? void 0 : _f.disabled) || this.disableHeaderActions, startIcon: index.h("udp-icon", { iconName: (_g = this.primaryAction) === null || _g === void 0 ? void 0 : _g.iconName, color: 'inherit' }), variant: "contained", onButtonClick: this.primaryAction.onClick, color: "secondary" }, (_h = this.primaryAction) === null || _h === void 0 ? void 0 : _h.label)))));
|
|
151
151
|
}
|
|
152
152
|
};
|
|
153
153
|
ResourceTimelinePrimaryBar.style = resourceTimelinePrimaryBarCss;
|