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
|
-
export{A as ApiService}from"./api-services-C0O6l6cU.js";export{G as GetUser}from"./get-user-
|
|
1
|
+
export{A as ApiService}from"./api-services-C0O6l6cU.js";export{G as GetUser}from"./get-user-BtNVBI86.js";export{U as UdpFetch,a as apiMutate,g as getMergedConfig}from"./udp-fetch-BGMJ3xhH.js";export{c as convertToAgGridColumns,a as createStructuredQuery,d as defaultPayload,b as demoMSSearchData,l as loadCatalogData,o as onChange,s as state,t as transformSearchData}from"./catalog-store-CeVER_Bk.js";export{L as LogicalSearchOperator,S as SearchBuilder,b as SearchGroupingType,a as SearchUtilities,c as SqlFilterOperators}from"./SearchBuilder-CvKqGlUH.js";export{C as ConfigService}from"./configService-BqLfkVKh.js";import"axios";import"./index-n-1ZSeAs.js";import"jwt-decode";import"@stencil/store";import"./apiUtils-CudiwABF.js";import"deep-equal";import"./makeApiCall-B-daVutk.js";import"./tenantUtils-Basdb1b1.js";function e(t){document.documentElement.setAttribute("data-theme",t)}function r(t){return getComputedStyle(document.documentElement).getPropertyValue(t)}const i={xs:`(max-width: ${r("--breakpoint-xs-max")}px)`,sm:`(min-width: ${r("--breakpoint-sm-min")}px) and (max-width: ${r("--breakpoint-sm-max")}px)`,md:`(min-width: ${r("--breakpoint-md-min")}px) and (max-width: ${r("--breakpoint-md-max")}px)`,lg:`(min-width: ${r("--breakpoint-lg-min")}px) and (max-width: ${r("--breakpoint-lg-max")}px)`,xl:`(min-width: ${r("--breakpoint-xl-min")}px)`};function n(t){if(typeof window==="undefined")return false;const a=i[t];const e=window.matchMedia(a);return e.matches}export{e as setTheme,n as useMatchBreakpoint};
|
|
2
2
|
//# sourceMappingURL=index.esm.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as a}from"./index-DsqSxziV.js";const d=":host{display:block;font-family:var(--font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);line-height:1.6;color:var(--text-color, #333);max-width:1200px;margin:0 auto;padding:2rem}h1{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:var(--primary-color, #007acc);text-align:center;border-bottom:3px solid var(--primary-color, #007acc);padding-bottom:1rem}.example-section{margin-bottom:4rem;padding:2rem;background:var(--section-background, #f8f9fa);border-radius:12px;border:1px solid var(--border-color, #e9ecef)}.example-section h2{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:var(--secondary-color, #495057);display:flex;align-items:center;gap:0.5rem}.example-section h2::before{content:'';width:4px;height:1.5rem;background:var(--primary-color, #007acc);border-radius:2px}.example-section p{margin-bottom:1.5rem;color:var(--text-muted, #6c757d);font-size:1.1rem}.input-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-bottom:2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-bottom:2rem}.input-example{background:var(--input-example-background, #ffffff);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color, #e9ecef);box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);transition:transform 0.2s ease, box-shadow 0.2s ease}.input-example:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0, 0, 0, 0.15)}.input-example h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--heading-color, #343a40);border-bottom:2px solid var(--accent-color, #dee2e6);padding-bottom:0.5rem}.value-display{margin-top:1rem;padding:0.75rem;background:var(--value-display-background, #e7f3ff);border-radius:6px;font-family:'Courier New', monospace;font-size:0.9rem;color:var(--value-display-color, #0066cc);border-left:4px solid var(--primary-color, #007acc)}.form-actions{display:flex;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-color, #e9ecef)}.submit-button{background:var(--primary-color, #007acc);color:white;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:background-color 0.2s ease, transform 0.2s ease;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.submit-button:hover{background:var(--primary-color-hover, #0056b3);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0, 0, 0, 0.15)}.submit-button:active{transform:translateY(0)}.form-values{margin-top:2rem;padding:1.5rem;background:var(--code-background, #f8f9fa);border-radius:8px;border:1px solid var(--border-color, #e9ecef)}.form-values h3{margin-bottom:1rem;color:var(--heading-color, #343a40);font-size:1.2rem}.form-values pre{background:var(--pre-background, #ffffff);padding:1rem;border-radius:6px;border:1px solid var(--border-color, #e9ecef);font-size:0.9rem;overflow-x:auto;color:var(--code-color, #495057);white-space:pre-wrap;word-wrap:break-word}.disabled-examples{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){:host{padding:1rem}h1{font-size:2rem}.input-grid,.form-grid{grid-template-columns:1fr;gap:1rem}.input-example{padding:1rem}.example-section{padding:1rem}}@media (prefers-color-scheme: dark){:host{--text-color:#f8f9fa;--section-background:#2d3748;--input-example-background:#4a5568;--border-color:#4a5568;--heading-color:#e2e8f0;--text-muted:#a0aec0;--value-display-background:#2c5282;--value-display-color:#90cdf4;--code-background:#2d3748;--pre-background:#4a5568;--code-color:#e2e8f0}}*{transition:color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease}.submit-button:focus{outline:2px solid var(--primary-color, #007acc);outline-offset:2px}@media print{:host{padding:0}.input-example{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.submit-button{display:none}}";const c=class{constructor(a){e(this,a);this.controlledTextValue="";this.controlledNumericValue="";this.controlledTextAreaValue="";this.controlledCheckboxValue=false;this.controlledToggleValue=false;this.controlledDateValue="";this.controlledTimeValue="";this.controlledDateTimeValue="";this.controlledSelectorValue="";this.controlledFileValue=[];this.formValues={};this.selectorOptions=[{value:"option1",label:"Option 1"},{value:"option2",label:"Option 2"},{value:"option3",label:"Option 3"},{value:"option4",label:"Option 4"}];this.handleControlledNumericChange=e=>{this.controlledNumericValue=e.detail};this.handleControlledCheckboxChange=e=>{this.controlledCheckboxValue=e.detail==="true"};this.handleControlledToggleChange=e=>{this.controlledToggleValue=e.detail==="true"};this.handleControlledDateChange=e=>{console.log(e);this.controlledDateValue=e.detail};this.handleControlledTimeChange=e=>{this.controlledTimeValue=e.detail};this.handleControlledDateTimeChange=e=>{this.controlledDateTimeValue=e.detail};this.handleControlledSelectorChange=e=>{this.controlledSelectorValue=e.detail};this.handleControlledFileChange=e=>{this.controlledFileValue=e.detail.files||[]};this.handleFormSubmit=e=>{console.log("Form submitted with values:",e);alert("Form submitted! Check console for values.")};this.handleFormChange=e=>{this.formValues=Object.assign({},e)};this.validateForm=e=>{const a={};if(!e.formTextField){a.formTextField="This field is required"}if(!e.formNumericField||parseFloat(e.formNumericField)<0){a.formNumericField="Must be a positive number"}if(!e.formTextArea){a.formTextArea="Description is required"}if(!e.formCheckbox){a.formCheckbox="You must accept the terms"}if(!e.formDate){a.formDate="Please select a date"}if(!e.formSelector){a.formSelector="Please make a selection"}return a}}render(){return a("div",{key:"0efd3f4460ea20ff10f2aaf00ca70770237da618",class:"inputs-example"},a("h1",{key:"006277abe860f17193251d59d60008947ca2bf77"},"Input Components Examples"),a("section",{key:"252130c2af84ca1c16251db183209c1651d3ca71",class:"example-section"},a("h2",{key:"589f7b01a7de725ace061f317bb054c99f278c18"},"Controlled Components"),a("p",{key:"5275e91ce1928c7db447882ecc648069870b93e4"},"Parent component manages state and passes values to child components."),a("div",{key:"551f424a12c6dc3bcc141ea0cc6c7a0b3be0c96d",class:"input-grid"},a("div",{key:"55de1d2ad83636052b2a5f49544f3c416eb969b6",class:"input-example"},a("h3",{key:"5d8184f1650a3f13cba35ba894a3fb68ed5f943b"},"Text Field"),a("text-field",{key:"8bd05080a978920bde77bccffc53368e26369d22",label:"Controlled Text Input",placeholder:"Enter text...",value:this.controlledTextValue}),a("p",{key:"9f931a1a2e6a94f879d440902fc1ce304337b3a1",class:"value-display"},"Value: ",this.controlledTextValue)),a("div",{key:"3a71f26e7ef8b27ef987fab993f9f68d8a74dd25",class:"input-example"},a("h3",{key:"3c4869186abcf344b1f098092ec75c7084fa28e0"},"Numeric Field"),a("numeric-field",{key:"4a94e0557e2524b918b9b9c712758b8b2705078d",label:"Controlled Numeric Input",placeholder:"Enter number...",value:this.controlledNumericValue,min:"0",max:"100",step:"1",onChange:this.handleControlledNumericChange}),a("p",{key:"26344fd447d79233dd3d176fad21b4d736325475",class:"value-display"},"Value: ",this.controlledNumericValue)),a("div",{key:"2c35fe41a275c18c18e4340e00589d95c9240af0",class:"input-example"},a("h3",{key:"8a7ac8119188ba1d0681196d7207147eb76501d2"},"Text Area"),a("text-area",{key:"fb554b6b21bb51901013981d3b2bd9360839dce9",label:"Controlled Text Area",placeholder:"Enter description...",value:this.controlledTextAreaValue,minRows:3,maxRows:6}),a("p",{key:"5622e978387b0a8c31b24173f4839b2d9b9a088b",class:"value-display"},"Value: ",this.controlledTextAreaValue)),a("div",{key:"d957c4002d97bd3cee3fca6e734260098504ecb0",class:"input-example"},a("h3",{key:"a51d7312e52943c3b21e2d99881b73e7858ef36e"},"Checkbox"),a("check-box",{key:"a76b891c6ec232a20f3ba7053db0cf02e48831c9",label:"Controlled Checkbox",checked:this.controlledCheckboxValue,onChange:this.handleControlledCheckboxChange}),a("p",{key:"54866fd5d3b00875f5b763a80cc78556b2d719fd",class:"value-display"},"Checked: ",this.controlledCheckboxValue.toString())),a("div",{key:"4d4ce6273c9f75b95a27fd60c10c8c1bfbc6dde5",class:"input-example"},a("h3",{key:"cdce4e97bb3577a77509fa9c7ef28c65a1056992"},"Toggle"),a("stencil-toggle",{key:"bb9c014216ec1d4573f03fed25cc82344baac92e",label:"Controlled Toggle",checked:this.controlledToggleValue,onChange:this.handleControlledToggleChange}),a("p",{key:"1019191b0934529d856bf4f4114c5733fd01424b",class:"value-display"},"Toggled: ",this.controlledToggleValue.toString())),a("div",{key:"95ed43eede6b66422a906c4a5c055c956bf537f1",class:"input-example"},a("h3",{key:"6b0c3368be18c6c328572b027ccfc08006c3e4ef"},"Date Selector"),a("udp-date-selector",{key:"45a9903e034e034add2500f4374cebb9b098cffc",label:"Controlled Date",value:this.controlledDateValue,onChange:this.handleControlledDateChange}),a("p",{key:"25b075ba6a748e19cf060258947d1b69b0865e9a",class:"value-display"},"Date: ",this.controlledDateValue)),a("div",{key:"041b10ba312b9c0b595201687e034e169e8c502b",class:"input-example"},a("h3",{key:"8df015893dc9d297c8fdd1acb2673c3541637c94"},"DateTime Selector"),a("udp-datetime-selector",{key:"562e3908a61c3739732b51bf9711426b89bcaef0",label:"Controlled DateTime",value:this.controlledDateTimeValue,onChange:this.handleControlledDateTimeChange}),a("p",{key:"e46ad5ca14b6038d5f2470fba4f5ccf6bac23a5c",class:"value-display"},"DateTime: ",this.controlledDateTimeValue)),a("div",{key:"7d1a01e4d73932cfc26c9782bd19388e4650971e",class:"input-example"},a("h3",{key:"76e4b9a5dde26015293c54f06ea84cae0408c630"},"Time Selector"),a("udp-time-selector",{key:"f5ceb2da3facc5f268da85891e1f3b0bd5e8b061",label:"Controlled Time",value:this.controlledTimeValue,onChange:this.handleControlledTimeChange}),a("p",{key:"8e061f37c0a0ecd7eba9496a9a441cc2d0397e18",class:"value-display"},"Time: ",this.controlledTimeValue)),a("div",{key:"eb8d7f5e9d6e11eda3fa33f4c35671c8146816ed",class:"input-example"},a("h3",{key:"bc4f419f561d4ea816331ce4e922fc7e7ce25b18"},"UDP Selector"),a("udp-selector",{key:"c6a2153a88b7470d799bf9ef1df6c858f19dc78d",label:"Controlled Selector",options:this.selectorOptions,value:this.controlledSelectorValue,onChange:this.handleControlledSelectorChange}),a("p",{key:"7a653cec33c7202ea2468eaad37da12746f11d82",class:"value-display"},"Selected: ",this.controlledSelectorValue)),a("div",{key:"9a4836a07e6f0f9c69d9e76515003ea993411ec4",class:"input-example"},a("h3",{key:"fc06320104a8d51ca49638933371a77083ac20bf"},"File Upload"),a("file-upload",{key:"2821b6f36940ddc513dd89e233f4afb6a98b07d2",label:"Controlled File Upload",allowMultiple:true,onChange:this.handleControlledFileChange}),a("p",{key:"823341c790042bf0a2df0fde691eb715478f86d9",class:"value-display"},"Files: ",this.controlledFileValue.length," selected")))),a("section",{key:"400893e3266665c8a63a286ddaad6bb64ad9efd6",class:"example-section"},a("h2",{key:"a11bc8c2ea72e3394a32ef537f064d1d027b7567"},"Uncontrolled Components"),a("p",{key:"6faec1e2ceb7d17c4f7e21226dc0ffdeed3ae039"},"Components manage their own state with initial values."),a("div",{key:"72b6fc67bfcae5d60b41d87a8dbcafb9fd4bc982",class:"input-grid"},a("div",{key:"0e5d40d18c610b8dcdc8c90944892d8179b726e3",class:"input-example"},a("h3",{key:"3f01b543c41d0dc276caaeb67be4e66a39dded4e"},"Text Field"),a("text-field",{key:"f9c7ca2d4b98af3fb67f3ae74d7e936d87ef9c3c",label:"Uncontrolled Text Input",placeholder:"Enter text...",initialValue:"Initial text value",onChange:e=>console.log("Text changed:",e.detail)})),a("div",{key:"55db82562b3c1e5371784f4aa052741e5edf9607",class:"input-example"},a("h3",{key:"bd8b8ab64beb7523966d21e0cacd5afa60f3105a"},"Numeric Field"),a("numeric-field",{key:"116da3d99fe20151b37e77068dce0f2cb9ae0917",label:"Uncontrolled Numeric Input",placeholder:"Enter number...",initialValue:"42",min:"0",max:"100",onChange:e=>console.log("Number changed:",e.detail)})),a("div",{key:"fdddde6cdf4ff4285fa067720be6925cdc1e3830",class:"input-example"},a("h3",{key:"40acfb74b91565f64072dbe13975d96c945b5a8e"},"Text Area"),a("text-area",{key:"7d0da30788f2b76c50767296a4de85691c83c170",label:"Uncontrolled Text Area",placeholder:"Enter description...",initialValue:"Initial description text",minRows:3,onChange:e=>console.log("Text area changed:",e.detail)})),a("div",{key:"3f843afb917770a01e6291f50f20fac007821e0a",class:"input-example"},a("h3",{key:"6ad479fa8bd9cee5dc5f67aecfd6018a27953877"},"Checkbox"),a("check-box",{key:"0ad746a68cbdae97e953073bea1dfc4574b1da43",label:"Uncontrolled Checkbox",initialValue:"true",onChange:e=>console.log("Checkbox changed:",e.detail)})),a("div",{key:"5c2d036874db447f8cf058a5a511e0272bedc1a7",class:"input-example"},a("h3",{key:"dac3a19d667510cd27cc55ff5e466a1f4469e007"},"Toggle"),a("stencil-toggle",{key:"90603832ed57ea3fa5b0a7115868343003d1d084",label:"Uncontrolled Toggle",initialValue:"false",onChange:e=>console.log("Toggle changed:",e.detail)})),a("div",{key:"49af9584417e30c4c82821eb5d0261a45577c83e",class:"input-example"},a("h3",{key:"ed380270ff7aa432c482c5d3f9239982c1222776"},"Date Selector"),a("udp-date-selector",{key:"5ff1824a24a6c89939218c2283ca80f399b90198",label:"Uncontrolled Date",initialValue:"2024-01-15",onChange:e=>console.log("Date changed:",e.detail)})),a("div",{key:"bd352b08b5a9249939748f6a93aa4ead16d8db6a",class:"input-example"},a("h3",{key:"0962ed467ab9357aa073d222f33d5eeb11c892d5"},"Time Selector"),a("udp-time-selector",{key:"4a7bfb3d1f6c6a118034c0bddff26978f5836c1d",label:"Uncontrolled Time",initialValue:"14:30",onChange:e=>console.log("Time changed:",e.detail)})),a("div",{key:"748568382a7d6144b2e0d878b06d46eaa82977ac",class:"input-example"},a("h3",{key:"0750049de540a9a0d659af161e1b14d3f294eb40"},"DateTime Selector"),a("udp-datetime-selector",{key:"778a0408dd43ea048171596a4eb0de6353a470ff",label:"Uncontrolled DateTime",initialValue:"2024-01-15T14:30",onChange:e=>console.log("DateTime changed:",e.detail)})),a("div",{key:"593afaf38ef12585cf35998f6684590e683872f5",class:"input-example"},a("h3",{key:"1cfe0ba353fee26bfd2216b1da8a297aebfb83fb"},"UDP Selector"),a("udp-selector",{key:"5b0a4ed94f3998482572fd9351544e03f3ddd964",label:"Uncontrolled Selector",options:this.selectorOptions,initialValue:"option2",onChange:e=>console.log("Selector changed:",e.detail)})))),a("section",{key:"8cdecea2dff7eeacae58ef8a00f28fe1ae0be3ca",class:"example-section"},a("h2",{key:"85929c1cc99ba5379c49ba6479df2e3f17d4c7dc"},"Form-wrapped Components"),a("p",{key:"0596694a262ab286ac612339279df96b391e4104"},"Components integrated with stencil-form and stencil-field for validation and state management."),a("stencil-form",{key:"0cad6aef3d8738a1bf4b2d944152e591fa185b08",handleSubmit:this.handleFormSubmit,handleChange:this.handleFormChange,handleValidate:this.validateForm,initialValues:{formTextField:"Initial form text",formNumericField:"25",formTextArea:"Initial form description",formCheckbox:"false",formToggle:"true",formDate:"2024-02-01",formTime:"09:00",formSelector:"option1"}},a("div",{key:"efcf2196b2603a552bfedd3591b3ca6b1b5a71f1",class:"form-grid"},a("stencil-field",{key:"5231c6f402747272e1e89b26d110ff86f0aa7a3b",name:"formTextField"},a("text-field",{key:"c8e245f52997e27f27f93454ab24cbff224cc583",label:"Form Text Field",placeholder:"Enter text...",required:true})),a("stencil-field",{key:"ca91becfc791148116d60d0e905b1a3daa5b9db3",name:"formNumericField"},a("numeric-field",{key:"44347c0895f0f8b501a421cf761cadacd0932c6f",label:"Form Numeric Field",placeholder:"Enter number...",min:"0",max:"100",required:true})),a("stencil-field",{key:"c7b4b216d3106c9af75392e54725e8a21f8ca3b3",name:"formTextArea"},a("text-area",{key:"9de49a3341b5987f0bde64ce14c3ebc7e88cc74a",label:"Form Text Area",placeholder:"Enter description...",required:true,minRows:3})),a("stencil-field",{key:"56d39f44ea989beed99ad8d7c5bdd645e5c817aa",name:"formCheckbox"},a("check-box",{key:"ef7c6aafba7e06b2774088c4f5ac98edbf367a7c",label:"Accept Terms and Conditions",required:true})),a("stencil-field",{key:"54e05f275558330b2c37afa140a8f6926e726180",name:"formToggle"},a("stencil-toggle",{key:"8c8b1925bd17463429b5badcac307857bc84cec2",label:"Enable Notifications"})),a("stencil-field",{key:"1415837b1d0fa0e092fc40b40929b87cddf47410",name:"formDate"},a("udp-date-selector",{key:"9ebbe59d298c8648c10b9e7f6ed39de46715b6b2",label:"Form Date",required:true})),a("stencil-field",{key:"f48570db700715597bf2e45fd9c2892d023e6897",name:"formTime"},a("udp-time-selector",{key:"edbdbff32cc3c225ed56c3b94c613005dfdcde39",label:"Form Time"})),a("stencil-field",{key:"8437d71e061aa088e4cba83225a521c44a4ca3d2",name:"formSelector"},a("udp-selector",{key:"6d1983d097f69466060cd3278d6ec58e220e8d77",label:"Form Selector",options:this.selectorOptions,required:true})),a("stencil-field",{key:"41ab83071b303dfd1c8763a46895c792344a0f1e",name:"formFiles"},a("file-upload",{key:"7d9a05439319655c232bd27ab6961c1f6db8d883",label:"Form File Upload",allowMultiple:true}))),a("div",{key:"ca241b12f04441dbf884d57d13e84f0dbccb7f65",class:"form-actions"},a("button",{key:"9ab10fa33f12f8c376e95c97732b40717dd2b0b5",type:"submit",class:"submit-button"},"Submit Form"))),a("div",{key:"0c80c817538bd6bd0f00c6197cb3c2793daaf910",class:"form-values"},a("h3",{key:"dfd5d67e510aa606c99450d4f4f08342a0661319"},"Current Form Values:"),a("pre",{key:"a10e287b7066a43cc69130830ded4da6aa0c1556"},JSON.stringify(this.formValues,null,2)))),a("section",{key:"d099ca8f995aa1f7262af5338873bf94754811f3",class:"example-section"},a("h2",{key:"7cb065039260f3e516133e32d6253240aece1a35"},"Additional Examples"),a("p",{key:"62617e685432dde1d659eca861b554f064ec24fa"},"More complex configurations and specialized use cases."),a("div",{key:"c533b992028051734003b0be0bd5d0985806358a",class:"input-grid"},a("div",{key:"fce996f18ec7e4bc7f159047c97fd1066f45a8a9",class:"input-example"},a("h3",{key:"c94a1ba5d9cd5156cfd7ef1f4015a057d710e0a5"},"Multi-Select UDP Selector"),a("udp-selector",{key:"53b28993b382889d27919e3a7d9405a5fd32aaf8",label:"Multi-Select Selector",options:this.selectorOptions,multiSelect:true,initialValue:"option1,option3",onChange:e=>console.log("Multi-select changed:",e.detail)})),a("div",{key:"ce2255624cb7db841d30dda4cca5af6f1024cd7d",class:"input-example"},a("h3",{key:"69d19bcd69cf2bebff41c872eb582a32a594900a"},"Large UDP Selector"),a("udp-selector",{key:"559044cb64b37d8e08effe91bb1950990085e82b",label:"Large Selector",options:this.selectorOptions,large:true,initialValue:"option2",onChange:e=>console.log("Large selector changed:",e.detail)})),a("div",{key:"0947306acbc6628996b3ad444fe0b2849590bb3b",class:"input-example"},a("h3",{key:"da9050afe5f7be2d078fcf3d5f7e0987cc26cda5"},"File Upload with Type Restrictions"),a("file-upload",{key:"3f57ad462161a807e56cba39d3b68f8cb287e851",label:"Image Upload Only",allowedFileTypes:["jpg","jpeg","png","gif"],allowMultiple:false,browseFileMessage:"Select an Image",onChange:e=>console.log("Image upload changed:",e.detail)})),a("div",{key:"16217dff92f04c11145583b6c3879828bb63de18",class:"input-example"},a("h3",{key:"ad5625e7ffb1ef843f8831be4e4a5b65be32ba76"},"Disabled Components"),a("div",{key:"22f9b761b49d601000d39a64ea698115ded20a17",class:"disabled-examples"},a("text-field",{key:"35b8b2c6e57f555633c523a09db515666af3178f",label:"Disabled Text Field",value:"Cannot edit this",disabled:true}),a("check-box",{key:"73df91016a0cecb031e4d6b4c82b7b8bbd320589",label:"Disabled Checkbox",checked:true,disabled:true}),a("udp-selector",{key:"42cd089facfb8bd98e2ec5419ff5d32d18055bb7",label:"Disabled Selector",options:this.selectorOptions,value:"option1",disabled:true}))))))}};c.style=d;export{c as inputs_example};
|
|
1
|
+
import{r as e,h as a}from"./index-n-1ZSeAs.js";const c=":host{display:block;font-family:var(--font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);line-height:1.6;color:var(--text-color, #333);max-width:1200px;margin:0 auto;padding:2rem}h1{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:var(--primary-color, #007acc);text-align:center;border-bottom:3px solid var(--primary-color, #007acc);padding-bottom:1rem}.example-section{margin-bottom:4rem;padding:2rem;background:var(--section-background, #f8f9fa);border-radius:12px;border:1px solid var(--border-color, #e9ecef)}.example-section h2{font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:var(--secondary-color, #495057);display:flex;align-items:center;gap:0.5rem}.example-section h2::before{content:'';width:4px;height:1.5rem;background:var(--primary-color, #007acc);border-radius:2px}.example-section p{margin-bottom:1.5rem;color:var(--text-muted, #6c757d);font-size:1.1rem}.input-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-bottom:2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-bottom:2rem}.input-example{background:var(--input-example-background, #ffffff);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color, #e9ecef);box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);transition:transform 0.2s ease, box-shadow 0.2s ease}.input-example:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0, 0, 0, 0.15)}.input-example h3{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--heading-color, #343a40);border-bottom:2px solid var(--accent-color, #dee2e6);padding-bottom:0.5rem}.value-display{margin-top:1rem;padding:0.75rem;background:var(--value-display-background, #e7f3ff);border-radius:6px;font-family:'Courier New', monospace;font-size:0.9rem;color:var(--value-display-color, #0066cc);border-left:4px solid var(--primary-color, #007acc)}.form-actions{display:flex;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:2px solid var(--border-color, #e9ecef)}.submit-button{background:var(--primary-color, #007acc);color:white;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:6px;cursor:pointer;transition:background-color 0.2s ease, transform 0.2s ease;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1)}.submit-button:hover{background:var(--primary-color-hover, #0056b3);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0, 0, 0, 0.15)}.submit-button:active{transform:translateY(0)}.form-values{margin-top:2rem;padding:1.5rem;background:var(--code-background, #f8f9fa);border-radius:8px;border:1px solid var(--border-color, #e9ecef)}.form-values h3{margin-bottom:1rem;color:var(--heading-color, #343a40);font-size:1.2rem}.form-values pre{background:var(--pre-background, #ffffff);padding:1rem;border-radius:6px;border:1px solid var(--border-color, #e9ecef);font-size:0.9rem;overflow-x:auto;color:var(--code-color, #495057);white-space:pre-wrap;word-wrap:break-word}.disabled-examples{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){:host{padding:1rem}h1{font-size:2rem}.input-grid,.form-grid{grid-template-columns:1fr;gap:1rem}.input-example{padding:1rem}.example-section{padding:1rem}}@media (prefers-color-scheme: dark){:host{--text-color:#f8f9fa;--section-background:#2d3748;--input-example-background:#4a5568;--border-color:#4a5568;--heading-color:#e2e8f0;--text-muted:#a0aec0;--value-display-background:#2c5282;--value-display-color:#90cdf4;--code-background:#2d3748;--pre-background:#4a5568;--code-color:#e2e8f0}}*{transition:color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease}.submit-button:focus{outline:2px solid var(--primary-color, #007acc);outline-offset:2px}@media print{:host{padding:0}.input-example{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.submit-button{display:none}}";const d=class{constructor(a){e(this,a);this.controlledTextValue="";this.controlledNumericValue="";this.controlledTextAreaValue="";this.controlledCheckboxValue=false;this.controlledToggleValue=false;this.controlledDateValue="";this.controlledTimeValue="";this.controlledDateTimeValue="";this.controlledSelectorValue="";this.controlledFileValue=[];this.formValues={};this.selectorOptions=[{value:"option1",label:"Option 1"},{value:"option2",label:"Option 2"},{value:"option3",label:"Option 3"},{value:"option4",label:"Option 4"}];this.handleControlledNumericChange=e=>{this.controlledNumericValue=e.detail};this.handleControlledCheckboxChange=e=>{this.controlledCheckboxValue=e.detail==="true"};this.handleControlledToggleChange=e=>{this.controlledToggleValue=e.detail==="true"};this.handleControlledDateChange=e=>{console.log(e);this.controlledDateValue=e.detail};this.handleControlledTimeChange=e=>{this.controlledTimeValue=e.detail};this.handleControlledDateTimeChange=e=>{this.controlledDateTimeValue=e.detail};this.handleControlledSelectorChange=e=>{this.controlledSelectorValue=e.detail};this.handleControlledFileChange=e=>{this.controlledFileValue=e.detail.files||[]};this.handleFormSubmit=e=>{console.log("Form submitted with values:",e);alert("Form submitted! Check console for values.")};this.handleFormChange=e=>{this.formValues=Object.assign({},e)};this.validateForm=e=>{const a={};if(!e.formTextField){a.formTextField="This field is required"}if(!e.formNumericField||parseFloat(e.formNumericField)<0){a.formNumericField="Must be a positive number"}if(!e.formTextArea){a.formTextArea="Description is required"}if(!e.formCheckbox){a.formCheckbox="You must accept the terms"}if(!e.formDate){a.formDate="Please select a date"}if(!e.formSelector){a.formSelector="Please make a selection"}return a}}render(){return a("div",{key:"568318c42e44cab4a6a750a4c5819953328887dd",class:"inputs-example"},a("h1",{key:"5637becd6a248192914e63c9c6e8dfc3714f3a15"},"Input Components Examples"),a("section",{key:"e9dc7d661c548210421400385a404b952d9f1956",class:"example-section"},a("h2",{key:"1577a2c0eae0bcaa0bbfefea1bf186403162c407"},"Controlled Components"),a("p",{key:"3c98d8f5a0c50d3180edf77c89b14b58df9f5d7c"},"Parent component manages state and passes values to child components."),a("div",{key:"93c0227504b3e7b41fa17674883796401951f7e0",class:"input-grid"},a("div",{key:"299b926df1c5146758d10ad3ffc9400b9ee45539",class:"input-example"},a("h3",{key:"f20a59ab4a449e86c9c2608819bdb548437a361a"},"Text Field"),a("text-field",{key:"8d73d9be252b05655a321a25a1faf13d51087158",label:"Controlled Text Input",placeholder:"Enter text...",value:this.controlledTextValue}),a("p",{key:"74ebcbc54fb2892e31709485bf4ec754fbcf0838",class:"value-display"},"Value: ",this.controlledTextValue)),a("div",{key:"572728243b33fae1872160456ea22230450f98d0",class:"input-example"},a("h3",{key:"d82edbf3ddca5e0ea1cba3a335c7bc7b0bf47e37"},"Numeric Field"),a("numeric-field",{key:"54c858e75aaea42ef52580f31e89e6cfb2872e58",label:"Controlled Numeric Input",placeholder:"Enter number...",value:this.controlledNumericValue,min:"0",max:"100",step:"1",onChange:this.handleControlledNumericChange}),a("p",{key:"0fb607f8d5d2890c9d777792ec86eaf47aa8d467",class:"value-display"},"Value: ",this.controlledNumericValue)),a("div",{key:"a7f8e537d6c769129a66d98ad88306ebcda48da6",class:"input-example"},a("h3",{key:"43cac26cb5a7c97e81d6cb079c853df67b93bc32"},"Text Area"),a("text-area",{key:"bf6fa1b6edc51798d6db4c8261c3114b62f922e1",label:"Controlled Text Area",placeholder:"Enter description...",value:this.controlledTextAreaValue,minRows:3,maxRows:6}),a("p",{key:"4eab773e3ff0faec1bed1b7f06437fc44b370f70",class:"value-display"},"Value: ",this.controlledTextAreaValue)),a("div",{key:"b046957511aead089862c702264ba0e742f1b68d",class:"input-example"},a("h3",{key:"ff62fc57987c3bdbd727bce422df26c4d3bbda8a"},"Checkbox"),a("check-box",{key:"4b4fe082b6215c11575f5cabc385ef45ca4e7bd6",label:"Controlled Checkbox",checked:this.controlledCheckboxValue,onChange:this.handleControlledCheckboxChange}),a("p",{key:"4c65f141f2a8a7477205f6084d69200346bb0755",class:"value-display"},"Checked: ",this.controlledCheckboxValue.toString())),a("div",{key:"a48006413538b9981670434ae6c944e7e58271f9",class:"input-example"},a("h3",{key:"45383efba3e427ff11d43044fa01e57ed471fdc5"},"Toggle"),a("stencil-toggle",{key:"44848de53876d025aec88a2860eb9e60b579f568",label:"Controlled Toggle",checked:this.controlledToggleValue,onChange:this.handleControlledToggleChange}),a("p",{key:"3d629c545ba9202e853093ee999ce4eec10601f6",class:"value-display"},"Toggled: ",this.controlledToggleValue.toString())),a("div",{key:"4241e9b1fd8664e728d04f3b17ce76b08ccce7b8",class:"input-example"},a("h3",{key:"d83a696d7301047672071daa973056c379aa174c"},"Date Selector"),a("udp-date-selector",{key:"d1fdf59f30ad9b4640f614078f718e2e37957f50",label:"Controlled Date",value:this.controlledDateValue,onChange:this.handleControlledDateChange}),a("p",{key:"109f4a7821a45bb4f9e63807db0f456d71bb79e5",class:"value-display"},"Date: ",this.controlledDateValue)),a("div",{key:"38844d4720ddc7c7ffcf3611ec264aaf82771ef9",class:"input-example"},a("h3",{key:"40479e7e8704d9672a55642806d5d9adf76ad5b5"},"DateTime Selector"),a("udp-datetime-selector",{key:"88028b3e9499217f4df97f5fc6186891bcd95b18",label:"Controlled DateTime",value:this.controlledDateTimeValue,onChange:this.handleControlledDateTimeChange}),a("p",{key:"41f26787189f9e38213ab5c12d5e23090e4b73fc",class:"value-display"},"DateTime: ",this.controlledDateTimeValue)),a("div",{key:"72d82de355d314169aa1786dba5e314a4a3c2780",class:"input-example"},a("h3",{key:"13d248566f080175992873afbce91e0776425351"},"Time Selector"),a("udp-time-selector",{key:"4eef41d123a13fed720ddb5d6f1ff502d12b3382",label:"Controlled Time",value:this.controlledTimeValue,onChange:this.handleControlledTimeChange}),a("p",{key:"09b646081621e5bbc0ea04e1a6082e2aeecb8ce2",class:"value-display"},"Time: ",this.controlledTimeValue)),a("div",{key:"ebed47a9e2ff7fe2f88726c433e2b9a581dbac2c",class:"input-example"},a("h3",{key:"9a294a5894d1e29b036bc6b773acad0091a7b98b"},"UDP Selector"),a("udp-selector",{key:"d3a6adf65d0d4a93677b2fa887fda79c726ef819",label:"Controlled Selector",options:this.selectorOptions,value:this.controlledSelectorValue,onChange:this.handleControlledSelectorChange}),a("p",{key:"68a33dabe7906580dbc91deab34595aaa6439903",class:"value-display"},"Selected: ",this.controlledSelectorValue)),a("div",{key:"3319c740db491c5eb68011418cac7c7c8551123c",class:"input-example"},a("h3",{key:"e6d760ebd7e941267da381e1b763d4529a0940ea"},"File Upload"),a("file-upload",{key:"a1726d26e4d3de052646de14cd9fdaf4d6cc2a34",label:"Controlled File Upload",allowMultiple:true,onChange:this.handleControlledFileChange}),a("p",{key:"286df59dbec522a45bb0498b0274c9d5b60da51d",class:"value-display"},"Files: ",this.controlledFileValue.length," selected")))),a("section",{key:"92e1995b075a1d6a8b08d7121df729b676e0f254",class:"example-section"},a("h2",{key:"99b8b95638ee6289736fe31c9f92de4fc915ab66"},"Uncontrolled Components"),a("p",{key:"ce0ec4155a0d4e0c578cf310a36054b898046e12"},"Components manage their own state with initial values."),a("div",{key:"b6be0f3f1de8e43d7d2e3176c9bd0fa80fe41839",class:"input-grid"},a("div",{key:"f863c9c473e10a46118792f3b1d4f90c0468f312",class:"input-example"},a("h3",{key:"76c13a12b2cf46b786a5c6fd6e7ab09a114422ce"},"Text Field"),a("text-field",{key:"2f002aa2965ba1592614e19cdaf41685eff27a74",label:"Uncontrolled Text Input",placeholder:"Enter text...",initialValue:"Initial text value",onChange:e=>console.log("Text changed:",e.detail)})),a("div",{key:"7a72540333aa14e138b0776a037c9499218b48a1",class:"input-example"},a("h3",{key:"fe756740f658a568b6b025f801472c88d5a2ff69"},"Numeric Field"),a("numeric-field",{key:"5602a4cfb1439d79b323e7e990c77701fad43c1e",label:"Uncontrolled Numeric Input",placeholder:"Enter number...",initialValue:"42",min:"0",max:"100",onChange:e=>console.log("Number changed:",e.detail)})),a("div",{key:"8b01079941128dc419490ae9268f3de12f64bbec",class:"input-example"},a("h3",{key:"f3bb19ebe3f1eb7860c8670fa05e56100083100c"},"Text Area"),a("text-area",{key:"77b84fd065898b3f53b4f29d49175ca69d0e9a0c",label:"Uncontrolled Text Area",placeholder:"Enter description...",initialValue:"Initial description text",minRows:3,onChange:e=>console.log("Text area changed:",e.detail)})),a("div",{key:"18108e76b0d3cba4d17cb240d991e557e45a4cf0",class:"input-example"},a("h3",{key:"d7a8665af975ccfc51fdd6637c65cf090b3e64ee"},"Checkbox"),a("check-box",{key:"51c64943d73cae575b8354e63a723ce42a4da7a8",label:"Uncontrolled Checkbox",initialValue:"true",onChange:e=>console.log("Checkbox changed:",e.detail)})),a("div",{key:"d850416de27eb55f014f91245ab38658f645ec5e",class:"input-example"},a("h3",{key:"1181811e2e29035b7ebdca214c77fe6994f0f85a"},"Toggle"),a("stencil-toggle",{key:"f1f911a89e6a325fa136cfef4a8706bf6f7ca0bf",label:"Uncontrolled Toggle",initialValue:"false",onChange:e=>console.log("Toggle changed:",e.detail)})),a("div",{key:"78138f2afb3865b8b726c871d5b66c0a765fdc3b",class:"input-example"},a("h3",{key:"737ebb728f6dc1c3667ee4797470f2b4253ac531"},"Date Selector"),a("udp-date-selector",{key:"46794fcb28892c784028b112e23017f68688fe71",label:"Uncontrolled Date",initialValue:"2024-01-15",onChange:e=>console.log("Date changed:",e.detail)})),a("div",{key:"7d4321f22573a578f3c97f42ff909c8dba89c239",class:"input-example"},a("h3",{key:"f5bea7039842c10d1d18c12dbf148a7e4406aaf0"},"Time Selector"),a("udp-time-selector",{key:"59bc40ac5ff2cb5ce2d5cac649456761e4acd024",label:"Uncontrolled Time",initialValue:"14:30",onChange:e=>console.log("Time changed:",e.detail)})),a("div",{key:"d38663af248b165fd945b435d139645778dd15a6",class:"input-example"},a("h3",{key:"4a71a7d7ab4fc85b882a7ad510f106ef8af845e2"},"DateTime Selector"),a("udp-datetime-selector",{key:"0e50bb043a1e29c1b1196099182f2cfbe4d5780e",label:"Uncontrolled DateTime",initialValue:"2024-01-15T14:30",onChange:e=>console.log("DateTime changed:",e.detail)})),a("div",{key:"b0018485ce72a2e345e4324df645c167d605e270",class:"input-example"},a("h3",{key:"a476c75bee67f99b8190c2eee40bcf3f3681e0f5"},"UDP Selector"),a("udp-selector",{key:"8734d212c8e57b566331ce9a5a3658673979e496",label:"Uncontrolled Selector",options:this.selectorOptions,initialValue:"option2",onChange:e=>console.log("Selector changed:",e.detail)})))),a("section",{key:"182dc382da022fea80addb395b7e73d0e686db75",class:"example-section"},a("h2",{key:"0e74791316e43917b64aa88437d3195c7e01d518"},"Form-wrapped Components"),a("p",{key:"22f0b0ad471b5a64e6f1e2dd560c4591381deb1d"},"Components integrated with stencil-form and stencil-field for validation and state management."),a("stencil-form",{key:"7d6510a9ac5a7f4b3ff67d6e23d6a61a803cfefa",handleSubmit:this.handleFormSubmit,handleChange:this.handleFormChange,handleValidate:this.validateForm,initialValues:{formTextField:"Initial form text",formNumericField:"25",formTextArea:"Initial form description",formCheckbox:"false",formToggle:"true",formDate:"2024-02-01",formTime:"09:00",formSelector:"option1"}},a("div",{key:"4c3acd2264ca5a61bbf40917e742d55be678c5da",class:"form-grid"},a("stencil-field",{key:"b4ca78596d2aef8cc0f2c5a85adfa8df147f9bef",name:"formTextField"},a("text-field",{key:"2728029a47760daa7a67d4144b6c1647e2934dd7",label:"Form Text Field",placeholder:"Enter text...",required:true})),a("stencil-field",{key:"28a17c16e33499b7ec208cc0459e075ec5a76c9b",name:"formNumericField"},a("numeric-field",{key:"7c6edb230784665a312c82901bda77fc876697a1",label:"Form Numeric Field",placeholder:"Enter number...",min:"0",max:"100",required:true})),a("stencil-field",{key:"eb5947f21056c3cbbc53d063340527d8dae96365",name:"formTextArea"},a("text-area",{key:"760c3553c309f2c132179d4bc6323fc6492c3837",label:"Form Text Area",placeholder:"Enter description...",required:true,minRows:3})),a("stencil-field",{key:"e31f53fbbce59a7d49fa99f321888bc874b01972",name:"formCheckbox"},a("check-box",{key:"3771e81b0f4430f9cca07f1457ec0b75f1031eff",label:"Accept Terms and Conditions",required:true})),a("stencil-field",{key:"9ca02ff8c5c067a3288ce13bcb9347359f9195f3",name:"formToggle"},a("stencil-toggle",{key:"10f7bde9a8edde29d638a5592787c415654e6368",label:"Enable Notifications"})),a("stencil-field",{key:"d30d821fedd9f94a5c816203522db312e5861bc6",name:"formDate"},a("udp-date-selector",{key:"e73f814ec0bc86dbd3538af31306c797479c476d",label:"Form Date",required:true})),a("stencil-field",{key:"f8180949e6d0c3aec19b0c4b206f004f9aa2e258",name:"formTime"},a("udp-time-selector",{key:"59c0e0bbcec7e0c59f7bfe43d4571507926d08f5",label:"Form Time"})),a("stencil-field",{key:"ddb1f59940d2ffb2cdd02ddd64593be6923bf4b7",name:"formSelector"},a("udp-selector",{key:"09e82dda4fe421b68b12848ac162240104e4dd6a",label:"Form Selector",options:this.selectorOptions,required:true})),a("stencil-field",{key:"b836ed682cb45ec90b78821cb82f10ca5ea676c3",name:"formFiles"},a("file-upload",{key:"a8337a623851b31c4acf2f294828ed9ec76b4739",label:"Form File Upload",allowMultiple:true}))),a("div",{key:"e6b81aecf417b8077197a2925a57275eb2407764",class:"form-actions"},a("button",{key:"bc47fe7038b8f224745ae1ce101da82e5772b4b3",type:"submit",class:"submit-button"},"Submit Form"))),a("div",{key:"752745e88a81808a7874bea7dcf13070d964761f",class:"form-values"},a("h3",{key:"ba70a02c4f3c4c5840e89dce5c8333e3f98027e6"},"Current Form Values:"),a("pre",{key:"5bfc90a17f885e7e41b47e73eaf2a0d01ba8e9e2"},JSON.stringify(this.formValues,null,2)))),a("section",{key:"1778db0713a491b61b75293f6ee57b90c6fecf20",class:"example-section"},a("h2",{key:"94d8d772e3f49e0cbc43796f67505f01494ba890"},"Additional Examples"),a("p",{key:"ef4ce8b2bebb9fa6a94b965066fe2b7d6703e96f"},"More complex configurations and specialized use cases."),a("div",{key:"f45dd83e6894913b7cc22da8730f3bc9abada5a5",class:"input-grid"},a("div",{key:"92c270c05d1747340f2cb2b6a0bce7adade5baef",class:"input-example"},a("h3",{key:"3ff494f9ccd9f1df461927f4b58d39c71e07171d"},"Multi-Select UDP Selector"),a("udp-selector",{key:"f9d5d28836a2a0e0694775655f07f2cd1b17cd06",label:"Multi-Select Selector",options:this.selectorOptions,multiSelect:true,initialValue:"option1,option3",onChange:e=>console.log("Multi-select changed:",e.detail)})),a("div",{key:"cdc145e98cf83ae5ff4a5b1599eb0ac5c5cfe04a",class:"input-example"},a("h3",{key:"c8321fbcb13460216d415b6f6086c01fc837faf9"},"Large UDP Selector"),a("udp-selector",{key:"30daad81514fcbc8cd1ae7b8ca4ebe57f19b33b0",label:"Large Selector",options:this.selectorOptions,large:true,initialValue:"option2",onChange:e=>console.log("Large selector changed:",e.detail)})),a("div",{key:"7d703caa09925ac7221296422c6bfe7415187646",class:"input-example"},a("h3",{key:"7a7b5e085594c15dc11bb01e786e18c4edafbd64"},"File Upload with Type Restrictions"),a("file-upload",{key:"e2941cb3e03bc86696bbce3146b77fd5a311e6c6",label:"Image Upload Only",allowedFileTypes:["jpg","jpeg","png","gif"],allowMultiple:false,browseFileMessage:"Select an Image",onChange:e=>console.log("Image upload changed:",e.detail)})),a("div",{key:"216b5c93bb960345ac62770a8bda5c85c527f1fa",class:"input-example"},a("h3",{key:"91faff234095fdbf962c39b8101c1d2e89f0f8d3"},"Disabled Components"),a("div",{key:"f1b1e093a0cebf1999d5c2332ca95fe7748b9d6a",class:"disabled-examples"},a("text-field",{key:"225dca34033c0b6c3dd86461cb8b2e64cee24a2b",label:"Disabled Text Field",value:"Cannot edit this",disabled:true}),a("check-box",{key:"64dcf3f40a5b1abe44fb32a29059469c89128bba",label:"Disabled Checkbox",checked:true,disabled:true}),a("udp-selector",{key:"86827b73670a641b2eba08196c54f2051a696911",label:"Disabled Selector",options:this.selectorOptions,value:"option1",disabled:true}))))))}};d.style=c;export{d as inputs_example};
|
|
2
2
|
//# sourceMappingURL=inputs-example.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as a,h as i}from"./index-
|
|
1
|
+
import{r as a,h as i}from"./index-n-1ZSeAs.js";const r=".chip{display:inline-block;padding:8px 16px;font-size:14px;color:white;background-color:rgb(139, 195, 74);border-radius:4px}";const o=class{constructor(i){a(this,i)}render(){return i("div",{key:"1b51c4a2f2c74141174c55d7b1c57a3384075bac",class:"chip"},this.type===1?i("unity-typography",{variant:"data-display-one"},"AND"):this.type===2?i("unity-typography",{variant:"data-display-one"},"OR"):"")}};o.style=r;export{o as logical_search_indicator};
|
|
2
2
|
//# sourceMappingURL=logical-search-indicator.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,h as i,a as s}from"./index-DsqSxziV.js";import e from"ol/Map";import h from"ol/View";import o from"ol/layer/Tile";import n from"ol/source/OSM";import l from"ol/layer/Vector";import a from"ol/source/Vector";import{Zoom as r,FullScreen as d}from"ol/control";import f from"proj4";import{register as u}from"ol/proj/proj4";import{Select as c,Draw as p,defaults as v,DragRotateAndZoom as m}from"ol/interaction";import{Feature as y,Overlay as w}from"ol";import{h as S,a as b,b as g,c as O,d as M,e as F,s as P}from"./udp-map-utils-BokzHQF1.js";import{Point as L,LineString as x,Polygon as C}from"ol/geom";import*as j from"@turf/turf";import{createBox as z}from"ol/interaction/Draw";import{transformExtent as B}from"ol/proj";import{click as T}from"ol/events/condition";import{first as D,debounce as V}from"lodash";import{S as k,D as A,P as Z}from"./common-CwN0FuAf.js";import"ol/format/GeoJSON";const I=(t,i,s,e,h,o,n,l,a,r,d)=>{const f=new c({condition:t=>T(t),multi:false,hitTolerance:30});f.set("id",k);f.on("select",(async l=>{if(!a&&!t){if(l.selected.length>0){const t=D(l.selected);if(d){let i=await d(l.selected);if(i&&typeof i==="object"){Object.keys(i).forEach((s=>{t.values_[`${s}`]=i[s]}))}}i(t);if(h){h(t)}s(t);o(t);if(n){let i=n(t);if(S(i)){t.setStyle(i)}}}else{s(null);e()}}}));r(f);l(f)};const N=(t,i,s,e,h,o,n,a,r,d,f,u,c,v,m,y)=>{e(true);h(true);o(null);c([]);v(i);n();if(t){if(a){d(a)}const e={type:"Circle"};if(i==="box"){e.geometryFunction=z()}else if(i==="polygon"){e.type="Polygon"}else if(i==="lasso"){e.type="Polygon";e.freehand=true}const o=new p(e);r(o);f(o);o.setActive(true);let n=[];o.on("drawend",(i=>{d(a);let e=i.feature.getGeometry().getExtent();e=B(e,t.getView().getProjection(),s);t.getLayers().forEach((t=>{if(t instanceof l){let i=t.getSource();const s=i.getFeaturesInExtent(e).filter((t=>t.getGeometry().intersectsExtent(e)&&!u.includes(t)));if(m){s.forEach((t=>{let i=m(t);if(S(i)){t.setStyle(i)}}))}n.push(...s)}}));if(n.length>0){let t=(u===null||u===void 0?void 0:u.length)>0?[...u,...n]:n;c(t);if(y){y(u)}}h(false);o.setActive(false)}));r(o)}};const R=(t,i,s="Point",e,h,o,n,r,d,f,u,c)=>{var v,m,y,w;if(d){d(null)}r(true);if(h){e(h)}let S=new a;if(i){(v=t===null||t===void 0?void 0:t.getLayers())===null||v===void 0?void 0:v.forEach((t=>{if(t instanceof l){if(i.value===t.getProperties().value){S=t.getSource()}}}))}else{S=(w=(y=(m=t===null||t===void 0?void 0:t.getLayers())===null||m===void 0?void 0:m.getArray())===null||y===void 0?void 0:y.find((t=>t instanceof l&&t.get("id")===A)))===null||w===void 0?void 0:w.getSource()}const b=new p({source:S,type:s});o(b);b.on("drawend",(function(t){const e=t.feature;let h=e.getGeometry();if(h instanceof L||h instanceof x||h instanceof C){let t={feature:e,type:s,coordinates:h.getCoordinates(),geometry:h,layer:i,source:S};if(n){n(t)}if(!u){c()}}}));f(b)};const E=(t,i,s,e,h,o,n,r)=>{if(s){o(s)}e(null);h(true);let d=new a;t.getLayers().forEach((t=>{if(t instanceof l){if(i.value===t.getProperties().value){d=t.getSource()}}}));const f=new p({source:d,type:"LineString"});e(f);f.on("drawend",(function(t){const i=t.feature;const s=i.getGeometry();if(s instanceof x){const e=s.getCoordinates();const h=j.lineString(e);let o;let n=new y;let l=new y;d.getFeatures().forEach((t=>{const i=t.getGeometry();if(i instanceof x){let t=i.getCoordinates();const s=j.lineString(t);o=j.lineIntersect(s,h);if(o.features.length>0){const t=o.features[0].geometry.coordinates;const i=[s.geometry.coordinates[0],t];const e=[t,s.geometry.coordinates[1]];n=new y({geometry:new x(i),name:"Split LineString 1"});l=new y({geometry:new x(e),name:"Split LineString 2"})}}}));d.removeFeature(i);d.removeFeature(t.feature);d.addFeature(n);d.addFeature(l);let a={originalFeature:i,newFeature1:n,newFeature2:l};if(r){r(a)}}}));n(f);e(f)};const W=":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";const U=class{constructor(i){t(this,i);this.data=[];this.isGeoJsonFormat=true;this.enableZoom=true;this.mapZoom=17;this.mapCenter=[0,0];this.mapHeight="80vh";this.mapProjection="";this.filterPanel="";this.enableTileSelection=true;this.tileLayersOptions=[];this.defaultTileOptionName="";this.layerOptions=[];this.initialSelectedLayers=[];this.bulkSelectedFeaturesActionPanel="";this.filterLayersByRole=false;this.layerKeySeparator="";this.filteredLayerOptionsByRole=[];this.readOnlyMap=false;this.enableViewFeature=true;this.bulkSelectionActive=false;this.splitActive=false;this.enableDragBox=false;this.enableAddNewFeature=true;this.readOnlyLayers=[];this.popoverPrimaryActions=[];this.popoverMoreIconButtonActions=[];this.hideMessageIconPopover=false;this.popoverCardConfig={};this.minZoom=0;this.maxZoom=28;this.definedProjection=false;this.popoverContainer=null;this.showPopOver=false;this.isReadOnlyFeature=false;this.mapFeatures=[];this.initializeMap=(t,i)=>{var s;this.definedProjection=this.registerProjection(this.crs);this.filterLayerOptions();let f=[];if(this.tileLayersOptions&&((s=this.tileLayersOptions)===null||s===void 0?void 0:s.length)>0){for(let t of this.tileLayersOptions){const i=new o({source:t===null||t===void 0?void 0:t.source,properties:{value:t===null||t===void 0?void 0:t.name,isBaseTile:true},visible:this.defaultTileOptionName?(t===null||t===void 0?void 0:t.name)===this.defaultTileOptionName:true});f[f.length]=i}}else{const t=new o({source:new n,properties:{value:"Open Street Map",isBaseTile:true},visible:true});f[f.length]=t}f.push(new l({source:new a({}),properties:{id:A}}));const u=new h({center:this.mapCenter,zoom:this.mapZoom,projection:this.mapProjection,minZoom:this.minZoom,maxZoom:this.maxZoom});this.mapInstance=new e({target:i,layers:f,view:u,interactions:v().extend([new m]),controls:[new r,new d],overlays:[new w({element:t,autoPan:{animation:{duration:250}},id:Z})]});this.mapInstance.on("moveend",V((()=>{this.getMapExtentAndZoom()}),500));this.setVectorLayers();this.addSelectInteraction();if(this.handleSetMapComponent){this.handleSetMapComponent(this.mapInstance)}};this.setVectorLayers=()=>{let t=b(this.data,this.isGeoJsonFormat,this.geoJsonMappingConfig,this.filterPanel,this.filterPanelCallback);this.mapFeatures=g(t,this.crs,this.definedProjection,this.mapProjection,this.mapDataProjection,this.getFilteredMapData);let i=this.getVisibleLayersOnLoad(this.layerOptions);this.addVectorLayersToMap(this.mapFeatures,i);this.updateIntialSelectedLayersVisibility()};this.clearVectorLayers=()=>{var t,i,s;const e=(s=(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getLayers())===null||i===void 0?void 0:i.getArray())!==null&&s!==void 0?s:[];e.forEach((t=>{if(t instanceof l&&t.get("id")!==A){this.mapInstance.removeLayer(t)}}))};this.registerProjection=t=>{if((t===null||t===void 0?void 0:t.length)>0){f.defs(t);u(f);return true}return false};this.filterLayerOptions=()=>{let t=this.filterLayersByRole?O(this.user,this.layerRoles,this.layerOptions):this.layerOptions;this.handleSetFilteredLayerOptionsByRole(t)};this.addVectorLayersToMap=(t,i)=>{var s;if(t&&this.mapInstance){if(this.getVectorLayerSources){(s=this.getVectorLayerSources(i,t))===null||s===void 0?void 0:s.forEach((t=>{var i;const s=new a({features:(i=t===null||t===void 0?void 0:t.features)!==null&&i!==void 0?i:[]});const e=new l({source:s,properties:{value:t===null||t===void 0?void 0:t.layer},style:this.getFeatureStyles});this.mapInstance.addLayer(e)}))}else{for(let s of i){const i=t===null||t===void 0?void 0:t.filter((t=>{const i=t.getProperties();if(this.getFeatureStyles){let i=this.getFeatureStyles(t);if(S(i)){t.setStyle(i)}}const e=M(this.layerKeys,this.layerKeySeparator,i);return s===e}));const e=new a({features:i});const h=new l({source:e,properties:{value:s}});this.mapInstance.addLayer(h)}}}};this.getVisibleLayersOnLoad=t=>{const i=this.filterLayersByRole?O(this.user,this.layerRoles,t):t;const s=F(i);return s};this.updateLayerVisibility=(t,i=false)=>{var s,e;let h=i?o:l;(e=(s=this.mapInstance)===null||s===void 0?void 0:s.getLayers())===null||e===void 0?void 0:e.forEach((i=>{if(i instanceof h){t.includes(i.get("value"))||i.get("id")===A?i.setVisible(true):i.setVisible(false)}}))};this.insertFeatureStyles=()=>{if(this.getFeatureStyles){this.mapInstance.getLayers().forEach((t=>{if(t instanceof l){let i=t.getSource();i.getFeatures().forEach((t=>{let i=this.getFeatureStyles(t);if(S(i)){t.setStyle(i)}}))}}))}};this.addSelectInteraction=()=>{I(this.splitActive,this.handleSetCurrentSelectedFeature,this.handleSetSelectedFeatureProperties,this.handleOnCloseFeaturePopover,this.handleSetSelectedFeatureOnSelect,this.showPopper,this.getSelectedFeatureStyles,this.handleAddInteraction,this.enableDragBox,this.handleUpdateSelectInteraction,this.handleGetAdditionalFeaturePropertiesOnSelect)};this.handleUpdateSelectInteraction=t=>{this.selectInteraction=t};this.handleSetCurrentSelectedFeature=t=>{this.currentSelectedFeature=t};this.handleSetShowPopOver=t=>{this.showPopOver=t};this.showPopper=t=>{if(!this.enableDragBox&&!this.enableAddNewFeature&&!this.splitActive&&t){const i=this.mapInstance.getOverlayById(Z);if(i){if(t.getGeometry()instanceof L){i.setPosition(t.getGeometry().getCoordinates())}else if(t.getGeometry()instanceof x){i.setPosition(t.getGeometry().getCoordinates()[0])}else if(t.getGeometry()instanceof C){i.setPosition(t.getGeometry().getCoordinates()[0][0])}}this.showPopOver=true}};this.handleOnCloseFeaturePopover=t=>{if(this.additionalOnclosePopover){this.additionalOnclosePopover(t)}if(this.setSelectedFeatureIdExternal){this.setSelectedFeatureIdExternal(null)}this.showPopOver=false};this.handleAddInteraction=t=>{this.mapInstance.addInteraction(t)};this.handleShowMarkerFromExternal=t=>{var i,s;if(t&&this.mapFeatures&&this.selectInteraction){const e=(i=this.mapFeatures)===null||i===void 0?void 0:i.find((i=>(i===null||i===void 0?void 0:i.getId())===t));const h=e===null||e===void 0?void 0:e.getProperties();if(e){this.handleSetSelectedFeatureProperties(e);const t=M(this.layerKeys,this.layerKeySeparator,h);const i=F(this.filteredLayerOptionsByRole);if(!((s=this.selectedLayers)===null||s===void 0?void 0:s.includes(t))&&(i===null||i===void 0?void 0:i.includes(t))&&this.handleSetSelectedLayers){const i=[...this.selectedLayers,t];this.handleSetSelectedLayers(i);this.updateLayerVisibility(i)}const o=this.selectInteraction.getFeatures();const n=o.getArray().slice();o.clear();o.push(e);this.selectInteraction.dispatchEvent({type:"select",selected:[e],deselected:n,mapBrowserEvent:null})}}}}componentDidLoad(){requestAnimationFrame((()=>{this.popoverContainer=this.el.shadowRoot.querySelector("#featureDetailsPopOverContainer");const t=this.el.shadowRoot.querySelector("#map");if(this.popoverContainer&&t){this.initializeMap(this.popoverContainer,t)}}))}reinitializeMap(){this.clearVectorLayers();this.setVectorLayers()}resetPopover(){this.showPopOver=false}updateProjection(){if(this.crs){this.definedProjection=this.registerProjection(this.crs)}}updateFilteredLayerOptions(){this.filterLayerOptions()}handleSelectFeatureOnMap(){var t;if(this.selectedFeatureIdExternal&&((t=this.selectInteraction)===null||t===void 0?void 0:t.getActive())){this.handleShowMarkerFromExternal(this.selectedFeatureIdExternal)}else if(this.selectedFeatureIdExternal&&this.setSelectedFeatureIdExternal){this.setSelectedFeatureIdExternal(null)}}updateReadOnlyLayers(){var t;if(this.selectedFeatureProperties){const i=M(this.layerKeys,this.layerKeySeparator,this.selectedFeatureProperties);this.isReadOnlyFeature=(t=this.readOnlyLayers)===null||t===void 0?void 0:t.includes(i)}}handleUpdateInitialSelectedLayersVisibility(){this.updateIntialSelectedLayersVisibility()}updateMapView(){if(this.mapInstance){const t=this.mapInstance.getView().getCenter();const i=this.mapInstance.getView().getZoom();this.mapInstance.setView(new h({center:t,zoom:i,projection:this.mapProjection}))}}updateMapCenter(){var t;if(this.mapInstance&&this.mapCenter){(t=this.mapInstance.getView())===null||t===void 0?void 0:t.setCenter(this.mapCenter)}}updateFeatureStyles(){if(this.mapInstance){this.insertFeatureStyles()}}updateMinZoom(){var t,i;if(this.mapInstance&&this.minZoom){(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getView())===null||i===void 0?void 0:i.setMinZoom(this.minZoom)}}updateMaxZoom(){var t,i;if(this.mapInstance&&this.maxZoom){(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getView())===null||i===void 0?void 0:i.setMaxZoom(this.maxZoom)}}getMapExtentAndZoom(){if(this.handleGetZoomExtent){const t=this.mapInstance.getView().calculateExtent(this.mapInstance.getSize());const i=this.mapInstance.getView().getZoom();this.handleGetZoomExtent(i,t)}}updateIntialSelectedLayersVisibility(){let t=P(this.filteredLayerOptionsByRole,this.initialSelectedLayers);this.updateLayerVisibility(t);if(this.handleSetSelectedLayers){this.handleSetSelectedLayers(t)}}render(){return i("div",{key:"4da470f45f464712072bf297c96590f0601e225f"},i("div",{key:"a050bca5e4fcf0c2967864c082ef519593b7209c",id:"map",style:{height:this.mapHeight,width:"100%",overflow:"hidden"}},i("slot",{key:"6db17e7e020d91f8d478a8a4d450413f277b0fc0"})),i("div",{key:"2a04f480f147f184e94092e8d1a1cf8cc1987a3f",id:"featureDetailsPopOverContainer"},i("feature-details-popup",{key:"04cae4da21ee9b095f8ff42a5671ba0296097e6b",currentSelectedFeature:this.currentSelectedFeature,data:this.selectedFeatureProperties,coordinates:this.selectedFeatureCoordinates,enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,showPopOver:this.showPopOver,isReadOnly:this.isReadOnlyFeature,additionalOnclosePopover:this.handleOnCloseFeaturePopover,primaryActions:this.popoverPrimaryActions,moreIconActions:this.popoverMoreIconButtonActions,getMessage:this.getMessagePopover,getMessageIcon:this.getMessageIconPopover,hideMessageIcon:this.hideMessageIconPopover,cardConfig:this.popoverCardConfig,popoverWidth:this.popoverWidth,popoverContainer:this.popoverContainer})))}get el(){return s(this)}static get watchers(){return{data:["reinitializeMap","resetPopover"],layerOptions:["reinitializeMap","updateFilteredLayerOptions"],mapDataProjection:["reinitializeMap"],mapProjection:["reinitializeMap","updateMapView"],crs:["updateProjection"],layerRoles:["updateFilteredLayerOptions"],user:["updateFilteredLayerOptions"],selectedFeatureIdExternal:["handleSelectFeatureOnMap"],readOnlyLayers:["updateReadOnlyLayers"],selectedFeatureProperties:["updateReadOnlyLayers"],initialSelectedLayers:["handleUpdateInitialSelectedLayersVisibility"],mapCenter:["updateMapCenter"],getMapStyles:["updateFeatureStyles"],minZoom:["updateMinZoom"],maxZoom:["updateMaxZoom"]}}};U.style=W;const _=":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";const q=class{constructor(i){t(this,i);this.mapTitle="";this.mapProjection="";this.filterPanel="";this.enableTileSelection=true;this.tileLayersOptions=[];this.defaultTileOptionName="";this.layerOptions=[];this.bulkSelectedFeaturesActionPanel="";this.refreshButtonTooltip="";this.readOnlyMap=false;this.enableAdd=true;this.addMultipleFeatures=true;this.enableSplitFeature=true;this.filteredLayerOptionsByRole=[];this.enableDragBox=false;this.splitActive=false;this.enableAddNewFeature=false;this.readOnlyLayers=[];this.selectedTile={label:"Open Street Map",value:"Open Street Map"};this.selectedBulkSelectionType="box";this.selectedFeatureByBoxSelection=[];this.tileSelectOptions=[{label:"Open Street Map",value:"Open Street Map"}];this.newFeatureObjectsAdded=[];this.showSplitButton=false;this.setEnableDragBox=t=>{this.handleSetEnableDragBox(t)};this.setBulkSelectonActive=t=>{this.handleSetBulkSelectionActive(t)};this.getTileLayerOptions=()=>{this.tileSelectOptions=this.tileLayersOptions.map((t=>({label:t===null||t===void 0?void 0:t.name,value:t===null||t===void 0?void 0:t.name})));this.selectedTile=this.tileSelectOptions.filter((t=>t.value===this.defaultTileOptionName))[0]};this.handleSelectTile=t=>{var i;if(!t)return;this.selectedTile=t;if(this.enableTileSelection&&((i=this.tileLayersOptions)===null||i===void 0?void 0:i.length)>0){const i=this.tileLayersOptions.find((i=>(i===null||i===void 0?void 0:i.name)===t));if(!i)return;const s=this.map.getLayers().getArray().filter((t=>t.get("isBaseTile")));s.forEach((t=>{this.map.removeLayer(t)}));const e=new o({source:i.source,visible:true,zIndex:0,properties:{value:i.name,isBaseTile:true}});this.map.getLayers().insertAt(0,e)}};this.handleSelectLayers=t=>{if(this.handleSetSelectedLayers){this.handleSetSelectedLayers(t)}this.updateLayerVisibility(t);if(this.handleSelectLayersCallback){this.handleSelectLayersCallback(t)}};this.updateLayerVisibility=(t,i=false)=>{var s,e;let h=i?o:l;(e=(s=this.map)===null||s===void 0?void 0:s.getLayers())===null||e===void 0?void 0:e.forEach((i=>{if(i instanceof h){t.includes(i.get("value"))||i.get("id")===A?i.setVisible(true):i.setVisible(false)}}))};this.bulkSelectDraw=(t,i)=>{N(this.map,t,i,this.setBulkSelectonActive,this.setEnableDragBox,this.handleSetSelectedFeatureProperties,this.clearSelectFeatureInteraction,this.currentBulkSelectDrawInteraction,this.handleSetCurrentBulkSelectDrawInteraction,this.handleRemoveInteraction,this.handleAddInteraction,this.selectedFeatureByBoxSelection,this.handleSetSelectedFeatureByBoxSelection,this.handleSetSelectedBulkSelectionType,this.getSelectedFeatureStyles,this.handleSetSelectedFeaturesOnBulkSelect)};this.clearSelectFeatureInteraction=()=>{if(this.selectFeatureInteraction){this.selectFeatureInteraction.getFeatures().clear();this.selectFeatureInteraction.setActive(false)}};this.handleSetCurrentBulkSelectDrawInteraction=t=>{this.currentBulkSelectDrawInteraction=t};this.handleSetSelectedFeatureByBoxSelection=t=>{this.selectedFeatureByBoxSelection=t};this.handleSetSelectedBulkSelectionType=t=>{this.selectedBulkSelectionType=t};this.handleCancelBulkSelectDraw=()=>{this.setBulkSelectonActive(false);this.setEnableDragBox(false);this.currentBulkSelectDrawInteraction.setActive(false);this.map.removeInteraction(this.currentBulkSelectDrawInteraction)};this.handleBulkUnselectFeatures=()=>{if(this.selectedFeatureByBoxSelection.length>0&&this.getFeatureStyles){this.selectedFeatureByBoxSelection.forEach((t=>{let i=this.getFeatureStyles(t);if(S(i)){t.setStyle(i)}}))}this.setEnableDragBox(false);this.setBulkSelectonActive(false);this.selectedFeatureByBoxSelection=[];if(this.handleSetSelectedFeaturesOnBulkSelect){this.handleSetSelectedFeaturesOnBulkSelect([])}};this.startDrawingMapFeature=(t,i="Point")=>{R(this.map,t,i,this.handleRemoveInteraction,this.currentAddFeatureDrawInteraction,this.handleSetCurrentInteraction,this.handleGetFeatureObject,this.handleEnableAddNewFeature,this.handleSetSelectedFeatureProperties,this.handleAddInteraction,this.addMultipleFeatures,this.addNewFeature)};this.handleGetFeatureObject=t=>{this.newFeatureObjectsAdded=[...this.newFeatureObjectsAdded,...[t]]};this.handleAddInteraction=t=>{this.map.addInteraction(t)};this.handleRemoveInteraction=t=>{this.map.removeInteraction(t);this.currentAddFeatureDrawInteraction=null};this.handleSetCurrentInteraction=t=>{this.currentAddFeatureDrawInteraction=t};this.cancelAddNewFeature=()=>{this.handleEnableAddNewFeature(false);this.map.removeInteraction(this.currentAddFeatureDrawInteraction)};this.addNewFeature=()=>{this.handleEnableAddNewFeature(false);this.map.removeInteraction(this.currentAddFeatureDrawInteraction);if(this.handleAddNewFeatures){this.handleAddNewFeatures(this.newFeatureObjectsAdded)}};this.handleStartSplitting=t=>{this.handleSetSplit(true);this.splitActive=true;E(this.map,t,this.currentSplitInteraction,this.handleSetCurrentSplitInteraction,this.handleSetSplit,this.handleRemoveInteraction,this.handleAddInteraction,this.handleRetrieveSplitFeature)};this.handleSetSplit=t=>{this.handleSetSplitActive(t);this.showSplitButton=t};this.handleRetrieveSplitFeature=t=>{this.splitFeatureDetails=t};this.handleSetCurrentSplitInteraction=t=>{this.currentSplitInteraction=t};this.handleCancelSplit=()=>{this.handleSetSplit(false);this.splitActive=false;this.handleRemoveInteraction(this.currentSplitInteraction);this.currentSplitInteraction=null};this.handleSaveSplit=()=>{this.handleSetSplit(false);this.handleRemoveInteraction(this.currentSplitInteraction);this.currentSplitInteraction=null;this.handleSplitFeature(this.splitFeatureDetails)}}componentWillLoad(){var t;if(this.tileLayersOptions&&((t=this.tileLayersOptions)===null||t===void 0?void 0:t.length)>0){this.getTileLayerOptions()}}updateTileSelectOptions(){var t;if(this.tileLayersOptions&&((t=this.tileLayersOptions)===null||t===void 0?void 0:t.length)>0){this.getTileLayerOptions()}}render(){return i("map-toolbar",{key:"04c81b92186cd20eac7a8fdd4663f2656837cd5e",map:this.map,mapTitle:this.mapTitle,layerOptions:this.layerOptions,handleSelectLayers:this.handleSelectLayers,visibleLayers:this.selectedLayers,tileOptions:this.tileSelectOptions,handleSelectTile:this.handleSelectTile,selectedTile:this.selectedTile,enableTileSelection:this.enableTileSelection,filterPanel:this.filterPanel,enableDragBox:this.enableDragBox,selectedFeatureByBoxSelection:this.selectedFeatureByBoxSelection,handleUnselectFeatures:this.handleBulkUnselectFeatures,selectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleCancelBoxSelection:this.handleCancelBulkSelectDraw,handleBulkSelectionTypeOnChange:this.bulkSelectDraw,mapProjection:this.mapProjection,refreshEvent:this.handleRefresh,refreshButtonTooltip:this.refreshButtonTooltip,enableAddNewFeature:this.enableAddNewFeature,handleStartDrawingMapFeature:this.startDrawingMapFeature,cancelAddNewFeature:this.cancelAddNewFeature,addNewFeature:this.addNewFeature,enableSplit:this.enableSplitFeature,handleStartSplitting:this.handleStartSplitting,handleCancelSplit:this.handleCancelSplit,handleSaveSplit:this.handleSaveSplit,readOnlyMap:this.readOnlyMap,enableAdd:this.enableAdd,addMultipleFeatures:this.addMultipleFeatures,showSplitButton:this.showSplitButton,readOnlyLayers:this.readOnlyLayers,addFeaturePanelConfig:this.addFeaturePanelConfig})}get el(){return s(this)}static get watchers(){return{tileLayersOptions:["updateTileSelectOptions"]}}};q.style=_;export{U as map_component,q as udp_map_toolbar};
|
|
1
|
+
import{r as t,h as i,a as s}from"./index-n-1ZSeAs.js";import e from"ol/Map";import h from"ol/View";import o from"ol/layer/Tile";import n from"ol/source/OSM";import l from"ol/layer/Vector";import a from"ol/source/Vector";import{Zoom as r,FullScreen as d}from"ol/control";import f from"proj4";import{register as u}from"ol/proj/proj4";import{Select as c,Draw as p,defaults as v,DragRotateAndZoom as m}from"ol/interaction";import{Feature as y,Overlay as w}from"ol";import{h as S,a as b,b as g,c as O,d as M,e as F,s as P}from"./udp-map-utils-BokzHQF1.js";import{Point as L,LineString as C,Polygon as j}from"ol/geom";import*as x from"@turf/turf";import{createBox as z}from"ol/interaction/Draw";import{transformExtent as B}from"ol/proj";import{click as T}from"ol/events/condition";import{first as k,debounce as A}from"lodash";import{S as D,D as V,P as Z}from"./common-CwN0FuAf.js";import"ol/format/GeoJSON";const I=(t,i,s,e,h,o,n,l,a,r,d)=>{const f=new c({condition:t=>T(t),multi:false,hitTolerance:30});f.set("id",D);f.on("select",(async l=>{if(!a&&!t){if(l.selected.length>0){const t=k(l.selected);if(d){let i=await d(l.selected);if(i&&typeof i==="object"){Object.keys(i).forEach((s=>{t.values_[`${s}`]=i[s]}))}}i(t);if(h){h(t)}s(t);o(t);if(n){let i=n(t);if(S(i)){t.setStyle(i)}}}else{s(null);e()}}}));r(f);l(f)};const N=(t,i,s,e,h,o,n,a,r,d,f,u,c,v,m,y)=>{e(true);h(true);o(null);c([]);v(i);n();if(t){if(a){d(a)}const e={type:"Circle"};if(i==="box"){e.geometryFunction=z()}else if(i==="polygon"){e.type="Polygon"}else if(i==="lasso"){e.type="Polygon";e.freehand=true}const o=new p(e);r(o);f(o);o.setActive(true);let n=[];o.on("drawend",(i=>{d(a);let e=i.feature.getGeometry().getExtent();e=B(e,t.getView().getProjection(),s);t.getLayers().forEach((t=>{if(t instanceof l){let i=t.getSource();const s=i.getFeaturesInExtent(e).filter((t=>t.getGeometry().intersectsExtent(e)&&!u.includes(t)));if(m){s.forEach((t=>{let i=m(t);if(S(i)){t.setStyle(i)}}))}n.push(...s)}}));if(n.length>0){let t=(u===null||u===void 0?void 0:u.length)>0?[...u,...n]:n;c(t);if(y){y(u)}}h(false);o.setActive(false)}));r(o)}};const R=(t,i,s="Point",e,h,o,n,r,d,f,u,c)=>{var v,m,y,w;if(d){d(null)}r(true);if(h){e(h)}let S=new a;if(i){(v=t===null||t===void 0?void 0:t.getLayers())===null||v===void 0?void 0:v.forEach((t=>{if(t instanceof l){if(i.value===t.getProperties().value){S=t.getSource()}}}))}else{S=(w=(y=(m=t===null||t===void 0?void 0:t.getLayers())===null||m===void 0?void 0:m.getArray())===null||y===void 0?void 0:y.find((t=>t instanceof l&&t.get("id")===V)))===null||w===void 0?void 0:w.getSource()}const b=new p({source:S,type:s});o(b);b.on("drawend",(function(t){const e=t.feature;let h=e.getGeometry();if(h instanceof L||h instanceof C||h instanceof j){let t={feature:e,type:s,coordinates:h.getCoordinates(),geometry:h,layer:i,source:S};if(n){n(t)}if(!u){c()}}}));f(b)};const E=(t,i,s,e,h,o,n,r)=>{if(s){o(s)}e(null);h(true);let d=new a;t.getLayers().forEach((t=>{if(t instanceof l){if(i.value===t.getProperties().value){d=t.getSource()}}}));const f=new p({source:d,type:"LineString"});e(f);f.on("drawend",(function(t){const i=t.feature;const s=i.getGeometry();if(s instanceof C){const e=s.getCoordinates();const h=x.lineString(e);let o;let n=new y;let l=new y;d.getFeatures().forEach((t=>{const i=t.getGeometry();if(i instanceof C){let t=i.getCoordinates();const s=x.lineString(t);o=x.lineIntersect(s,h);if(o.features.length>0){const t=o.features[0].geometry.coordinates;const i=[s.geometry.coordinates[0],t];const e=[t,s.geometry.coordinates[1]];n=new y({geometry:new C(i),name:"Split LineString 1"});l=new y({geometry:new C(e),name:"Split LineString 2"})}}}));d.removeFeature(i);d.removeFeature(t.feature);d.addFeature(n);d.addFeature(l);let a={originalFeature:i,newFeature1:n,newFeature2:l};if(r){r(a)}}}));n(f);e(f)};const W=":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";const U=class{constructor(i){t(this,i);this.data=[];this.isGeoJsonFormat=true;this.enableZoom=true;this.mapZoom=17;this.mapCenter=[0,0];this.mapHeight="80vh";this.mapProjection="";this.filterPanel="";this.enableTileSelection=true;this.tileLayersOptions=[];this.defaultTileOptionName="";this.layerOptions=[];this.initialSelectedLayers=[];this.bulkSelectedFeaturesActionPanel="";this.filterLayersByRole=false;this.layerKeySeparator="";this.filteredLayerOptionsByRole=[];this.readOnlyMap=false;this.enableViewFeature=true;this.bulkSelectionActive=false;this.splitActive=false;this.enableDragBox=false;this.enableAddNewFeature=true;this.readOnlyLayers=[];this.popoverPrimaryActions=[];this.popoverMoreIconButtonActions=[];this.hideMessageIconPopover=false;this.popoverCardConfig={};this.minZoom=0;this.maxZoom=28;this.definedProjection=false;this.popoverContainer=null;this.showPopOver=false;this.isReadOnlyFeature=false;this.mapFeatures=[];this.initializeMap=(t,i)=>{var s;this.definedProjection=this.registerProjection(this.crs);this.filterLayerOptions();let f=[];if(this.tileLayersOptions&&((s=this.tileLayersOptions)===null||s===void 0?void 0:s.length)>0){for(let t of this.tileLayersOptions){const i=new o({source:t===null||t===void 0?void 0:t.source,properties:{value:t===null||t===void 0?void 0:t.name,isBaseTile:true},visible:this.defaultTileOptionName?(t===null||t===void 0?void 0:t.name)===this.defaultTileOptionName:true});f[f.length]=i}}else{const t=new o({source:new n,properties:{value:"Open Street Map",isBaseTile:true},visible:true});f[f.length]=t}f.push(new l({source:new a({}),properties:{id:V}}));const u=new h({center:this.mapCenter,zoom:this.mapZoom,projection:this.mapProjection,minZoom:this.minZoom,maxZoom:this.maxZoom});this.mapInstance=new e({target:i,layers:f,view:u,interactions:v().extend([new m]),controls:[new r,new d],overlays:[new w({element:t,autoPan:{animation:{duration:250}},id:Z})]});this.mapInstance.on("moveend",A((()=>{this.getMapExtentAndZoom()}),500));this.setVectorLayers();this.addSelectInteraction();if(this.handleSetMapComponent){this.handleSetMapComponent(this.mapInstance)}};this.setVectorLayers=()=>{let t=b(this.data,this.isGeoJsonFormat,this.geoJsonMappingConfig,this.filterPanel,this.filterPanelCallback);this.mapFeatures=g(t,this.crs,this.definedProjection,this.mapProjection,this.mapDataProjection,this.getFilteredMapData);let i=this.getVisibleLayersOnLoad(this.layerOptions);this.addVectorLayersToMap(this.mapFeatures,i);this.updateIntialSelectedLayersVisibility()};this.clearVectorLayers=()=>{var t,i,s;const e=(s=(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getLayers())===null||i===void 0?void 0:i.getArray())!==null&&s!==void 0?s:[];e.forEach((t=>{if(t instanceof l&&t.get("id")!==V){this.mapInstance.removeLayer(t)}}))};this.registerProjection=t=>{if((t===null||t===void 0?void 0:t.length)>0){f.defs(t);u(f);return true}return false};this.filterLayerOptions=()=>{let t=this.filterLayersByRole?O(this.user,this.layerRoles,this.layerOptions):this.layerOptions;this.handleSetFilteredLayerOptionsByRole(t)};this.addVectorLayersToMap=(t,i)=>{var s;if(t&&this.mapInstance){if(this.getVectorLayerSources){(s=this.getVectorLayerSources(i,t))===null||s===void 0?void 0:s.forEach((t=>{var i;const s=new a({features:(i=t===null||t===void 0?void 0:t.features)!==null&&i!==void 0?i:[]});const e=new l({source:s,properties:{value:t===null||t===void 0?void 0:t.layer},style:this.getFeatureStyles});this.mapInstance.addLayer(e)}))}else{for(let s of i){const i=t===null||t===void 0?void 0:t.filter((t=>{const i=t.getProperties();if(this.getFeatureStyles){let i=this.getFeatureStyles(t);if(S(i)){t.setStyle(i)}}const e=M(this.layerKeys,this.layerKeySeparator,i);return s===e}));const e=new a({features:i});const h=new l({source:e,properties:{value:s}});this.mapInstance.addLayer(h)}}}};this.getVisibleLayersOnLoad=t=>{const i=this.filterLayersByRole?O(this.user,this.layerRoles,t):t;const s=F(i);return s};this.updateLayerVisibility=(t,i=false)=>{var s,e;let h=i?o:l;(e=(s=this.mapInstance)===null||s===void 0?void 0:s.getLayers())===null||e===void 0?void 0:e.forEach((i=>{if(i instanceof h){t.includes(i.get("value"))||i.get("id")===V?i.setVisible(true):i.setVisible(false)}}))};this.insertFeatureStyles=()=>{if(this.getFeatureStyles){this.mapInstance.getLayers().forEach((t=>{if(t instanceof l){let i=t.getSource();i.getFeatures().forEach((t=>{let i=this.getFeatureStyles(t);if(S(i)){t.setStyle(i)}}))}}))}};this.addSelectInteraction=()=>{I(this.splitActive,this.handleSetCurrentSelectedFeature,this.handleSetSelectedFeatureProperties,this.handleOnCloseFeaturePopover,this.handleSetSelectedFeatureOnSelect,this.showPopper,this.getSelectedFeatureStyles,this.handleAddInteraction,this.enableDragBox,this.handleUpdateSelectInteraction,this.handleGetAdditionalFeaturePropertiesOnSelect)};this.handleUpdateSelectInteraction=t=>{this.selectInteraction=t};this.handleSetCurrentSelectedFeature=t=>{this.currentSelectedFeature=t};this.handleSetShowPopOver=t=>{this.showPopOver=t};this.showPopper=t=>{if(!this.enableDragBox&&!this.enableAddNewFeature&&!this.splitActive&&t){const i=this.mapInstance.getOverlayById(Z);if(i){if(t.getGeometry()instanceof L){i.setPosition(t.getGeometry().getCoordinates())}else if(t.getGeometry()instanceof C){i.setPosition(t.getGeometry().getCoordinates()[0])}else if(t.getGeometry()instanceof j){i.setPosition(t.getGeometry().getCoordinates()[0][0])}}this.showPopOver=true}};this.handleOnCloseFeaturePopover=t=>{if(this.additionalOnclosePopover){this.additionalOnclosePopover(t)}if(this.setSelectedFeatureIdExternal){this.setSelectedFeatureIdExternal(null)}this.showPopOver=false};this.handleAddInteraction=t=>{this.mapInstance.addInteraction(t)};this.handleShowMarkerFromExternal=t=>{var i,s;if(t&&this.mapFeatures&&this.selectInteraction){const e=(i=this.mapFeatures)===null||i===void 0?void 0:i.find((i=>(i===null||i===void 0?void 0:i.getId())===t));const h=e===null||e===void 0?void 0:e.getProperties();if(e){this.handleSetSelectedFeatureProperties(e);const t=M(this.layerKeys,this.layerKeySeparator,h);const i=F(this.filteredLayerOptionsByRole);if(!((s=this.selectedLayers)===null||s===void 0?void 0:s.includes(t))&&(i===null||i===void 0?void 0:i.includes(t))&&this.handleSetSelectedLayers){const i=[...this.selectedLayers,t];this.handleSetSelectedLayers(i);this.updateLayerVisibility(i)}const o=this.selectInteraction.getFeatures();const n=o.getArray().slice();o.clear();o.push(e);this.selectInteraction.dispatchEvent({type:"select",selected:[e],deselected:n,mapBrowserEvent:null})}}}}componentDidLoad(){requestAnimationFrame((()=>{this.popoverContainer=this.el.shadowRoot.querySelector("#featureDetailsPopOverContainer");const t=this.el.shadowRoot.querySelector("#map");if(this.popoverContainer&&t){this.initializeMap(this.popoverContainer,t)}}))}reinitializeMap(){this.clearVectorLayers();this.setVectorLayers()}resetPopover(){this.showPopOver=false}updateProjection(){if(this.crs){this.definedProjection=this.registerProjection(this.crs)}}updateFilteredLayerOptions(){this.filterLayerOptions()}handleSelectFeatureOnMap(){var t;if(this.selectedFeatureIdExternal&&((t=this.selectInteraction)===null||t===void 0?void 0:t.getActive())){this.handleShowMarkerFromExternal(this.selectedFeatureIdExternal)}else if(this.selectedFeatureIdExternal&&this.setSelectedFeatureIdExternal){this.setSelectedFeatureIdExternal(null)}}updateReadOnlyLayers(){var t;if(this.selectedFeatureProperties){const i=M(this.layerKeys,this.layerKeySeparator,this.selectedFeatureProperties);this.isReadOnlyFeature=(t=this.readOnlyLayers)===null||t===void 0?void 0:t.includes(i)}}handleUpdateInitialSelectedLayersVisibility(){this.updateIntialSelectedLayersVisibility()}updateMapView(){if(this.mapInstance){const t=this.mapInstance.getView().getCenter();const i=this.mapInstance.getView().getZoom();this.mapInstance.setView(new h({center:t,zoom:i,projection:this.mapProjection}))}}updateMapCenter(){var t;if(this.mapInstance&&this.mapCenter){(t=this.mapInstance.getView())===null||t===void 0?void 0:t.setCenter(this.mapCenter)}}updateFeatureStyles(){if(this.mapInstance){this.insertFeatureStyles()}}updateMinZoom(){var t,i;if(this.mapInstance&&this.minZoom){(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getView())===null||i===void 0?void 0:i.setMinZoom(this.minZoom)}}updateMaxZoom(){var t,i;if(this.mapInstance&&this.maxZoom){(i=(t=this.mapInstance)===null||t===void 0?void 0:t.getView())===null||i===void 0?void 0:i.setMaxZoom(this.maxZoom)}}getMapExtentAndZoom(){if(this.handleGetZoomExtent){const t=this.mapInstance.getView().calculateExtent(this.mapInstance.getSize());const i=this.mapInstance.getView().getZoom();this.handleGetZoomExtent(i,t)}}updateIntialSelectedLayersVisibility(){let t=P(this.filteredLayerOptionsByRole,this.initialSelectedLayers);this.updateLayerVisibility(t);if(this.handleSetSelectedLayers){this.handleSetSelectedLayers(t)}}render(){return i("div",{key:"4da470f45f464712072bf297c96590f0601e225f"},i("div",{key:"a050bca5e4fcf0c2967864c082ef519593b7209c",id:"map",style:{height:this.mapHeight,width:"100%",overflow:"hidden"}},i("slot",{key:"6db17e7e020d91f8d478a8a4d450413f277b0fc0"})),i("div",{key:"2a04f480f147f184e94092e8d1a1cf8cc1987a3f",id:"featureDetailsPopOverContainer"},i("feature-details-popup",{key:"04cae4da21ee9b095f8ff42a5671ba0296097e6b",currentSelectedFeature:this.currentSelectedFeature,data:this.selectedFeatureProperties,coordinates:this.selectedFeatureCoordinates,enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,showPopOver:this.showPopOver,isReadOnly:this.isReadOnlyFeature,additionalOnclosePopover:this.handleOnCloseFeaturePopover,primaryActions:this.popoverPrimaryActions,moreIconActions:this.popoverMoreIconButtonActions,getMessage:this.getMessagePopover,getMessageIcon:this.getMessageIconPopover,hideMessageIcon:this.hideMessageIconPopover,cardConfig:this.popoverCardConfig,popoverWidth:this.popoverWidth,popoverContainer:this.popoverContainer})))}get el(){return s(this)}static get watchers(){return{data:["reinitializeMap","resetPopover"],layerOptions:["reinitializeMap","updateFilteredLayerOptions"],mapDataProjection:["reinitializeMap"],mapProjection:["reinitializeMap","updateMapView"],crs:["updateProjection"],layerRoles:["updateFilteredLayerOptions"],user:["updateFilteredLayerOptions"],selectedFeatureIdExternal:["handleSelectFeatureOnMap"],readOnlyLayers:["updateReadOnlyLayers"],selectedFeatureProperties:["updateReadOnlyLayers"],initialSelectedLayers:["handleUpdateInitialSelectedLayersVisibility"],mapCenter:["updateMapCenter"],getMapStyles:["updateFeatureStyles"],minZoom:["updateMinZoom"],maxZoom:["updateMaxZoom"]}}};U.style=W;const _=":host{display:block}.zoomControl{left:'auto';right:'20';top:'20'}.iconButtonWrapper{padding:var(--spacing-04)}#featureDetailsPopOverContainer{position:absolute;z-index:1000}.hidden-controls .ol-zoom,.hidden-controls .ol-attribution{display:none}.ol-control{width:fit-content !important}";const q=class{constructor(i){t(this,i);this.mapTitle="";this.mapProjection="";this.filterPanel="";this.enableTileSelection=true;this.tileLayersOptions=[];this.defaultTileOptionName="";this.layerOptions=[];this.bulkSelectedFeaturesActionPanel="";this.refreshButtonTooltip="";this.readOnlyMap=false;this.enableAdd=true;this.addMultipleFeatures=true;this.enableSplitFeature=true;this.filteredLayerOptionsByRole=[];this.enableDragBox=false;this.splitActive=false;this.enableAddNewFeature=false;this.readOnlyLayers=[];this.selectedTile={label:"Open Street Map",value:"Open Street Map"};this.selectedBulkSelectionType="box";this.selectedFeatureByBoxSelection=[];this.tileSelectOptions=[{label:"Open Street Map",value:"Open Street Map"}];this.newFeatureObjectsAdded=[];this.showSplitButton=false;this.setEnableDragBox=t=>{this.handleSetEnableDragBox(t)};this.setBulkSelectonActive=t=>{this.handleSetBulkSelectionActive(t)};this.getTileLayerOptions=()=>{this.tileSelectOptions=this.tileLayersOptions.map((t=>({label:t===null||t===void 0?void 0:t.name,value:t===null||t===void 0?void 0:t.name})));this.selectedTile=this.tileSelectOptions.filter((t=>t.value===this.defaultTileOptionName))[0]};this.handleSelectTile=t=>{var i;if(!t)return;this.selectedTile=t;if(this.enableTileSelection&&((i=this.tileLayersOptions)===null||i===void 0?void 0:i.length)>0){const i=this.tileLayersOptions.find((i=>(i===null||i===void 0?void 0:i.name)===t));if(!i)return;const s=this.map.getLayers().getArray().filter((t=>t.get("isBaseTile")));s.forEach((t=>{this.map.removeLayer(t)}));const e=new o({source:i.source,visible:true,zIndex:0,properties:{value:i.name,isBaseTile:true}});this.map.getLayers().insertAt(0,e)}};this.handleSelectLayers=t=>{if(this.handleSetSelectedLayers){this.handleSetSelectedLayers(t)}this.updateLayerVisibility(t);if(this.handleSelectLayersCallback){this.handleSelectLayersCallback(t)}};this.updateLayerVisibility=(t,i=false)=>{var s,e;let h=i?o:l;(e=(s=this.map)===null||s===void 0?void 0:s.getLayers())===null||e===void 0?void 0:e.forEach((i=>{if(i instanceof h){t.includes(i.get("value"))||i.get("id")===V?i.setVisible(true):i.setVisible(false)}}))};this.bulkSelectDraw=(t,i)=>{N(this.map,t,i,this.setBulkSelectonActive,this.setEnableDragBox,this.handleSetSelectedFeatureProperties,this.clearSelectFeatureInteraction,this.currentBulkSelectDrawInteraction,this.handleSetCurrentBulkSelectDrawInteraction,this.handleRemoveInteraction,this.handleAddInteraction,this.selectedFeatureByBoxSelection,this.handleSetSelectedFeatureByBoxSelection,this.handleSetSelectedBulkSelectionType,this.getSelectedFeatureStyles,this.handleSetSelectedFeaturesOnBulkSelect)};this.clearSelectFeatureInteraction=()=>{if(this.selectFeatureInteraction){this.selectFeatureInteraction.getFeatures().clear();this.selectFeatureInteraction.setActive(false)}};this.handleSetCurrentBulkSelectDrawInteraction=t=>{this.currentBulkSelectDrawInteraction=t};this.handleSetSelectedFeatureByBoxSelection=t=>{this.selectedFeatureByBoxSelection=t};this.handleSetSelectedBulkSelectionType=t=>{this.selectedBulkSelectionType=t};this.handleCancelBulkSelectDraw=()=>{this.setBulkSelectonActive(false);this.setEnableDragBox(false);this.currentBulkSelectDrawInteraction.setActive(false);this.map.removeInteraction(this.currentBulkSelectDrawInteraction)};this.handleBulkUnselectFeatures=()=>{if(this.selectedFeatureByBoxSelection.length>0&&this.getFeatureStyles){this.selectedFeatureByBoxSelection.forEach((t=>{let i=this.getFeatureStyles(t);if(S(i)){t.setStyle(i)}}))}this.setEnableDragBox(false);this.setBulkSelectonActive(false);this.selectedFeatureByBoxSelection=[];if(this.handleSetSelectedFeaturesOnBulkSelect){this.handleSetSelectedFeaturesOnBulkSelect([])}};this.startDrawingMapFeature=(t,i="Point")=>{R(this.map,t,i,this.handleRemoveInteraction,this.currentAddFeatureDrawInteraction,this.handleSetCurrentInteraction,this.handleGetFeatureObject,this.handleEnableAddNewFeature,this.handleSetSelectedFeatureProperties,this.handleAddInteraction,this.addMultipleFeatures,this.addNewFeature)};this.handleGetFeatureObject=t=>{this.newFeatureObjectsAdded=[...this.newFeatureObjectsAdded,...[t]]};this.handleAddInteraction=t=>{this.map.addInteraction(t)};this.handleRemoveInteraction=t=>{this.map.removeInteraction(t);this.currentAddFeatureDrawInteraction=null};this.handleSetCurrentInteraction=t=>{this.currentAddFeatureDrawInteraction=t};this.cancelAddNewFeature=()=>{this.handleEnableAddNewFeature(false);this.map.removeInteraction(this.currentAddFeatureDrawInteraction)};this.addNewFeature=()=>{this.handleEnableAddNewFeature(false);this.map.removeInteraction(this.currentAddFeatureDrawInteraction);if(this.handleAddNewFeatures){this.handleAddNewFeatures(this.newFeatureObjectsAdded)}};this.handleStartSplitting=t=>{this.handleSetSplit(true);this.splitActive=true;E(this.map,t,this.currentSplitInteraction,this.handleSetCurrentSplitInteraction,this.handleSetSplit,this.handleRemoveInteraction,this.handleAddInteraction,this.handleRetrieveSplitFeature)};this.handleSetSplit=t=>{this.handleSetSplitActive(t);this.showSplitButton=t};this.handleRetrieveSplitFeature=t=>{this.splitFeatureDetails=t};this.handleSetCurrentSplitInteraction=t=>{this.currentSplitInteraction=t};this.handleCancelSplit=()=>{this.handleSetSplit(false);this.splitActive=false;this.handleRemoveInteraction(this.currentSplitInteraction);this.currentSplitInteraction=null};this.handleSaveSplit=()=>{this.handleSetSplit(false);this.handleRemoveInteraction(this.currentSplitInteraction);this.currentSplitInteraction=null;this.handleSplitFeature(this.splitFeatureDetails)}}componentWillLoad(){var t;if(this.tileLayersOptions&&((t=this.tileLayersOptions)===null||t===void 0?void 0:t.length)>0){this.getTileLayerOptions()}}updateTileSelectOptions(){var t;if(this.tileLayersOptions&&((t=this.tileLayersOptions)===null||t===void 0?void 0:t.length)>0){this.getTileLayerOptions()}}render(){return i("map-toolbar",{key:"04c81b92186cd20eac7a8fdd4663f2656837cd5e",map:this.map,mapTitle:this.mapTitle,layerOptions:this.layerOptions,handleSelectLayers:this.handleSelectLayers,visibleLayers:this.selectedLayers,tileOptions:this.tileSelectOptions,handleSelectTile:this.handleSelectTile,selectedTile:this.selectedTile,enableTileSelection:this.enableTileSelection,filterPanel:this.filterPanel,enableDragBox:this.enableDragBox,selectedFeatureByBoxSelection:this.selectedFeatureByBoxSelection,handleUnselectFeatures:this.handleBulkUnselectFeatures,selectedFeaturesActionPanel:this.bulkSelectedFeaturesActionPanel,handleCancelBoxSelection:this.handleCancelBulkSelectDraw,handleBulkSelectionTypeOnChange:this.bulkSelectDraw,mapProjection:this.mapProjection,refreshEvent:this.handleRefresh,refreshButtonTooltip:this.refreshButtonTooltip,enableAddNewFeature:this.enableAddNewFeature,handleStartDrawingMapFeature:this.startDrawingMapFeature,cancelAddNewFeature:this.cancelAddNewFeature,addNewFeature:this.addNewFeature,enableSplit:this.enableSplitFeature,handleStartSplitting:this.handleStartSplitting,handleCancelSplit:this.handleCancelSplit,handleSaveSplit:this.handleSaveSplit,readOnlyMap:this.readOnlyMap,enableAdd:this.enableAdd,addMultipleFeatures:this.addMultipleFeatures,showSplitButton:this.showSplitButton,readOnlyLayers:this.readOnlyLayers,addFeaturePanelConfig:this.addFeaturePanelConfig})}get el(){return s(this)}static get watchers(){return{tileLayersOptions:["updateTileSelectOptions"]}}};q.style=_;export{U as map_component,q as udp_map_toolbar};
|
|
2
2
|
//# sourceMappingURL=map-component_2.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as t,c as i,h as e,H as p,a as n}from"./index-DsqSxziV.js";const r=':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}';const o=class{constructor(e){t(this,e);this.change=i(this,"change");this.error="";this.size="normal";this.margin="normal";this.internalValue="";this.onInput=t=>{const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}};this.onChange=t=>{const i=t.target.value;this.change.emit(i)};this.onFocus=()=>{};this.onBlur=()=>{}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""||this.internalValue===undefined||this.value===undefined){if(t!==undefined){this.internalValue=t}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value}}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.error){this.errorMessage=this.error}}render(){const t=!!this.errorMessage;const i={"bx--text-input":true,"bx--text-input--error":t,"text-field--disabled":this.disabled};return e(p,{key:"9360c33f329089e826a024dbb9fc5428953657a4",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--hidden":this.hidden,"udp-input--required":this.required,"udp-input--readonly":this.readonly,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"a546669bf6e7ea1e92f68be40c7d5d08becc0c53",class:"bx--form-item"},e("unity-typography",{key:"dd1dae528f12cc9d1f84bed1b189af031398f160",variant:"caption-text"},e("label",{key:"c747bbd8c5cec2b8792076d1cfcb564ad3e37907",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),this.hidden?e("input",{id:this.id,type:"hidden",value:this.internalValue,name:this.name}):e("input",{id:this.id,name:this.name,type:"number",class:Object.assign({},i),placeholder:this.placeholder,value:this.internalValue,required:this.required,disabled:this.disabled,readOnly:this.readonly,onFocus:this.onFocus,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,inputMode:this.inputMode,min:this.min,max:this.max,step:this.step,udprecordid:"udpRecord-number-field-"+this.id}),t&&e("div",{key:"32d8f5447f2f14da09f683ac40784d2b921a5105",class:"error-message"},e("unity-typography",{key:"4f818ca155926a1d88018853d738bbc090060773",variant:"caption-text",color:"error"},this.errorMessage))))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};o.style=r;const s=':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}';const u=class{constructor(e){t(this,e);this.change=i(this,"change");this.errorEvent=i(this,"error");this.size="normal";this.margin="normal";this.readonly=false;this.onInput=t=>{if(this.readonly){const i=t.target;i.value=this.internalValue;return}const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}if(this.errorMessage){const t=this.validateCharacterLength(i);if(t!==this.errorMessage){this.setAndDispatchError(t)}}this.adjustTextAreaHeight()};this.onChange=t=>{if(this.readonly){return}const i=t.target.value;const e=this.validateCharacterLength(i);if(e){this.setAndDispatchError(e)}else{this.setAndDispatchError("")}this.change.emit(i)}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""||this.internalValue===undefined||this.value===undefined){if(t!==undefined){this.internalValue=t;Promise.resolve().then((()=>this.adjustTextAreaHeight()))}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value;Promise.resolve().then((()=>this.adjustTextAreaHeight()))}}validateCharacterLength(t){if(!t)return"";const i=t.length;if(this.minCharacter&&i<this.minCharacter){return`Must be at least ${this.minCharacter} characters`}if(this.maxCharacter&&i>this.maxCharacter){return`Must be no more than ${this.maxCharacter} characters`}return""}setAndDispatchError(t){console.log("Setting text area error:",t);this.errorMessage=t;this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(i)}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.error){this.errorMessage=this.error}let t=this.rows;const i=this.minRows===undefined?1:this.minRows;if(t===undefined){t=i}t=Math.max(i,t);if(this.maxRows!==undefined){t=Math.min(this.maxRows,t)}this.internalRows=t;if(this.internalValue){const t=this.validateCharacterLength(this.internalValue);if(t){this.setAndDispatchError(t)}}}componentDidLoad(){this.adjustTextAreaHeight()}adjustTextAreaHeight(){if(!this.textareaEl){return}const t=this.minRows===undefined?1:this.minRows;const i=this.maxRows===undefined?Number.MAX_SAFE_INTEGER:this.maxRows;const e=this.textareaEl.scrollTop;this.textareaEl.style.overflowY="hidden";this.textareaEl.style.height="auto";this.textareaEl.rows=t;let p=t;while(this.textareaEl.scrollHeight>this.textareaEl.clientHeight&&p<i){p++;this.textareaEl.rows=p}if(p<i||i===Number.MAX_SAFE_INTEGER){while(p>t){this.textareaEl.rows=p-1;if(this.textareaEl.scrollHeight>this.textareaEl.clientHeight){this.textareaEl.rows=p;break}p--}}let n=Math.max(t,Math.min(p,i));this.textareaEl.style.height="";this.textareaEl.style.overflowY="";this.textareaEl.rows=n;if(this.internalRows!==n){this.internalRows=n}Promise.resolve().then((()=>{if(this.textareaEl)this.textareaEl.scrollTop=e}))}render(){const{disabled:t,id:i,internalValue:n,label:r,placeholder:o,required:s,readonly:u,errorMessage:a,fullWidth:d,internalRows:l}=this;return e(p,{key:"01b060cb795ba1c1320bbf5e640faac9305ed4df",class:{"udp-input":true,"udp-input--error":!!a,"udp-input--disabled":t,"udp-input--readonly":u,"udp-input--full-width":d,"udp-input--required":s,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true}},e("div",{key:"04570e8c58353f38268ffca8df06f954250de3e2",class:"bx--form-item"},e("unity-typography",{key:"105b1e743be4c0b4fce9b27aaa7b354cbd975e66",variant:"caption-text"},e("label",{key:"7b46e00e85ee85afea05f1c1ca47e227e4703efc",htmlFor:i,class:"bx--label"},r,s?"*":"")),e("textarea",{key:"2ef3dac25799642b9ad5f66abb4a87010347f76d",ref:t=>this.textareaEl=t,id:i,class:{"bx--text-input":true,"bx--text-input--error":!!a,"text-area--disabled":t},placeholder:o,value:n,required:s,disabled:t,readonly:u,maxLength:this.maxCharacter,rows:l,onInput:this.onInput,onChange:this.onChange},n),a&&e("div",{key:"5f222207af8d38edc8509650b6818bb913bef069",class:"error-message"},e("unity-typography",{key:"32561b17fa58cc1632a7dd578a1795438474d89f",variant:"caption-text",color:"error"},a))))}get el(){return n(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};u.style=s;const a=':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(.full-width-host){width:100%}';const d=class{constructor(e){t(this,e);this.change=i(this,"change");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleDateChange=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}this.change.emit(e)}}componentWillLoad(){this.internalValue=this.value||this.initialValue||"";this.errorMessage=this.error}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(t!==undefined){this.internalValue=t}}valueChanged(t){if(t!==undefined){this.internalValue=t}}handleBlur(){}handleFocus(){}formatDateForHtml(t){var i;const e=new Date(t);if(isNaN(e===null||e===void 0?void 0:e.getTime()))return null;e===null||e===void 0?void 0:e.setTime((e===null||e===void 0?void 0:e.getTime())-(e===null||e===void 0?void 0:e.getTimezoneOffset())*60*1e3);const p=e===null||e===void 0?void 0:e.toISOString();if(!p)return null;return(i=p===null||p===void 0?void 0:p.split)===null||i===void 0?void 0:i.call(p,"T")[0]}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("date-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"9edbe6a132cbecabfea080c71930e2477873dd91",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"a5bf7a47b784bef02ca873afc691b7d03f8dfd13",class:"bx--form-item"},e("unity-typography",{key:"2d4f3a8e6971b074e6eca1788ff2ab9310ee5a74",variant:"caption-text"},e("label",{key:"3acbd7d9c29a59d56e3e31c4e646f723858cecdc",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"22a924af3868e9624679f5a303cdd09ea1addf2c",type:"date",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min?this.formatDateForHtml(this.min):null,max:this.max?this.formatDateForHtml(this.max):null,onInput:this.handleDateChange,onChange:this.handleDateChange,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-date-selector-"+this.id}),e("unity-typography",{key:"0b542429910e6f1fa5c5aa2ae9db1e6e0a13603a",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};d.style=a;const l=':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(.full-width-host){width:100%}';const h=class{constructor(e){t(this,e);this.change=i(this,"change");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleDateChange=t=>{const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}this.change.emit(i)};this.handleBlur=()=>{};this.handleFocus=()=>{}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""||this.internalValue===undefined||this.value===undefined){if(t!==undefined){this.internalValue=t}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value}}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.error){this.errorMessage=this.error}}formatDateForHtml(t){var i;const e=new Date(t);if(isNaN((i=new Date(e))===null||i===void 0?void 0:i.getTime()))return null;e===null||e===void 0?void 0:e.setTime((e===null||e===void 0?void 0:e.getTime())-(e===null||e===void 0?void 0:e.getTimezoneOffset())*60*1e3);const p=e===null||e===void 0?void 0:e.toISOString();if(!p)return null;const n=p.split(":");return`${n[0]}:${n[1]}`}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("datetime-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"03dc3a30955b984622c94a3457ac182e09b70d5b",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"faf64e8afed26baf9d6520abffa33fa3d02ff8ce",class:"bx--form-item"},e("unity-typography",{key:"1d6ae7b0b37c3d765a2fd82547693459525e37c7",variant:"caption-text"},e("label",{key:"f037be2134b9694261405175cdd3a5da8f782897",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"44f7935c6125d02971ab9fef142fddf0ed42d423",type:"datetime-local",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min?this.formatDateForHtml(this.min):null,max:this.max?this.formatDateForHtml(this.max):null,onInput:this.handleDateChange,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-datetime-selector-"+this.id}),e("unity-typography",{key:"1adacdb6e4bb8dd6faa9b061866bf7f74970d05d",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};h.style=l;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}';const b=class{constructor(e){t(this,e);this.change=i(this,"change");this.input=i(this,"input");this.errorEvent=i(this,"error");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleInvalid=t=>{const i=t.target;const e=i.validationMessage;this.setAndDispatchError(e)};this.handleValid=t=>{const i=t.target;const e=this.validateTime(i.value);if(e){this.setAndDispatchError(e)}else if(i.validity.valid){this.setAndDispatchError("")}};this.handleTimeInput=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}if(this.errorMessage){const t=this.validateTime(e);if(t!==this.errorMessage){this.setAndDispatchError(t)}}this.input.emit(e)};this.handleTimeChange=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}const p=this.validateTime(e);if(p){this.setAndDispatchError(p)}else{this.setAndDispatchError("")}this.change.emit(e)}}componentWillLoad(){this.internalValue=this.value||this.initialValue||"";this.errorMessage=this.error}updateError(){console.log("Error prop changed:",this.error);this.errorMessage=this.error}initialValueChanged(t){if(t!==undefined){this.internalValue=t;const i=this.validateTime(t);if(i)this.setAndDispatchError(i)}}valueChanged(t){if(t!==undefined){this.internalValue=t}}handleBlur(){}handleFocus(){}validateTime(t){if(!t)return"";const i=t=>{const[i,e]=t.split(":").map(Number);return i*60+e};const e=i(t);if(this.min){const t=i(this.min);if(e<t){return`Time must be after ${this.min}`}}if(this.max){const t=i(this.max);if(e>t){return`Time must be before ${this.max}`}}return""}setAndDispatchError(t){console.log("Setting error:",t);this.errorMessage=t;this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(i)}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("time-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"bb2f53940548506b2967b68fe6c5b1e73430af55",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"15b2fe88d041385bf7035ecca64d7769bdeb843b",class:"bx--form-item"},e("unity-typography",{key:"0566f681872070de620318de7d21f96accab4cd6",variant:"caption-text"},e("label",{key:"72940ec01c5d54230d58e5095b69988803d002c7",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"4cf4cd9acd57d8d5144e0e2b61362befce824b25",type:"time",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min,max:this.max,onInput:this.handleTimeInput,onChange:this.handleTimeChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onInvalid:this.handleInvalid,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-time-selector-"+this.id}),e("unity-typography",{key:"cc2818ea8716991e0f891315dfed07daa5ed5fd2",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}get el(){return n(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};b.style=c;export{o as numeric_field,u as text_area,d as udp_date_selector,h as udp_datetime_selector,b as udp_time_selector};
|
|
1
|
+
import{r as t,c as i,h as e,H as p,a as n}from"./index-n-1ZSeAs.js";const r=':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}';const o=class{constructor(e){t(this,e);this.change=i(this,"change");this.error="";this.size="normal";this.margin="normal";this.internalValue="";this.onInput=t=>{const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}};this.onChange=t=>{const i=t.target.value;this.change.emit(i)};this.onFocus=()=>{};this.onBlur=()=>{}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""||this.internalValue===undefined||this.value===undefined){if(t!==undefined){this.internalValue=t}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value}}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.error){this.errorMessage=this.error}}render(){const t=!!this.errorMessage;const i={"bx--text-input":true,"bx--text-input--error":t,"text-field--disabled":this.disabled};return e(p,{key:"9360c33f329089e826a024dbb9fc5428953657a4",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--hidden":this.hidden,"udp-input--required":this.required,"udp-input--readonly":this.readonly,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"a546669bf6e7ea1e92f68be40c7d5d08becc0c53",class:"bx--form-item"},e("unity-typography",{key:"dd1dae528f12cc9d1f84bed1b189af031398f160",variant:"caption-text"},e("label",{key:"c747bbd8c5cec2b8792076d1cfcb564ad3e37907",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),this.hidden?e("input",{id:this.id,type:"hidden",value:this.internalValue,name:this.name}):e("input",{id:this.id,name:this.name,type:"number",class:Object.assign({},i),placeholder:this.placeholder,value:this.internalValue,required:this.required,disabled:this.disabled,readOnly:this.readonly,onFocus:this.onFocus,onInput:this.onInput,onChange:this.onChange,onBlur:this.onBlur,inputMode:this.inputMode,min:this.min,max:this.max,step:this.step,udprecordid:"udpRecord-number-field-"+this.id}),t&&e("div",{key:"32d8f5447f2f14da09f683ac40784d2b921a5105",class:"error-message"},e("unity-typography",{key:"4f818ca155926a1d88018853d738bbc090060773",variant:"caption-text",color:"error"},this.errorMessage))))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};o.style=r;const s=':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}';const u=class{constructor(e){t(this,e);this.change=i(this,"change");this.errorEvent=i(this,"error");this.size="normal";this.margin="normal";this.readonly=false;this.onInput=t=>{if(this.readonly){const i=t.target;i.value=this.internalValue;return}const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}if(this.errorMessage){const t=this.validateCharacterLength(i);if(t!==this.errorMessage){this.setAndDispatchError(t)}}this.adjustTextAreaHeight()};this.onChange=t=>{if(this.readonly){return}const i=t.target.value;const e=this.validateCharacterLength(i);if(e){this.setAndDispatchError(e)}else{this.setAndDispatchError("")}this.change.emit(i)}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""||this.internalValue===undefined||this.value===undefined){if(t!==undefined){this.internalValue=t;Promise.resolve().then((()=>this.adjustTextAreaHeight()))}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value;Promise.resolve().then((()=>this.adjustTextAreaHeight()))}}validateCharacterLength(t){if(!t)return"";const i=t.length;if(this.minCharacter&&i<this.minCharacter){return`Must be at least ${this.minCharacter} characters`}if(this.maxCharacter&&i>this.maxCharacter){return`Must be no more than ${this.maxCharacter} characters`}return""}setAndDispatchError(t){console.log("Setting text area error:",t);this.errorMessage=t;this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(i)}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.error){this.errorMessage=this.error}let t=this.rows;const i=this.minRows===undefined?1:this.minRows;if(t===undefined){t=i}t=Math.max(i,t);if(this.maxRows!==undefined){t=Math.min(this.maxRows,t)}this.internalRows=t;if(this.internalValue){const t=this.validateCharacterLength(this.internalValue);if(t){this.setAndDispatchError(t)}}}componentDidLoad(){this.adjustTextAreaHeight()}adjustTextAreaHeight(){if(!this.textareaEl){return}const t=this.minRows===undefined?1:this.minRows;const i=this.maxRows===undefined?Number.MAX_SAFE_INTEGER:this.maxRows;const e=this.textareaEl.scrollTop;this.textareaEl.style.overflowY="hidden";this.textareaEl.style.height="auto";this.textareaEl.rows=t;let p=t;while(this.textareaEl.scrollHeight>this.textareaEl.clientHeight&&p<i){p++;this.textareaEl.rows=p}if(p<i||i===Number.MAX_SAFE_INTEGER){while(p>t){this.textareaEl.rows=p-1;if(this.textareaEl.scrollHeight>this.textareaEl.clientHeight){this.textareaEl.rows=p;break}p--}}let n=Math.max(t,Math.min(p,i));this.textareaEl.style.height="";this.textareaEl.style.overflowY="";this.textareaEl.rows=n;if(this.internalRows!==n){this.internalRows=n}Promise.resolve().then((()=>{if(this.textareaEl)this.textareaEl.scrollTop=e}))}render(){const{disabled:t,id:i,internalValue:n,label:r,placeholder:o,required:s,readonly:u,errorMessage:a,fullWidth:d,internalRows:l}=this;return e(p,{key:"01b060cb795ba1c1320bbf5e640faac9305ed4df",class:{"udp-input":true,"udp-input--error":!!a,"udp-input--disabled":t,"udp-input--readonly":u,"udp-input--full-width":d,"udp-input--required":s,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true}},e("div",{key:"04570e8c58353f38268ffca8df06f954250de3e2",class:"bx--form-item"},e("unity-typography",{key:"105b1e743be4c0b4fce9b27aaa7b354cbd975e66",variant:"caption-text"},e("label",{key:"7b46e00e85ee85afea05f1c1ca47e227e4703efc",htmlFor:i,class:"bx--label"},r,s?"*":"")),e("textarea",{key:"2ef3dac25799642b9ad5f66abb4a87010347f76d",ref:t=>this.textareaEl=t,id:i,class:{"bx--text-input":true,"bx--text-input--error":!!a,"text-area--disabled":t},placeholder:o,value:n,required:s,disabled:t,readonly:u,maxLength:this.maxCharacter,rows:l,onInput:this.onInput,onChange:this.onChange},n),a&&e("div",{key:"5f222207af8d38edc8509650b6818bb913bef069",class:"error-message"},e("unity-typography",{key:"32561b17fa58cc1632a7dd578a1795438474d89f",variant:"caption-text",color:"error"},a))))}get el(){return n(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};u.style=s;const a=':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(.full-width-host){width:100%}';const d=class{constructor(e){t(this,e);this.change=i(this,"change");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleDateChange=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}this.change.emit(e)}}componentWillLoad(){this.internalValue=this.value||this.initialValue||"";this.errorMessage=this.error}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(t!==undefined){this.internalValue=t}}valueChanged(t){if(t!==undefined){this.internalValue=t}}handleBlur(){}handleFocus(){}formatDateForHtml(t){var i;const e=new Date(t);if(isNaN(e===null||e===void 0?void 0:e.getTime()))return null;e===null||e===void 0?void 0:e.setTime((e===null||e===void 0?void 0:e.getTime())-(e===null||e===void 0?void 0:e.getTimezoneOffset())*60*1e3);const p=e===null||e===void 0?void 0:e.toISOString();if(!p)return null;return(i=p===null||p===void 0?void 0:p.split)===null||i===void 0?void 0:i.call(p,"T")[0]}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("date-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"9edbe6a132cbecabfea080c71930e2477873dd91",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"a5bf7a47b784bef02ca873afc691b7d03f8dfd13",class:"bx--form-item"},e("unity-typography",{key:"2d4f3a8e6971b074e6eca1788ff2ab9310ee5a74",variant:"caption-text"},e("label",{key:"3acbd7d9c29a59d56e3e31c4e646f723858cecdc",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"22a924af3868e9624679f5a303cdd09ea1addf2c",type:"date",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min?this.formatDateForHtml(this.min):null,max:this.max?this.formatDateForHtml(this.max):null,onInput:this.handleDateChange,onChange:this.handleDateChange,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-date-selector-"+this.id}),e("unity-typography",{key:"0b542429910e6f1fa5c5aa2ae9db1e6e0a13603a",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};d.style=a;const l=':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(.full-width-host){width:100%}';const h=class{constructor(e){t(this,e);this.change=i(this,"change");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleDateChange=t=>{const i=t.target.value;this.internalValue=i;if(this.value!==undefined){this.value=i}this.change.emit(i)};this.handleBlur=()=>{};this.handleFocus=()=>{}}updateError(){this.errorMessage=this.error}initialValueChanged(t){if(this.internalValue===""||this.internalValue===undefined||this.value===undefined){if(t!==undefined){this.internalValue=t}}}valueChanged(){if(this.value!==undefined&&this.value!==this.internalValue){this.internalValue=this.value}}componentWillLoad(){this.internalValue=this.value!==undefined?this.value:this.initialValue||"";if(this.error){this.errorMessage=this.error}}formatDateForHtml(t){var i;const e=new Date(t);if(isNaN((i=new Date(e))===null||i===void 0?void 0:i.getTime()))return null;e===null||e===void 0?void 0:e.setTime((e===null||e===void 0?void 0:e.getTime())-(e===null||e===void 0?void 0:e.getTimezoneOffset())*60*1e3);const p=e===null||e===void 0?void 0:e.toISOString();if(!p)return null;const n=p.split(":");return`${n[0]}:${n[1]}`}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("datetime-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"03dc3a30955b984622c94a3457ac182e09b70d5b",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"faf64e8afed26baf9d6520abffa33fa3d02ff8ce",class:"bx--form-item"},e("unity-typography",{key:"1d6ae7b0b37c3d765a2fd82547693459525e37c7",variant:"caption-text"},e("label",{key:"f037be2134b9694261405175cdd3a5da8f782897",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"44f7935c6125d02971ab9fef142fddf0ed42d423",type:"datetime-local",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min?this.formatDateForHtml(this.min):null,max:this.max?this.formatDateForHtml(this.max):null,onInput:this.handleDateChange,onBlur:this.handleBlur,onFocus:this.handleFocus,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-datetime-selector-"+this.id}),e("unity-typography",{key:"1adacdb6e4bb8dd6faa9b061866bf7f74970d05d",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};h.style=l;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}';const b=class{constructor(e){t(this,e);this.change=i(this,"change");this.input=i(this,"input");this.errorEvent=i(this,"error");this.value="";this.readonly=false;this.fullWidth=false;this.size="normal";this.margin="normal";this.internalValue="";this.handleInvalid=t=>{const i=t.target;const e=i.validationMessage;this.setAndDispatchError(e)};this.handleValid=t=>{const i=t.target;const e=this.validateTime(i.value);if(e){this.setAndDispatchError(e)}else if(i.validity.valid){this.setAndDispatchError("")}};this.handleTimeInput=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}if(this.errorMessage){const t=this.validateTime(e);if(t!==this.errorMessage){this.setAndDispatchError(t)}}this.input.emit(e)};this.handleTimeChange=t=>{const i=t.target;const e=i.value;this.internalValue=e;if(this.value!==undefined){this.value=e}const p=this.validateTime(e);if(p){this.setAndDispatchError(p)}else{this.setAndDispatchError("")}this.change.emit(e)}}componentWillLoad(){this.internalValue=this.value||this.initialValue||"";this.errorMessage=this.error}updateError(){console.log("Error prop changed:",this.error);this.errorMessage=this.error}initialValueChanged(t){if(t!==undefined){this.internalValue=t;const i=this.validateTime(t);if(i)this.setAndDispatchError(i)}}valueChanged(t){if(t!==undefined){this.internalValue=t}}handleBlur(){}handleFocus(){}validateTime(t){if(!t)return"";const i=t=>{const[i,e]=t.split(":").map(Number);return i*60+e};const e=i(t);if(this.min){const t=i(this.min);if(e<t){return`Time must be after ${this.min}`}}if(this.max){const t=i(this.max);if(e>t){return`Time must be before ${this.max}`}}return""}setAndDispatchError(t){console.log("Setting error:",t);this.errorMessage=t;this.errorEvent.emit(t);const i=new CustomEvent("error",{detail:t,bubbles:true,composed:true});this.el.dispatchEvent(i)}render(){const t=!!this.errorMessage;const i=["bx--text-input"];if(t){i.push("bx--text-input--error")}if(this.disabled){i.push("time-selector--disabled")}if(this.fullWidth){i.push("bx--text-input--full-width")}const n=i.join(" ");return e(p,{key:"bb2f53940548506b2967b68fe6c5b1e73430af55",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,"udp-input--full-width":this.fullWidth,"udp-input--required":this.required,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true},"aria-invalid":t?"true":"false","aria-required":this.required?"true":"false"},e("div",{key:"15b2fe88d041385bf7035ecca64d7769bdeb843b",class:"bx--form-item"},e("unity-typography",{key:"0566f681872070de620318de7d21f96accab4cd6",variant:"caption-text"},e("label",{key:"72940ec01c5d54230d58e5095b69988803d002c7",htmlFor:this.id,class:"bx--label"},this.label,this.required?"*":"")),e("input",{key:"4cf4cd9acd57d8d5144e0e2b61362befce824b25",type:"time",id:this.id,name:this.name,class:n,value:this.internalValue,min:this.min,max:this.max,onInput:this.handleTimeInput,onChange:this.handleTimeChange,onBlur:this.handleBlur,onFocus:this.handleFocus,onInvalid:this.handleInvalid,disabled:this.disabled,readonly:this.readonly,required:this.required,udprecordid:"udpRecord-udp-time-selector-"+this.id}),e("unity-typography",{key:"cc2818ea8716991e0f891315dfed07daa5ed5fd2",class:"error-message",variant:"caption-text",color:"error"},this.errorMessage)))}get el(){return n(this)}static get watchers(){return{error:["updateError"],initialValue:["initialValueChanged"],value:["valueChanged"]}}};b.style=c;export{o as numeric_field,u as text_area,d as udp_date_selector,h as udp_datetime_selector,b as udp_time_selector};
|
|
2
2
|
//# sourceMappingURL=numeric-field_5.entry.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as n}from"./index-
|
|
1
|
+
import{r as e,h as n}from"./index-n-1ZSeAs.js";const t="";const r=class{constructor(n){e(this,n)}renderUnknownComponent(e){console.error(`Error rendering ${e}. No matching component found. Please check your component mappings and passed properties.`);return n("div",{style:{border:"1px solid #ff6a00",padding:"10px",margin:"10px 0",borderRadius:"5px",color:"#ff6a00",backgroundColor:"#fff3e0"}},n("unity-typography",null,"Content currently unavailable ( ",n("span",{style:{fontWeight:"700"}},e)," ). We're working to make this available to you soon!"))}render(){return n("div",{key:"7300d352c088dfd4796240bddf641f3491fc0e3d"},this.pageData.map((e=>{const t=Object.assign(Object.assign({},e.properties),{"access-token":this.accessToken,tenantId:this.tenantId,userId:this.userId});switch(e.componentName){case"AmbientGrid":return n("ambient-template-grid",Object.assign({key:e.id},t));default:return this.renderUnknownComponent(e.componentName)}})))}};r.style=t;export{r as page_renderer};
|
|
2
2
|
//# sourceMappingURL=page-renderer.entry.js.map
|