udp-stencil-component-library 25.18.1-beta.6 → 25.18.1-beta.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (344) hide show
  1. package/dist/cjs/add-map-feature-popup_4.cjs.entry.js +12 -12
  2. package/dist/cjs/advanced-search_50.cjs.entry.js +169 -96
  3. package/dist/cjs/ag-grid-base_5.cjs.entry.js +5 -5
  4. package/dist/cjs/api-method-instance-grid.cjs.entry.js +1 -1
  5. package/dist/cjs/check-box.cjs.entry.js +2 -2
  6. package/dist/cjs/chip-section.cjs.entry.js +2 -2
  7. package/dist/cjs/client-side-grid_2.cjs.entry.js +3 -3
  8. package/dist/cjs/color-preview.cjs.entry.js +1 -1
  9. package/dist/cjs/date-time-renderer_6.cjs.entry.js +8 -8
  10. package/dist/cjs/entity-maintenance-grid.cjs.entry.js +1 -1
  11. package/dist/cjs/feature-details-card_2.cjs.entry.js +5 -5
  12. package/dist/cjs/image-upload_7.cjs.entry.js +6 -6
  13. package/dist/cjs/index-DrMNAZCL.js +4 -0
  14. package/dist/cjs/inputs-example.cjs.entry.js +2 -2
  15. package/dist/cjs/loader.cjs.js +1 -1
  16. package/dist/cjs/map-component_2.cjs.entry.js +2 -2
  17. package/dist/cjs/numeric-field_5.cjs.entry.js +15 -15
  18. package/dist/cjs/page-renderer.cjs.entry.js +1 -1
  19. package/dist/cjs/question-configs-renderer_5.cjs.entry.js +14 -14
  20. package/dist/cjs/resource-timeline-calendar.cjs.entry.js +1 -1
  21. package/dist/cjs/search-method-grid.cjs.entry.js +1 -1
  22. package/dist/cjs/server-side-grid.cjs.entry.js +1 -1
  23. package/dist/cjs/simple-card.cjs.entry.js +1 -1
  24. package/dist/cjs/stencil-library.cjs.js +1 -1
  25. package/dist/cjs/udp-chip_3.cjs.entry.js +1 -1
  26. package/dist/cjs/udp-container-query-grid-item.cjs.entry.js +1 -1
  27. package/dist/cjs/udp-container-query-grid.cjs.entry.js +1 -1
  28. package/dist/cjs/udp-container-query.cjs.entry.js +2 -2
  29. package/dist/cjs/udp-container.cjs.entry.js +2 -2
  30. package/dist/cjs/udp-date-range-selector.cjs.entry.js +1 -1
  31. package/dist/cjs/udp-dynamic-form.cjs.entry.js +1 -1
  32. package/dist/cjs/udp-forms-follow-up-list-card.cjs.entry.js +2 -2
  33. package/dist/cjs/udp-forms-list-card.cjs.entry.js +5 -5
  34. package/dist/cjs/udp-forms-list.cjs.entry.js +1 -1
  35. package/dist/cjs/udp-forms-renderer.cjs.entry.js +1 -1
  36. package/dist/cjs/udp-list-renderer.udp-pagination.udp-side-sheet.entry.cjs.js.map +1 -1
  37. package/dist/cjs/udp-list-renderer_3.cjs.entry.js +194 -5
  38. package/dist/cjs/udp-map.cjs.entry.js +3 -3
  39. package/dist/cjs/udp-page.cjs.entry.js +1 -1
  40. package/dist/cjs/udp-split-screen.cjs.entry.js +1 -1
  41. package/dist/cjs/udp-stepper-demo.cjs.entry.js +1 -1
  42. package/dist/cjs/udp-tab-panel.cjs.entry.js +22 -0
  43. package/dist/cjs/udp-tab-panel.entry.cjs.js.map +1 -0
  44. package/dist/cjs/udp-vertical-spacer.cjs.entry.js +1 -1
  45. package/dist/collection/collection-manifest.json +1 -0
  46. package/dist/collection/components/my-component/UI/data-display/icons/udp-icon.js +4 -1
  47. package/dist/collection/components/my-component/UI/data-display/icons/udp-icon.js.map +1 -1
  48. package/dist/collection/components/my-component/UI/data-display/kpi/kpi-list.js +1 -1
  49. package/dist/collection/components/my-component/UI/data-display/list-item/list-item.js +2 -2
  50. package/dist/collection/components/my-component/UI/data-display/pop-over/udp-pop-over.js +1 -1
  51. package/dist/collection/components/my-component/UI/data-display/pop-over-grid-action-header/udp-pop-over-grid-action-header.js +1 -1
  52. package/dist/collection/components/my-component/UI/data-display/primary-action-header/primary-action-header.js +2 -2
  53. package/dist/collection/components/my-component/UI/data-display/simple-card/simple-card.js +1 -1
  54. package/dist/collection/components/my-component/UI/data-display/tool-tip/udp-ambient-tool-tip.js +2 -2
  55. package/dist/collection/components/my-component/UI/data-display/tree/tree-list-item/search-item/search-list-item.js +1 -1
  56. package/dist/collection/components/my-component/UI/data-display/udp-avatar/udp-avatar.js +1 -1
  57. package/dist/collection/components/my-component/UI/dialogs/fluent-dialog/fluent-dialog.js +2 -2
  58. package/dist/collection/components/my-component/UI/dialogs/udp-dialog.js +1 -1
  59. package/dist/collection/components/my-component/UI/drawers/udp-side-sheet/types.js +2 -0
  60. package/dist/collection/components/my-component/UI/drawers/udp-side-sheet/types.js.map +1 -0
  61. package/dist/collection/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.css +163 -137
  62. package/dist/collection/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.js +269 -19
  63. package/dist/collection/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.js.map +1 -1
  64. package/dist/collection/components/my-component/UI/feedback/udp-notification/alerts/upd-alert-banner.js +1 -1
  65. package/dist/collection/components/my-component/UI/feedback/udp-notification/udp-notification.js +2 -2
  66. package/dist/collection/components/my-component/UI/forms/dynamic-form/udp-dynamic-form.js +1 -1
  67. package/dist/collection/components/my-component/UI/forms/edit-view-form/edit-view-form.js +2 -2
  68. package/dist/collection/components/my-component/UI/forms/form/stencil-form.js +1 -1
  69. package/dist/collection/components/my-component/UI/forms/save-view-form/save-view-form.js +2 -2
  70. package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/forms-question-item/udp-forms-builder-question-item.js +2 -2
  71. package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/file-upload-renderer/file-upload-renderer.js +2 -2
  72. package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/list-option-renderer/list-options-renderer.js +3 -3
  73. package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-configs-renderer/question-configs-renderer.js +6 -6
  74. package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/section-configs-renderer/section-configs-renderer.js +3 -3
  75. package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/signature-renderer/signature-renderer.js +1 -1
  76. package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/text-input-renderer/text-input-renderer.js +2 -2
  77. package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-menu/udp-forms-builder-menu.js +2 -2
  78. package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-style-override/udp-forms-builder-style-override.js +1 -1
  79. package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list-card/udp-forms-list-card.js +5 -5
  80. package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list.js +1 -1
  81. package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-follow-up-list-card/udp-forms-follow-up-list-card.js +2 -2
  82. package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-renderer/udp-forms-renderer.js +1 -1
  83. package/dist/collection/components/my-component/UI/grid/ag-table/ag-table.js +1 -1
  84. package/dist/collection/components/my-component/UI/grid/ambient-template-grid/ambient-template-grid.js +15 -15
  85. package/dist/collection/components/my-component/UI/grid/grid-primary-bar/grid-primary-bar.js +2 -2
  86. package/dist/collection/components/my-component/UI/grid/hotlists/udp-hotlist-form/udp-hotlist-form.js +1 -1
  87. package/dist/collection/components/my-component/UI/grid/new-grid/ag-grid-base.js +1 -1
  88. package/dist/collection/components/my-component/UI/grid/new-grid/api-method-instance-grid.js +1 -1
  89. package/dist/collection/components/my-component/UI/grid/new-grid/client-side-grid.js +1 -1
  90. package/dist/collection/components/my-component/UI/grid/new-grid/entity-maintenance-grid.js +1 -1
  91. package/dist/collection/components/my-component/UI/grid/new-grid/search-method-grid.js +1 -1
  92. package/dist/collection/components/my-component/UI/grid/new-grid/server-side-grid.js +1 -1
  93. package/dist/collection/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-calendar.js +1 -1
  94. package/dist/collection/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-primary-bar.js +2 -2
  95. package/dist/collection/components/my-component/UI/inputs/checkbox/check-box.js +2 -2
  96. package/dist/collection/components/my-component/UI/inputs/date-range-selector/udp-date-range-selector.js +1 -1
  97. package/dist/collection/components/my-component/UI/inputs/date-selector/udp-date-selector.js +3 -3
  98. package/dist/collection/components/my-component/UI/inputs/date-time-selector/udp-datetime-selector.js +3 -3
  99. package/dist/collection/components/my-component/UI/inputs/image-upload/image-upload.js +1 -1
  100. package/dist/collection/components/my-component/UI/inputs/numeric-field/numeric-field.js +3 -3
  101. package/dist/collection/components/my-component/UI/inputs/signature-input/signature-input.js +2 -2
  102. package/dist/collection/components/my-component/UI/inputs/tally/tally.js +2 -2
  103. package/dist/collection/components/my-component/UI/inputs/text-area/text-area.js +3 -3
  104. package/dist/collection/components/my-component/UI/inputs/text-field/text-field.js +3 -3
  105. package/dist/collection/components/my-component/UI/inputs/time-selector/udp-time-selector.js +3 -3
  106. package/dist/collection/components/my-component/UI/inputs/toggle/stencil-toggle.js +4 -4
  107. package/dist/collection/components/my-component/UI/inputs/udp-selector/udp-selector.js +4 -4
  108. package/dist/collection/components/my-component/UI/layout/udp-container/udp-container.js +2 -2
  109. package/dist/collection/components/my-component/UI/layout/udp-container-query/udp-container-query.js +2 -2
  110. package/dist/collection/components/my-component/UI/layout/udp-container-query-grid/udp-container-query-grid.js +1 -1
  111. package/dist/collection/components/my-component/UI/layout/udp-container-query-grid-item/udp-container-query-grid-item.js +1 -1
  112. package/dist/collection/components/my-component/UI/layout/udp-page/udp-page.js +1 -1
  113. package/dist/collection/components/my-component/UI/layout/udp-split-screen/udp-split-screen.js +1 -1
  114. package/dist/collection/components/my-component/UI/layout/udp-vertical-spacer.js +1 -1
  115. package/dist/collection/components/my-component/UI/loaders/udp-grid-loader/udp-grid-loader.js +2 -2
  116. package/dist/collection/components/my-component/UI/loaders/udp-linear-loader/udp-linear-loader.js +1 -1
  117. package/dist/collection/components/my-component/UI/loaders/udp-skeleton-loading.js +1 -1
  118. package/dist/collection/components/my-component/UI/map/udp-map/map-component.js +1 -1
  119. package/dist/collection/components/my-component/UI/map/udp-map/popups/add-map-feature-popup.js +3 -3
  120. package/dist/collection/components/my-component/UI/map/udp-map/popups/feature-details-card/feature-details-card.js +4 -4
  121. package/dist/collection/components/my-component/UI/map/udp-map/popups/feature-details-popup.js +1 -1
  122. package/dist/collection/components/my-component/UI/map/udp-map/popups/select-layer-popup.js +2 -2
  123. package/dist/collection/components/my-component/UI/map/udp-map/popups/split-line-popup.js +1 -1
  124. package/dist/collection/components/my-component/UI/map/udp-map/toolbar/map-toolbar.js +6 -6
  125. package/dist/collection/components/my-component/UI/map/udp-map/udp-map-toolbar.js +1 -1
  126. package/dist/collection/components/my-component/UI/map/udp-map/udp-map.js +3 -3
  127. package/dist/collection/components/my-component/UI/menu/menu-item/udp-menu-item.js +1 -1
  128. package/dist/collection/components/my-component/UI/menu/udp-menu.js +1 -1
  129. package/dist/collection/components/my-component/UI/stepper/udp-stepper-demo.js +1 -1
  130. package/dist/collection/components/my-component/UI/tabs/tab/tabs/udp-tabs.css +0 -5
  131. package/dist/collection/components/my-component/UI/tabs/tab/tabs/udp-tabs.js +170 -37
  132. package/dist/collection/components/my-component/UI/tabs/tab/tabs/udp-tabs.js.map +1 -1
  133. package/dist/collection/components/my-component/UI/tabs/tab/udp-tab.css +2 -4
  134. package/dist/collection/components/my-component/UI/tabs/tab/udp-tab.js +3 -3
  135. package/dist/collection/components/my-component/UI/tabs/tab/udp-tab.js.map +1 -1
  136. package/dist/collection/components/my-component/UI/tabs/udp-tab-panel/udp-tab-panel.css +11 -0
  137. package/dist/collection/components/my-component/UI/tabs/udp-tab-panel/udp-tab-panel.js +65 -0
  138. package/dist/collection/components/my-component/UI/tabs/udp-tab-panel/udp-tab-panel.js.map +1 -0
  139. package/dist/collection/components/my-component/UI/toolbars/app-bar/app-bar.js +1 -1
  140. package/dist/collection/components/my-component/UI/util/ghost-render/ghost-render.js +1 -1
  141. package/dist/collection/components/my-component/demo/ambient-demo-container.js +1 -1
  142. package/dist/collection/components/test-component/inputs-example/inputs-example.js +2 -2
  143. package/dist/collection/page-renderer/page-renderer.js +1 -1
  144. package/dist/collection/theme/color-preview/color-preview.js +1 -1
  145. package/dist/collection/udp-utilities/layout/udp-dynamic-container-with-menu/chip-section/chip-section.js +2 -2
  146. package/dist/collection/udp-utilities/layout/udp-dynamic-container-with-menu/udp-dynamic-container-with-menu.js +1 -1
  147. package/dist/components/add-map-feature-popup2.js +3 -3
  148. package/dist/components/ag-grid-base2.js +1 -1
  149. package/dist/components/ag-table2.js +1 -1
  150. package/dist/components/ambient-demo-container2.js +1 -1
  151. package/dist/components/ambient-template-grid2.js +15 -15
  152. package/dist/components/api-method-instance-grid.js +1 -1
  153. package/dist/components/app-bar2.js +1 -1
  154. package/dist/components/check-box2.js +2 -2
  155. package/dist/components/chip-section.js +2 -2
  156. package/dist/components/client-side-grid2.js +1 -1
  157. package/dist/components/color-preview.js +1 -1
  158. package/dist/components/edit-view-form.js +2 -2
  159. package/dist/components/entity-maintenance-grid.js +1 -1
  160. package/dist/components/feature-details-card2.js +4 -4
  161. package/dist/components/feature-details-popup2.js +1 -1
  162. package/dist/components/file-upload-renderer2.js +2 -2
  163. package/dist/components/fluent-dialog2.js +2 -2
  164. package/dist/components/ghost-render2.js +1 -1
  165. package/dist/components/grid-primary-bar2.js +2 -2
  166. package/dist/components/image-upload2.js +1 -1
  167. package/dist/components/inputs-example.js +2 -2
  168. package/dist/components/kpi-list2.js +1 -1
  169. package/dist/components/list-item.js +2 -2
  170. package/dist/components/list-options-renderer2.js +3 -3
  171. package/dist/components/map-component2.js +1 -1
  172. package/dist/components/map-toolbar2.js +6 -6
  173. package/dist/components/numeric-field2.js +3 -3
  174. package/dist/components/page-renderer.js +1 -1
  175. package/dist/components/primary-action-header2.js +2 -2
  176. package/dist/components/question-configs-renderer2.js +6 -6
  177. package/dist/components/resource-timeline-calendar.js +1 -1
  178. package/dist/components/resource-timeline-primary-bar2.js +2 -2
  179. package/dist/components/save-view-form.js +2 -2
  180. package/dist/components/search-list-item2.js +1 -1
  181. package/dist/components/search-method-grid2.js +1 -1
  182. package/dist/components/section-configs-renderer2.js +3 -3
  183. package/dist/components/select-layer-popup2.js +2 -2
  184. package/dist/components/server-side-grid2.js +1 -1
  185. package/dist/components/signature-input2.js +2 -2
  186. package/dist/components/signature-renderer2.js +1 -1
  187. package/dist/components/simple-card.js +1 -1
  188. package/dist/components/split-line-popup2.js +1 -1
  189. package/dist/components/stencil-form2.js +1 -1
  190. package/dist/components/stencil-toggle2.js +4 -4
  191. package/dist/components/tally.js +2 -2
  192. package/dist/components/text-area2.js +3 -3
  193. package/dist/components/text-field2.js +3 -3
  194. package/dist/components/text-input-renderer2.js +2 -2
  195. package/dist/components/udp-ambient-tool-tip2.js +2 -2
  196. package/dist/components/udp-avatar2.js +1 -1
  197. package/dist/components/udp-container-query-grid-item.js +1 -1
  198. package/dist/components/udp-container-query-grid.js +1 -1
  199. package/dist/components/udp-container-query2.js +2 -2
  200. package/dist/components/udp-container2.js +2 -2
  201. package/dist/components/udp-date-range-selector.js +1 -1
  202. package/dist/components/udp-date-selector2.js +3 -3
  203. package/dist/components/udp-datetime-selector2.js +3 -3
  204. package/dist/components/udp-dialog2.js +1 -1
  205. package/dist/components/udp-dynamic-container-with-menu2.js +1 -1
  206. package/dist/components/udp-dynamic-form.js +1 -1
  207. package/dist/components/udp-forms-builder-menu2.js +2 -2
  208. package/dist/components/udp-forms-builder-question-item2.js +2 -2
  209. package/dist/components/udp-forms-builder-style-override2.js +1 -1
  210. package/dist/components/udp-forms-builder.js +72 -60
  211. package/dist/components/udp-forms-builder.js.map +1 -1
  212. package/dist/components/udp-forms-follow-up-list-card.js +2 -2
  213. package/dist/components/udp-forms-list-card2.js +5 -5
  214. package/dist/components/udp-forms-list.js +51 -39
  215. package/dist/components/udp-forms-list.js.map +1 -1
  216. package/dist/components/udp-forms-renderer.js +67 -55
  217. package/dist/components/udp-forms-renderer.js.map +1 -1
  218. package/dist/components/udp-grid-loader2.js +2 -2
  219. package/dist/components/udp-hotlist-form2.js +1 -1
  220. package/dist/components/udp-icon2.js +4 -1
  221. package/dist/components/udp-icon2.js.map +1 -1
  222. package/dist/components/udp-linear-loader2.js +1 -1
  223. package/dist/components/udp-map-toolbar2.js +1 -1
  224. package/dist/components/udp-map.js +3 -3
  225. package/dist/components/udp-menu-item2.js +1 -1
  226. package/dist/components/udp-menu2.js +1 -1
  227. package/dist/components/udp-notification2.js +2 -2
  228. package/dist/components/udp-page.js +1 -1
  229. package/dist/components/udp-pop-over-grid-action-header2.js +1 -1
  230. package/dist/components/udp-pop-over2.js +1 -1
  231. package/dist/components/udp-selector2.js +4 -4
  232. package/dist/components/udp-side-sheet2.js +228 -19
  233. package/dist/components/udp-side-sheet2.js.map +1 -1
  234. package/dist/components/udp-skeleton-loading2.js +1 -1
  235. package/dist/components/udp-split-screen.js +1 -1
  236. package/dist/components/udp-stepper-demo.js +1 -1
  237. package/dist/components/udp-tab-panel.d.ts +11 -0
  238. package/dist/components/udp-tab-panel.js +45 -0
  239. package/dist/components/udp-tab-panel.js.map +1 -0
  240. package/dist/components/udp-tab2.js +3 -3
  241. package/dist/components/udp-tab2.js.map +1 -1
  242. package/dist/components/udp-tabs2.js +114 -40
  243. package/dist/components/udp-tabs2.js.map +1 -1
  244. package/dist/components/udp-time-selector2.js +3 -3
  245. package/dist/components/udp-vertical-spacer.js +1 -1
  246. package/dist/components/upd-alert-banner2.js +1 -1
  247. package/dist/docs.json +263 -31
  248. package/dist/esm/add-map-feature-popup_4.entry.js +12 -12
  249. package/dist/esm/advanced-search_50.entry.js +169 -96
  250. package/dist/esm/ag-grid-base_5.entry.js +5 -5
  251. package/dist/esm/api-method-instance-grid.entry.js +1 -1
  252. package/dist/esm/check-box.entry.js +2 -2
  253. package/dist/esm/chip-section.entry.js +2 -2
  254. package/dist/esm/client-side-grid_2.entry.js +3 -3
  255. package/dist/esm/color-preview.entry.js +1 -1
  256. package/dist/esm/date-time-renderer_6.entry.js +8 -8
  257. package/dist/esm/entity-maintenance-grid.entry.js +1 -1
  258. package/dist/esm/feature-details-card_2.entry.js +5 -5
  259. package/dist/esm/image-upload_7.entry.js +6 -6
  260. package/dist/esm/index-n-1ZSeAs.js +4 -0
  261. package/dist/esm/inputs-example.entry.js +2 -2
  262. package/dist/esm/loader.js +1 -1
  263. package/dist/esm/map-component_2.entry.js +2 -2
  264. package/dist/esm/numeric-field_5.entry.js +15 -15
  265. package/dist/esm/page-renderer.entry.js +1 -1
  266. package/dist/esm/question-configs-renderer_5.entry.js +14 -14
  267. package/dist/esm/resource-timeline-calendar.entry.js +1 -1
  268. package/dist/esm/search-method-grid.entry.js +1 -1
  269. package/dist/esm/server-side-grid.entry.js +1 -1
  270. package/dist/esm/simple-card.entry.js +1 -1
  271. package/dist/esm/stencil-library.js +1 -1
  272. package/dist/esm/udp-chip_3.entry.js +1 -1
  273. package/dist/esm/udp-container-query-grid-item.entry.js +1 -1
  274. package/dist/esm/udp-container-query-grid.entry.js +1 -1
  275. package/dist/esm/udp-container-query.entry.js +2 -2
  276. package/dist/esm/udp-container.entry.js +2 -2
  277. package/dist/esm/udp-date-range-selector.entry.js +1 -1
  278. package/dist/esm/udp-dynamic-form.entry.js +1 -1
  279. package/dist/esm/udp-forms-follow-up-list-card.entry.js +2 -2
  280. package/dist/esm/udp-forms-list-card.entry.js +5 -5
  281. package/dist/esm/udp-forms-list.entry.js +1 -1
  282. package/dist/esm/udp-forms-renderer.entry.js +1 -1
  283. package/dist/esm/udp-list-renderer.udp-pagination.udp-side-sheet.entry.js.map +1 -1
  284. package/dist/esm/udp-list-renderer_3.entry.js +194 -5
  285. package/dist/esm/udp-map.entry.js +3 -3
  286. package/dist/esm/udp-page.entry.js +1 -1
  287. package/dist/esm/udp-split-screen.entry.js +1 -1
  288. package/dist/esm/udp-stepper-demo.entry.js +1 -1
  289. package/dist/esm/udp-tab-panel.entry.js +20 -0
  290. package/dist/esm/udp-tab-panel.entry.js.map +1 -0
  291. package/dist/esm/udp-vertical-spacer.entry.js +1 -1
  292. package/dist/stencil-library/add-map-feature-popup_4.entry.js +1 -1
  293. package/dist/stencil-library/advanced-search_50.entry.js +1 -1
  294. package/dist/stencil-library/advanced-search_50.entry.js.map +1 -1
  295. package/dist/stencil-library/ag-grid-base_5.entry.js +1 -1
  296. package/dist/stencil-library/api-method-instance-grid.entry.js +1 -1
  297. package/dist/stencil-library/check-box.entry.js +1 -1
  298. package/dist/stencil-library/chip-section.entry.js +1 -1
  299. package/dist/stencil-library/client-side-grid_2.entry.js +1 -1
  300. package/dist/stencil-library/color-preview.entry.js +1 -1
  301. package/dist/stencil-library/date-time-renderer_6.entry.js +1 -1
  302. package/dist/stencil-library/entity-maintenance-grid.entry.js +1 -1
  303. package/dist/stencil-library/feature-details-card_2.entry.js +1 -1
  304. package/dist/stencil-library/image-upload_7.entry.js +1 -1
  305. package/dist/stencil-library/inputs-example.entry.js +1 -1
  306. package/dist/stencil-library/map-component_2.entry.js +1 -1
  307. package/dist/stencil-library/numeric-field_5.entry.js +1 -1
  308. package/dist/stencil-library/page-renderer.entry.js +1 -1
  309. package/dist/stencil-library/question-configs-renderer_5.entry.js +1 -1
  310. package/dist/stencil-library/resource-timeline-calendar.entry.js +1 -1
  311. package/dist/stencil-library/search-method-grid.entry.js +1 -1
  312. package/dist/stencil-library/server-side-grid.entry.js +1 -1
  313. package/dist/stencil-library/simple-card.entry.js +1 -1
  314. package/dist/stencil-library/simple-card.entry.js.map +1 -1
  315. package/dist/stencil-library/stencil-library.esm.js +1 -1
  316. package/dist/stencil-library/udp-chip_3.entry.js +1 -1
  317. package/dist/stencil-library/udp-container-query-grid-item.entry.js +1 -1
  318. package/dist/stencil-library/udp-container-query-grid.entry.js +1 -1
  319. package/dist/stencil-library/udp-container-query.entry.js +1 -1
  320. package/dist/stencil-library/udp-container.entry.js +1 -1
  321. package/dist/stencil-library/udp-date-range-selector.entry.js +1 -1
  322. package/dist/stencil-library/udp-dynamic-form.entry.js +1 -1
  323. package/dist/stencil-library/udp-forms-follow-up-list-card.entry.js +1 -1
  324. package/dist/stencil-library/udp-forms-list-card.entry.js +1 -1
  325. package/dist/stencil-library/udp-forms-list.entry.js +1 -1
  326. package/dist/stencil-library/udp-forms-renderer.entry.js +1 -1
  327. package/dist/stencil-library/udp-list-renderer.udp-pagination.udp-side-sheet.entry.esm.js.map +1 -1
  328. package/dist/stencil-library/udp-list-renderer_3.entry.js +1 -1
  329. package/dist/stencil-library/udp-list-renderer_3.entry.js.map +1 -1
  330. package/dist/stencil-library/udp-map.entry.js +1 -1
  331. package/dist/stencil-library/udp-page.entry.js +1 -1
  332. package/dist/stencil-library/udp-split-screen.entry.js +1 -1
  333. package/dist/stencil-library/udp-stepper-demo.entry.js +1 -1
  334. package/dist/stencil-library/udp-tab-panel.entry.esm.js.map +1 -0
  335. package/dist/stencil-library/udp-tab-panel.entry.js +2 -0
  336. package/dist/stencil-library/udp-tab-panel.entry.js.map +1 -0
  337. package/dist/stencil-library/udp-vertical-spacer.entry.js +1 -1
  338. package/dist/types/components/my-component/UI/drawers/udp-side-sheet/types.d.ts +7 -0
  339. package/dist/types/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.d.ts +114 -0
  340. package/dist/types/components/my-component/UI/tabs/tab/tabs/udp-tabs.d.ts +47 -4
  341. package/dist/types/components/my-component/UI/tabs/tab/udp-tab.d.ts +1 -1
  342. package/dist/types/components/my-component/UI/tabs/udp-tab-panel/udp-tab-panel.d.ts +11 -0
  343. package/dist/types/components.d.ts +151 -2
  344. package/package.json +1 -1
package/dist/stencil-library/feature-details-card_2.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- import{r as i,h as o,a as e}from"./index-n-1ZSeAs.js";import t from"@carbon/icons/es/close/24";import s from"@carbon/icons/es/overflow-menu--vertical/16";import{g as a}from"./iconUtils-KSv32PVD.js";import{s as n}from"./action-column-util-BArOL_Uz.js";import{startCase as r}from"lodash";import{g as c}from"./udp-map-utils-BokzHQF1.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";import"ol/proj";import"ol/format/GeoJSON";const d=".card-wrapper{display:flex;background-color:white}.content-wrapper{flex:1}.header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-01)}.title-wrapper{display:flex;gap:var(--spacing-03);align-items:center}.message-wrapper{display:flex;gap:var(--spacing-03);align-items:center;padding:var(--spacing-03)}.data-row{display:flex;gap:var(--spacing-03);align-items:center;width:100%;flex-wrap:wrap;border-bottom:solid 1px var(--gray-03)}.options{display:flex;gap:var(--spacing-03);justify-content:flex-end;align-items:center;width:100%}.data-section{padding:var(--spacing-03)}";const l=class{constructor(o){i(this,o);this.showAdornment=true;this.status="info";this.enableViewFeature=true;this.primaryActions=[];this.hideMessageIcon=false;this.moreIconAnchor=null;this.showMoreHeaderPopover=false;this.primaryActionAnchor=null;this.showPrimaryPopover=false;this.visiblePrimaryActions=[];this.overflowPrimaryActions=[];this.maximumVisibleListItems=4;this.handleOnClickMoreIcon=i=>{i.stopPropagation();i.preventDefault();this.primaryActionAnchor=null;this.showPrimaryPopover=false;this.moreIconAnchor=i===null||i===void 0?void 0:i.currentTarget;this.showMoreHeaderPopover=true};this.handleOnClickPrimaryAction=i=>{i.stopPropagation();i.preventDefault();this.moreIconAnchor=null;this.showMoreHeaderPopover=false;this.primaryActionAnchor=i===null||i===void 0?void 0:i.currentTarget;this.showPrimaryPopover=true};this.handleClosePopover=()=>{this.showMoreHeaderPopover=false;this.showPrimaryPopover=false}}getHeaderBackgroundColor(){switch(this.status){case"success":return"rgba(122, 220, 181, 0.75)";case"warning":return"rgba(255, 131, 43, 0.75)";case"error":return"rgba(142, 30, 36, 0.75)";default:return"rgba(52, 120, 176, 0.75)"}}getMessageBackgroundColor(){switch(this.status){case"success":return"rgba(122, 220, 181, 0.45)";case"warning":return"rgba(255, 131, 43, 0.45)";case"error":return"rgba(142, 30, 36, 0.45)";default:return"rgba(52, 120, 176, 0.45)"}}getDefaultMessageIcon(){switch(this.status){case"success":return"checkmark";case"error":return"warning";case"warning":return"warningAlt";default:return"information"}}updatePrimaryActionOverflow(){var i;let o=this.maximumVisibleListItems-(this.enableViewFeature?1:0);if(((i=this.primaryActions)===null||i===void 0?void 0:i.length)<=o){this.visiblePrimaryActions=this.primaryActions;this.overflowPrimaryActions=[]}else{o-=1;const{visibleActions:i,overflowActions:e}=n(this.primaryActions,o);this.visiblePrimaryActions=i;this.overflowPrimaryActions=e}}componentWillLoad(){this.updatePrimaryActionOverflow()}updatePrimaryActions(){this.updatePrimaryActionOverflow()}render(){var i,e,n,r,c,d,l,p,b,h;const u=(i=this.messageIcon)!==null&&i!==void 0?i:this.getDefaultMessageIcon();return o("div",{key:"0f48ef1f064a7716ffb4ec27d8e77ddae408ea4e",class:"card-wrapper",style:{width:(e=this.width)!==null&&e!==void 0?e:"100%"}},this.showAdornment&&this.status&&o("div",{key:"9164d74a21825455b5ce1b0f2c1faf51ae9fd0d6",class:"adornment"},o("udp-adornment",{key:"d118ef020ff45b8cff1f1e5aaa0bf40a62b47670",status:(n=this.status)!==null&&n!==void 0?n:"info"})),o("div",{key:"8d90a41f5746d178f8eed681aaff6280de22e7fb",class:"content-wrapper"},o("div",{key:"b6f7270300a2c2a576fc3596c13c18e1f84f9ce4",class:"header-wrapper",style:{backgroundColor:this.getHeaderBackgroundColor()}},o("div",{key:"79f1b6cae1fe69126ab99bc988d97b9221ebc9b4",class:"title-wrapper"},o("stencil-icon-button",{key:"f1dc3606a00577bfa270dfc2bf74bdd8f96ed95e",onClick:this.onClose,icon:t,tooltip:"Close",noBackground:true}),o("unity-typography",{key:"30dfa7fe22120433bbe02affa8f75bce0b3612b2",variant:"h6"},this.title)),((r=this.moreIconActions)===null||r===void 0?void 0:r.length)>0&&o("div",{key:"5a5368d74eb5e171697e3d03e3d167f02d7f2c66"},o("div",{key:"f4c1fe6b4da6bcec91d83f27d116d8cd1ab9770a",id:"moreHeaderIconButton1"},o("stencil-icon-button",{key:"9e1b5310e1bf4dc402b4f29e25667dfe956e0f64",onClick:this.handleOnClickMoreIcon,icon:s,tooltip:"More",noBackground:true,buttonId:"moreHeaderIconButton"})),this.moreIconAnchor&&o("udp-pop-over",{key:"d7e28b157beaab735cd880f6e3fe73ec93be8b31",anchorElement:this.moreIconAnchor,isOpen:this.showMoreHeaderPopover,popoverWidth:"200px",popoverMaxHeight:"300px",handleOnClose:this.handleClosePopover,container:this.popoverContainer},o("div",{key:"0449f6aa16eeb67bac9ab2599e30a22677dc43c1",class:"menu"},(c=this.moreIconActions)===null||c===void 0?void 0:c.map((i=>{var e;return o("udp-menu-item",{label:i===null||i===void 0?void 0:i.name,iconName:i===null||i===void 0?void 0:i.iconName,handleOnClick:()=>{i.onClick(this.data)},disabled:(i===null||i===void 0?void 0:i.checkDisabled)?i===null||i===void 0?void 0:i.checkDisabled(this.data):(e=i===null||i===void 0?void 0:i.disabled)!==null&&e!==void 0?e:false})})))))),this.message&&o("div",{key:"ce1ffc85e445542b5fc8c0585ab4c4597b9f7ffc",class:"message-wrapper",style:{backgroundColor:this.getMessageBackgroundColor()}},!this.hideMessageIcon&&o("div",{key:"d6b21e7b4386340382a0d14d05ebdcfd90ae82a1",class:"icon-message"},o("udp-icon",{key:"7043ed6a01bc10803a2e053d4ecc556f5b7db573",iconName:u})),o("div",{key:"566fba8595867e4f33e2c6b06bfae4e0cee0ad0e",class:"message"},o("unity-typography",{key:"b4061afebe60a2aecba26f06607f892212978929"},this.message))),o("div",{key:"0a2f353d57524636c259b01df78cd3a5960fd034",class:"data-section"},(d=this.listData)===null||d===void 0?void 0:d.map((({subject:i,value:e})=>o("div",{class:"data-row"},o("div",{class:"key"},o("unity-typography",{variant:"data-display-three"},`${i}: `)),o("div",{class:"value"},o("unity-typography",{variant:"data-display-three"},e)))))),o("div",{key:"6c87017e6ae56ccf64ab3e87e662988830aa2266",class:"options"},this.enableViewFeature&&this.data&&o("div",{key:"bf9aead97dc27b42be7cfaf935d40370391ecd95",id:"viewFeatureOption"},o("stencil-icon-button",{key:"dbccb36cdd3bf46a4f976a64189ab0489e97fc12",tooltip:"View",icon:a("view"),buttonId:"viewFeatureButton",onClick:()=>this.handleViewFeature({selectedFeature:this.data,formattedSelectedFeature:this.listData})})),((l=this.primaryActions)===null||l===void 0?void 0:l.length)>0&&o("div",{key:"00951c8e348acb7d887359ba78674f6fbd9cb478"},o("div",{key:"41dff2c40a6532f9c49c6a1388c2146c23180054",class:"options"},(p=this.visiblePrimaryActions)===null||p===void 0?void 0:p.map(((i,e)=>{var t,s;return o("stencil-icon-button",{tooltip:i===null||i===void 0?void 0:i.name,icon:a(i===null||i===void 0?void 0:i.iconName),buttonId:(t=i===null||i===void 0?void 0:i.id)!==null&&t!==void 0?t:`primary-icon-action-${e}`,onClick:()=>i.onClick(this.data),disabled:(i===null||i===void 0?void 0:i.checkDisabled)?i===null||i===void 0?void 0:i.checkDisabled(this.data):(s=i===null||i===void 0?void 0:i.disabled)!==null&&s!==void 0?s:false})})),((b=this.overflowPrimaryActions)===null||b===void 0?void 0:b.length)>0&&o("stencil-icon-button",{key:"4bb9bd45120c494f181299295c8757c98e1da65b",onClick:this.handleOnClickPrimaryAction,icon:s,tooltip:"More",noBackground:true,buttonId:"morePrimaryIconButton"})),this.primaryActionAnchor&&o("udp-pop-over",{key:"edb84a9d52ff94e336e2ee5360b9ef189fde34f7",anchorElement:this.primaryActionAnchor,isOpen:this.showPrimaryPopover,popoverWidth:"200px",popoverMaxHeight:"300px",handleOnClose:this.handleClosePopover,container:this.popoverContainer},o("div",{key:"b63a280d184467cb7f9f0dac5c80805c6fb6c20f",class:"menu"},(h=this.overflowPrimaryActions)===null||h===void 0?void 0:h.map((i=>{var e;return o("udp-menu-item",{label:i===null||i===void 0?void 0:i.name,iconName:i===null||i===void 0?void 0:i.iconName,handleOnClick:()=>{i.onClick(this.data)},disabled:(i===null||i===void 0?void 0:i.checkDisabled)?i===null||i===void 0?void 0:i.checkDisabled(this.data):(e=i===null||i===void 0?void 0:i.disabled)!==null&&e!==void 0?e:false})}))))))))}get el(){return e(this)}static get watchers(){return{primaryActions:["updatePrimaryActions"]}}};l.style=d;const p=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const b=class{constructor(o){i(this,o);this.coordinates=[];this.enableViewFeature=true;this.showPopOver=false;this.isReadOnly=false;this.hideMessageIcon=false;this.popoverWidth="300px";this.listData=[]}updateListData(){var i,o,e,t,s;const a=((i=this.cardConfig)===null||i===void 0?void 0:i.popoverCardListFields)||((o=this.cardConfig)===null||o===void 0?void 0:o.extendedListFields);this.listData=((e=this.cardConfig)===null||e===void 0?void 0:e.getListFields)?(t=this.cardConfig)===null||t===void 0?void 0:t.getListFields(this.data):(s=a===null||a===void 0?void 0:a.map((i=>{var o,e;return{subject:r(i),value:(e=(o=this.data)===null||o===void 0?void 0:o[i])!==null&&e!==void 0?e:"-"}})))!==null&&s!==void 0?s:[]}updateTitle(){var i,o,e,t,s,a,n,r,d,l;if((i=this.data)===null||i===void 0?void 0:i[(o=this.cardConfig)===null||o===void 0?void 0:o.titleField]){this.cardTitle=(e=this.data)===null||e===void 0?void 0:e[(t=this.cardConfig)===null||t===void 0?void 0:t.titleField]}else if((s=this.cardConfig)===null||s===void 0?void 0:s.getTitle){this.cardTitle=(d=(a=this.cardConfig.getTitle(this.data))!==null&&a!==void 0?a:(n=this.data)===null||n===void 0?void 0:n[(r=this.cardConfig)===null||r===void 0?void 0:r.titleField])!==null&&d!==void 0?d:""}else if(this.coordinates){this.cardTitle=c(this.coordinates,(l=this.cardConfig)===null||l===void 0?void 0:l.maxLengthCoordinatesTitle)}}render(){var i,e,t;const s=this.getMessage?this.getMessage(this.data):null;const a=this.getMessageIcon?this.getMessageIcon(this.data):null;return o("div",{key:"1b5195214872ac0f1e3593d4de57c6d3b26bce96"},this.showPopOver&&o("feature-details-card",{key:"07d39ad98391f84657bb4451b1a4857ec05bc88c",data:this.currentSelectedFeature,title:this.cardTitle,listData:this.listData,status:(t=(i=this.data)===null||i===void 0?void 0:i[(e=this.cardConfig)===null||e===void 0?void 0:e.statusColor])===null||t===void 0?void 0:t.toLowerCase(),enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,primaryActions:this.isReadOnly?[]:this.primaryActions,moreIconActions:this.isReadOnly?[]:this.moreIconActions,message:s,messageIcon:a,hideMessageIcon:this.hideMessageIcon,onClose:this.additionalOnclosePopover,width:this.popoverWidth,popoverContainer:this.popoverContainer}))}static get watchers(){return{cardConfig:["updateListData","updateTitle"],data:["updateListData"],coordinates:["updateTitle"]}}};b.style=p;export{l as feature_details_card,b as feature_details_popup};
1
+ import{r as i,h as o,a as e}from"./index-n-1ZSeAs.js";import t from"@carbon/icons/es/close/24";import s from"@carbon/icons/es/overflow-menu--vertical/16";import{g as a}from"./iconUtils-KSv32PVD.js";import{s as n}from"./action-column-util-BArOL_Uz.js";import{startCase as r}from"lodash";import{g as c}from"./udp-map-utils-BokzHQF1.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";import"ol/proj";import"ol/format/GeoJSON";const d=".card-wrapper{display:flex;background-color:white}.content-wrapper{flex:1}.header-wrapper{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-01)}.title-wrapper{display:flex;gap:var(--spacing-03);align-items:center}.message-wrapper{display:flex;gap:var(--spacing-03);align-items:center;padding:var(--spacing-03)}.data-row{display:flex;gap:var(--spacing-03);align-items:center;width:100%;flex-wrap:wrap;border-bottom:solid 1px var(--gray-03)}.options{display:flex;gap:var(--spacing-03);justify-content:flex-end;align-items:center;width:100%}.data-section{padding:var(--spacing-03)}";const l=class{constructor(o){i(this,o);this.showAdornment=true;this.status="info";this.enableViewFeature=true;this.primaryActions=[];this.hideMessageIcon=false;this.moreIconAnchor=null;this.showMoreHeaderPopover=false;this.primaryActionAnchor=null;this.showPrimaryPopover=false;this.visiblePrimaryActions=[];this.overflowPrimaryActions=[];this.maximumVisibleListItems=4;this.handleOnClickMoreIcon=i=>{i.stopPropagation();i.preventDefault();this.primaryActionAnchor=null;this.showPrimaryPopover=false;this.moreIconAnchor=i===null||i===void 0?void 0:i.currentTarget;this.showMoreHeaderPopover=true};this.handleOnClickPrimaryAction=i=>{i.stopPropagation();i.preventDefault();this.moreIconAnchor=null;this.showMoreHeaderPopover=false;this.primaryActionAnchor=i===null||i===void 0?void 0:i.currentTarget;this.showPrimaryPopover=true};this.handleClosePopover=()=>{this.showMoreHeaderPopover=false;this.showPrimaryPopover=false}}getHeaderBackgroundColor(){switch(this.status){case"success":return"rgba(122, 220, 181, 0.75)";case"warning":return"rgba(255, 131, 43, 0.75)";case"error":return"rgba(142, 30, 36, 0.75)";default:return"rgba(52, 120, 176, 0.75)"}}getMessageBackgroundColor(){switch(this.status){case"success":return"rgba(122, 220, 181, 0.45)";case"warning":return"rgba(255, 131, 43, 0.45)";case"error":return"rgba(142, 30, 36, 0.45)";default:return"rgba(52, 120, 176, 0.45)"}}getDefaultMessageIcon(){switch(this.status){case"success":return"checkmark";case"error":return"warning";case"warning":return"warningAlt";default:return"information"}}updatePrimaryActionOverflow(){var i;let o=this.maximumVisibleListItems-(this.enableViewFeature?1:0);if(((i=this.primaryActions)===null||i===void 0?void 0:i.length)<=o){this.visiblePrimaryActions=this.primaryActions;this.overflowPrimaryActions=[]}else{o-=1;const{visibleActions:i,overflowActions:e}=n(this.primaryActions,o);this.visiblePrimaryActions=i;this.overflowPrimaryActions=e}}componentWillLoad(){this.updatePrimaryActionOverflow()}updatePrimaryActions(){this.updatePrimaryActionOverflow()}render(){var i,e,n,r,c,d,l,p,b,h;const u=(i=this.messageIcon)!==null&&i!==void 0?i:this.getDefaultMessageIcon();return o("div",{key:"9781ea11818aaa6eaae88eb0c6f4c0b43b5a99e5",class:"card-wrapper",style:{width:(e=this.width)!==null&&e!==void 0?e:"100%"}},this.showAdornment&&this.status&&o("div",{key:"209fc91b2d98c079102074dbd8a0c060c053b2d4",class:"adornment"},o("udp-adornment",{key:"1c09dc89841fda0747ad70a04adf70e800fe6a83",status:(n=this.status)!==null&&n!==void 0?n:"info"})),o("div",{key:"9afa54bd54a12b5931d31fa4eeee7c2b7df6f30b",class:"content-wrapper"},o("div",{key:"7c23194810bc7fc58a97f94eee8f9f2408e019b9",class:"header-wrapper",style:{backgroundColor:this.getHeaderBackgroundColor()}},o("div",{key:"bb4840f16d4e448a958bd41405e29415aa6a1612",class:"title-wrapper"},o("stencil-icon-button",{key:"b46623a2a8c65049725a1bca325b9a9cb4d94aaf",onClick:this.onClose,icon:t,tooltip:"Close",noBackground:true}),o("unity-typography",{key:"db5d074812e16b98a688dabb0abc71542b4e30bb",variant:"h6"},this.title)),((r=this.moreIconActions)===null||r===void 0?void 0:r.length)>0&&o("div",{key:"6bf4e8d3123f062c42f183af8a3f07ff72364b79"},o("div",{key:"7885e3bb96bd2f3ced77600b56e2043bcbb83963",id:"moreHeaderIconButton1"},o("stencil-icon-button",{key:"8bc4a4c8181b0e4e6870023b4b948eed253ef80f",onClick:this.handleOnClickMoreIcon,icon:s,tooltip:"More",noBackground:true,buttonId:"moreHeaderIconButton"})),this.moreIconAnchor&&o("udp-pop-over",{key:"376a5488530604b63cc13ef8f94dff86f06fc9c9",anchorElement:this.moreIconAnchor,isOpen:this.showMoreHeaderPopover,popoverWidth:"200px",popoverMaxHeight:"300px",handleOnClose:this.handleClosePopover,container:this.popoverContainer},o("div",{key:"2016252e992ee3988d12d6c1158c48f6bb6f67d6",class:"menu"},(c=this.moreIconActions)===null||c===void 0?void 0:c.map((i=>{var e;return o("udp-menu-item",{label:i===null||i===void 0?void 0:i.name,iconName:i===null||i===void 0?void 0:i.iconName,handleOnClick:()=>{i.onClick(this.data)},disabled:(i===null||i===void 0?void 0:i.checkDisabled)?i===null||i===void 0?void 0:i.checkDisabled(this.data):(e=i===null||i===void 0?void 0:i.disabled)!==null&&e!==void 0?e:false})})))))),this.message&&o("div",{key:"f4e32de4e683d044decbfd69e391583f8ccb92db",class:"message-wrapper",style:{backgroundColor:this.getMessageBackgroundColor()}},!this.hideMessageIcon&&o("div",{key:"e06a6965667b324abaa9fd0d869174fa60dc2579",class:"icon-message"},o("udp-icon",{key:"6980a16b88790e0455e387ac442ec7e8481468a3",iconName:u})),o("div",{key:"4293a6bdc84ac43b6f613809efdf6926b119291c",class:"message"},o("unity-typography",{key:"f84db35a63f7c504486d6d549fd0672c98037229"},this.message))),o("div",{key:"7251c146dd425b62d8f0659ffa825faa84e7b110",class:"data-section"},(d=this.listData)===null||d===void 0?void 0:d.map((({subject:i,value:e})=>o("div",{class:"data-row"},o("div",{class:"key"},o("unity-typography",{variant:"data-display-three"},`${i}: `)),o("div",{class:"value"},o("unity-typography",{variant:"data-display-three"},e)))))),o("div",{key:"2df27e38d9092c04d6d4fa4428108b55f1b62f77",class:"options"},this.enableViewFeature&&this.data&&o("div",{key:"b8c8364d7fd1a3e2442abea73db19ac5bff4b5fa",id:"viewFeatureOption"},o("stencil-icon-button",{key:"31f87917589d61040ebb3e46b1ad630b31eeec34",tooltip:"View",icon:a("view"),buttonId:"viewFeatureButton",onClick:()=>this.handleViewFeature({selectedFeature:this.data,formattedSelectedFeature:this.listData})})),((l=this.primaryActions)===null||l===void 0?void 0:l.length)>0&&o("div",{key:"b1a1c7c4ea2e602eaaa983993e814fbd2de8d976"},o("div",{key:"88d88f99f4b41d48e87ab7894e826d0043dbb5c4",class:"options"},(p=this.visiblePrimaryActions)===null||p===void 0?void 0:p.map(((i,e)=>{var t,s;return o("stencil-icon-button",{tooltip:i===null||i===void 0?void 0:i.name,icon:a(i===null||i===void 0?void 0:i.iconName),buttonId:(t=i===null||i===void 0?void 0:i.id)!==null&&t!==void 0?t:`primary-icon-action-${e}`,onClick:()=>i.onClick(this.data),disabled:(i===null||i===void 0?void 0:i.checkDisabled)?i===null||i===void 0?void 0:i.checkDisabled(this.data):(s=i===null||i===void 0?void 0:i.disabled)!==null&&s!==void 0?s:false})})),((b=this.overflowPrimaryActions)===null||b===void 0?void 0:b.length)>0&&o("stencil-icon-button",{key:"93371bedffe6f7d2d0c88d5b24a46da780b9b0f3",onClick:this.handleOnClickPrimaryAction,icon:s,tooltip:"More",noBackground:true,buttonId:"morePrimaryIconButton"})),this.primaryActionAnchor&&o("udp-pop-over",{key:"5559e811a2912ceccb8e28d4a9fe8bf42e0afcb8",anchorElement:this.primaryActionAnchor,isOpen:this.showPrimaryPopover,popoverWidth:"200px",popoverMaxHeight:"300px",handleOnClose:this.handleClosePopover,container:this.popoverContainer},o("div",{key:"a181790896fd98c30a9475ee7d10ac99697f9d84",class:"menu"},(h=this.overflowPrimaryActions)===null||h===void 0?void 0:h.map((i=>{var e;return o("udp-menu-item",{label:i===null||i===void 0?void 0:i.name,iconName:i===null||i===void 0?void 0:i.iconName,handleOnClick:()=>{i.onClick(this.data)},disabled:(i===null||i===void 0?void 0:i.checkDisabled)?i===null||i===void 0?void 0:i.checkDisabled(this.data):(e=i===null||i===void 0?void 0:i.disabled)!==null&&e!==void 0?e:false})}))))))))}get el(){return e(this)}static get watchers(){return{primaryActions:["updatePrimaryActions"]}}};l.style=d;const p=".popoverContent{display:flex;flex-direction:column;column-gap:var(--spacing-04);padding:var(--spacing-04);z-index:1}.featureDetailsPopOverContent{min-width:300px;z-index:1}.data-row{display:flex;column-gap:var(--spacing-04)}.data-section{display:flex;flex-direction:column;column-gap:var(--spacing-02)}.key{font-weight:bold;color:var(--accent-color-two)}.header{display:flex;background-color:var(--accent-color-three);color:var(--accent-color-two);padding-left:var(--spacing-02);margin-bottom:var(--spacing-04)}.closeButton{display:flex;align-items:center;justify-content:flex-end}.options{display:flex;justify-content:flex-end;column-gap:var(--spacing-04)}.mapType{margin-bottom:var(--spacing-02)}";const b=class{constructor(o){i(this,o);this.coordinates=[];this.enableViewFeature=true;this.showPopOver=false;this.isReadOnly=false;this.hideMessageIcon=false;this.popoverWidth="300px";this.listData=[]}updateListData(){var i,o,e,t,s;const a=((i=this.cardConfig)===null||i===void 0?void 0:i.popoverCardListFields)||((o=this.cardConfig)===null||o===void 0?void 0:o.extendedListFields);this.listData=((e=this.cardConfig)===null||e===void 0?void 0:e.getListFields)?(t=this.cardConfig)===null||t===void 0?void 0:t.getListFields(this.data):(s=a===null||a===void 0?void 0:a.map((i=>{var o,e;return{subject:r(i),value:(e=(o=this.data)===null||o===void 0?void 0:o[i])!==null&&e!==void 0?e:"-"}})))!==null&&s!==void 0?s:[]}updateTitle(){var i,o,e,t,s,a,n,r,d,l;if((i=this.data)===null||i===void 0?void 0:i[(o=this.cardConfig)===null||o===void 0?void 0:o.titleField]){this.cardTitle=(e=this.data)===null||e===void 0?void 0:e[(t=this.cardConfig)===null||t===void 0?void 0:t.titleField]}else if((s=this.cardConfig)===null||s===void 0?void 0:s.getTitle){this.cardTitle=(d=(a=this.cardConfig.getTitle(this.data))!==null&&a!==void 0?a:(n=this.data)===null||n===void 0?void 0:n[(r=this.cardConfig)===null||r===void 0?void 0:r.titleField])!==null&&d!==void 0?d:""}else if(this.coordinates){this.cardTitle=c(this.coordinates,(l=this.cardConfig)===null||l===void 0?void 0:l.maxLengthCoordinatesTitle)}}render(){var i,e,t;const s=this.getMessage?this.getMessage(this.data):null;const a=this.getMessageIcon?this.getMessageIcon(this.data):null;return o("div",{key:"deaed233d3e7bb551c0573d572e726e89478b0c1"},this.showPopOver&&o("feature-details-card",{key:"1032dce713a053da66036992fc43dfcf860f3ad3",data:this.currentSelectedFeature,title:this.cardTitle,listData:this.listData,status:(t=(i=this.data)===null||i===void 0?void 0:i[(e=this.cardConfig)===null||e===void 0?void 0:e.statusColor])===null||t===void 0?void 0:t.toLowerCase(),enableViewFeature:this.enableViewFeature,handleViewFeature:this.handleViewFeature,primaryActions:this.isReadOnly?[]:this.primaryActions,moreIconActions:this.isReadOnly?[]:this.moreIconActions,message:s,messageIcon:a,hideMessageIcon:this.hideMessageIcon,onClose:this.additionalOnclosePopover,width:this.popoverWidth,popoverContainer:this.popoverContainer}))}static get watchers(){return{cardConfig:["updateListData","updateTitle"],data:["updateListData"],coordinates:["updateTitle"]}}};b.style=p;export{l as feature_details_card,b as feature_details_popup};
2
2
  //# sourceMappingURL=feature-details-card_2.entry.js.map
package/dist/stencil-library/image-upload_7.entry.js CHANGED
@@ -1,2 +1,2 @@
1
- import{r as t,c as i,h as e,H as s,a as n}from"./index-n-1ZSeAs.js";import{i as o,a,d as r,b as l,c,e as d}from"./udp-drive-utils-BiYKUATs.js";import{createForm as u}from"final-form";import p from"lodash.debounce";import{b as h,a as m}from"./enums-CE8s6a9b.js";import{f as b,o as f}from"./utils-DZv4MqyU.js";import{g as y}from"./iconUtils-KSv32PVD.js";import v from"@carbon/icons/es/save/20";import"axios";import"./configService-BqLfkVKh.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/24";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";const g=":host{display:block}";const x=class{constructor(e){t(this,e);this.change=i(this,"change");this.allowedMimeTypes=["image/jpeg","image/png","image/gif","image/svg+xml","image/webp"];this.fullWidth=false;this.dragAndDropMessage="Drag and drop your images here";this.browseFileMessage="Browse Images";this.hideDragAndDrop=false;this.hideButton=false;this.disabled=false;this.readonly=false;this.handleFileChange=t=>{t.stopPropagation();this.change.emit(t.detail)}}render(){return e(s,{key:"19a51f64e9f42e14ed0db598cbe14afed29e0223"},e("file-upload",{key:"a08353c21e8a684e56dce14b09323bb8793c735e",allowMultiple:false,allowedMimeTypes:this.allowedMimeTypes,fullWidth:this.fullWidth,required:this.required,error:this.error,dragAndDropMessage:this.dragAndDropMessage,browseFileMessage:this.browseFileMessage,hideDragAndDrop:this.hideDragAndDrop,hideButton:this.hideButton,id:this.id,name:this.name,label:this.label,disabled:this.disabled,readonly:this.readonly,initialValue:this.initialValue,renderImage:true,onChange:this.handleFileChange}))}};x.style=g;const w=':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(.udp-input--size-small) .signature-canvas{height:150px}:host(.udp-input--size-normal) .signature-canvas{height:200px}:host(.udp-input--size-large) .signature-canvas{height:250px}:host(.udp-input--size-small) .clear-button{padding:var(--spacing-01) var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);top:var(--spacing-02);right:var(--spacing-02)}:host(.udp-input--size-normal) .clear-button{padding:var(--spacing-02) var(--spacing-03);font-size:var(--body-font-size);top:var(--spacing-02);right:var(--spacing-02)}:host(.udp-input--size-large) .clear-button{padding:var(--spacing-03) var(--spacing-04);font-size:var(--body-font-size);top:var(--spacing-03);right:var(--spacing-03)}.signature-pad-container{position:relative;border:1px solid var(--udp-mid-gray-color);border-radius:4px;background-color:var(--udp-light-gray-color)}.signature-canvas{display:block;width:100%;height:200px;}.signature-pad-container.readonly{background-color:var(--udp-disabled-gray-color)}.signature-canvas.readonly{cursor:not-allowed}.clear-button{position:absolute;top:var(--spacing-02);right:var(--spacing-02);background-color:var(--udp-light-gray-color);border:1px solid var(--udp-mid-gray-color);color:var(--udp-primary-color);cursor:pointer;border-radius:4px;padding:var(--spacing-02) var(--spacing-03);}.clear-button:hover{background-color:var(--udp-mid-gray-color)}.clear-button:disabled{cursor:not-allowed;opacity:0.5}';const k=class{constructor(e){t(this,e);this.change=i(this,"change");this.metadataEmit=i(this,"metadataEmit");this.includeLocation=false;this.disabled=false;this.readonly=false;this.size="normal";this.margin="normal";this.cachedLocation=null;this.handleResize=()=>{if(this.resizeTimeout)clearTimeout(this.resizeTimeout);this.resizeTimeout=setTimeout((()=>{const t=this.canvasEl.getBoundingClientRect();if(!this.lastCanvasRect||t.width!==this.lastCanvasRect.width||t.height!==this.lastCanvasRect.height){let i=this.signaturePad&&!this.signaturePad.isEmpty()?this.signaturePad.toDataURL():null;this.resizeCanvasForDPR();this.initializeSignaturePad();this.lastCanvasRect=t;if(i&&this.signaturePad){this.signaturePad.fromDataURL(i)}}}),200)};this.handleSignatureEnd=async()=>{if(this.signaturePad.isEmpty()){this.value=null;this.change.emit(null);this.metadataEmit.emit({key:"signature.latitude",value:null});this.metadataEmit.emit({key:"signature.longitude",value:null});this.metadataEmit.emit({key:"signature.timestamp",value:null})}else{const t=this.signaturePad.toDataURL();const i=await this.urlToFile(t,"signature.png");this.value=i;this.change.emit(i);this.metadataEmit.emit({key:"signature.timestamp",value:(new Date).toISOString()});if(this.includeLocation){try{let t=this.cachedLocation;if(!t){t=await new Promise(((t,i)=>{navigator.geolocation.getCurrentPosition(t,i,{enableHighAccuracy:true,timeout:3e4,maximumAge:0})}))}if(t){this.metadataEmit.emit({key:"signature.latitude",value:t.coords.latitude});this.metadataEmit.emit({key:"signature.longitude",value:t.coords.longitude})}else{this.metadataEmit.emit({key:"signature.latitude",value:null});this.metadataEmit.emit({key:"signature.longitude",value:null})}}catch(t){console.warn("Geolocation error:",t);this.metadataEmit.emit({key:"signature.latitude",value:null});this.metadataEmit.emit({key:"signature.longitude",value:null})}}}};this.clearSignature=()=>{if(this.signaturePad){this.signaturePad.clear();this.handleSignatureEnd()}}}onErrorChange(t){this.internalError=t}async onValueChange(t){await this.loadSignaturePad();if(this.signaturePad){this.signaturePad.clear();if(t){this.loadSignature(t)}}}async onInitialValueChange(t){if(!t){return}try{const i=Array.isArray(t)?t[0]:t;if(!i)return;let e=null;if(typeof i==="string"&&o(i)){const t=await a(i);if(t){if(t.driveFileId){const i={name:t.name,driveFileId:t.driveFileId,extension:t.name.split(".").pop()||""};e=await r(i)}else{e=t}}}else if(l(i)){e=await r(i)}else if(typeof i==="string"){e=await c(i,"initial_signature.png")}else if(d(i)){e=i}if(e){this.value=e;this.resizeCanvasForDPR();this.initializeSignaturePad()}else{console.warn("Initial value could not be processed into a valid file:",i)}}catch(t){console.error("Failed to process initial value for signature pad:",t)}}async componentWillLoad(){this.internalError=this.error;await this.loadSignaturePad();if(this.includeLocation){navigator.geolocation.getCurrentPosition((t=>{this.cachedLocation=t}),(t=>{console.warn("Prewarm geolocation error:",t);this.cachedLocation=null}),{enableHighAccuracy:true,timeout:3e4,maximumAge:0})}}async componentDidLoad(){let t=this.initialValue;if(t){if(Array.isArray(t)){t=t[0]}if(l(this.initialValue)){console.log("Loading signature from UdpDriveFile:",this.initialValue);try{const t=await r(this.initialValue);this.value=t;this.readonly=false}catch(t){console.error("Failed to fetch UdpDriveFile for signature:",t);this.value=this.initialValue;this.readonly=true}}else{this.value=await this.urlToFile(this.initialValue,"initial_signature.png")}}this.resizeCanvasForDPR();this.initializeSignaturePad();this.lastCanvasRect=this.canvasEl.getBoundingClientRect();window.addEventListener("resize",this.handleResize)}disconnectedCallback(){window.removeEventListener("resize",this.handleResize);if(this.resizeTimeout)clearTimeout(this.resizeTimeout)}resizeCanvasForDPR(){if(!this.canvasEl)return;const t=window.devicePixelRatio||1;const i=this.canvasEl.getBoundingClientRect();this.canvasEl.width=i.width*t;this.canvasEl.height=i.height*t;this.canvasEl.getContext("2d").scale(t,t)}async loadSignaturePad(){if(!this.SignaturePadLib){try{const t=await import("signature_pad");this.SignaturePadLib=t.default}catch(t){console.error("Failed to load signature_pad library",t)}}}initializeSignaturePad(){this.resizeCanvasForDPR();if(this.SignaturePadLib&&this.canvasEl){this.signaturePad=new this.SignaturePadLib(this.canvasEl);this.signaturePad.addEventListener("endStroke",this.handleSignatureEnd);this.handleStateChange();if(this.value){this.loadSignature(this.value)}}}handleStateChange(){if(this.signaturePad){if(this.disabled||this.readonly){this.signaturePad.off()}else{this.signaturePad.on()}}}async loadSignature(t){let i;if(typeof t==="string"){i=t}else if(l(t)){try{const e=await r(t);i=URL.createObjectURL(e)}catch(t){console.error("Error loading signature image from UdpDriveFile:",t);return}}else if(t instanceof File){i=URL.createObjectURL(t)}if(i&&this.signaturePad){this.signaturePad.fromDataURL(i,{ratio:window.devicePixelRatio,width:this.canvasEl.width,height:this.canvasEl.height})}}async urlToFile(t,i){const e=await fetch(t);const s=await e.blob();return new File([s],i,{type:s.type})}render(){const t=!!this.internalError;const i={"signature-pad-container":true,readonly:this.readonly,disabled:this.disabled};return e(s,{key:"dc034f05df499549cd7034bce6e88c91bfbfaf96",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--required":this.required,"udp-input--readonly":this.readonly,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true}},e("div",{key:"4f4d51ecfe59f538eb99b855ae9707af6bd899ea",class:"bx--form-item"},this.label&&e("unity-typography",{key:"d8fee693974965ab6898e69524f3915fbd0fc27f",variant:"caption-text"},e("label",{key:"919a7adc4696078c797a7c5c7c19957ff26c9d13",htmlFor:this.id,class:"bx--label"},this.label,this.required&&"*")),e("div",{key:"7570d0119751556158487a82b05c3bf97aefeba9",class:i},e("canvas",{key:"5262809218c69e88bf3d9050d70e3eba3f7d392c",ref:t=>this.canvasEl=t,class:{"signature-canvas":true,readonly:this.readonly||this.disabled},id:this.id}),!this.readonly&&!this.disabled&&e("button",{key:"f52033e90c57c4297d6fa31649de86f518c30fc7",type:"button",class:"clear-button",onClick:this.clearSignature,disabled:this.disabled},"Clear")),t&&e("div",{key:"39733f96d4a39c92ae7d6da16eac0512502a9d2b",class:"error-message"},e("unity-typography",{key:"cb5d2a2b8f48d6b6b3753bd4cf6882a19f29706c",variant:"caption-text",color:"error"},this.internalError))))}get el(){return n(this)}static get watchers(){return{error:["onErrorChange"],value:["onValueChange"],initialValue:["onInitialValueChange"],disabled:["handleStateChange"],readonly:["handleStateChange"]}}};k.style=w;const z=class{constructor(e){t(this,e);this.stencilFormInvalidEvent=i(this,"stencilFormInvalidEvent");this.dirtyChange=i(this,"dirtyChange");this.validateOnBlur=true;this.registeredFields={};this.customErrors={};this.handleSlotChange=()=>{const t=this.el.shadowRoot.querySelector("slot");if(!t)return;t.assignedNodes().forEach((t=>this.processNodeRecursively(t)))};this.submitWithValidation=this.submitWithValidation.bind(this);this.defaultValidation=this.defaultValidation.bind(this);this.submit=this.submit.bind(this);this.onFormChange=this.onFormChange.bind(this)}connectField(t){if(t.__connectedToForm)return;t.setFormApi({api:this.api,registeredFields:this.registeredFields,customErrors:this.customErrors});t.__connectedToForm=true}async processNodeRecursively(t){if(t.nodeType!==Node.ELEMENT_NODE){return}const i=t;if(i.localName.includes("-")){await customElements.whenDefined(i.localName)}if(i.matches("stencil-field")){this.connectField(i)}this.connectSubmitButtons(i);if(i.shadowRoot){for(const t of Array.from(i.shadowRoot.childNodes)){await this.processNodeRecursively(t)}}for(const t of Array.from(i.childNodes)){await this.processNodeRecursively(t)}}connectSubmitButtons(t){if(t.nodeType!==Node.ELEMENT_NODE){return}const i=t;if(i.matches('input[type="submit"], button[type="submit"]')){const t=i;if(!t.dataset.stencilFormConnected){t.dataset.stencilFormConnected="true";i.addEventListener("click",(t=>{t.preventDefault();this.submit(t)}))}}const e=i.querySelectorAll('input[type="submit"], button[type="submit"]');e.forEach((t=>{const i=t;if(!i.dataset.stencilFormConnected){i.dataset.stencilFormConnected="true";t.addEventListener("click",(t=>{t.preventDefault();this.submit(t)}))}}))}componentWillLoad(){this.api=u({onSubmit:this.submitWithValidation,initialValues:this.initialValues,validate:this.defaultValidation,validateOnBlur:this.validateOnBlur});if(this.handleChange){this.api.subscribe(this.onFormChange,{values:true})}this.api.subscribe((t=>{const{dirtyFields:i}=t;const e=this.registeredFields;const s=Object.keys(i||{}).some((t=>{var s;return i[t]&&!((s=e[t])===null||s===void 0?void 0:s.ignoreDirty)}));this.dirtyChange.emit(s)}),{dirtyFields:true})}componentDidLoad(){const t=this.el.shadowRoot.querySelector("slot");this.observer=new MutationObserver((t=>{for(const i of t){i.addedNodes.forEach((t=>{this.processNodeRecursively(t)}))}}));const i=()=>{const i=(t===null||t===void 0?void 0:t.assignedNodes({flatten:true}))||[];i.forEach((t=>{if(t.nodeType===Node.ELEMENT_NODE){this.observer.observe(t,{childList:true,subtree:true});this.processNodeRecursively(t)}}))};if(t){i();t.addEventListener("slotchange",i)}this.observer.observe(this.el,{childList:true,subtree:true});this.el.dispatchEvent(new CustomEvent("stencilFormReady",{bubbles:true,composed:true}))}disconnectedCallback(){var t;this.api=null;this.registeredFields={};const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(i){i.removeEventListener("slotchange",this.handleSlotChange)}}onFormChange(t){if(this.handleChange&&t.values){this.handleChange(t.values)}}async submitWithValidation(t){const i=this.defaultValidation(t);if(Object.keys(i).length===0){this.handleSubmit(t)}else{this.stencilFormInvalidEvent.emit(i)}}defaultValidation(t){const{registeredFields:i,customErrors:e}=this;const s={};const n=(t,i)=>i.replace(/\[(\d+)\]/g,".$1").split(".").reduce(((t,i)=>t!=null?t[i]:undefined),t);Object.keys(i).forEach((e=>{const o=i[e];if(o===null||o===void 0?void 0:o.ignoreDirty)return;const a=n(t,e);if(o.required&&(a==null||typeof a==="string"&&a.trim()===""||a===false||a==="false")){s[e]="This field is required"}}));if(e){Object.keys(e).forEach((t=>{if(e[t]){s[t]=e[t]}}))}if(this===null||this===void 0?void 0:this.handleValidate){const i=this.handleValidate(t,s);return Object.assign(Object.assign({},s),i)}return s}async getApi(){if(!this.api){console.error("❌ Form API not initialized yet.");return null}return this.api}submit(t){var i;(i=t===null||t===void 0?void 0:t.preventDefault)===null||i===void 0?void 0:i.call(t);const e=this.api.getState().values;const s=this.defaultValidation(e);const n=()=>{var t;if(Object.keys(s).length){this.stencilFormInvalidEvent.emit(s);return}(t=this.api)===null||t===void 0?void 0:t.submit()};p(n,1e3,{leading:true,trailing:false})()}render(){return e("form",{key:"fd790369f0e37d43c8bafcaccde0e440e0746e08"},e("slot",{key:"d748fb1bb8a0946f8966b4799535865b466a1442"}))}get el(){return n(this)}};const C=":host{display:block;width:100%}.tally-container{display:flex;flex-direction:column;gap:var(--spacing-02, 8px)}.tally-label{font-weight:600;margin-bottom:var(--spacing-02, 8px)}.tally-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-04, 16px);color:var(--text-secondary, #6b7280)}.tally-content{display:flex;flex-direction:column;gap:var(--spacing-03, 12px)}.tally-stats{display:flex;gap:var(--spacing-04, 16px);flex-wrap:wrap}.tally-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-03, 12px) var(--spacing-04, 16px);border-radius:var(--border-radius-01, 4px);border:1px solid var(--border-subtle, #e5e7eb);background-color:var(--layer-01, #ffffff);min-width:80px;flex:1;max-width:120px}.tally-item.tally-yes{border-color:var(--support-success, #42be65);background-color:var(--support-success-hover, #f6f8ff)}.tally-item.tally-no{border-color:var(--support-error, #da1e28);background-color:var(--support-error-hover, #fff1f1)}.tally-item.tally-unanswered{border-color:var(--support-warning, #f1c21b);background-color:var(--support-warning-hover, #fcf4d6)}.tally-count{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-01, 4px)}.tally-yes .tally-count{color:var(--support-success, #42be65)}.tally-no .tally-count{color:var(--support-error, #da1e28)}.tally-unanswered .tally-count{color:var(--support-warning, #f1c21b)}.tally-item .tally-label{margin:0;font-weight:500;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.02em}.tally-summary{padding:var(--spacing-02, 8px) 0;border-top:1px solid var(--border-subtle, #e5e7eb);text-align:center}.error-message{margin-top:var(--spacing-02, 8px);padding:var(--spacing-02, 8px);border-radius:var(--border-radius-01, 4px);background-color:var(--support-error-hover, #fff1f1);border:1px solid var(--support-error, #da1e28)}:host(.udp-input--size-small) .tally-item{padding:var(--spacing-02, 8px) var(--spacing-03, 12px);min-width:60px;max-width:90px}:host(.udp-input--size-small) .tally-count{font-size:1.25rem}:host(.udp-input--size-large) .tally-item{padding:var(--spacing-04, 16px) var(--spacing-05, 20px);min-width:100px;max-width:150px}:host(.udp-input--size-large) .tally-count{font-size:2rem}:host(.udp-input--margin-none) .tally-container{gap:0}:host(.udp-input--margin-dense) .tally-container{gap:var(--spacing-01, 4px)}:host(.udp-input--margin-comfortable) .tally-container{gap:var(--spacing-04, 16px)}:host(.udp-input--disabled) .tally-item{opacity:0.5;pointer-events:none}:host(.udp-input--readonly) .tally-item{background-color:var(--field-01, #f4f4f4)}@media (max-width: 480px){.tally-stats{flex-direction:column}.tally-item{max-width:none;flex:none}}";const j=class{constructor(i){t(this,i);this.label="Response Tally";this.yesCount=0;this.noCount=0;this.naCount=0;this.totalFields=0;this.disabled=false;this.readonly=false;this.size="normal";this.margin="normal"}render(){const t=!!this.error;const i=this.yesCount+this.noCount+this.naCount;const n=this.totalFields-i;return e(s,{key:"c9e96cdb5d91e8c2cd45e32d07001a62a3e8a49c",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true}},e("div",{key:"6083ef795c4eab017a38d1902ec6a579878457a8",class:"tally-container"},this.label&&e("unity-typography",{key:"049187840fd2aa82ea7e41c5fba09e3b9e19606c",variant:"caption-text"},e("label",{key:"474ff2713c3ae424d3f06c564a0b25eb7986aa99",htmlFor:this.id,class:"tally-label"},this.label)),e("div",{key:"e6c19c979f1ecad44499266ede07f3a3015c76ed",class:"tally-content",id:this.id},e("div",{key:"78a94b2e9558e3762b992fcc3a6c836c0b434cdc",class:"tally-stats"},e("div",{key:"685067252f8387392cc49431ca940495d2650814",class:"tally-item tally-yes"},e("unity-typography",{key:"78b2bef3a168663ab7afd794edb4d86d92f21b97",variant:"h4",class:"tally-count"},this.yesCount),e("unity-typography",{key:"a66f44b5e0fecbd1b42d3ced6b04cd1c3f329695",variant:"caption-text",class:"tally-label"},"Yes")),e("div",{key:"f942f4ef520684801f6cf3b0a817d1b199c9a16e",class:"tally-item tally-no"},e("unity-typography",{key:"3b7fced2e98e8d923d8a052143c9a38e59be384e",variant:"h4",class:"tally-count"},this.noCount),e("unity-typography",{key:"17a86ebf26dc706a355231fd43b7ee61818014a7",variant:"caption-text",class:"tally-label"},"No")),e("div",{key:"01f7f70b709df656b299a890bba6e244fd7a08c6",class:"tally-item tally-na"},e("unity-typography",{key:"abec06e4efc5197ff7e01923851567d3416374b2",variant:"h4",class:"tally-count"},this.naCount),e("unity-typography",{key:"a3463b0a120b74e916ee38e7d6f8228f8b23492c",variant:"caption-text",class:"tally-label"},"Not Applicable")),n>0&&e("div",{key:"e3b2232988a7e14b73d6b1e31636567fb49d3c77",class:"tally-item tally-unanswered"},e("unity-typography",{key:"7f6a2467b952c6e0a09d0b449a02b8695493dcae",variant:"h4",class:"tally-count"},n),e("unity-typography",{key:"2e07bfd707c22f956d012be6ba1a3e63cd173d31",variant:"caption-text",class:"tally-label"},"Unanswered"))),e("div",{key:"c6d57248f93e8a1983972c526d3ec59643d51314",class:"tally-summary"},e("unity-typography",{key:"ddefe0eb812b31360f4a6cf0859bf3b1075dbcd7",variant:"caption-text"},"Total Questions: ",this.totalFields))),t&&e("div",{key:"3fbc95f85065d432106d99c2b7b45a8560820f5d",class:"error-message"},e("unity-typography",{key:"d9a4969364ee1787d60933e0560a99ebdf50c8e8",variant:"caption-text",color:"error"},this.error))))}};j.style=C;async function O(t){let i=t;let e=null;while(i){const t=i.closest("stencil-form");if(t){e=t;break}const s=i.getRootNode();if(s instanceof ShadowRoot){i=s.host}else{break}}if(!e){return null}if(typeof e.getApi!=="function"){return null}const s=await e.getApi();if(!s){return null}return s}const q=".hidden{display:none}.question-container{border-top:1px solid rgba(0, 0, 0, 0.08);padding-top:1rem}.question-title-and-helper-container{display:flex;flex-direction:column;gap:var(--spacing-03)}.question-title-and-followup-container{display:flex;justify-content:space-between;align-items:center}";const F=class{constructor(e){t(this,e);this.launchFollowUpFormSideSheet=i(this,"launchFollowUpFormSideSheet");this.disabled=false;this.readonly=false;this.initialValues={};this.userId=null;this.tallyData={yesCount:0,noCount:0,naCount:0,totalFields:0};this.formApi=null}propChanged(){this.updateFieldComponent()}async componentWillLoad(){this.updateFieldComponent();if(this.question.fieldTypeId===h.Tally){await this.initializeFormApiForTally()}}async initializeFormApiForTally(){try{this.formApi=await O(this.el);if(this.formApi){const t=this.formApi.subscribe((()=>{this.calculateTally()}),{active:true,dirty:true,values:true});this.unsubscribeFormApi=t;this.calculateTally()}}catch(t){console.error("Failed to initialize form API for tally:",t)}}calculateTally(){if(!this.formApi||this.question.fieldTypeId!==h.Tally){return}try{const t=this.formApi.getState().values;const i=this.el.closest("stencil-form");if(!i){return}const e=i.querySelectorAll("udp-question");const s=[];e.forEach((t=>{if(t.question&&t.question.fieldTypeId===h.YesNo){const i=`${t.question.questionIdentifierKey}.value`;if(i){const t=this.shouldIncludeFieldInTally(i);if(t){s.push(i)}}}}));let n=0;let o=0;let a=0;s.forEach((i=>{const[e,s]=i.split(".");const r=t[e][s].value;if(r==="true"||r===true){n++}else if(r==="false"||r===false){o++}else if(r==="na"){a++}}));this.tallyData={yesCount:n,noCount:o,naCount:a,totalFields:s.length};this.updateFieldComponent()}catch(t){console.error("Error calculating tally:",t)}}shouldIncludeFieldInTally(t){const i=this.question.fieldProperties;if((i===null||i===void 0?void 0:i.includeFields)&&i.includeFields.length>0){return i.includeFields.includes(t)}if((i===null||i===void 0?void 0:i.excludeFields)&&i.excludeFields.length>0){return!i.excludeFields.includes(t)}return true}updateFieldComponent(){this._fieldComponent=this.getFieldComponent()}getFieldComponent(){var t,i,s,n;const o={name:`${this.question.questionIdentifierKey}.value`,required:this.question.required};const a=Object.assign(Object.assign({},this.question.fieldProperties),{id:this.questionNumber,disabled:this.disabled,readonly:this.readonly});switch(this.question.fieldTypeId){case h.SingleLineText:return e("stencil-field",Object.assign({},o),e("text-field",Object.assign({},a)));case h.MultiLineText:return e("stencil-field",Object.assign({},o),e("text-area",Object.assign({fullWidth:true},a)));case h.Checkbox:return e("stencil-field",Object.assign({},o),e("selectable-list",Object.assign({valueKey:"value",displayKey:"display",multiSelect:true,useCheckbox:true},a)));case h.RadioButton:return e("stencil-field",Object.assign({},o),e("selectable-list",Object.assign({valueKey:"value",displayKey:"display",useCheckbox:true},a)));case h.DropdownSingleSelect:case h.DropdownMultipleSelect:let r=(i=(t=a===null||a===void 0?void 0:a.items)===null||t===void 0?void 0:t.map)===null||i===void 0?void 0:i.call(t,(t=>Object.assign({label:t.display,value:t.value},a)));return e("stencil-field",Object.assign({},o),e("udp-selector",Object.assign({options:r!==null&&r!==void 0?r:[],multiSelect:this.question.fieldTypeId===h.DropdownMultipleSelect},a)));case h.YesNo:return e("stencil-field",Object.assign({},o),e("selectable-list",Object.assign({valueKey:"value",displayKey:"display",useCheckbox:true,multiSelect:false,items:[{value:"true",display:"Yes"},{value:"false",display:"No"},{value:"na",display:"Not Applicable"}]},a)));case h.ListMultiSelect:return e("stencil-field",Object.assign({},o),e("selectable-list",Object.assign({valueKey:"value",displayKey:"display",multiSelect:true},a)));case h.DateSelector:return e("stencil-field",Object.assign({},o),e("udp-date-selector",Object.assign({min:a===null||a===void 0?void 0:a.minDate,max:a===null||a===void 0?void 0:a.maxDate},a)));case h.TimeSelector:return e("stencil-field",Object.assign({},o),e("udp-time-selector",Object.assign({min:a===null||a===void 0?void 0:a.minTime,max:a===null||a===void 0?void 0:a.maxTime},a)));case h.DateTimeSelector:return e("stencil-field",Object.assign({},o),e("udp-datetime-selector",Object.assign({max:a===null||a===void 0?void 0:a.maxDateTime,min:a===null||a===void 0?void 0:a.minDateTime},a)));case h.FileUpload:return e("stencil-field",Object.assign({},o),e("file-upload",Object.assign({fullWidth:true,allowMultiple:false},a)));case h.ImageUpload:return e("stencil-field",Object.assign({},o),e("image-upload",Object.assign({fullWidth:true},a)));case h.Signature:return e("div",null,e("stencil-field",Object.assign({},o,{fieldIdentifierKey:`${this.question.questionIdentifierKey}`,registerMetadata:true,metadataFieldNames:["signature.latitude","signature.longitude","signature.timestamp"]}),e("signature-input",Object.assign({},a,{value:this.value}))),e("stencil-field",{required:this.question.required,name:`${this.question.questionIdentifierKey}.metadata.signature.fullName`},e("text-field",Object.assign({},a,{label:"Full Name"}))));case h.Paragraph:return e("stencil-field",{name:this.question.name,required:false},e("input",{type:"hidden",name:this.question.name,value:this.value||""}),this.value?e("unity-typography",{id:`paragraphText${this.question.name}`,variant:((n=(s=this.styleOverrides)===null||s===void 0?void 0:s.paragraphText)===null||n===void 0?void 0:n.variant)||"body"},this.value):e("div",null));case h.Number:return e("stencil-field",Object.assign({},o),e("numeric-field",Object.assign({},a)));case h.Tally:return e("tally-display",Object.assign({id:this.questionNumber,label:this.question.questionText||"Response Tally",yesCount:this.tallyData.yesCount,noCount:this.tallyData.noCount,naCount:this.tallyData.naCount,totalFields:this.tallyData.totalFields},a,{required:false}));case h.Hidden:default:return e("div",null)}}async componentDidLoad(){var t,i,e,s;if(this.question.fieldTypeId===h.Tally&&!this.formApi){await this.initializeFormApiForTally()}const n=[];for(const o in this.styleOverrides){n.push({id:o+this.question.name,fontOverride:(i=(t=this.styleOverrides)===null||t===void 0?void 0:t[o])===null||i===void 0?void 0:i.fontFamily,variant:(s=(e=this.styleOverrides)===null||e===void 0?void 0:e[o])===null||s===void 0?void 0:s.variant})}n.forEach((t=>{var i,e,s;if(!b[t===null||t===void 0?void 0:t.fontOverride]||!this.el||!this.el.shadowRoot)return;f((s=(e=(i=this.el)===null||i===void 0?void 0:i.shadowRoot)===null||e===void 0?void 0:e.getElementById)===null||s===void 0?void 0:s.call(e,t.id),b[t===null||t===void 0?void 0:t.fontOverride])}))}render(){var t,i,s,n;const o=this._fieldComponent;const a=`${this.question.fieldTypeId===h.Paragraph?"":`${this.questionNumber}.`} ${this.question.questionText} ${this.question.required&&this.question.fieldTypeId!==h.Paragraph?"*":""}`;const r={disabled:this.disabled,readonly:this.readonly};const l=`${this.question.questionIdentifierKey}.value`;const[c,d]=l.split(".");if(!o)return null;return e("div",{class:{hidden:this.question.fieldTypeId===h.Hidden,"question-container":true}},e("div",{class:"question-title-and-helper-container"},e("div",{class:"question-title-and-followup-container"},this.question.questionText&&e("unity-typography",{id:`questionText${this.question.name}`,variant:((i=(t=this.styleOverrides)===null||t===void 0?void 0:t.questionText)===null||i===void 0?void 0:i.variant)||"h3"},a),e("div",null,this.question.fieldProperties.allowFollowUpForms&&(()=>{var t;const i=(t=this.initialValues[c][d])===null||t===void 0?void 0:t.metadata;const s=i===null||i===void 0?void 0:i.followUpFormSubmissionId;if(s){const t=`/page/${m.FormRendererPageId}?udpf_submissionId=${s}`;return e("stencil-icon-button",{icon:y("link"),tooltip:"Open Follow-Up Form",onClick:()=>window.open(t,"_blank")})}if(!this.readonly){return e("stencil-icon-button",{icon:y("document"),tooltip:"Create Follow-Up Form",onClick:()=>{console.log("clicked create follow up form");this.launchFollowUpFormSideSheet.emit({sectionKey:c,questionKey:d})}})}})())),this.question.helperText&&e("unity-typography",{id:`helperText${this.question.name}`,variant:((n=(s=this.styleOverrides)===null||s===void 0?void 0:s.helperText)===null||n===void 0?void 0:n.variant)||"caption-text"},this.question.helperText)),o,this.question.fieldProperties.allowFollowUpForms&&e("div",null,e("stencil-field",{hidden:true,name:`${this.question.questionIdentifierKey}.metadata.followUpParentFormId`},e("text-field",null)),e("stencil-field",{hidden:true,name:`${this.question.questionIdentifierKey}.metadata.followUpParentFormVersion`},e("text-field",null)),e("stencil-field",{hidden:true,name:`${this.question.questionIdentifierKey}.metadata.followUpParentFormSubmissionId`},e("text-field",null))),this.question.fieldProperties.allowComments&&e("udp-question-comment",{question:this.question,readonly:this.readonly,commentFieldProps:r,initialValues:this.initialValues,userId:this.userId}))}get el(){return n(this)}static get watchers(){return{question:["propChanged"],questionNumber:["propChanged"],value:["propChanged"],disabled:["propChanged"],readonly:["propChanged"],styleOverrides:["propChanged"]}}};F.style=q;const $=".question-comment-add-comment-button{display:flex;justify-content:center}.question-comment-action-container{display:flex;justify-content:end}.question-comment-display{position:relative;display:flex;flex-direction:column;gap:var(--spacing-03);margin-bottom:var(--spacing-05);border:1px solid var(--border-color, #ccc);border-radius:6px;padding:var(--spacing-05) var(--spacing-04)}.question-comment-display>.question-comment-header{position:absolute;bottom:-0.6em;right:1em;background:white;padding:0 0.4em;font-size:0.85em}";const S=class{constructor(e){t(this,e);this.questionCommentAction=i(this,"questionCommentAction");this.readonly=false;this.commentFieldProps={};this.initialValues={};this.userId=null;this.isContainsSavedComment=false;this.isContainsDraftComment=false;this.isCommentOwner=false}emitQuestionCommentAction(t){this.questionCommentAction.emit({type:t,key:this.question.questionIdentifierKey})}handleCommentAdd(){this.emitQuestionCommentAction("add")}handleCommentSave(){this.emitQuestionCommentAction("save")}handleCommentEdit(){this.emitQuestionCommentAction("edit")}handleCommentDelete(){this.emitQuestionCommentAction("delete")}componentWillRender(){var t;const i=this.question.questionIdentifierKey;const[e,s]=i.split(".");const n=this.initialValues[e][s];n.draftComment?this.isContainsDraftComment=true:this.isContainsDraftComment=false;n.comments.length>0?this.isContainsSavedComment=true:this.isContainsSavedComment=false;((t=n.comments[0])===null||t===void 0?void 0:t.userId)==this.userId?this.isCommentOwner=true:this.isCommentOwner=false}render(){const t=`${this.question.questionIdentifierKey}.comments[0].value`;const i=`${this.question.questionIdentifierKey}.draftComment.value`;const[s,n]=this.question.questionIdentifierKey.split(".");const o=this.initialValues[s][n].comments[0]||null;if(this.readonly){return this.isContainsSavedComment?e("div",{class:"question-comment-display"},e("unity-typography",{variant:"h4",color:"inherit",class:"question-comment-header"},"User Comment"),e("unity-typography",{variant:"body",color:"inherit"},o===null||o===void 0?void 0:o.value)):null}if(this.isContainsSavedComment&&!this.isCommentOwner){return e("div",{class:"question-comment-display"},e("unity-typography",{variant:"h4",color:"inherit",class:"question-comment-header"},"User Comment"),e("unity-typography",{variant:"body",color:"inherit"},o===null||o===void 0?void 0:o.value))}if(this.isContainsDraftComment){return e("div",{class:"question-comment-draft-container"},e("stencil-field",{name:i,required:true,ignoreDirty:true},e("text-area",Object.assign({},this.commentFieldProps,{label:"Comment:",placeholder:"Add a comment"}))),e("div",{class:"question-comment-action-container"},e("udp-button",{variant:"text",onClick:()=>{this.handleCommentDelete()},startIcon:e("udp-icon",{iconName:"trashCan",color:"inherit"})},"Delete"),e("udp-button",{variant:"text",onClick:()=>{this.handleCommentSave()},startIcon:e("udp-icon",{iconName:"save",color:"inherit"})},"Save")))}if(this.isContainsSavedComment){return e("div",{class:"question-comment-input-container"},e("div",null,e("stencil-field",{name:t,style:{display:"none"}},e("text-area",{disabled:true})),e("div",{class:"question-comment-display"},e("unity-typography",{variant:"h4",color:"inherit",class:"question-comment-header"},`Comment by: ${o===null||o===void 0?void 0:o.userDisplayName}`),e("unity-typography",{variant:"body",color:"inherit"},`${o===null||o===void 0?void 0:o.value}`)),e("div",{class:"question-comment-action-container"},e("udp-button",{variant:"text",onClick:()=>{this.handleCommentEdit()},startIcon:e("udp-icon",{iconName:"edit",color:"inherit"})},"Edit"))))}return e("div",{class:"question-comment-add-comment-button"},e("udp-button",{variant:"text",onClick:()=>{this.handleCommentAdd()},startIcon:e("udp-icon",{iconName:"add",color:"inherit"})},"Add a Comment"))}};S.style=$;const I=".floating-save-button{position:fixed;top:5rem;right:2rem;z-index:1000;animation:slideInDown 0.3s ease-out}.inline-save-button{position:relative;display:inline-flex;align-items:center;margin-left:auto;}.floating-save-button.saving,.inline-save-button.saving{pointer-events:none}.saving-state{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:rgba(0, 0, 0, 0.8);color:white;border-radius:8px;font-size:0.9rem}.saved-state{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:rgba(34, 139, 34, 0.9);color:white;border-radius:8px;font-size:0.9rem;animation:fadeIn 0.3s ease-out}.inline-save-button .saving-state{padding:0.5rem 0.75rem;background:rgba(0, 0, 0, 0.6);font-size:0.8rem}.inline-save-button .saved-state{padding:0.5rem 0.75rem;background:rgba(34, 139, 34, 0.8);font-size:0.8rem}.save-error-tooltip{position:absolute;top:100%;right:0;margin-top:0.5rem;background:#dc3545;color:white;padding:0.5rem 1rem;border-radius:8px;font-size:0.8rem;white-space:nowrap;box-shadow:0 4px 12px rgba(220, 53, 69, 0.3);animation:fadeIn 0.3s ease-out;z-index:1001}.save-error-tooltip::after{content:'';position:absolute;bottom:100%;right:1rem;border:6px solid transparent;border-bottom-color:#dc3545}.inline-save-button .save-error-tooltip{top:100%;bottom:auto;margin-top:0.5rem;margin-bottom:0}.inline-save-button .save-error-tooltip::after{top:-6px;border-top-color:transparent;border-bottom-color:#dc3545}@keyframes slideInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width: 768px){.floating-save-button{bottom:1rem;right:1rem;top:auto;}.saving-state{padding:0.6rem 0.8rem;font-size:0.8rem}.inline-save-button .saving-state{padding:0.4rem 0.6rem;font-size:0.75rem}}.primary-icon{--icon-color:var(--primary-color, #1976d2)}.primary-icon::part(icon){fill:var(--icon-color) !important}.primary-icon udp-icon-button::part(icon),.primary-icon .icon{fill:var(--primary-color, #1976d2) !important}@media (prefers-reduced-motion: reduce){.floating-save-button,.save-error-tooltip{animation:none}}";const A=class{constructor(i){t(this,i);this.isVisible=false;this.isSaving=false;this.saveErrorMessage=null;this.showSavedMessage=false;this.shouldBeInline=false;this.formApi=null;this.handleSaveClick=async()=>{if(!this.formApi||this.isSaving){return}if(typeof this.handleSave!=="function"){return}const t=this.formApi.getState().values;try{await this.handleSave(t);this.formApi.reset(t)}catch(t){console.error("The onSave handler threw an error. The form will remain dirty.",t)}}}async componentDidLoad(){this.formApi=await O(this.el);this.checkForOverlap();this.setupOverlapDetection()}disconnectedCallback(){if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.checkOverlapTimeoutId){clearTimeout(this.checkOverlapTimeoutId)}}handleWindowResize(){this.debouncedOverlapCheck()}setupOverlapDetection(){if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((()=>{this.debouncedOverlapCheck()}));const t=this.el.closest("udp-forms-ui, .form-container, udp-container");if(t){this.resizeObserver.observe(t)}const i=document.querySelector('main, [role="main"]')||document.body;if(i){this.resizeObserver.observe(i)}}}debouncedOverlapCheck(){if(this.checkOverlapTimeoutId){clearTimeout(this.checkOverlapTimeoutId)}this.checkOverlapTimeoutId=setTimeout((()=>{this.checkForOverlap()}),100)}checkForOverlap(){const t=1280;this.shouldBeInline=window.innerWidth<t}render(){if(!this.isVisible&&!this.showSavedMessage){return null}const t=this.shouldBeInline?"inline-save-button":"floating-save-button";const i=this.shouldBeInline;return e("div",{class:`${t} ${this.isSaving?"saving":""} ${this.showSavedMessage?"saved":""}`},this.isSaving?e("div",{class:"saving-state"},e("unity-spinner",{size:"small"}),!i&&e("span",null,"Saving...")):this.isVisible?e("udp-icon-button",{icon:v,onClick:this.handleSaveClick,tooltip:"Save Changes",variant:"contained",color:i?"inherit":"primary",iconColor:i?"primary":null,size:i?"small":"medium"},i?"":"Save Changes"):e("div",{class:"saved-state"},e("span",null,"Saved")),this.saveErrorMessage&&e("div",{class:"save-error-tooltip"},this.saveErrorMessage))}get el(){return n(this)}};A.style=I;export{x as image_upload,k as signature_input,z as stencil_form,j as tally_display,F as udp_question,S as udp_question_comment,A as udp_save_draft_button};
1
+ import{r as t,c as i,h as e,H as s,a as n}from"./index-n-1ZSeAs.js";import{i as o,a,d as r,b as l,c,e as d}from"./udp-drive-utils-BiYKUATs.js";import{createForm as u}from"final-form";import p from"lodash.debounce";import{b as h,a as m}from"./enums-CE8s6a9b.js";import{f as b,o as f}from"./utils-DZv4MqyU.js";import{g as y}from"./iconUtils-KSv32PVD.js";import v from"@carbon/icons/es/save/20";import"axios";import"./configService-BqLfkVKh.js";import"@carbon/icons/es/add/16";import"@carbon/icons/es/add/32";import"@carbon/icons/es/add--alt/16";import"@carbon/icons/es/add--filled/16";import"@carbon/icons/es/arrows--horizontal/16";import"@carbon/icons/es/attachment/16";import"@carbon/icons/es/batch-job/16";import"@carbon/icons/es/box/16";import"@carbon/icons/es/close/16";import"@carbon/icons/es/close/24";import"@carbon/icons/es/close/32";import"@carbon/icons/es/close--filled/16";import"@carbon/icons/es/close--outline/16";import"@carbon/icons/es/checkmark/16";import"@carbon/icons/es/checkmark/24";import"@carbon/icons/es/checkmark/32";import"@carbon/icons/es/chevron--left/16";import"@carbon/icons/es/chevron--right/16";import"@carbon/icons/es/chevron--down/16";import"@carbon/icons/es/data-enrichment/16";import"@carbon/icons/es/document/16";import"@carbon/icons/es/document--add/16";import"@carbon/icons/es/document--attachment/16";import"@carbon/icons/es/document--pdf/16";import"@carbon/icons/es/draggable/16";import"@carbon/icons/es/edit/16";import"@carbon/icons/es/export/16";import"@carbon/icons/es/flag/16";import"@carbon/icons/es/information/16";import"@carbon/icons/es/information/32";import"@carbon/icons/es/link/16";import"@carbon/icons/es/overflow-menu--vertical/16";import"@carbon/icons/es/overflow-menu--vertical/32";import"@carbon/icons/es/return/16";import"@carbon/icons/es/save/16";import"@carbon/icons/es/settings/16";import"@carbon/icons/es/subtract/16";import"@carbon/icons/es/subtract--alt/16";import"@carbon/icons/es/subtract--filled/16";import"@carbon/icons/es/trash-can/16";import"@carbon/icons/es/user/16";import"@carbon/icons/es/view/16";import"@carbon/icons/es/warning/16";import"@carbon/icons/es/warning/32";import"@carbon/icons/es/warning--alt/16";import"@carbon/icons/es/warning--alt/32";import"@carbon/icons/es/product/16";import"@carbon/icons/es/workspace/16";import"@carbon/icons/es/arrow--up/16";import"@carbon/icons/es/arrow--down/16";import"@carbon/icons/es/arrow--right/16";import"@carbon/icons/es/arrow--left/16";import"@carbon/icons/es/copy/16";import"@carbon/icons/es/star/16";import"@carbon/icons/es/data-table/16";import"@carbon/icons/es/fit-to-width/16";import"@carbon/icons/es/search--advanced/16";import"@carbon/icons/es/reset/16";import"@carbon/icons/es/column/16";import"@carbon/icons/es/column--delete/16";import"@carbon/icons/es/watson-health/rotate--360/16";import"@carbon/icons/es/filter/16";import"@carbon/icons/es/app-connectivity/16";import"@carbon/icons/es/text--font/16";import"@carbon/icons/es/text--long-paragraph/16";import"@carbon/icons/es/character--whole-number/16";import"@carbon/icons/es/checkbox--checked/16";import"@carbon/icons/es/radio-button--checked/16";import"@carbon/icons/es/event--schedule/16";import"@carbon/icons/es/view--off/16";import"@carbon/icons/es/time/16";import"@carbon/icons/es/calendar/16";import"@carbon/icons/es/list--checked/16";import"@carbon/icons/es/list--bulleted/16";import"@carbon/icons/es/cloud--upload/16";import"@carbon/icons/es/locked/16";import"@carbon/icons/es/pause/16";import"@carbon/icons/es/unlocked/16";import"@carbon/icons/es/send/16";import"@carbon/icons/es/email/16";import"@carbon/icons/es/checkmark--outline/16";import"@carbon/icons/es/migrate--alt/16";import"@carbon/icons/es/checkbox--checked--filled/16";import"@carbon/icons/es/checkbox/16";const g=":host{display:block}";const x=class{constructor(e){t(this,e);this.change=i(this,"change");this.allowedMimeTypes=["image/jpeg","image/png","image/gif","image/svg+xml","image/webp"];this.fullWidth=false;this.dragAndDropMessage="Drag and drop your images here";this.browseFileMessage="Browse Images";this.hideDragAndDrop=false;this.hideButton=false;this.disabled=false;this.readonly=false;this.handleFileChange=t=>{t.stopPropagation();this.change.emit(t.detail)}}render(){return e(s,{key:"ca8412c0a65495f53c5bce53f1d2705be3dc2fb5"},e("file-upload",{key:"d36166a2fe50d71f63bf5420fedf149aa2591c93",allowMultiple:false,allowedMimeTypes:this.allowedMimeTypes,fullWidth:this.fullWidth,required:this.required,error:this.error,dragAndDropMessage:this.dragAndDropMessage,browseFileMessage:this.browseFileMessage,hideDragAndDrop:this.hideDragAndDrop,hideButton:this.hideButton,id:this.id,name:this.name,label:this.label,disabled:this.disabled,readonly:this.readonly,initialValue:this.initialValue,renderImage:true,onChange:this.handleFileChange}))}};x.style=g;const w=':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(.udp-input--size-small) .signature-canvas{height:150px}:host(.udp-input--size-normal) .signature-canvas{height:200px}:host(.udp-input--size-large) .signature-canvas{height:250px}:host(.udp-input--size-small) .clear-button{padding:var(--spacing-01) var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);top:var(--spacing-02);right:var(--spacing-02)}:host(.udp-input--size-normal) .clear-button{padding:var(--spacing-02) var(--spacing-03);font-size:var(--body-font-size);top:var(--spacing-02);right:var(--spacing-02)}:host(.udp-input--size-large) .clear-button{padding:var(--spacing-03) var(--spacing-04);font-size:var(--body-font-size);top:var(--spacing-03);right:var(--spacing-03)}.signature-pad-container{position:relative;border:1px solid var(--udp-mid-gray-color);border-radius:4px;background-color:var(--udp-light-gray-color)}.signature-canvas{display:block;width:100%;height:200px;}.signature-pad-container.readonly{background-color:var(--udp-disabled-gray-color)}.signature-canvas.readonly{cursor:not-allowed}.clear-button{position:absolute;top:var(--spacing-02);right:var(--spacing-02);background-color:var(--udp-light-gray-color);border:1px solid var(--udp-mid-gray-color);color:var(--udp-primary-color);cursor:pointer;border-radius:4px;padding:var(--spacing-02) var(--spacing-03);}.clear-button:hover{background-color:var(--udp-mid-gray-color)}.clear-button:disabled{cursor:not-allowed;opacity:0.5}';const k=class{constructor(e){t(this,e);this.change=i(this,"change");this.metadataEmit=i(this,"metadataEmit");this.includeLocation=false;this.disabled=false;this.readonly=false;this.size="normal";this.margin="normal";this.cachedLocation=null;this.handleResize=()=>{if(this.resizeTimeout)clearTimeout(this.resizeTimeout);this.resizeTimeout=setTimeout((()=>{const t=this.canvasEl.getBoundingClientRect();if(!this.lastCanvasRect||t.width!==this.lastCanvasRect.width||t.height!==this.lastCanvasRect.height){let i=this.signaturePad&&!this.signaturePad.isEmpty()?this.signaturePad.toDataURL():null;this.resizeCanvasForDPR();this.initializeSignaturePad();this.lastCanvasRect=t;if(i&&this.signaturePad){this.signaturePad.fromDataURL(i)}}}),200)};this.handleSignatureEnd=async()=>{if(this.signaturePad.isEmpty()){this.value=null;this.change.emit(null);this.metadataEmit.emit({key:"signature.latitude",value:null});this.metadataEmit.emit({key:"signature.longitude",value:null});this.metadataEmit.emit({key:"signature.timestamp",value:null})}else{const t=this.signaturePad.toDataURL();const i=await this.urlToFile(t,"signature.png");this.value=i;this.change.emit(i);this.metadataEmit.emit({key:"signature.timestamp",value:(new Date).toISOString()});if(this.includeLocation){try{let t=this.cachedLocation;if(!t){t=await new Promise(((t,i)=>{navigator.geolocation.getCurrentPosition(t,i,{enableHighAccuracy:true,timeout:3e4,maximumAge:0})}))}if(t){this.metadataEmit.emit({key:"signature.latitude",value:t.coords.latitude});this.metadataEmit.emit({key:"signature.longitude",value:t.coords.longitude})}else{this.metadataEmit.emit({key:"signature.latitude",value:null});this.metadataEmit.emit({key:"signature.longitude",value:null})}}catch(t){console.warn("Geolocation error:",t);this.metadataEmit.emit({key:"signature.latitude",value:null});this.metadataEmit.emit({key:"signature.longitude",value:null})}}}};this.clearSignature=()=>{if(this.signaturePad){this.signaturePad.clear();this.handleSignatureEnd()}}}onErrorChange(t){this.internalError=t}async onValueChange(t){await this.loadSignaturePad();if(this.signaturePad){this.signaturePad.clear();if(t){this.loadSignature(t)}}}async onInitialValueChange(t){if(!t){return}try{const i=Array.isArray(t)?t[0]:t;if(!i)return;let e=null;if(typeof i==="string"&&o(i)){const t=await a(i);if(t){if(t.driveFileId){const i={name:t.name,driveFileId:t.driveFileId,extension:t.name.split(".").pop()||""};e=await r(i)}else{e=t}}}else if(l(i)){e=await r(i)}else if(typeof i==="string"){e=await c(i,"initial_signature.png")}else if(d(i)){e=i}if(e){this.value=e;this.resizeCanvasForDPR();this.initializeSignaturePad()}else{console.warn("Initial value could not be processed into a valid file:",i)}}catch(t){console.error("Failed to process initial value for signature pad:",t)}}async componentWillLoad(){this.internalError=this.error;await this.loadSignaturePad();if(this.includeLocation){navigator.geolocation.getCurrentPosition((t=>{this.cachedLocation=t}),(t=>{console.warn("Prewarm geolocation error:",t);this.cachedLocation=null}),{enableHighAccuracy:true,timeout:3e4,maximumAge:0})}}async componentDidLoad(){let t=this.initialValue;if(t){if(Array.isArray(t)){t=t[0]}if(l(this.initialValue)){console.log("Loading signature from UdpDriveFile:",this.initialValue);try{const t=await r(this.initialValue);this.value=t;this.readonly=false}catch(t){console.error("Failed to fetch UdpDriveFile for signature:",t);this.value=this.initialValue;this.readonly=true}}else{this.value=await this.urlToFile(this.initialValue,"initial_signature.png")}}this.resizeCanvasForDPR();this.initializeSignaturePad();this.lastCanvasRect=this.canvasEl.getBoundingClientRect();window.addEventListener("resize",this.handleResize)}disconnectedCallback(){window.removeEventListener("resize",this.handleResize);if(this.resizeTimeout)clearTimeout(this.resizeTimeout)}resizeCanvasForDPR(){if(!this.canvasEl)return;const t=window.devicePixelRatio||1;const i=this.canvasEl.getBoundingClientRect();this.canvasEl.width=i.width*t;this.canvasEl.height=i.height*t;this.canvasEl.getContext("2d").scale(t,t)}async loadSignaturePad(){if(!this.SignaturePadLib){try{const t=await import("signature_pad");this.SignaturePadLib=t.default}catch(t){console.error("Failed to load signature_pad library",t)}}}initializeSignaturePad(){this.resizeCanvasForDPR();if(this.SignaturePadLib&&this.canvasEl){this.signaturePad=new this.SignaturePadLib(this.canvasEl);this.signaturePad.addEventListener("endStroke",this.handleSignatureEnd);this.handleStateChange();if(this.value){this.loadSignature(this.value)}}}handleStateChange(){if(this.signaturePad){if(this.disabled||this.readonly){this.signaturePad.off()}else{this.signaturePad.on()}}}async loadSignature(t){let i;if(typeof t==="string"){i=t}else if(l(t)){try{const e=await r(t);i=URL.createObjectURL(e)}catch(t){console.error("Error loading signature image from UdpDriveFile:",t);return}}else if(t instanceof File){i=URL.createObjectURL(t)}if(i&&this.signaturePad){this.signaturePad.fromDataURL(i,{ratio:window.devicePixelRatio,width:this.canvasEl.width,height:this.canvasEl.height})}}async urlToFile(t,i){const e=await fetch(t);const s=await e.blob();return new File([s],i,{type:s.type})}render(){const t=!!this.internalError;const i={"signature-pad-container":true,readonly:this.readonly,disabled:this.disabled};return e(s,{key:"ac2fb4bedc1622ba4828a3643e6166e622ff098b",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--required":this.required,"udp-input--readonly":this.readonly,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true}},e("div",{key:"c693c76ba9b1ceb16c73d33cbcfac0b420598d14",class:"bx--form-item"},this.label&&e("unity-typography",{key:"b60f4376e231e25a49a92a7920ef4c444ff3d216",variant:"caption-text"},e("label",{key:"a871803a7bea487a82addc1f0be9b5a53cc5f7c9",htmlFor:this.id,class:"bx--label"},this.label,this.required&&"*")),e("div",{key:"8f6d974eaf18bc2a5261954b965c9c5c14cc5df0",class:i},e("canvas",{key:"1a93840f73735d672361d2858a7db3e35809797c",ref:t=>this.canvasEl=t,class:{"signature-canvas":true,readonly:this.readonly||this.disabled},id:this.id}),!this.readonly&&!this.disabled&&e("button",{key:"2d04e634eea1328df6af7adff22bff3e7da49418",type:"button",class:"clear-button",onClick:this.clearSignature,disabled:this.disabled},"Clear")),t&&e("div",{key:"2395b6d8806600af6158a7a5464ca01a131046d4",class:"error-message"},e("unity-typography",{key:"2afe4c3e248e467c3781e90b45f1fa80cb927265",variant:"caption-text",color:"error"},this.internalError))))}get el(){return n(this)}static get watchers(){return{error:["onErrorChange"],value:["onValueChange"],initialValue:["onInitialValueChange"],disabled:["handleStateChange"],readonly:["handleStateChange"]}}};k.style=w;const z=class{constructor(e){t(this,e);this.stencilFormInvalidEvent=i(this,"stencilFormInvalidEvent");this.dirtyChange=i(this,"dirtyChange");this.validateOnBlur=true;this.registeredFields={};this.customErrors={};this.handleSlotChange=()=>{const t=this.el.shadowRoot.querySelector("slot");if(!t)return;t.assignedNodes().forEach((t=>this.processNodeRecursively(t)))};this.submitWithValidation=this.submitWithValidation.bind(this);this.defaultValidation=this.defaultValidation.bind(this);this.submit=this.submit.bind(this);this.onFormChange=this.onFormChange.bind(this)}connectField(t){if(t.__connectedToForm)return;t.setFormApi({api:this.api,registeredFields:this.registeredFields,customErrors:this.customErrors});t.__connectedToForm=true}async processNodeRecursively(t){if(t.nodeType!==Node.ELEMENT_NODE){return}const i=t;if(i.localName.includes("-")){await customElements.whenDefined(i.localName)}if(i.matches("stencil-field")){this.connectField(i)}this.connectSubmitButtons(i);if(i.shadowRoot){for(const t of Array.from(i.shadowRoot.childNodes)){await this.processNodeRecursively(t)}}for(const t of Array.from(i.childNodes)){await this.processNodeRecursively(t)}}connectSubmitButtons(t){if(t.nodeType!==Node.ELEMENT_NODE){return}const i=t;if(i.matches('input[type="submit"], button[type="submit"]')){const t=i;if(!t.dataset.stencilFormConnected){t.dataset.stencilFormConnected="true";i.addEventListener("click",(t=>{t.preventDefault();this.submit(t)}))}}const e=i.querySelectorAll('input[type="submit"], button[type="submit"]');e.forEach((t=>{const i=t;if(!i.dataset.stencilFormConnected){i.dataset.stencilFormConnected="true";t.addEventListener("click",(t=>{t.preventDefault();this.submit(t)}))}}))}componentWillLoad(){this.api=u({onSubmit:this.submitWithValidation,initialValues:this.initialValues,validate:this.defaultValidation,validateOnBlur:this.validateOnBlur});if(this.handleChange){this.api.subscribe(this.onFormChange,{values:true})}this.api.subscribe((t=>{const{dirtyFields:i}=t;const e=this.registeredFields;const s=Object.keys(i||{}).some((t=>{var s;return i[t]&&!((s=e[t])===null||s===void 0?void 0:s.ignoreDirty)}));this.dirtyChange.emit(s)}),{dirtyFields:true})}componentDidLoad(){const t=this.el.shadowRoot.querySelector("slot");this.observer=new MutationObserver((t=>{for(const i of t){i.addedNodes.forEach((t=>{this.processNodeRecursively(t)}))}}));const i=()=>{const i=(t===null||t===void 0?void 0:t.assignedNodes({flatten:true}))||[];i.forEach((t=>{if(t.nodeType===Node.ELEMENT_NODE){this.observer.observe(t,{childList:true,subtree:true});this.processNodeRecursively(t)}}))};if(t){i();t.addEventListener("slotchange",i)}this.observer.observe(this.el,{childList:true,subtree:true});this.el.dispatchEvent(new CustomEvent("stencilFormReady",{bubbles:true,composed:true}))}disconnectedCallback(){var t;this.api=null;this.registeredFields={};const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("slot");if(i){i.removeEventListener("slotchange",this.handleSlotChange)}}onFormChange(t){if(this.handleChange&&t.values){this.handleChange(t.values)}}async submitWithValidation(t){const i=this.defaultValidation(t);if(Object.keys(i).length===0){this.handleSubmit(t)}else{this.stencilFormInvalidEvent.emit(i)}}defaultValidation(t){const{registeredFields:i,customErrors:e}=this;const s={};const n=(t,i)=>i.replace(/\[(\d+)\]/g,".$1").split(".").reduce(((t,i)=>t!=null?t[i]:undefined),t);Object.keys(i).forEach((e=>{const o=i[e];if(o===null||o===void 0?void 0:o.ignoreDirty)return;const a=n(t,e);if(o.required&&(a==null||typeof a==="string"&&a.trim()===""||a===false||a==="false")){s[e]="This field is required"}}));if(e){Object.keys(e).forEach((t=>{if(e[t]){s[t]=e[t]}}))}if(this===null||this===void 0?void 0:this.handleValidate){const i=this.handleValidate(t,s);return Object.assign(Object.assign({},s),i)}return s}async getApi(){if(!this.api){console.error("❌ Form API not initialized yet.");return null}return this.api}submit(t){var i;(i=t===null||t===void 0?void 0:t.preventDefault)===null||i===void 0?void 0:i.call(t);const e=this.api.getState().values;const s=this.defaultValidation(e);const n=()=>{var t;if(Object.keys(s).length){this.stencilFormInvalidEvent.emit(s);return}(t=this.api)===null||t===void 0?void 0:t.submit()};p(n,1e3,{leading:true,trailing:false})()}render(){return e("form",{key:"d4f22ff5b96b35639d98dae8c1d3adfbab8f493f"},e("slot",{key:"4c460485b67440935235d078c08c92f6736f1a1a"}))}get el(){return n(this)}};const C=":host{display:block;width:100%}.tally-container{display:flex;flex-direction:column;gap:var(--spacing-02, 8px)}.tally-label{font-weight:600;margin-bottom:var(--spacing-02, 8px)}.tally-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-04, 16px);color:var(--text-secondary, #6b7280)}.tally-content{display:flex;flex-direction:column;gap:var(--spacing-03, 12px)}.tally-stats{display:flex;gap:var(--spacing-04, 16px);flex-wrap:wrap}.tally-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-03, 12px) var(--spacing-04, 16px);border-radius:var(--border-radius-01, 4px);border:1px solid var(--border-subtle, #e5e7eb);background-color:var(--layer-01, #ffffff);min-width:80px;flex:1;max-width:120px}.tally-item.tally-yes{border-color:var(--support-success, #42be65);background-color:var(--support-success-hover, #f6f8ff)}.tally-item.tally-no{border-color:var(--support-error, #da1e28);background-color:var(--support-error-hover, #fff1f1)}.tally-item.tally-unanswered{border-color:var(--support-warning, #f1c21b);background-color:var(--support-warning-hover, #fcf4d6)}.tally-count{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-01, 4px)}.tally-yes .tally-count{color:var(--support-success, #42be65)}.tally-no .tally-count{color:var(--support-error, #da1e28)}.tally-unanswered .tally-count{color:var(--support-warning, #f1c21b)}.tally-item .tally-label{margin:0;font-weight:500;text-transform:uppercase;font-size:0.75rem;letter-spacing:0.02em}.tally-summary{padding:var(--spacing-02, 8px) 0;border-top:1px solid var(--border-subtle, #e5e7eb);text-align:center}.error-message{margin-top:var(--spacing-02, 8px);padding:var(--spacing-02, 8px);border-radius:var(--border-radius-01, 4px);background-color:var(--support-error-hover, #fff1f1);border:1px solid var(--support-error, #da1e28)}:host(.udp-input--size-small) .tally-item{padding:var(--spacing-02, 8px) var(--spacing-03, 12px);min-width:60px;max-width:90px}:host(.udp-input--size-small) .tally-count{font-size:1.25rem}:host(.udp-input--size-large) .tally-item{padding:var(--spacing-04, 16px) var(--spacing-05, 20px);min-width:100px;max-width:150px}:host(.udp-input--size-large) .tally-count{font-size:2rem}:host(.udp-input--margin-none) .tally-container{gap:0}:host(.udp-input--margin-dense) .tally-container{gap:var(--spacing-01, 4px)}:host(.udp-input--margin-comfortable) .tally-container{gap:var(--spacing-04, 16px)}:host(.udp-input--disabled) .tally-item{opacity:0.5;pointer-events:none}:host(.udp-input--readonly) .tally-item{background-color:var(--field-01, #f4f4f4)}@media (max-width: 480px){.tally-stats{flex-direction:column}.tally-item{max-width:none;flex:none}}";const j=class{constructor(i){t(this,i);this.label="Response Tally";this.yesCount=0;this.noCount=0;this.naCount=0;this.totalFields=0;this.disabled=false;this.readonly=false;this.size="normal";this.margin="normal"}render(){const t=!!this.error;const i=this.yesCount+this.noCount+this.naCount;const n=this.totalFields-i;return e(s,{key:"eab9aa9216ed658bcdf6915bd909d918cf830d00",class:{"udp-input":true,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--readonly":this.readonly,[`udp-input--size-${this.size}`]:true,[`udp-input--margin-${this.margin}`]:true}},e("div",{key:"452e354e6500687871b8ddc804bba7d02070653f",class:"tally-container"},this.label&&e("unity-typography",{key:"390535267249c7ab8a49e450eb85e9e910c866e8",variant:"caption-text"},e("label",{key:"79de1a53b126cf298fc2fbad6381d84c7dba603e",htmlFor:this.id,class:"tally-label"},this.label)),e("div",{key:"acc4abaaa1cde58775d5b7dbc7d8ef8a98973f42",class:"tally-content",id:this.id},e("div",{key:"81e95ddfbb3b5d0aae68bc82f6ce1a15817e11c8",class:"tally-stats"},e("div",{key:"efd9128195ca7c1fd69f85041ee21bad9e361b19",class:"tally-item tally-yes"},e("unity-typography",{key:"010828f5cf33fb524a8b49de10ee6ff5375a5ffa",variant:"h4",class:"tally-count"},this.yesCount),e("unity-typography",{key:"1caa0b78ed65e044c305eba486747c885d69047a",variant:"caption-text",class:"tally-label"},"Yes")),e("div",{key:"81dc0d4d7fa66889b43ff4a8e15fea32b103a548",class:"tally-item tally-no"},e("unity-typography",{key:"31202d70b04ccfea2c1965785e00f652151da8c6",variant:"h4",class:"tally-count"},this.noCount),e("unity-typography",{key:"570f3e5f948eb667e7f9654e8202328b91c1d2fa",variant:"caption-text",class:"tally-label"},"No")),e("div",{key:"599f0bb878631926a87cef3b33b5a2177a77caae",class:"tally-item tally-na"},e("unity-typography",{key:"df06748f2d4a701121367a903c266bab529b6a9c",variant:"h4",class:"tally-count"},this.naCount),e("unity-typography",{key:"93859a85e24afc9e618630bece8dfc077b6e1cce",variant:"caption-text",class:"tally-label"},"Not Applicable")),n>0&&e("div",{key:"11d6c252737deb5054204247cde155109c2b63af",class:"tally-item tally-unanswered"},e("unity-typography",{key:"bb7a25001e7a888c8f35d5f5053f06ad9b243c9c",variant:"h4",class:"tally-count"},n),e("unity-typography",{key:"59f54186a96be7fbef4dab69a54510f6096430e5",variant:"caption-text",class:"tally-label"},"Unanswered"))),e("div",{key:"9e83fc8f1d30495483330c8a0d89248d129fa38a",class:"tally-summary"},e("unity-typography",{key:"7ab06473f80d661975b742613c790fa71ac50a66",variant:"caption-text"},"Total Questions: ",this.totalFields))),t&&e("div",{key:"60c0d66b3d362e26c39b6511a7cfd8b1ba82ba8a",class:"error-message"},e("unity-typography",{key:"3d45e76018c6cc6f8e27d8e1f76003b51382c73e",variant:"caption-text",color:"error"},this.error))))}};j.style=C;async function O(t){let i=t;let e=null;while(i){const t=i.closest("stencil-form");if(t){e=t;break}const s=i.getRootNode();if(s instanceof ShadowRoot){i=s.host}else{break}}if(!e){return null}if(typeof e.getApi!=="function"){return null}const s=await e.getApi();if(!s){return null}return s}const q=".hidden{display:none}.question-container{border-top:1px solid rgba(0, 0, 0, 0.08);padding-top:1rem}.question-title-and-helper-container{display:flex;flex-direction:column;gap:var(--spacing-03)}.question-title-and-followup-container{display:flex;justify-content:space-between;align-items:center}";const F=class{constructor(e){t(this,e);this.launchFollowUpFormSideSheet=i(this,"launchFollowUpFormSideSheet");this.disabled=false;this.readonly=false;this.initialValues={};this.userId=null;this.tallyData={yesCount:0,noCount:0,naCount:0,totalFields:0};this.formApi=null}propChanged(){this.updateFieldComponent()}async componentWillLoad(){this.updateFieldComponent();if(this.question.fieldTypeId===h.Tally){await this.initializeFormApiForTally()}}async initializeFormApiForTally(){try{this.formApi=await O(this.el);if(this.formApi){const t=this.formApi.subscribe((()=>{this.calculateTally()}),{active:true,dirty:true,values:true});this.unsubscribeFormApi=t;this.calculateTally()}}catch(t){console.error("Failed to initialize form API for tally:",t)}}calculateTally(){if(!this.formApi||this.question.fieldTypeId!==h.Tally){return}try{const t=this.formApi.getState().values;const i=this.el.closest("stencil-form");if(!i){return}const e=i.querySelectorAll("udp-question");const s=[];e.forEach((t=>{if(t.question&&t.question.fieldTypeId===h.YesNo){const i=`${t.question.questionIdentifierKey}.value`;if(i){const t=this.shouldIncludeFieldInTally(i);if(t){s.push(i)}}}}));let n=0;let o=0;let a=0;s.forEach((i=>{const[e,s]=i.split(".");const r=t[e][s].value;if(r==="true"||r===true){n++}else if(r==="false"||r===false){o++}else if(r==="na"){a++}}));this.tallyData={yesCount:n,noCount:o,naCount:a,totalFields:s.length};this.updateFieldComponent()}catch(t){console.error("Error calculating tally:",t)}}shouldIncludeFieldInTally(t){const i=this.question.fieldProperties;if((i===null||i===void 0?void 0:i.includeFields)&&i.includeFields.length>0){return i.includeFields.includes(t)}if((i===null||i===void 0?void 0:i.excludeFields)&&i.excludeFields.length>0){return!i.excludeFields.includes(t)}return true}updateFieldComponent(){this._fieldComponent=this.getFieldComponent()}getFieldComponent(){var t,i,s,n;const o={name:`${this.question.questionIdentifierKey}.value`,required:this.question.required};const a=Object.assign(Object.assign({},this.question.fieldProperties),{id:this.questionNumber,disabled:this.disabled,readonly:this.readonly});switch(this.question.fieldTypeId){case h.SingleLineText:return e("stencil-field",Object.assign({},o),e("text-field",Object.assign({},a)));case h.MultiLineText:return e("stencil-field",Object.assign({},o),e("text-area",Object.assign({fullWidth:true},a)));case h.Checkbox:return e("stencil-field",Object.assign({},o),e("selectable-list",Object.assign({valueKey:"value",displayKey:"display",multiSelect:true,useCheckbox:true},a)));case h.RadioButton:return e("stencil-field",Object.assign({},o),e("selectable-list",Object.assign({valueKey:"value",displayKey:"display",useCheckbox:true},a)));case h.DropdownSingleSelect:case h.DropdownMultipleSelect:let r=(i=(t=a===null||a===void 0?void 0:a.items)===null||t===void 0?void 0:t.map)===null||i===void 0?void 0:i.call(t,(t=>Object.assign({label:t.display,value:t.value},a)));return e("stencil-field",Object.assign({},o),e("udp-selector",Object.assign({options:r!==null&&r!==void 0?r:[],multiSelect:this.question.fieldTypeId===h.DropdownMultipleSelect},a)));case h.YesNo:return e("stencil-field",Object.assign({},o),e("selectable-list",Object.assign({valueKey:"value",displayKey:"display",useCheckbox:true,multiSelect:false,items:[{value:"true",display:"Yes"},{value:"false",display:"No"},{value:"na",display:"Not Applicable"}]},a)));case h.ListMultiSelect:return e("stencil-field",Object.assign({},o),e("selectable-list",Object.assign({valueKey:"value",displayKey:"display",multiSelect:true},a)));case h.DateSelector:return e("stencil-field",Object.assign({},o),e("udp-date-selector",Object.assign({min:a===null||a===void 0?void 0:a.minDate,max:a===null||a===void 0?void 0:a.maxDate},a)));case h.TimeSelector:return e("stencil-field",Object.assign({},o),e("udp-time-selector",Object.assign({min:a===null||a===void 0?void 0:a.minTime,max:a===null||a===void 0?void 0:a.maxTime},a)));case h.DateTimeSelector:return e("stencil-field",Object.assign({},o),e("udp-datetime-selector",Object.assign({max:a===null||a===void 0?void 0:a.maxDateTime,min:a===null||a===void 0?void 0:a.minDateTime},a)));case h.FileUpload:return e("stencil-field",Object.assign({},o),e("file-upload",Object.assign({fullWidth:true,allowMultiple:false},a)));case h.ImageUpload:return e("stencil-field",Object.assign({},o),e("image-upload",Object.assign({fullWidth:true},a)));case h.Signature:return e("div",null,e("stencil-field",Object.assign({},o,{fieldIdentifierKey:`${this.question.questionIdentifierKey}`,registerMetadata:true,metadataFieldNames:["signature.latitude","signature.longitude","signature.timestamp"]}),e("signature-input",Object.assign({},a,{value:this.value}))),e("stencil-field",{required:this.question.required,name:`${this.question.questionIdentifierKey}.metadata.signature.fullName`},e("text-field",Object.assign({},a,{label:"Full Name"}))));case h.Paragraph:return e("stencil-field",{name:this.question.name,required:false},e("input",{type:"hidden",name:this.question.name,value:this.value||""}),this.value?e("unity-typography",{id:`paragraphText${this.question.name}`,variant:((n=(s=this.styleOverrides)===null||s===void 0?void 0:s.paragraphText)===null||n===void 0?void 0:n.variant)||"body"},this.value):e("div",null));case h.Number:return e("stencil-field",Object.assign({},o),e("numeric-field",Object.assign({},a)));case h.Tally:return e("tally-display",Object.assign({id:this.questionNumber,label:this.question.questionText||"Response Tally",yesCount:this.tallyData.yesCount,noCount:this.tallyData.noCount,naCount:this.tallyData.naCount,totalFields:this.tallyData.totalFields},a,{required:false}));case h.Hidden:default:return e("div",null)}}async componentDidLoad(){var t,i,e,s;if(this.question.fieldTypeId===h.Tally&&!this.formApi){await this.initializeFormApiForTally()}const n=[];for(const o in this.styleOverrides){n.push({id:o+this.question.name,fontOverride:(i=(t=this.styleOverrides)===null||t===void 0?void 0:t[o])===null||i===void 0?void 0:i.fontFamily,variant:(s=(e=this.styleOverrides)===null||e===void 0?void 0:e[o])===null||s===void 0?void 0:s.variant})}n.forEach((t=>{var i,e,s;if(!b[t===null||t===void 0?void 0:t.fontOverride]||!this.el||!this.el.shadowRoot)return;f((s=(e=(i=this.el)===null||i===void 0?void 0:i.shadowRoot)===null||e===void 0?void 0:e.getElementById)===null||s===void 0?void 0:s.call(e,t.id),b[t===null||t===void 0?void 0:t.fontOverride])}))}render(){var t,i,s,n;const o=this._fieldComponent;const a=`${this.question.fieldTypeId===h.Paragraph?"":`${this.questionNumber}.`} ${this.question.questionText} ${this.question.required&&this.question.fieldTypeId!==h.Paragraph?"*":""}`;const r={disabled:this.disabled,readonly:this.readonly};const l=`${this.question.questionIdentifierKey}.value`;const[c,d]=l.split(".");if(!o)return null;return e("div",{class:{hidden:this.question.fieldTypeId===h.Hidden,"question-container":true}},e("div",{class:"question-title-and-helper-container"},e("div",{class:"question-title-and-followup-container"},this.question.questionText&&e("unity-typography",{id:`questionText${this.question.name}`,variant:((i=(t=this.styleOverrides)===null||t===void 0?void 0:t.questionText)===null||i===void 0?void 0:i.variant)||"h3"},a),e("div",null,this.question.fieldProperties.allowFollowUpForms&&(()=>{var t;const i=(t=this.initialValues[c][d])===null||t===void 0?void 0:t.metadata;const s=i===null||i===void 0?void 0:i.followUpFormSubmissionId;if(s){const t=`/page/${m.FormRendererPageId}?udpf_submissionId=${s}`;return e("stencil-icon-button",{icon:y("link"),tooltip:"Open Follow-Up Form",onClick:()=>window.open(t,"_blank")})}if(!this.readonly){return e("stencil-icon-button",{icon:y("document"),tooltip:"Create Follow-Up Form",onClick:()=>{console.log("clicked create follow up form");this.launchFollowUpFormSideSheet.emit({sectionKey:c,questionKey:d})}})}})())),this.question.helperText&&e("unity-typography",{id:`helperText${this.question.name}`,variant:((n=(s=this.styleOverrides)===null||s===void 0?void 0:s.helperText)===null||n===void 0?void 0:n.variant)||"caption-text"},this.question.helperText)),o,this.question.fieldProperties.allowFollowUpForms&&e("div",null,e("stencil-field",{hidden:true,name:`${this.question.questionIdentifierKey}.metadata.followUpParentFormId`},e("text-field",null)),e("stencil-field",{hidden:true,name:`${this.question.questionIdentifierKey}.metadata.followUpParentFormVersion`},e("text-field",null)),e("stencil-field",{hidden:true,name:`${this.question.questionIdentifierKey}.metadata.followUpParentFormSubmissionId`},e("text-field",null))),this.question.fieldProperties.allowComments&&e("udp-question-comment",{question:this.question,readonly:this.readonly,commentFieldProps:r,initialValues:this.initialValues,userId:this.userId}))}get el(){return n(this)}static get watchers(){return{question:["propChanged"],questionNumber:["propChanged"],value:["propChanged"],disabled:["propChanged"],readonly:["propChanged"],styleOverrides:["propChanged"]}}};F.style=q;const $=".question-comment-add-comment-button{display:flex;justify-content:center}.question-comment-action-container{display:flex;justify-content:end}.question-comment-display{position:relative;display:flex;flex-direction:column;gap:var(--spacing-03);margin-bottom:var(--spacing-05);border:1px solid var(--border-color, #ccc);border-radius:6px;padding:var(--spacing-05) var(--spacing-04)}.question-comment-display>.question-comment-header{position:absolute;bottom:-0.6em;right:1em;background:white;padding:0 0.4em;font-size:0.85em}";const S=class{constructor(e){t(this,e);this.questionCommentAction=i(this,"questionCommentAction");this.readonly=false;this.commentFieldProps={};this.initialValues={};this.userId=null;this.isContainsSavedComment=false;this.isContainsDraftComment=false;this.isCommentOwner=false}emitQuestionCommentAction(t){this.questionCommentAction.emit({type:t,key:this.question.questionIdentifierKey})}handleCommentAdd(){this.emitQuestionCommentAction("add")}handleCommentSave(){this.emitQuestionCommentAction("save")}handleCommentEdit(){this.emitQuestionCommentAction("edit")}handleCommentDelete(){this.emitQuestionCommentAction("delete")}componentWillRender(){var t;const i=this.question.questionIdentifierKey;const[e,s]=i.split(".");const n=this.initialValues[e][s];n.draftComment?this.isContainsDraftComment=true:this.isContainsDraftComment=false;n.comments.length>0?this.isContainsSavedComment=true:this.isContainsSavedComment=false;((t=n.comments[0])===null||t===void 0?void 0:t.userId)==this.userId?this.isCommentOwner=true:this.isCommentOwner=false}render(){const t=`${this.question.questionIdentifierKey}.comments[0].value`;const i=`${this.question.questionIdentifierKey}.draftComment.value`;const[s,n]=this.question.questionIdentifierKey.split(".");const o=this.initialValues[s][n].comments[0]||null;if(this.readonly){return this.isContainsSavedComment?e("div",{class:"question-comment-display"},e("unity-typography",{variant:"h4",color:"inherit",class:"question-comment-header"},"User Comment"),e("unity-typography",{variant:"body",color:"inherit"},o===null||o===void 0?void 0:o.value)):null}if(this.isContainsSavedComment&&!this.isCommentOwner){return e("div",{class:"question-comment-display"},e("unity-typography",{variant:"h4",color:"inherit",class:"question-comment-header"},"User Comment"),e("unity-typography",{variant:"body",color:"inherit"},o===null||o===void 0?void 0:o.value))}if(this.isContainsDraftComment){return e("div",{class:"question-comment-draft-container"},e("stencil-field",{name:i,required:true,ignoreDirty:true},e("text-area",Object.assign({},this.commentFieldProps,{label:"Comment:",placeholder:"Add a comment"}))),e("div",{class:"question-comment-action-container"},e("udp-button",{variant:"text",onClick:()=>{this.handleCommentDelete()},startIcon:e("udp-icon",{iconName:"trashCan",color:"inherit"})},"Delete"),e("udp-button",{variant:"text",onClick:()=>{this.handleCommentSave()},startIcon:e("udp-icon",{iconName:"save",color:"inherit"})},"Save")))}if(this.isContainsSavedComment){return e("div",{class:"question-comment-input-container"},e("div",null,e("stencil-field",{name:t,style:{display:"none"}},e("text-area",{disabled:true})),e("div",{class:"question-comment-display"},e("unity-typography",{variant:"h4",color:"inherit",class:"question-comment-header"},`Comment by: ${o===null||o===void 0?void 0:o.userDisplayName}`),e("unity-typography",{variant:"body",color:"inherit"},`${o===null||o===void 0?void 0:o.value}`)),e("div",{class:"question-comment-action-container"},e("udp-button",{variant:"text",onClick:()=>{this.handleCommentEdit()},startIcon:e("udp-icon",{iconName:"edit",color:"inherit"})},"Edit"))))}return e("div",{class:"question-comment-add-comment-button"},e("udp-button",{variant:"text",onClick:()=>{this.handleCommentAdd()},startIcon:e("udp-icon",{iconName:"add",color:"inherit"})},"Add a Comment"))}};S.style=$;const I=".floating-save-button{position:fixed;top:5rem;right:2rem;z-index:1000;animation:slideInDown 0.3s ease-out}.inline-save-button{position:relative;display:inline-flex;align-items:center;margin-left:auto;}.floating-save-button.saving,.inline-save-button.saving{pointer-events:none}.saving-state{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:rgba(0, 0, 0, 0.8);color:white;border-radius:8px;font-size:0.9rem}.saved-state{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;background:rgba(34, 139, 34, 0.9);color:white;border-radius:8px;font-size:0.9rem;animation:fadeIn 0.3s ease-out}.inline-save-button .saving-state{padding:0.5rem 0.75rem;background:rgba(0, 0, 0, 0.6);font-size:0.8rem}.inline-save-button .saved-state{padding:0.5rem 0.75rem;background:rgba(34, 139, 34, 0.8);font-size:0.8rem}.save-error-tooltip{position:absolute;top:100%;right:0;margin-top:0.5rem;background:#dc3545;color:white;padding:0.5rem 1rem;border-radius:8px;font-size:0.8rem;white-space:nowrap;box-shadow:0 4px 12px rgba(220, 53, 69, 0.3);animation:fadeIn 0.3s ease-out;z-index:1001}.save-error-tooltip::after{content:'';position:absolute;bottom:100%;right:1rem;border:6px solid transparent;border-bottom-color:#dc3545}.inline-save-button .save-error-tooltip{top:100%;bottom:auto;margin-top:0.5rem;margin-bottom:0}.inline-save-button .save-error-tooltip::after{top:-6px;border-top-color:transparent;border-bottom-color:#dc3545}@keyframes slideInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width: 768px){.floating-save-button{bottom:1rem;right:1rem;top:auto;}.saving-state{padding:0.6rem 0.8rem;font-size:0.8rem}.inline-save-button .saving-state{padding:0.4rem 0.6rem;font-size:0.75rem}}.primary-icon{--icon-color:var(--primary-color, #1976d2)}.primary-icon::part(icon){fill:var(--icon-color) !important}.primary-icon udp-icon-button::part(icon),.primary-icon .icon{fill:var(--primary-color, #1976d2) !important}@media (prefers-reduced-motion: reduce){.floating-save-button,.save-error-tooltip{animation:none}}";const A=class{constructor(i){t(this,i);this.isVisible=false;this.isSaving=false;this.saveErrorMessage=null;this.showSavedMessage=false;this.shouldBeInline=false;this.formApi=null;this.handleSaveClick=async()=>{if(!this.formApi||this.isSaving){return}if(typeof this.handleSave!=="function"){return}const t=this.formApi.getState().values;try{await this.handleSave(t);this.formApi.reset(t)}catch(t){console.error("The onSave handler threw an error. The form will remain dirty.",t)}}}async componentDidLoad(){this.formApi=await O(this.el);this.checkForOverlap();this.setupOverlapDetection()}disconnectedCallback(){if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.checkOverlapTimeoutId){clearTimeout(this.checkOverlapTimeoutId)}}handleWindowResize(){this.debouncedOverlapCheck()}setupOverlapDetection(){if(typeof ResizeObserver!=="undefined"){this.resizeObserver=new ResizeObserver((()=>{this.debouncedOverlapCheck()}));const t=this.el.closest("udp-forms-ui, .form-container, udp-container");if(t){this.resizeObserver.observe(t)}const i=document.querySelector('main, [role="main"]')||document.body;if(i){this.resizeObserver.observe(i)}}}debouncedOverlapCheck(){if(this.checkOverlapTimeoutId){clearTimeout(this.checkOverlapTimeoutId)}this.checkOverlapTimeoutId=setTimeout((()=>{this.checkForOverlap()}),100)}checkForOverlap(){const t=1280;this.shouldBeInline=window.innerWidth<t}render(){if(!this.isVisible&&!this.showSavedMessage){return null}const t=this.shouldBeInline?"inline-save-button":"floating-save-button";const i=this.shouldBeInline;return e("div",{class:`${t} ${this.isSaving?"saving":""} ${this.showSavedMessage?"saved":""}`},this.isSaving?e("div",{class:"saving-state"},e("unity-spinner",{size:"small"}),!i&&e("span",null,"Saving...")):this.isVisible?e("udp-icon-button",{icon:v,onClick:this.handleSaveClick,tooltip:"Save Changes",variant:"contained",color:i?"inherit":"primary",iconColor:i?"primary":null,size:i?"small":"medium"},i?"":"Save Changes"):e("div",{class:"saved-state"},e("span",null,"Saved")),this.saveErrorMessage&&e("div",{class:"save-error-tooltip"},this.saveErrorMessage))}get el(){return n(this)}};A.style=I;export{x as image_upload,k as signature_input,z as stencil_form,j as tally_display,F as udp_question,S as udp_question_comment,A as udp_save_draft_button};
2
2
  //# sourceMappingURL=image-upload_7.entry.js.map
package/dist/stencil-library/inputs-example.entry.js CHANGED
@@ -1,2 +1,2 @@
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};
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:"6b50ded2b5937f9d1c0a103393b99e2a6f48c6e8",class:"inputs-example"},a("h1",{key:"7b2298487532b8508bc4fe15e7b46879fd60399d"},"Input Components Examples"),a("section",{key:"475beb2ff7e6f0d2a94f545efc068c93ebcbd6e8",class:"example-section"},a("h2",{key:"bb8636068a53c2be053bba146de8d6a079f5df2d"},"Controlled Components"),a("p",{key:"2d29719a77cafa91d6daf88380dacd0978e1915a"},"Parent component manages state and passes values to child components."),a("div",{key:"293c65cb3f38c26cabe875d9ab104d2e276b4b3c",class:"input-grid"},a("div",{key:"b88953b136c63c09704ae12a864997a6899c3d6f",class:"input-example"},a("h3",{key:"8d27f5037a4064c4ae7df9622fd2a42314782fc0"},"Text Field"),a("text-field",{key:"19190ab403f17711e8a4f344ac44d4542ac127fc",label:"Controlled Text Input",placeholder:"Enter text...",value:this.controlledTextValue}),a("p",{key:"feaeed71f390846c35eee957cafb60fc1600d98b",class:"value-display"},"Value: ",this.controlledTextValue)),a("div",{key:"20c5515f35e06ad1648682ea752ec0561008150a",class:"input-example"},a("h3",{key:"4345172c87f8c427166b2e5533007470513e5c7f"},"Numeric Field"),a("numeric-field",{key:"27556ce43e88bb47073731c8383bcd4f8eb741be",label:"Controlled Numeric Input",placeholder:"Enter number...",value:this.controlledNumericValue,min:"0",max:"100",step:"1",onChange:this.handleControlledNumericChange}),a("p",{key:"cfd7b6473c71ae63e2d337a0ed38cac7fe488249",class:"value-display"},"Value: ",this.controlledNumericValue)),a("div",{key:"1a5ab5c84878d698b23129dc8f8b7f2a46a74488",class:"input-example"},a("h3",{key:"8ff0bd3644b2027f1ccf4607a001fa896ee74809"},"Text Area"),a("text-area",{key:"8b54d457a09424321443dc4e48e140431ae45a1a",label:"Controlled Text Area",placeholder:"Enter description...",value:this.controlledTextAreaValue,minRows:3,maxRows:6}),a("p",{key:"e24c877d209de29cbb9aa8596d022036182388c4",class:"value-display"},"Value: ",this.controlledTextAreaValue)),a("div",{key:"cb3d16fcfef9bd860c9c789cdde68990c91735c4",class:"input-example"},a("h3",{key:"8e91f172f4e98d293845738a8afb9584bb5198bf"},"Checkbox"),a("check-box",{key:"676dbaabea69be3f5f91d17c7986adca52b06da1",label:"Controlled Checkbox",checked:this.controlledCheckboxValue,onChange:this.handleControlledCheckboxChange}),a("p",{key:"43a8f4032222fd5368f7fca421ff66f2f292b26c",class:"value-display"},"Checked: ",this.controlledCheckboxValue.toString())),a("div",{key:"17a38692b2912c00977d22a89cf900fe4db8413f",class:"input-example"},a("h3",{key:"3715bf330765086639bc0980352f1c826a7e54db"},"Toggle"),a("stencil-toggle",{key:"b62845365cf967114fc651ec4588cdb5af35994f",label:"Controlled Toggle",checked:this.controlledToggleValue,onChange:this.handleControlledToggleChange}),a("p",{key:"97565ba674f96a56f053c15ee4b305b00fca3cd9",class:"value-display"},"Toggled: ",this.controlledToggleValue.toString())),a("div",{key:"7f52b0eb5bf59430918c4742de2d90a24bb22b72",class:"input-example"},a("h3",{key:"d8648dd0e8239f2f8e15e7177048b2586930e1aa"},"Date Selector"),a("udp-date-selector",{key:"8e8bc3b6eba6dc91cb2ba8f19b8c16f810fa101b",label:"Controlled Date",value:this.controlledDateValue,onChange:this.handleControlledDateChange}),a("p",{key:"5e0f507d8f80e3a5506eb03a50e00341fb7f089d",class:"value-display"},"Date: ",this.controlledDateValue)),a("div",{key:"f96eee6cc3a0035c4d170b4675ce4b42ae0316f2",class:"input-example"},a("h3",{key:"869940774405ef3881864c796082b6748b9d312b"},"DateTime Selector"),a("udp-datetime-selector",{key:"c7359174b839e386b879fce4bdbcbc94bc16f47f",label:"Controlled DateTime",value:this.controlledDateTimeValue,onChange:this.handleControlledDateTimeChange}),a("p",{key:"89f0e05b0becbfe819f400614efe04a3ba0146d0",class:"value-display"},"DateTime: ",this.controlledDateTimeValue)),a("div",{key:"fe08bb2860efc4214cd1c84a01324153fd42a6d6",class:"input-example"},a("h3",{key:"9cc8d81ee4f85a69a8f15eb5daa16dbfd92b9f7a"},"Time Selector"),a("udp-time-selector",{key:"fae61e563015df43d76b31b6cb46e6518d45bc04",label:"Controlled Time",value:this.controlledTimeValue,onChange:this.handleControlledTimeChange}),a("p",{key:"62315ae45eb080ea450f35fee1f2fe76e83bd829",class:"value-display"},"Time: ",this.controlledTimeValue)),a("div",{key:"571735fe6c7a126591c891da131bc6484e161bbc",class:"input-example"},a("h3",{key:"bbdba518d050d2442a6a2f55978e45f49ddf6e3f"},"UDP Selector"),a("udp-selector",{key:"85bbdda76d8029a9bd0984484f57732aa7b66f67",label:"Controlled Selector",options:this.selectorOptions,value:this.controlledSelectorValue,onChange:this.handleControlledSelectorChange}),a("p",{key:"c4d6858e679bafdb072c6e2f24df9fe979e9a2b1",class:"value-display"},"Selected: ",this.controlledSelectorValue)),a("div",{key:"086135c1f8cfeb2eb5f9cd54436356856f6594b0",class:"input-example"},a("h3",{key:"342be830da34c811266d9a467faa011f07c17c10"},"File Upload"),a("file-upload",{key:"9344549ecc1570026cd900d6a80d3eb1975f0f94",label:"Controlled File Upload",allowMultiple:true,onChange:this.handleControlledFileChange}),a("p",{key:"d5c32410a303357356be7710ac8bc51c3f6d8d71",class:"value-display"},"Files: ",this.controlledFileValue.length," selected")))),a("section",{key:"90a91939cbf4b5cd5d0e714ec6dbc572148a2530",class:"example-section"},a("h2",{key:"40c14e1baae2826964bc2e41bb6230c6ece00d31"},"Uncontrolled Components"),a("p",{key:"0216bbfb7442780936edc44866341ec2d1b7b996"},"Components manage their own state with initial values."),a("div",{key:"75fc67742f1edf4fafe87417bcfcbde428f86d44",class:"input-grid"},a("div",{key:"dc2f84e6792250d96d4e82b0474701e568540375",class:"input-example"},a("h3",{key:"6d17fcce74341e47330f203a1251a37ecc3c6498"},"Text Field"),a("text-field",{key:"436a46aa93ffa40592380ea36be25e5ad78ac913",label:"Uncontrolled Text Input",placeholder:"Enter text...",initialValue:"Initial text value",onChange:e=>console.log("Text changed:",e.detail)})),a("div",{key:"013560293f04950fd08cd1d9829830adc9050c42",class:"input-example"},a("h3",{key:"54d50556c57fec37819b0a64ed6c58788ad8dcda"},"Numeric Field"),a("numeric-field",{key:"de05429463b1619df59ccbb378610ead45276acd",label:"Uncontrolled Numeric Input",placeholder:"Enter number...",initialValue:"42",min:"0",max:"100",onChange:e=>console.log("Number changed:",e.detail)})),a("div",{key:"ccdd65e720e78172bbdf79223807fde6fce10b2c",class:"input-example"},a("h3",{key:"4bc9cb7c8a5473cc35e25955dd755be1b13c0748"},"Text Area"),a("text-area",{key:"e6620c10db672e8184ccf43895bd6805808c2cf4",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:"352cfd880f026ff7a14d596599aa665734ff21a0",class:"input-example"},a("h3",{key:"7c6b5e8b1d83b85fb02d4107a5598a696e0bdc86"},"Checkbox"),a("check-box",{key:"171a78ba1b898c08cf73e84e1aa91e24c20ae1c0",label:"Uncontrolled Checkbox",initialValue:"true",onChange:e=>console.log("Checkbox changed:",e.detail)})),a("div",{key:"ff81933cfb80a36b515ca5c0ebed3a8172bcf152",class:"input-example"},a("h3",{key:"06d7c7657af8c0d0b57fbf301bf675b6f401f1d8"},"Toggle"),a("stencil-toggle",{key:"c3fa6566984d2f8efa177f336d9c4b21400753e3",label:"Uncontrolled Toggle",initialValue:"false",onChange:e=>console.log("Toggle changed:",e.detail)})),a("div",{key:"52428a2236893246268e976eccefc5d0ed420077",class:"input-example"},a("h3",{key:"4bd154912f6328e88fae791898b0a74942b7e948"},"Date Selector"),a("udp-date-selector",{key:"a206c079f63dc834363c1a13df8593571ef31924",label:"Uncontrolled Date",initialValue:"2024-01-15",onChange:e=>console.log("Date changed:",e.detail)})),a("div",{key:"797b0a55e6cb4c66e642bab72e68da01c212bb73",class:"input-example"},a("h3",{key:"20b438beff287b412d2e692e12f1b96f8c8fa5aa"},"Time Selector"),a("udp-time-selector",{key:"74e861d9f070225bdc7b8b7b9d6f9fb87a27fb1e",label:"Uncontrolled Time",initialValue:"14:30",onChange:e=>console.log("Time changed:",e.detail)})),a("div",{key:"8a43ae37f986fd8c81d091be946e9d3407b593a1",class:"input-example"},a("h3",{key:"bdbf60f7deddef385c78a9bf7f05e50ef788792c"},"DateTime Selector"),a("udp-datetime-selector",{key:"f3917bebe83cc1a55d7caa1acec5ec991fab115c",label:"Uncontrolled DateTime",initialValue:"2024-01-15T14:30",onChange:e=>console.log("DateTime changed:",e.detail)})),a("div",{key:"1782c0c0af9bf367d5a65748da1b5f4882ff478f",class:"input-example"},a("h3",{key:"a530d1d5750b4e6927bafb056211d420cd86cb02"},"UDP Selector"),a("udp-selector",{key:"e6935be37209f2872a10429544651ed8ae3ae9eb",label:"Uncontrolled Selector",options:this.selectorOptions,initialValue:"option2",onChange:e=>console.log("Selector changed:",e.detail)})))),a("section",{key:"526277689a5ab71c53aea1a15dc1e005e3513337",class:"example-section"},a("h2",{key:"52b1138ff192ed102b15db303cd565a64d2bfe40"},"Form-wrapped Components"),a("p",{key:"d7e086a0b2a635d184c324219e6fa2137da4c717"},"Components integrated with stencil-form and stencil-field for validation and state management."),a("stencil-form",{key:"b9914d0287d025ce6065f5985d49fbfc230b2b7f",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:"c988f4199f89b9d28a444ca6f262d0f7a4d7086f",class:"form-grid"},a("stencil-field",{key:"e61edacce18a1080604cca6c83a47eb9bf853dca",name:"formTextField"},a("text-field",{key:"52a4fb8ad33fb5eb5f4c03a6b34f0352daecb227",label:"Form Text Field",placeholder:"Enter text...",required:true})),a("stencil-field",{key:"2fde12d1bc8562d727b9c16486f3cebc8d0ef0a1",name:"formNumericField"},a("numeric-field",{key:"cce90a03f97a7ce519e769cbf5568557e8da5172",label:"Form Numeric Field",placeholder:"Enter number...",min:"0",max:"100",required:true})),a("stencil-field",{key:"483c179ef0e6e057b0038c44ad35d758e8da72c0",name:"formTextArea"},a("text-area",{key:"54bf5a7d1a29f00a4db885e70a4fff18c25ccc8b",label:"Form Text Area",placeholder:"Enter description...",required:true,minRows:3})),a("stencil-field",{key:"5b9b92bc986d8247e0d29580d16ea1af1d6dd811",name:"formCheckbox"},a("check-box",{key:"9b697664e89f5e88964e740cb713e783cb7e5eaf",label:"Accept Terms and Conditions",required:true})),a("stencil-field",{key:"04e214cc1e402cd5d8cc4a902530ce3e5abfab93",name:"formToggle"},a("stencil-toggle",{key:"90264b08f1fde534454cc62bbbc94148de7d357b",label:"Enable Notifications"})),a("stencil-field",{key:"c2b32a971b1ff98067606c621cde478eddf532dc",name:"formDate"},a("udp-date-selector",{key:"38d4277f734bfe478a07f3137424608646a48848",label:"Form Date",required:true})),a("stencil-field",{key:"be40b541a17d729c6140931d05fce1baf2db7273",name:"formTime"},a("udp-time-selector",{key:"f3c10e03320cbd983b5573cee4ec99c737a0d389",label:"Form Time"})),a("stencil-field",{key:"f0ec76807e7ac9caae2c216665934d5668abee6d",name:"formSelector"},a("udp-selector",{key:"a887013efc6d25c8119ec1ead75de3e3779e1d20",label:"Form Selector",options:this.selectorOptions,required:true})),a("stencil-field",{key:"662c9e1b54e9eb2926dd5405c17e7c9774bddba5",name:"formFiles"},a("file-upload",{key:"08c9b118f3582f93086a5da3fa4d45446a967f5e",label:"Form File Upload",allowMultiple:true}))),a("div",{key:"951a514199520009da7df0798a6b9a6a8c8fb696",class:"form-actions"},a("button",{key:"8550d0b23137a65a279390fcd083b75280e5c2ff",type:"submit",class:"submit-button"},"Submit Form"))),a("div",{key:"194547ea02a3a71691c9721456def235b1ca0aa1",class:"form-values"},a("h3",{key:"9f2237ad72e7dc8a89a3b76eb2a85489ef784b0f"},"Current Form Values:"),a("pre",{key:"b9e2cbee72e21f3640dba65eab05d2af47c4a284"},JSON.stringify(this.formValues,null,2)))),a("section",{key:"58723614fb40ff513d99eb984324848e68e26690",class:"example-section"},a("h2",{key:"1c3528c6fa28d8c47bddd005523b2b2203433c24"},"Additional Examples"),a("p",{key:"663507cd004a87e188acd89611a6f719dc236a0d"},"More complex configurations and specialized use cases."),a("div",{key:"c09839477af2b59587589b71730736fbe11f10f6",class:"input-grid"},a("div",{key:"05be4e05ea40a32b44f8486ac36ec648617667ce",class:"input-example"},a("h3",{key:"1a55bc8af2155bb961dd087ec28f1894604cf181"},"Multi-Select UDP Selector"),a("udp-selector",{key:"e39700fb3d1c54346e51ba22408c677ccc00fa93",label:"Multi-Select Selector",options:this.selectorOptions,multiSelect:true,initialValue:"option1,option3",onChange:e=>console.log("Multi-select changed:",e.detail)})),a("div",{key:"8f18b41bb0f8fde3e7ea57e0a127885d3888039e",class:"input-example"},a("h3",{key:"2627a3d0bfdcd7dc23fd67f4563733f2300c27de"},"Large UDP Selector"),a("udp-selector",{key:"33c8e46f5e98b732c8e861de3fa1a8dadf8e75e1",label:"Large Selector",options:this.selectorOptions,large:true,initialValue:"option2",onChange:e=>console.log("Large selector changed:",e.detail)})),a("div",{key:"e74f1ccfac444c1058b03006c7516a90090704fc",class:"input-example"},a("h3",{key:"c13665d87d1ab26ce42084f5b497514df758336b"},"File Upload with Type Restrictions"),a("file-upload",{key:"fdbcbce5f0ad21427b10c69b1ff14faa5ff5bcd6",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:"e485136314ce4c0ea095ad532a3729e72d731e79",class:"input-example"},a("h3",{key:"fd9026adbfe0a0da04dba6d8e58d096e0e88cda1"},"Disabled Components"),a("div",{key:"1a35bfda54b5bf67f50c460a028cec1e9a7979dd",class:"disabled-examples"},a("text-field",{key:"163bd27c789de9fadaf4e7a509f59d36ef41a35e",label:"Disabled Text Field",value:"Cannot edit this",disabled:true}),a("check-box",{key:"6d94b2842459b07cd8a093c17555613e02ecdc27",label:"Disabled Checkbox",checked:true,disabled:true}),a("udp-selector",{key:"db1da592947e1f072f2fc88026a3643059f8e405",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
package/dist/stencil-library/map-component_2.entry.js CHANGED
@@ -1,2 +1,2 @@
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};
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 c from"proj4";import{register as f}from"ol/proj/proj4";import{Select as u,Draw as p,defaults as v,DragRotateAndZoom as m}from"ol/interaction";import{Feature as y,Overlay as w}from"ol";import{h as b,a as S,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 c=new u({condition:t=>T(t),multi:false,hitTolerance:30});c.set("id",D);c.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(b(i)){t.setStyle(i)}}}else{s(null);e()}}}));r(c);l(c)};const N=(t,i,s,e,h,o,n,a,r,d,c,f,u,v,m,y)=>{e(true);h(true);o(null);u([]);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);c(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)&&!f.includes(t)));if(m){s.forEach((t=>{let i=m(t);if(b(i)){t.setStyle(i)}}))}n.push(...s)}}));if(n.length>0){let t=(f===null||f===void 0?void 0:f.length)>0?[...f,...n]:n;u(t);if(y){y(f)}}h(false);o.setActive(false)}));r(o)}};const R=(t,i,s="Point",e,h,o,n,r,d,c,f,u)=>{var v,m,y,w;if(d){d(null)}r(true);if(h){e(h)}let b=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){b=t.getSource()}}}))}else{b=(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 S=new p({source:b,type:s});o(S);S.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:b};if(n){n(t)}if(!f){u()}}}));c(S)};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 c=new p({source:d,type:"LineString"});e(c);c.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(c);e(c)};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 c=[];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});c[c.length]=i}}else{const t=new o({source:new n,properties:{value:"Open Street Map",isBaseTile:true},visible:true});c[c.length]=t}c.push(new l({source:new a({}),properties:{id:V}}));const f=new h({center:this.mapCenter,zoom:this.mapZoom,projection:this.mapProjection,minZoom:this.minZoom,maxZoom:this.maxZoom});this.mapInstance=new e({target:i,layers:c,view:f,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=S(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){c.defs(t);f(c);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(b(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(b(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:"fb89aa71848e46d19bbfe795949993fbf5ad78d9"},i("div",{key:"4910a1a869003c22a8dc3dfb410777d424399576",id:"map",style:{height:this.mapHeight,width:"100%",overflow:"hidden"}},i("slot",{key:"544c055bde3064fb34caf24931c92b619bb9fc1a"})),i("div",{key:"a7e46b10ba9aca7f23a6fc7e29c313093ac50125",id:"featureDetailsPopOverContainer"},i("feature-details-popup",{key:"2c6878b076ce528de98cf0f6e1593123573b9cb1",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(b(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:"fe800500ed0c628a824e7e07e5bbfc3cd62a5fb6",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