udp-stencil-component-library 25.18.1-beta.7 → 25.18.1-beta.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/add-map-feature-popup_4.cjs.entry.js +12 -12
- package/dist/cjs/advanced-search_50.cjs.entry.js +63 -60
- package/dist/cjs/ag-grid-base_5.cjs.entry.js +5 -5
- package/dist/cjs/api-method-instance-grid.cjs.entry.js +1 -1
- package/dist/cjs/check-box.cjs.entry.js +2 -2
- package/dist/cjs/chip-section.cjs.entry.js +2 -2
- package/dist/cjs/client-side-grid_2.cjs.entry.js +3 -3
- package/dist/cjs/color-preview.cjs.entry.js +1 -1
- package/dist/cjs/date-time-renderer_6.cjs.entry.js +8 -8
- package/dist/cjs/entity-maintenance-grid.cjs.entry.js +1 -1
- package/dist/cjs/feature-details-card_2.cjs.entry.js +5 -5
- package/dist/cjs/image-upload_7.cjs.entry.js +6 -6
- package/dist/cjs/inputs-example.cjs.entry.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/map-component_2.cjs.entry.js +2 -2
- package/dist/cjs/numeric-field_5.cjs.entry.js +15 -15
- package/dist/cjs/page-renderer.cjs.entry.js +1 -1
- package/dist/cjs/question-configs-renderer_5.cjs.entry.js +14 -14
- package/dist/cjs/resource-timeline-calendar.cjs.entry.js +1 -1
- package/dist/cjs/search-method-grid.cjs.entry.js +1 -1
- package/dist/cjs/server-side-grid.cjs.entry.js +1 -1
- package/dist/cjs/simple-card.cjs.entry.js +1 -1
- package/dist/cjs/stencil-library.cjs.js +1 -1
- package/dist/cjs/udp-chip_3.cjs.entry.js +1 -1
- package/dist/cjs/udp-container-query-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/udp-container-query-grid.cjs.entry.js +1 -1
- package/dist/cjs/udp-container-query.cjs.entry.js +2 -2
- package/dist/cjs/udp-container.cjs.entry.js +2 -2
- package/dist/cjs/udp-date-range-selector.cjs.entry.js +1 -1
- package/dist/cjs/udp-dynamic-form.cjs.entry.js +1 -1
- package/dist/cjs/udp-forms-follow-up-list-card.cjs.entry.js +2 -2
- package/dist/cjs/udp-forms-list-card.cjs.entry.js +5 -5
- package/dist/cjs/udp-forms-list.cjs.entry.js +1 -1
- package/dist/cjs/udp-forms-renderer.cjs.entry.js +1 -1
- package/dist/cjs/udp-list-renderer.udp-pagination.udp-side-sheet.entry.cjs.js.map +1 -1
- package/dist/cjs/udp-list-renderer_3.cjs.entry.js +194 -5
- package/dist/cjs/udp-map.cjs.entry.js +3 -3
- package/dist/cjs/udp-page.cjs.entry.js +1 -1
- package/dist/cjs/udp-split-screen.cjs.entry.js +1 -1
- package/dist/cjs/udp-stepper-demo.cjs.entry.js +1 -1
- package/dist/cjs/udp-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/udp-vertical-spacer.cjs.entry.js +1 -1
- package/dist/collection/components/my-component/UI/data-display/icons/udp-icon.js +4 -1
- package/dist/collection/components/my-component/UI/data-display/icons/udp-icon.js.map +1 -1
- package/dist/collection/components/my-component/UI/data-display/kpi/kpi-list.js +1 -1
- package/dist/collection/components/my-component/UI/data-display/list-item/list-item.js +2 -2
- package/dist/collection/components/my-component/UI/data-display/pop-over/udp-pop-over.js +1 -1
- package/dist/collection/components/my-component/UI/data-display/pop-over-grid-action-header/udp-pop-over-grid-action-header.js +1 -1
- package/dist/collection/components/my-component/UI/data-display/primary-action-header/primary-action-header.js +2 -2
- package/dist/collection/components/my-component/UI/data-display/simple-card/simple-card.js +1 -1
- package/dist/collection/components/my-component/UI/data-display/tool-tip/udp-ambient-tool-tip.js +2 -2
- package/dist/collection/components/my-component/UI/data-display/tree/tree-list-item/search-item/search-list-item.js +1 -1
- package/dist/collection/components/my-component/UI/data-display/udp-avatar/udp-avatar.js +1 -1
- package/dist/collection/components/my-component/UI/dialogs/fluent-dialog/fluent-dialog.js +2 -2
- package/dist/collection/components/my-component/UI/dialogs/udp-dialog.js +1 -1
- package/dist/collection/components/my-component/UI/drawers/udp-side-sheet/types.js +2 -0
- package/dist/collection/components/my-component/UI/drawers/udp-side-sheet/types.js.map +1 -0
- package/dist/collection/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.css +163 -137
- package/dist/collection/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.js +269 -19
- package/dist/collection/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.js.map +1 -1
- package/dist/collection/components/my-component/UI/feedback/udp-notification/alerts/upd-alert-banner.js +1 -1
- package/dist/collection/components/my-component/UI/feedback/udp-notification/udp-notification.js +2 -2
- package/dist/collection/components/my-component/UI/forms/dynamic-form/udp-dynamic-form.js +1 -1
- package/dist/collection/components/my-component/UI/forms/edit-view-form/edit-view-form.js +2 -2
- package/dist/collection/components/my-component/UI/forms/form/stencil-form.js +1 -1
- package/dist/collection/components/my-component/UI/forms/save-view-form/save-view-form.js +2 -2
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/forms-question-item/udp-forms-builder-question-item.js +2 -2
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/file-upload-renderer/file-upload-renderer.js +2 -2
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/list-option-renderer/list-options-renderer.js +3 -3
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-configs-renderer/question-configs-renderer.js +6 -6
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/section-configs-renderer/section-configs-renderer.js +3 -3
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/signature-renderer/signature-renderer.js +1 -1
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/text-input-renderer/text-input-renderer.js +2 -2
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-menu/udp-forms-builder-menu.js +2 -2
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-style-override/udp-forms-builder-style-override.js +1 -1
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list-card/udp-forms-list-card.js +5 -5
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-list/udp-forms-list.js +1 -1
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-renderer/udp-forms-renderer-follow-up-list-card/udp-forms-follow-up-list-card.js +2 -2
- package/dist/collection/components/my-component/UI/forms/udp-forms/udp-forms-renderer/udp-forms-renderer.js +1 -1
- package/dist/collection/components/my-component/UI/grid/ag-table/ag-table.js +1 -1
- package/dist/collection/components/my-component/UI/grid/ambient-template-grid/ambient-template-grid.js +15 -15
- package/dist/collection/components/my-component/UI/grid/grid-primary-bar/grid-primary-bar.js +2 -2
- package/dist/collection/components/my-component/UI/grid/hotlists/udp-hotlist-form/udp-hotlist-form.js +1 -1
- package/dist/collection/components/my-component/UI/grid/new-grid/ag-grid-base.js +1 -1
- package/dist/collection/components/my-component/UI/grid/new-grid/api-method-instance-grid.js +1 -1
- package/dist/collection/components/my-component/UI/grid/new-grid/client-side-grid.js +1 -1
- package/dist/collection/components/my-component/UI/grid/new-grid/entity-maintenance-grid.js +1 -1
- package/dist/collection/components/my-component/UI/grid/new-grid/search-method-grid.js +1 -1
- package/dist/collection/components/my-component/UI/grid/new-grid/server-side-grid.js +1 -1
- package/dist/collection/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-calendar.js +1 -1
- package/dist/collection/components/my-component/UI/grid/resource-timeline-calendar/resource-timeline-primary-bar.js +2 -2
- package/dist/collection/components/my-component/UI/inputs/checkbox/check-box.js +2 -2
- package/dist/collection/components/my-component/UI/inputs/date-range-selector/udp-date-range-selector.js +1 -1
- package/dist/collection/components/my-component/UI/inputs/date-selector/udp-date-selector.js +3 -3
- package/dist/collection/components/my-component/UI/inputs/date-time-selector/udp-datetime-selector.js +3 -3
- package/dist/collection/components/my-component/UI/inputs/image-upload/image-upload.js +1 -1
- package/dist/collection/components/my-component/UI/inputs/numeric-field/numeric-field.js +3 -3
- package/dist/collection/components/my-component/UI/inputs/signature-input/signature-input.js +2 -2
- package/dist/collection/components/my-component/UI/inputs/tally/tally.js +2 -2
- package/dist/collection/components/my-component/UI/inputs/text-area/text-area.js +3 -3
- package/dist/collection/components/my-component/UI/inputs/text-field/text-field.js +3 -3
- package/dist/collection/components/my-component/UI/inputs/time-selector/udp-time-selector.js +3 -3
- package/dist/collection/components/my-component/UI/inputs/toggle/stencil-toggle.js +4 -4
- package/dist/collection/components/my-component/UI/inputs/udp-selector/udp-selector.js +4 -4
- package/dist/collection/components/my-component/UI/layout/udp-container/udp-container.js +2 -2
- package/dist/collection/components/my-component/UI/layout/udp-container-query/udp-container-query.js +2 -2
- package/dist/collection/components/my-component/UI/layout/udp-container-query-grid/udp-container-query-grid.js +1 -1
- package/dist/collection/components/my-component/UI/layout/udp-container-query-grid-item/udp-container-query-grid-item.js +1 -1
- package/dist/collection/components/my-component/UI/layout/udp-page/udp-page.js +1 -1
- package/dist/collection/components/my-component/UI/layout/udp-split-screen/udp-split-screen.js +1 -1
- package/dist/collection/components/my-component/UI/layout/udp-vertical-spacer.js +1 -1
- package/dist/collection/components/my-component/UI/loaders/udp-grid-loader/udp-grid-loader.js +2 -2
- package/dist/collection/components/my-component/UI/loaders/udp-linear-loader/udp-linear-loader.js +1 -1
- package/dist/collection/components/my-component/UI/loaders/udp-skeleton-loading.js +1 -1
- package/dist/collection/components/my-component/UI/map/udp-map/map-component.js +1 -1
- package/dist/collection/components/my-component/UI/map/udp-map/popups/add-map-feature-popup.js +3 -3
- package/dist/collection/components/my-component/UI/map/udp-map/popups/feature-details-card/feature-details-card.js +4 -4
- package/dist/collection/components/my-component/UI/map/udp-map/popups/feature-details-popup.js +1 -1
- package/dist/collection/components/my-component/UI/map/udp-map/popups/select-layer-popup.js +2 -2
- package/dist/collection/components/my-component/UI/map/udp-map/popups/split-line-popup.js +1 -1
- package/dist/collection/components/my-component/UI/map/udp-map/toolbar/map-toolbar.js +6 -6
- package/dist/collection/components/my-component/UI/map/udp-map/udp-map-toolbar.js +1 -1
- package/dist/collection/components/my-component/UI/map/udp-map/udp-map.js +3 -3
- package/dist/collection/components/my-component/UI/menu/menu-item/udp-menu-item.js +1 -1
- package/dist/collection/components/my-component/UI/menu/udp-menu.js +1 -1
- package/dist/collection/components/my-component/UI/stepper/udp-stepper-demo.js +1 -1
- package/dist/collection/components/my-component/UI/tabs/tab/tabs/udp-tabs.js +2 -2
- package/dist/collection/components/my-component/UI/tabs/tab/udp-tab.js +1 -1
- package/dist/collection/components/my-component/UI/tabs/udp-tab-panel/udp-tab-panel.js +2 -2
- package/dist/collection/components/my-component/UI/toolbars/app-bar/app-bar.js +1 -1
- package/dist/collection/components/my-component/UI/util/ghost-render/ghost-render.js +1 -1
- package/dist/collection/components/my-component/demo/ambient-demo-container.js +1 -1
- package/dist/collection/components/test-component/inputs-example/inputs-example.js +2 -2
- package/dist/collection/page-renderer/page-renderer.js +1 -1
- package/dist/collection/theme/color-preview/color-preview.js +1 -1
- package/dist/collection/udp-utilities/layout/udp-dynamic-container-with-menu/chip-section/chip-section.js +2 -2
- package/dist/collection/udp-utilities/layout/udp-dynamic-container-with-menu/udp-dynamic-container-with-menu.js +1 -1
- package/dist/components/add-map-feature-popup2.js +3 -3
- package/dist/components/ag-grid-base2.js +1 -1
- package/dist/components/ag-table2.js +1 -1
- package/dist/components/ambient-demo-container2.js +1 -1
- package/dist/components/ambient-template-grid2.js +15 -15
- package/dist/components/api-method-instance-grid.js +1 -1
- package/dist/components/app-bar2.js +1 -1
- package/dist/components/check-box2.js +2 -2
- package/dist/components/chip-section.js +2 -2
- package/dist/components/client-side-grid2.js +1 -1
- package/dist/components/color-preview.js +1 -1
- package/dist/components/edit-view-form.js +2 -2
- package/dist/components/entity-maintenance-grid.js +1 -1
- package/dist/components/feature-details-card2.js +4 -4
- package/dist/components/feature-details-popup2.js +1 -1
- package/dist/components/file-upload-renderer2.js +2 -2
- package/dist/components/fluent-dialog2.js +2 -2
- package/dist/components/ghost-render2.js +1 -1
- package/dist/components/grid-primary-bar2.js +2 -2
- package/dist/components/image-upload2.js +1 -1
- package/dist/components/inputs-example.js +2 -2
- package/dist/components/kpi-list2.js +1 -1
- package/dist/components/list-item.js +2 -2
- package/dist/components/list-options-renderer2.js +3 -3
- package/dist/components/map-component2.js +1 -1
- package/dist/components/map-toolbar2.js +6 -6
- package/dist/components/numeric-field2.js +3 -3
- package/dist/components/page-renderer.js +1 -1
- package/dist/components/primary-action-header2.js +2 -2
- package/dist/components/question-configs-renderer2.js +6 -6
- package/dist/components/resource-timeline-calendar.js +1 -1
- package/dist/components/resource-timeline-primary-bar2.js +2 -2
- package/dist/components/save-view-form.js +2 -2
- package/dist/components/search-list-item2.js +1 -1
- package/dist/components/search-method-grid2.js +1 -1
- package/dist/components/section-configs-renderer2.js +3 -3
- package/dist/components/select-layer-popup2.js +2 -2
- package/dist/components/server-side-grid2.js +1 -1
- package/dist/components/signature-input2.js +2 -2
- package/dist/components/signature-renderer2.js +1 -1
- package/dist/components/simple-card.js +1 -1
- package/dist/components/split-line-popup2.js +1 -1
- package/dist/components/stencil-form2.js +1 -1
- package/dist/components/stencil-toggle2.js +4 -4
- package/dist/components/tally.js +2 -2
- package/dist/components/text-area2.js +3 -3
- package/dist/components/text-field2.js +3 -3
- package/dist/components/text-input-renderer2.js +2 -2
- package/dist/components/udp-ambient-tool-tip2.js +2 -2
- package/dist/components/udp-avatar2.js +1 -1
- package/dist/components/udp-container-query-grid-item.js +1 -1
- package/dist/components/udp-container-query-grid.js +1 -1
- package/dist/components/udp-container-query2.js +2 -2
- package/dist/components/udp-container2.js +2 -2
- package/dist/components/udp-date-range-selector.js +1 -1
- package/dist/components/udp-date-selector2.js +3 -3
- package/dist/components/udp-datetime-selector2.js +3 -3
- package/dist/components/udp-dialog2.js +1 -1
- package/dist/components/udp-dynamic-container-with-menu2.js +1 -1
- package/dist/components/udp-dynamic-form.js +1 -1
- package/dist/components/udp-forms-builder-menu2.js +2 -2
- package/dist/components/udp-forms-builder-question-item2.js +2 -2
- package/dist/components/udp-forms-builder-style-override2.js +1 -1
- package/dist/components/udp-forms-builder.js +72 -60
- package/dist/components/udp-forms-builder.js.map +1 -1
- package/dist/components/udp-forms-follow-up-list-card.js +2 -2
- package/dist/components/udp-forms-list-card2.js +5 -5
- package/dist/components/udp-forms-list.js +51 -39
- package/dist/components/udp-forms-list.js.map +1 -1
- package/dist/components/udp-forms-renderer.js +67 -55
- package/dist/components/udp-forms-renderer.js.map +1 -1
- package/dist/components/udp-grid-loader2.js +2 -2
- package/dist/components/udp-hotlist-form2.js +1 -1
- package/dist/components/udp-icon2.js +4 -1
- package/dist/components/udp-icon2.js.map +1 -1
- package/dist/components/udp-linear-loader2.js +1 -1
- package/dist/components/udp-map-toolbar2.js +1 -1
- package/dist/components/udp-map.js +3 -3
- package/dist/components/udp-menu-item2.js +1 -1
- package/dist/components/udp-menu2.js +1 -1
- package/dist/components/udp-notification2.js +2 -2
- package/dist/components/udp-page.js +1 -1
- package/dist/components/udp-pop-over-grid-action-header2.js +1 -1
- package/dist/components/udp-pop-over2.js +1 -1
- package/dist/components/udp-selector2.js +4 -4
- package/dist/components/udp-side-sheet2.js +228 -19
- package/dist/components/udp-side-sheet2.js.map +1 -1
- package/dist/components/udp-skeleton-loading2.js +1 -1
- package/dist/components/udp-split-screen.js +1 -1
- package/dist/components/udp-stepper-demo.js +1 -1
- package/dist/components/udp-tab-panel.js +2 -2
- package/dist/components/udp-tab2.js +1 -1
- package/dist/components/udp-tabs2.js +2 -2
- package/dist/components/udp-time-selector2.js +3 -3
- package/dist/components/udp-vertical-spacer.js +1 -1
- package/dist/components/upd-alert-banner2.js +1 -1
- package/dist/docs.json +123 -28
- package/dist/esm/add-map-feature-popup_4.entry.js +12 -12
- package/dist/esm/advanced-search_50.entry.js +63 -60
- package/dist/esm/ag-grid-base_5.entry.js +5 -5
- package/dist/esm/api-method-instance-grid.entry.js +1 -1
- package/dist/esm/check-box.entry.js +2 -2
- package/dist/esm/chip-section.entry.js +2 -2
- package/dist/esm/client-side-grid_2.entry.js +3 -3
- package/dist/esm/color-preview.entry.js +1 -1
- package/dist/esm/date-time-renderer_6.entry.js +8 -8
- package/dist/esm/entity-maintenance-grid.entry.js +1 -1
- package/dist/esm/feature-details-card_2.entry.js +5 -5
- package/dist/esm/image-upload_7.entry.js +6 -6
- package/dist/esm/inputs-example.entry.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/map-component_2.entry.js +2 -2
- package/dist/esm/numeric-field_5.entry.js +15 -15
- package/dist/esm/page-renderer.entry.js +1 -1
- package/dist/esm/question-configs-renderer_5.entry.js +14 -14
- package/dist/esm/resource-timeline-calendar.entry.js +1 -1
- package/dist/esm/search-method-grid.entry.js +1 -1
- package/dist/esm/server-side-grid.entry.js +1 -1
- package/dist/esm/simple-card.entry.js +1 -1
- package/dist/esm/stencil-library.js +1 -1
- package/dist/esm/udp-chip_3.entry.js +1 -1
- package/dist/esm/udp-container-query-grid-item.entry.js +1 -1
- package/dist/esm/udp-container-query-grid.entry.js +1 -1
- package/dist/esm/udp-container-query.entry.js +2 -2
- package/dist/esm/udp-container.entry.js +2 -2
- package/dist/esm/udp-date-range-selector.entry.js +1 -1
- package/dist/esm/udp-dynamic-form.entry.js +1 -1
- package/dist/esm/udp-forms-follow-up-list-card.entry.js +2 -2
- package/dist/esm/udp-forms-list-card.entry.js +5 -5
- package/dist/esm/udp-forms-list.entry.js +1 -1
- package/dist/esm/udp-forms-renderer.entry.js +1 -1
- package/dist/esm/udp-list-renderer.udp-pagination.udp-side-sheet.entry.js.map +1 -1
- package/dist/esm/udp-list-renderer_3.entry.js +194 -5
- package/dist/esm/udp-map.entry.js +3 -3
- package/dist/esm/udp-page.entry.js +1 -1
- package/dist/esm/udp-split-screen.entry.js +1 -1
- package/dist/esm/udp-stepper-demo.entry.js +1 -1
- package/dist/esm/udp-tab-panel.entry.js +2 -2
- package/dist/esm/udp-vertical-spacer.entry.js +1 -1
- package/dist/stencil-library/add-map-feature-popup_4.entry.js +1 -1
- package/dist/stencil-library/advanced-search_50.entry.js +1 -1
- package/dist/stencil-library/advanced-search_50.entry.js.map +1 -1
- package/dist/stencil-library/ag-grid-base_5.entry.js +1 -1
- package/dist/stencil-library/api-method-instance-grid.entry.js +1 -1
- package/dist/stencil-library/check-box.entry.js +1 -1
- package/dist/stencil-library/chip-section.entry.js +1 -1
- package/dist/stencil-library/client-side-grid_2.entry.js +1 -1
- package/dist/stencil-library/color-preview.entry.js +1 -1
- package/dist/stencil-library/date-time-renderer_6.entry.js +1 -1
- package/dist/stencil-library/entity-maintenance-grid.entry.js +1 -1
- package/dist/stencil-library/feature-details-card_2.entry.js +1 -1
- package/dist/stencil-library/image-upload_7.entry.js +1 -1
- package/dist/stencil-library/inputs-example.entry.js +1 -1
- package/dist/stencil-library/map-component_2.entry.js +1 -1
- package/dist/stencil-library/numeric-field_5.entry.js +1 -1
- package/dist/stencil-library/page-renderer.entry.js +1 -1
- package/dist/stencil-library/question-configs-renderer_5.entry.js +1 -1
- package/dist/stencil-library/resource-timeline-calendar.entry.js +1 -1
- package/dist/stencil-library/search-method-grid.entry.js +1 -1
- package/dist/stencil-library/server-side-grid.entry.js +1 -1
- package/dist/stencil-library/simple-card.entry.js +1 -1
- package/dist/stencil-library/simple-card.entry.js.map +1 -1
- package/dist/stencil-library/stencil-library.esm.js +1 -1
- package/dist/stencil-library/udp-chip_3.entry.js +1 -1
- package/dist/stencil-library/udp-container-query-grid-item.entry.js +1 -1
- package/dist/stencil-library/udp-container-query-grid.entry.js +1 -1
- package/dist/stencil-library/udp-container-query.entry.js +1 -1
- package/dist/stencil-library/udp-container.entry.js +1 -1
- package/dist/stencil-library/udp-date-range-selector.entry.js +1 -1
- package/dist/stencil-library/udp-dynamic-form.entry.js +1 -1
- package/dist/stencil-library/udp-forms-follow-up-list-card.entry.js +1 -1
- package/dist/stencil-library/udp-forms-list-card.entry.js +1 -1
- package/dist/stencil-library/udp-forms-list.entry.js +1 -1
- package/dist/stencil-library/udp-forms-renderer.entry.js +1 -1
- package/dist/stencil-library/udp-list-renderer.udp-pagination.udp-side-sheet.entry.esm.js.map +1 -1
- package/dist/stencil-library/udp-list-renderer_3.entry.js +1 -1
- package/dist/stencil-library/udp-list-renderer_3.entry.js.map +1 -1
- package/dist/stencil-library/udp-map.entry.js +1 -1
- package/dist/stencil-library/udp-page.entry.js +1 -1
- package/dist/stencil-library/udp-split-screen.entry.js +1 -1
- package/dist/stencil-library/udp-stepper-demo.entry.js +1 -1
- package/dist/stencil-library/udp-tab-panel.entry.js +1 -1
- package/dist/stencil-library/udp-vertical-spacer.entry.js +1 -1
- package/dist/types/components/my-component/UI/drawers/udp-side-sheet/types.d.ts +7 -0
- package/dist/types/components/my-component/UI/drawers/udp-side-sheet/udp-side-sheet.d.ts +114 -0
- package/dist/types/components.d.ts +83 -0
- package/package.json +1 -1
|
@@ -97,19 +97,19 @@ export class FeatureDetailsCard {
|
|
|
97
97
|
render() {
|
|
98
98
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
99
99
|
const currentMessageIcon = (_a = this.messageIcon) !== null && _a !== void 0 ? _a : this.getDefaultMessageIcon();
|
|
100
|
-
return (h("div", { key: '
|
|
100
|
+
return (h("div", { key: '9781ea11818aaa6eaae88eb0c6f4c0b43b5a99e5', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (h("div", { key: '209fc91b2d98c079102074dbd8a0c060c053b2d4', class: "adornment" }, h("udp-adornment", { key: '1c09dc89841fda0747ad70a04adf70e800fe6a83', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), h("div", { key: '9afa54bd54a12b5931d31fa4eeee7c2b7df6f30b', class: "content-wrapper" }, h("div", { key: '7c23194810bc7fc58a97f94eee8f9f2408e019b9', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, h("div", { key: 'bb4840f16d4e448a958bd41405e29415aa6a1612', class: "title-wrapper" }, h("stencil-icon-button", { key: 'b46623a2a8c65049725a1bca325b9a9cb4d94aaf', onClick: this.onClose, icon: CloseIcon24, tooltip: "Close", noBackground: true }), h("unity-typography", { key: 'db5d074812e16b98a688dabb0abc71542b4e30bb', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (h("div", { key: '6bf4e8d3123f062c42f183af8a3f07ff72364b79' }, h("div", { key: '7885e3bb96bd2f3ced77600b56e2043bcbb83963', id: "moreHeaderIconButton1" }, h("stencil-icon-button", { key: '8bc4a4c8181b0e4e6870023b4b948eed253ef80f', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (h("udp-pop-over", { key: '376a5488530604b63cc13ef8f94dff86f06fc9c9', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: '2016252e992ee3988d12d6c1158c48f6bb6f67d6', class: "menu" }, (_e = this.moreIconActions) === null || _e === void 0 ? void 0 : _e.map(action => {
|
|
101
101
|
var _a;
|
|
102
102
|
return (h("udp-menu-item", { label: action === null || action === void 0 ? void 0 : action.name, iconName: action === null || action === void 0 ? void 0 : action.iconName, handleOnClick: () => {
|
|
103
103
|
action.onClick(this.data);
|
|
104
104
|
}, disabled: (action === null || action === void 0 ? void 0 : action.checkDisabled) ? action === null || action === void 0 ? void 0 : action.checkDisabled(this.data) : (_a = action === null || action === void 0 ? void 0 : action.disabled) !== null && _a !== void 0 ? _a : false }));
|
|
105
|
-
}))))))), this.message && (h("div", { key: '
|
|
105
|
+
}))))))), this.message && (h("div", { key: 'f4e32de4e683d044decbfd69e391583f8ccb92db', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (h("div", { key: 'e06a6965667b324abaa9fd0d869174fa60dc2579', class: "icon-message" }, h("udp-icon", { key: '6980a16b88790e0455e387ac442ec7e8481468a3', iconName: currentMessageIcon }))), h("div", { key: '4293a6bdc84ac43b6f613809efdf6926b119291c', class: "message" }, h("unity-typography", { key: 'f84db35a63f7c504486d6d549fd0672c98037229' }, this.message)))), h("div", { key: '7251c146dd425b62d8f0659ffa825faa84e7b110', class: "data-section" }, (_f = this.listData) === null || _f === void 0 ? void 0 : _f.map(({ subject, value }) => (h("div", { class: "data-row" }, h("div", { class: "key" }, h("unity-typography", { variant: 'data-display-three' }, `${subject}: `)), h("div", { class: "value" }, h("unity-typography", { variant: 'data-display-three' }, value)))))), h("div", { key: '2df27e38d9092c04d6d4fa4428108b55f1b62f77', class: "options" }, this.enableViewFeature && this.data && (h("div", { key: 'b8c8364d7fd1a3e2442abea73db19ac5bff4b5fa', id: "viewFeatureOption" }, h("stencil-icon-button", { key: '31f87917589d61040ebb3e46b1ad630b31eeec34', tooltip: 'View', icon: getIconFromName('view'), buttonId: 'viewFeatureButton', onClick: () => this.handleViewFeature({
|
|
106
106
|
selectedFeature: this.data,
|
|
107
107
|
formattedSelectedFeature: this.listData,
|
|
108
|
-
}) }))), ((_g = this.primaryActions) === null || _g === void 0 ? void 0 : _g.length) > 0 && (h("div", { key: '
|
|
108
|
+
}) }))), ((_g = this.primaryActions) === null || _g === void 0 ? void 0 : _g.length) > 0 && (h("div", { key: 'b1a1c7c4ea2e602eaaa983993e814fbd2de8d976' }, h("div", { key: '88d88f99f4b41d48e87ab7894e826d0043dbb5c4', class: "options" }, (_h = this.visiblePrimaryActions) === null || _h === void 0 ? void 0 :
|
|
109
109
|
_h.map((action, index) => {
|
|
110
110
|
var _a, _b;
|
|
111
111
|
return (h("stencil-icon-button", { tooltip: action === null || action === void 0 ? void 0 : action.name, icon: getIconFromName(action === null || action === void 0 ? void 0 : action.iconName), buttonId: (_a = action === null || action === void 0 ? void 0 : action.id) !== null && _a !== void 0 ? _a : `primary-icon-action-${index}`, onClick: () => action.onClick(this.data), disabled: (action === null || action === void 0 ? void 0 : action.checkDisabled) ? action === null || action === void 0 ? void 0 : action.checkDisabled(this.data) : (_b = action === null || action === void 0 ? void 0 : action.disabled) !== null && _b !== void 0 ? _b : false }));
|
|
112
|
-
}), ((_j = this.overflowPrimaryActions) === null || _j === void 0 ? void 0 : _j.length) > 0 && (h("stencil-icon-button", { key: '
|
|
112
|
+
}), ((_j = this.overflowPrimaryActions) === null || _j === void 0 ? void 0 : _j.length) > 0 && (h("stencil-icon-button", { key: '93371bedffe6f7d2d0c88d5b24a46da780b9b0f3', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (h("udp-pop-over", { key: '5559e811a2912ceccb8e28d4a9fe8bf42e0afcb8', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, h("div", { key: 'a181790896fd98c30a9475ee7d10ac99697f9d84', class: "menu" }, (_k = this.overflowPrimaryActions) === null || _k === void 0 ? void 0 : _k.map(action => {
|
|
113
113
|
var _a;
|
|
114
114
|
return (h("udp-menu-item", { label: action === null || action === void 0 ? void 0 : action.name, iconName: action === null || action === void 0 ? void 0 : action.iconName, handleOnClick: () => {
|
|
115
115
|
action.onClick(this.data);
|
package/dist/collection/components/my-component/UI/map/udp-map/popups/feature-details-popup.js
CHANGED
|
@@ -44,7 +44,7 @@ export class FeatureDetailsPopUp {
|
|
|
44
44
|
var _a, _b, _c;
|
|
45
45
|
const message = this.getMessage ? this.getMessage(this.data) : null;
|
|
46
46
|
const messageIcon = this.getMessageIcon ? this.getMessageIcon(this.data) : null;
|
|
47
|
-
return (h("div", { key: '
|
|
47
|
+
return (h("div", { key: 'deaed233d3e7bb551c0573d572e726e89478b0c1' }, this.showPopOver && (h("feature-details-card", { key: '1032dce713a053da66036992fc43dfcf860f3ad3', data: this.currentSelectedFeature, title: this.cardTitle, listData: this.listData, status: (_c = (_a = this.data) === null || _a === void 0 ? void 0 : _a[(_b = this.cardConfig) === null || _b === void 0 ? void 0 : _b.statusColor]) === null || _c === void 0 ? void 0 : _c.toLowerCase(), enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, primaryActions: this.isReadOnly ? [] : this.primaryActions, moreIconActions: this.isReadOnly ? [] : this.moreIconActions, message: message, messageIcon: messageIcon, hideMessageIcon: this.hideMessageIcon, onClose: this.additionalOnclosePopover, width: this.popoverWidth, popoverContainer: this.popoverContainer }))));
|
|
48
48
|
}
|
|
49
49
|
static get is() { return "feature-details-popup"; }
|
|
50
50
|
static get encapsulation() { return "shadow"; }
|
|
@@ -8,9 +8,9 @@ export class SelectLayerPopUp {
|
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
10
|
var _a, _b, _c;
|
|
11
|
-
return (h("div", { key: '
|
|
11
|
+
return (h("div", { key: '75be11ee044fe3dd6b1ff317f5102d9a5e843c0b', class: "popoverContent" }, this.enableTileSelection && (h("udp-selector", { key: 'fb9f115d6cb76d9195f519e586fd2f43663853da', id: 'mapType', options: (_a = this.tileOptions) !== null && _a !== void 0 ? _a : [], initialValue: this.selectedTile.value, label: 'Map Type', onChange: (e) => {
|
|
12
12
|
this.handleMapTypeInputChange(e.detail);
|
|
13
|
-
}, large: false })), h("div", { key: '
|
|
13
|
+
}, large: false })), h("div", { key: 'e85a746fb04057cadf91eb450283987fb3372cd3', style: { height: '12px' } }), h("div", { key: '58861e7563ec08856433a4026c10ebdfafdac06b' }, h("text-field", { key: '350169bcaf5aa1e94e6df89f4a93d1ad6991c4d1', label: 'Search Layers', id: 'searchFilter', value: '', onInput: (e) => this.handleSearchLayers(e) })), ((_b = this.filteredOptions) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
|
|
14
14
|
((_c = this.filteredOptions) === null || _c === void 0 ? void 0 : _c.map(item => (h("check-box-group", { title: item === null || item === void 0 ? void 0 : item.title, options: item === null || item === void 0 ? void 0 : item.options, values: this.visibleLayers, handleChange: this.updateSelectedLayers }))))));
|
|
15
15
|
}
|
|
16
16
|
static get is() { return "select-layer-popup"; }
|
|
@@ -6,7 +6,7 @@ export class SplitLinePopup {
|
|
|
6
6
|
}
|
|
7
7
|
render() {
|
|
8
8
|
var _a;
|
|
9
|
-
return (h("div", { key: '
|
|
9
|
+
return (h("div", { key: '6bef4be9dd21190fba6cf252f14289972b3faefd', class: "popoverContent" }, h("udp-selector", { key: '96de4c44244ab905076f94c9c7369052944861e0', id: 'layer', options: (_a = this.vectorLayerOptions.map(layer => {
|
|
10
10
|
return {
|
|
11
11
|
label: layer,
|
|
12
12
|
value: layer,
|
|
@@ -164,22 +164,22 @@ export class MapToolbar {
|
|
|
164
164
|
}
|
|
165
165
|
render() {
|
|
166
166
|
var _a, _b;
|
|
167
|
-
return (h("div", { key: '
|
|
167
|
+
return (h("div", { key: '1eba387405c4bf43b9c4ce081cb492d741b04b92', class: "toolbarContainer" }, h("div", { key: 'ffb57c4c043d56e928e804ba4d48ec9f9f26d9d2', class: "title" }, this.mapTitle && this.mapTitle.length > 0 && h("unity-typography", { key: '473b413fa71cf1c3a44fcaa27a3252b86133412a', variant: "h4" }, this.mapTitle)), h("div", { key: '58d54ecb7d82d1e46c3ca21dc200e012c6532d1f', class: "buttons" }, h("div", { key: 'f4745e154a0bd1a5afa37a7cde9215538971ea0c', class: "buttonContainer" }, h("div", { key: '0519d96067031bfcd8d38ba11b8b30722de6aa37', class: "secondaryButtons" }, this.filterPanel && (h("div", { key: '9a8fbc50acdfc99adc1cef7a3b05da9aedad36b2', id: "filterOption" }, h("div", { key: '93e58b935048c6acd27fded91aac745d60a27cfe', id: "filterOptionButton" }, h("stencil-icon-button", { key: 'd325a815292b31879d23a41882defa95607f61fd', iconName: 'filterButton', iconClassName: 'iconButtonWrapper', tooltip: 'Filter', icon: Filter16, buttonId: 'filterButton', onClick: () => this.handleFilterOnclick() })), this.filterAnchor && (h("div", { key: '25e452412bf6a7f1e57e5b84c44154aad8c87b8b', id: "filterOptionDiv" }, h("udp-pop-over", { key: 'dde09e92dbb5743b48e65a4a5b558dba682c5dac', isOpen: this.filterAnchor ? true : false, anchorElement: this.filterAnchor, handleOnClose: () => this.handleCloseFilterPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("div", { key: '759edc2e56cb727c18b37f234fd69bde9ea6630d', innerHTML: this.filterPanel })))))), this.layerOptions && (h("div", { key: '2fabf18e069c06e2df0de699116b0017be77f347', id: "layerOption" }, h("div", { key: '8972d9cf4c32c9b35559812522c58f692728a90d', id: "layerOptionButton" }, h("stencil-icon-button", { key: 'a44bf929c953da98a0a2389efb31135c196bc154', iconName: 'layersButton', iconClassName: 'iconButtonWrapper', tooltip: 'Layers', icon: Layers16, buttonId: 'layersButton', onClick: () => this.handleLayerOnclick(), count: (_a = this.visibleLayers) === null || _a === void 0 ? void 0 : _a.length })), h("div", { key: '8bfc66d8a2af2b8f262377827017fc4f0282bdba', id: "layerOptionDiv" }, this.layerAnchor && (h("udp-pop-over", { key: '4419c415218b76e0e0fa56db48fec2e4f375fa2a', isOpen: this.layerAnchor ? true : false, anchorElement: this.layerAnchor, handleOnClose: () => this.handleCloseLayerPopover(), popoverPlacement: 'bottom-start', popoverMaxHeight: '500px' }, h("select-layer-popup", { key: 'bbece2ad270970f457912c4a3057200664ef71a3', enableTileSelection: this.enableTileSelection, tileOptions: this.tileOptions, handleMapTypeInputChange: this.handleMapTypeInputChange, handleSearchLayers: this.handleSearchLayers, filteredOptions: this.filteredOptions, visibleLayers: this.visibleLayers, updateSelectedLayers: this.updateSelectedLayers, selectedTile: this.selectedTile })))))), !this.readOnlyMap && this.selectedFeaturesActionPanel && (h("div", { key: '049b29d4f288b3ca7c9a06b677241c800575a02a', id: "bulkSelectOption" }, h("div", { key: 'df804ada9992538d5d740c7d1d404a04072c015f', id: "bulkSelectOptionButton" }, h("stencil-icon-button", { key: '29f6948ddc700b8760c9187d1160a203621116b4', iconName: 'selectButton', iconClassName: 'iconButtonWrapper', tooltip: 'Select', icon: Select_0116, buttonId: 'selectButton', onClick: () => this.handleSelectionBtnOnclick() })), h("div", { key: 'dfb95265b42906ac297ae0915cf6f5d13332089e', id: "bulkSelectOptionDiv" }, this.bulkSelectionTypeAnchor && (h("udp-pop-over", { key: '1e3e98d550f1432acc21d7bf4cbdcc90a59be339', isOpen: this.bulkSelectionTypeAnchor ? true : false, anchorElement: this.bulkSelectionTypeAnchor, handleOnClose: () => this.handleCloseBulkSelectionTypePopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("udp-menu-item", { key: 'd80259e629d4837e8d379ba08b00df3a7246e037', label: 'Box', handleOnClick: () => {
|
|
168
168
|
this.handleBulkSelectionTypeOnclick('box');
|
|
169
|
-
} }), h("udp-menu-item", { key: '
|
|
169
|
+
} }), h("udp-menu-item", { key: 'dc61c1fe2f7918ea83f89be262d8cb29d51f226b', label: 'Circle', handleOnClick: () => {
|
|
170
170
|
this.handleBulkSelectionTypeOnclick('circle');
|
|
171
|
-
} }), h("udp-menu-item", { key: '
|
|
171
|
+
} }), h("udp-menu-item", { key: '115f39df51f9652896c86a0ab5d3ebcac74b7f42', label: 'Polygon', handleOnClick: () => {
|
|
172
172
|
this.handleBulkSelectionTypeOnclick('polygon');
|
|
173
|
-
} }), h("udp-menu-item", { key: '
|
|
173
|
+
} }), h("udp-menu-item", { key: '5a552b35e6f17bbf0d239c1d7ecf61c93dae0b8b', label: 'Lasso', handleOnClick: () => {
|
|
174
174
|
this.handleBulkSelectionTypeOnclick('lasso');
|
|
175
|
-
} })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: '
|
|
175
|
+
} })))))), !this.readOnlyMap && this.enableSplit && (h("div", { key: '97b0a293572225057f7293522ae1bd8e4d8859ce', id: "splitOption" }, h("div", { key: 'e027ac10e6e0d540cfe25841bb5d1c4a282691c8', id: "splitOptionButton" }, h("stencil-icon-button", { key: 'ca7514fdbf701ed837d9d29a9e0388c4e495b675', iconName: 'splitButton', iconClassName: 'splitButtonWrapper', tooltip: 'Split Linear Feature', icon: Scalpel16, buttonId: 'splitButton', onClick: () => this.handleSplitBtnOnclick() })), h("div", { key: '278b56b5d01297f1088d4ee85c9f3736d266d077', id: "splitOptionDiv" }, this.splitAnchor && (h("udp-pop-over", { key: '3769be623dbab0e42fc95339c5da88c1458b0044', isOpen: this.splitAnchor ? true : false, anchorElement: this.splitAnchor, handleOnClose: () => this.handleCloseSplitPopover(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("split-line-popup", { key: '7acfc291053af93ac25ccb39b130650889482f7f', vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, handleStartSplitting: this.handleStartSplitting })))))), this.refreshEvent && (h("stencil-icon-button", { key: 'f1fbbadd29aea681c3d04bb0c2788e96f5ec4350', iconName: 'refreshButton', iconClassName: 'iconButtonWrapper', tooltip: (_b = this.refreshButtonTooltip) !== null && _b !== void 0 ? _b : 'Refresh', icon: Renew16, buttonId: 'refreshButton', onClick: () => this.refreshEvent() })), !this.readOnlyMap && (this.enableDragBox || (this.addMultipleFeatures && this.enableAddNewFeature)) && (h("div", { key: 'dfa3aff925c51f86df39d40d2197436078e8318f', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'b28aa322b29c14a1de03a89fbd6d1c37ca7930dc', showLabel: true, icon: this.getButtonIcon(), onClick: () => {
|
|
176
176
|
if (this.enableDragBox) {
|
|
177
177
|
this.handleCancelBoxSelection();
|
|
178
178
|
}
|
|
179
179
|
if (this.enableAddNewFeature) {
|
|
180
180
|
this.handleAddNewFeature();
|
|
181
181
|
}
|
|
182
|
-
}, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, h("unity-typography", { key: '
|
|
182
|
+
}, tooltip: this.getButtonText(), iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'fca407f3dc7199ea55275beb4eee465167ceea93', variant: "button" }, this.getButtonText())))), this.showSplitButton && (h("div", { key: '9effe3aaa30520eb6f5b9efa7fda5175ed8b091c', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: 'f03951703a6445929a2a761309c3f258d9fcabe9', showLabel: true, icon: Checkmark16, onClick: () => this.handleSaveSplit(), tooltip: 'Save Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '0af4980c4a309601f6dd1097355aca69d859c77e', variant: "button" }, 'Save Split')))), this.showSplitButton && (h("div", { key: '6ef7104b181d6fd7299bb865e569dc189ad6a24f', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '44338781709d52bf448a7a633c640146492856f7', showLabel: true, icon: Close16, onClick: () => this.handleCancelSplit(), tooltip: 'Cancel Split', iconClassName: 'save-icon-class' }, h("unity-typography", { key: 'aebcfb04c8cc10f56bbf4043cd05017115653143', variant: "button" }, 'Cancel Split')))), !this.readOnlyMap && this.enableAddNewFeature && (h("div", { key: 'bcb41a52f13a47db70c8b9f5af6abc7c513290fd', class: "labelButtons" }, h("stencil-icon-button-grid-action-header", { key: '5fae2fc60c5eeac7d51ee2fbf97745e5f7d5d086', showLabel: true, icon: Close16, onClick: () => this.handleCancelAddNewFeature(), tooltip: 'Cancel Drawing', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '355dae6321de0f406e78ff371c7fc1a81d460a88', variant: "button" }, 'Cancel Drawing')))), !this.readOnlyMap && this.withSelected && (h("div", { key: '42ee564e2176c31ecbe6c20e6f17629cee37ed20', class: "selectedFeaturesButtons labelButtons" }, h("div", { key: 'e3f6928b33007f677bbdc355c9a5626d21f0e6f4', id: "withSelectedOption" }, h("div", { key: '1645690909db2062d12825aa60e5296faf7dd72a', id: "withSelectedOptionButton" }, h("stencil-icon-button-grid-action-header", { key: '9134da4ae07c260b1ec80497392e0b928d67edb0', showLabel: true, icon: OverflowMenuHorizontal16, onClick: () => this.handleSelectionActionOnclick(), tooltip: 'With Selected', iconClassName: 'save-icon-class', count: this.selectedFeatureByBoxSelection.length }, h("unity-typography", { key: '3175b9135a0d9b0139441d536525b61409aad478', variant: "button" }, 'With Selected'))), h("div", { key: 'bfe9ed21796c744f57432d65de29f41c6af93012', id: "withSelectedOptionDiv" }, this.selectedFeaturesActionPanel && this.selectionActionAnchor && (h("udp-pop-over", { key: 'e47e9655a04c432af84d7a74af5e5723384f0bf9', isOpen: this.selectionActionAnchor ? true : false, anchorElement: this.selectionActionAnchor, handleOnClose: () => this.handleCloseSelectionActionPopover(), popoverPlacement: 'bottom-start' }, h("div", { key: 'd79a38d005451dd8a2d82801c472520d29d374a8', innerHTML: this.selectedFeaturesActionPanel }))))), h("stencil-icon-button-grid-action-header", { key: '89cc575ab98ab801a7b716cbb82d298d42082ed9', showLabel: true, icon: Close16, onClick: () => this.unselectFeatures(), tooltip: 'Cancel selection', iconClassName: 'save-icon-class' }, h("unity-typography", { key: '93050377a4ad47e87987d42e9a87b2ce4781f60f', variant: "button" }, 'Cancel Selection'))))), h("div", { key: '98a41208a4257aaa119df27d126ca5dde1bb1cf0', id: "addOption" }, this.enableAdd && !this.readOnlyMap && (h("div", { key: '74bc8c6f1f7c63b6a25fbc41ba6441bed0902a26', id: "addOptionButton" }, h("custom-button", { key: '8fcb487b0e4e7365ec5fb38ef16468b2e6787d91', secondary: true, label: h("unity-typography", { variant: "button" }, 'Add'), onClick: () => this.handleAddOnclick(), size: "tall" }, h("udp-icon", { key: '0c370bf5114be8fcfd6e473797edbbf663dafa13', iconName: 'add32', darkIcon: false })))), this.addFeatureAnchor && (h("udp-pop-over", { key: '7be238e827d9dbaf3c4a3dfaaf9e6cce51b7e0fe', isOpen: this.addFeatureAnchor ? true : false, anchorElement: this.addFeatureAnchor, handleOnClose: () => this.handleCloseAddMapFeature(), popoverPlacement: 'bottom-start', overflow: 'visible' }, h("add-map-feature-popup", { key: '64f39e0b6b3bcaa100669ad6e5fab61859009257', handleStartDrawingMapFeature: this.handleStartDrawingMapFeature, vectorLayerOptions: this.layerOptionsForPopup, selectedLayer: this.selectedLayerToAddFeature, selectedType: this.selectedTypeToAddFeature, panelConfig: this.addFeaturePanelConfig }))))))));
|
|
183
183
|
}
|
|
184
184
|
static get is() { return "map-toolbar"; }
|
|
185
185
|
static get encapsulation() { return "shadow"; }
|
|
@@ -205,7 +205,7 @@ export class UdpMapToolbar {
|
|
|
205
205
|
}
|
|
206
206
|
//////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
|
|
207
207
|
render() {
|
|
208
|
-
return (h("map-toolbar", { key: '
|
|
208
|
+
return (h("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 }));
|
|
209
209
|
}
|
|
210
210
|
static get is() { return "udp-map-toolbar"; }
|
|
211
211
|
static get encapsulation() { return "shadow"; }
|
|
@@ -89,11 +89,11 @@ export class UdpMap {
|
|
|
89
89
|
}
|
|
90
90
|
//////////////////////////////////////////////////////////RENDER/////////////////////////////////////////////////////
|
|
91
91
|
render() {
|
|
92
|
-
return (h("map-component", { key: '
|
|
92
|
+
return (h("map-component", { key: 'dbea383c45161505aff8965d3bfbd925ccce570b', handleSetMapComponent: this.handleSetMapComponent, data: this.data, isGeoJsonFormat: this.isGeoJsonFormat, geoJsonMappingConfig: this.geoJsonMappingConfig, enableZoom: this.enableZoom, mapZoom: this.mapZoom, mapCenter: this.mapCenter, mapHeight: this.mapHeight, crs: this.crs, mapProjection: this.mapProjection, mapDataProjection: this.mapDataProjection, getFilteredMapData: this.getFilteredMapData, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, filterPanelCallback: this.filterPanelCallback, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, initialSelectedLayers: this.initialSelectedLayers, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleSetSelectedFeatureOnSelect: this.handleSetSelectedFeatureOnSelect, filterLayersByRole: this.filterLayersByRole, layerKeys: this.layerKeys, layerKeySeparator: this.layerKeySeparator, user: this.user, layerRoles: this.layerRoles, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetFilteredLayerOptionsByRole: this.handleSetFilteredLayerOptionsByRole, readOnlyMap: this.readOnlyMap, enableViewFeature: this.enableViewFeature, handleViewFeature: this.handleViewFeature, bulkSelectionActive: this.bulkSelectionActive, splitActive: this.splitActive, enableDragBox: this.enableDragBox, selectFeatureInteraction: this.selectFeatureInteraction, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, selectedFeatureCoordinates: this.selectedFeatureCoordinates, selectedFeatureProperties: this.selectedFeatureProperties, enableAddNewFeature: this.enableAddNewFeature, handleGetZoomExtent: this.handleGetZoomExtent, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
|
|
93
93
|
this.updateSelectedLayers(val);
|
|
94
|
-
}, readOnlyLayers: this.readOnlyLayers, additionalOnclosePopover: this.additionalOnclosePopover, popoverPrimaryActions: this.popoverPrimaryActions, popoverMoreIconButtonActions: this.popoverMoreIconButtonActions, getMessagePopover: this.getMessagePopover, getMessageIconPopover: this.getMessageIconPopover, hideMessageIconPopover: this.hideMessageIconPopover, popoverCardConfig: this.cardConfig, popoverWidth: this.popoverWidth, handleGetAdditionalFeaturePropertiesOnSelect: this.handleGetAdditionalFeaturePropertiesOnSelect, minZoom: this.minZoom, maxZoom: this.maxZoom }, this.enableToolbar && (h("udp-map-toolbar", { key: '
|
|
94
|
+
}, readOnlyLayers: this.readOnlyLayers, additionalOnclosePopover: this.additionalOnclosePopover, popoverPrimaryActions: this.popoverPrimaryActions, popoverMoreIconButtonActions: this.popoverMoreIconButtonActions, getMessagePopover: this.getMessagePopover, getMessageIconPopover: this.getMessageIconPopover, hideMessageIconPopover: this.hideMessageIconPopover, popoverCardConfig: this.cardConfig, popoverWidth: this.popoverWidth, handleGetAdditionalFeaturePropertiesOnSelect: this.handleGetAdditionalFeaturePropertiesOnSelect, minZoom: this.minZoom, maxZoom: this.maxZoom }, this.enableToolbar && (h("udp-map-toolbar", { key: 'd62be8bc2f358155b349688ac9ddd27c4ee95594', map: this.map, mapTitle: this.mapTitle, mapProjection: this.mapProjection, getFeatureStyles: this.getFeatureStyles, getSelectedFeatureStyles: this.getSelectedFeatureStyles, filterPanel: this.filterPanel, enableTileSelection: this.enableTileSelection, tileLayersOptions: this.tileLayersOptions, defaultTileOptionName: this.defaultTileOptionName, layerOptions: this.layerOptions, bulkSelectedFeaturesActionPanel: this.bulkSelectedFeaturesActionPanel, handleSetSelectedFeaturesOnBulkSelect: this.handleSetSelectedFeaturesOnBulkSelect, handleRefresh: this.handleRefresh, refreshButtonTooltip: this.refreshButtonTooltip, readOnlyMap: this.readOnlyMap, enableAdd: this.enableAdd, handleAddNewFeatures: this.handleAddNewFeatures, addMultipleFeatures: this.addMultipleFeatures, enableSplitFeature: this.enableSplitFeature, handleSplitFeature: this.handleSplitFeature, handleSetSelectedFeatureProperties: this.handleSetSelectedFeatureProperties, filteredLayerOptionsByRole: this.filteredLayerOptionsByRole, handleSetBulkSelectionActive: this.handleSetBulkSelectionActive, enableDragBox: this.enableDragBox, handleSetEnableDragBox: this.handleSetEnableDragBox, splitActive: this.splitActive, handleSetSplitActive: this.handleSetSplitActive, selectFeatureInteraction: this.selectFeatureInteraction, enableAddNewFeature: this.enableAddNewFeature, handleEnableAddNewFeature: this.handleEnableAddNewFeature, handleSelectLayersCallback: this.handleSelectLayersCallback, selectedLayers: this.selectedLayers, handleSetSelectedLayers: val => {
|
|
95
95
|
this.updateSelectedLayers(val);
|
|
96
|
-
}, addFeaturePanelConfig: this.addFeaturePanelConfig })), h("slot", { key: '
|
|
96
|
+
}, addFeaturePanelConfig: this.addFeaturePanelConfig })), h("slot", { key: 'f2753f5f595726febc44235dbc1e728c1763da64' })));
|
|
97
97
|
}
|
|
98
98
|
static get is() { return "udp-map"; }
|
|
99
99
|
static get encapsulation() { return "shadow"; }
|
|
@@ -11,7 +11,7 @@ export class UdpMenuItem {
|
|
|
11
11
|
};
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h("button", { key: '
|
|
14
|
+
return (h("button", { key: 'fb7827a4ddd3ec09634dde5e392b82ee2bc2aa56', class: "menu-item-root", onClick: this.handleItemClick, disabled: this.disabled, role: "menuitem" }, this.iconName && h("udp-icon", { key: '7cb749410ab0d3db5ed37a80014a2db733b7611f', iconName: this.iconName, class: "menu-icon" }), h("span", { key: 'd123d5a3d5bce228283bd829e25a0c187d791274', class: "menu-item-label" }, h("unity-typography", { key: '1c139bca8c0b84d41246bbf17e793301a9c79235', variant: 'body1' }, this.label))));
|
|
15
15
|
}
|
|
16
16
|
static get is() { return "udp-menu-item"; }
|
|
17
17
|
static get encapsulation() { return "shadow"; }
|
|
@@ -90,7 +90,7 @@ export class UdpMenu {
|
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
render() {
|
|
93
|
-
return (h(Host, { key: '
|
|
93
|
+
return (h(Host, { key: '442d88639387239daf36ef71be1a197b098f7d15' }, h("div", { key: 'e42568ca41f4454b7b90791da690fd44c107a63f', class: "menu-panel", role: "menu" }, h("slot", { key: 'b124207c63660c4d51be5818816030e2c64b272a' }))));
|
|
94
94
|
}
|
|
95
95
|
static get is() { return "udp-menu"; }
|
|
96
96
|
static get encapsulation() { return "shadow"; }
|
|
@@ -90,7 +90,7 @@ export class UdpStepperDemo {
|
|
|
90
90
|
};
|
|
91
91
|
}
|
|
92
92
|
render() {
|
|
93
|
-
return (h("div", { key: '
|
|
93
|
+
return (h("div", { key: 'e81619ca3c31f9f6662c0b3af6c02a2db3e3f564', style: { padding: '2rem' } }, h("unity-typography", { key: '5e11e57915b6081e460f47a344dd31bf722d7e5b', variant: "h2" }, "Horizontal Stepper with Labels bottom"), h("udp-stepper", { key: 'ec35e19cc92d59c85818becd4e4d56e065df5dc3', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), h("unity-typography", { key: 'f0011595e8eb435dd85b6c6c2570029a3cbd6afc', variant: "h2" }, "Horizontal Stepper without Labels"), h("udp-stepper", { key: 'afe54dc4d369c757dcb6ba5fe455e84c95e86f07', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), h("unity-typography", { key: '394396ffff23cc1f4d99611bc3ccceeb096a2c1e', variant: "h2" }, "Horizontal Stepper with Labels to Right"), h("udp-stepper", { key: '104aaf080e02cd0c9da8a84cf911b721883e0a37', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), h("unity-typography", { key: '90b1aaf901ca38b48c5584c0fb79d75a0f5a2a8c', variant: "h2" }, "Vertical Stepper"), h("udp-stepper", { key: '219567475d5ea693bd77641df12c20ee9360367d', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
|
|
94
94
|
}
|
|
95
95
|
static get is() { return "udp-stepper-demo"; }
|
|
96
96
|
static get encapsulation() { return "shadow"; }
|
|
@@ -204,7 +204,7 @@ export class UdpTabs {
|
|
|
204
204
|
}
|
|
205
205
|
render() {
|
|
206
206
|
const currentActiveTab = this.activeTab; // Use getter
|
|
207
|
-
return (h("div", { key: '
|
|
207
|
+
return (h("div", { key: '7446df2caa768cb8161b59992cdbbf5bbae2146f', class: "tab-container" }, h("div", { key: '78eb57f157f69543baaf8eab9b5282cdba37bbb9', class: `tab-header ${this.variant}` }, this.showScrollLeft && (h("button", { key: 'eb45ebcbfd365a68412c9fa098669085925b5ab9', class: "scroll-arrow left", onClick: () => this.scrollToStart(), "aria-label": "Scroll to first tab" }, h("udp-icon", { key: '0066a09a8942b0624b3a6260a0934ce372e51473', iconName: "chevronLeft16", color: "inherit" }))), this.showScrollLeft && h("div", { key: 'd356a1ebae93318b97e7e9ada3d21fd44e9b1f37', class: "scroll-fade left" }), h("div", { key: '0040b9a6ff0dc8c8881a17b8c4d3f435cf2c67b3', class: "tab-scroll-container", ref: el => (this.scrollContainerRef = el), onScroll: () => this.checkScroll() }, this.tabDetails.map((tab, index) => {
|
|
208
208
|
if (tab.hidden) {
|
|
209
209
|
return null;
|
|
210
210
|
}
|
|
@@ -218,7 +218,7 @@ export class UdpTabs {
|
|
|
218
218
|
[`icon-${tab.iconPlacement}`]: !!tab.icon,
|
|
219
219
|
'disabled': tab.disabled,
|
|
220
220
|
}, disabled: tab.disabled, onClick: () => this.tabClicked(index), role: "tab", "aria-selected": index === currentActiveTab ? 'true' : 'false', "aria-disabled": tab.disabled ? 'true' : 'false', ref: el => (this.buttonRefs[index] = el) }, iconEl, labelEl));
|
|
221
|
-
}), h("div", { key: '
|
|
221
|
+
}), h("div", { key: '7470bff947872896ee283c35cf37a45fb2a64631', class: "slider", style: this.sliderStyle })), this.showScrollRight && h("div", { key: '820c57b5782c5c85f220fd7b7909351f4a76fcec', class: "scroll-fade right" }), this.showScrollRight && (h("button", { key: 'f8db99b5f8a7401449c3a55eb170b341eaf26df1', class: "scroll-arrow right", onClick: () => this.scrollToEnd(), "aria-label": "Scroll to last tab" }, h("udp-icon", { key: 'b14c8c86928352c683d1140c2b3ba2dd92ebee7f', iconName: "chevronRight16", color: "inherit" })))), !this.isControlled && !this.useTabsProp && (h("div", { key: '95a11117862494527b06f1d5a8c92234a24e89d0' }, h("slot", { key: '4621baa5801a228fc9beb38e3b9b30dc7260e41a' })))));
|
|
222
222
|
}
|
|
223
223
|
static get is() { return "udp-tabs"; }
|
|
224
224
|
static get encapsulation() { return "shadow"; }
|
|
@@ -23,7 +23,7 @@ export class UdpTab {
|
|
|
23
23
|
this.disabled = false;
|
|
24
24
|
}
|
|
25
25
|
render() {
|
|
26
|
-
return (h("div", { key: '
|
|
26
|
+
return (h("div", { key: '20ba03ac77abb9cde63aa864aac67db7c57bf66a', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, h("slot", { key: 'd4b0450e94770421adae0e47c0b868d00cdf772d' })));
|
|
27
27
|
}
|
|
28
28
|
static get is() { return "udp-tab"; }
|
|
29
29
|
static get originalStyleUrls() {
|
|
@@ -2,10 +2,10 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
export class UdpTabPanel {
|
|
3
3
|
render() {
|
|
4
4
|
const isActive = this.value === this.index;
|
|
5
|
-
return (h("div", { key: '
|
|
5
|
+
return (h("div", { key: 'eaa68aa3e874dbf92d218eed44f6332efd7b4946', class: {
|
|
6
6
|
'tab-panel': true,
|
|
7
7
|
'active': isActive,
|
|
8
|
-
}, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '
|
|
8
|
+
}, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, h("slot", { key: '5ebaeac17012121bcdf75249edd5042f47473f58' })));
|
|
9
9
|
}
|
|
10
10
|
static get is() { return "udp-tab-panel"; }
|
|
11
11
|
static get encapsulation() { return "shadow"; }
|
|
@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
import Menu24 from "@carbon/icons/es/menu/24";
|
|
3
3
|
export class AppBar {
|
|
4
4
|
render() {
|
|
5
|
-
return (h("div", { key: '
|
|
5
|
+
return (h("div", { key: 'cad9b6256dbad649083ef3e26f13bff47e3d427d', class: "header" }, h("stencil-icon-button", { key: '79958d8a6a7993575923b87ac3a61180116fc614', noBackground: true, darkIcon: false, icon: Menu24 }), h("unity-typography", { key: 'ccd072e7ca26b9070ba990289b637608e903d1c0', variant: 'data-display-one' }, " ", h("slot", { key: 'af2e0183590ea54d48be89d36418281633fc6453' }), " "), h("a", { key: '36a8c2006d5d0c25d9f4ef2691f86324d875503f', class: "skip-to-content", href: "#main-content" }, "Skip to main content"), h("div", { key: '2ccd08207f64f0d9a4854f34119765ed5fd48595', class: "header__logo" }), h("div", { key: 'b6cacb7037f36dfb81cb7e66f8cf268b96f84ae9', class: "header__nav", role: "navigation", "aria-label": "Carbon Design System" }), h("div", { key: '9c147941d4b7d762cd9a1d97e7053190f3e6f0fc', class: "header__global" }, h("udp-avatar", { key: '15830daddc4f25488ec07014720762232e5e304a', username: this.username }))));
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "app-bar"; }
|
|
8
8
|
static get encapsulation() { return "shadow"; }
|
|
@@ -70,7 +70,7 @@ export class GhostRender {
|
|
|
70
70
|
// The <slot /> is necessary to prevent the Stencil compiler from
|
|
71
71
|
// overly optimizing this component's output and aliasing the
|
|
72
72
|
// defineCustomElement export, which breaks downstream wrappers.
|
|
73
|
-
return (h(Host, { key: '
|
|
73
|
+
return (h(Host, { key: 'a15d6cd564f8aef008068decd2c423239e7caa89' }, h("slot", { key: '6e79729b7819373e24a9b7f91c31a15960a09363' })));
|
|
74
74
|
}
|
|
75
75
|
static get is() { return "ghost-render"; }
|
|
76
76
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
export class AmbientDemoContainer {
|
|
3
3
|
render() {
|
|
4
|
-
return (h("div", { key: '
|
|
4
|
+
return (h("div", { key: '75dd493b0eed427f414786dcc666948afb7b40db', class: "container" }, h("div", { key: 'debe96ae62cfd10154da7432ef470e21d1ab879b', class: "title-container" }, " ", h("unity-typography", { key: '64cfc0fcbb5b745004e914fe5819d5a608b83fc4', variant: "button" }, " ", this.title, " "), " "), h("slot", { key: 'c75ba7fa50059017da74ac203c9251ab79973645' })));
|
|
5
5
|
}
|
|
6
6
|
static get is() { return "ambient-demo-container"; }
|
|
7
7
|
static get encapsulation() { return "shadow"; }
|
|
@@ -91,7 +91,7 @@ export class InputsExample {
|
|
|
91
91
|
};
|
|
92
92
|
}
|
|
93
93
|
render() {
|
|
94
|
-
return (h("div", { key: '
|
|
94
|
+
return (h("div", { key: '6b50ded2b5937f9d1c0a103393b99e2a6f48c6e8', class: "inputs-example" }, h("h1", { key: '7b2298487532b8508bc4fe15e7b46879fd60399d' }, "Input Components Examples"), h("section", { key: '475beb2ff7e6f0d2a94f545efc068c93ebcbd6e8', class: "example-section" }, h("h2", { key: 'bb8636068a53c2be053bba146de8d6a079f5df2d' }, "Controlled Components"), h("p", { key: '2d29719a77cafa91d6daf88380dacd0978e1915a' }, "Parent component manages state and passes values to child components."), h("div", { key: '293c65cb3f38c26cabe875d9ab104d2e276b4b3c', class: "input-grid" }, h("div", { key: 'b88953b136c63c09704ae12a864997a6899c3d6f', class: "input-example" }, h("h3", { key: '8d27f5037a4064c4ae7df9622fd2a42314782fc0' }, "Text Field"), h("text-field", { key: '19190ab403f17711e8a4f344ac44d4542ac127fc', label: "Controlled Text Input", placeholder: "Enter text...", value: this.controlledTextValue }), h("p", { key: 'feaeed71f390846c35eee957cafb60fc1600d98b', class: "value-display" }, "Value: ", this.controlledTextValue)), h("div", { key: '20c5515f35e06ad1648682ea752ec0561008150a', class: "input-example" }, h("h3", { key: '4345172c87f8c427166b2e5533007470513e5c7f' }, "Numeric Field"), h("numeric-field", { key: '27556ce43e88bb47073731c8383bcd4f8eb741be', label: "Controlled Numeric Input", placeholder: "Enter number...", value: this.controlledNumericValue, min: "0", max: "100", step: "1", onChange: this.handleControlledNumericChange }), h("p", { key: 'cfd7b6473c71ae63e2d337a0ed38cac7fe488249', class: "value-display" }, "Value: ", this.controlledNumericValue)), h("div", { key: '1a5ab5c84878d698b23129dc8f8b7f2a46a74488', class: "input-example" }, h("h3", { key: '8ff0bd3644b2027f1ccf4607a001fa896ee74809' }, "Text Area"), h("text-area", { key: '8b54d457a09424321443dc4e48e140431ae45a1a', label: "Controlled Text Area", placeholder: "Enter description...", value: this.controlledTextAreaValue, minRows: 3, maxRows: 6 }), h("p", { key: 'e24c877d209de29cbb9aa8596d022036182388c4', class: "value-display" }, "Value: ", this.controlledTextAreaValue)), h("div", { key: 'cb3d16fcfef9bd860c9c789cdde68990c91735c4', class: "input-example" }, h("h3", { key: '8e91f172f4e98d293845738a8afb9584bb5198bf' }, "Checkbox"), h("check-box", { key: '676dbaabea69be3f5f91d17c7986adca52b06da1', label: "Controlled Checkbox", checked: this.controlledCheckboxValue, onChange: this.handleControlledCheckboxChange }), h("p", { key: '43a8f4032222fd5368f7fca421ff66f2f292b26c', class: "value-display" }, "Checked: ", this.controlledCheckboxValue.toString())), h("div", { key: '17a38692b2912c00977d22a89cf900fe4db8413f', class: "input-example" }, h("h3", { key: '3715bf330765086639bc0980352f1c826a7e54db' }, "Toggle"), h("stencil-toggle", { key: 'b62845365cf967114fc651ec4588cdb5af35994f', label: "Controlled Toggle", checked: this.controlledToggleValue, onChange: this.handleControlledToggleChange }), h("p", { key: '97565ba674f96a56f053c15ee4b305b00fca3cd9', class: "value-display" }, "Toggled: ", this.controlledToggleValue.toString())), h("div", { key: '7f52b0eb5bf59430918c4742de2d90a24bb22b72', class: "input-example" }, h("h3", { key: 'd8648dd0e8239f2f8e15e7177048b2586930e1aa' }, "Date Selector"), h("udp-date-selector", { key: '8e8bc3b6eba6dc91cb2ba8f19b8c16f810fa101b', label: "Controlled Date", value: this.controlledDateValue, onChange: this.handleControlledDateChange }), h("p", { key: '5e0f507d8f80e3a5506eb03a50e00341fb7f089d', class: "value-display" }, "Date: ", this.controlledDateValue)), h("div", { key: 'f96eee6cc3a0035c4d170b4675ce4b42ae0316f2', class: "input-example" }, h("h3", { key: '869940774405ef3881864c796082b6748b9d312b' }, "DateTime Selector"), h("udp-datetime-selector", { key: 'c7359174b839e386b879fce4bdbcbc94bc16f47f', label: "Controlled DateTime", value: this.controlledDateTimeValue, onChange: this.handleControlledDateTimeChange }), h("p", { key: '89f0e05b0becbfe819f400614efe04a3ba0146d0', class: "value-display" }, "DateTime: ", this.controlledDateTimeValue)), h("div", { key: 'fe08bb2860efc4214cd1c84a01324153fd42a6d6', class: "input-example" }, h("h3", { key: '9cc8d81ee4f85a69a8f15eb5daa16dbfd92b9f7a' }, "Time Selector"), h("udp-time-selector", { key: 'fae61e563015df43d76b31b6cb46e6518d45bc04', label: "Controlled Time", value: this.controlledTimeValue, onChange: this.handleControlledTimeChange }), h("p", { key: '62315ae45eb080ea450f35fee1f2fe76e83bd829', class: "value-display" }, "Time: ", this.controlledTimeValue)), h("div", { key: '571735fe6c7a126591c891da131bc6484e161bbc', class: "input-example" }, h("h3", { key: 'bbdba518d050d2442a6a2f55978e45f49ddf6e3f' }, "UDP Selector"), h("udp-selector", { key: '85bbdda76d8029a9bd0984484f57732aa7b66f67', label: "Controlled Selector", options: this.selectorOptions, value: this.controlledSelectorValue, onChange: this.handleControlledSelectorChange }), h("p", { key: 'c4d6858e679bafdb072c6e2f24df9fe979e9a2b1', class: "value-display" }, "Selected: ", this.controlledSelectorValue)), h("div", { key: '086135c1f8cfeb2eb5f9cd54436356856f6594b0', class: "input-example" }, h("h3", { key: '342be830da34c811266d9a467faa011f07c17c10' }, "File Upload"), h("file-upload", { key: '9344549ecc1570026cd900d6a80d3eb1975f0f94', label: "Controlled File Upload", allowMultiple: true, onChange: this.handleControlledFileChange }), h("p", { key: 'd5c32410a303357356be7710ac8bc51c3f6d8d71', class: "value-display" }, "Files: ", this.controlledFileValue.length, " selected")))), h("section", { key: '90a91939cbf4b5cd5d0e714ec6dbc572148a2530', class: "example-section" }, h("h2", { key: '40c14e1baae2826964bc2e41bb6230c6ece00d31' }, "Uncontrolled Components"), h("p", { key: '0216bbfb7442780936edc44866341ec2d1b7b996' }, "Components manage their own state with initial values."), h("div", { key: '75fc67742f1edf4fafe87417bcfcbde428f86d44', class: "input-grid" }, h("div", { key: 'dc2f84e6792250d96d4e82b0474701e568540375', class: "input-example" }, h("h3", { key: '6d17fcce74341e47330f203a1251a37ecc3c6498' }, "Text Field"), h("text-field", { key: '436a46aa93ffa40592380ea36be25e5ad78ac913', label: "Uncontrolled Text Input", placeholder: "Enter text...", initialValue: "Initial text value", onChange: (e) => console.log('Text changed:', e.detail) })), h("div", { key: '013560293f04950fd08cd1d9829830adc9050c42', class: "input-example" }, h("h3", { key: '54d50556c57fec37819b0a64ed6c58788ad8dcda' }, "Numeric Field"), h("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) })), h("div", { key: 'ccdd65e720e78172bbdf79223807fde6fce10b2c', class: "input-example" }, h("h3", { key: '4bc9cb7c8a5473cc35e25955dd755be1b13c0748' }, "Text Area"), h("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) })), h("div", { key: '352cfd880f026ff7a14d596599aa665734ff21a0', class: "input-example" }, h("h3", { key: '7c6b5e8b1d83b85fb02d4107a5598a696e0bdc86' }, "Checkbox"), h("check-box", { key: '171a78ba1b898c08cf73e84e1aa91e24c20ae1c0', label: "Uncontrolled Checkbox", initialValue: "true", onChange: (e) => console.log('Checkbox changed:', e.detail) })), h("div", { key: 'ff81933cfb80a36b515ca5c0ebed3a8172bcf152', class: "input-example" }, h("h3", { key: '06d7c7657af8c0d0b57fbf301bf675b6f401f1d8' }, "Toggle"), h("stencil-toggle", { key: 'c3fa6566984d2f8efa177f336d9c4b21400753e3', label: "Uncontrolled Toggle", initialValue: "false", onChange: (e) => console.log('Toggle changed:', e.detail) })), h("div", { key: '52428a2236893246268e976eccefc5d0ed420077', class: "input-example" }, h("h3", { key: '4bd154912f6328e88fae791898b0a74942b7e948' }, "Date Selector"), h("udp-date-selector", { key: 'a206c079f63dc834363c1a13df8593571ef31924', label: "Uncontrolled Date", initialValue: "2024-01-15", onChange: (e) => console.log('Date changed:', e.detail) })), h("div", { key: '797b0a55e6cb4c66e642bab72e68da01c212bb73', class: "input-example" }, h("h3", { key: '20b438beff287b412d2e692e12f1b96f8c8fa5aa' }, "Time Selector"), h("udp-time-selector", { key: '74e861d9f070225bdc7b8b7b9d6f9fb87a27fb1e', label: "Uncontrolled Time", initialValue: "14:30", onChange: (e) => console.log('Time changed:', e.detail) })), h("div", { key: '8a43ae37f986fd8c81d091be946e9d3407b593a1', class: "input-example" }, h("h3", { key: 'bdbf60f7deddef385c78a9bf7f05e50ef788792c' }, "DateTime Selector"), h("udp-datetime-selector", { key: 'f3917bebe83cc1a55d7caa1acec5ec991fab115c', label: "Uncontrolled DateTime", initialValue: "2024-01-15T14:30", onChange: (e) => console.log('DateTime changed:', e.detail) })), h("div", { key: '1782c0c0af9bf367d5a65748da1b5f4882ff478f', class: "input-example" }, h("h3", { key: 'a530d1d5750b4e6927bafb056211d420cd86cb02' }, "UDP Selector"), h("udp-selector", { key: 'e6935be37209f2872a10429544651ed8ae3ae9eb', label: "Uncontrolled Selector", options: this.selectorOptions, initialValue: "option2", onChange: (e) => console.log('Selector changed:', e.detail) })))), h("section", { key: '526277689a5ab71c53aea1a15dc1e005e3513337', class: "example-section" }, h("h2", { key: '52b1138ff192ed102b15db303cd565a64d2bfe40' }, "Form-wrapped Components"), h("p", { key: 'd7e086a0b2a635d184c324219e6fa2137da4c717' }, "Components integrated with stencil-form and stencil-field for validation and state management."), h("stencil-form", { key: 'b9914d0287d025ce6065f5985d49fbfc230b2b7f', handleSubmit: this.handleFormSubmit, handleChange: this.handleFormChange, handleValidate: this.validateForm, initialValues: {
|
|
95
95
|
formTextField: 'Initial form text',
|
|
96
96
|
formNumericField: '25',
|
|
97
97
|
formTextArea: 'Initial form description',
|
|
@@ -100,7 +100,7 @@ export class InputsExample {
|
|
|
100
100
|
formDate: '2024-02-01',
|
|
101
101
|
formTime: '09:00',
|
|
102
102
|
formSelector: 'option1'
|
|
103
|
-
} }, h("div", { key: '
|
|
103
|
+
} }, h("div", { key: 'c988f4199f89b9d28a444ca6f262d0f7a4d7086f', class: "form-grid" }, h("stencil-field", { key: 'e61edacce18a1080604cca6c83a47eb9bf853dca', name: "formTextField" }, h("text-field", { key: '52a4fb8ad33fb5eb5f4c03a6b34f0352daecb227', label: "Form Text Field", placeholder: "Enter text...", required: true })), h("stencil-field", { key: '2fde12d1bc8562d727b9c16486f3cebc8d0ef0a1', name: "formNumericField" }, h("numeric-field", { key: 'cce90a03f97a7ce519e769cbf5568557e8da5172', label: "Form Numeric Field", placeholder: "Enter number...", min: "0", max: "100", required: true })), h("stencil-field", { key: '483c179ef0e6e057b0038c44ad35d758e8da72c0', name: "formTextArea" }, h("text-area", { key: '54bf5a7d1a29f00a4db885e70a4fff18c25ccc8b', label: "Form Text Area", placeholder: "Enter description...", required: true, minRows: 3 })), h("stencil-field", { key: '5b9b92bc986d8247e0d29580d16ea1af1d6dd811', name: "formCheckbox" }, h("check-box", { key: '9b697664e89f5e88964e740cb713e783cb7e5eaf', label: "Accept Terms and Conditions", required: true })), h("stencil-field", { key: '04e214cc1e402cd5d8cc4a902530ce3e5abfab93', name: "formToggle" }, h("stencil-toggle", { key: '90264b08f1fde534454cc62bbbc94148de7d357b', label: "Enable Notifications" })), h("stencil-field", { key: 'c2b32a971b1ff98067606c621cde478eddf532dc', name: "formDate" }, h("udp-date-selector", { key: '38d4277f734bfe478a07f3137424608646a48848', label: "Form Date", required: true })), h("stencil-field", { key: 'be40b541a17d729c6140931d05fce1baf2db7273', name: "formTime" }, h("udp-time-selector", { key: 'f3c10e03320cbd983b5573cee4ec99c737a0d389', label: "Form Time" })), h("stencil-field", { key: 'f0ec76807e7ac9caae2c216665934d5668abee6d', name: "formSelector" }, h("udp-selector", { key: 'a887013efc6d25c8119ec1ead75de3e3779e1d20', label: "Form Selector", options: this.selectorOptions, required: true })), h("stencil-field", { key: '662c9e1b54e9eb2926dd5405c17e7c9774bddba5', name: "formFiles" }, h("file-upload", { key: '08c9b118f3582f93086a5da3fa4d45446a967f5e', label: "Form File Upload", allowMultiple: true }))), h("div", { key: '951a514199520009da7df0798a6b9a6a8c8fb696', class: "form-actions" }, h("button", { key: '8550d0b23137a65a279390fcd083b75280e5c2ff', type: "submit", class: "submit-button" }, "Submit Form"))), h("div", { key: '194547ea02a3a71691c9721456def235b1ca0aa1', class: "form-values" }, h("h3", { key: '9f2237ad72e7dc8a89a3b76eb2a85489ef784b0f' }, "Current Form Values:"), h("pre", { key: 'b9e2cbee72e21f3640dba65eab05d2af47c4a284' }, JSON.stringify(this.formValues, null, 2)))), h("section", { key: '58723614fb40ff513d99eb984324848e68e26690', class: "example-section" }, h("h2", { key: '1c3528c6fa28d8c47bddd005523b2b2203433c24' }, "Additional Examples"), h("p", { key: '663507cd004a87e188acd89611a6f719dc236a0d' }, "More complex configurations and specialized use cases."), h("div", { key: 'c09839477af2b59587589b71730736fbe11f10f6', class: "input-grid" }, h("div", { key: '05be4e05ea40a32b44f8486ac36ec648617667ce', class: "input-example" }, h("h3", { key: '1a55bc8af2155bb961dd087ec28f1894604cf181' }, "Multi-Select UDP Selector"), h("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) })), h("div", { key: '8f18b41bb0f8fde3e7ea57e0a127885d3888039e', class: "input-example" }, h("h3", { key: '2627a3d0bfdcd7dc23fd67f4563733f2300c27de' }, "Large UDP Selector"), h("udp-selector", { key: '33c8e46f5e98b732c8e861de3fa1a8dadf8e75e1', label: "Large Selector", options: this.selectorOptions, large: true, initialValue: "option2", onChange: (e) => console.log('Large selector changed:', e.detail) })), h("div", { key: 'e74f1ccfac444c1058b03006c7516a90090704fc', class: "input-example" }, h("h3", { key: 'c13665d87d1ab26ce42084f5b497514df758336b' }, "File Upload with Type Restrictions"), h("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) })), h("div", { key: 'e485136314ce4c0ea095ad532a3729e72d731e79', class: "input-example" }, h("h3", { key: 'fd9026adbfe0a0da04dba6d8e58d096e0e88cda1' }, "Disabled Components"), h("div", { key: '1a35bfda54b5bf67f50c460a028cec1e9a7979dd', class: "disabled-examples" }, h("text-field", { key: '163bd27c789de9fadaf4e7a509f59d36ef41a35e', label: "Disabled Text Field", value: "Cannot edit this", disabled: true }), h("check-box", { key: '6d94b2842459b07cd8a093c17555613e02ecdc27', label: "Disabled Checkbox", checked: true, disabled: true }), h("udp-selector", { key: 'db1da592947e1f072f2fc88026a3643059f8e405', label: "Disabled Selector", options: this.selectorOptions, value: "option1", disabled: true })))))));
|
|
104
104
|
}
|
|
105
105
|
static get is() { return "inputs-example"; }
|
|
106
106
|
static get encapsulation() { return "shadow"; }
|
|
@@ -7,7 +7,7 @@ export class PageRenderer {
|
|
|
7
7
|
return (h("div", { style: { border: '1px solid #ff6a00', padding: '10px', margin: '10px 0', borderRadius: '5px', color: '#ff6a00', backgroundColor: '#fff3e0' } }, h("unity-typography", null, "Content currently unavailable ( ", h("span", { style: { fontWeight: '700' } }, componentName), " ). We're working to make this available to you soon!")));
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h("div", { key: '
|
|
10
|
+
return (h("div", { key: '05f030812933d2473f080285d7af0ddeecda005c' }, this.pageData.map((data) => {
|
|
11
11
|
// Prepare properties from metaData, ensuring any existing keys that
|
|
12
12
|
// match your direct props are overridden.
|
|
13
13
|
const gridProps = Object.assign(Object.assign({}, data.properties), {
|
|
@@ -10,7 +10,7 @@ export class ColorPreview {
|
|
|
10
10
|
return (h("div", { class: "color-section" }, h("unity-typography", { variant: "h4" }, title), h("div", { class: "color-grid" }, this.renderColorBox(`--${prefix}-color-main`, `--${prefix}-contrast-text`), this.renderColorBox(`--${prefix}-color-dark`, `--${prefix}-contrast-text`), this.renderColorBox(`--${prefix}-color-light`, `--${prefix}-contrast-text`), this.renderColorBox(`--${prefix}-color-hint`, `--${prefix}-contrast-text`))));
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h("div", { key: '
|
|
13
|
+
return (h("div", { key: 'de905a4b5da8d7e06bafc3e1da7ed57548c29beb', class: "container" }, h("unity-typography", { key: '635febd73647ff8ccfd2655750cca80a6a038ee6', variant: "h2" }, "Unity Theme"), h("div", { key: 'cd50d5641d3af9b9430c490b565b1a6de9cd4d71', class: "theme-section" }, h("div", { key: '74ca31a3e63f5342dadc50f3be4f0f4682b6c2aa', class: "unity-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), h("unity-typography", { key: '4df9f7aff314abaef0cee198c400fd8527780566', variant: "h2" }, "SAP Theme"), h("div", { key: '7e3185d9f54d46618711fa522a28f44e936e835d', class: "theme-section" }, h("div", { key: 'e9fcc854930e8645bd725d34e1f354bbaf4dc78f', class: "sap-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), h("unity-typography", { key: 'd3573c966fe9ddd40f9af2f1ed6a3d6c61abf962', variant: "h2" }, "Status Colors"), h("div", { key: '5330d30d62ebbd57886015e8b27f542d76a402fe', class: "status-section" }, this.renderStatusSection('Success', 'success'), this.renderStatusSection('Error', 'error'), this.renderStatusSection('Warning', 'warning'), this.renderStatusSection('Info', 'info'), this.renderStatusSection('Note', 'note'))));
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "color-preview"; }
|
|
16
16
|
static get encapsulation() { return "scoped"; }
|
|
@@ -94,13 +94,13 @@ export class ChipSection {
|
|
|
94
94
|
}
|
|
95
95
|
render() {
|
|
96
96
|
console.log("Rendering ChipSection", this.visibleFilterChips);
|
|
97
|
-
return (h("div", { key: '
|
|
97
|
+
return (h("div", { key: '9a1b452a244c22fdb6566acb2972f42bdddb5621', class: "wrapper", id: "chipSectionContainer" }, h("div", { key: '0c03e15b9ce04d0da54ee83a9e56dbcab0553580', class: "chipHolder" }, h("div", { key: '9a55382935f37510948d8d978b1171509f05cba2', id: "viewChipsContainer" }, this.viewChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('view', index), text: chip.label, class: "viewChip" })))), h("udp-dynamic-container-with-menu", { key: '13b4e97701d984df535637f10302a96bfca4ee6f', id: "filterChipsContainer", menuItems: this.menuItems }, this.selectedFilterChip && (h("stencil-chip", { key: 'f0c6749140c629a2c864a0341818c8ca632df701', onOnDelete: this.handleFilterChipUntoggle, text: this.selectedFilterChip.label, class: "viewChip" })), console.log('filtering here...', this.filterChips), this.filterChips.map((chip) => {
|
|
98
98
|
if (this.selectedFilterChip && chip.id === this.selectedFilterChip.id) {
|
|
99
99
|
console.log('returning null...');
|
|
100
100
|
return null;
|
|
101
101
|
}
|
|
102
102
|
return (h("stencil-chip", { text: `${chip.label} ${chip.value}`, class: "filterChip", onClick: () => this.handleFilterChipToggle(chip) }));
|
|
103
|
-
})), h("div", { key: '
|
|
103
|
+
})), h("div", { key: '26e8ed21c6d420b82efd005c8ebbcff532674dae', id: "additionalFilterChipsContainer" }, this.additionalFilterChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('additionalFilter', index), text: chip.label, class: "additionalFilterChip" })))), !this.hideKpiSection && (h("div", { key: '79450b2d263970db47b70a7d4ec0a28c3522d2a1', class: "KPI", id: "kpiContainer" }, this.kpiValues.slice(0, this.maxKPIsDisplayed).map((kpi) => (h("div", { class: "kpiItem" }, h("span", { class: "kpiLabel" }, this.abbreviateLabel(kpi.label) || kpi.label), h("span", { class: "kpiValue" }, this.abbrNum(kpi.value, 1))))))))));
|
|
104
104
|
}
|
|
105
105
|
static get is() { return "chip-section"; }
|
|
106
106
|
static get encapsulation() { return "shadow"; }
|
|
@@ -114,7 +114,7 @@ export class DynamicContainerWithMenu {
|
|
|
114
114
|
this.udpChipClicked.emit(chipText);
|
|
115
115
|
}
|
|
116
116
|
render() {
|
|
117
|
-
return (h("div", { key: '
|
|
117
|
+
return (h("div", { key: 'e39cb91451a2879c50e94d06ad7d04ea48e6924c', class: "container" }, h("div", { key: '68340fbe6565fcb4065634c23bbde57509aaa377', class: "chips" }, console.log('Received data for chips via executeQwith', this.visibleChildren), this.visibleChildren && this.visibleChildren.map((child, index) => (h("stencil-chip", { color: "secondary", key: index, text: child.description, "show-delete": "false", externalToggleString: this.externalToggle })))), h("div", { key: 'fd984302e13b2d30c4e0724735b92e91150694af', class: "overflow" }, h("udp-pop-over", { key: '296ae16800bd847a6f2d45c65c9971e2fa9642c0', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, h("div", { key: '8edb5977027465a416e5440104c0b97da7df23a7', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index) => (h("stencil-chip", { key: index, text: child.label, "show-delete": "false" }, " "))))))));
|
|
118
118
|
}
|
|
119
119
|
static get is() { return "udp-dynamic-container-with-menu"; }
|
|
120
120
|
static get encapsulation() { return "shadow"; }
|
|
@@ -82,11 +82,11 @@ const AddMapFeaturePopUp = /*@__PURE__*/ proxyCustomElement(class AddMapFeatureP
|
|
|
82
82
|
}
|
|
83
83
|
render() {
|
|
84
84
|
var _a, _b, _c;
|
|
85
|
-
return (h("div", { key: '
|
|
85
|
+
return (h("div", { key: '32fb2a44efbb94b005cdea535a0a3ac2651f5d17', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: 'f9c1bd59497d705d5b0f22539a300750dcd64f6a', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
|
|
86
86
|
this.handleSetSelectedLayer(e.detail);
|
|
87
|
-
}, large: false })), h("udp-selector", { key: '
|
|
87
|
+
}, large: false })), h("udp-selector", { key: '055e530103ac5b5eb284e2c860a6128d19374ba1', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
|
|
88
88
|
this.handleSetSelectedType(e.detail);
|
|
89
|
-
}, large: false }), h("div", { key: '
|
|
89
|
+
}, large: false }), h("div", { key: '525b90353ff86c07a55542a2baa1ef1fb0ad8fb3', class: "formButton" }, h("custom-button", { key: '7de411f454d7cf8574f36bf0692bc8039aa4fdd9', label: h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
|
|
90
90
|
this.selectedType === null }))));
|
|
91
91
|
}
|
|
92
92
|
static get watchers() { return {
|
|
@@ -964,7 +964,7 @@ const AgGridBase = /*@__PURE__*/ proxyCustomElement(class AgGridBase extends H {
|
|
|
964
964
|
render() {
|
|
965
965
|
var _a;
|
|
966
966
|
const variantClass = `variant-${((_a = this.headerConfig) === null || _a === void 0 ? void 0 : _a.variant) || 'light'}`;
|
|
967
|
-
return (h("div", { key: '
|
|
967
|
+
return (h("div", { key: '09ef0f0e4491de19f4b7b06ee20d0ee1384005f9', class: variantClass, ref: el => (this.gridContainerEl = el) }, h("ghost-render", { key: '74ec21f0fc099e50c68be0915a1af7cda74d0776' }, h("div", { key: '850311d288c09fddd394086540eb5fe9730efd28' }, h("udp-dialog", { key: 'afcac5ce1b9fa78e59d2dcc05ccce773ec14a39a' }), h("udp-list-item", { key: 'a78311218bb58edf424a185d562955bedcace44d' }), h("hint-panel", { key: 'aeebbfbbadd7d97ef59893a4ab74d8f520e2c9b5' }))), h("div", { key: 'f0eb54721ab03eb3b66b7c94bc2c1edb2b503e19', class: "grid-base-header" }, h("grid-header", { key: '688303601e82c2755ad7261e61eee24a453ebe38', headerConfig: this.headerConfig, gridFunctions: this.gridFunctions, onHeaderAction: this.onHeaderAction }), h("div", { key: 'b99099543b7c32516f25931a4a3554d3b735510b', class: "action-bar", style: { viewTransitionName: `action-bar` } }, this.gridFunctionInstances.map(fn => { var _a; return (_a = fn.render) === null || _a === void 0 ? void 0 : _a.call(fn); }))), h("div", { key: 'fc409e24001a190d9a5b78e487522bb7259ba97e', id: "myNewGrid", ref: el => (this.gridEl = el), style: {
|
|
968
968
|
viewTransitionName: `my-new-grid`,
|
|
969
969
|
} })));
|
|
970
970
|
}
|
|
@@ -9,7 +9,7 @@ const AgTable = /*@__PURE__*/ proxyCustomElement(class AgTable extends H {
|
|
|
9
9
|
this.height = 'calc(100vh - 200px)';
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h("div", { key: '
|
|
12
|
+
return (h("div", { key: '08764e8cfc9a52ac728c67018a849be7f3409408', id: "myGrid", style: { height: this.height, width: '100%' }, class: "ag-theme-material" }));
|
|
13
13
|
}
|
|
14
14
|
get el() { return this; }
|
|
15
15
|
}, [256, "ag-table", {
|