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.
- package/dist/cjs/add-map-feature-popup_4.cjs.entry.js +12 -12
- package/dist/cjs/advanced-search_50.cjs.entry.js +169 -96
- 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/index-DrMNAZCL.js +4 -0
- 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 +22 -0
- package/dist/cjs/udp-tab-panel.entry.cjs.js.map +1 -0
- package/dist/cjs/udp-vertical-spacer.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- 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.css +0 -5
- package/dist/collection/components/my-component/UI/tabs/tab/tabs/udp-tabs.js +170 -37
- package/dist/collection/components/my-component/UI/tabs/tab/tabs/udp-tabs.js.map +1 -1
- package/dist/collection/components/my-component/UI/tabs/tab/udp-tab.css +2 -4
- package/dist/collection/components/my-component/UI/tabs/tab/udp-tab.js +3 -3
- package/dist/collection/components/my-component/UI/tabs/tab/udp-tab.js.map +1 -1
- package/dist/collection/components/my-component/UI/tabs/udp-tab-panel/udp-tab-panel.css +11 -0
- package/dist/collection/components/my-component/UI/tabs/udp-tab-panel/udp-tab-panel.js +65 -0
- package/dist/collection/components/my-component/UI/tabs/udp-tab-panel/udp-tab-panel.js.map +1 -0
- 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.d.ts +11 -0
- package/dist/components/udp-tab-panel.js +45 -0
- package/dist/components/udp-tab-panel.js.map +1 -0
- package/dist/components/udp-tab2.js +3 -3
- package/dist/components/udp-tab2.js.map +1 -1
- package/dist/components/udp-tabs2.js +114 -40
- package/dist/components/udp-tabs2.js.map +1 -1
- 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 +263 -31
- package/dist/esm/add-map-feature-popup_4.entry.js +12 -12
- package/dist/esm/advanced-search_50.entry.js +169 -96
- 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/index-n-1ZSeAs.js +4 -0
- 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 +20 -0
- package/dist/esm/udp-tab-panel.entry.js.map +1 -0
- 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.esm.js.map +1 -0
- package/dist/stencil-library/udp-tab-panel.entry.js +2 -0
- package/dist/stencil-library/udp-tab-panel.entry.js.map +1 -0
- 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/my-component/UI/tabs/tab/tabs/udp-tabs.d.ts +47 -4
- package/dist/types/components/my-component/UI/tabs/tab/udp-tab.d.ts +1 -1
- package/dist/types/components/my-component/UI/tabs/udp-tab-panel/udp-tab-panel.d.ts +11 -0
- package/dist/types/components.d.ts +151 -2
- package/package.json +1 -1
|
@@ -997,7 +997,7 @@ const AgGridBase = class {
|
|
|
997
997
|
render() {
|
|
998
998
|
var _a;
|
|
999
999
|
const variantClass = `variant-${((_a = this.headerConfig) === null || _a === void 0 ? void 0 : _a.variant) || 'light'}`;
|
|
1000
|
-
return (index.h("div", { key: '
|
|
1000
|
+
return (index.h("div", { key: '09ef0f0e4491de19f4b7b06ee20d0ee1384005f9', class: variantClass, ref: el => (this.gridContainerEl = el) }, index.h("ghost-render", { key: '74ec21f0fc099e50c68be0915a1af7cda74d0776' }, index.h("div", { key: '850311d288c09fddd394086540eb5fe9730efd28' }, index.h("udp-dialog", { key: 'afcac5ce1b9fa78e59d2dcc05ccce773ec14a39a' }), index.h("udp-list-item", { key: 'a78311218bb58edf424a185d562955bedcace44d' }), index.h("hint-panel", { key: 'aeebbfbbadd7d97ef59893a4ab74d8f520e2c9b5' }))), index.h("div", { key: 'f0eb54721ab03eb3b66b7c94bc2c1edb2b503e19', class: "grid-base-header" }, index.h("grid-header", { key: '688303601e82c2755ad7261e61eee24a453ebe38', headerConfig: this.headerConfig, gridFunctions: this.gridFunctions, onHeaderAction: this.onHeaderAction }), index.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); }))), index.h("div", { key: 'fc409e24001a190d9a5b78e487522bb7259ba97e', id: "myNewGrid", ref: el => (this.gridEl = el), style: {
|
|
1001
1001
|
viewTransitionName: `my-new-grid`,
|
|
1002
1002
|
} })));
|
|
1003
1003
|
}
|
|
@@ -1084,7 +1084,7 @@ const GhostRender = class {
|
|
|
1084
1084
|
// The <slot /> is necessary to prevent the Stencil compiler from
|
|
1085
1085
|
// overly optimizing this component's output and aliasing the
|
|
1086
1086
|
// defineCustomElement export, which breaks downstream wrappers.
|
|
1087
|
-
return (index.h(index.Host, { key: '
|
|
1087
|
+
return (index.h(index.Host, { key: 'a15d6cd564f8aef008068decd2c423239e7caa89' }, index.h("slot", { key: '6e79729b7819373e24a9b7f91c31a15960a09363' })));
|
|
1088
1088
|
}
|
|
1089
1089
|
};
|
|
1090
1090
|
GhostRender.style = ":host {\n display: none;\n }";
|
|
@@ -1188,7 +1188,7 @@ const UdpDialog = class {
|
|
|
1188
1188
|
document.removeEventListener('keydown', this.handleKeyDown);
|
|
1189
1189
|
}
|
|
1190
1190
|
render() {
|
|
1191
|
-
return (index.h(index.Host, { key: '
|
|
1191
|
+
return (index.h(index.Host, { key: '01757cb710b4621a69e4ed790374d9b16a139031', onClick: this.handleOverlayClick }, index.h("div", { key: '669805ff6826420f397e97cf1051022ecf33451a', class: "dialog-container", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, "aria-describedby": this.descriptionId, onClick: (event) => event.stopPropagation() }, index.h("div", { key: '6c4ce9f296e970e49f9d582e260f49eb847eb42b', class: "dialog-title", id: this.titleId }, index.h("unity-typography", { key: 'd5565820bca213943b5406ce63e967e1c9895684', variant: "h3" }, this.title)), index.h("div", { key: 'af030ddb399c0a9805e13f2025d585fa37f5193c', class: "dialog-content", id: this.descriptionId }, this.message && index.h("unity-typography", { key: 'ea821f4f8dc91cafd77b49f351b960bc2ea86fcb', variant: "body" }, this.message), index.h("slot", { key: '10fd10148354b8072bbd247436c649a6625afd4c' })), index.h("div", { key: 'a4be76d0999841f2ce0a05e52f22930cffacf140', class: "dialog-actions" }, !this.buttonTwoHidden && (index.h("udp-button", { key: '69fee918e7319ed67e98f6fbc6c568167f839a09', variant: 'text', disabled: this.disableTwo, onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (index.h("udp-button", { key: '91cc57acd1d201f7828c8c34ec399ba25715a054', variant: 'text', disabled: this.disableThree, onClick: () => this.actionThree() }, this.labelThree)), !this.buttonOneHidden && (index.h("udp-button", { key: 'b6672709b4432743f0ac7ba740cea49ccd085dfe', variant: 'contained', disabled: this.disableOne, onClick: () => this.actionOne(), loading: !!this.progress }, this.labelOne))))));
|
|
1192
1192
|
}
|
|
1193
1193
|
get hostEl() { return index.getElement(this); }
|
|
1194
1194
|
static get watchers() { return {
|
|
@@ -1251,11 +1251,11 @@ const UdpListRenderer = class {
|
|
|
1251
1251
|
render() {
|
|
1252
1252
|
const showPrimaryText = this.primaryText || this.hasPrimaryTextSlot;
|
|
1253
1253
|
const showSecondaryText = this.secondaryText || this.hasSecondaryTextSlot;
|
|
1254
|
-
return (index.h(index.Host, { key: '
|
|
1254
|
+
return (index.h(index.Host, { key: '41eb6d0141ee4439623ec120ee274bb787f1bfee' }, index.h("div", { key: '2b210540274910e64292519574d5bb67a770bdf5', class: {
|
|
1255
1255
|
'list-item': true,
|
|
1256
1256
|
'clickable': this.clickable,
|
|
1257
1257
|
'variant-compact': this.variant === 'compact',
|
|
1258
|
-
}, onClick: this.handleClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, this.iconName && (index.h("div", { key: '
|
|
1258
|
+
}, onClick: this.handleClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, this.iconName && (index.h("div", { key: '913f2b8c672493d7316e64ca3c26cea222b0281d', class: "avatar-container" }, index.h("udp-avatar", { key: '114fa2f5a4d3395aad73fff0fa6d239c7eecaf2a', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), index.h("div", { key: 'bf27da4ea3959f2330e910ccf4964519941e7336', class: "text-container" }, showPrimaryText && (index.h("div", { key: '9f644311da4b3f144f2afc9f5a57f17e6c6b84a3', class: "primary-text" }, index.h("slot", { key: 'd7590409f59e534c5a057942ce30f9512e1a7b94', name: "primary-text" }, index.h("unity-typography", { key: 'a023f31b04cdc9c60514140d9f47681b2ab800d3', variant: "body" }, this.primaryText)))), showSecondaryText && (index.h("div", { key: '40f57bd6c501910e200d4cd145c9fed2a36d2fe8', class: "secondary-text" }, index.h("slot", { key: '62fbe0222b1d4866c61fe07a8d84d1567cbc4d56', name: "secondary-text" }, index.h("unity-typography", { key: 'e33b76e74015dd4e7176c06cdf84e8c40b3ba554', variant: "caption-text", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (index.h("div", { key: '97542efce1a23b6e504cd541e41254e83da48baf', class: "status-chip-container" }, index.h("slot", { key: '432f5cc6a98b82c7ee53906dce053e95e097c588', name: "status-chip" }))), this.hasActionsSlot && (index.h("div", { key: '9e8065713ec74f83cd6bd7a00dac7c54c92355c0', class: "actions-container" }, index.h("slot", { key: '949296f60d37ed3cd5fdfc8c5cb39f8e38ef30f6', name: "actions" }))))));
|
|
1259
1259
|
}
|
|
1260
1260
|
get hostEl() { return index.getElement(this); }
|
|
1261
1261
|
};
|
|
@@ -179,7 +179,7 @@ const ApiMethodInstanceGrid = class {
|
|
|
179
179
|
this.getApiMethodInstanceData();
|
|
180
180
|
}
|
|
181
181
|
render() {
|
|
182
|
-
return (index.h("search-method-grid", { key: '
|
|
182
|
+
return (index.h("search-method-grid", { key: '1d8da53919c04c8c2b29fc294b0f3f216dcbee56', onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridOptions: this.gridOptions, gridHeaderConfig: this.gridHeaderConfig, gridId: this.gridId, entityName: this.entityName, gridHeight: this.gridHeight, searchMethodConfig: this.searchMethodConfig, gridApiCallback: this.gridApiCallback }));
|
|
183
183
|
}
|
|
184
184
|
static get watchers() { return {
|
|
185
185
|
"apiMethodInstanceData": ["createColumnDefs", "updateSearchMethodConfig"],
|
|
@@ -97,13 +97,13 @@ const Checkbox = class {
|
|
|
97
97
|
*/
|
|
98
98
|
render() {
|
|
99
99
|
const isError = !!this.errorMessage;
|
|
100
|
-
return (index.h(index.Host, { key: '
|
|
100
|
+
return (index.h(index.Host, { key: '35ce165e99a01b2cfad1bdb370f08be53c3b107f', class: {
|
|
101
101
|
'udp-input': true,
|
|
102
102
|
'udp-input--error': isError,
|
|
103
103
|
'udp-input--disabled': this.disabled,
|
|
104
104
|
'udp-input--required': this.required,
|
|
105
105
|
'udp-input--checked': this.internalChecked
|
|
106
|
-
}, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: '
|
|
106
|
+
}, "aria-invalid": isError ? 'true' : 'false', "aria-required": this.required ? 'true' : 'false' }, index.h("div", { key: 'ffe57d475dbe7fd4941e548b278e5d3c4358e3ef', class: "checkbox-container" }, index.h("input", { key: 'c9599f48b9c95cf0533b4bd34b0bf9a21519f58d', type: "checkbox", checked: this.internalChecked, onChange: this.handleChange, id: this.id, name: this.name, disabled: this.disabled, required: this.required }), this.label && index.h("label", { key: '5645ddfd96f922401f73289323bd4d56a9d5ef5a', htmlFor: this.id }, this.label), this.errorMessage && index.h("div", { key: '4e38d91bfaed14e571d0deec40be7ab4cfa94da9', class: "error-message" }, this.errorMessage))));
|
|
107
107
|
}
|
|
108
108
|
static get watchers() { return {
|
|
109
109
|
"error": ["updateError"],
|
|
@@ -100,13 +100,13 @@ const ChipSection = class {
|
|
|
100
100
|
}
|
|
101
101
|
render() {
|
|
102
102
|
console.log("Rendering ChipSection", this.visibleFilterChips);
|
|
103
|
-
return (index.h("div", { key: '
|
|
103
|
+
return (index.h("div", { key: '9a1b452a244c22fdb6566acb2972f42bdddb5621', class: "wrapper", id: "chipSectionContainer" }, index.h("div", { key: '0c03e15b9ce04d0da54ee83a9e56dbcab0553580', class: "chipHolder" }, index.h("div", { key: '9a55382935f37510948d8d978b1171509f05cba2', id: "viewChipsContainer" }, this.viewChips.map((chip, index$1) => (index.h("stencil-chip", { onOnDelete: () => this.handleDelete('view', index$1), text: chip.label, class: "viewChip" })))), index.h("udp-dynamic-container-with-menu", { key: '13b4e97701d984df535637f10302a96bfca4ee6f', id: "filterChipsContainer", menuItems: this.menuItems }, this.selectedFilterChip && (index.h("stencil-chip", { key: 'f0c6749140c629a2c864a0341818c8ca632df701', onOnDelete: this.handleFilterChipUntoggle, text: this.selectedFilterChip.label, class: "viewChip" })), console.log('filtering here...', this.filterChips), this.filterChips.map((chip) => {
|
|
104
104
|
if (this.selectedFilterChip && chip.id === this.selectedFilterChip.id) {
|
|
105
105
|
console.log('returning null...');
|
|
106
106
|
return null;
|
|
107
107
|
}
|
|
108
108
|
return (index.h("stencil-chip", { text: `${chip.label} ${chip.value}`, class: "filterChip", onClick: () => this.handleFilterChipToggle(chip) }));
|
|
109
|
-
})), index.h("div", { key: '
|
|
109
|
+
})), index.h("div", { key: '26e8ed21c6d420b82efd005c8ebbcff532674dae', id: "additionalFilterChipsContainer" }, this.additionalFilterChips.map((chip, index$1) => (index.h("stencil-chip", { onOnDelete: () => this.handleDelete('additionalFilter', index$1), text: chip.label, class: "additionalFilterChip" })))), !this.hideKpiSection && (index.h("div", { key: '79450b2d263970db47b70a7d4ec0a28c3522d2a1', class: "KPI", id: "kpiContainer" }, this.kpiValues.slice(0, this.maxKPIsDisplayed).map((kpi) => (index.h("div", { class: "kpiItem" }, index.h("span", { class: "kpiLabel" }, this.abbreviateLabel(kpi.label) || kpi.label), index.h("span", { class: "kpiValue" }, this.abbrNum(kpi.value, 1))))))))));
|
|
110
110
|
}
|
|
111
111
|
get el() { return index.getElement(this); }
|
|
112
112
|
static get watchers() { return {
|
|
@@ -115,7 +115,7 @@ const ClientSideGrid = class {
|
|
|
115
115
|
this.clientSideConfig = Object.assign(Object.assign({}, this.gridOptions), { rowModelType: 'clientSide' });
|
|
116
116
|
}
|
|
117
117
|
render() {
|
|
118
|
-
return (index.h("ag-grid-base", { key: '
|
|
118
|
+
return (index.h("ag-grid-base", { key: '698ddb81a86b3fa53050202f8ee4b42fc5840329', columnDefs: this.columnDefs, gridOptions: this.clientSideConfig, headerConfig: this.gridHeaderConfig, onGridReady: e => this.handleGridReady(e), gridFunctions: this.gridFunctions, gridId: this.gridId, gridApiCallback: this.gridApiCallback }));
|
|
119
119
|
}
|
|
120
120
|
static get watchers() { return {
|
|
121
121
|
"rowData": ["updateRowData"]
|
|
@@ -135,12 +135,12 @@ const ResourceTimelinePrimaryBar = class {
|
|
|
135
135
|
}
|
|
136
136
|
render() {
|
|
137
137
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
138
|
-
return (index.h("div", { key: '
|
|
138
|
+
return (index.h("div", { key: '2a66de4fa2a5788af431094dad4ed1d738707235', class: "header-bar" }, index.h("div", { key: 'c26898574eb9bd8d9410aef63a369a3cde6afa80', class: "title-section" }, this.gridBarTitle || this.gridBarTitle === '' ? (index.h("unity-typography", { variant: "body1", bold: true }, this.gridBarTitle, ' ')) : (index.h("udp-skeleton-loading", { width: "200px" })), index.h("div", { key: 'd178f920fb58eb6e6850e91790657d619a9cdd11', class: "subtitle" }, this.subTitle || this.subTitle === '' ? (index.h("unity-typography", { variant: "body1" }, this.subTitle, " ")) : (index.h("udp-skeleton-loading", { width: "200px" })), index.h("div", { key: 'e8f598c0ca91d62e7326a227479e52c50fc123b1', class: "subtitle-status" }, this.subtitleStatus && (index.h("udp-chip", { key: '74bfd5f3ecf4966896f443bc702068f913235526', variant: "outlined", size: "small", label: this.subtitleStatus, color: this.subtitleStatusMappingClasses[this.subtitleStatus] })), this.showLockedIcon && (index.h("udp-icon-button", { key: '98b2d80ceacca1130ae6b99f326613b582144ca9', icon: iconUtils.getIconFromName('lock'), variant: "outlined", size: "x-small", disabled: true }))))), index.h("div", { key: '5524d1bd00864118ee4d45ebb05226f301e8cb4f', class: "button-section" }, index.h("udp-icon-button", { key: 'e2d0c6cd6bc38f61d86ee122a32cdf171b92d3c1', class: {
|
|
139
139
|
'settings-button': true,
|
|
140
140
|
'is-open': this.isMenuOpen,
|
|
141
141
|
}, onClick: this.toggleSettingsMenu, ref: (el) => {
|
|
142
142
|
this.menuAnchorEl = el ? el : undefined;
|
|
143
|
-
}, icon: iconUtils.getIconFromName('settings'), variant: 'outlined', size: "small", color: "inherit" }), index.h("udp-menu", { key: '
|
|
143
|
+
}, icon: iconUtils.getIconFromName('settings'), variant: 'outlined', size: "small", color: "inherit" }), index.h("udp-menu", { key: '7a04742387e28f0a78d6539ff0b03c4985137229', open: this.isMenuOpen, anchor: this.menuAnchorEl, handleClose: () => (this.isMenuOpen = false) }, index.h("udp-menu-item", { key: '3acb2cc1a9421d1e582e2ee3ff9d2c8c5374a4f7', label: "Expand Groups", onItemClick: this.expandAll }), index.h("udp-menu-item", { key: 'f1fbb4cfa270ced88a9f1c3b09fb892b5743b1c2', label: "Collapse Groups", onItemClick: this.collapseAll })), this.clickBackward && (index.h("div", { key: '8393e52e0494161fe016eb4bfc4f50f75745f703', class: "date-navigation" }, this.clickBackward && (index.h("udp-icon-button", { key: '43d6d92184f28d5ae16658970eb0668526e3b809', tooltip: "Previous period", icon: ChevronLeft16__default.default, onClick: this.clickBackward, size: "small", color: "inherit", disabled: this.disableHeaderActions })), this.clickToday && (index.h("udp-button", { key: '86e85c4af0d74d1d1573195be66187697313c8e8', onClick: this.clickToday, size: "small", color: "inherit", disabled: this.disableHeaderActions }, "Today")), this.clickForward && (index.h("udp-icon-button", { key: '9b009045cf9be2d7b8bc11e674fdc9134baae28b', tooltip: "Next period", icon: ChevronRight24__default.default, onClick: this.clickForward, size: "small", color: "inherit", disabled: this.disableHeaderActions })))), ((_a = this.secondaryAction) === null || _a === void 0 ? void 0 : _a.onClick) && (index.h("udp-button", { key: '9320445c97b12fa6403d33765a76ad4e54baa567', disabled: ((_b = this.secondaryAction) === null || _b === void 0 ? void 0 : _b.disabled) || this.disableHeaderActions, variant: "outlined", color: "secondary", onButtonClick: this.secondaryAction.onClick, startIcon: index.h("udp-icon", { iconName: (_c = this.secondaryAction) === null || _c === void 0 ? void 0 : _c.iconName, color: 'inherit' }), size: "medium" }, (_d = this.secondaryAction) === null || _d === void 0 ? void 0 : _d.label)), ((_e = this.primaryAction) === null || _e === void 0 ? void 0 : _e.onClick) && (index.h("udp-button", { key: '47862c1898db0b9c979eaaa6dbb2a0a4c750bbe2', disabled: ((_f = this.primaryAction) === null || _f === void 0 ? void 0 : _f.disabled) || this.disableHeaderActions, startIcon: index.h("udp-icon", { iconName: (_g = this.primaryAction) === null || _g === void 0 ? void 0 : _g.iconName, color: 'inherit' }), variant: "contained", onButtonClick: this.primaryAction.onClick, color: "secondary" }, (_h = this.primaryAction) === null || _h === void 0 ? void 0 : _h.label)))));
|
|
144
144
|
}
|
|
145
145
|
};
|
|
146
146
|
ResourceTimelinePrimaryBar.style = resourceTimelinePrimaryBarCss;
|
|
@@ -18,7 +18,7 @@ const ColorPreview = class {
|
|
|
18
18
|
return (index.h("div", { class: "color-section" }, index.h("unity-typography", { variant: "h4" }, title), index.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`))));
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
|
-
return (index.h("div", { key: '
|
|
21
|
+
return (index.h("div", { key: 'de905a4b5da8d7e06bafc3e1da7ed57548c29beb', class: "container" }, index.h("unity-typography", { key: '635febd73647ff8ccfd2655750cca80a6a038ee6', variant: "h2" }, "Unity Theme"), index.h("div", { key: 'cd50d5641d3af9b9430c490b565b1a6de9cd4d71', class: "theme-section" }, index.h("div", { key: '74ca31a3e63f5342dadc50f3be4f0f4682b6c2aa', class: "unity-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), index.h("unity-typography", { key: '4df9f7aff314abaef0cee198c400fd8527780566', variant: "h2" }, "SAP Theme"), index.h("div", { key: '7e3185d9f54d46618711fa522a28f44e936e835d', class: "theme-section" }, index.h("div", { key: 'e9fcc854930e8645bd725d34e1f354bbaf4dc78f', class: "sap-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), index.h("unity-typography", { key: 'd3573c966fe9ddd40f9af2f1ed6a3d6c61abf962', variant: "h2" }, "Status Colors"), index.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'))));
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
ColorPreview.style = colorPreviewCss;
|
|
@@ -170,13 +170,13 @@ const FileUploadRenderer = class {
|
|
|
170
170
|
}
|
|
171
171
|
render() {
|
|
172
172
|
var _a, _b;
|
|
173
|
-
return (index.h("div", { key: '
|
|
173
|
+
return (index.h("div", { key: 'e2731af080ba720c9ef099659ae3e9fd93d65faf', class: "file-upload-input-container" }, index.h("div", { key: '1aa8b9814bf572b110a03c52a564f490e35b9a85' }, index.h("stencil-toggle", { key: '35594baad0a698ad53bd106b5376f0ea742a59ac', label: "Hide Drag And Drop", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.hideDragAndDrop), onToggledChange: () => {
|
|
174
174
|
if (this.isViewOnly)
|
|
175
175
|
return;
|
|
176
176
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
|
|
177
177
|
const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, 'hideDragAndDrop');
|
|
178
178
|
this.onFormSectionsDraftChange(updated);
|
|
179
|
-
}, labelPosition: "right" })), index.h("div", { key: '
|
|
179
|
+
}, labelPosition: "right" })), index.h("div", { key: '4a66f75eb851e666f0f8fcef7b12d2943b0e809d' }, index.h("stencil-toggle", { key: '01da84e7d49d5a0443c6b7803465c25d33fc1407', label: "Hide Button", disabled: this.isViewOnly, checked: !!((_b = this.question.fieldProperties) === null || _b === void 0 ? void 0 : _b.hideButton), onToggledChange: () => {
|
|
180
180
|
if (this.isViewOnly)
|
|
181
181
|
return;
|
|
182
182
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
|
|
@@ -195,16 +195,16 @@ const ListOptionsRenderer = class {
|
|
|
195
195
|
}
|
|
196
196
|
render() {
|
|
197
197
|
var _a, _b, _c;
|
|
198
|
-
return (index.h(index.Host, { key: '
|
|
198
|
+
return (index.h(index.Host, { key: '8dbb0c525b3862b708dd8696eaafc99b324f5a06' }, index.h("div", { key: 'd341bdff2838fcbfadd826b5f9eb11bd470ca4e5', class: "question-item-options-list-container" }, index.h("stencil-toggle", { key: 'd7a486294420828851cfc0fc79378cad9b8a279a', label: "Use Lookup Options", disabled: this.isViewOnly, checked: 'lookupId' in this.question.fieldProperties, labelPosition: "right", onToggledChange: () => {
|
|
199
199
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyToggleManualOrLookupOptions');
|
|
200
200
|
const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex);
|
|
201
201
|
this.onFormSectionsDraftChange(updated);
|
|
202
202
|
console.log(this.lookupOptions);
|
|
203
|
-
} }), 'lookupId' in this.question.fieldProperties && (index.h("div", { key: '
|
|
203
|
+
} }), 'lookupId' in this.question.fieldProperties && (index.h("div", { key: '6e33b7772c80a37cc7bc2c2822d3ec73ad6fe78d' }, index.h("udp-selector", { label: "Lookup Source", key: "lookup-selector", initialValue: ((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.lookupId) || '', options: this.lookupOptions, disabled: this.isViewOnly, required: true, onChange: (e) => {
|
|
204
204
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyLookupChange');
|
|
205
205
|
const updated = handler(e.detail, this.formSectionsDraft, this.sIndex, this.qIndex);
|
|
206
206
|
this.onFormSectionsDraftChange(updated);
|
|
207
|
-
} }))), 'items' in this.question.fieldProperties && (index.h("div", { key: '
|
|
207
|
+
} }))), 'items' in this.question.fieldProperties && (index.h("div", { key: 'fc5ccae0b8e426da2c6f4ebab5130b857bddd68b' }, index.h("div", { key: 'dfddc472fc1b4f16e5cde9b05503472e28edfd4c', class: "list-options-header" }, index.h("unity-typography", { key: 'c7e50f1718771723c8a4e8870069c6956d9d8ed3', variant: "h6" }, "Configure Select Options"), !this.isViewOnly && 'items' in this.question.fieldProperties && (index.h("udp-button", { key: '6e60334e97d3536131763dd3ed5899cd290e1210', variant: "text", onClick: () => {
|
|
208
208
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyAddListItem');
|
|
209
209
|
const updated = handler(this.formSectionsDraft, this.sIndex, this.qIndex, '', '');
|
|
210
210
|
this.onFormSectionsDraftChange(updated);
|
|
@@ -283,7 +283,7 @@ const SignatureRenderer = class {
|
|
|
283
283
|
}
|
|
284
284
|
render() {
|
|
285
285
|
var _a;
|
|
286
|
-
return (index.h("div", { key: '
|
|
286
|
+
return (index.h("div", { key: '8adad99da3fc4ce5619aefe9241611b18f438f00', class: "signature-input-container" }, index.h("div", { key: 'f8560dbdaf0ac00d36e47f25e2cbdf96ec22ba5d' }, index.h("stencil-toggle", { key: '3ef497fd72c45913e7525fcbc950006841eeecc9', label: "Include Location", disabled: this.isViewOnly, checked: !!((_a = this.question.fieldProperties) === null || _a === void 0 ? void 0 : _a.includeLocation), onToggledChange: () => {
|
|
287
287
|
if (this.isViewOnly)
|
|
288
288
|
return;
|
|
289
289
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyBooleanToggle');
|
|
@@ -302,12 +302,12 @@ const TextInputRenderer = class {
|
|
|
302
302
|
}
|
|
303
303
|
render() {
|
|
304
304
|
var _a, _b;
|
|
305
|
-
return (index.h("div", { key: '
|
|
305
|
+
return (index.h("div", { key: '6a0849eb03b2ea53cbd7cc63726b0df265c86804', class: "question-item-text-input-container" }, index.h("div", { key: '09ad4e05a1c0dc87b0ece7b6714225b9e6a83418' }, index.h("numeric-field", { key: '534601d103d860383bb71ca9b2010b9ad60361c2', label: "Min Character Length", value: (_a = this.question.fieldProperties.minCharacter) === null || _a === void 0 ? void 0 : _a.toString(), disabled: this.isViewOnly, onChange: e => {
|
|
306
306
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyMinMaxCharacter');
|
|
307
307
|
const mockEvent = { target: { value: e.detail } };
|
|
308
308
|
const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'minCharacter');
|
|
309
309
|
this.onFormSectionsDraftChange(updated);
|
|
310
|
-
} })), index.h("div", { key: '
|
|
310
|
+
} })), index.h("div", { key: '6129da73ddd6fbc65db5f334f651510b9ef2fda5' }, index.h("numeric-field", { key: '494a619533c2bae64fa30dcb755100050a400015', label: "Max Character Length", value: (_b = this.question.fieldProperties.maxCharacter) === null || _b === void 0 ? void 0 : _b.toString(), disabled: this.isViewOnly, onChange: e => {
|
|
311
311
|
const handler = this.getHandler(this.question.fieldTypeId, 'handleFieldPropertyMinMaxCharacter');
|
|
312
312
|
const mockEvent = { target: { value: e.detail } };
|
|
313
313
|
const updated = handler(mockEvent, this.formSectionsDraft, this.sIndex, this.qIndex, 'maxCharacter');
|
|
@@ -40,7 +40,7 @@ const EntityMaintenanceGrid = class {
|
|
|
40
40
|
this.getPromotedMethods();
|
|
41
41
|
}
|
|
42
42
|
render() {
|
|
43
|
-
return (index.h("api-method-grid", { key: '
|
|
43
|
+
return (index.h("api-method-grid", { key: '1abb80d39f7ca1aa4bda3231fb5cadbbfbc3b511', onGridReady: e => this.handleGridReady(e), gridHeaderConfig: this.gridHeaderConfig }));
|
|
44
44
|
}
|
|
45
45
|
};
|
|
46
46
|
|
|
@@ -194,19 +194,19 @@ const FeatureDetailsCard = class {
|
|
|
194
194
|
render() {
|
|
195
195
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
196
196
|
const currentMessageIcon = (_a = this.messageIcon) !== null && _a !== void 0 ? _a : this.getDefaultMessageIcon();
|
|
197
|
-
return (index.h("div", { key: '
|
|
197
|
+
return (index.h("div", { key: '9781ea11818aaa6eaae88eb0c6f4c0b43b5a99e5', class: "card-wrapper", style: { width: (_b = this.width) !== null && _b !== void 0 ? _b : '100%' } }, this.showAdornment && this.status && (index.h("div", { key: '209fc91b2d98c079102074dbd8a0c060c053b2d4', class: "adornment" }, index.h("udp-adornment", { key: '1c09dc89841fda0747ad70a04adf70e800fe6a83', status: (_c = this.status) !== null && _c !== void 0 ? _c : 'info' }))), index.h("div", { key: '9afa54bd54a12b5931d31fa4eeee7c2b7df6f30b', class: "content-wrapper" }, index.h("div", { key: '7c23194810bc7fc58a97f94eee8f9f2408e019b9', class: "header-wrapper", style: { backgroundColor: this.getHeaderBackgroundColor() } }, index.h("div", { key: 'bb4840f16d4e448a958bd41405e29415aa6a1612', class: "title-wrapper" }, index.h("stencil-icon-button", { key: 'b46623a2a8c65049725a1bca325b9a9cb4d94aaf', onClick: this.onClose, icon: Close24__default.default, tooltip: "Close", noBackground: true }), index.h("unity-typography", { key: 'db5d074812e16b98a688dabb0abc71542b4e30bb', variant: 'h6' }, this.title)), ((_d = this.moreIconActions) === null || _d === void 0 ? void 0 : _d.length) > 0 && (index.h("div", { key: '6bf4e8d3123f062c42f183af8a3f07ff72364b79' }, index.h("div", { key: '7885e3bb96bd2f3ced77600b56e2043bcbb83963', id: "moreHeaderIconButton1" }, index.h("stencil-icon-button", { key: '8bc4a4c8181b0e4e6870023b4b948eed253ef80f', onClick: this.handleOnClickMoreIcon, icon: OverflowMenuVertical24__default.default, tooltip: "More", noBackground: true, buttonId: "moreHeaderIconButton" })), this.moreIconAnchor && (index.h("udp-pop-over", { key: '376a5488530604b63cc13ef8f94dff86f06fc9c9', anchorElement: this.moreIconAnchor, isOpen: this.showMoreHeaderPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, index.h("div", { key: '2016252e992ee3988d12d6c1158c48f6bb6f67d6', class: "menu" }, (_e = this.moreIconActions) === null || _e === void 0 ? void 0 : _e.map(action => {
|
|
198
198
|
var _a;
|
|
199
199
|
return (index.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: () => {
|
|
200
200
|
action.onClick(this.data);
|
|
201
201
|
}, 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 }));
|
|
202
|
-
}))))))), this.message && (index.h("div", { key: '
|
|
202
|
+
}))))))), this.message && (index.h("div", { key: 'f4e32de4e683d044decbfd69e391583f8ccb92db', class: "message-wrapper", style: { backgroundColor: this.getMessageBackgroundColor() } }, !this.hideMessageIcon && (index.h("div", { key: 'e06a6965667b324abaa9fd0d869174fa60dc2579', class: "icon-message" }, index.h("udp-icon", { key: '6980a16b88790e0455e387ac442ec7e8481468a3', iconName: currentMessageIcon }))), index.h("div", { key: '4293a6bdc84ac43b6f613809efdf6926b119291c', class: "message" }, index.h("unity-typography", { key: 'f84db35a63f7c504486d6d549fd0672c98037229' }, this.message)))), index.h("div", { key: '7251c146dd425b62d8f0659ffa825faa84e7b110', class: "data-section" }, (_f = this.listData) === null || _f === void 0 ? void 0 : _f.map(({ subject, value }) => (index.h("div", { class: "data-row" }, index.h("div", { class: "key" }, index.h("unity-typography", { variant: 'data-display-three' }, `${subject}: `)), index.h("div", { class: "value" }, index.h("unity-typography", { variant: 'data-display-three' }, value)))))), index.h("div", { key: '2df27e38d9092c04d6d4fa4428108b55f1b62f77', class: "options" }, this.enableViewFeature && this.data && (index.h("div", { key: 'b8c8364d7fd1a3e2442abea73db19ac5bff4b5fa', id: "viewFeatureOption" }, index.h("stencil-icon-button", { key: '31f87917589d61040ebb3e46b1ad630b31eeec34', tooltip: 'View', icon: iconUtils.getIconFromName('view'), buttonId: 'viewFeatureButton', onClick: () => this.handleViewFeature({
|
|
203
203
|
selectedFeature: this.data,
|
|
204
204
|
formattedSelectedFeature: this.listData,
|
|
205
|
-
}) }))), ((_g = this.primaryActions) === null || _g === void 0 ? void 0 : _g.length) > 0 && (index.h("div", { key: '
|
|
205
|
+
}) }))), ((_g = this.primaryActions) === null || _g === void 0 ? void 0 : _g.length) > 0 && (index.h("div", { key: 'b1a1c7c4ea2e602eaaa983993e814fbd2de8d976' }, index.h("div", { key: '88d88f99f4b41d48e87ab7894e826d0043dbb5c4', class: "options" }, (_h = this.visiblePrimaryActions) === null || _h === void 0 ? void 0 :
|
|
206
206
|
_h.map((action, index$1) => {
|
|
207
207
|
var _a, _b;
|
|
208
208
|
return (index.h("stencil-icon-button", { tooltip: action === null || action === void 0 ? void 0 : action.name, icon: iconUtils.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$1}`, 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 }));
|
|
209
|
-
}), ((_j = this.overflowPrimaryActions) === null || _j === void 0 ? void 0 : _j.length) > 0 && (index.h("stencil-icon-button", { key: '
|
|
209
|
+
}), ((_j = this.overflowPrimaryActions) === null || _j === void 0 ? void 0 : _j.length) > 0 && (index.h("stencil-icon-button", { key: '93371bedffe6f7d2d0c88d5b24a46da780b9b0f3', onClick: this.handleOnClickPrimaryAction, icon: OverflowMenuVertical24__default.default, tooltip: "More", noBackground: true, buttonId: "morePrimaryIconButton" }))), this.primaryActionAnchor && (index.h("udp-pop-over", { key: '5559e811a2912ceccb8e28d4a9fe8bf42e0afcb8', anchorElement: this.primaryActionAnchor, isOpen: this.showPrimaryPopover, popoverWidth: '200px', popoverMaxHeight: '300px', handleOnClose: this.handleClosePopover, container: this.popoverContainer }, index.h("div", { key: 'a181790896fd98c30a9475ee7d10ac99697f9d84', class: "menu" }, (_k = this.overflowPrimaryActions) === null || _k === void 0 ? void 0 : _k.map(action => {
|
|
210
210
|
var _a;
|
|
211
211
|
return (index.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: () => {
|
|
212
212
|
action.onClick(this.data);
|
|
@@ -263,7 +263,7 @@ const FeatureDetailsPopUp = class {
|
|
|
263
263
|
var _a, _b, _c;
|
|
264
264
|
const message = this.getMessage ? this.getMessage(this.data) : null;
|
|
265
265
|
const messageIcon = this.getMessageIcon ? this.getMessageIcon(this.data) : null;
|
|
266
|
-
return (index.h("div", { key: '
|
|
266
|
+
return (index.h("div", { key: 'deaed233d3e7bb551c0573d572e726e89478b0c1' }, this.showPopOver && (index.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 }))));
|
|
267
267
|
}
|
|
268
268
|
static get watchers() { return {
|
|
269
269
|
"cardConfig": ["updateListData", "updateTitle"],
|
|
@@ -165,7 +165,7 @@ const ImageUpload = class {
|
|
|
165
165
|
};
|
|
166
166
|
}
|
|
167
167
|
render() {
|
|
168
|
-
return (index.h(index.Host, { key: '
|
|
168
|
+
return (index.h(index.Host, { key: 'ca8412c0a65495f53c5bce53f1d2705be3dc2fb5' }, index.h("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 })));
|
|
169
169
|
}
|
|
170
170
|
};
|
|
171
171
|
ImageUpload.style = imageUploadCss;
|
|
@@ -470,7 +470,7 @@ const SignatureInput = class {
|
|
|
470
470
|
'readonly': this.readonly,
|
|
471
471
|
'disabled': this.disabled,
|
|
472
472
|
};
|
|
473
|
-
return (index.h(index.Host, { key: '
|
|
473
|
+
return (index.h(index.Host, { key: 'ac2fb4bedc1622ba4828a3643e6166e622ff098b', class: {
|
|
474
474
|
'udp-input': true,
|
|
475
475
|
'udp-input--error': isError,
|
|
476
476
|
'udp-input--disabled': this.disabled,
|
|
@@ -478,7 +478,7 @@ const SignatureInput = class {
|
|
|
478
478
|
'udp-input--readonly': this.readonly,
|
|
479
479
|
[`udp-input--size-${this.size}`]: true,
|
|
480
480
|
[`udp-input--margin-${this.margin}`]: true,
|
|
481
|
-
} }, index.h("div", { key: '
|
|
481
|
+
} }, index.h("div", { key: 'c693c76ba9b1ceb16c73d33cbcfac0b420598d14', class: "bx--form-item" }, this.label && (index.h("unity-typography", { key: 'b60f4376e231e25a49a92a7920ef4c444ff3d216', variant: "caption-text" }, index.h("label", { key: 'a871803a7bea487a82addc1f0be9b5a53cc5f7c9', htmlFor: this.id, class: "bx--label" }, this.label, this.required && '*'))), index.h("div", { key: '8f6d974eaf18bc2a5261954b965c9c5c14cc5df0', class: containerClasses }, index.h("canvas", { key: '1a93840f73735d672361d2858a7db3e35809797c', ref: el => (this.canvasEl = el), class: { 'signature-canvas': true, 'readonly': this.readonly || this.disabled }, id: this.id }), !this.readonly && !this.disabled && (index.h("button", { key: '2d04e634eea1328df6af7adff22bff3e7da49418', type: "button", class: "clear-button", onClick: this.clearSignature, disabled: this.disabled }, "Clear"))), isError && (index.h("div", { key: '2395b6d8806600af6158a7a5464ca01a131046d4', class: "error-message" }, index.h("unity-typography", { key: '2afe4c3e248e467c3781e90b45f1fa80cb927265', variant: "caption-text", color: "error" }, this.internalError))))));
|
|
482
482
|
}
|
|
483
483
|
get el() { return index.getElement(this); }
|
|
484
484
|
static get watchers() { return {
|
|
@@ -721,7 +721,7 @@ const StencilForm = class {
|
|
|
721
721
|
debounce__default.default(submitFunction, 1000, { leading: true, trailing: false })();
|
|
722
722
|
}
|
|
723
723
|
render() {
|
|
724
|
-
return (index.h("form", { key: '
|
|
724
|
+
return (index.h("form", { key: 'd4f22ff5b96b35639d98dae8c1d3adfbab8f493f' }, index.h("slot", { key: '4c460485b67440935235d078c08c92f6736f1a1a' })));
|
|
725
725
|
}
|
|
726
726
|
get el() { return index.getElement(this); }
|
|
727
727
|
};
|
|
@@ -772,14 +772,14 @@ const TallyDisplay = class {
|
|
|
772
772
|
const isError = !!this.error;
|
|
773
773
|
const answeredCount = this.yesCount + this.noCount + this.naCount;
|
|
774
774
|
const unansweredCount = this.totalFields - answeredCount;
|
|
775
|
-
return (index.h(index.Host, { key: '
|
|
775
|
+
return (index.h(index.Host, { key: 'eab9aa9216ed658bcdf6915bd909d918cf830d00', class: {
|
|
776
776
|
'udp-input': true,
|
|
777
777
|
'udp-input--error': isError,
|
|
778
778
|
'udp-input--disabled': this.disabled,
|
|
779
779
|
'udp-input--readonly': this.readonly,
|
|
780
780
|
[`udp-input--size-${this.size}`]: true,
|
|
781
781
|
[`udp-input--margin-${this.margin}`]: true,
|
|
782
|
-
} }, index.h("div", { key: '
|
|
782
|
+
} }, index.h("div", { key: '452e354e6500687871b8ddc804bba7d02070653f', class: "tally-container" }, this.label && (index.h("unity-typography", { key: '390535267249c7ab8a49e450eb85e9e910c866e8', variant: "caption-text" }, index.h("label", { key: '79de1a53b126cf298fc2fbad6381d84c7dba603e', htmlFor: this.id, class: "tally-label" }, this.label))), index.h("div", { key: 'acc4abaaa1cde58775d5b7dbc7d8ef8a98973f42', class: "tally-content", id: this.id }, index.h("div", { key: '81e95ddfbb3b5d0aae68bc82f6ce1a15817e11c8', class: "tally-stats" }, index.h("div", { key: 'efd9128195ca7c1fd69f85041ee21bad9e361b19', class: "tally-item tally-yes" }, index.h("unity-typography", { key: '010828f5cf33fb524a8b49de10ee6ff5375a5ffa', variant: "h4", class: "tally-count" }, this.yesCount), index.h("unity-typography", { key: '1caa0b78ed65e044c305eba486747c885d69047a', variant: "caption-text", class: "tally-label" }, "Yes")), index.h("div", { key: '81dc0d4d7fa66889b43ff4a8e15fea32b103a548', class: "tally-item tally-no" }, index.h("unity-typography", { key: '31202d70b04ccfea2c1965785e00f652151da8c6', variant: "h4", class: "tally-count" }, this.noCount), index.h("unity-typography", { key: '570f3e5f948eb667e7f9654e8202328b91c1d2fa', variant: "caption-text", class: "tally-label" }, "No")), index.h("div", { key: '599f0bb878631926a87cef3b33b5a2177a77caae', class: "tally-item tally-na" }, index.h("unity-typography", { key: 'df06748f2d4a701121367a903c266bab529b6a9c', variant: "h4", class: "tally-count" }, this.naCount), index.h("unity-typography", { key: '93859a85e24afc9e618630bece8dfc077b6e1cce', variant: "caption-text", class: "tally-label" }, "Not Applicable")), unansweredCount > 0 && (index.h("div", { key: '11d6c252737deb5054204247cde155109c2b63af', class: "tally-item tally-unanswered" }, index.h("unity-typography", { key: 'bb7a25001e7a888c8f35d5f5053f06ad9b243c9c', variant: "h4", class: "tally-count" }, unansweredCount), index.h("unity-typography", { key: '59f54186a96be7fbef4dab69a54510f6096430e5', variant: "caption-text", class: "tally-label" }, "Unanswered")))), index.h("div", { key: '9e83fc8f1d30495483330c8a0d89248d129fa38a', class: "tally-summary" }, index.h("unity-typography", { key: '7ab06473f80d661975b742613c790fa71ac50a66', variant: "caption-text" }, "Total Questions: ", this.totalFields))), isError && (index.h("div", { key: '60c0d66b3d362e26c39b6511a7cfd8b1ba82ba8a', class: "error-message" }, index.h("unity-typography", { key: '3d45e76018c6cc6f8e27d8e1f76003b51382c73e', variant: "caption-text", color: "error" }, this.error))))));
|
|
783
783
|
}
|
|
784
784
|
};
|
|
785
785
|
TallyDisplay.style = tallyCss;
|
|
@@ -231,6 +231,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
231
231
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
232
232
|
/* webpackMode: "lazy" */
|
|
233
233
|
'./udp-split-screen.cjs.entry.js')); }).then(processMod, consoleError);
|
|
234
|
+
case 'udp-tab-panel.cjs':
|
|
235
|
+
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
236
|
+
/* webpackMode: "lazy" */
|
|
237
|
+
'./udp-tab-panel.cjs.entry.js')); }).then(processMod, consoleError);
|
|
234
238
|
case 'udp-vertical-spacer.cjs':
|
|
235
239
|
return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
|
|
236
240
|
/* webpackMode: "lazy" */
|
|
@@ -88,7 +88,7 @@ const InputsExample = class {
|
|
|
88
88
|
};
|
|
89
89
|
}
|
|
90
90
|
render() {
|
|
91
|
-
return (index.h("div", { key: '568318c42e44cab4a6a750a4c5819953328887dd', class: "inputs-example" }, index.h("h1", { key: '5637becd6a248192914e63c9c6e8dfc3714f3a15' }, "Input Components Examples"), index.h("section", { key: 'e9dc7d661c548210421400385a404b952d9f1956', class: "example-section" }, index.h("h2", { key: '1577a2c0eae0bcaa0bbfefea1bf186403162c407' }, "Controlled Components"), index.h("p", { key: '3c98d8f5a0c50d3180edf77c89b14b58df9f5d7c' }, "Parent component manages state and passes values to child components."), index.h("div", { key: '93c0227504b3e7b41fa17674883796401951f7e0', class: "input-grid" }, index.h("div", { key: '299b926df1c5146758d10ad3ffc9400b9ee45539', class: "input-example" }, index.h("h3", { key: 'f20a59ab4a449e86c9c2608819bdb548437a361a' }, "Text Field"), index.h("text-field", { key: '8d73d9be252b05655a321a25a1faf13d51087158', label: "Controlled Text Input", placeholder: "Enter text...", value: this.controlledTextValue }), index.h("p", { key: '74ebcbc54fb2892e31709485bf4ec754fbcf0838', class: "value-display" }, "Value: ", this.controlledTextValue)), index.h("div", { key: '572728243b33fae1872160456ea22230450f98d0', class: "input-example" }, index.h("h3", { key: 'd82edbf3ddca5e0ea1cba3a335c7bc7b0bf47e37' }, "Numeric Field"), index.h("numeric-field", { key: '54c858e75aaea42ef52580f31e89e6cfb2872e58', label: "Controlled Numeric Input", placeholder: "Enter number...", value: this.controlledNumericValue, min: "0", max: "100", step: "1", onChange: this.handleControlledNumericChange }), index.h("p", { key: '0fb607f8d5d2890c9d777792ec86eaf47aa8d467', class: "value-display" }, "Value: ", this.controlledNumericValue)), index.h("div", { key: 'a7f8e537d6c769129a66d98ad88306ebcda48da6', class: "input-example" }, index.h("h3", { key: '43cac26cb5a7c97e81d6cb079c853df67b93bc32' }, "Text Area"), index.h("text-area", { key: 'bf6fa1b6edc51798d6db4c8261c3114b62f922e1', label: "Controlled Text Area", placeholder: "Enter description...", value: this.controlledTextAreaValue, minRows: 3, maxRows: 6 }), index.h("p", { key: '4eab773e3ff0faec1bed1b7f06437fc44b370f70', class: "value-display" }, "Value: ", this.controlledTextAreaValue)), index.h("div", { key: 'b046957511aead089862c702264ba0e742f1b68d', class: "input-example" }, index.h("h3", { key: 'ff62fc57987c3bdbd727bce422df26c4d3bbda8a' }, "Checkbox"), index.h("check-box", { key: '4b4fe082b6215c11575f5cabc385ef45ca4e7bd6', label: "Controlled Checkbox", checked: this.controlledCheckboxValue, onChange: this.handleControlledCheckboxChange }), index.h("p", { key: '4c65f141f2a8a7477205f6084d69200346bb0755', class: "value-display" }, "Checked: ", this.controlledCheckboxValue.toString())), index.h("div", { key: 'a48006413538b9981670434ae6c944e7e58271f9', class: "input-example" }, index.h("h3", { key: '45383efba3e427ff11d43044fa01e57ed471fdc5' }, "Toggle"), index.h("stencil-toggle", { key: '44848de53876d025aec88a2860eb9e60b579f568', label: "Controlled Toggle", checked: this.controlledToggleValue, onChange: this.handleControlledToggleChange }), index.h("p", { key: '3d629c545ba9202e853093ee999ce4eec10601f6', class: "value-display" }, "Toggled: ", this.controlledToggleValue.toString())), index.h("div", { key: '4241e9b1fd8664e728d04f3b17ce76b08ccce7b8', class: "input-example" }, index.h("h3", { key: 'd83a696d7301047672071daa973056c379aa174c' }, "Date Selector"), index.h("udp-date-selector", { key: 'd1fdf59f30ad9b4640f614078f718e2e37957f50', label: "Controlled Date", value: this.controlledDateValue, onChange: this.handleControlledDateChange }), index.h("p", { key: '109f4a7821a45bb4f9e63807db0f456d71bb79e5', class: "value-display" }, "Date: ", this.controlledDateValue)), index.h("div", { key: '38844d4720ddc7c7ffcf3611ec264aaf82771ef9', class: "input-example" }, index.h("h3", { key: '40479e7e8704d9672a55642806d5d9adf76ad5b5' }, "DateTime Selector"), index.h("udp-datetime-selector", { key: '88028b3e9499217f4df97f5fc6186891bcd95b18', label: "Controlled DateTime", value: this.controlledDateTimeValue, onChange: this.handleControlledDateTimeChange }), index.h("p", { key: '41f26787189f9e38213ab5c12d5e23090e4b73fc', class: "value-display" }, "DateTime: ", this.controlledDateTimeValue)), index.h("div", { key: '72d82de355d314169aa1786dba5e314a4a3c2780', class: "input-example" }, index.h("h3", { key: '13d248566f080175992873afbce91e0776425351' }, "Time Selector"), index.h("udp-time-selector", { key: '4eef41d123a13fed720ddb5d6f1ff502d12b3382', label: "Controlled Time", value: this.controlledTimeValue, onChange: this.handleControlledTimeChange }), index.h("p", { key: '09b646081621e5bbc0ea04e1a6082e2aeecb8ce2', class: "value-display" }, "Time: ", this.controlledTimeValue)), index.h("div", { key: 'ebed47a9e2ff7fe2f88726c433e2b9a581dbac2c', class: "input-example" }, index.h("h3", { key: '9a294a5894d1e29b036bc6b773acad0091a7b98b' }, "UDP Selector"), index.h("udp-selector", { key: 'd3a6adf65d0d4a93677b2fa887fda79c726ef819', label: "Controlled Selector", options: this.selectorOptions, value: this.controlledSelectorValue, onChange: this.handleControlledSelectorChange }), index.h("p", { key: '68a33dabe7906580dbc91deab34595aaa6439903', class: "value-display" }, "Selected: ", this.controlledSelectorValue)), index.h("div", { key: '3319c740db491c5eb68011418cac7c7c8551123c', class: "input-example" }, index.h("h3", { key: 'e6d760ebd7e941267da381e1b763d4529a0940ea' }, "File Upload"), index.h("file-upload", { key: 'a1726d26e4d3de052646de14cd9fdaf4d6cc2a34', label: "Controlled File Upload", allowMultiple: true, onChange: this.handleControlledFileChange }), index.h("p", { key: '286df59dbec522a45bb0498b0274c9d5b60da51d', class: "value-display" }, "Files: ", this.controlledFileValue.length, " selected")))), index.h("section", { key: '92e1995b075a1d6a8b08d7121df729b676e0f254', class: "example-section" }, index.h("h2", { key: '99b8b95638ee6289736fe31c9f92de4fc915ab66' }, "Uncontrolled Components"), index.h("p", { key: 'ce0ec4155a0d4e0c578cf310a36054b898046e12' }, "Components manage their own state with initial values."), index.h("div", { key: 'b6be0f3f1de8e43d7d2e3176c9bd0fa80fe41839', class: "input-grid" }, index.h("div", { key: 'f863c9c473e10a46118792f3b1d4f90c0468f312', class: "input-example" }, index.h("h3", { key: '76c13a12b2cf46b786a5c6fd6e7ab09a114422ce' }, "Text Field"), index.h("text-field", { key: '2f002aa2965ba1592614e19cdaf41685eff27a74', label: "Uncontrolled Text Input", placeholder: "Enter text...", initialValue: "Initial text value", onChange: (e) => console.log('Text changed:', e.detail) })), index.h("div", { key: '7a72540333aa14e138b0776a037c9499218b48a1', class: "input-example" }, index.h("h3", { key: 'fe756740f658a568b6b025f801472c88d5a2ff69' }, "Numeric Field"), index.h("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) })), index.h("div", { key: '8b01079941128dc419490ae9268f3de12f64bbec', class: "input-example" }, index.h("h3", { key: 'f3bb19ebe3f1eb7860c8670fa05e56100083100c' }, "Text Area"), index.h("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) })), index.h("div", { key: '18108e76b0d3cba4d17cb240d991e557e45a4cf0', class: "input-example" }, index.h("h3", { key: 'd7a8665af975ccfc51fdd6637c65cf090b3e64ee' }, "Checkbox"), index.h("check-box", { key: '51c64943d73cae575b8354e63a723ce42a4da7a8', label: "Uncontrolled Checkbox", initialValue: "true", onChange: (e) => console.log('Checkbox changed:', e.detail) })), index.h("div", { key: 'd850416de27eb55f014f91245ab38658f645ec5e', class: "input-example" }, index.h("h3", { key: '1181811e2e29035b7ebdca214c77fe6994f0f85a' }, "Toggle"), index.h("stencil-toggle", { key: 'f1f911a89e6a325fa136cfef4a8706bf6f7ca0bf', label: "Uncontrolled Toggle", initialValue: "false", onChange: (e) => console.log('Toggle changed:', e.detail) })), index.h("div", { key: '78138f2afb3865b8b726c871d5b66c0a765fdc3b', class: "input-example" }, index.h("h3", { key: '737ebb728f6dc1c3667ee4797470f2b4253ac531' }, "Date Selector"), index.h("udp-date-selector", { key: '46794fcb28892c784028b112e23017f68688fe71', label: "Uncontrolled Date", initialValue: "2024-01-15", onChange: (e) => console.log('Date changed:', e.detail) })), index.h("div", { key: '7d4321f22573a578f3c97f42ff909c8dba89c239', class: "input-example" }, index.h("h3", { key: 'f5bea7039842c10d1d18c12dbf148a7e4406aaf0' }, "Time Selector"), index.h("udp-time-selector", { key: '59bc40ac5ff2cb5ce2d5cac649456761e4acd024', label: "Uncontrolled Time", initialValue: "14:30", onChange: (e) => console.log('Time changed:', e.detail) })), index.h("div", { key: 'd38663af248b165fd945b435d139645778dd15a6', class: "input-example" }, index.h("h3", { key: '4a71a7d7ab4fc85b882a7ad510f106ef8af845e2' }, "DateTime Selector"), index.h("udp-datetime-selector", { key: '0e50bb043a1e29c1b1196099182f2cfbe4d5780e', label: "Uncontrolled DateTime", initialValue: "2024-01-15T14:30", onChange: (e) => console.log('DateTime changed:', e.detail) })), index.h("div", { key: 'b0018485ce72a2e345e4324df645c167d605e270', class: "input-example" }, index.h("h3", { key: 'a476c75bee67f99b8190c2eee40bcf3f3681e0f5' }, "UDP Selector"), index.h("udp-selector", { key: '8734d212c8e57b566331ce9a5a3658673979e496', label: "Uncontrolled Selector", options: this.selectorOptions, initialValue: "option2", onChange: (e) => console.log('Selector changed:', e.detail) })))), index.h("section", { key: '182dc382da022fea80addb395b7e73d0e686db75', class: "example-section" }, index.h("h2", { key: '0e74791316e43917b64aa88437d3195c7e01d518' }, "Form-wrapped Components"), index.h("p", { key: '22f0b0ad471b5a64e6f1e2dd560c4591381deb1d' }, "Components integrated with stencil-form and stencil-field for validation and state management."), index.h("stencil-form", { key: '7d6510a9ac5a7f4b3ff67d6e23d6a61a803cfefa', handleSubmit: this.handleFormSubmit, handleChange: this.handleFormChange, handleValidate: this.validateForm, initialValues: {
|
|
91
|
+
return (index.h("div", { key: '6b50ded2b5937f9d1c0a103393b99e2a6f48c6e8', class: "inputs-example" }, index.h("h1", { key: '7b2298487532b8508bc4fe15e7b46879fd60399d' }, "Input Components Examples"), index.h("section", { key: '475beb2ff7e6f0d2a94f545efc068c93ebcbd6e8', class: "example-section" }, index.h("h2", { key: 'bb8636068a53c2be053bba146de8d6a079f5df2d' }, "Controlled Components"), index.h("p", { key: '2d29719a77cafa91d6daf88380dacd0978e1915a' }, "Parent component manages state and passes values to child components."), index.h("div", { key: '293c65cb3f38c26cabe875d9ab104d2e276b4b3c', class: "input-grid" }, index.h("div", { key: 'b88953b136c63c09704ae12a864997a6899c3d6f', class: "input-example" }, index.h("h3", { key: '8d27f5037a4064c4ae7df9622fd2a42314782fc0' }, "Text Field"), index.h("text-field", { key: '19190ab403f17711e8a4f344ac44d4542ac127fc', label: "Controlled Text Input", placeholder: "Enter text...", value: this.controlledTextValue }), index.h("p", { key: 'feaeed71f390846c35eee957cafb60fc1600d98b', class: "value-display" }, "Value: ", this.controlledTextValue)), index.h("div", { key: '20c5515f35e06ad1648682ea752ec0561008150a', class: "input-example" }, index.h("h3", { key: '4345172c87f8c427166b2e5533007470513e5c7f' }, "Numeric Field"), index.h("numeric-field", { key: '27556ce43e88bb47073731c8383bcd4f8eb741be', label: "Controlled Numeric Input", placeholder: "Enter number...", value: this.controlledNumericValue, min: "0", max: "100", step: "1", onChange: this.handleControlledNumericChange }), index.h("p", { key: 'cfd7b6473c71ae63e2d337a0ed38cac7fe488249', class: "value-display" }, "Value: ", this.controlledNumericValue)), index.h("div", { key: '1a5ab5c84878d698b23129dc8f8b7f2a46a74488', class: "input-example" }, index.h("h3", { key: '8ff0bd3644b2027f1ccf4607a001fa896ee74809' }, "Text Area"), index.h("text-area", { key: '8b54d457a09424321443dc4e48e140431ae45a1a', label: "Controlled Text Area", placeholder: "Enter description...", value: this.controlledTextAreaValue, minRows: 3, maxRows: 6 }), index.h("p", { key: 'e24c877d209de29cbb9aa8596d022036182388c4', class: "value-display" }, "Value: ", this.controlledTextAreaValue)), index.h("div", { key: 'cb3d16fcfef9bd860c9c789cdde68990c91735c4', class: "input-example" }, index.h("h3", { key: '8e91f172f4e98d293845738a8afb9584bb5198bf' }, "Checkbox"), index.h("check-box", { key: '676dbaabea69be3f5f91d17c7986adca52b06da1', label: "Controlled Checkbox", checked: this.controlledCheckboxValue, onChange: this.handleControlledCheckboxChange }), index.h("p", { key: '43a8f4032222fd5368f7fca421ff66f2f292b26c', class: "value-display" }, "Checked: ", this.controlledCheckboxValue.toString())), index.h("div", { key: '17a38692b2912c00977d22a89cf900fe4db8413f', class: "input-example" }, index.h("h3", { key: '3715bf330765086639bc0980352f1c826a7e54db' }, "Toggle"), index.h("stencil-toggle", { key: 'b62845365cf967114fc651ec4588cdb5af35994f', label: "Controlled Toggle", checked: this.controlledToggleValue, onChange: this.handleControlledToggleChange }), index.h("p", { key: '97565ba674f96a56f053c15ee4b305b00fca3cd9', class: "value-display" }, "Toggled: ", this.controlledToggleValue.toString())), index.h("div", { key: '7f52b0eb5bf59430918c4742de2d90a24bb22b72', class: "input-example" }, index.h("h3", { key: 'd8648dd0e8239f2f8e15e7177048b2586930e1aa' }, "Date Selector"), index.h("udp-date-selector", { key: '8e8bc3b6eba6dc91cb2ba8f19b8c16f810fa101b', label: "Controlled Date", value: this.controlledDateValue, onChange: this.handleControlledDateChange }), index.h("p", { key: '5e0f507d8f80e3a5506eb03a50e00341fb7f089d', class: "value-display" }, "Date: ", this.controlledDateValue)), index.h("div", { key: 'f96eee6cc3a0035c4d170b4675ce4b42ae0316f2', class: "input-example" }, index.h("h3", { key: '869940774405ef3881864c796082b6748b9d312b' }, "DateTime Selector"), index.h("udp-datetime-selector", { key: 'c7359174b839e386b879fce4bdbcbc94bc16f47f', label: "Controlled DateTime", value: this.controlledDateTimeValue, onChange: this.handleControlledDateTimeChange }), index.h("p", { key: '89f0e05b0becbfe819f400614efe04a3ba0146d0', class: "value-display" }, "DateTime: ", this.controlledDateTimeValue)), index.h("div", { key: 'fe08bb2860efc4214cd1c84a01324153fd42a6d6', class: "input-example" }, index.h("h3", { key: '9cc8d81ee4f85a69a8f15eb5daa16dbfd92b9f7a' }, "Time Selector"), index.h("udp-time-selector", { key: 'fae61e563015df43d76b31b6cb46e6518d45bc04', label: "Controlled Time", value: this.controlledTimeValue, onChange: this.handleControlledTimeChange }), index.h("p", { key: '62315ae45eb080ea450f35fee1f2fe76e83bd829', class: "value-display" }, "Time: ", this.controlledTimeValue)), index.h("div", { key: '571735fe6c7a126591c891da131bc6484e161bbc', class: "input-example" }, index.h("h3", { key: 'bbdba518d050d2442a6a2f55978e45f49ddf6e3f' }, "UDP Selector"), index.h("udp-selector", { key: '85bbdda76d8029a9bd0984484f57732aa7b66f67', label: "Controlled Selector", options: this.selectorOptions, value: this.controlledSelectorValue, onChange: this.handleControlledSelectorChange }), index.h("p", { key: 'c4d6858e679bafdb072c6e2f24df9fe979e9a2b1', class: "value-display" }, "Selected: ", this.controlledSelectorValue)), index.h("div", { key: '086135c1f8cfeb2eb5f9cd54436356856f6594b0', class: "input-example" }, index.h("h3", { key: '342be830da34c811266d9a467faa011f07c17c10' }, "File Upload"), index.h("file-upload", { key: '9344549ecc1570026cd900d6a80d3eb1975f0f94', label: "Controlled File Upload", allowMultiple: true, onChange: this.handleControlledFileChange }), index.h("p", { key: 'd5c32410a303357356be7710ac8bc51c3f6d8d71', class: "value-display" }, "Files: ", this.controlledFileValue.length, " selected")))), index.h("section", { key: '90a91939cbf4b5cd5d0e714ec6dbc572148a2530', class: "example-section" }, index.h("h2", { key: '40c14e1baae2826964bc2e41bb6230c6ece00d31' }, "Uncontrolled Components"), index.h("p", { key: '0216bbfb7442780936edc44866341ec2d1b7b996' }, "Components manage their own state with initial values."), index.h("div", { key: '75fc67742f1edf4fafe87417bcfcbde428f86d44', class: "input-grid" }, index.h("div", { key: 'dc2f84e6792250d96d4e82b0474701e568540375', class: "input-example" }, index.h("h3", { key: '6d17fcce74341e47330f203a1251a37ecc3c6498' }, "Text Field"), index.h("text-field", { key: '436a46aa93ffa40592380ea36be25e5ad78ac913', label: "Uncontrolled Text Input", placeholder: "Enter text...", initialValue: "Initial text value", onChange: (e) => console.log('Text changed:', e.detail) })), index.h("div", { key: '013560293f04950fd08cd1d9829830adc9050c42', class: "input-example" }, index.h("h3", { key: '54d50556c57fec37819b0a64ed6c58788ad8dcda' }, "Numeric Field"), index.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) })), index.h("div", { key: 'ccdd65e720e78172bbdf79223807fde6fce10b2c', class: "input-example" }, index.h("h3", { key: '4bc9cb7c8a5473cc35e25955dd755be1b13c0748' }, "Text Area"), index.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) })), index.h("div", { key: '352cfd880f026ff7a14d596599aa665734ff21a0', class: "input-example" }, index.h("h3", { key: '7c6b5e8b1d83b85fb02d4107a5598a696e0bdc86' }, "Checkbox"), index.h("check-box", { key: '171a78ba1b898c08cf73e84e1aa91e24c20ae1c0', label: "Uncontrolled Checkbox", initialValue: "true", onChange: (e) => console.log('Checkbox changed:', e.detail) })), index.h("div", { key: 'ff81933cfb80a36b515ca5c0ebed3a8172bcf152', class: "input-example" }, index.h("h3", { key: '06d7c7657af8c0d0b57fbf301bf675b6f401f1d8' }, "Toggle"), index.h("stencil-toggle", { key: 'c3fa6566984d2f8efa177f336d9c4b21400753e3', label: "Uncontrolled Toggle", initialValue: "false", onChange: (e) => console.log('Toggle changed:', e.detail) })), index.h("div", { key: '52428a2236893246268e976eccefc5d0ed420077', class: "input-example" }, index.h("h3", { key: '4bd154912f6328e88fae791898b0a74942b7e948' }, "Date Selector"), index.h("udp-date-selector", { key: 'a206c079f63dc834363c1a13df8593571ef31924', label: "Uncontrolled Date", initialValue: "2024-01-15", onChange: (e) => console.log('Date changed:', e.detail) })), index.h("div", { key: '797b0a55e6cb4c66e642bab72e68da01c212bb73', class: "input-example" }, index.h("h3", { key: '20b438beff287b412d2e692e12f1b96f8c8fa5aa' }, "Time Selector"), index.h("udp-time-selector", { key: '74e861d9f070225bdc7b8b7b9d6f9fb87a27fb1e', label: "Uncontrolled Time", initialValue: "14:30", onChange: (e) => console.log('Time changed:', e.detail) })), index.h("div", { key: '8a43ae37f986fd8c81d091be946e9d3407b593a1', class: "input-example" }, index.h("h3", { key: 'bdbf60f7deddef385c78a9bf7f05e50ef788792c' }, "DateTime Selector"), index.h("udp-datetime-selector", { key: 'f3917bebe83cc1a55d7caa1acec5ec991fab115c', label: "Uncontrolled DateTime", initialValue: "2024-01-15T14:30", onChange: (e) => console.log('DateTime changed:', e.detail) })), index.h("div", { key: '1782c0c0af9bf367d5a65748da1b5f4882ff478f', class: "input-example" }, index.h("h3", { key: 'a530d1d5750b4e6927bafb056211d420cd86cb02' }, "UDP Selector"), index.h("udp-selector", { key: 'e6935be37209f2872a10429544651ed8ae3ae9eb', label: "Uncontrolled Selector", options: this.selectorOptions, initialValue: "option2", onChange: (e) => console.log('Selector changed:', e.detail) })))), index.h("section", { key: '526277689a5ab71c53aea1a15dc1e005e3513337', class: "example-section" }, index.h("h2", { key: '52b1138ff192ed102b15db303cd565a64d2bfe40' }, "Form-wrapped Components"), index.h("p", { key: 'd7e086a0b2a635d184c324219e6fa2137da4c717' }, "Components integrated with stencil-form and stencil-field for validation and state management."), index.h("stencil-form", { key: 'b9914d0287d025ce6065f5985d49fbfc230b2b7f', handleSubmit: this.handleFormSubmit, handleChange: this.handleFormChange, handleValidate: this.validateForm, initialValues: {
|
|
92
92
|
formTextField: 'Initial form text',
|
|
93
93
|
formNumericField: '25',
|
|
94
94
|
formTextArea: 'Initial form description',
|
|
@@ -97,7 +97,7 @@ const InputsExample = class {
|
|
|
97
97
|
formDate: '2024-02-01',
|
|
98
98
|
formTime: '09:00',
|
|
99
99
|
formSelector: 'option1'
|
|
100
|
-
} }, index.h("div", { key: '
|
|
100
|
+
} }, index.h("div", { key: 'c988f4199f89b9d28a444ca6f262d0f7a4d7086f', class: "form-grid" }, index.h("stencil-field", { key: 'e61edacce18a1080604cca6c83a47eb9bf853dca', name: "formTextField" }, index.h("text-field", { key: '52a4fb8ad33fb5eb5f4c03a6b34f0352daecb227', label: "Form Text Field", placeholder: "Enter text...", required: true })), index.h("stencil-field", { key: '2fde12d1bc8562d727b9c16486f3cebc8d0ef0a1', name: "formNumericField" }, index.h("numeric-field", { key: 'cce90a03f97a7ce519e769cbf5568557e8da5172', label: "Form Numeric Field", placeholder: "Enter number...", min: "0", max: "100", required: true })), index.h("stencil-field", { key: '483c179ef0e6e057b0038c44ad35d758e8da72c0', name: "formTextArea" }, index.h("text-area", { key: '54bf5a7d1a29f00a4db885e70a4fff18c25ccc8b', label: "Form Text Area", placeholder: "Enter description...", required: true, minRows: 3 })), index.h("stencil-field", { key: '5b9b92bc986d8247e0d29580d16ea1af1d6dd811', name: "formCheckbox" }, index.h("check-box", { key: '9b697664e89f5e88964e740cb713e783cb7e5eaf', label: "Accept Terms and Conditions", required: true })), index.h("stencil-field", { key: '04e214cc1e402cd5d8cc4a902530ce3e5abfab93', name: "formToggle" }, index.h("stencil-toggle", { key: '90264b08f1fde534454cc62bbbc94148de7d357b', label: "Enable Notifications" })), index.h("stencil-field", { key: 'c2b32a971b1ff98067606c621cde478eddf532dc', name: "formDate" }, index.h("udp-date-selector", { key: '38d4277f734bfe478a07f3137424608646a48848', label: "Form Date", required: true })), index.h("stencil-field", { key: 'be40b541a17d729c6140931d05fce1baf2db7273', name: "formTime" }, index.h("udp-time-selector", { key: 'f3c10e03320cbd983b5573cee4ec99c737a0d389', label: "Form Time" })), index.h("stencil-field", { key: 'f0ec76807e7ac9caae2c216665934d5668abee6d', name: "formSelector" }, index.h("udp-selector", { key: 'a887013efc6d25c8119ec1ead75de3e3779e1d20', label: "Form Selector", options: this.selectorOptions, required: true })), index.h("stencil-field", { key: '662c9e1b54e9eb2926dd5405c17e7c9774bddba5', name: "formFiles" }, index.h("file-upload", { key: '08c9b118f3582f93086a5da3fa4d45446a967f5e', label: "Form File Upload", allowMultiple: true }))), index.h("div", { key: '951a514199520009da7df0798a6b9a6a8c8fb696', class: "form-actions" }, index.h("button", { key: '8550d0b23137a65a279390fcd083b75280e5c2ff', type: "submit", class: "submit-button" }, "Submit Form"))), index.h("div", { key: '194547ea02a3a71691c9721456def235b1ca0aa1', class: "form-values" }, index.h("h3", { key: '9f2237ad72e7dc8a89a3b76eb2a85489ef784b0f' }, "Current Form Values:"), index.h("pre", { key: 'b9e2cbee72e21f3640dba65eab05d2af47c4a284' }, JSON.stringify(this.formValues, null, 2)))), index.h("section", { key: '58723614fb40ff513d99eb984324848e68e26690', class: "example-section" }, index.h("h2", { key: '1c3528c6fa28d8c47bddd005523b2b2203433c24' }, "Additional Examples"), index.h("p", { key: '663507cd004a87e188acd89611a6f719dc236a0d' }, "More complex configurations and specialized use cases."), index.h("div", { key: 'c09839477af2b59587589b71730736fbe11f10f6', class: "input-grid" }, index.h("div", { key: '05be4e05ea40a32b44f8486ac36ec648617667ce', class: "input-example" }, index.h("h3", { key: '1a55bc8af2155bb961dd087ec28f1894604cf181' }, "Multi-Select UDP Selector"), index.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) })), index.h("div", { key: '8f18b41bb0f8fde3e7ea57e0a127885d3888039e', class: "input-example" }, index.h("h3", { key: '2627a3d0bfdcd7dc23fd67f4563733f2300c27de' }, "Large UDP Selector"), index.h("udp-selector", { key: '33c8e46f5e98b732c8e861de3fa1a8dadf8e75e1', label: "Large Selector", options: this.selectorOptions, large: true, initialValue: "option2", onChange: (e) => console.log('Large selector changed:', e.detail) })), index.h("div", { key: 'e74f1ccfac444c1058b03006c7516a90090704fc', class: "input-example" }, index.h("h3", { key: 'c13665d87d1ab26ce42084f5b497514df758336b' }, "File Upload with Type Restrictions"), index.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) })), index.h("div", { key: 'e485136314ce4c0ea095ad532a3729e72d731e79', class: "input-example" }, index.h("h3", { key: 'fd9026adbfe0a0da04dba6d8e58d096e0e88cda1' }, "Disabled Components"), index.h("div", { key: '1a35bfda54b5bf67f50c460a028cec1e9a7979dd', class: "disabled-examples" }, index.h("text-field", { key: '163bd27c789de9fadaf4e7a509f59d36ef41a35e', label: "Disabled Text Field", value: "Cannot edit this", disabled: true }), index.h("check-box", { key: '6d94b2842459b07cd8a093c17555613e02ecdc27', label: "Disabled Checkbox", checked: true, disabled: true }), index.h("udp-selector", { key: 'db1da592947e1f072f2fc88026a3643059f8e405', label: "Disabled Selector", options: this.selectorOptions, value: "option1", disabled: true })))))));
|
|
101
101
|
}
|
|
102
102
|
};
|
|
103
103
|
InputsExample.style = inputsExampleCss;
|