udp-stencil-component-library 25.18.1-beta.5 → 25.18.1-beta.6
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 +1 -1
- package/dist/cjs/advanced-search-builder.cjs.entry.js +1 -1
- package/dist/cjs/advanced-search_50.cjs.entry.js +176 -13
- package/dist/cjs/ag-grid-base_5.cjs.entry.js +2 -2
- package/dist/cjs/api-method-instance-grid.cjs.entry.js +1 -1
- package/dist/cjs/chart-container_3.cjs.entry.js +1 -1
- package/dist/cjs/check-box-group.cjs.entry.js +1 -1
- package/dist/cjs/check-box.cjs.entry.js +1 -1
- package/dist/cjs/chip-section.cjs.entry.js +3 -3
- package/dist/cjs/client-side-grid_2.cjs.entry.js +1 -1
- package/dist/cjs/color-preview.cjs.entry.js +2 -2
- package/dist/cjs/date-time-renderer_6.cjs.entry.js +1 -1
- package/dist/cjs/entity-maintenance-grid.cjs.entry.js +1 -1
- package/dist/cjs/feature-details-card_2.cjs.entry.js +1 -1
- package/dist/cjs/file-upload_2.cjs.entry.js +1 -1
- package/dist/cjs/filter-group_2.cjs.entry.js +1 -1
- package/dist/cjs/{get-user-CljYNKAA.js → get-user-DFb8yrQ2.js} +3 -3
- package/dist/cjs/{get-user-CljYNKAA.js.map → get-user-DFb8yrQ2.js.map} +1 -1
- package/dist/cjs/get-user.cjs.entry.js +2 -2
- package/dist/cjs/image-upload_7.cjs.entry.js +1 -1
- package/dist/cjs/{index-Ci0lUvCK.js → index-DrMNAZCL.js} +3 -3
- package/dist/cjs/index-DrMNAZCL.js.map +1 -0
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/inputs-example.cjs.entry.js +3 -3
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/logical-search-indicator.cjs.entry.js +1 -1
- package/dist/cjs/map-component_2.cjs.entry.js +1 -1
- package/dist/cjs/numeric-field_5.cjs.entry.js +1 -1
- package/dist/cjs/page-renderer.cjs.entry.js +2 -2
- package/dist/cjs/question-configs-renderer_5.cjs.entry.js +1 -1
- package/dist/cjs/resource-timeline-calendar.cjs.entry.js +1 -1
- package/dist/cjs/search-method-grid.cjs.entry.js +1 -1
- package/dist/cjs/server-side-grid.cjs.entry.js +1 -1
- package/dist/cjs/simple-card.cjs.entry.js +1 -1
- package/dist/cjs/stencil-field.cjs.entry.js +1 -1
- package/dist/cjs/stencil-library.cjs.js +2 -2
- package/dist/cjs/test-api-updated.cjs.entry.js +1 -1
- package/dist/cjs/test-api.cjs.entry.js +1 -1
- package/dist/cjs/toggle-button.cjs.entry.js +1 -1
- package/dist/cjs/udp-adornment.cjs.entry.js +1 -1
- package/dist/cjs/udp-advanced-search-builder.cjs.entry.js +1 -1
- package/dist/cjs/udp-bar-chart_4.cjs.entry.js +1 -1
- package/dist/cjs/udp-calendar-base.cjs.entry.js +1 -1
- package/dist/cjs/udp-calendar-day.cjs.entry.js +1 -1
- package/dist/cjs/udp-calendar-month.cjs.entry.js +1 -1
- package/dist/cjs/udp-calendar-week.cjs.entry.js +1 -1
- package/dist/cjs/udp-calendar-year.cjs.entry.js +1 -1
- package/dist/cjs/udp-card-action-area.cjs.entry.js +1 -1
- package/dist/cjs/udp-card.udp-card-actions.udp-card-content.udp-card-header.udp-card-media.udp-link.entry.cjs.js.map +1 -1
- package/dist/cjs/udp-card_6.cjs.entry.js +8 -11
- package/dist/cjs/udp-charts-example.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 +1 -1
- package/dist/cjs/udp-container.cjs.entry.js +1 -1
- package/dist/cjs/udp-date-range-selector.cjs.entry.js +1 -1
- package/dist/cjs/udp-dynamic-form.cjs.entry.js +1 -1
- package/dist/cjs/udp-empty-state-display.cjs.entry.js +1 -1
- package/dist/cjs/{udp-fetch-Bw6LGKaF.js → udp-fetch-C9800dwI.js} +3 -3
- package/dist/cjs/{udp-fetch-Bw6LGKaF.js.map → udp-fetch-C9800dwI.js.map} +1 -1
- package/dist/cjs/udp-fetch.cjs.entry.js +2 -2
- package/dist/cjs/udp-forms-builder.cjs.entry.js +1 -1
- package/dist/cjs/udp-forms-follow-up-list-card.cjs.entry.js +1 -1
- package/dist/cjs/udp-forms-list-card.cjs.entry.js +1 -1
- 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-forms-ui.cjs.entry.js +1 -1
- package/dist/cjs/udp-list-renderer_3.cjs.entry.js +1 -1
- package/dist/cjs/udp-map.cjs.entry.js +1 -1
- package/dist/cjs/udp-page.cjs.entry.js +1 -1
- package/dist/cjs/udp-sankey-chart.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-stepper.cjs.entry.js +1 -1
- package/dist/cjs/udp-user-creator.cjs.entry.js +1 -1
- package/dist/cjs/udp-vertical-spacer.cjs.entry.js +1 -1
- package/dist/cjs/udp-xy-chart.cjs.entry.js +1 -1
- package/dist/cjs/udp-xy-multi-series-chart.cjs.entry.js +1 -1
- package/dist/collection/components/my-component/UI/data-display/cards/udp-card/udp-card.css +5 -9
- package/dist/collection/components/my-component/UI/data-display/cards/udp-card/udp-card.js +8 -12
- package/dist/collection/components/my-component/UI/data-display/cards/udp-card/udp-card.js.map +1 -1
- package/dist/collection/components/my-component/UI/tabs/tab/tabs/udp-tabs.css +186 -43
- package/dist/collection/components/my-component/UI/tabs/tab/tabs/udp-tabs.js +200 -2
- package/dist/collection/components/my-component/UI/tabs/tab/tabs/udp-tabs.js.map +1 -1
- package/dist/collection/components/my-component/UI/tabs/tab/udp-tab.js +114 -12
- package/dist/collection/components/my-component/UI/tabs/tab/udp-tab.js.map +1 -1
- package/dist/collection/components/my-component/UI/toolbars/app-bar/app-bar.js +1 -1
- package/dist/collection/components/my-component/UI/util/ghost-render/ghost-render.js +1 -1
- package/dist/collection/components/my-component/demo/ambient-demo-container.js +1 -1
- package/dist/collection/components/test-component/inputs-example/inputs-example.js +2 -2
- package/dist/collection/page-renderer/page-renderer.js +1 -1
- package/dist/collection/theme/color-preview/color-preview.js +1 -1
- package/dist/collection/udp-utilities/layout/udp-dynamic-container-with-menu/chip-section/chip-section.js +2 -2
- package/dist/collection/udp-utilities/layout/udp-dynamic-container-with-menu/udp-dynamic-container-with-menu.js +1 -1
- package/dist/components/ambient-demo-container2.js +1 -1
- package/dist/components/app-bar2.js +1 -1
- package/dist/components/chip-section.js +2 -2
- package/dist/components/color-preview.js +1 -1
- package/dist/components/ghost-render2.js +1 -1
- package/dist/components/index2.js +1 -1
- package/dist/components/index2.js.map +1 -1
- package/dist/components/inputs-example.js +2 -2
- package/dist/components/page-renderer.js +1 -1
- package/dist/components/primary-action-header2.js +14 -9
- package/dist/components/primary-action-header2.js.map +1 -1
- package/dist/components/udp-card2.js +7 -10
- package/dist/components/udp-card2.js.map +1 -1
- package/dist/components/udp-dynamic-container-with-menu2.js +1 -1
- package/dist/components/udp-icon2.js +176 -2
- package/dist/components/udp-icon2.js.map +1 -1
- package/dist/components/udp-tab2.js +26 -10
- package/dist/components/udp-tab2.js.map +1 -1
- package/dist/components/udp-tabs2.js +169 -5
- package/dist/components/udp-tabs2.js.map +1 -1
- package/dist/docs.json +210 -19
- package/dist/esm/add-map-feature-popup_4.entry.js +1 -1
- package/dist/esm/advanced-search-builder.entry.js +1 -1
- package/dist/esm/advanced-search_50.entry.js +176 -13
- package/dist/esm/ag-grid-base_5.entry.js +2 -2
- package/dist/esm/api-method-instance-grid.entry.js +1 -1
- package/dist/esm/chart-container_3.entry.js +1 -1
- package/dist/esm/check-box-group.entry.js +1 -1
- package/dist/esm/check-box.entry.js +1 -1
- package/dist/esm/chip-section.entry.js +3 -3
- package/dist/esm/client-side-grid_2.entry.js +1 -1
- package/dist/esm/color-preview.entry.js +2 -2
- package/dist/esm/date-time-renderer_6.entry.js +1 -1
- package/dist/esm/entity-maintenance-grid.entry.js +1 -1
- package/dist/esm/feature-details-card_2.entry.js +1 -1
- package/dist/esm/file-upload_2.entry.js +1 -1
- package/dist/esm/filter-group_2.entry.js +1 -1
- package/dist/esm/{get-user-BRZVzzgG.js → get-user-BtNVBI86.js} +3 -3
- package/dist/esm/{get-user-BRZVzzgG.js.map → get-user-BtNVBI86.js.map} +1 -1
- package/dist/esm/get-user.entry.js +2 -2
- package/dist/esm/image-upload_7.entry.js +1 -1
- package/dist/esm/{index-DsqSxziV.js → index-n-1ZSeAs.js} +3 -3
- package/dist/esm/index-n-1ZSeAs.js.map +1 -0
- package/dist/esm/index.js +3 -3
- package/dist/esm/inputs-example.entry.js +3 -3
- package/dist/esm/loader.js +3 -3
- package/dist/esm/logical-search-indicator.entry.js +1 -1
- package/dist/esm/map-component_2.entry.js +1 -1
- package/dist/esm/numeric-field_5.entry.js +1 -1
- package/dist/esm/page-renderer.entry.js +2 -2
- package/dist/esm/question-configs-renderer_5.entry.js +1 -1
- package/dist/esm/resource-timeline-calendar.entry.js +1 -1
- package/dist/esm/search-method-grid.entry.js +1 -1
- package/dist/esm/server-side-grid.entry.js +1 -1
- package/dist/esm/simple-card.entry.js +1 -1
- package/dist/esm/stencil-field.entry.js +1 -1
- package/dist/esm/stencil-library.js +3 -3
- package/dist/esm/test-api-updated.entry.js +1 -1
- package/dist/esm/test-api.entry.js +1 -1
- package/dist/esm/toggle-button.entry.js +1 -1
- package/dist/esm/udp-adornment.entry.js +1 -1
- package/dist/esm/udp-advanced-search-builder.entry.js +1 -1
- package/dist/esm/udp-bar-chart_4.entry.js +1 -1
- package/dist/esm/udp-calendar-base.entry.js +1 -1
- package/dist/esm/udp-calendar-day.entry.js +1 -1
- package/dist/esm/udp-calendar-month.entry.js +1 -1
- package/dist/esm/udp-calendar-week.entry.js +1 -1
- package/dist/esm/udp-calendar-year.entry.js +1 -1
- package/dist/esm/udp-card-action-area.entry.js +1 -1
- package/dist/esm/udp-card.udp-card-actions.udp-card-content.udp-card-header.udp-card-media.udp-link.entry.js.map +1 -1
- package/dist/esm/udp-card_6.entry.js +8 -11
- package/dist/esm/udp-charts-example.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 +1 -1
- package/dist/esm/udp-container.entry.js +1 -1
- package/dist/esm/udp-date-range-selector.entry.js +1 -1
- package/dist/esm/udp-dynamic-form.entry.js +1 -1
- package/dist/esm/udp-empty-state-display.entry.js +1 -1
- package/dist/esm/{udp-fetch-BZFtuXQx.js → udp-fetch-BGMJ3xhH.js} +3 -3
- package/dist/{stencil-library/udp-fetch-BZFtuXQx.js.map → esm/udp-fetch-BGMJ3xhH.js.map} +1 -1
- package/dist/esm/udp-fetch.entry.js +2 -2
- package/dist/esm/udp-forms-builder.entry.js +1 -1
- package/dist/esm/udp-forms-follow-up-list-card.entry.js +1 -1
- package/dist/esm/udp-forms-list-card.entry.js +1 -1
- package/dist/esm/udp-forms-list.entry.js +1 -1
- package/dist/esm/udp-forms-renderer.entry.js +1 -1
- package/dist/esm/udp-forms-ui.entry.js +1 -1
- package/dist/esm/udp-list-renderer_3.entry.js +1 -1
- package/dist/esm/udp-map.entry.js +1 -1
- package/dist/esm/udp-page.entry.js +1 -1
- package/dist/esm/udp-sankey-chart.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-stepper.entry.js +1 -1
- package/dist/esm/udp-user-creator.entry.js +1 -1
- package/dist/esm/udp-vertical-spacer.entry.js +1 -1
- package/dist/esm/udp-xy-chart.entry.js +1 -1
- package/dist/esm/udp-xy-multi-series-chart.entry.js +1 -1
- package/dist/stencil-library/add-map-feature-popup_4.entry.js +1 -1
- package/dist/stencil-library/advanced-search-builder.entry.js +1 -1
- package/dist/stencil-library/advanced-search_50.entry.js +1 -1
- package/dist/stencil-library/advanced-search_50.entry.js.map +1 -1
- package/dist/stencil-library/ag-grid-base_5.entry.js +1 -1
- package/dist/stencil-library/api-method-instance-grid.entry.js +1 -1
- package/dist/stencil-library/chart-container_3.entry.js +1 -1
- package/dist/stencil-library/check-box-group.entry.js +1 -1
- package/dist/stencil-library/check-box.entry.js +1 -1
- package/dist/stencil-library/chip-section.entry.js +1 -1
- package/dist/stencil-library/client-side-grid_2.entry.js +1 -1
- package/dist/stencil-library/color-preview.entry.js +1 -1
- package/dist/stencil-library/date-time-renderer_6.entry.js +1 -1
- package/dist/stencil-library/entity-maintenance-grid.entry.js +1 -1
- package/dist/stencil-library/feature-details-card_2.entry.js +1 -1
- package/dist/stencil-library/file-upload_2.entry.js +1 -1
- package/dist/stencil-library/filter-group_2.entry.js +1 -1
- package/dist/stencil-library/{get-user-BRZVzzgG.js → get-user-BtNVBI86.js} +2 -2
- package/dist/stencil-library/{get-user-BRZVzzgG.js.map → get-user-BtNVBI86.js.map} +1 -1
- package/dist/stencil-library/get-user.entry.js +1 -1
- package/dist/stencil-library/image-upload_7.entry.js +1 -1
- package/dist/stencil-library/index-n-1ZSeAs.js +3 -0
- package/dist/stencil-library/index-n-1ZSeAs.js.map +1 -0
- package/dist/stencil-library/index.esm.js +1 -1
- package/dist/stencil-library/inputs-example.entry.js +1 -1
- package/dist/stencil-library/logical-search-indicator.entry.js +1 -1
- package/dist/stencil-library/map-component_2.entry.js +1 -1
- package/dist/stencil-library/numeric-field_5.entry.js +1 -1
- package/dist/stencil-library/page-renderer.entry.js +1 -1
- package/dist/stencil-library/question-configs-renderer_5.entry.js +1 -1
- package/dist/stencil-library/resource-timeline-calendar.entry.js +1 -1
- package/dist/stencil-library/search-method-grid.entry.js +1 -1
- package/dist/stencil-library/server-side-grid.entry.js +1 -1
- package/dist/stencil-library/simple-card.entry.js +1 -1
- package/dist/stencil-library/stencil-field.entry.js +1 -1
- package/dist/stencil-library/stencil-library.css +1 -1
- package/dist/stencil-library/stencil-library.esm.js +1 -1
- package/dist/stencil-library/test-api-updated.entry.js +1 -1
- package/dist/stencil-library/test-api.entry.js +1 -1
- package/dist/stencil-library/toggle-button.entry.js +1 -1
- package/dist/stencil-library/udp-adornment.entry.js +1 -1
- package/dist/stencil-library/udp-advanced-search-builder.entry.js +1 -1
- package/dist/stencil-library/udp-bar-chart_4.entry.js +1 -1
- package/dist/stencil-library/udp-calendar-base.entry.js +1 -1
- package/dist/stencil-library/udp-calendar-day.entry.js +1 -1
- package/dist/stencil-library/udp-calendar-month.entry.js +1 -1
- package/dist/stencil-library/udp-calendar-week.entry.js +1 -1
- package/dist/stencil-library/udp-calendar-year.entry.js +1 -1
- package/dist/stencil-library/udp-card-action-area.entry.js +1 -1
- package/dist/stencil-library/udp-card.udp-card-actions.udp-card-content.udp-card-header.udp-card-media.udp-link.entry.esm.js.map +1 -1
- package/dist/stencil-library/udp-card_6.entry.js +1 -1
- package/dist/stencil-library/udp-card_6.entry.js.map +1 -1
- package/dist/stencil-library/udp-charts-example.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.entry.js +1 -1
- package/dist/stencil-library/udp-date-range-selector.entry.js +1 -1
- package/dist/stencil-library/udp-dynamic-form.entry.js +1 -1
- package/dist/stencil-library/udp-empty-state-display.entry.js +1 -1
- package/dist/stencil-library/{udp-fetch-BZFtuXQx.js → udp-fetch-BGMJ3xhH.js} +2 -2
- package/dist/{esm/udp-fetch-BZFtuXQx.js.map → stencil-library/udp-fetch-BGMJ3xhH.js.map} +1 -1
- package/dist/stencil-library/udp-fetch.entry.js +1 -1
- package/dist/stencil-library/udp-forms-builder.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-forms-ui.entry.js +1 -1
- package/dist/stencil-library/udp-list-renderer_3.entry.js +1 -1
- package/dist/stencil-library/udp-map.entry.js +1 -1
- package/dist/stencil-library/udp-page.entry.js +1 -1
- package/dist/stencil-library/udp-sankey-chart.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-stepper.entry.js +1 -1
- package/dist/stencil-library/udp-user-creator.entry.js +1 -1
- package/dist/stencil-library/udp-vertical-spacer.entry.js +1 -1
- package/dist/stencil-library/udp-xy-chart.entry.js +1 -1
- package/dist/stencil-library/udp-xy-multi-series-chart.entry.js +1 -1
- package/dist/types/components/my-component/UI/tabs/tab/tabs/udp-tabs.d.ts +38 -1
- package/dist/types/components/my-component/UI/tabs/tab/udp-tab.d.ts +26 -1
- package/dist/types/components.d.ts +64 -4
- package/package.json +1 -1
- package/dist/cjs/index-Ci0lUvCK.js.map +0 -1
- package/dist/components/iconMapping.js +0 -180
- package/dist/components/iconMapping.js.map +0 -1
- package/dist/esm/index-DsqSxziV.js.map +0 -1
- package/dist/stencil-library/index-DsqSxziV.js +0 -3
- package/dist/stencil-library/index-DsqSxziV.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as i,h as o,a as e}from"./index-DsqSxziV.js";import t from"@carbon/icons/es/close/24";import s from"@carbon/icons/es/overflow-menu--vertical/16";import{g as a}from"./iconUtils-KSv32PVD.js";import{s as n}from"./action-column-util-BArOL_Uz.js";import{startCase as r}from"lodash";import{g as c}from"./udp-map-utils-BokzHQF1.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";import"ol/proj";import"ol/format/GeoJSON";const d=".card-wrapper{display:flex;background-color:white}.content-wrapper{flex:1}.header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-01)}.title-wrapper{display:flex;gap:var(--spacing-03);align-items:center}.message-wrapper{display:flex;gap:var(--spacing-03);align-items:center;padding:var(--spacing-03)}.data-row{display:flex;gap:var(--spacing-03);align-items:center;width:100%;flex-wrap:wrap;border-bottom:solid 1px var(--gray-03)}.options{display:flex;gap:var(--spacing-03);justify-content:flex-end;align-items:center;width:100%}.data-section{padding:var(--spacing-03)}";const l=class{constructor(o){i(this,o);this.showAdornment=true;this.status="info";this.enableViewFeature=true;this.primaryActions=[];this.hideMessageIcon=false;this.moreIconAnchor=null;this.showMoreHeaderPopover=false;this.primaryActionAnchor=null;this.showPrimaryPopover=false;this.visiblePrimaryActions=[];this.overflowPrimaryActions=[];this.maximumVisibleListItems=4;this.handleOnClickMoreIcon=i=>{i.stopPropagation();i.preventDefault();this.primaryActionAnchor=null;this.showPrimaryPopover=false;this.moreIconAnchor=i===null||i===void 0?void 0:i.currentTarget;this.showMoreHeaderPopover=true};this.handleOnClickPrimaryAction=i=>{i.stopPropagation();i.preventDefault();this.moreIconAnchor=null;this.showMoreHeaderPopover=false;this.primaryActionAnchor=i===null||i===void 0?void 0:i.currentTarget;this.showPrimaryPopover=true};this.handleClosePopover=()=>{this.showMoreHeaderPopover=false;this.showPrimaryPopover=false}}getHeaderBackgroundColor(){switch(this.status){case"success":return"rgba(122, 220, 181, 0.75)";case"warning":return"rgba(255, 131, 43, 0.75)";case"error":return"rgba(142, 30, 36, 0.75)";default:return"rgba(52, 120, 176, 0.75)"}}getMessageBackgroundColor(){switch(this.status){case"success":return"rgba(122, 220, 181, 0.45)";case"warning":return"rgba(255, 131, 43, 0.45)";case"error":return"rgba(142, 30, 36, 0.45)";default:return"rgba(52, 120, 176, 0.45)"}}getDefaultMessageIcon(){switch(this.status){case"success":return"checkmark";case"error":return"warning";case"warning":return"warningAlt";default:return"information"}}updatePrimaryActionOverflow(){var i;let o=this.maximumVisibleListItems-(this.enableViewFeature?1:0);if(((i=this.primaryActions)===null||i===void 0?void 0:i.length)<=o){this.visiblePrimaryActions=this.primaryActions;this.overflowPrimaryActions=[]}else{o-=1;const{visibleActions:i,overflowActions:e}=n(this.primaryActions,o);this.visiblePrimaryActions=i;this.overflowPrimaryActions=e}}componentWillLoad(){this.updatePrimaryActionOverflow()}updatePrimaryActions(){this.updatePrimaryActionOverflow()}render(){var i,e,n,r,c,d,l,p,b,h;const u=(i=this.messageIcon)!==null&&i!==void 0?i:this.getDefaultMessageIcon();return o("div",{key:"0f48ef1f064a7716ffb4ec27d8e77ddae408ea4e",class:"card-wrapper",style:{width:(e=this.width)!==null&&e!==void 0?e:"100%"}},this.showAdornment&&this.status&&o("div",{key:"9164d74a21825455b5ce1b0f2c1faf51ae9fd0d6",class:"adornment"},o("udp-adornment",{key:"d118ef020ff45b8cff1f1e5aaa0bf40a62b47670",status:(n=this.status)!==null&&n!==void 0?n:"info"})),o("div",{key:"8d90a41f5746d178f8eed681aaff6280de22e7fb",class:"content-wrapper"},o("div",{key:"b6f7270300a2c2a576fc3596c13c18e1f84f9ce4",class:"header-wrapper",style:{backgroundColor:this.getHeaderBackgroundColor()}},o("div",{key:"79f1b6cae1fe69126ab99bc988d97b9221ebc9b4",class:"title-wrapper"},o("stencil-icon-button",{key:"f1dc3606a00577bfa270dfc2bf74bdd8f96ed95e",onClick:this.onClose,icon:t,tooltip:"Close",noBackground:true}),o("unity-typography",{key:"30dfa7fe22120433bbe02affa8f75bce0b3612b2",variant:"h6"},this.title)),((r=this.moreIconActions)===null||r===void 0?void 0:r.length)>0&&o("div",{key:"5a5368d74eb5e171697e3d03e3d167f02d7f2c66"},o("div",{key:"f4c1fe6b4da6bcec91d83f27d116d8cd1ab9770a",id:"moreHeaderIconButton1"},o("stencil-icon-button",{key:"9e1b5310e1bf4dc402b4f29e25667dfe956e0f64",onClick:this.handleOnClickMoreIcon,icon:s,tooltip:"More",noBackground:true,buttonId:"moreHeaderIconButton"})),this.moreIconAnchor&&o("udp-pop-over",{key:"d7e28b157beaab735cd880f6e3fe73ec93be8b31",anchorElement:this.moreIconAnchor,isOpen:this.showMoreHeaderPopover,popoverWidth:"200px",popoverMaxHeight:"300px",handleOnClose:this.handleClosePopover,container:this.popoverContainer},o("div",{key:"0449f6aa16eeb67bac9ab2599e30a22677dc43c1",class:"menu"},(c=this.moreIconActions)===null||c===void 0?void 0:c.map((i=>{var e;return o("udp-menu-item",{label:i===null||i===void 0?void 0:i.name,iconName:i===null||i===void 0?void 0:i.iconName,handleOnClick:()=>{i.onClick(this.data)},disabled:(i===null||i===void 0?void 0:i.checkDisabled)?i===null||i===void 0?void 0:i.checkDisabled(this.data):(e=i===null||i===void 0?void 0:i.disabled)!==null&&e!==void 0?e:false})})))))),this.message&&o("div",{key:"ce1ffc85e445542b5fc8c0585ab4c4597b9f7ffc",class:"message-wrapper",style:{backgroundColor:this.getMessageBackgroundColor()}},!this.hideMessageIcon&&o("div",{key:"d6b21e7b4386340382a0d14d05ebdcfd90ae82a1",class:"icon-message"},o("udp-icon",{key:"7043ed6a01bc10803a2e053d4ecc556f5b7db573",iconName:u})),o("div",{key:"566fba8595867e4f33e2c6b06bfae4e0cee0ad0e",class:"message"},o("unity-typography",{key:"b4061afebe60a2aecba26f06607f892212978929"},this.message))),o("div",{key:"0a2f353d57524636c259b01df78cd3a5960fd034",class:"data-section"},(d=this.listData)===null||d===void 0?void 0:d.map((({subject:i,value:e})=>o("div",{class:"data-row"},o("div",{class:"key"},o("unity-typography",{variant:"data-display-three"},`${i}: `)),o("div",{class:"value"},o("unity-typography",{variant:"data-display-three"},e)))))),o("div",{key:"6c87017e6ae56ccf64ab3e87e662988830aa2266",class:"options"},this.enableViewFeature&&this.data&&o("div",{key:"bf9aead97dc27b42be7cfaf935d40370391ecd95",id:"viewFeatureOption"},o("stencil-icon-button",{key:"dbccb36cdd3bf46a4f976a64189ab0489e97fc12",tooltip:"View",icon:a("view"),buttonId:"viewFeatureButton",onClick:()=>this.handleViewFeature({selectedFeature:this.data,formattedSelectedFeature:this.listData})})),((l=this.primaryActions)===null||l===void 0?void 0:l.length)>0&&o("div",{key:"00951c8e348acb7d887359ba78674f6fbd9cb478"},o("div",{key:"41dff2c40a6532f9c49c6a1388c2146c23180054",class:"options"},(p=this.visiblePrimaryActions)===null||p===void 0?void 0:p.map(((i,e)=>{var t,s;return o("stencil-icon-button",{tooltip:i===null||i===void 0?void 0:i.name,icon:a(i===null||i===void 0?void 0:i.iconName),buttonId:(t=i===null||i===void 0?void 0:i.id)!==null&&t!==void 0?t:`primary-icon-action-${e}`,onClick:()=>i.onClick(this.data),disabled:(i===null||i===void 0?void 0:i.checkDisabled)?i===null||i===void 0?void 0:i.checkDisabled(this.data):(s=i===null||i===void 0?void 0:i.disabled)!==null&&s!==void 0?s:false})})),((b=this.overflowPrimaryActions)===null||b===void 0?void 0:b.length)>0&&o("stencil-icon-button",{key:"4bb9bd45120c494f181299295c8757c98e1da65b",onClick:this.handleOnClickPrimaryAction,icon:s,tooltip:"More",noBackground:true,buttonId:"morePrimaryIconButton"})),this.primaryActionAnchor&&o("udp-pop-over",{key:"edb84a9d52ff94e336e2ee5360b9ef189fde34f7",anchorElement:this.primaryActionAnchor,isOpen:this.showPrimaryPopover,popoverWidth:"200px",popoverMaxHeight:"300px",handleOnClose:this.handleClosePopover,container:this.popoverContainer},o("div",{key:"b63a280d184467cb7f9f0dac5c80805c6fb6c20f",class:"menu"},(h=this.overflowPrimaryActions)===null||h===void 0?void 0:h.map((i=>{var e;return o("udp-menu-item",{label:i===null||i===void 0?void 0:i.name,iconName:i===null||i===void 0?void 0:i.iconName,handleOnClick:()=>{i.onClick(this.data)},disabled:(i===null||i===void 0?void 0:i.checkDisabled)?i===null||i===void 0?void 0:i.checkDisabled(this.data):(e=i===null||i===void 0?void 0:i.disabled)!==null&&e!==void 0?e:false})}))))))))}get el(){return e(this)}static get watchers(){return{primaryActions:["updatePrimaryActions"]}}};l.style=d;const p=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const b=class{constructor(o){i(this,o);this.coordinates=[];this.enableViewFeature=true;this.showPopOver=false;this.isReadOnly=false;this.hideMessageIcon=false;this.popoverWidth="300px";this.listData=[]}updateListData(){var i,o,e,t,s;const a=((i=this.cardConfig)===null||i===void 0?void 0:i.popoverCardListFields)||((o=this.cardConfig)===null||o===void 0?void 0:o.extendedListFields);this.listData=((e=this.cardConfig)===null||e===void 0?void 0:e.getListFields)?(t=this.cardConfig)===null||t===void 0?void 0:t.getListFields(this.data):(s=a===null||a===void 0?void 0:a.map((i=>{var o,e;return{subject:r(i),value:(e=(o=this.data)===null||o===void 0?void 0:o[i])!==null&&e!==void 0?e:"-"}})))!==null&&s!==void 0?s:[]}updateTitle(){var i,o,e,t,s,a,n,r,d,l;if((i=this.data)===null||i===void 0?void 0:i[(o=this.cardConfig)===null||o===void 0?void 0:o.titleField]){this.cardTitle=(e=this.data)===null||e===void 0?void 0:e[(t=this.cardConfig)===null||t===void 0?void 0:t.titleField]}else if((s=this.cardConfig)===null||s===void 0?void 0:s.getTitle){this.cardTitle=(d=(a=this.cardConfig.getTitle(this.data))!==null&&a!==void 0?a:(n=this.data)===null||n===void 0?void 0:n[(r=this.cardConfig)===null||r===void 0?void 0:r.titleField])!==null&&d!==void 0?d:""}else if(this.coordinates){this.cardTitle=c(this.coordinates,(l=this.cardConfig)===null||l===void 0?void 0:l.maxLengthCoordinatesTitle)}}render(){var i,e,t;const s=this.getMessage?this.getMessage(this.data):null;const a=this.getMessageIcon?this.getMessageIcon(this.data):null;return o("div",{key:"1b5195214872ac0f1e3593d4de57c6d3b26bce96"},this.showPopOver&&o("feature-details-card",{key:"07d39ad98391f84657bb4451b1a4857ec05bc88c",data:this.currentSelectedFeature,title:this.cardTitle,listData:this.listData,status:(t=(i=this.data)===null||i===void 0?void 0:i[(e=this.cardConfig)===null||e===void 0?void 0:e.statusColor])===null||t===void 0?void 0:t.toLowerCase(),enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,primaryActions:this.isReadOnly?[]:this.primaryActions,moreIconActions:this.isReadOnly?[]:this.moreIconActions,message:s,messageIcon:a,hideMessageIcon:this.hideMessageIcon,onClose:this.additionalOnclosePopover,width:this.popoverWidth,popoverContainer:this.popoverContainer}))}static get watchers(){return{cardConfig:["updateListData","updateTitle"],data:["updateListData"],coordinates:["updateTitle"]}}};b.style=p;export{l as feature_details_card,b as feature_details_popup};
|
|
1
|
+
import{r as i,h as o,a as e}from"./index-n-1ZSeAs.js";import t from"@carbon/icons/es/close/24";import s from"@carbon/icons/es/overflow-menu--vertical/16";import{g as a}from"./iconUtils-KSv32PVD.js";import{s as n}from"./action-column-util-BArOL_Uz.js";import{startCase as r}from"lodash";import{g as c}from"./udp-map-utils-BokzHQF1.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";import"ol/proj";import"ol/format/GeoJSON";const d=".card-wrapper{display:flex;background-color:white}.content-wrapper{flex:1}.header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-01)}.title-wrapper{display:flex;gap:var(--spacing-03);align-items:center}.message-wrapper{display:flex;gap:var(--spacing-03);align-items:center;padding:var(--spacing-03)}.data-row{display:flex;gap:var(--spacing-03);align-items:center;width:100%;flex-wrap:wrap;border-bottom:solid 1px var(--gray-03)}.options{display:flex;gap:var(--spacing-03);justify-content:flex-end;align-items:center;width:100%}.data-section{padding:var(--spacing-03)}";const l=class{constructor(o){i(this,o);this.showAdornment=true;this.status="info";this.enableViewFeature=true;this.primaryActions=[];this.hideMessageIcon=false;this.moreIconAnchor=null;this.showMoreHeaderPopover=false;this.primaryActionAnchor=null;this.showPrimaryPopover=false;this.visiblePrimaryActions=[];this.overflowPrimaryActions=[];this.maximumVisibleListItems=4;this.handleOnClickMoreIcon=i=>{i.stopPropagation();i.preventDefault();this.primaryActionAnchor=null;this.showPrimaryPopover=false;this.moreIconAnchor=i===null||i===void 0?void 0:i.currentTarget;this.showMoreHeaderPopover=true};this.handleOnClickPrimaryAction=i=>{i.stopPropagation();i.preventDefault();this.moreIconAnchor=null;this.showMoreHeaderPopover=false;this.primaryActionAnchor=i===null||i===void 0?void 0:i.currentTarget;this.showPrimaryPopover=true};this.handleClosePopover=()=>{this.showMoreHeaderPopover=false;this.showPrimaryPopover=false}}getHeaderBackgroundColor(){switch(this.status){case"success":return"rgba(122, 220, 181, 0.75)";case"warning":return"rgba(255, 131, 43, 0.75)";case"error":return"rgba(142, 30, 36, 0.75)";default:return"rgba(52, 120, 176, 0.75)"}}getMessageBackgroundColor(){switch(this.status){case"success":return"rgba(122, 220, 181, 0.45)";case"warning":return"rgba(255, 131, 43, 0.45)";case"error":return"rgba(142, 30, 36, 0.45)";default:return"rgba(52, 120, 176, 0.45)"}}getDefaultMessageIcon(){switch(this.status){case"success":return"checkmark";case"error":return"warning";case"warning":return"warningAlt";default:return"information"}}updatePrimaryActionOverflow(){var i;let o=this.maximumVisibleListItems-(this.enableViewFeature?1:0);if(((i=this.primaryActions)===null||i===void 0?void 0:i.length)<=o){this.visiblePrimaryActions=this.primaryActions;this.overflowPrimaryActions=[]}else{o-=1;const{visibleActions:i,overflowActions:e}=n(this.primaryActions,o);this.visiblePrimaryActions=i;this.overflowPrimaryActions=e}}componentWillLoad(){this.updatePrimaryActionOverflow()}updatePrimaryActions(){this.updatePrimaryActionOverflow()}render(){var i,e,n,r,c,d,l,p,b,h;const u=(i=this.messageIcon)!==null&&i!==void 0?i:this.getDefaultMessageIcon();return o("div",{key:"0f48ef1f064a7716ffb4ec27d8e77ddae408ea4e",class:"card-wrapper",style:{width:(e=this.width)!==null&&e!==void 0?e:"100%"}},this.showAdornment&&this.status&&o("div",{key:"9164d74a21825455b5ce1b0f2c1faf51ae9fd0d6",class:"adornment"},o("udp-adornment",{key:"d118ef020ff45b8cff1f1e5aaa0bf40a62b47670",status:(n=this.status)!==null&&n!==void 0?n:"info"})),o("div",{key:"8d90a41f5746d178f8eed681aaff6280de22e7fb",class:"content-wrapper"},o("div",{key:"b6f7270300a2c2a576fc3596c13c18e1f84f9ce4",class:"header-wrapper",style:{backgroundColor:this.getHeaderBackgroundColor()}},o("div",{key:"79f1b6cae1fe69126ab99bc988d97b9221ebc9b4",class:"title-wrapper"},o("stencil-icon-button",{key:"f1dc3606a00577bfa270dfc2bf74bdd8f96ed95e",onClick:this.onClose,icon:t,tooltip:"Close",noBackground:true}),o("unity-typography",{key:"30dfa7fe22120433bbe02affa8f75bce0b3612b2",variant:"h6"},this.title)),((r=this.moreIconActions)===null||r===void 0?void 0:r.length)>0&&o("div",{key:"5a5368d74eb5e171697e3d03e3d167f02d7f2c66"},o("div",{key:"f4c1fe6b4da6bcec91d83f27d116d8cd1ab9770a",id:"moreHeaderIconButton1"},o("stencil-icon-button",{key:"9e1b5310e1bf4dc402b4f29e25667dfe956e0f64",onClick:this.handleOnClickMoreIcon,icon:s,tooltip:"More",noBackground:true,buttonId:"moreHeaderIconButton"})),this.moreIconAnchor&&o("udp-pop-over",{key:"d7e28b157beaab735cd880f6e3fe73ec93be8b31",anchorElement:this.moreIconAnchor,isOpen:this.showMoreHeaderPopover,popoverWidth:"200px",popoverMaxHeight:"300px",handleOnClose:this.handleClosePopover,container:this.popoverContainer},o("div",{key:"0449f6aa16eeb67bac9ab2599e30a22677dc43c1",class:"menu"},(c=this.moreIconActions)===null||c===void 0?void 0:c.map((i=>{var e;return o("udp-menu-item",{label:i===null||i===void 0?void 0:i.name,iconName:i===null||i===void 0?void 0:i.iconName,handleOnClick:()=>{i.onClick(this.data)},disabled:(i===null||i===void 0?void 0:i.checkDisabled)?i===null||i===void 0?void 0:i.checkDisabled(this.data):(e=i===null||i===void 0?void 0:i.disabled)!==null&&e!==void 0?e:false})})))))),this.message&&o("div",{key:"ce1ffc85e445542b5fc8c0585ab4c4597b9f7ffc",class:"message-wrapper",style:{backgroundColor:this.getMessageBackgroundColor()}},!this.hideMessageIcon&&o("div",{key:"d6b21e7b4386340382a0d14d05ebdcfd90ae82a1",class:"icon-message"},o("udp-icon",{key:"7043ed6a01bc10803a2e053d4ecc556f5b7db573",iconName:u})),o("div",{key:"566fba8595867e4f33e2c6b06bfae4e0cee0ad0e",class:"message"},o("unity-typography",{key:"b4061afebe60a2aecba26f06607f892212978929"},this.message))),o("div",{key:"0a2f353d57524636c259b01df78cd3a5960fd034",class:"data-section"},(d=this.listData)===null||d===void 0?void 0:d.map((({subject:i,value:e})=>o("div",{class:"data-row"},o("div",{class:"key"},o("unity-typography",{variant:"data-display-three"},`${i}: `)),o("div",{class:"value"},o("unity-typography",{variant:"data-display-three"},e)))))),o("div",{key:"6c87017e6ae56ccf64ab3e87e662988830aa2266",class:"options"},this.enableViewFeature&&this.data&&o("div",{key:"bf9aead97dc27b42be7cfaf935d40370391ecd95",id:"viewFeatureOption"},o("stencil-icon-button",{key:"dbccb36cdd3bf46a4f976a64189ab0489e97fc12",tooltip:"View",icon:a("view"),buttonId:"viewFeatureButton",onClick:()=>this.handleViewFeature({selectedFeature:this.data,formattedSelectedFeature:this.listData})})),((l=this.primaryActions)===null||l===void 0?void 0:l.length)>0&&o("div",{key:"00951c8e348acb7d887359ba78674f6fbd9cb478"},o("div",{key:"41dff2c40a6532f9c49c6a1388c2146c23180054",class:"options"},(p=this.visiblePrimaryActions)===null||p===void 0?void 0:p.map(((i,e)=>{var t,s;return o("stencil-icon-button",{tooltip:i===null||i===void 0?void 0:i.name,icon:a(i===null||i===void 0?void 0:i.iconName),buttonId:(t=i===null||i===void 0?void 0:i.id)!==null&&t!==void 0?t:`primary-icon-action-${e}`,onClick:()=>i.onClick(this.data),disabled:(i===null||i===void 0?void 0:i.checkDisabled)?i===null||i===void 0?void 0:i.checkDisabled(this.data):(s=i===null||i===void 0?void 0:i.disabled)!==null&&s!==void 0?s:false})})),((b=this.overflowPrimaryActions)===null||b===void 0?void 0:b.length)>0&&o("stencil-icon-button",{key:"4bb9bd45120c494f181299295c8757c98e1da65b",onClick:this.handleOnClickPrimaryAction,icon:s,tooltip:"More",noBackground:true,buttonId:"morePrimaryIconButton"})),this.primaryActionAnchor&&o("udp-pop-over",{key:"edb84a9d52ff94e336e2ee5360b9ef189fde34f7",anchorElement:this.primaryActionAnchor,isOpen:this.showPrimaryPopover,popoverWidth:"200px",popoverMaxHeight:"300px",handleOnClose:this.handleClosePopover,container:this.popoverContainer},o("div",{key:"b63a280d184467cb7f9f0dac5c80805c6fb6c20f",class:"menu"},(h=this.overflowPrimaryActions)===null||h===void 0?void 0:h.map((i=>{var e;return o("udp-menu-item",{label:i===null||i===void 0?void 0:i.name,iconName:i===null||i===void 0?void 0:i.iconName,handleOnClick:()=>{i.onClick(this.data)},disabled:(i===null||i===void 0?void 0:i.checkDisabled)?i===null||i===void 0?void 0:i.checkDisabled(this.data):(e=i===null||i===void 0?void 0:i.disabled)!==null&&e!==void 0?e:false})}))))))))}get el(){return e(this)}static get watchers(){return{primaryActions:["updatePrimaryActions"]}}};l.style=d;const p=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const b=class{constructor(o){i(this,o);this.coordinates=[];this.enableViewFeature=true;this.showPopOver=false;this.isReadOnly=false;this.hideMessageIcon=false;this.popoverWidth="300px";this.listData=[]}updateListData(){var i,o,e,t,s;const a=((i=this.cardConfig)===null||i===void 0?void 0:i.popoverCardListFields)||((o=this.cardConfig)===null||o===void 0?void 0:o.extendedListFields);this.listData=((e=this.cardConfig)===null||e===void 0?void 0:e.getListFields)?(t=this.cardConfig)===null||t===void 0?void 0:t.getListFields(this.data):(s=a===null||a===void 0?void 0:a.map((i=>{var o,e;return{subject:r(i),value:(e=(o=this.data)===null||o===void 0?void 0:o[i])!==null&&e!==void 0?e:"-"}})))!==null&&s!==void 0?s:[]}updateTitle(){var i,o,e,t,s,a,n,r,d,l;if((i=this.data)===null||i===void 0?void 0:i[(o=this.cardConfig)===null||o===void 0?void 0:o.titleField]){this.cardTitle=(e=this.data)===null||e===void 0?void 0:e[(t=this.cardConfig)===null||t===void 0?void 0:t.titleField]}else if((s=this.cardConfig)===null||s===void 0?void 0:s.getTitle){this.cardTitle=(d=(a=this.cardConfig.getTitle(this.data))!==null&&a!==void 0?a:(n=this.data)===null||n===void 0?void 0:n[(r=this.cardConfig)===null||r===void 0?void 0:r.titleField])!==null&&d!==void 0?d:""}else if(this.coordinates){this.cardTitle=c(this.coordinates,(l=this.cardConfig)===null||l===void 0?void 0:l.maxLengthCoordinatesTitle)}}render(){var i,e,t;const s=this.getMessage?this.getMessage(this.data):null;const a=this.getMessageIcon?this.getMessageIcon(this.data):null;return o("div",{key:"1b5195214872ac0f1e3593d4de57c6d3b26bce96"},this.showPopOver&&o("feature-details-card",{key:"07d39ad98391f84657bb4451b1a4857ec05bc88c",data:this.currentSelectedFeature,title:this.cardTitle,listData:this.listData,status:(t=(i=this.data)===null||i===void 0?void 0:i[(e=this.cardConfig)===null||e===void 0?void 0:e.statusColor])===null||t===void 0?void 0:t.toLowerCase(),enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,primaryActions:this.isReadOnly?[]:this.primaryActions,moreIconActions:this.isReadOnly?[]:this.moreIconActions,message:s,messageIcon:a,hideMessageIcon:this.hideMessageIcon,onClose:this.additionalOnclosePopover,width:this.popoverWidth,popoverContainer:this.popoverContainer}))}static get watchers(){return{cardConfig:["updateListData","updateTitle"],data:["updateListData"],coordinates:["updateTitle"]}}};b.style=p;export{l as feature_details_card,b as feature_details_popup};
|
|
2
2
|
//# sourceMappingURL=feature-details-card_2.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as s,a as n}from"./index-DsqSxziV.js";import o from"@carbon/icons/es/close/24";import r from"axios";import{i as a,p as l,g as p}from"./udp-drive-utils-BiYKUATs.js";import{C as u}from"./configService-BqLfkVKh.js";const h="#drop-area{min-height:200px;height:auto;border:2px dashed #ccc;border-radius:5px;padding:20px;text-align:center;font-family:Arial, sans-serif;overflow:hidden;margin-top:10px;margin-bottom:10px}#outer-container{padding:10px 5px;display:flex;justify-content:center}#drop-area.highlight{border-color:var(--primary-color)}#error-text{color:var(--error-color-main)}#add-button{border-radius:5}#remove-button{width:10px;height:10px;margin-left:5px;border:'none';background:'none';cursor:'pointer'}.file-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.full-width{width:auto}.contained-width{width:300px}.file-text{float:none}.file-list{display:flex;flex-direction:column;align-items:center;gap:6px}.inner-container{display:flex;justify-content:center;flex-direction:row}.container{display:flex;flex-direction:row;justify-content:center;overflow-y:auto}.image-preview-container{position:relative;width:100%;min-height:200px;height:240px;border-radius:8px;overflow:hidden;background:#fff;cursor:pointer;margin-top:12px}.image-remove-button{background-color:white}.image-preview-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.image-preview{max-width:100%;max-height:100%;object-fit:contain;display:block}.image-preview-actions{position:absolute;top:8px;right:8px;display:flex;gap:8px}.image-modal-backdrop{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);display:flex;align-items:center;justify-content:center;z-index:9999}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;background:#000;border-radius:8px;overflow:hidden}.image-modal-content img{display:block;max-width:90vw;max-height:90vh;object-fit:contain}.image-modal-close{position:absolute;top:8px;right:8px}";const d=class{constructor(e){t(this,e);this.change=i(this,"change");this.fullWidth=false;this.dragAndDropMessage="Drag and drop your files here";this.browseFileMessage="Browse Files";this.hideDragAndDrop=false;this.hideButton=false;this.disabled=false;this.readonly=false;this.renderImage=false;this.files=[];this.fileWindowOpen=false;this.existingFileReferences=new Map;this.imagePreviewUrl=null;this.isImageModalOpen=false;this.isInitialized=false;this.dragCounter=0;this.handleDragOver=t=>{if(this.disabled||this.readonly){return}t.preventDefault();t.stopPropagation()};this.handleDragEnter=t=>{if(this.disabled||this.readonly){return}t.preventDefault();t.stopPropagation();const i=t.currentTarget;this.dragCounter++;i.classList.add("highlight")};this.handleDragLeave=t=>{if(this.disabled||this.readonly){return}t.preventDefault();t.stopPropagation();const i=t.currentTarget;this.dragCounter--;if(this.dragCounter===0){i.classList.remove("highlight")}};this.handleDrop=t=>{if(this.disabled||this.readonly){return}t.preventDefault();t.stopPropagation();const i=t.currentTarget;i.classList.remove("highlight");const e=t.dataTransfer.files;this.handleFiles(e)};this.handleFileInput=t=>{const i=t.target;if(i.files&&i.files.length>0){this.handleFiles(i.files)}i.value="";this.fileWindowOpen=false};this.handleFiles=t=>{if(t.length===0)return;const i=[...this.files];const e=[];for(let s=0;s<t.length;s++){const n=t[s];if(!n.name||n.name.trim()===""){continue}const o=i.some((t=>t.name===n.name&&t.size===n.size));if(o){continue}if(!this.isFileTypeAllowed(n)){continue}e.push(n);if(!this.allowMultiple){break}}if(e.length>0){if(this.allowMultiple){this.files=[...i,...e]}else{this.files=[e[0]]}this.updateImagePreview();this.emitFileChangeEvents()}};this.handleBrowseFiles=t=>{if(this.disabled||this.readonly){return}t.preventDefault();t.stopPropagation();if(!this.hiddenInput){console.error("File input not initialized yet, attempting to create it now...");try{this.hiddenInput=document.createElement("input");this.hiddenInput.type="file";this.hiddenInput.multiple=this.allowMultiple;this.hiddenInput.style.display="none";this.hiddenInput.addEventListener("change",this.handleFileInput);document.body.appendChild(this.hiddenInput)}catch(t){console.error("Failed to create file input:",t);return}}this.fileWindowOpen=true;this.hiddenInput.click()};this.handleRemoveFile=t=>{if(this.disabled||this.readonly){return}const i=this.files[t];if(this.existingFileReferences.has(i.name)){this.existingFileReferences.delete(i.name)}this.files.splice(t,1);this.files=[...this.files];this.updateImagePreview();if(!this.files.length){this.isImageModalOpen=false}this.emitFileChangeEvents()};this.openImageModal=()=>{if(this.imagePreviewUrl&&!this.disabled){this.isImageModalOpen=true}};this.closeImageModal=t=>{if(t){t.stopPropagation();t.preventDefault()}this.isImageModalOpen=false}}updateError(){this.errorMessage=this.error}async initialValueChanged(t){var i,e,s,n,o;if(t&&typeof t==="object"&&"value"in t&&"files"in t){return}if(!t){this.files=[];this.updateImagePreview();this.existingFileReferences.clear();return}try{this.existingFileReferences.clear();let r=[];if(typeof t==="string"&&a(t)){const a=await l(t);const p=!this.allowMultiple;const u=this.renderImage&&p&&a.length>0;if(u){const t=a[0];const o=(t===null||t===void 0?void 0:t.type)||this.getMimeTypeFromExtension((t===null||t===void 0?void 0:t.extension)||((e=(i=t===null||t===void 0?void 0:t.name)===null||i===void 0?void 0:i.split("."))===null||e===void 0?void 0:e.pop())||"");const l=this.isRenderableImageFromNameOrMime(t===null||t===void 0?void 0:t.name,o);if(l&&(t===null||t===void 0?void 0:t.driveFileId)){try{const i={driveFileId:t.driveFileId,name:t.name,extension:t.extension||(((n=(s=t.name)===null||s===void 0?void 0:s.split("."))===null||n===void 0?void 0:n.pop())||"")};const e=await this.createFileFromUdpDriveFile(i);this.existingFileReferences.set(e.name,i);r=[e]}catch(t){console.warn("Eager image fetch from reference failed, using placeholders:",t)}}}if(!r||r.length===0){r=a;for(const t of r){if(t.driveFileId){const i={driveFileId:t.driveFileId,name:t.name,extension:t.extension||((o=t.name.split("."))===null||o===void 0?void 0:o.pop())||"",tenantId:null,productId:0,path:""};this.existingFileReferences.set(t.name,i)}}}}else if(Array.isArray(t)){const i=await Promise.all(t.map((t=>this.processInitialFile(t))));r=i.filter((t=>t!==null))}else if(typeof t==="object"){const i=await this.processInitialFile(t);r=i?[i]:[]}this.files=r;this.updateImagePreview();this.updateValueProp()}catch(t){console.error("Error processing initial files:",t);this.files=[];this.updateImagePreview();this.existingFileReferences.clear()}}async processInitialFile(t){console.log(t);if(!t){return null}if(this.isUdpDriveFile(t)){const i=this.getMimeTypeFromExtension(t.extension);const e=this.renderImage&&!this.allowMultiple&&this.isRenderableImageFromNameOrMime(t.name,i);if(e){try{const i=await this.createFileFromUdpDriveFile(t);this.existingFileReferences.set(i.name,t);return i}catch(t){console.warn("Eager fetch failed, using placeholder:",t)}}try{const i=this.createPlaceholderFileFromUdpDriveFile(t);this.existingFileReferences.set(i.name,t);return i}catch(t){console.error("Error creating placeholder file from UdpDriveFile:",t);return null}}else if(t instanceof File){return t}else{return null}}isUdpDriveFile(t){return t&&typeof t==="object"&&"driveFileId"in t}createPlaceholderFileFromUdpDriveFile(t){const i=t.extension||"bin";const e=t.name||`file.${i}`;const s=new Blob([""],{type:this.getMimeTypeFromExtension(i)});let n=Date.now();if(t.lastUpdated){if(typeof t.lastUpdated==="string"||typeof t.lastUpdated==="number"){n=new Date(t.lastUpdated).getTime()}else if(t.lastUpdated instanceof Date){n=t.lastUpdated.getTime()}}const o=new File([s],e,{type:s.type,lastModified:n});return o}async createFileFromUdpDriveFile(t){try{const i=`${u.tenantV1ApiUrl}/UdpDrive/${t.driveFileId}/stream`;const e=await r({method:"GET",url:i,responseType:"blob",timeout:3e5,headers:{}});const s=e.data;const n=t.name||`file.${t.extension}`;return new File([s],n,{type:s.type||this.getMimeTypeFromExtension(t.extension),lastModified:t.lastUpdated?new Date(t.lastUpdated).getTime():Date.now()})}catch(i){console.error("Error creating file from UdpDriveFile:",i);const e=t.name||`file.${t.extension}`;return new File([""],e,{type:"application/octet-stream"})}}async updateImagePreview(){if(this.renderImage&&!this.allowMultiple&&this.files.length>0){const t=this.files[0];if(this.isImageFile(t)){if(this.imagePreviewUrl){try{URL.revokeObjectURL(this.imagePreviewUrl)}catch(t){}}this.imagePreviewUrl=URL.createObjectURL(t)}else{this.imagePreviewUrl=null}}else{this.imagePreviewUrl=null}}isImageFile(t){return!!t&&t.type.startsWith("image/")&&t.size>0}getMimeTypeFromExtension(t){if(!t){return"application/octet-stream"}const i={pdf:"application/pdf",doc:"application/msword",docx:"application/vnd.openxmlformats-officedocument.wordprocessingml.document",xls:"application/vnd.ms-excel",xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",ppt:"application/vnd.ms-powerpoint",pptx:"application/vnd.openxmlformats-officedocument.presentationml.presentation",txt:"text/plain",csv:"text/csv",json:"application/json",xml:"application/xml",html:"text/html",css:"text/css",js:"application/javascript",png:"image/png",jpg:"image/jpeg",jpeg:"image/jpeg",gif:"image/gif",svg:"image/svg+xml",zip:"application/zip",rar:"application/x-rar-compressed","7z":"application/x-7z-compressed"};return i[t.toLowerCase()]||"application/octet-stream"}isRenderableImageFromNameOrMime(t,i){var e,s;if(i&&i.toLowerCase().startsWith("image/"))return true;const n=(s=(e=t===null||t===void 0?void 0:t.split("."))===null||e===void 0?void 0:e.pop())===null||s===void 0?void 0:s.toLowerCase();if(!n)return false;const o=new Set(["png","jpg","jpeg","gif","svg","webp","bmp"]);return o.has(n)}async componentWillLoad(){if(this.isInitialized){return}this.dragCounter=0;this.hiddenInput=document.createElement("input");this.hiddenInput.type="file";this.hiddenInput.multiple=this.allowMultiple;this.hiddenInput.style.display="none";this.hiddenInput.addEventListener("change",this.handleFileInput);document.body.appendChild(this.hiddenInput);if(this.allowedMimeTypes&&this.disallowedMimeTypes){throw new Error("allowedMimeTypes and disallowedMimeTypes are mutually exclusive, you cannot use both props")}if(!this.allowedMimeTypes&&!this.disallowedMimeTypes){if(this.allowedFileTypes&&this.disallowedFileTypes){throw new Error("allowedFileTypes and disallowedFileTypes are mutually exclusive, you cannot use both props")}}if(this.allowedFileTypes){console.warn("allowedFileTypes prop is deprecated. Use allowedMimeTypes for better security and validation.")}if(this.disallowedFileTypes){console.warn("disallowedFileTypes prop is deprecated. Use disallowedMimeTypes for better security and validation.")}if(this.error){this.errorMessage=this.error}if(this.initialValue!==undefined&&this.initialValue!==null&&this.initialValue!==""){await this.initialValueChanged(this.initialValue)}else if(this.value!==undefined&&this.value!==null){if(this.value.files){await this.processValueProp(this.value.files)}}this.isInitialized=true}async processValueProp(t){if(t===null||t===undefined){this.files=[];return}if(t&&typeof t==="object"&&"value"in t&&"files"in t&&"toString"in t){return}try{if(Array.isArray(t)){if(t.length===0){this.files=[];return}const i=[];for(const e of t){const t=await this.processInitialFile(e);if(t){i.push(t)}}this.files=i}else{const i=await this.processInitialFile(t);if(i){this.files=[i]}else{this.files=[]}}this.updateValueProp()}catch(t){console.error("Error in processValueProp:",t);this.files=[]}}emitFileChangeEvents(){this.updateValueProp();const t=this.files.filter((t=>!this.existingFileReferences.has(t.name)));const i=this.files.filter((t=>this.existingFileReferences.has(t.name)));if(t.length===0&&i.length===0){this.change.emit(null);return}const e=[];t.forEach((t=>{if(t.name&&t.name.trim()!==""){e.push(t.name.trim())}}));i.forEach((t=>{if(t.name&&t.name.trim()!==""){const i=this.existingFileReferences.get(t.name);if(i){e.push(`${t.name.trim()}|udp:${i.driveFileId}`)}}}));const s=e.join(",");const n={toString:()=>s,valueOf:()=>s,value:s,files:t.filter((t=>t.name&&t.name.trim()!==""))};this.change.emit(n)}updateValueProp(){}isFileTypeAllowed(t){var i;if(!t.name){return false}const e=(i=t.name.split(".").pop())===null||i===void 0?void 0:i.toLowerCase();const s=t.type||p(e);if(this.allowedMimeTypes&&this.allowedMimeTypes.length>0){return this.allowedMimeTypes.some((t=>this.isMimeTypeMatch(s,t)))}if(this.disallowedMimeTypes&&this.disallowedMimeTypes.length>0){return!this.disallowedMimeTypes.some((t=>this.isMimeTypeMatch(s,t)))}if(!e){return false}if(this.allowedFileTypes&&this.allowedFileTypes.length>0){return this.allowedFileTypes.map((t=>t.toLowerCase())).includes(e)}if(this.disallowedFileTypes&&this.disallowedFileTypes.length>0){return!this.disallowedFileTypes.map((t=>t.toLowerCase())).includes(e)}return true}isMimeTypeMatch(t,i){if(!t||!i){return false}if(t.toLowerCase()===i.toLowerCase()){return true}if(i.endsWith("/*")){const e=i.slice(0,-2).toLowerCase();return t.toLowerCase().startsWith(e+"/")}return false}async downloadFile(t){if(this.disabled){return}try{const i=this.existingFileReferences.get(t.name);if(i){const t=await this.createFileFromUdpDriveFile(i);const e=URL.createObjectURL(t);const s=document.createElement("a");s.href=e;s.download=t.name;s.style.display="none";document.body.appendChild(s);s.click();document.body.removeChild(s);URL.revokeObjectURL(e)}else{const i=URL.createObjectURL(t);const e=document.createElement("a");e.href=i;e.download=t.name;e.style.display="none";document.body.appendChild(e);e.click();document.body.removeChild(e);URL.revokeObjectURL(i)}}catch(t){console.error("Error downloading file:",t)}}disconnectedCallback(){if(this.hiddenInput){document.body.removeChild(this.hiddenInput);this.hiddenInput=null}if(this.imagePreviewUrl){try{URL.revokeObjectURL(this.imagePreviewUrl)}catch(t){}this.imagePreviewUrl=null}}render(){const t=!!this.errorMessage;const i=this.renderImage&&!this.allowMultiple&&!!this.imagePreviewUrl;if(i){return e(s,{class:{"udp-input":true,"udp-input--error":t,"udp-input--full-width":this.fullWidth,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly},"aria-invalid":t?"true":"false","aria-disabled":this.disabled?"true":"false"},e("div",{class:"image-preview-container",onClick:this.openImageModal},e("div",{class:"image-preview-inner"},e("img",{src:this.imagePreviewUrl,alt:"Image preview",class:"image-preview"})),e("div",{class:"image-preview-actions",onClick:t=>t.stopPropagation()},e("stencil-icon-button",{showLabel:false,icon:o,onClick:()=>this.handleRemoveFile(0),disabled:this.disabled||this.readonly}))),this.isImageModalOpen&&this.imagePreviewUrl&&e("div",{class:"image-modal-backdrop",onClick:this.closeImageModal},e("div",{class:"image-modal-content",onClick:t=>t.stopPropagation()},e("img",{src:this.imagePreviewUrl,alt:"Full image"}),e("div",{class:"image-modal-close"},e("stencil-icon-button",{showLabel:false,icon:o,onClick:this.closeImageModal})))),this.errorMessage&&!this.fileWindowOpen?e("div",{id:"error-text"},e("unity-typography",{color:"error"},this.errorMessage)):"")}const n=!this.hideDragAndDrop?"drop-area":"outer-container";return e(s,{class:{"udp-input":true,"udp-input--error":t,"udp-input--full-width":this.fullWidth,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly},"aria-invalid":t?"true":"false","aria-disabled":this.disabled?"true":"false"},e("div",{id:n,onDragOver:this.handleDragOver,onDrop:this.handleDrop,onDragEnter:this.handleDragEnter,onDragLeave:this.handleDragLeave,class:!this.hideDragAndDrop?this.fullWidth?"full-width":"contained-width":""},!this.hideDragAndDrop?e("unity-typography",null,e("p",null,this.dragAndDropMessage),!this.hideButton?e("p",null,"or"):""):"",!this.hideButton?e("custom-button",{label:this.browseFileMessage,onClick:t=>this.handleBrowseFiles(t),id:"udpRecord-file-upload-"+this.id,disabled:this.disabled||this.readonly,udprecordid:"udpRecord-file-upload-"+this.id}):"",this.files.length>0&&e("div",{class:"file-list"},this.files.map(((t,i)=>{const s=this.existingFileReferences.has(t.name);return e("div",{class:"file-container",key:i},e("div",{class:"file-text",onClick:()=>this.downloadFile(t),style:{cursor:this.disabled?"not-allowed":"pointer",textDecoration:"underline"}},e("unity-typography",null,t.name,s&&e("span",{style:{fontSize:"0.8em",opacity:"0.7"}}," (saved)"))),e("div",null,e("stencil-icon-button",{showLabel:false,icon:o,onClick:()=>this.handleRemoveFile(i),disabled:this.disabled||this.readonly})))}))),this.errorMessage&&!this.fileWindowOpen?e("div",{id:"error-text"},e("unity-typography",{color:"error"},this.errorMessage)):""))}get el(){return n(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"]}}};d.style=h;const c=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host{display:block}:host(.udp-input--size-small) li{padding:var(--spacing-02) var(--spacing-03);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) li{padding:var(--spacing-03) var(--spacing-04);font-size:var(--body-font-size)}:host(.udp-input--size-large) li{padding:var(--spacing-04) var(--spacing-05);font-size:var(--body-font-size)}ul{list-style:none;padding:0;margin:0}li{padding:var(--spacing-03) var(--spacing-04);cursor:pointer;transition:background-color 0.3s ease}li:hover{background-color:#f0f0f0;color:var(--text-color)}.selected{background-color:var(--primary-color);color:white}label{cursor:pointer}input{cursor:pointer}.error{color:var(--error-color-main)}';const f=class{constructor(e){t(this,e);this.change=i(this,"change");this.disabled=false;this.readonly=false;this.size="normal";this.margin="normal";this.multiSelect=false;this.items=[];this.displayKey="";this.useCheckbox=false;this.valueKey="";this.error="";this.internalItems=[];this.internalValue="";this.handleItemClick=t=>{if(this.disabled||this.readonly)return;let i=[...this.internalItems];const e=this.internalItems.findIndex((i=>this.valueKey&&i[this.valueKey]===t[this.valueKey]||!this.valueKey&&i===t));i.splice(e,1,Object.assign(Object.assign({},t),{selected:!t.selected}));if(!this.multiSelect&&!t.selected){i=i.map(((t,i)=>Object.assign(Object.assign({},t),{selected:i===e})))}this.internalItems=i;const s=this.getValue(i);this.internalValue=s;if(this.value!==undefined){this.value=s}this.change.emit(s)}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""||this.internalValue===undefined||this.value===undefined){if(t!==undefined){this.internalValue=t;this.updateItemSelection(t)}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value;this.updateItemSelection(this.value)}}itemsChanged(){this.initializeItems()}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.error){this.errorMessage=this.error}this.initializeItems()}initializeItems(){if(!this.valueKey){console.error("valueKey is required");this.internalItems=this.items;return}this.updateItemSelection(this.internalValue)}updateItemSelection(t){if(!t||!this.valueKey){this.internalItems=[...this.items];return}const i=this.items.filter((i=>t.split(",").includes(i[this.valueKey])));let e=i;if(i.length>1&&!this.multiSelect){e=[i[0]];console.warn("multiple values are selected, but multiselect is disabled")}const s=this.items.map((t=>Object.assign(Object.assign({},t),{selected:e.some((i=>i[this.valueKey]===t[this.valueKey]))})));this.internalItems=s}getSelectedItems(t=null){var i;const e=t!==null&&t!==void 0?t:this.internalItems;return(i=e.filter((t=>t.selected)))!==null&&i!==void 0?i:[]}getValue(t=null){var i;const e=t!==null&&t!==void 0?t:this.internalItems;return(i=this.getSelectedItems(e).map((t=>{var i;return(i=t[this.valueKey])!==null&&i!==void 0?i:t[this.displayKey]})).join(","))!==null&&i!==void 0?i:""}render(){if(!this.valueKey)return null;const t=!!this.errorMessage;return e(s,{class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--required":this.required,"udp-input--multi-select":this.multiSelect,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("ul",null,this.internalItems.map(((t,i)=>{var s,n;return e("li",{key:t.id||t[this.displayKey],onClick:()=>this.handleItemClick(t),class:t.selected&&!this.useCheckbox?"selected":"",id:"udpRecord-selectable-list-input-"+i+"-"+this.id,udprecordid:"udpRecord-selectable-list-input-"+i+"-"+this.id},this.useCheckbox?e("label",null,e("input",{type:this.multiSelect?"checkbox":"radio",name:this.name||(this.valueKey&&t[this.valueKey]||((s=t.id)!==null&&s!==void 0?s:t[this.displayKey])),disabled:this.disabled||this.readonly,value:this.valueKey&&t[this.valueKey]||((n=t.id)!==null&&n!==void 0?n:t[this.displayKey]),checked:t.selected,onChange:()=>this.handleItemClick(t)}),t[this.displayKey]):e("div",null,t[this.displayKey]))})),this.errorMessage&&e("unity-typography",{class:"error",variant:"caption-text",color:"error"},this.errorMessage)))}get el(){return n(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"],items:["itemsChanged"]}}};f.style=c;export{d as file_upload,f as selectable_list};
|
|
1
|
+
import{r as t,c as i,h as e,H as s,a as n}from"./index-n-1ZSeAs.js";import o from"@carbon/icons/es/close/24";import r from"axios";import{i as a,p as l,g as p}from"./udp-drive-utils-BiYKUATs.js";import{C as u}from"./configService-BqLfkVKh.js";const h="#drop-area{min-height:200px;height:auto;border:2px dashed #ccc;border-radius:5px;padding:20px;text-align:center;font-family:Arial, sans-serif;overflow:hidden;margin-top:10px;margin-bottom:10px}#outer-container{padding:10px 5px;display:flex;justify-content:center}#drop-area.highlight{border-color:var(--primary-color)}#error-text{color:var(--error-color-main)}#add-button{border-radius:5}#remove-button{width:10px;height:10px;margin-left:5px;border:'none';background:'none';cursor:'pointer'}.file-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}.full-width{width:auto}.contained-width{width:300px}.file-text{float:none}.file-list{display:flex;flex-direction:column;align-items:center;gap:6px}.inner-container{display:flex;justify-content:center;flex-direction:row}.container{display:flex;flex-direction:row;justify-content:center;overflow-y:auto}.image-preview-container{position:relative;width:100%;min-height:200px;height:240px;border-radius:8px;overflow:hidden;background:#fff;cursor:pointer;margin-top:12px}.image-remove-button{background-color:white}.image-preview-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.image-preview{max-width:100%;max-height:100%;object-fit:contain;display:block}.image-preview-actions{position:absolute;top:8px;right:8px;display:flex;gap:8px}.image-modal-backdrop{position:fixed;inset:0;background:rgba(0, 0, 0, 0.6);display:flex;align-items:center;justify-content:center;z-index:9999}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;background:#000;border-radius:8px;overflow:hidden}.image-modal-content img{display:block;max-width:90vw;max-height:90vh;object-fit:contain}.image-modal-close{position:absolute;top:8px;right:8px}";const d=class{constructor(e){t(this,e);this.change=i(this,"change");this.fullWidth=false;this.dragAndDropMessage="Drag and drop your files here";this.browseFileMessage="Browse Files";this.hideDragAndDrop=false;this.hideButton=false;this.disabled=false;this.readonly=false;this.renderImage=false;this.files=[];this.fileWindowOpen=false;this.existingFileReferences=new Map;this.imagePreviewUrl=null;this.isImageModalOpen=false;this.isInitialized=false;this.dragCounter=0;this.handleDragOver=t=>{if(this.disabled||this.readonly){return}t.preventDefault();t.stopPropagation()};this.handleDragEnter=t=>{if(this.disabled||this.readonly){return}t.preventDefault();t.stopPropagation();const i=t.currentTarget;this.dragCounter++;i.classList.add("highlight")};this.handleDragLeave=t=>{if(this.disabled||this.readonly){return}t.preventDefault();t.stopPropagation();const i=t.currentTarget;this.dragCounter--;if(this.dragCounter===0){i.classList.remove("highlight")}};this.handleDrop=t=>{if(this.disabled||this.readonly){return}t.preventDefault();t.stopPropagation();const i=t.currentTarget;i.classList.remove("highlight");const e=t.dataTransfer.files;this.handleFiles(e)};this.handleFileInput=t=>{const i=t.target;if(i.files&&i.files.length>0){this.handleFiles(i.files)}i.value="";this.fileWindowOpen=false};this.handleFiles=t=>{if(t.length===0)return;const i=[...this.files];const e=[];for(let s=0;s<t.length;s++){const n=t[s];if(!n.name||n.name.trim()===""){continue}const o=i.some((t=>t.name===n.name&&t.size===n.size));if(o){continue}if(!this.isFileTypeAllowed(n)){continue}e.push(n);if(!this.allowMultiple){break}}if(e.length>0){if(this.allowMultiple){this.files=[...i,...e]}else{this.files=[e[0]]}this.updateImagePreview();this.emitFileChangeEvents()}};this.handleBrowseFiles=t=>{if(this.disabled||this.readonly){return}t.preventDefault();t.stopPropagation();if(!this.hiddenInput){console.error("File input not initialized yet, attempting to create it now...");try{this.hiddenInput=document.createElement("input");this.hiddenInput.type="file";this.hiddenInput.multiple=this.allowMultiple;this.hiddenInput.style.display="none";this.hiddenInput.addEventListener("change",this.handleFileInput);document.body.appendChild(this.hiddenInput)}catch(t){console.error("Failed to create file input:",t);return}}this.fileWindowOpen=true;this.hiddenInput.click()};this.handleRemoveFile=t=>{if(this.disabled||this.readonly){return}const i=this.files[t];if(this.existingFileReferences.has(i.name)){this.existingFileReferences.delete(i.name)}this.files.splice(t,1);this.files=[...this.files];this.updateImagePreview();if(!this.files.length){this.isImageModalOpen=false}this.emitFileChangeEvents()};this.openImageModal=()=>{if(this.imagePreviewUrl&&!this.disabled){this.isImageModalOpen=true}};this.closeImageModal=t=>{if(t){t.stopPropagation();t.preventDefault()}this.isImageModalOpen=false}}updateError(){this.errorMessage=this.error}async initialValueChanged(t){var i,e,s,n,o;if(t&&typeof t==="object"&&"value"in t&&"files"in t){return}if(!t){this.files=[];this.updateImagePreview();this.existingFileReferences.clear();return}try{this.existingFileReferences.clear();let r=[];if(typeof t==="string"&&a(t)){const a=await l(t);const p=!this.allowMultiple;const u=this.renderImage&&p&&a.length>0;if(u){const t=a[0];const o=(t===null||t===void 0?void 0:t.type)||this.getMimeTypeFromExtension((t===null||t===void 0?void 0:t.extension)||((e=(i=t===null||t===void 0?void 0:t.name)===null||i===void 0?void 0:i.split("."))===null||e===void 0?void 0:e.pop())||"");const l=this.isRenderableImageFromNameOrMime(t===null||t===void 0?void 0:t.name,o);if(l&&(t===null||t===void 0?void 0:t.driveFileId)){try{const i={driveFileId:t.driveFileId,name:t.name,extension:t.extension||(((n=(s=t.name)===null||s===void 0?void 0:s.split("."))===null||n===void 0?void 0:n.pop())||"")};const e=await this.createFileFromUdpDriveFile(i);this.existingFileReferences.set(e.name,i);r=[e]}catch(t){console.warn("Eager image fetch from reference failed, using placeholders:",t)}}}if(!r||r.length===0){r=a;for(const t of r){if(t.driveFileId){const i={driveFileId:t.driveFileId,name:t.name,extension:t.extension||((o=t.name.split("."))===null||o===void 0?void 0:o.pop())||"",tenantId:null,productId:0,path:""};this.existingFileReferences.set(t.name,i)}}}}else if(Array.isArray(t)){const i=await Promise.all(t.map((t=>this.processInitialFile(t))));r=i.filter((t=>t!==null))}else if(typeof t==="object"){const i=await this.processInitialFile(t);r=i?[i]:[]}this.files=r;this.updateImagePreview();this.updateValueProp()}catch(t){console.error("Error processing initial files:",t);this.files=[];this.updateImagePreview();this.existingFileReferences.clear()}}async processInitialFile(t){console.log(t);if(!t){return null}if(this.isUdpDriveFile(t)){const i=this.getMimeTypeFromExtension(t.extension);const e=this.renderImage&&!this.allowMultiple&&this.isRenderableImageFromNameOrMime(t.name,i);if(e){try{const i=await this.createFileFromUdpDriveFile(t);this.existingFileReferences.set(i.name,t);return i}catch(t){console.warn("Eager fetch failed, using placeholder:",t)}}try{const i=this.createPlaceholderFileFromUdpDriveFile(t);this.existingFileReferences.set(i.name,t);return i}catch(t){console.error("Error creating placeholder file from UdpDriveFile:",t);return null}}else if(t instanceof File){return t}else{return null}}isUdpDriveFile(t){return t&&typeof t==="object"&&"driveFileId"in t}createPlaceholderFileFromUdpDriveFile(t){const i=t.extension||"bin";const e=t.name||`file.${i}`;const s=new Blob([""],{type:this.getMimeTypeFromExtension(i)});let n=Date.now();if(t.lastUpdated){if(typeof t.lastUpdated==="string"||typeof t.lastUpdated==="number"){n=new Date(t.lastUpdated).getTime()}else if(t.lastUpdated instanceof Date){n=t.lastUpdated.getTime()}}const o=new File([s],e,{type:s.type,lastModified:n});return o}async createFileFromUdpDriveFile(t){try{const i=`${u.tenantV1ApiUrl}/UdpDrive/${t.driveFileId}/stream`;const e=await r({method:"GET",url:i,responseType:"blob",timeout:3e5,headers:{}});const s=e.data;const n=t.name||`file.${t.extension}`;return new File([s],n,{type:s.type||this.getMimeTypeFromExtension(t.extension),lastModified:t.lastUpdated?new Date(t.lastUpdated).getTime():Date.now()})}catch(i){console.error("Error creating file from UdpDriveFile:",i);const e=t.name||`file.${t.extension}`;return new File([""],e,{type:"application/octet-stream"})}}async updateImagePreview(){if(this.renderImage&&!this.allowMultiple&&this.files.length>0){const t=this.files[0];if(this.isImageFile(t)){if(this.imagePreviewUrl){try{URL.revokeObjectURL(this.imagePreviewUrl)}catch(t){}}this.imagePreviewUrl=URL.createObjectURL(t)}else{this.imagePreviewUrl=null}}else{this.imagePreviewUrl=null}}isImageFile(t){return!!t&&t.type.startsWith("image/")&&t.size>0}getMimeTypeFromExtension(t){if(!t){return"application/octet-stream"}const i={pdf:"application/pdf",doc:"application/msword",docx:"application/vnd.openxmlformats-officedocument.wordprocessingml.document",xls:"application/vnd.ms-excel",xlsx:"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",ppt:"application/vnd.ms-powerpoint",pptx:"application/vnd.openxmlformats-officedocument.presentationml.presentation",txt:"text/plain",csv:"text/csv",json:"application/json",xml:"application/xml",html:"text/html",css:"text/css",js:"application/javascript",png:"image/png",jpg:"image/jpeg",jpeg:"image/jpeg",gif:"image/gif",svg:"image/svg+xml",zip:"application/zip",rar:"application/x-rar-compressed","7z":"application/x-7z-compressed"};return i[t.toLowerCase()]||"application/octet-stream"}isRenderableImageFromNameOrMime(t,i){var e,s;if(i&&i.toLowerCase().startsWith("image/"))return true;const n=(s=(e=t===null||t===void 0?void 0:t.split("."))===null||e===void 0?void 0:e.pop())===null||s===void 0?void 0:s.toLowerCase();if(!n)return false;const o=new Set(["png","jpg","jpeg","gif","svg","webp","bmp"]);return o.has(n)}async componentWillLoad(){if(this.isInitialized){return}this.dragCounter=0;this.hiddenInput=document.createElement("input");this.hiddenInput.type="file";this.hiddenInput.multiple=this.allowMultiple;this.hiddenInput.style.display="none";this.hiddenInput.addEventListener("change",this.handleFileInput);document.body.appendChild(this.hiddenInput);if(this.allowedMimeTypes&&this.disallowedMimeTypes){throw new Error("allowedMimeTypes and disallowedMimeTypes are mutually exclusive, you cannot use both props")}if(!this.allowedMimeTypes&&!this.disallowedMimeTypes){if(this.allowedFileTypes&&this.disallowedFileTypes){throw new Error("allowedFileTypes and disallowedFileTypes are mutually exclusive, you cannot use both props")}}if(this.allowedFileTypes){console.warn("allowedFileTypes prop is deprecated. Use allowedMimeTypes for better security and validation.")}if(this.disallowedFileTypes){console.warn("disallowedFileTypes prop is deprecated. Use disallowedMimeTypes for better security and validation.")}if(this.error){this.errorMessage=this.error}if(this.initialValue!==undefined&&this.initialValue!==null&&this.initialValue!==""){await this.initialValueChanged(this.initialValue)}else if(this.value!==undefined&&this.value!==null){if(this.value.files){await this.processValueProp(this.value.files)}}this.isInitialized=true}async processValueProp(t){if(t===null||t===undefined){this.files=[];return}if(t&&typeof t==="object"&&"value"in t&&"files"in t&&"toString"in t){return}try{if(Array.isArray(t)){if(t.length===0){this.files=[];return}const i=[];for(const e of t){const t=await this.processInitialFile(e);if(t){i.push(t)}}this.files=i}else{const i=await this.processInitialFile(t);if(i){this.files=[i]}else{this.files=[]}}this.updateValueProp()}catch(t){console.error("Error in processValueProp:",t);this.files=[]}}emitFileChangeEvents(){this.updateValueProp();const t=this.files.filter((t=>!this.existingFileReferences.has(t.name)));const i=this.files.filter((t=>this.existingFileReferences.has(t.name)));if(t.length===0&&i.length===0){this.change.emit(null);return}const e=[];t.forEach((t=>{if(t.name&&t.name.trim()!==""){e.push(t.name.trim())}}));i.forEach((t=>{if(t.name&&t.name.trim()!==""){const i=this.existingFileReferences.get(t.name);if(i){e.push(`${t.name.trim()}|udp:${i.driveFileId}`)}}}));const s=e.join(",");const n={toString:()=>s,valueOf:()=>s,value:s,files:t.filter((t=>t.name&&t.name.trim()!==""))};this.change.emit(n)}updateValueProp(){}isFileTypeAllowed(t){var i;if(!t.name){return false}const e=(i=t.name.split(".").pop())===null||i===void 0?void 0:i.toLowerCase();const s=t.type||p(e);if(this.allowedMimeTypes&&this.allowedMimeTypes.length>0){return this.allowedMimeTypes.some((t=>this.isMimeTypeMatch(s,t)))}if(this.disallowedMimeTypes&&this.disallowedMimeTypes.length>0){return!this.disallowedMimeTypes.some((t=>this.isMimeTypeMatch(s,t)))}if(!e){return false}if(this.allowedFileTypes&&this.allowedFileTypes.length>0){return this.allowedFileTypes.map((t=>t.toLowerCase())).includes(e)}if(this.disallowedFileTypes&&this.disallowedFileTypes.length>0){return!this.disallowedFileTypes.map((t=>t.toLowerCase())).includes(e)}return true}isMimeTypeMatch(t,i){if(!t||!i){return false}if(t.toLowerCase()===i.toLowerCase()){return true}if(i.endsWith("/*")){const e=i.slice(0,-2).toLowerCase();return t.toLowerCase().startsWith(e+"/")}return false}async downloadFile(t){if(this.disabled){return}try{const i=this.existingFileReferences.get(t.name);if(i){const t=await this.createFileFromUdpDriveFile(i);const e=URL.createObjectURL(t);const s=document.createElement("a");s.href=e;s.download=t.name;s.style.display="none";document.body.appendChild(s);s.click();document.body.removeChild(s);URL.revokeObjectURL(e)}else{const i=URL.createObjectURL(t);const e=document.createElement("a");e.href=i;e.download=t.name;e.style.display="none";document.body.appendChild(e);e.click();document.body.removeChild(e);URL.revokeObjectURL(i)}}catch(t){console.error("Error downloading file:",t)}}disconnectedCallback(){if(this.hiddenInput){document.body.removeChild(this.hiddenInput);this.hiddenInput=null}if(this.imagePreviewUrl){try{URL.revokeObjectURL(this.imagePreviewUrl)}catch(t){}this.imagePreviewUrl=null}}render(){const t=!!this.errorMessage;const i=this.renderImage&&!this.allowMultiple&&!!this.imagePreviewUrl;if(i){return e(s,{class:{"udp-input":true,"udp-input--error":t,"udp-input--full-width":this.fullWidth,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly},"aria-invalid":t?"true":"false","aria-disabled":this.disabled?"true":"false"},e("div",{class:"image-preview-container",onClick:this.openImageModal},e("div",{class:"image-preview-inner"},e("img",{src:this.imagePreviewUrl,alt:"Image preview",class:"image-preview"})),e("div",{class:"image-preview-actions",onClick:t=>t.stopPropagation()},e("stencil-icon-button",{showLabel:false,icon:o,onClick:()=>this.handleRemoveFile(0),disabled:this.disabled||this.readonly}))),this.isImageModalOpen&&this.imagePreviewUrl&&e("div",{class:"image-modal-backdrop",onClick:this.closeImageModal},e("div",{class:"image-modal-content",onClick:t=>t.stopPropagation()},e("img",{src:this.imagePreviewUrl,alt:"Full image"}),e("div",{class:"image-modal-close"},e("stencil-icon-button",{showLabel:false,icon:o,onClick:this.closeImageModal})))),this.errorMessage&&!this.fileWindowOpen?e("div",{id:"error-text"},e("unity-typography",{color:"error"},this.errorMessage)):"")}const n=!this.hideDragAndDrop?"drop-area":"outer-container";return e(s,{class:{"udp-input":true,"udp-input--error":t,"udp-input--full-width":this.fullWidth,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly},"aria-invalid":t?"true":"false","aria-disabled":this.disabled?"true":"false"},e("div",{id:n,onDragOver:this.handleDragOver,onDrop:this.handleDrop,onDragEnter:this.handleDragEnter,onDragLeave:this.handleDragLeave,class:!this.hideDragAndDrop?this.fullWidth?"full-width":"contained-width":""},!this.hideDragAndDrop?e("unity-typography",null,e("p",null,this.dragAndDropMessage),!this.hideButton?e("p",null,"or"):""):"",!this.hideButton?e("custom-button",{label:this.browseFileMessage,onClick:t=>this.handleBrowseFiles(t),id:"udpRecord-file-upload-"+this.id,disabled:this.disabled||this.readonly,udprecordid:"udpRecord-file-upload-"+this.id}):"",this.files.length>0&&e("div",{class:"file-list"},this.files.map(((t,i)=>{const s=this.existingFileReferences.has(t.name);return e("div",{class:"file-container",key:i},e("div",{class:"file-text",onClick:()=>this.downloadFile(t),style:{cursor:this.disabled?"not-allowed":"pointer",textDecoration:"underline"}},e("unity-typography",null,t.name,s&&e("span",{style:{fontSize:"0.8em",opacity:"0.7"}}," (saved)"))),e("div",null,e("stencil-icon-button",{showLabel:false,icon:o,onClick:()=>this.handleRemoveFile(i),disabled:this.disabled||this.readonly})))}))),this.errorMessage&&!this.fileWindowOpen?e("div",{id:"error-text"},e("unity-typography",{color:"error"},this.errorMessage)):""))}get el(){return n(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"]}}};d.style=h;const c=':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host{display:block}:host(.udp-input--size-small) li{padding:var(--spacing-02) var(--spacing-03);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) li{padding:var(--spacing-03) var(--spacing-04);font-size:var(--body-font-size)}:host(.udp-input--size-large) li{padding:var(--spacing-04) var(--spacing-05);font-size:var(--body-font-size)}ul{list-style:none;padding:0;margin:0}li{padding:var(--spacing-03) var(--spacing-04);cursor:pointer;transition:background-color 0.3s ease}li:hover{background-color:#f0f0f0;color:var(--text-color)}.selected{background-color:var(--primary-color);color:white}label{cursor:pointer}input{cursor:pointer}.error{color:var(--error-color-main)}';const f=class{constructor(e){t(this,e);this.change=i(this,"change");this.disabled=false;this.readonly=false;this.size="normal";this.margin="normal";this.multiSelect=false;this.items=[];this.displayKey="";this.useCheckbox=false;this.valueKey="";this.error="";this.internalItems=[];this.internalValue="";this.handleItemClick=t=>{if(this.disabled||this.readonly)return;let i=[...this.internalItems];const e=this.internalItems.findIndex((i=>this.valueKey&&i[this.valueKey]===t[this.valueKey]||!this.valueKey&&i===t));i.splice(e,1,Object.assign(Object.assign({},t),{selected:!t.selected}));if(!this.multiSelect&&!t.selected){i=i.map(((t,i)=>Object.assign(Object.assign({},t),{selected:i===e})))}this.internalItems=i;const s=this.getValue(i);this.internalValue=s;if(this.value!==undefined){this.value=s}this.change.emit(s)}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""||this.internalValue===undefined||this.value===undefined){if(t!==undefined){this.internalValue=t;this.updateItemSelection(t)}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value;this.updateItemSelection(this.value)}}itemsChanged(){this.initializeItems()}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.error){this.errorMessage=this.error}this.initializeItems()}initializeItems(){if(!this.valueKey){console.error("valueKey is required");this.internalItems=this.items;return}this.updateItemSelection(this.internalValue)}updateItemSelection(t){if(!t||!this.valueKey){this.internalItems=[...this.items];return}const i=this.items.filter((i=>t.split(",").includes(i[this.valueKey])));let e=i;if(i.length>1&&!this.multiSelect){e=[i[0]];console.warn("multiple values are selected, but multiselect is disabled")}const s=this.items.map((t=>Object.assign(Object.assign({},t),{selected:e.some((i=>i[this.valueKey]===t[this.valueKey]))})));this.internalItems=s}getSelectedItems(t=null){var i;const e=t!==null&&t!==void 0?t:this.internalItems;return(i=e.filter((t=>t.selected)))!==null&&i!==void 0?i:[]}getValue(t=null){var i;const e=t!==null&&t!==void 0?t:this.internalItems;return(i=this.getSelectedItems(e).map((t=>{var i;return(i=t[this.valueKey])!==null&&i!==void 0?i:t[this.displayKey]})).join(","))!==null&&i!==void 0?i:""}render(){if(!this.valueKey)return null;const t=!!this.errorMessage;return e(s,{class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--required":this.required,"udp-input--multi-select":this.multiSelect,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("ul",null,this.internalItems.map(((t,i)=>{var s,n;return e("li",{key:t.id||t[this.displayKey],onClick:()=>this.handleItemClick(t),class:t.selected&&!this.useCheckbox?"selected":"",id:"udpRecord-selectable-list-input-"+i+"-"+this.id,udprecordid:"udpRecord-selectable-list-input-"+i+"-"+this.id},this.useCheckbox?e("label",null,e("input",{type:this.multiSelect?"checkbox":"radio",name:this.name||(this.valueKey&&t[this.valueKey]||((s=t.id)!==null&&s!==void 0?s:t[this.displayKey])),disabled:this.disabled||this.readonly,value:this.valueKey&&t[this.valueKey]||((n=t.id)!==null&&n!==void 0?n:t[this.displayKey]),checked:t.selected,onChange:()=>this.handleItemClick(t)}),t[this.displayKey]):e("div",null,t[this.displayKey]))})),this.errorMessage&&e("unity-typography",{class:"error",variant:"caption-text",color:"error"},this.errorMessage)))}get el(){return n(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"],items:["itemsChanged"]}}};f.style=c;export{d as file_upload,f as selectable_list};
|
|
2
2
|
//# sourceMappingURL=file-upload_2.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{h as o,r as e,c as t}from"./index-DsqSxziV.js";import{g as r}from"./udpOperatorHelper-BsvDrT81.js";import{f as i}from"./udpFieldHelper-qPBcfmrH.js";import{g as n}from"./iconUtils-KSv32PVD.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/24";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";const s=(e,t,r=0,i="")=>{const n=[];e.forEach((e=>{const a=i?`${i}.${e.name}`:e.name;const c=e.childFields&&e.childFields.length>0;n.push(o("option",{value:a,disabled:c,selected:t===a},c?`+ ${e.name}`:a));if(c){n.push(...s(e.childFields,t,r+1,a))}}));return n};const a=(e,t,r)=>{if(e.searchOperator==="BETWEEN"){const[t,i]=(e.searchValue||",").split(",");let n=e._type;if(e._type==="datetime"){n="datetime-local"}return o("div",{class:"value-input between-input-container"},o("input",{type:n,step:"1",value:t,class:"between-input",onInput:o=>r(o,e,0)}),o("span",null,"and"),o("input",{type:n,step:"1",value:i,class:"between-input",onInput:o=>r(o,e,1)}))}const i=e.searchOperator==="NULL"||e.searchOperator==="NOTNULL";switch(e._type){case"number":return o("input",{placeholder:"Enter a number value...",type:"number",class:{"value-input":true,"is-hidden":i},value:e.searchValue,onInput:o=>t(o,e)});case"boolean":return o("select",{class:{"value-input":true,"is-hidden":i},onChange:o=>t(o,e)},o("option",{value:"",disabled:true,selected:!e.searchValue}),o("option",{value:"true",selected:e.searchValue===true},"True"),o("option",{value:"false",selected:e.searchValue===false},"False"));case"date":return o("input",{type:"date",class:{"value-input":true,"is-hidden":i},value:e.searchValue,onInput:o=>t(o,e)});case"datetime":return o("input",{type:"datetime-local",step:"1",class:{"value-input":true,"is-hidden":i},value:e.searchValue,onInput:o=>t(o,e)});case"time":return o("input",{type:"time",class:{"value-input":true,"is-hidden":i},value:e.searchValue,onInput:o=>t(o,e)});case"guid":return o("input",{placeholder:"Enter a GUID value...",type:"text",class:{"value-input":true,"is-hidden":i},value:e.searchValue,onInput:o=>t(o,e)});case"string":default:return o("input",{placeholder:"Enter a value...",type:"text",class:{"value-input":true,"is-hidden":i},value:e.searchValue,onInput:o=>t(o,e)})}};const c=":host{--color-field:#c8e6c9;--color-operator:#ffcc80;--color-value:#bbdefb;--color-text-dark:#333;--color-logical-and:#ef9a9a;--color-logical-or:#ffab91;--color-guide-line:#CCC;--indent-size:30px;--color-row-background:#f5f5f5;--color-row-background-hover:rgba(0, 0, 0, 0.05);--color-error:#ff4d4f;--color-drag-handle:#999}.group-box{position:relative;padding-left:0}.root-group{padding-left:0}.group-header,.filter-row{display:flex;align-items:center;gap:8px;position:relative;padding-top:5px;padding-bottom:5px}.group-content{position:relative;padding-left:var(--indent-size)}.group-content::before{content:'';position:absolute;left:calc(var(--indent-size) / 2);top:0;bottom:10px;width:1px;border-left:1px solid var(--color-guide-line)}.group-content>.filter-row::before{content:'';position:absolute;top:50%;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}.group-box:not(.root-group)>.group-header::before{content:'';position:absolute;top:50%;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}.group-content>.add-new-container::before{content:'';position:absolute;top:15px;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}select,.value-input{border:none;border-radius:4px;padding:6px 10px;color:var(--color-text-dark);font-size:14px;line-height:1.4;height:32px;}select{border:1px solid transparent;cursor:pointer}.value-input{background-color:var(--color-value);border:1px solid transparent;cursor:text;--input-background-color:var(--color-value)}.is-invalid .value-input{border-color:var(--color-error)}.is-invalid .value-input:not(.between-input-container){border-color:var(--color-error)}.is-invalid .between-input-container .between-input{border-color:var(--color-error)}.is-invalid .between-input-container{border-color:transparent}.field-select{flex:1 1 42%;background-color:var(--color-field)}.operator-select{flex:1 3 16%;background-color:var(--color-operator)}.value-input{flex:1 1 42%;background-color:var(--color-value)}.logical-op{background-color:var(--color-logical-and);padding-right:6px}.logical-op.logical-op--or{background-color:var(--color-logical-or)}.drag-handle{font-size:1.2em;color:var(--color-drag-handle);cursor:grab;position:relative;z-index:100}.drag-handle:active{cursor:grabbing}.actions{display:flex;gap:4px;margin-left:auto;margin-right:calc(var(--indent-size) / 2)}.action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid #ccc;background-color:#f5f5f5;color:#757575;cursor:pointer;font-size:16px;line-height:1}.action-btn:hover{background-color:#e0e0e0;border-color:#aaa}.add-new-container{position:relative;padding-left:8px;margin-top:5px;height:25px}.add-new-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid #ccc;background-color:#f5f5f5;color:#757575;cursor:pointer;font-size:16px;line-height:1}.add-popup{position:absolute;top:0;left:35px;background-color:white;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);z-index:10;display:flex;flex-direction:column;white-space:nowrap}.add-popup button{background:none;border:none;padding:8px 12px;text-align:left;cursor:pointer}.add-popup button:hover{background-color:#f5f5f5}.filter-row:hover,.group-header:hover{background-color:var(--color-row-background-hover)}.group-header.drop-target{background-color:#e6f7ff;border-bottom:2px solid #1890ff}.value-input.is-hidden{visibility:hidden}.between-input-container{display:flex;align-items:center;gap:5px;background-color:transparent;border-color:transparent;padding:0}.between-input-container .between-input{height:32px;padding:6px 10px;border:1px solid transparent;border-radius:4px;font-size:14px;color:var(--color-text-dark);box-sizing:border-box;background-color:var(--color-value);width:100%;}select:focus,.value-input:focus,.between-input-container .between-input:focus{outline:none;box-shadow:0 0 0 2px rgba(0, 0, 0, 0.12);}.between-input-container span{font-size:12px;color:#757575}";const l=class{constructor(o){e(this,o);this.addFilter=t(this,"addFilter");this.addGroup=t(this,"addGroup");this.removeFilter=t(this,"removeFilter");this.removeGroup=t(this,"removeGroup");this.filterChange=t(this,"filterChange");this.groupChange=t(this,"groupChange");this.dropOnFilter=t(this,"dropOnFilter");this.toggleAddMenu=t(this,"toggleAddMenu");this.dropOnGroup=t(this,"dropOnGroup");this.isRoot=false;this.isAddMenuOpen=false;this.handleValueChange=(o,e)=>{const t=o.target;this.filterChange.emit({filterId:e._id,field:"searchValue",value:t.value})};this.handleBetweenValueChange=(o,e,t)=>{const r=o.target.value;const i=(e.searchValue||",").split(",");i[t]=r;this.filterChange.emit({filterId:e._id,field:"searchValue",value:i.join(",")})}}handleFilterFieldChange(o,e){var t;const n=e.target.value;const s=i(this.fields,n);const a=r(s);let c="";const l=((s===null||s===void 0?void 0:s.type)||"").toLowerCase();if(l.includes("bool")){c=true}this.filterChange.emit({filterId:o._id,updates:{searchField:n,_type:(s===null||s===void 0?void 0:s.type)||"string",searchValue:c}});if(!a.some((e=>e.value===o.searchOperator))){this.filterChange.emit({filterId:o._id,updates:{searchOperator:((t=a===null||a===void 0?void 0:a[0])===null||t===void 0?void 0:t.value)||""}})}}render(){const e=this.filterData.filterGroups.find((o=>o.groupId===this.groupId));if(!e){return null}const t=this.filterData.filterElements.filter((o=>o.groupId===this.groupId));const c=this.filterData.filterGroups.filter((o=>o.parentGroupId===this.groupId));const l=e.logicalSearchOperator===1?"logical-op--and":"logical-op--or";return o("div",{class:{"group-box":true,"root-group":this.isRoot}},o("div",{class:"group-header",onDragOver:o=>{o.preventDefault();o.currentTarget.classList.add("drop-target")},onDragLeave:o=>{o.currentTarget.classList.remove("drop-target")},onDrop:o=>{o.currentTarget.classList.remove("drop-target");this.dropOnGroup.emit({event:o,targetGroupId:this.groupId})}},!this.isRoot?o("span",{class:"drag-handle",draggable:!this.isRoot,onDragStart:o=>{const e=o.currentTarget.closest(".group-box");if(e){const t=e.getBoundingClientRect();const r=o.clientX-t.left;const i=o.clientY-t.top;o.dataTransfer.setDragImage(e,r,i)}o.dataTransfer.setData("application/drag-type","group");o.dataTransfer.setData("text/plain",this.groupId.toString());o.dataTransfer.effectAllowed="move"}},"⠿"):o("div",{style:{marginRight:"8px"}}),o("select",{class:`logical-op ${l}`,onChange:o=>this.groupChange.emit({groupId:this.groupId,logicalSearchOperator:parseInt(o.target.value)})},o("option",{value:"1",selected:e.logicalSearchOperator===1},"AND"),o("option",{value:"2",selected:e.logicalSearchOperator===2},"OR")),o("div",{class:"actions"},!this.isRoot&&o("udp-icon-button",{icon:n("subtract"),variant:"outlined",size:"x-small",onClick:()=>this.removeGroup.emit(this.groupId)}))),o("div",{class:"group-content"},t.map((e=>{const t=i(this.fields,e.searchField);const c=r(t);return o("div",{class:{"filter-row":true,"is-invalid":!!e._error},key:e._id},o("span",{class:"drag-handle",draggable:true,onDragStart:o=>{const t=o.currentTarget.closest(".filter-row");if(t){const e=t.getBoundingClientRect();const r=o.clientX-e.left;const i=o.clientY-e.top;o.dataTransfer.setDragImage(t,r,i)}o.dataTransfer.setData("application/drag-type","filter");o.dataTransfer.setData("text/plain",e._id);o.dataTransfer.effectAllowed="move"},onDragOver:o=>o.preventDefault(),onDrop:o=>this.dropOnFilter.emit({event:o,targetFilterId:e._id})},"⠿"),o("select",{class:"field-select",onChange:o=>this.handleFilterFieldChange(e,o)},o("option",{value:"",disabled:true,selected:!e.searchField},"Select a field..."),s(this.fields,e.searchField)),o("select",{class:"operator-select",onChange:o=>{const t=o.target.value;this.filterChange.emit({filterId:e._id,field:"searchOperator",value:t});if(t==="NULL"||t==="NOTNULL"||t==="BETWEEN"){this.filterChange.emit({filterId:e._id,field:"searchValue",value:""})}}},c.map((t=>o("option",{value:t.value,selected:e.searchOperator===t.value},t.label)))),a(e,this.handleValueChange,this.handleBetweenValueChange),o("div",{class:"actions"},o("udp-icon-button",{icon:n("subtract"),variant:"outlined",size:"x-small",onClick:()=>this.removeFilter.emit(e._id)})))})),c.map((e=>o("filter-group",{key:e.groupId,groupId:e.groupId,filterData:this.filterData,fields:this.fields,isRoot:false,openAddMenuForGroupId:this.openAddMenuForGroupId,onAddFilter:o=>{o.stopPropagation();this.addFilter.emit(o.detail)},onAddGroup:o=>{o.stopPropagation();this.addGroup.emit(o.detail)},onRemoveFilter:o=>{o.stopPropagation();this.removeFilter.emit(o.detail)},onRemoveGroup:o=>{o.stopPropagation();this.removeGroup.emit(o.detail)},onFilterChange:o=>{o.stopPropagation();this.filterChange.emit(o.detail)},onGroupChange:o=>{o.stopPropagation();this.groupChange.emit(o.detail)},onDropOnFilter:o=>{o.stopPropagation();this.dropOnFilter.emit(o.detail)},onDropOnGroup:o=>{o.stopPropagation();this.dropOnGroup.emit(o.detail)},onToggleAddMenu:o=>{o.stopPropagation();this.toggleAddMenu.emit(o.detail)}}))),o("div",{class:"add-new-container"},o("udp-icon-button",{icon:n("add"),variant:"outlined",size:"x-small",ref:o=>{this.addMenuAnchorEl=o?o:undefined},onClick:()=>this.isAddMenuOpen=!this.isAddMenuOpen}),o("udp-menu",{open:this.isAddMenuOpen,anchor:this.addMenuAnchorEl,handleClose:()=>this.isAddMenuOpen=false},o("udp-menu-item",{label:"Add Filter",onItemClick:()=>{this.addFilter.emit(this.groupId);this.isAddMenuOpen=false}}),o("udp-menu-item",{label:"Add Group",onItemClick:()=>{this.addGroup.emit(this.groupId);this.isAddMenuOpen=false}})))))}};l.style=c;const p=".tooltip{visibility:hidden;opacity:0;transition:opacity 0.3s;position:absolute;bottom:125%;right:0;z-index:10;background-color:#333;color:white;padding:8px 12px;border-radius:4px;white-space:pre;text-align:left}.is-invalid:hover .tooltip{visibility:visible;opacity:1}.chip{position:relative;display:inline-block;}";const d=class{constructor(o){e(this,o);this.isValid=true;this.errorMessages=[]}render(){const e={chip:true,"is-valid":this.isValid,"is-invalid":!this.isValid};const t=this.errorMessages.join("\n");return o("div",{key:"62d5cfd13e36e282cccb710002204b05c7b43c23",class:e},o("udp-chip",{key:"16cea46269ef0f5919c6926dbefae9e7d14f3a91",label:this.isValid?"Valid Filters":"Invalid Filters",color:this.isValid?"success":"error",startIcon:this.isValid?"checkMark":"close16",variant:"outlined"}),!this.isValid&&this.errorMessages.length>0&&o("div",{key:"cc3c5583afa5396bbe66391f5898aa81841ce018",class:"tooltip"},t))}};d.style=p;export{l as filter_group,d as validation_chip};
|
|
1
|
+
import{h as o,r as e,c as t}from"./index-n-1ZSeAs.js";import{g as r}from"./udpOperatorHelper-BsvDrT81.js";import{f as i}from"./udpFieldHelper-qPBcfmrH.js";import{g as n}from"./iconUtils-KSv32PVD.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/24";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";const s=(e,t,r=0,i="")=>{const n=[];e.forEach((e=>{const a=i?`${i}.${e.name}`:e.name;const c=e.childFields&&e.childFields.length>0;n.push(o("option",{value:a,disabled:c,selected:t===a},c?`+ ${e.name}`:a));if(c){n.push(...s(e.childFields,t,r+1,a))}}));return n};const a=(e,t,r)=>{if(e.searchOperator==="BETWEEN"){const[t,i]=(e.searchValue||",").split(",");let n=e._type;if(e._type==="datetime"){n="datetime-local"}return o("div",{class:"value-input between-input-container"},o("input",{type:n,step:"1",value:t,class:"between-input",onInput:o=>r(o,e,0)}),o("span",null,"and"),o("input",{type:n,step:"1",value:i,class:"between-input",onInput:o=>r(o,e,1)}))}const i=e.searchOperator==="NULL"||e.searchOperator==="NOTNULL";switch(e._type){case"number":return o("input",{placeholder:"Enter a number value...",type:"number",class:{"value-input":true,"is-hidden":i},value:e.searchValue,onInput:o=>t(o,e)});case"boolean":return o("select",{class:{"value-input":true,"is-hidden":i},onChange:o=>t(o,e)},o("option",{value:"",disabled:true,selected:!e.searchValue}),o("option",{value:"true",selected:e.searchValue===true},"True"),o("option",{value:"false",selected:e.searchValue===false},"False"));case"date":return o("input",{type:"date",class:{"value-input":true,"is-hidden":i},value:e.searchValue,onInput:o=>t(o,e)});case"datetime":return o("input",{type:"datetime-local",step:"1",class:{"value-input":true,"is-hidden":i},value:e.searchValue,onInput:o=>t(o,e)});case"time":return o("input",{type:"time",class:{"value-input":true,"is-hidden":i},value:e.searchValue,onInput:o=>t(o,e)});case"guid":return o("input",{placeholder:"Enter a GUID value...",type:"text",class:{"value-input":true,"is-hidden":i},value:e.searchValue,onInput:o=>t(o,e)});case"string":default:return o("input",{placeholder:"Enter a value...",type:"text",class:{"value-input":true,"is-hidden":i},value:e.searchValue,onInput:o=>t(o,e)})}};const c=":host{--color-field:#c8e6c9;--color-operator:#ffcc80;--color-value:#bbdefb;--color-text-dark:#333;--color-logical-and:#ef9a9a;--color-logical-or:#ffab91;--color-guide-line:#CCC;--indent-size:30px;--color-row-background:#f5f5f5;--color-row-background-hover:rgba(0, 0, 0, 0.05);--color-error:#ff4d4f;--color-drag-handle:#999}.group-box{position:relative;padding-left:0}.root-group{padding-left:0}.group-header,.filter-row{display:flex;align-items:center;gap:8px;position:relative;padding-top:5px;padding-bottom:5px}.group-content{position:relative;padding-left:var(--indent-size)}.group-content::before{content:'';position:absolute;left:calc(var(--indent-size) / 2);top:0;bottom:10px;width:1px;border-left:1px solid var(--color-guide-line)}.group-content>.filter-row::before{content:'';position:absolute;top:50%;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}.group-box:not(.root-group)>.group-header::before{content:'';position:absolute;top:50%;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}.group-content>.add-new-container::before{content:'';position:absolute;top:15px;left:-14px;width:14px;height:1px;border-bottom:1px solid var(--color-guide-line)}select,.value-input{border:none;border-radius:4px;padding:6px 10px;color:var(--color-text-dark);font-size:14px;line-height:1.4;height:32px;}select{border:1px solid transparent;cursor:pointer}.value-input{background-color:var(--color-value);border:1px solid transparent;cursor:text;--input-background-color:var(--color-value)}.is-invalid .value-input{border-color:var(--color-error)}.is-invalid .value-input:not(.between-input-container){border-color:var(--color-error)}.is-invalid .between-input-container .between-input{border-color:var(--color-error)}.is-invalid .between-input-container{border-color:transparent}.field-select{flex:1 1 42%;background-color:var(--color-field)}.operator-select{flex:1 3 16%;background-color:var(--color-operator)}.value-input{flex:1 1 42%;background-color:var(--color-value)}.logical-op{background-color:var(--color-logical-and);padding-right:6px}.logical-op.logical-op--or{background-color:var(--color-logical-or)}.drag-handle{font-size:1.2em;color:var(--color-drag-handle);cursor:grab;position:relative;z-index:100}.drag-handle:active{cursor:grabbing}.actions{display:flex;gap:4px;margin-left:auto;margin-right:calc(var(--indent-size) / 2)}.action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid #ccc;background-color:#f5f5f5;color:#757575;cursor:pointer;font-size:16px;line-height:1}.action-btn:hover{background-color:#e0e0e0;border-color:#aaa}.add-new-container{position:relative;padding-left:8px;margin-top:5px;height:25px}.add-new-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid #ccc;background-color:#f5f5f5;color:#757575;cursor:pointer;font-size:16px;line-height:1}.add-popup{position:absolute;top:0;left:35px;background-color:white;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.15);z-index:10;display:flex;flex-direction:column;white-space:nowrap}.add-popup button{background:none;border:none;padding:8px 12px;text-align:left;cursor:pointer}.add-popup button:hover{background-color:#f5f5f5}.filter-row:hover,.group-header:hover{background-color:var(--color-row-background-hover)}.group-header.drop-target{background-color:#e6f7ff;border-bottom:2px solid #1890ff}.value-input.is-hidden{visibility:hidden}.between-input-container{display:flex;align-items:center;gap:5px;background-color:transparent;border-color:transparent;padding:0}.between-input-container .between-input{height:32px;padding:6px 10px;border:1px solid transparent;border-radius:4px;font-size:14px;color:var(--color-text-dark);box-sizing:border-box;background-color:var(--color-value);width:100%;}select:focus,.value-input:focus,.between-input-container .between-input:focus{outline:none;box-shadow:0 0 0 2px rgba(0, 0, 0, 0.12);}.between-input-container span{font-size:12px;color:#757575}";const l=class{constructor(o){e(this,o);this.addFilter=t(this,"addFilter");this.addGroup=t(this,"addGroup");this.removeFilter=t(this,"removeFilter");this.removeGroup=t(this,"removeGroup");this.filterChange=t(this,"filterChange");this.groupChange=t(this,"groupChange");this.dropOnFilter=t(this,"dropOnFilter");this.toggleAddMenu=t(this,"toggleAddMenu");this.dropOnGroup=t(this,"dropOnGroup");this.isRoot=false;this.isAddMenuOpen=false;this.handleValueChange=(o,e)=>{const t=o.target;this.filterChange.emit({filterId:e._id,field:"searchValue",value:t.value})};this.handleBetweenValueChange=(o,e,t)=>{const r=o.target.value;const i=(e.searchValue||",").split(",");i[t]=r;this.filterChange.emit({filterId:e._id,field:"searchValue",value:i.join(",")})}}handleFilterFieldChange(o,e){var t;const n=e.target.value;const s=i(this.fields,n);const a=r(s);let c="";const l=((s===null||s===void 0?void 0:s.type)||"").toLowerCase();if(l.includes("bool")){c=true}this.filterChange.emit({filterId:o._id,updates:{searchField:n,_type:(s===null||s===void 0?void 0:s.type)||"string",searchValue:c}});if(!a.some((e=>e.value===o.searchOperator))){this.filterChange.emit({filterId:o._id,updates:{searchOperator:((t=a===null||a===void 0?void 0:a[0])===null||t===void 0?void 0:t.value)||""}})}}render(){const e=this.filterData.filterGroups.find((o=>o.groupId===this.groupId));if(!e){return null}const t=this.filterData.filterElements.filter((o=>o.groupId===this.groupId));const c=this.filterData.filterGroups.filter((o=>o.parentGroupId===this.groupId));const l=e.logicalSearchOperator===1?"logical-op--and":"logical-op--or";return o("div",{class:{"group-box":true,"root-group":this.isRoot}},o("div",{class:"group-header",onDragOver:o=>{o.preventDefault();o.currentTarget.classList.add("drop-target")},onDragLeave:o=>{o.currentTarget.classList.remove("drop-target")},onDrop:o=>{o.currentTarget.classList.remove("drop-target");this.dropOnGroup.emit({event:o,targetGroupId:this.groupId})}},!this.isRoot?o("span",{class:"drag-handle",draggable:!this.isRoot,onDragStart:o=>{const e=o.currentTarget.closest(".group-box");if(e){const t=e.getBoundingClientRect();const r=o.clientX-t.left;const i=o.clientY-t.top;o.dataTransfer.setDragImage(e,r,i)}o.dataTransfer.setData("application/drag-type","group");o.dataTransfer.setData("text/plain",this.groupId.toString());o.dataTransfer.effectAllowed="move"}},"⠿"):o("div",{style:{marginRight:"8px"}}),o("select",{class:`logical-op ${l}`,onChange:o=>this.groupChange.emit({groupId:this.groupId,logicalSearchOperator:parseInt(o.target.value)})},o("option",{value:"1",selected:e.logicalSearchOperator===1},"AND"),o("option",{value:"2",selected:e.logicalSearchOperator===2},"OR")),o("div",{class:"actions"},!this.isRoot&&o("udp-icon-button",{icon:n("subtract"),variant:"outlined",size:"x-small",onClick:()=>this.removeGroup.emit(this.groupId)}))),o("div",{class:"group-content"},t.map((e=>{const t=i(this.fields,e.searchField);const c=r(t);return o("div",{class:{"filter-row":true,"is-invalid":!!e._error},key:e._id},o("span",{class:"drag-handle",draggable:true,onDragStart:o=>{const t=o.currentTarget.closest(".filter-row");if(t){const e=t.getBoundingClientRect();const r=o.clientX-e.left;const i=o.clientY-e.top;o.dataTransfer.setDragImage(t,r,i)}o.dataTransfer.setData("application/drag-type","filter");o.dataTransfer.setData("text/plain",e._id);o.dataTransfer.effectAllowed="move"},onDragOver:o=>o.preventDefault(),onDrop:o=>this.dropOnFilter.emit({event:o,targetFilterId:e._id})},"⠿"),o("select",{class:"field-select",onChange:o=>this.handleFilterFieldChange(e,o)},o("option",{value:"",disabled:true,selected:!e.searchField},"Select a field..."),s(this.fields,e.searchField)),o("select",{class:"operator-select",onChange:o=>{const t=o.target.value;this.filterChange.emit({filterId:e._id,field:"searchOperator",value:t});if(t==="NULL"||t==="NOTNULL"||t==="BETWEEN"){this.filterChange.emit({filterId:e._id,field:"searchValue",value:""})}}},c.map((t=>o("option",{value:t.value,selected:e.searchOperator===t.value},t.label)))),a(e,this.handleValueChange,this.handleBetweenValueChange),o("div",{class:"actions"},o("udp-icon-button",{icon:n("subtract"),variant:"outlined",size:"x-small",onClick:()=>this.removeFilter.emit(e._id)})))})),c.map((e=>o("filter-group",{key:e.groupId,groupId:e.groupId,filterData:this.filterData,fields:this.fields,isRoot:false,openAddMenuForGroupId:this.openAddMenuForGroupId,onAddFilter:o=>{o.stopPropagation();this.addFilter.emit(o.detail)},onAddGroup:o=>{o.stopPropagation();this.addGroup.emit(o.detail)},onRemoveFilter:o=>{o.stopPropagation();this.removeFilter.emit(o.detail)},onRemoveGroup:o=>{o.stopPropagation();this.removeGroup.emit(o.detail)},onFilterChange:o=>{o.stopPropagation();this.filterChange.emit(o.detail)},onGroupChange:o=>{o.stopPropagation();this.groupChange.emit(o.detail)},onDropOnFilter:o=>{o.stopPropagation();this.dropOnFilter.emit(o.detail)},onDropOnGroup:o=>{o.stopPropagation();this.dropOnGroup.emit(o.detail)},onToggleAddMenu:o=>{o.stopPropagation();this.toggleAddMenu.emit(o.detail)}}))),o("div",{class:"add-new-container"},o("udp-icon-button",{icon:n("add"),variant:"outlined",size:"x-small",ref:o=>{this.addMenuAnchorEl=o?o:undefined},onClick:()=>this.isAddMenuOpen=!this.isAddMenuOpen}),o("udp-menu",{open:this.isAddMenuOpen,anchor:this.addMenuAnchorEl,handleClose:()=>this.isAddMenuOpen=false},o("udp-menu-item",{label:"Add Filter",onItemClick:()=>{this.addFilter.emit(this.groupId);this.isAddMenuOpen=false}}),o("udp-menu-item",{label:"Add Group",onItemClick:()=>{this.addGroup.emit(this.groupId);this.isAddMenuOpen=false}})))))}};l.style=c;const p=".tooltip{visibility:hidden;opacity:0;transition:opacity 0.3s;position:absolute;bottom:125%;right:0;z-index:10;background-color:#333;color:white;padding:8px 12px;border-radius:4px;white-space:pre;text-align:left}.is-invalid:hover .tooltip{visibility:visible;opacity:1}.chip{position:relative;display:inline-block;}";const d=class{constructor(o){e(this,o);this.isValid=true;this.errorMessages=[]}render(){const e={chip:true,"is-valid":this.isValid,"is-invalid":!this.isValid};const t=this.errorMessages.join("\n");return o("div",{key:"62d5cfd13e36e282cccb710002204b05c7b43c23",class:e},o("udp-chip",{key:"16cea46269ef0f5919c6926dbefae9e7d14f3a91",label:this.isValid?"Valid Filters":"Invalid Filters",color:this.isValid?"success":"error",startIcon:this.isValid?"checkMark":"close16",variant:"outlined"}),!this.isValid&&this.errorMessages.length>0&&o("div",{key:"cc3c5583afa5396bbe66391f5898aa81841ce018",class:"tooltip"},t))}};d.style=p;export{l as filter_group,d as validation_chip};
|
|
2
2
|
//# sourceMappingURL=filter-group_2.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as s}from"./index-
|
|
2
|
-
//# sourceMappingURL=get-user-
|
|
1
|
+
import{r as t,c as s}from"./index-n-1ZSeAs.js";import e from"axios";import{jwtDecode as i}from"jwt-decode";import{C as o}from"./configService-BqLfkVKh.js";const a=class{constructor(e){t(this,e);this.userDataReady=s(this,"userDataReady");this.loading=false;this.userInfo={};this.unityUserInfo={};this.configBaseURL=o.securityV1ApiUrl}async getAccessToken(){return this.accessToken}async apiMutate(t,s,i){const o=`${t}/${s}`;const a={};return e(Object.assign({url:o,headers:a},i)).catch((t=>{}))}async componentWillLoad(){await this.getUserInfo();this.userDataReady.emit(this.userInfo)}async getUserInfo(){var t;const s=await this.getAccessToken();if(!s)return;this.loading=true;const e=i(s);const o=(t=e.eid)!==null&&t!==void 0?t:e.sub;let a;try{a=await this.apiMutate(this.configBaseURL,`users/unityuser?sub=${o}`,{method:"get"});console.log("unityResponse",a);console.log("tenant",a.data.tenantIds[0])}catch(t){console.log(t);this.userInfo={}}let c;try{c=await this.apiMutate(this.configBaseURL,`users/${o}`,{method:"get"});if(c){this.unityUserInfo=Object.assign(Object.assign({},c.data),{unityId:o,displayName:`${c.data.givenName} ${c.data.surname}`})}}catch(t){console.log(t)}if(a){this.userInfo=Object.assign(Object.assign({},a.data),{statusCode:a.status,id:a.data.userId});this.userDataReady.emit(this.userInfo)}this.loading=false}};export{a as G};
|
|
2
|
+
//# sourceMappingURL=get-user-BtNVBI86.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-user-
|
|
1
|
+
{"version":3,"file":"get-user-BtNVBI86.js","sources":["src/udp-utilities/api-udp/get-user.tsx"],"sourcesContent":["import { Component, State, Event, EventEmitter, Prop } from '@stencil/core';\nimport axios from 'axios';\nimport { jwtDecode } from 'jwt-decode';\nimport { ConfigService } from '../api-config';\n\n//import { accessToken } from '../testAuth/manualAccessToken';\n\ninterface DecodedToken {\n exp: number;\n eid?: string;\n sub: string;\n // Add other expected fields here\n}\n\ninterface ApiConfig {\n method: string;\n [key: string]: any;\n}\n\n@Component({\n tag: 'get-user',\n})\nexport class GetUser {\n @Prop() accessToken: string;\n @State() loading: boolean = false;\n @State() userInfo: any = {};\n @State() unityUserInfo: any = {};\n @Event() userDataReady: EventEmitter;\n\n configBaseURL = ConfigService.securityV1ApiUrl;\n\n async getAccessToken(): Promise<string> {\n return this.accessToken;\n }\n\n async apiMutate(baseURL: string, url: string, config: ApiConfig): Promise<any> {\n const fullURL = `${baseURL}/${url}`;\n //const accessToken = await this.getAccessToken();\n const headers = {\n // Authorization: `Bearer ${accessToken}`,\n // Add other headers as needed\n };\n return axios({\n url: fullURL,\n headers,\n ...config,\n }).catch(error => {\n if (error.response) {\n }\n });\n }\n\n async componentWillLoad() {\n await this.getUserInfo();\n // Emit the event when user data is ready\n this.userDataReady.emit(this.userInfo);\n }\n\n async getUserInfo() {\n const accessToken = await this.getAccessToken(); // Hardcoded for now\n if (!accessToken) return;\n\n this.loading = true;\n\n const decodedToken: DecodedToken = jwtDecode<DecodedToken>(accessToken);\n const sub = decodedToken.eid ?? decodedToken.sub;\n\n let unityResponse: any;\n\n try {\n unityResponse = await this.apiMutate(this.configBaseURL, `users/unityuser?sub=${sub}`, {\n method: 'get',\n });\n // Do something with the unityResponse here, e.g., storing the tenant.\n console.log('unityResponse', unityResponse);\n console.log('tenant', unityResponse.data.tenantIds[0]);\n } catch (e) {\n console.log(e);\n this.userInfo = {\n /* ...emptyUser, statusCode: e?.response?.status */\n };\n }\n\n let unityUserResponse: any;\n try {\n unityUserResponse = await this.apiMutate(\n // process.env.REACT_APP_USER_API_BASE!,\n this.configBaseURL,\n `users/${sub}`,\n {\n method: 'get',\n },\n );\n if (unityUserResponse) {\n this.unityUserInfo = {\n ...unityUserResponse.data,\n unityId: sub,\n displayName: `${unityUserResponse.data.givenName} ${unityUserResponse.data.surname}`,\n };\n }\n } catch (e) {\n console.log(e);\n }\n\n if (unityResponse) {\n this.userInfo = {\n ...unityResponse.data,\n statusCode: unityResponse.status,\n id: unityResponse.data.userId,\n };\n\n // Emit the event when user data is ready\n this.userDataReady.emit(this.userInfo);\n }\n\n this.loading = false;\n }\n}\n"],"names":[],"mappings":";;;;;MAsBa,OAAO,GAAA,MAAA;AAHpB,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAKW,QAAA,IAAO,CAAA,OAAA,GAAY,KAAK;AACxB,QAAA,IAAQ,CAAA,QAAA,GAAQ,EAAE;AAClB,QAAA,IAAa,CAAA,aAAA,GAAQ,EAAE;AAGhC,QAAA,IAAA,CAAA,aAAa,GAAG,aAAa,CAAC,gBAAgB;AAwF/C;AAtFC,IAAA,MAAM,cAAc,GAAA;QAClB,OAAO,IAAI,CAAC,WAAW;;AAGzB,IAAA,MAAM,SAAS,CAAC,OAAe,EAAE,GAAW,EAAE,MAAiB,EAAA;AAC7D,QAAA,MAAM,OAAO,GAAG,CAAA,EAAG,OAAO,CAAI,CAAA,EAAA,GAAG,EAAE;;AAEnC,QAAA,MAAM,OAAO,GAAG;;;SAGf;QACD,OAAO,KAAK,CAAA,MAAA,CAAA,MAAA,CAAA,EACV,GAAG,EAAE,OAAO,EACZ,OAAO,EACJ,EAAA,MAAM,EACT,CAAC,KAAK,CAAC,KAAK,IAAG;AAGjB,SAAC,CAAC;;AAGJ,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,MAAM,IAAI,CAAC,WAAW,EAAE;;QAExB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;;AAGxC,IAAA,MAAM,WAAW,GAAA;;QACf,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;AAChD,QAAA,IAAI,CAAC,WAAW;YAAE;AAElB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AAEnB,QAAA,MAAM,YAAY,GAAiB,SAAS,CAAe,WAAW,CAAC;QACvE,MAAM,GAAG,GAAG,CAAA,EAAA,GAAA,YAAY,CAAC,GAAG,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,YAAY,CAAC,GAAG;AAEhD,QAAA,IAAI,aAAkB;AAEtB,QAAA,IAAI;AACF,YAAA,aAAa,GAAG,MAAM,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,EAAE,CAAuB,oBAAA,EAAA,GAAG,EAAE,EAAE;AACrF,gBAAA,MAAM,EAAE,KAAK;AACd,aAAA,CAAC;;AAEF,YAAA,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,aAAa,CAAC;AAC3C,YAAA,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;;QACtD,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;YACd,IAAI,CAAC,QAAQ,GAAG;;aAEf;;AAGH,QAAA,IAAI,iBAAsB;AAC1B,QAAA,IAAI;AACF,YAAA,iBAAiB,GAAG,MAAM,IAAI,CAAC,SAAS;;AAEtC,YAAA,IAAI,CAAC,aAAa,EAClB,CAAS,MAAA,EAAA,GAAG,EAAE,EACd;AACE,gBAAA,MAAM,EAAE,KAAK;AACd,aAAA,CACF;YACD,IAAI,iBAAiB,EAAE;AACrB,gBAAA,IAAI,CAAC,aAAa,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACb,iBAAiB,CAAC,IAAI,CAAA,EAAA,EACzB,OAAO,EAAE,GAAG,EACZ,WAAW,EAAE,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,CAAI,CAAA,EAAA,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAE,CAAA,EAAA,CACrF;;;QAEH,OAAO,CAAC,EAAE;AACV,YAAA,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;;QAGhB,IAAI,aAAa,EAAE;AACjB,YAAA,IAAI,CAAC,QAAQ,GACR,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,aAAa,CAAC,IAAI,CAAA,EAAA,EACrB,UAAU,EAAE,aAAa,CAAC,MAAM,EAChC,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,MAAM,EAAA,CAC9B;;YAGD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;;AAGxC,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{G as get_user}from"./get-user-
|
|
1
|
+
export{G as get_user}from"./get-user-BtNVBI86.js";import"./index-n-1ZSeAs.js";import"axios";import"jwt-decode";import"./configService-BqLfkVKh.js";
|
|
2
2
|
//# sourceMappingURL=get-user.entry.js.map
|