@heartlandone/vega 2.84.0 → 2.86.0
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/{app-globals-ea063074.js → app-globals-3080f55a.js} +5 -5
- package/dist/cjs/{child-nodes-event-prevent-slimmer-58bbc5fc.js → child-nodes-event-prevent-slimmer-f3979a03.js} +1 -1
- package/dist/cjs/{code-block-6da521e6.js → code-block-c6c70464.js} +6 -0
- package/dist/cjs/{component-value-history-controller-slimmer.abstract-f3f35f94.js → component-value-history-controller-slimmer.abstract-a523b747.js} +2 -2
- package/dist/cjs/{content-state-89fafb3b.js → content-state-efd3b1a7.js} +1 -1
- package/dist/cjs/{event-emit-slimmer-ecca412d.js → event-emit-slimmer-80e1c8ca.js} +1 -1
- package/dist/cjs/{image-annotation-action-a6e1e9ed.js → image-annotation-action-93bace08.js} +3 -3
- package/dist/cjs/{immutable-map-edf24b54.js → immutable-map-d711339d.js} +16 -4
- package/dist/cjs/index.cjs.js +9 -9
- package/dist/cjs/{internal-vega-event-manager-6b74b3af.js → internal-vega-event-manager-7e0d966d.js} +2 -1
- package/dist/cjs/loader.cjs.js +8 -8
- package/dist/cjs/{public-rules-fc52d624.js → public-rules-3cd0f182.js} +3 -3
- package/dist/cjs/{range-93cc8ab1.js → range-c9bde0b4.js} +1 -1
- package/dist/cjs/{rich-text-editor-required-rule-fd3711fb.js → rich-text-editor-required-rule-d1f0509c.js} +1 -1
- package/dist/cjs/{split-cell-operation-532fb9f0.js → split-cell-operation-6a59c9b0.js} +2 -2
- package/dist/cjs/{token-extension-39f2b886.js → token-extension-d7d2ead6.js} +282 -224
- package/dist/cjs/vega-accordion.cjs.entry.js +3 -3
- package/dist/cjs/vega-app-header-button.cjs.entry.js +4 -4
- package/dist/cjs/vega-banner.cjs.entry.js +3 -3
- package/dist/cjs/vega-breadcrumb.cjs.entry.js +4 -4
- package/dist/cjs/vega-button-circle.cjs.entry.js +4 -4
- package/dist/cjs/vega-button-group_2.cjs.entry.js +4 -4
- package/dist/cjs/vega-button-link.cjs.entry.js +4 -4
- package/dist/cjs/vega-button.cjs.entry.js +4 -4
- package/dist/cjs/vega-calendar_4.cjs.entry.js +8 -7
- package/dist/cjs/vega-carousel.cjs.entry.js +3 -3
- package/dist/cjs/vega-checkbox_2.cjs.entry.js +4 -4
- package/dist/cjs/vega-chip.cjs.entry.js +4 -4
- package/dist/cjs/vega-code-block.cjs.entry.js +7 -7
- package/dist/cjs/vega-color-picker.cjs.entry.js +3 -3
- package/dist/cjs/vega-color-swatch-picker.cjs.entry.js +188 -46
- package/dist/cjs/vega-color-swatch.cjs.entry.js +7 -7
- package/dist/cjs/vega-combo-box.cjs.entry.js +4 -4
- package/dist/cjs/vega-date-picker_2.cjs.entry.js +17 -5
- package/dist/cjs/vega-dialog_2.cjs.entry.js +5 -5
- package/dist/cjs/vega-dropdown_5.cjs.entry.js +4 -4
- package/dist/cjs/vega-env-manager-23b8b23c.js +2 -2
- package/dist/cjs/{vega-event-id-c08ce3d3.js → vega-event-id-d9994eb3.js} +2 -0
- package/dist/cjs/vega-field-label.cjs.entry.js +3 -3
- package/dist/cjs/vega-file-uploader.cjs.entry.js +3 -3
- package/dist/cjs/vega-form.cjs.entry.js +5 -5
- package/dist/cjs/vega-image-uploader.cjs.entry.js +4 -4
- package/dist/cjs/vega-input-credit-card.cjs.entry.js +4 -4
- package/dist/cjs/vega-input-numeric.cjs.entry.js +4 -4
- package/dist/cjs/vega-input-passcode.cjs.entry.js +4 -4
- package/dist/cjs/vega-input-phone-number.cjs.entry.js +15 -5
- package/dist/cjs/vega-input-range.cjs.entry.js +4 -4
- package/dist/cjs/vega-input-select.cjs.entry.js +4 -4
- package/dist/cjs/vega-input.cjs.entry.js +3 -3
- package/dist/cjs/vega-item-toggle.cjs.entry.js +3 -3
- package/dist/cjs/vega-left-nav_5.cjs.entry.js +15 -13
- package/dist/cjs/vega-page-notification_2.cjs.entry.js +1 -1
- package/dist/cjs/vega-pagination-page-selector-mobile.cjs.entry.js +3 -3
- package/dist/cjs/vega-pagination-page-size-selector-mobile.cjs.entry.js +1 -1
- package/dist/cjs/vega-pagination.cjs.entry.js +4 -4
- package/dist/cjs/vega-popover_2.cjs.entry.js +3 -3
- package/dist/cjs/vega-progress-tracker_2.cjs.entry.js +3 -3
- package/dist/cjs/vega-radio_2.cjs.entry.js +4 -4
- package/dist/cjs/vega-rich-text-content.cjs.entry.js +4 -4
- package/dist/cjs/vega-rich-text-editor_4.cjs.entry.js +10 -10
- package/dist/cjs/vega-rich-text-table-properties_3.cjs.entry.js +6 -6
- package/dist/cjs/vega-segment-control.cjs.entry.js +3 -3
- package/dist/cjs/vega-selection-chip_2.cjs.entry.js +4 -4
- package/dist/cjs/vega-selection-tile_2.cjs.entry.js +161 -28
- package/dist/cjs/vega-sidenav_3.cjs.entry.js +3 -3
- package/dist/cjs/vega-signature-capture.cjs.entry.js +3 -3
- package/dist/cjs/vega-stepper.cjs.entry.js +4 -4
- package/dist/cjs/vega-tab-group_2.cjs.entry.js +4 -4
- package/dist/cjs/vega-table_11.cjs.entry.js +1172 -282
- package/dist/cjs/vega-textarea.cjs.entry.js +4 -4
- package/dist/cjs/vega-time-picker_2.cjs.entry.js +9 -15
- package/dist/cjs/vega-toggle-switch.cjs.entry.js +3 -3
- package/dist/cjs/vega.cjs.js +8 -8
- package/dist/collection/components/vega-calendar/slimmers/day-view/renderers/vega-calendar-view-with-time-renderer.js +2 -2
- package/dist/collection/components/vega-calendar/slimmers/month-view/renderers/vega-calendar-month-view-renderer.js +2 -1
- package/dist/collection/components/vega-color-swatch/vega-color-swatch-picker/slimmers/renderers/color-swatch-picker-renderer.js +24 -5
- package/dist/collection/components/vega-color-swatch/vega-color-swatch-picker/vega-color-swatch-picker.js +15 -0
- package/dist/collection/components/vega-color-swatch/vega-color-swatch.js +6 -6
- package/dist/collection/components/vega-date-picker/vega-date-picker-calendar/slimmers/renderers/vega-date-picker-month-item-renderer.js +3 -0
- package/dist/collection/components/vega-date-picker/vega-date-picker-calendar/vega-date-picker-calendar.css +17 -1
- package/dist/collection/components/vega-date-picker/vega-date-picker-calendar/vega-date-picker-calendar.js +31 -1
- package/dist/collection/components/vega-input-phone-number/vega-input-phone-number.js +10 -0
- package/dist/collection/components/vega-modal/slimmers/renderers/vega-modal-renderer.js +1 -1
- package/dist/collection/components/vega-nav/vega-left-nav/slimmers/controllers/vega-left-nav-backdrop-controller.js +10 -8
- package/dist/collection/components/vega-nav/vega-left-nav/slimmers/controllers/vega-left-nav-zindex-controller.js +2 -2
- package/dist/collection/components/vega-rich-text-editor/dto/nodes/text-node.js +6 -0
- package/dist/collection/components/vega-rich-text-editor/extensions/base-toolbar-button-renderer.js +8 -2
- package/dist/collection/components/vega-rich-text-editor/extensions/functions/renderers/function-toolbar-button-renderer.js +1 -0
- package/dist/collection/components/vega-rich-text-editor/extensions/languages/language-toolbar-button-renderer.js +1 -0
- package/dist/collection/components/vega-rich-text-editor/extensions/table/renderers/table-dynamic-popover-renderer.js +53 -51
- package/dist/collection/components/vega-rich-text-editor/extensions/table/renderers/table-renderer.js +40 -10
- package/dist/collection/components/vega-rich-text-editor/extensions/table/renderers/table-setting-popover-renderer.js +75 -62
- package/dist/collection/components/vega-rich-text-editor/extensions/table/table-extension.js +1 -0
- package/dist/collection/components/vega-rich-text-editor/extensions/table/table-toolbar-button-renderer.js +1 -0
- package/dist/collection/components/vega-rich-text-editor/extensions/tokens/token-toolbar-button-renderer.js +5 -1
- package/dist/collection/components/vega-selection-tile/slimmers/renderers/vega-selection-tile-renderer.js +71 -10
- package/dist/collection/components/vega-selection-tile/vega-selection-tile-group/slimmers/renderers/vega-selection-tile-group-renderer.js +39 -11
- package/dist/collection/components/vega-selection-tile/vega-selection-tile-group/vega-selection-tile-group.css +1 -3
- package/dist/collection/components/vega-selection-tile/vega-selection-tile.css +23 -18
- package/dist/collection/components/vega-selection-tile/vega-selection-tile.js +45 -1
- package/dist/collection/components/vega-table/slimmers/controllers/vega-table-expand-row-controller.js +88 -4
- package/dist/collection/components/vega-table/slimmers/controllers/vega-table-row-draggable-controller.js +132 -0
- package/dist/collection/components/vega-table/slimmers/controllers/vega-table-sort-controller.js +14 -0
- package/dist/collection/components/vega-table/slimmers/renderers/vega-table-body-renderer.js +8 -5
- package/dist/collection/components/vega-table/slimmers/renderers/vega-table-col-group-renderer.js +6 -2
- package/dist/collection/components/vega-table/slimmers/renderers/vega-table-pinned-renderer.js +8 -2
- package/dist/collection/components/vega-table/utils.js +4 -3
- package/dist/collection/components/vega-table/vega-table-expand-row/slimmers/controllers/vega-table-expand-row-col-span-controller.js +13 -1
- package/dist/collection/components/vega-table/vega-table-expand-row/slimmers/controllers/vega-table-expand-row-state-controller.js +7 -0
- package/dist/collection/components/vega-table/vega-table-expand-row/vega-table-expand-row.js +7 -0
- package/dist/collection/components/vega-table/vega-table-foot-row/slimmers/controllers/vega-table-foot-row-state-controller.js +10 -3
- package/dist/collection/components/vega-table/vega-table-foot-row/slimmers/renderers/vega-table-foot-row-renderer.js +9 -2
- package/dist/collection/components/vega-table/vega-table-foot-row/vega-table-foot-row.js +4 -3
- package/dist/collection/components/vega-table/vega-table-head/vega-table-head.js +5 -0
- package/dist/collection/components/vega-table/vega-table-head-row/slimmers/controllers/vega-table-head-row-state-controller.js +10 -3
- package/dist/collection/components/vega-table/vega-table-head-row/slimmers/renderers/vega-table-head-row-renderer.js +12 -2
- package/dist/collection/components/vega-table/vega-table-head-row/vega-table-head-row.js +5 -4
- package/dist/collection/components/vega-table/vega-table-row/slimmers/controllers/vega-table-row-state-controller.js +22 -1
- package/dist/collection/components/vega-table/vega-table-row/slimmers/renderers/vega-table-row-renderer.js +19 -4
- package/dist/collection/components/vega-table/vega-table-row/vega-table-row.css +6 -0
- package/dist/collection/components/vega-table/vega-table-row/vega-table-row.js +11 -1
- package/dist/collection/components/vega-table/vega-table.css +5 -0
- package/dist/collection/components/vega-table/vega-table.js +135 -11
- package/dist/collection/components/vega-time-picker/vega-time-picker.js +6 -12
- package/dist/collection/constants/ui.js +1 -0
- package/dist/collection/global/icons/grip-dots-vertical.js +3 -0
- package/dist/collection/helpers/event-manager/event-id/component-event-id-map.js +2 -1
- package/dist/collection/helpers/event-manager/event-id/vega-event-id.js +1 -0
- package/dist/collection/helpers/immutable/immutable-map.js +16 -4
- package/dist/collection/helpers/slimmers/draggable-element-slimmer.js +508 -0
- package/dist/collection/helpers/slimmers/popover-nested-slot-projection-slimmer.js +118 -0
- package/dist/esm/{app-globals-d06de2a5.js → app-globals-37536ac9.js} +5 -5
- package/dist/esm/{aria-dialog-focusable-trap-slimmer-853a91de.js → aria-dialog-focusable-trap-slimmer-6eb79723.js} +1 -1
- package/dist/esm/{child-nodes-event-prevent-slimmer-f65e2452.js → child-nodes-event-prevent-slimmer-75f93d85.js} +1 -1
- package/dist/esm/{code-block-65c8804b.js → code-block-10be3916.js} +7 -1
- package/dist/esm/{component-value-history-controller-slimmer.abstract-26c154f6.js → component-value-history-controller-slimmer.abstract-82d51b7a.js} +3 -3
- package/dist/esm/{content-state-e676bdf0.js → content-state-afeb700d.js} +2 -2
- package/dist/esm/{element-appender-slimmer-d4a82dc3.js → element-appender-slimmer-05f487d7.js} +1 -1
- package/dist/esm/{event-emit-slimmer-18711776.js → event-emit-slimmer-1c57093d.js} +1 -1
- package/dist/esm/{form-field-controller-slimmer-9a0f8c54.js → form-field-controller-slimmer-ae8478b5.js} +2 -2
- package/dist/esm/{image-annotation-action-2d87b66a.js → image-annotation-action-bad7c565.js} +3 -3
- package/dist/esm/{immutable-map-612922a2.js → immutable-map-4fe22b11.js} +16 -4
- package/dist/esm/index.js +9 -9
- package/dist/esm/{internal-vega-event-manager-bed71930.js → internal-vega-event-manager-7cdf3c28.js} +2 -1
- package/dist/esm/loader.js +9 -9
- package/dist/esm/{public-rules-a61ff09f.js → public-rules-f54e6f39.js} +4 -4
- package/dist/esm/{range-d9e55d00.js → range-f32f9185.js} +1 -1
- package/dist/esm/{rich-text-editor-required-rule-6a4c853a.js → rich-text-editor-required-rule-627fd7e4.js} +1 -1
- package/dist/esm/{split-cell-operation-2e700c5c.js → split-cell-operation-90c30861.js} +3 -3
- package/dist/esm/{string-input-formatter-slimmer-ad234bec.js → string-input-formatter-slimmer-4059080b.js} +2 -2
- package/dist/esm/{sub-state-notify-slimmer-1f907173.js → sub-state-notify-slimmer-63ecb465.js} +1 -1
- package/dist/esm/{sub-state-observer-slimmer-090c500a.js → sub-state-observer-slimmer-2adbbe00.js} +1 -1
- package/dist/esm/{token-extension-d3a46c04.js → token-extension-728c0678.js} +282 -224
- package/dist/esm/vega-accordion.entry.js +3 -3
- package/dist/esm/vega-app-header-button.entry.js +4 -4
- package/dist/esm/vega-banner.entry.js +3 -3
- package/dist/esm/vega-breadcrumb.entry.js +4 -4
- package/dist/esm/vega-button-circle.entry.js +5 -5
- package/dist/esm/vega-button-group_2.entry.js +7 -7
- package/dist/esm/vega-button-link.entry.js +4 -4
- package/dist/esm/vega-button.entry.js +5 -5
- package/dist/esm/vega-calendar_4.entry.js +11 -10
- package/dist/esm/vega-carousel.entry.js +3 -3
- package/dist/esm/vega-checkbox_2.entry.js +7 -7
- package/dist/esm/vega-chip.entry.js +4 -4
- package/dist/esm/vega-code-block.entry.js +8 -8
- package/dist/esm/vega-color-picker.entry.js +6 -6
- package/dist/esm/vega-color-swatch-picker.entry.js +192 -50
- package/dist/esm/vega-color-swatch.entry.js +7 -7
- package/dist/esm/vega-combo-box.entry.js +7 -7
- package/dist/esm/vega-date-picker_2.entry.js +24 -12
- package/dist/esm/vega-dialog_2.entry.js +7 -7
- package/dist/esm/vega-dropdown_5.entry.js +9 -9
- package/dist/esm/vega-env-manager-8f8dc473.js +2 -2
- package/dist/esm/{vega-event-id-5841d1d3.js → vega-event-id-a6ccca66.js} +2 -1
- package/dist/esm/vega-field-label.entry.js +3 -3
- package/dist/esm/vega-file-uploader.entry.js +6 -6
- package/dist/esm/vega-form.entry.js +9 -9
- package/dist/esm/vega-image-uploader.entry.js +7 -7
- package/dist/esm/vega-input-credit-card.entry.js +7 -7
- package/dist/esm/vega-input-numeric.entry.js +8 -8
- package/dist/esm/vega-input-passcode.entry.js +7 -7
- package/dist/esm/vega-input-phone-number.entry.js +18 -8
- package/dist/esm/vega-input-range.entry.js +7 -7
- package/dist/esm/vega-input-select.entry.js +7 -7
- package/dist/esm/vega-input.entry.js +8 -8
- package/dist/esm/{vega-internal-event-id-194bac82.js → vega-internal-event-id-db974a0d.js} +1 -1
- package/dist/esm/vega-item-toggle.entry.js +3 -3
- package/dist/esm/vega-left-nav_5.entry.js +18 -16
- package/dist/esm/vega-page-notification_2.entry.js +1 -1
- package/dist/esm/vega-pagination-page-selector-mobile.entry.js +4 -4
- package/dist/esm/vega-pagination-page-size-selector-mobile.entry.js +2 -2
- package/dist/esm/vega-pagination.entry.js +5 -5
- package/dist/esm/vega-popover_2.entry.js +6 -6
- package/dist/esm/vega-progress-tracker_2.entry.js +6 -6
- package/dist/esm/vega-radio_2.entry.js +7 -7
- package/dist/esm/vega-rich-text-content.entry.js +7 -7
- package/dist/esm/vega-rich-text-editor_4.entry.js +15 -15
- package/dist/esm/vega-rich-text-table-properties_3.entry.js +7 -7
- package/dist/esm/vega-segment-control.entry.js +3 -3
- package/dist/esm/vega-selection-chip_2.entry.js +8 -8
- package/dist/esm/vega-selection-tile_2.entry.js +165 -32
- package/dist/esm/vega-sidenav_3.entry.js +6 -6
- package/dist/esm/vega-signature-capture.entry.js +6 -6
- package/dist/esm/vega-stepper.entry.js +7 -7
- package/dist/esm/vega-tab-group_2.entry.js +4 -4
- package/dist/esm/vega-table_11.entry.js +1175 -285
- package/dist/esm/vega-textarea.entry.js +7 -7
- package/dist/esm/vega-time-picker_2.entry.js +13 -19
- package/dist/esm/vega-toggle-switch.entry.js +6 -6
- package/dist/esm/vega-tooltip_2.entry.js +2 -2
- package/dist/esm/vega.js +9 -9
- package/dist/esm/{wait-for-component-did-render-30cde59c.js → wait-for-component-did-render-9a83d343.js} +1 -1
- package/dist/sri/vega-sri-manifest.json +276 -276
- package/dist/types/components/vega-color-swatch/vega-color-swatch-picker/slimmers/renderers/color-swatch-picker-renderer.d.ts +9 -0
- package/dist/types/components/vega-color-swatch/vega-color-swatch-picker/vega-color-swatch-picker.d.ts +6 -0
- package/dist/types/components/vega-color-swatch/vega-color-swatch.d.ts +4 -4
- package/dist/types/components/vega-date-picker/vega-date-picker-calendar/slimmers/renderers/vega-date-picker-month-item-renderer.d.ts +1 -0
- package/dist/types/components/vega-date-picker/vega-date-picker-calendar/vega-date-picker-calendar.d.ts +8 -0
- package/dist/types/components/vega-input-phone-number/vega-input-phone-number.d.ts +2 -0
- package/dist/types/components/vega-nav/vega-left-nav/slimmers/controllers/vega-left-nav-backdrop-controller.d.ts +2 -1
- package/dist/types/components/vega-rich-text-editor/extensions/base-toolbar-button-renderer.d.ts +2 -0
- package/dist/types/components/vega-rich-text-editor/extensions/table/renderers/table-dynamic-popover-renderer.d.ts +15 -11
- package/dist/types/components/vega-rich-text-editor/extensions/table/renderers/table-renderer.d.ts +15 -0
- package/dist/types/components/vega-rich-text-editor/extensions/table/renderers/table-setting-popover-renderer.d.ts +25 -22
- package/dist/types/components/vega-rich-text-editor/interface.d.ts +5 -0
- package/dist/types/components/vega-selection-tile/slimmers/renderers/vega-selection-tile-renderer.d.ts +12 -0
- package/dist/types/components/vega-selection-tile/vega-selection-tile-group/slimmers/renderers/vega-selection-tile-group-renderer.d.ts +0 -1
- package/dist/types/components/vega-selection-tile/vega-selection-tile.d.ts +2 -0
- package/dist/types/components/vega-table/interface.d.ts +2 -0
- package/dist/types/components/vega-table/slimmers/controllers/vega-table-expand-row-controller.d.ts +35 -0
- package/dist/types/components/vega-table/slimmers/controllers/vega-table-row-draggable-controller.d.ts +52 -0
- package/dist/types/components/vega-table/slimmers/controllers/vega-table-sort-controller.d.ts +4 -0
- package/dist/types/components/vega-table/slimmers/renderers/vega-table-body-renderer.d.ts +3 -1
- package/dist/types/components/vega-table/slimmers/renderers/vega-table-col-group-renderer.d.ts +2 -1
- package/dist/types/components/vega-table/utils.d.ts +3 -2
- package/dist/types/components/vega-table/vega-table-expand-row/slimmers/controllers/vega-table-expand-row-col-span-controller.d.ts +5 -0
- package/dist/types/components/vega-table/vega-table-expand-row/slimmers/controllers/vega-table-expand-row-state-controller.d.ts +1 -0
- package/dist/types/components/vega-table/vega-table-expand-row/vega-table-expand-row.d.ts +2 -0
- package/dist/types/components/vega-table/vega-table-foot-row/slimmers/controllers/vega-table-foot-row-state-controller.d.ts +2 -1
- package/dist/types/components/vega-table/vega-table-foot-row/slimmers/renderers/vega-table-foot-row-renderer.d.ts +3 -1
- package/dist/types/components/vega-table/vega-table-foot-row/vega-table-foot-row.d.ts +6 -2
- package/dist/types/components/vega-table/vega-table-head/vega-table-head.d.ts +1 -0
- package/dist/types/components/vega-table/vega-table-head-row/slimmers/controllers/vega-table-head-row-state-controller.d.ts +2 -1
- package/dist/types/components/vega-table/vega-table-head-row/slimmers/renderers/vega-table-head-row-renderer.d.ts +3 -1
- package/dist/types/components/vega-table/vega-table-head-row/vega-table-head-row.d.ts +6 -2
- package/dist/types/components/vega-table/vega-table-row/slimmers/controllers/vega-table-row-state-controller.d.ts +3 -0
- package/dist/types/components/vega-table/vega-table-row/slimmers/renderers/vega-table-row-renderer.d.ts +3 -0
- package/dist/types/components/vega-table/vega-table-row/vega-table-row.d.ts +8 -0
- package/dist/types/components/vega-table/vega-table.d.ts +40 -5
- package/dist/types/components/vega-time-picker/vega-time-picker.d.ts +5 -11
- package/dist/types/components.d.ts +47 -12
- package/dist/types/constants/ui.d.ts +1 -1
- package/dist/types/global/icons/grip-dots-vertical.d.ts +3 -0
- package/dist/types/helpers/event-manager/event-id/vega-event-id.d.ts +1 -0
- package/dist/types/helpers/immutable/immutable-map.d.ts +4 -1
- package/dist/types/helpers/slimmers/draggable-element-slimmer.d.ts +260 -0
- package/dist/types/helpers/slimmers/popover-nested-slot-projection-slimmer.d.ts +65 -0
- package/dist/types/types/components.type.d.ts +2 -0
- package/dist/types/types/public-api.d.ts +2 -0
- package/dist/types/types/ui.type.d.ts +40 -0
- package/dist/vega/index.esm.js +1 -1
- package/dist/vega/{p-d3ed7c27.entry.js → p-0b5b0fd2.entry.js} +1 -1
- package/dist/vega/p-13e7f906.entry.js +1 -0
- package/dist/vega/{p-39b71df9.entry.js → p-23b38467.entry.js} +1 -1
- package/dist/vega/{p-8d833b44.entry.js → p-25572ea7.entry.js} +1 -1
- package/dist/vega/{p-03cf2df1.entry.js → p-268e84e0.entry.js} +1 -1
- package/dist/vega/p-2edc066c.entry.js +1 -0
- package/dist/vega/{p-5bbb3e68.entry.js → p-2fb26f4f.entry.js} +1 -1
- package/dist/vega/{p-032183c1.js → p-33234385.js} +1 -1
- package/dist/vega/{p-c0323a55.entry.js → p-35d77c9c.entry.js} +1 -1
- package/dist/vega/{p-5ac4649a.entry.js → p-3c456e91.entry.js} +1 -1
- package/dist/vega/{p-27b1dc0f.entry.js → p-3d0ba2c6.entry.js} +1 -1
- package/dist/vega/{p-20f0060f.entry.js → p-3d92d2af.entry.js} +1 -1
- package/dist/vega/{p-4123559f.entry.js → p-3e64fa38.entry.js} +1 -1
- package/dist/vega/{p-f986f875.entry.js → p-411ea209.entry.js} +1 -1
- package/dist/vega/{p-7cf1e1f7.entry.js → p-423762ae.entry.js} +1 -1
- package/dist/vega/{p-0f31b00b.entry.js → p-4530f0e1.entry.js} +1 -1
- package/dist/vega/{p-b28d4f7d.js → p-48e3be6a.js} +1 -1
- package/dist/vega/{p-753a7832.entry.js → p-4afafeb3.entry.js} +1 -1
- package/dist/vega/{p-c6837173.entry.js → p-4c90d013.entry.js} +1 -1
- package/dist/vega/p-5087fa1e.entry.js +1 -0
- package/dist/vega/{p-7595ad55.js → p-51b2b3de.js} +1 -1
- package/dist/vega/{p-bc2786f9.entry.js → p-59c6dcf7.entry.js} +1 -1
- package/dist/vega/p-5e50dbb9.js +1 -0
- package/dist/vega/p-5f377954.js +1 -1
- package/dist/vega/{p-e5546af5.entry.js → p-606d7113.entry.js} +1 -1
- package/dist/vega/{p-6f790577.js → p-6817b9bd.js} +1 -1
- package/dist/vega/{p-84030271.entry.js → p-69c11b7b.entry.js} +1 -1
- package/dist/vega/{p-effa6495.js → p-6b5cb920.js} +1 -1
- package/dist/vega/{p-aa985d73.js → p-6c43d54a.js} +1 -1
- package/dist/vega/{p-0e15fa94.entry.js → p-6fadee27.entry.js} +1 -1
- package/dist/vega/{p-549bea2c.entry.js → p-73c6669e.entry.js} +1 -1
- package/dist/vega/{p-9375fbce.js → p-7730bace.js} +1 -1
- package/dist/vega/{p-88f57353.entry.js → p-79c12a64.entry.js} +1 -1
- package/dist/vega/{p-f8c700dd.entry.js → p-7f74cd41.entry.js} +1 -1
- package/dist/vega/p-818da356.js +1 -0
- package/dist/vega/{p-aa040383.js → p-84eb3b9c.js} +1 -1
- package/dist/vega/{p-b48b3264.js → p-8d48940d.js} +1 -1
- package/dist/vega/{p-a5e6a3be.js → p-93afdfc3.js} +1 -1
- package/dist/vega/{p-865fc90b.entry.js → p-98a6cd8e.entry.js} +1 -1
- package/dist/vega/p-9af0e2e7.js +1 -0
- package/dist/vega/{p-f6414a24.entry.js → p-9e2b7718.entry.js} +1 -1
- package/dist/vega/{p-e1b1f5f9.entry.js → p-9eb00537.entry.js} +1 -1
- package/dist/vega/{p-f0e855b2.entry.js → p-9f36abf9.entry.js} +1 -1
- package/dist/vega/{p-b88eab9a.entry.js → p-9fc8bd1f.entry.js} +1 -1
- package/dist/vega/{p-9308f874.entry.js → p-a050c24d.entry.js} +1 -1
- package/dist/vega/{p-aa4d419c.entry.js → p-a49c25c2.entry.js} +1 -1
- package/dist/vega/{p-1df2c29b.entry.js → p-a9528dbd.entry.js} +1 -1
- package/dist/vega/{p-0caf52e0.js → p-a9e10a64.js} +1 -1
- package/dist/vega/p-a9f34735.entry.js +1 -0
- package/dist/vega/{p-3ae5f50e.entry.js → p-aaf44879.entry.js} +1 -1
- package/dist/vega/{p-6cada843.js → p-ae1aa4df.js} +1 -1
- package/dist/vega/p-af00e6e2.entry.js +1 -0
- package/dist/vega/{p-a0c3968b.js → p-af5cb9bc.js} +1 -1
- package/dist/vega/{p-d6c9ef6c.entry.js → p-afd1b519.entry.js} +1 -1
- package/dist/vega/{p-5490d499.entry.js → p-bc74d7e7.entry.js} +1 -1
- package/dist/vega/{p-6ba71ec4.entry.js → p-c2388937.entry.js} +1 -1
- package/dist/vega/p-c31a32f4.js +1 -0
- package/dist/vega/{p-11a2f834.js → p-c347e08a.js} +1 -1
- package/dist/vega/{p-91739ed3.entry.js → p-c51ebb14.entry.js} +1 -1
- package/dist/vega/{p-b80217fa.entry.js → p-c601b331.entry.js} +1 -1
- package/dist/vega/{p-d3864b94.entry.js → p-c8fe46fd.entry.js} +1 -1
- package/dist/vega/p-ce61d23f.entry.js +1 -0
- package/dist/vega/{p-d76e3b3c.entry.js → p-cf2838c7.entry.js} +1 -1
- package/dist/vega/{p-e4c5b8d1.entry.js → p-d37636a5.entry.js} +1 -1
- package/dist/vega/{p-19e10a87.entry.js → p-d402eb7b.entry.js} +1 -1
- package/dist/vega/{p-dec5b448.js → p-d4e519a0.js} +1 -1
- package/dist/vega/{p-ce975c69.entry.js → p-da8bb883.entry.js} +1 -1
- package/dist/vega/{p-68a96fbb.entry.js → p-dffbbc3d.entry.js} +1 -1
- package/dist/vega/{p-bdddddb7.js → p-e1709e59.js} +1 -1
- package/dist/vega/{p-c47c37f2.js → p-e27626f6.js} +1 -1
- package/dist/vega/{p-6236f592.entry.js → p-e47b2c4c.entry.js} +1 -1
- package/dist/vega/{p-7dca19d3.entry.js → p-e95cb28f.entry.js} +1 -1
- package/dist/vega/{p-74136508.entry.js → p-ecbb63a5.entry.js} +1 -1
- package/dist/vega/p-ed26f4c8.entry.js +1 -0
- package/dist/vega/{p-43aaeb30.entry.js → p-effb285f.entry.js} +1 -1
- package/dist/vega/p-f1c672e4.js +1 -0
- package/dist/vega/{p-56c28943.js → p-f5f5a0d9.js} +1 -1
- package/dist/vega/{p-748268e6.entry.js → p-f604f2c9.entry.js} +1 -1
- package/dist/vega/{p-e5cc839a.entry.js → p-fa91805b.entry.js} +1 -1
- package/dist/vega/vega.esm.js +1 -1
- package/package.json +1 -1
- package/dist/vega/p-220f8ee7.js +0 -1
- package/dist/vega/p-38af89b9.js +0 -1
- package/dist/vega/p-5215e1d8.entry.js +0 -1
- package/dist/vega/p-5409275a.entry.js +0 -1
- package/dist/vega/p-5f23c52d.entry.js +0 -1
- package/dist/vega/p-7dbaed6c.entry.js +0 -1
- package/dist/vega/p-80cb302f.entry.js +0 -1
- package/dist/vega/p-874bf8b2.js +0 -1
- package/dist/vega/p-99670c56.entry.js +0 -1
- package/dist/vega/p-9de25451.js +0 -1
- package/dist/vega/p-a2d6d695.entry.js +0 -1
- package/dist/vega/p-b78eaec4.js +0 -1
|
@@ -0,0 +1,260 @@
|
|
|
1
|
+
import { VegaSlimmer } from '../../vega-slimmer/vega-slimmer-core';
|
|
2
|
+
import { Nullable } from '../../types/general';
|
|
3
|
+
import { DragDropEventPayload } from '../../types/ui.type';
|
|
4
|
+
export declare type DraggableElementEntry = {
|
|
5
|
+
/**
|
|
6
|
+
* Returns the container element whose direct children are the sortable items.
|
|
7
|
+
* Can be an HTMLElement or a Vega component's shadow-root child.
|
|
8
|
+
*/
|
|
9
|
+
container: () => Nullable<HTMLElement>;
|
|
10
|
+
/**
|
|
11
|
+
* CSS selector that identifies each draggable item within the container.
|
|
12
|
+
*
|
|
13
|
+
* Example: `vega-table-row`
|
|
14
|
+
*/
|
|
15
|
+
itemSelector: string;
|
|
16
|
+
/**
|
|
17
|
+
* CSS selector that identifies the element that starts dragging.
|
|
18
|
+
* The selector is matched against the event composed path.
|
|
19
|
+
*
|
|
20
|
+
* Example: While item is a container, the trigger is a specific handle element inside it, e.g. `td.vega-table-draggable-column`
|
|
21
|
+
*/
|
|
22
|
+
triggerElementSelector?: string;
|
|
23
|
+
/**
|
|
24
|
+
* CSS selector for the element that should receive drag-related styles.
|
|
25
|
+
* The selector is resolved relative to each item. Shadow-root content is checked first.
|
|
26
|
+
* If omitted, the item element itself receives the styles.
|
|
27
|
+
*
|
|
28
|
+
* Example: `tr.vega-table-row`
|
|
29
|
+
*/
|
|
30
|
+
visualElementSelector?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Full lifecycle callbacks for drag drop progress.
|
|
33
|
+
* The callback receives the current drag state and relevant item details, and is responsible for emitting corresponding events.
|
|
34
|
+
*
|
|
35
|
+
* @param {DragDropEventPayload} detail - An object containing details about the drag event.
|
|
36
|
+
*/
|
|
37
|
+
onDragDrop?: (detail: DragDropEventPayload) => void;
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* Makes the direct children of a container element sortable via pointer events.
|
|
41
|
+
* This works across shadow DOM boundaries because pointer events are composed.
|
|
42
|
+
*/
|
|
43
|
+
export declare class DraggableElementSlimmer extends VegaSlimmer {
|
|
44
|
+
private static readonly DRAG_THRESHOLD;
|
|
45
|
+
isDraggable: boolean;
|
|
46
|
+
private entry;
|
|
47
|
+
private activePointerId;
|
|
48
|
+
private activeItem;
|
|
49
|
+
private isDragging;
|
|
50
|
+
private startX;
|
|
51
|
+
private startY;
|
|
52
|
+
private dragFromIndex;
|
|
53
|
+
private dragToIndex;
|
|
54
|
+
private currentOverItem;
|
|
55
|
+
private currentOverIndex;
|
|
56
|
+
private activeItemHeight;
|
|
57
|
+
private cachedItems;
|
|
58
|
+
private cachedItemDraggableMap;
|
|
59
|
+
/**
|
|
60
|
+
* Re-registers pointer event listeners when the host component is re-attached to the DOM after a prior disconnection.
|
|
61
|
+
*/
|
|
62
|
+
connectedCallback(): void;
|
|
63
|
+
/**
|
|
64
|
+
* Removes all pointer event listeners and clears drag state when the host component is detached from the DOM.
|
|
65
|
+
*/
|
|
66
|
+
disconnectedCallback(): void;
|
|
67
|
+
/**
|
|
68
|
+
* Registers pointer event listeners once the host component has finished its initial render.
|
|
69
|
+
*/
|
|
70
|
+
componentDidLoad(): void;
|
|
71
|
+
constructor(entry: DraggableElementEntry);
|
|
72
|
+
/**
|
|
73
|
+
* Updates the slimmer's draggable state in response to changes in the host component's `rowDraggable` property.
|
|
74
|
+
*/
|
|
75
|
+
watchIsDraggable(): void;
|
|
76
|
+
/**
|
|
77
|
+
* Initializes the slimmer by attaching pointer event listeners if `isDraggable` is true.
|
|
78
|
+
*/
|
|
79
|
+
private init;
|
|
80
|
+
/**
|
|
81
|
+
* Cleans up the slimmer by removing pointer event listeners and resetting all drag state.
|
|
82
|
+
*/
|
|
83
|
+
private destroy;
|
|
84
|
+
/**
|
|
85
|
+
* Attaches `pointerdown` on the container and `pointermove` / `pointerup` / `pointercancel` on the window.
|
|
86
|
+
*/
|
|
87
|
+
private listenPointerEvents;
|
|
88
|
+
/**
|
|
89
|
+
* Removes all pointer event listeners that were registered by {@link listenPointerEvents}.
|
|
90
|
+
*/
|
|
91
|
+
private removePointerListeners;
|
|
92
|
+
/**
|
|
93
|
+
* Handles the `pointerdown` event. Validates that the event originated from the trigger element
|
|
94
|
+
* and initiates a drag session for the matched item.
|
|
95
|
+
*
|
|
96
|
+
* @param {PointerEvent} e - The pointer event fired on the container.
|
|
97
|
+
*/
|
|
98
|
+
private onPointerDown;
|
|
99
|
+
/**
|
|
100
|
+
* Handles the `pointermove` event. Once the drag threshold is crossed, updates the dragged
|
|
101
|
+
* element's visual position and recalculates the current drop target.
|
|
102
|
+
*
|
|
103
|
+
* @param {PointerEvent} e - The pointer event fired on the window.
|
|
104
|
+
*/
|
|
105
|
+
private onPointerMove;
|
|
106
|
+
/**
|
|
107
|
+
* Handles the `pointerup` event. Finalizes the drag and fires the reorder callback
|
|
108
|
+
* if the item was released at a different position.
|
|
109
|
+
*
|
|
110
|
+
* @param {PointerEvent} e - The pointer event fired on the window.
|
|
111
|
+
*/
|
|
112
|
+
private onPointerUp;
|
|
113
|
+
/**
|
|
114
|
+
* Handles the `pointercancel` event. Aborts the active drag session and restores all
|
|
115
|
+
* inline styles to their pre-drag state. Only responds to the active pointer.
|
|
116
|
+
*
|
|
117
|
+
* @param {PointerEvent} e - The pointer event fired on the window.
|
|
118
|
+
*/
|
|
119
|
+
private onPointerCancel;
|
|
120
|
+
/**
|
|
121
|
+
* Initializes all drag state for the given item. Caches the current item list,
|
|
122
|
+
* records the pointer origin, and captures the item height used for sibling offset calculations.
|
|
123
|
+
*
|
|
124
|
+
* @param {HTMLElement} item - The draggable item element that was grabbed.
|
|
125
|
+
* @param {PointerEvent} e - The originating `pointerdown` event.
|
|
126
|
+
*/
|
|
127
|
+
private startDrag;
|
|
128
|
+
/**
|
|
129
|
+
* Marks the interaction as an active drag after threshold crossing.
|
|
130
|
+
*/
|
|
131
|
+
private beginDragging;
|
|
132
|
+
/**
|
|
133
|
+
* Translates the dragged item's visual element to follow the pointer and lifts it
|
|
134
|
+
* above sibling items by applying `zIndex` and disabling its pointer events.
|
|
135
|
+
*
|
|
136
|
+
* @param {PointerEvent} e - The current `pointermove` event.
|
|
137
|
+
*/
|
|
138
|
+
private syncActiveVisual;
|
|
139
|
+
/**
|
|
140
|
+
* Resolves the item currently under the pointer and updates `dragToIndex`,
|
|
141
|
+
* then applies slot-shift transforms to all sibling items.
|
|
142
|
+
*
|
|
143
|
+
* @param {PointerEvent} e - The current `pointermove` event.
|
|
144
|
+
*/
|
|
145
|
+
private updateDropTarget;
|
|
146
|
+
/**
|
|
147
|
+
* Completes the drag session. Captures the final `fromIndex` and `toIndex` before
|
|
148
|
+
* resetting state, then fires `onReorder` if the item was moved to a new position.
|
|
149
|
+
*/
|
|
150
|
+
private finishDrag;
|
|
151
|
+
/**
|
|
152
|
+
* Clears all inline drag styles applied to cached items and resets every
|
|
153
|
+
* drag-related state field to its initial value.
|
|
154
|
+
*/
|
|
155
|
+
private resetDragState;
|
|
156
|
+
/**
|
|
157
|
+
* Invokes the container factory function to retrieve the current container element.
|
|
158
|
+
*
|
|
159
|
+
* @returns {Nullable<HTMLElement>} The resolved container element, or `null` if the factory throws.
|
|
160
|
+
*/
|
|
161
|
+
private getContainer;
|
|
162
|
+
/**
|
|
163
|
+
* Performs a live DOM query for all elements matching `itemSelector` within the container.
|
|
164
|
+
*
|
|
165
|
+
* @returns {HTMLElement[]} An array of matched item elements, or an empty array if the container is unavailable.
|
|
166
|
+
*/
|
|
167
|
+
private queryItems;
|
|
168
|
+
/**
|
|
169
|
+
* Returns the cached item list during an active drag session.
|
|
170
|
+
* Falls back to a live DOM query when no drag is in progress.
|
|
171
|
+
*
|
|
172
|
+
* @returns {HTMLElement[]} The current list of draggable item elements.
|
|
173
|
+
*/
|
|
174
|
+
private getItems;
|
|
175
|
+
/**
|
|
176
|
+
* Returns the zero-based index of the given element within the current item list.
|
|
177
|
+
*
|
|
178
|
+
* @param {HTMLElement} target - The element to locate.
|
|
179
|
+
* @returns {number} The index of the element, or `-1` if it is not found.
|
|
180
|
+
*/
|
|
181
|
+
private getItemIndex;
|
|
182
|
+
/**
|
|
183
|
+
* Resolves the element that should receive drag-related inline styles for a given item.
|
|
184
|
+
* Checks the item's shadow root first, then its light DOM children, then falls back to the item itself.
|
|
185
|
+
*
|
|
186
|
+
* @param {HTMLElement} item - The draggable item element.
|
|
187
|
+
* @returns {HTMLElement} The visual target element for style application.
|
|
188
|
+
*/
|
|
189
|
+
private getVisualElement;
|
|
190
|
+
/**
|
|
191
|
+
* Resolves the element that should receive drag-related inline styles for a given item.
|
|
192
|
+
* Checks the item's shadow root first, then its light DOM children, then falls back to the item itself.
|
|
193
|
+
*
|
|
194
|
+
* @param {HTMLElement} item - The draggable item element.
|
|
195
|
+
* @returns {HTMLElement} The visual target element for style application.
|
|
196
|
+
*/
|
|
197
|
+
private resolveVisualElement;
|
|
198
|
+
/**
|
|
199
|
+
* Caches each draggable item using the item as the map key and stores its resolved visual element
|
|
200
|
+
* together with the visual element's original inline style for precise restoration after dragging.
|
|
201
|
+
*/
|
|
202
|
+
private cacheItems;
|
|
203
|
+
/**
|
|
204
|
+
* Walks the event's composed path to find the matching item element.
|
|
205
|
+
* When `requireTriggerMatch` is `true`, also verifies that the event originated
|
|
206
|
+
* inside the configured trigger element; returns `null` if either condition fails.
|
|
207
|
+
*
|
|
208
|
+
* @param {Event} e - The event whose composed path is inspected.
|
|
209
|
+
* @param {boolean} requireTriggerMatch - When `true`, the item is only returned if the trigger element was also matched.
|
|
210
|
+
* @returns {Nullable<HTMLElement>} The matched item element, or `null` if not found or trigger requirement not met.
|
|
211
|
+
*/
|
|
212
|
+
private getItemFromComposedPath;
|
|
213
|
+
/**
|
|
214
|
+
* Translates sibling items up or down to visually make space for the dragged item at its current drop target.
|
|
215
|
+
* Items within the affected index range shift by one item height; all others are reset to their natural position.
|
|
216
|
+
*/
|
|
217
|
+
private applyLayoutTransforms;
|
|
218
|
+
/**
|
|
219
|
+
* Calculates the resolved drop index based on whether the pointer is above or below
|
|
220
|
+
* the midpoint of the hovered item. The slot only switches after crossing the 50% mark,
|
|
221
|
+
* preventing index jitter at slot boundaries.
|
|
222
|
+
*
|
|
223
|
+
* @param {HTMLElement} overItem - The item element currently under the pointer.
|
|
224
|
+
* @param {number} pointerClientY - The vertical client coordinate of the pointer.
|
|
225
|
+
* @returns {number} The resolved zero-based index where the dragged item would be inserted.
|
|
226
|
+
*/
|
|
227
|
+
private getResolvedDropIndex;
|
|
228
|
+
/**
|
|
229
|
+
* Checks whether the given pointer event belongs to the pointer that started the current drag session.
|
|
230
|
+
*
|
|
231
|
+
* @param {PointerEvent} e - The pointer event to test.
|
|
232
|
+
* @returns {boolean} `true` if the event's `pointerId` matches the active drag pointer.
|
|
233
|
+
*/
|
|
234
|
+
private isCurrentPointEvent;
|
|
235
|
+
/**
|
|
236
|
+
* Checks whether the pointer has moved at least `DRAG_THRESHOLD` pixels (combined X + Y delta)
|
|
237
|
+
* from its origin, or whether a drag is already in progress.
|
|
238
|
+
*
|
|
239
|
+
* @param {PointerEvent} e - The current `pointermove` event.
|
|
240
|
+
* @returns {boolean} `true` if the drag threshold has been crossed or dragging is already active.
|
|
241
|
+
*/
|
|
242
|
+
private hasCrossedDragThreshold;
|
|
243
|
+
/**
|
|
244
|
+
* Emits the drag lifecycle callback while the pointer is moving.
|
|
245
|
+
*/
|
|
246
|
+
private emitDrag;
|
|
247
|
+
/**
|
|
248
|
+
* Emits a drag-leave lifecycle callback when the pointer exits a hovered item.
|
|
249
|
+
*
|
|
250
|
+
* @param {Nullable<number>} toIndex - Index of the item being left.
|
|
251
|
+
* @param {Nullable<HTMLElement>} toItem - Item element being left.
|
|
252
|
+
*/
|
|
253
|
+
private emitDragLeave;
|
|
254
|
+
/**
|
|
255
|
+
* Emits a drag lifecycle payload to consumers.
|
|
256
|
+
*
|
|
257
|
+
* @param {DragDropEventStatus} status - Current lifecycle phase.
|
|
258
|
+
*/
|
|
259
|
+
private onDragDrop;
|
|
260
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { VegaSlimmer } from '../../vega-slimmer/vega-slimmer-core';
|
|
2
|
+
declare type GetContainerRef = () => HTMLElement | undefined;
|
|
3
|
+
/**
|
|
4
|
+
* Projects a light-DOM slot element into a container that lives inside a `vega-popover`'s `popover` slot.
|
|
5
|
+
*
|
|
6
|
+
* Why this slimmer exists:
|
|
7
|
+
* `vega-popover` appends its `popover` slot content to a different shadow root (the appender), which breaks
|
|
8
|
+
* normal slot projection for any extra slots declared inside that popover content. To support customization
|
|
9
|
+
* via additional slots (e.g. a left-side panel), the host component must imperatively move the slot element
|
|
10
|
+
* into the rendered container on every render, and observe DOM mutations to keep the projection in sync when
|
|
11
|
+
* consumers add, replace, or remove the slot at runtime.
|
|
12
|
+
*
|
|
13
|
+
* Usage:
|
|
14
|
+
* 1. Inject this slimmer into the component with the slot name and a getter returning the container ref.
|
|
15
|
+
* 2. Call `hasSlot()` in the renderer to conditionally render the container wrapper.
|
|
16
|
+
*
|
|
17
|
+
* Lifecycle:
|
|
18
|
+
* - `componentWillLoad`: capture the current slot element and set up observers.
|
|
19
|
+
* - `componentDidRender`: append the slot element into the container when needed.
|
|
20
|
+
* - `disconnectedCallback`: disconnect observers.
|
|
21
|
+
*/
|
|
22
|
+
export declare class PopoverNestedSlotProjectionSlimmer extends VegaSlimmer {
|
|
23
|
+
protected host: HTMLElement;
|
|
24
|
+
private slotName;
|
|
25
|
+
private getContainerRef;
|
|
26
|
+
private slotElement;
|
|
27
|
+
private hostMutationObserver;
|
|
28
|
+
private containerMutationObserver;
|
|
29
|
+
constructor(slotName: string, getContainerRef: GetContainerRef);
|
|
30
|
+
/**
|
|
31
|
+
* Returns whether the host currently has a matching slot element.
|
|
32
|
+
*
|
|
33
|
+
* @returns {boolean} True if a slot element is present.
|
|
34
|
+
*/
|
|
35
|
+
hasSlot(): boolean;
|
|
36
|
+
/**
|
|
37
|
+
* Captures the current slot element from the host's light DOM and initializes the mutation observers
|
|
38
|
+
* that keep the projection in sync with runtime changes.
|
|
39
|
+
*/
|
|
40
|
+
detectSlot(): void;
|
|
41
|
+
/**
|
|
42
|
+
* Appends the slot element into the container after each render. The popover moves its `popover` slot
|
|
43
|
+
* content into a different shadow root, so normal slot projection cannot keep the nested slot attached.
|
|
44
|
+
*/
|
|
45
|
+
appendSlotContent(): void;
|
|
46
|
+
/**
|
|
47
|
+
* Disconnects the mutation observers when the component is removed from the DOM.
|
|
48
|
+
*/
|
|
49
|
+
cleanup(): void;
|
|
50
|
+
/**
|
|
51
|
+
* Builds the CSS selector for the configured slot name.
|
|
52
|
+
*
|
|
53
|
+
* @returns {string} The attribute selector string.
|
|
54
|
+
*/
|
|
55
|
+
private slotSelector;
|
|
56
|
+
/**
|
|
57
|
+
* Syncs the stored slot reference with dynamic light-DOM additions or replacements.
|
|
58
|
+
*/
|
|
59
|
+
private syncSlotElementFromHost;
|
|
60
|
+
/**
|
|
61
|
+
* Syncs the stored slot reference when the appended slot element is removed from the container.
|
|
62
|
+
*/
|
|
63
|
+
private syncRemovedSlotElement;
|
|
64
|
+
}
|
|
65
|
+
export {};
|
|
@@ -9,6 +9,7 @@ export {
|
|
|
9
9
|
BoxDisplayType,
|
|
10
10
|
CornersType,
|
|
11
11
|
CssStatesType,
|
|
12
|
+
DragDropEventPayload,
|
|
12
13
|
ElementAppenderAlignmentType,
|
|
13
14
|
ElementAppenderPlacementType,
|
|
14
15
|
FlexAlignItemType,
|
|
@@ -253,6 +254,7 @@ export {
|
|
|
253
254
|
VegaTablePinnedType,
|
|
254
255
|
VegaTableRowClickEvent,
|
|
255
256
|
VegaTableRowClickPropType,
|
|
257
|
+
VegaTableRowExpandableType,
|
|
256
258
|
VegaTableRowExpandEvent,
|
|
257
259
|
VegaTableRowExpandEventDetail,
|
|
258
260
|
VegaTableRowSelectAllEventDetail,
|
|
@@ -57,3 +57,5 @@ export type { VegaRTELogicControlBlock } from '../components/vega-rich-text-edit
|
|
|
57
57
|
export type { VegaFunctionBlock } from '../components/vega-rich-text-editor/extensions/functions/dto/function-block';
|
|
58
58
|
export type { StringFormatStrategy } from '../helpers/formatter/string-formatter/string-format-strategy.abstract';
|
|
59
59
|
export type { VegaPaginationPageSizeLabeledOption } from '../components/vega-pagination/types';
|
|
60
|
+
export type { VegaColorFormatter, VegaColorStageType, } from '../components/vega-color-swatch/vega-color-swatch-picker/types';
|
|
61
|
+
export type { DragDropEventOptions, DragDropEventStatus } from '../types/ui.type';
|
|
@@ -560,3 +560,43 @@ export declare type VegaEATriggerType = 'click' | 'hover' | 'none' | VegaEATrigg
|
|
|
560
560
|
* Event types that can trigger element appender visibility changes and state updates.
|
|
561
561
|
*/
|
|
562
562
|
export declare type VegaEAEventType = 'target-click' | 'target-mouseenter' | 'target-mouseleave' | 'element-mouseenter' | 'element-mouseleave' | 'click-outside';
|
|
563
|
+
/**
|
|
564
|
+
* Status values representing different phases of a drag-and-drop interaction, used in drag-and-drop event payloads.
|
|
565
|
+
*/
|
|
566
|
+
export declare type DragDropEventStatus = 'start' | 'drag' | 'enter' | 'leave' | 'over' | 'drop' | 'end';
|
|
567
|
+
/**
|
|
568
|
+
* Options provided in the payload of a drag-and-drop event,
|
|
569
|
+
* detailing the source and target elements and their indices during the interaction.
|
|
570
|
+
*/
|
|
571
|
+
export declare type DragDropEventOptions = {
|
|
572
|
+
/**
|
|
573
|
+
* Index of the item being dragged from its original position.
|
|
574
|
+
*/
|
|
575
|
+
fromIndex: number;
|
|
576
|
+
/**
|
|
577
|
+
* Reference to the HTML element being dragged.
|
|
578
|
+
*/
|
|
579
|
+
fromItem: HTMLElement;
|
|
580
|
+
/**
|
|
581
|
+
* Index of the target position where the item is being dragged over or dropped to. May be null if not applicable.
|
|
582
|
+
*/
|
|
583
|
+
toIndex: Nullable<number>;
|
|
584
|
+
/**
|
|
585
|
+
* Reference to the target HTML element being dragged over or dropped onto. May be null if not applicable.
|
|
586
|
+
*/
|
|
587
|
+
toItem: Nullable<HTMLElement>;
|
|
588
|
+
};
|
|
589
|
+
/**
|
|
590
|
+
* Payload structure for events emitted during drag-and-drop interactions,
|
|
591
|
+
* containing the current status of the interaction and relevant options about the source and target elements.
|
|
592
|
+
*/
|
|
593
|
+
export declare type DragDropEventPayload = {
|
|
594
|
+
/**
|
|
595
|
+
* Current status of the drag-and-drop interaction, indicating the phase of the operation (e.g., 'start', 'drag', 'enter', etc.).
|
|
596
|
+
*/
|
|
597
|
+
status: DragDropEventStatus;
|
|
598
|
+
/**
|
|
599
|
+
* Detailed options about the drag-and-drop event, including source and target element information and their respective indices.
|
|
600
|
+
*/
|
|
601
|
+
options: DragDropEventOptions;
|
|
602
|
+
};
|
package/dist/vega/index.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{g as getCurrentBreakpoint}from"./p-49a2e141.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-6e1ab235.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-c85e743d.js";export{c as camelToDashCase}from"./p-02841589.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-e4c4ea35.js";export{B as Breakpoints}from"./p-ed45b3b6.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{b as Typography,a as TypographyKeys,T as TypographyUrls}from"./p-d884c644.js";export{d as BoxDisplay,e as BreakpointKeys,C as CssStates,F as FlexDirections}from"./p-d4ea8e22.js";export{F as FrameworkEnum,v as VegaEnvManager}from"./p-5f377954.js";export{A as ActionHandlerInterceptor,I as InsertNodeToNearestRootAction,o as RTELanguageToolbarButtonRenderer,m as RTETokenNode,n as RTETokenNodeRenderer,R as RTETokenToolbarButtonRenderer,b as VegaEventManager,V as VegaLoader,a as VegaNotify,j as VegaRTEExtension,k as VegaRTEExtensionRenderer,h as VegaRTEFunctionExtension,g as VegaRTELanguageExtension,i as VegaRTETableExtension,f as VegaRTETokenExtension,l as VegaRTEToolbarButtonRenderer,d as VegaSkeletonLoader,e as VegaTranslation,c as VegaZIndexManager,w as waitForVega}from"./p-
|
|
1
|
+
export{g as getCurrentBreakpoint}from"./p-49a2e141.js";export{L as LogUtility,s as setVegaLogLevel}from"./p-6e1ab235.js";export{d as formatAndValidBackgroundColor,e as formatAndValidBorderColor,g as formatAndValidBorderRadius,c as formatAndValidBreakpointSize,a as formatAndValidGap,h as formatAndValidPadding,f as formatAndValidResponsiveToken,b as formatAndValidShadow,i as formatAndValidTextColor}from"./p-c85e743d.js";export{c as camelToDashCase}from"./p-02841589.js";export{d as BackgroundColorMap,a as BackgroundColors,e as BorderColorMap,b as BorderColors,B as BorderRadius,C as Colors,F as FillBackgroundColors,g as ShadowMap,f as Shadows,h as Spacing,S as StrokeBackgroundColors,c as TextColorMap,T as TextColors}from"./p-e4c4ea35.js";export{B as Breakpoints}from"./p-ed45b3b6.js";export{I as Icons,g as getIconFromToken}from"./p-16493e5b.js";export{b as Typography,a as TypographyKeys,T as TypographyUrls}from"./p-d884c644.js";export{d as BoxDisplay,e as BreakpointKeys,C as CssStates,F as FlexDirections}from"./p-d4ea8e22.js";export{F as FrameworkEnum,v as VegaEnvManager}from"./p-5f377954.js";export{A as ActionHandlerInterceptor,I as InsertNodeToNearestRootAction,o as RTELanguageToolbarButtonRenderer,m as RTETokenNode,n as RTETokenNodeRenderer,R as RTETokenToolbarButtonRenderer,b as VegaEventManager,V as VegaLoader,a as VegaNotify,j as VegaRTEExtension,k as VegaRTEExtensionRenderer,h as VegaRTEFunctionExtension,g as VegaRTELanguageExtension,i as VegaRTETableExtension,f as VegaRTETokenExtension,l as VegaRTEToolbarButtonRenderer,d as VegaSkeletonLoader,e as VegaTranslation,c as VegaZIndexManager,w as waitForVega}from"./p-818da356.js";export{F as FeatureFlag}from"./p-18e8d9b7.js";export{V as VegaThemeManager}from"./p-51b2b3de.js";export{V as VegaDialog}from"./p-c801c85d.js";export{B as VegaJQueryDelegatedEventStrategy}from"./p-f1c672e4.js";export{V as VegaIconManager}from"./p-e6adf829.js";export{V as ValidCreditCardNumberRule}from"./p-5bf3ab33.js";import"./p-6e70d3cc.js";export{s as VegaTranslationResourceEN}from"./p-3b791b5d.js";export{s as setVegaNonce}from"./p-4866e390.js";export{g as ActionHandleStrategy,h as AppendChildrenAction,ab as CodeLanguage,o as CustomAttributeAnnotation,D as CustomClassAnnotation,z as CustomStyleAnnotation,I as InsertChildrenAfterAction,j as InsertChildrenBeforeAction,M as ModifyContentAction,l as ModifyContentActionType,f as RTEAnnotationStyle,d as RTEBlock,G as RTEDecoratorNode,p as RTEFilterStylesStrategy,i as RTENode,e as RTETextBlock,c as RTETextNode,n as RemoveChildrenAction,V as VegaRTEPresetToolbarItems}from"./p-84eb3b9c.js";export{B as BlockToRTEBlockStrategyAbstract,a as ElementToDTOStrategy,I as InsertNewParagraphAction,b as RTEImageBlock,f as RTEImageNode,e as RTEListBlock,d as RTEListItemBlock,U as UpdateCursorPositionAction,V as VegaRTEContent,h as htmlElementToAnnotationGenerator}from"./p-f5f5a0d9.js";export{G as GridColumns,a as GridRows}from"./p-031c0cf7.js";export{C as CheckBoxRequiredRule}from"./p-590fd123.js";export{D as DateRequiredRule}from"./p-c95dbf11.js";export{I as InputPhoneNumberRequiredRule}from"./p-07c2725a.js";export{I as InputRangeRequiredRule}from"./p-f396c69a.js";export{R as RequiredFieldRule}from"./p-280cbcdb.js";export{R as RichTextEditorRequiredRule}from"./p-93afdfc3.js";export{T as TimeRangeRequiredRule,a as TimeRequiredRule}from"./p-e1d2c60d.js";export{T as ToggleSwitchRequiredRule}from"./p-7c0b4c36.js";export{F as FileUploaderRequiredRule}from"./p-0bb860cc.js";export{R as RTERange}from"./p-e1709e59.js";import"./p-1a869f0e.js";import"./p-8b5d3a52.js";import"./p-593e0f80.js";import"./p-6a334573.js";import"./p-781fd6e0.js";import"./p-262ec334.js";import"./p-81dd00d0.js";import"./p-b75ee3ba.js";import"./p-b6c3ce6d.js";import"./p-a7b5f497.js";import"./p-e1fbfd20.js";import"./p-f28a6074.js";import"./p-2d0d575f.js";import"./p-331a62d5.js";import"./p-9af0e2e7.js";import"./p-6c43d54a.js";import"./p-77e64f26.js";import"./p-8aee6b74.js";import"./p-a528714c.js";import"./p-fb5ea4b2.js";import"./p-f0e828d8.js";import"./p-0c667d6a.js";import"./p-a841cf13.js";import"./p-1bc5b3bc.js";import"./p-5a25014f.js";import"./p-abd7aeaa.js";import"./p-d27ae9ff.js";const r=["ring-input-focus","dark-ring-input-focus","ring-input-danger-focus","dark-ring-input-danger-focus","ring-action-focus","dark-ring-action-focus","ring-action-danger-focus","dark-ring-action-danger-focus"];export{r as Rings}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as e,F as t,r as s,c as r,H as o,g as i}from"./p-6b2342e0.js";import{n as a,W as n}from"./p-b78eaec4.js";import{s as p}from"./p-519a7d55.js";import{c,V as l,M as g,I as d}from"./p-6e1ab235.js";import{V as h,I as v}from"./p-4415ad28.js";import{c as f}from"./p-effa6495.js";import{c as u}from"./p-2a9960c9.js";import{d as m,D as b}from"./p-f28a6074.js";import{c as x}from"./p-6ac8e655.js";import{C as _}from"./p-2d0d575f.js";import{D as w}from"./p-aa985d73.js";import{n as y}from"./p-262ec334.js";import{O as k}from"./p-331a62d5.js";import{S}from"./p-1fb56e14.js";import{c as C}from"./p-874bf8b2.js";import{M as j}from"./p-78a57a17.js";import{P as z}from"./p-81dd00d0.js";import{R}from"./p-031c0cf7.js";import{t as D}from"./p-e4c4ea35.js";import{g as O}from"./p-49a2e141.js";import{A as P}from"./p-4d65756f.js";import{S as I}from"./p-a0c3968b.js";import"./p-6a334573.js";import"./p-9de25451.js";import"./p-b75ee3ba.js";import"./p-a841cf13.js";import"./p-6e70d3cc.js";import"./p-d4ea8e22.js";import"./p-0c667d6a.js";import"./p-ed45b3b6.js";import"./p-d27ae9ff.js";import"./p-18e8d9b7.js";import"./p-5a25014f.js";import"./p-d884c644.js";import"./p-3b791b5d.js";import"./p-a528714c.js";const L=[{payloadKey:"COMPLETED_STEP_ARRAY_IS_EMPTY",payloadDescription:"@deprecated Specifies an array of completed step titles for the Progress Tracker component.",payloadValue:e=>0===e.completedStepArray.length},{payloadKey:"COMPLETED_STEP_ARRAY_IS_NOT_EMPTY",payloadDescription:"@deprecated Specifies an array of completed step titles for the Progress Tracker component.",payloadValue:e=>e.completedStepArray.length>0}];var A=function(e,t,s,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(i<3?o(a):i>3?o(t,s,a):o(t,s))||a);return i>3&&a&&Object.defineProperty(t,s,a),a};class E extends l{constructor(){super(...arguments),this.renderStepIcon=(t,s)=>e("div",{class:"vega-progress-step-icon-container"},e("div",{class:"vega-progress-step__icon"},t.isCompleted()?e("vega-icon",{icon:"checkmark-rounded",size:"size-16"}):e("span",null,s+1))),this.renderStep=(t,s)=>{var r;return e("div",{role:t.clickable?"button":null,class:["vega-progress-step",t.progressStatus,t.isCurrent?"current":"",t.clickable?"":"disabled"].filter(Boolean).join(" "),"data-index":s,tabIndex:t.clickable?0:null,onClick:t.clickable?this.onStepIconClick:null,onKeyDown:t.clickable?x():null,"aria-label":t.title},e("div",{class:"vega-progress-step-icon-divider"},e("div",{class:"vega-progress-step__divider left "+((null===(r=this.currentSteps[s-1])||void 0===r?void 0:r.isCompleted())?"background":"")}),this.renderStepIcon(t,s),e("div",{class:"vega-progress-step__divider right "+(t.isCompleted()?"complete":"default")})),e("div",{class:"vega-progress-step__title"},this.renderStepTitle(t,s,"top")))},this.onStepIconClick=e=>{const t=Number(e.currentTarget.getAttribute("data-index"));_.notify(m.getSubject(this.host,w),t)}}async gotoCarouselPage(e){const t=null!=e?e:this.current;t>=0&&this.carouselContainerRef.getBoundingClientRect().width>0&&await this.carouselRef.goToPage(t+1)}render(){return e(t,null,e("div",{class:"vega-progress-tracker__container"},e("div",{class:"vega-progress-tracker__slot"},this.currentSteps.map(((e,t)=>this.renderStep(e,t))))),e("div",{class:"vega-progress-tracker__box",ref:e=>this.carouselContainerRef=e},e("vega-carousel",{showSlider:!1,itemsPerPage:1,canSwipe:this.canClickStep,ref:e=>(b.addUniqueObserverToNode(e,a,(async e=>{await this.host.setCurrent(e.detail-1)})),this.carouselRef=e)},this.currentSteps.map(((e,t)=>this.renderStepTitle(e,t,"carousel"))))))}renderStepTitle(t,s,r){const o="horizontal-compact"===this.currentDirection;if(o&&"carousel"===r||!o&&"top"===r)return this.renderModeController.isSourceRenderMode()?e("vega-progress-tracker-step",{key:t.stepKey,stepKey:t.stepKey},t.title):e("slot",{name:`step-${s}`})}}A([c()],E.prototype,"host",void 0),A([c()],E.prototype,"currentSteps",void 0),A([c()],E.prototype,"canClickStep",void 0),A([c()],E.prototype,"current",void 0),A([c()],E.prototype,"deprecatedPropertySlimmer",void 0),A([c()],E.prototype,"currentStepController",void 0),A([c()],E.prototype,"currentDirection",void 0),A([c()],E.prototype,"renderModeController",void 0);var T,M=function(e,t,s,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(i<3?o(a):i>3?o(t,s,a):o(t,s))||a);return i>3&&a&&Object.defineProperty(t,s,a),a};class U extends l{constructor(){super(...arguments),this.goToPageTaskQueue=new S,this.updateCurrent=e=>{const t=Math.max(0,this.currentSteps.length-1);this.current=y(e,this.allowNoCurrentStep?-1:0,t)}}connectedCallback(){this.initStepClickObserver()}disconnectedCallback(){this.removeStepClickObserver()}componentDidLoad(){this.updateCurrent(this.current)}async componentDidRender(){await this.goToPageTaskQueue.runTask()}async watchCurrentChange(){var e;this.updateCurrent(this.current),this.currentStepUpdateEventEmitter.emit(null===(e=this.currentSteps[this.current])||void 0===e?void 0:e.stepKey),await this.renderer.gotoCarouselPage()}watchSteps(){this.updateCurrent(this.current)}nextStep(){this.updateCurrent(++this.current)}prevStep(){const e=this.allowNoCurrentStep&&this.current<=-1?-1:0,t=Math.max(0,this.currentSteps.length-1);this.current=y(--this.current,e,t)}setCurrent(e){this.updateCurrent(e)}async watchDirection(){await this.goToPageTaskQueue.enqueue({run:async()=>await this.renderer.gotoCarouselPage()},!1)}initStepClickObserver(){this.stepClickObserver=new k(this.canAcceptStepClickEvent.bind(this),this.updateCurrent.bind(this)),_.register(m.getSubject(this.host,w),this.stepClickObserver)}removeStepClickObserver(){_.unregister(m.getSubject(this.host,w),this.stepClickObserver)}canAcceptStepClickEvent(){return!0}}M([c()],U.prototype,"currentSteps",void 0),M([c({writable:!0})],U.prototype,"current",void 0),M([c()],U.prototype,"allowNoCurrentStep",void 0),M([c()],U.prototype,"currentStepUpdateEventEmitter",void 0),M([c()],U.prototype,"renderer",void 0),M([c()],U.prototype,"host",void 0),M([g("connectedCallback")],U.prototype,"connectedCallback",null),M([g("disconnectedCallback")],U.prototype,"disconnectedCallback",null),M([g("componentDidLoad")],U.prototype,"componentDidLoad",null),M([g("componentDidRender")],U.prototype,"componentDidRender",null),M([g("watchCurrentChange")],U.prototype,"watchCurrentChange",null),M([g("watchSteps")],U.prototype,"watchSteps",null),M([g("nextStep")],U.prototype,"nextStep",null),M([g("prevStep")],U.prototype,"prevStep",null),M([g("setCurrent")],U.prototype,"setCurrent",null),M([g("watchDirection")],U.prototype,"watchDirection",null),function(e){e.DEFAULT="default",e.IN_PROGRESS="inProgress",e.COMPLETE="complete"}(T||(T={}));class q{constructor(e,t,s,r,o){this.stepKey=e,this.title=t,this.progressStatus=s,this.isCurrent=r,this.clickable=o}static fromSteps(e,t,s,r){return t.map(((t,o)=>{const i="string"==typeof t?t:t.title;return new q(i,i,this.getStepStatus(i,o,s,r),o===s,this.getIsStepClickable(e,t))}))}static fromHostSlot(e,t,s){return Array.from(e.querySelectorAll("vega-progress-tracker-step")).map(((r,o)=>{const i=r.stepKey;return new q(i,"",this.getStepStatus(i,o,t,s),o===t,this.getIsStepClickable(e,r))}))}static getIsStepClickable(e,t){return"string"==typeof t?e.canClickStep:!!e.canClickStep&&("boolean"==typeof t.clickable?t.clickable:e.canClickStep)}isCompleted(){return this.progressStatus===T.COMPLETE}}q.getStepStatus=(e,t,s,r)=>r.includes(e)?T.COMPLETE:t===s?T.IN_PROGRESS:T.DEFAULT;var W=function(e,t,s,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(i<3?o(a):i>3?o(t,s,a):o(t,s))||a);return i>3&&a&&Object.defineProperty(t,s,a),a};class K extends l{constructor(){super(...arguments),this.mutationObserver=new j({target:()=>this.host,options:{childList:!0,subtree:!0},callback:()=>{this.appendSlotAttribute(),this.syncUpCurrentSteps()}})}connectedCallback(){this.appendSlotAttribute()}disconnectedCallback(){}componentWillLoad(){this.syncUpCurrentSteps()}componentDidLoad(){}watchSteps(){this.syncUpCurrentSteps()}watchCurrentChange(){this.syncUpCurrentSteps()}watchCompletedStepArray(){this.syncUpCurrentSteps()}watchCompletedSteps(){this.syncUpCurrentSteps()}syncUpCurrentSteps(){this.currentSteps=this.renderModeController.isSourceRenderMode()?q.fromSteps(this.host,this.steps,this.current,this.deprecatedPropertySlimmer.getValue()):q.fromHostSlot(this.host,this.current,this.deprecatedPropertySlimmer.getValue())}appendSlotAttribute(){this.renderModeController.isSourceRenderMode()||Array.from(this.host.querySelectorAll("vega-progress-tracker-step")).map(((e,t)=>{e.setAttribute("slot",`step-${t}`)}))}}W([c()],K.prototype,"host",void 0),W([c()],K.prototype,"steps",void 0),W([c({writable:!0})],K.prototype,"currentSteps",void 0),W([c()],K.prototype,"renderModeController",void 0),W([c()],K.prototype,"current",void 0),W([c()],K.prototype,"deprecatedPropertySlimmer",void 0),W([d()],K.prototype,"mutationObserver",void 0),W([g("connectedCallback")],K.prototype,"connectedCallback",null),W([g("disconnectedCallback")],K.prototype,"disconnectedCallback",null),W([g("componentWillLoad")],K.prototype,"componentWillLoad",null),W([g("componentDidLoad")],K.prototype,"componentDidLoad",null),W([g("watchSteps")],K.prototype,"watchSteps",null),W([g("watchCurrentChange")],K.prototype,"watchCurrentChange",null),W([g("watchCompletedStepArray")],K.prototype,"watchCompletedStepArray",null),W([g("watchCompletedSteps")],K.prototype,"watchCompletedSteps",null);var N=function(e,t,s,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(i<3?o(a):i>3?o(t,s,a):o(t,s))||a);return i>3&&a&&Object.defineProperty(t,s,a),a};class V extends l{constructor(){super(...arguments),this.renderMode="SOURCE"}connectedCallback(){this.setRenderMode()}isSourceRenderMode(){return"SOURCE"===this.renderMode}setRenderMode(){this.renderMode=this.host.querySelector("vega-progress-tracker-step")?"SLOT":"SOURCE"}}N([c()],V.prototype,"host",void 0),N([g("connectedCallback")],V.prototype,"connectedCallback",null);var Y=function(e,t,s,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(i<3?o(a):i>3?o(t,s,a):o(t,s))||a);return i>3&&a&&Object.defineProperty(t,s,a),a};class H extends P{constructor(){super(...arguments),this.pageResizeObserverSlimmer=new z({callback:async()=>{const e=this.current,t=this.currentDirection;this.setCurrentDirection(),t!==this.currentDirection?this.enqueueSyncCarouselPage(e):await this.renderer.gotoCarouselPage(e)}})}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){this.setCurrentDirection()}componentDidLoad(){}watchDirection(){this.setCurrentDirection()}async doTask(){}enqueueSyncCarouselPage(e){this.autoRunTaskQueue.enqueue({run:async()=>{await this.renderer.gotoCarouselPage(e)}},!1)}setCurrentDirection(){let e=R.formatCustom(this.direction)||"vertical";["default","S"].includes(O())&&!D(this.direction)&&(e="horizontal-compact"),this.currentDirection=e}}Y([c()],H.prototype,"direction",void 0),Y([c()],H.prototype,"current",void 0),Y([c()],H.prototype,"renderer",void 0),Y([c({writable:!0})],H.prototype,"currentDirection",void 0),Y([d()],H.prototype,"pageResizeObserverSlimmer",void 0),Y([g("connectedCallback")],H.prototype,"connectedCallback",null),Y([g("disconnectedCallback")],H.prototype,"disconnectedCallback",null),Y([g("componentWillLoad")],H.prototype,"componentWillLoad",null),Y([g("componentDidLoad")],H.prototype,"componentDidLoad",null),Y([g("watchDirection")],H.prototype,"watchDirection",null);var $=function(e,t,s,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(i<3?o(a):i>3?o(t,s,a):o(t,s))||a);return i>3&&a&&Object.defineProperty(t,s,a),a};const B=class{constructor(e){s(this,e),this.vegaCurrentStepUpdate=r(this,"vegaCurrentStepUpdate",7),this.currentStepUpdate=r(this,"currentStepUpdate",7),this.globalSlimmers={},this.renderModeController=new V,this.currentStepsController=new K,this.currentStepController=new U,this.currentDirectionController=new H,this.renderer=new E,this.currentStepUpdateEventEmitter=f(B,n),this.currentStepsSubStateSlimmer=C(B,"currentSteps","watchCurrentSteps"),this.deprecatedPropertySlimmer=u(B,"completedSteps","completedStepArray",[]),this.vegaComponentUsageRuntimeMetricsSlimmer=new h(L),this.currentSteps=[],this.current=0,this.direction="vertical",this.steps=[],this.completedStepArray=[],this.completedSteps=[],this.canClickStep=!0,this.allowNoCurrentStep=!1}watchCurrentSteps(){}async watchCurrentChange(){}async watchDirection(){}watchSteps(){}watchCompletedStepArray(){}watchCompletedSteps(){}async nextStep(){}async prevStep(){}async setCurrent(e){}async getCurrent(){return this.current}render(){return p(e(o,{class:{"vega-progress-tracker":!0,[this.currentDirection]:!0,"click-step-disabled":!this.canClickStep}},this.renderer.render()),this.host)}get host(){return i(this)}static get watchers(){return{currentSteps:["watchCurrentSteps"],current:["watchCurrentChange"],direction:["watchDirection"],steps:["watchSteps"],completedStepArray:["watchCompletedStepArray"],completedSteps:["watchCompletedSteps"]}}};$([v()],B.prototype,"globalSlimmers",void 0),$([d()],B.prototype,"renderModeController",void 0),$([d()],B.prototype,"currentStepsController",void 0),$([d()],B.prototype,"currentStepController",void 0),$([d()],B.prototype,"currentDirectionController",void 0),$([d()],B.prototype,"renderer",void 0),$([d()],B.prototype,"currentStepUpdateEventEmitter",void 0),$([d()],B.prototype,"currentStepsSubStateSlimmer",void 0),$([d()],B.prototype,"deprecatedPropertySlimmer",void 0),$([d()],B.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),B.style=':host .vega-progress-tracker__container{display:flex;align-items:center;padding-top:0px;padding-bottom:0px}:host .vega-progress-tracker__slot{width:100%;display:block}:host .vega-progress-step{display:flex;gap:16px}:host(:not(.click-step-disabled)) .vega-progress-step{cursor:pointer}:host(:not(.click-step-disabled)) .vega-progress-step.default:hover .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.default .vega-progress-step__icon:hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.default:active .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress .vega-progress-step__icon:hover,:host(:not(.click-step-disabled)) .vega-progress-step.current .vega-progress-step__icon:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress:hover .vega-progress-step__icon,:host(:not(.click-step-disabled)) .vega-progress-step.current:hover .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress:active .vega-progress-step__icon,:host(:not(.click-step-disabled)) .vega-progress-step.current:active .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:hover .vega-progress-step__icon{border-color:rgba(var(--v-border-color-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:hover .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:active .vega-progress-step__icon{border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:active .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete.current:hover .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.disabled{cursor:initial}:host(:not(.click-step-disabled)) .vega-progress-step.disabled.default:hover .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.disabled.default:active .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.disabled.inProgress:hover .vega-progress-step__icon,:host(:not(.click-step-disabled)) .vega-progress-step.disabled.current:hover .vega-progress-step__icon{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-progress-step:focus-visible{outline-width:0px}:host .vega-progress-step:focus-visible .vega-progress-step-icon-container{border-radius:8px;outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-progress-step .vega-progress-step-icon-divider{display:flex;flex-direction:column;align-items:center;gap:0px}:host .vega-progress-step .vega-progress-step-icon-container{padding:8px}:host .vega-progress-step .vega-progress-step__icon{display:block;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:9999px;box-sizing:content-box;height:32px;width:32px;min-width:32px;line-height:32px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-progress-step .vega-progress-step__icon{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-progress-step .vega-progress-step__icon{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-progress-step .vega-progress-step__icon{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-progress-step .vega-progress-step__icon span{display:block}:host .vega-progress-step .vega-progress-step__icon:not(.disable-responsive){line-height:32px}:host .vega-progress-step .vega-progress-step__divider{width:1px;flex-grow:1;height:100%;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1));display:block}:host .vega-progress-step .vega-progress-step__divider.right.complete{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-progress-step .vega-progress-step__divider.left{display:none}:host .vega-progress-step:last-child .vega-progress-step__divider.right{display:none}:host .vega-progress-step.default .vega-progress-step__icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1));background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host .vega-progress-step.complete .vega-progress-step__icon{display:flex;justify-content:center;align-items:center;background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0));box-sizing:border-box;border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action, 19, 98, 226, 1))}:host .vega-progress-step.complete .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .vega-progress-step.complete.current .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host .vega-progress-step.inProgress .vega-progress-step__icon,:host .vega-progress-step.current .vega-progress-step__icon{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(.horizontal-compact){flex:1 1 100%;padding-top:0px}:host(.horizontal-compact) .vega-progress-tracker__container{padding-top:16px;padding-bottom:16px}:host(.horizontal-compact) .vega-progress-tracker__slot{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:0px}:host(.horizontal-compact) .vega-progress-step{display:flex;flex-grow:1;flex-basis:0}:host(.horizontal-compact) .vega-progress-step .vega-progress-step-icon-divider{display:flex;flex-direction:row;gap:4px;width:100%}:host(.horizontal-compact) .vega-progress-step .vega-progress-step__icon{height:16px;width:16px;min-width:16px}:host(.horizontal-compact) .vega-progress-step .vega-progress-step__icon{line-height:16px}:host(.horizontal-compact) .vega-progress-step .vega-progress-step__icon vega-icon{height:8px;width:8px}:host(.horizontal-compact) .vega-progress-step .vega-progress-step__icon span{display:none}:host(.horizontal-compact) .vega-progress-step .vega-progress-step__divider{height:1px;flex-grow:1}:host(.horizontal-compact) .vega-progress-step .vega-progress-step__divider.left{display:block}:host(.horizontal-compact) .vega-progress-step .vega-progress-step__divider.left.background{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.horizontal-compact) .vega-progress-step .vega-progress-step__divider.right{display:block}:host(.horizontal-compact) .vega-progress-step .vega-progress-step__title{display:none}:host(.horizontal-compact) .vega-progress-step:first-child .vega-progress-step__divider.left{opacity:0}:host(.horizontal-compact) .vega-progress-step:last-child .vega-progress-step__divider.right{display:block;opacity:0}:host(:not(.horizontal-compact)) .vega-progress-tracker__box{display:none}:host(.vertical) .vega-progress-step__title{padding-top:12px;padding-bottom:36px}:host(.horizontal){display:block;overflow-x:auto;padding-top:4px}:host(.horizontal) .vega-progress-tracker__slot{display:flex}:host(.horizontal) .vega-progress-step{flex-direction:column;align-items:center;gap:4px;flex-grow:1;flex-basis:0}:host(.horizontal) .vega-progress-step .vega-progress-step-icon-divider{flex-direction:row;align-items:center;gap:4px;width:100%}:host(.horizontal) .vega-progress-step .vega-progress-step__divider{height:1px;display:block}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.left{display:block}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.right.complete{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.left.background{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.horizontal) .vega-progress-step .vega-progress-step__title{padding-top:0px;padding-bottom:0px;text-align:center;padding-left:4px;padding-right:4px}:host(.horizontal) .vega-progress-step:first-child .vega-progress-step__divider.left{opacity:0}:host(.horizontal) .vega-progress-step:last-child .vega-progress-step__divider.right{display:block;opacity:0}:host vega-carousel .subTitle{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-carousel .subTitle{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host vega-carousel .subTitle{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host vega-carousel .subTitle{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host .vega-progress-tracker__box{display:flex;align-items:center}:host .vega-progress-tracker__box vega-carousel{width:100%;text-align:center}';var F=function(e,t,s,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(i<3?o(a):i>3?o(t,s,a):o(t,s))||a);return i>3&&a&&Object.defineProperty(t,s,a),a};class G extends I{constructor(){super({parent:"vega-progress-tracker",subStates:[{subStateName:"status",parentStateName:"currentSteps",callback:e=>{const t=e.find((e=>e.stepKey===this.stepKey));this.progressStatus=t.progressStatus,this.isCurrent=t.isCurrent}}]})}}F([c()],G.prototype,"host",void 0),F([c({writable:!0})],G.prototype,"progressStatus",void 0),F([c({writable:!0})],G.prototype,"isCurrent",void 0),F([c()],G.prototype,"stepKey",void 0);var J=function(e,t,s,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(i<3?o(a):i>3?o(t,s,a):o(t,s))||a);return i>3&&a&&Object.defineProperty(t,s,a),a};const Q=class{constructor(e){s(this,e),this.globalSlimmers={},this.stateController=new G,this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.progressStatus=T.DEFAULT,this.isCurrent=!1,this.stepKey="",this.clickable=!0}render(){return p(e(o,null,e("div",{class:{"title-container":!0,[this.progressStatus]:!0,current:this.isCurrent}},e("slot",null))),this.host)}get host(){return i(this)}};J([v()],Q.prototype,"globalSlimmers",void 0),J([d()],Q.prototype,"stateController",void 0),J([d()],Q.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Q.style=':host .title-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));display:block}@media screen and (min-width: 768px) and (max-width: 1023px){:host .title-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .title-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .title-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .title-container.inProgress,:host .title-container.current{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .title-container.inProgress,:host .title-container.current{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .title-container.inProgress,:host .title-container.current{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .title-container.inProgress,:host .title-container.current{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}:host .title-container.complete{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}';export{B as vega_progress_tracker,Q as vega_progress_tracker_step}
|
|
1
|
+
import{h as e,F as t,r as s,c as r,H as o,g as i}from"./p-6b2342e0.js";import{n as a,W as n}from"./p-9af0e2e7.js";import{s as p}from"./p-519a7d55.js";import{c,V as l,M as g,I as d}from"./p-6e1ab235.js";import{V as h,I as v}from"./p-4415ad28.js";import{c as f}from"./p-6b5cb920.js";import{c as u}from"./p-2a9960c9.js";import{d as m,D as b}from"./p-f28a6074.js";import{c as x}from"./p-6ac8e655.js";import{C as _}from"./p-2d0d575f.js";import{D as w}from"./p-6c43d54a.js";import{n as y}from"./p-262ec334.js";import{O as k}from"./p-331a62d5.js";import{S}from"./p-1fb56e14.js";import{c as C}from"./p-c31a32f4.js";import{M as j}from"./p-78a57a17.js";import{P as z}from"./p-81dd00d0.js";import{R}from"./p-031c0cf7.js";import{t as D}from"./p-e4c4ea35.js";import{g as O}from"./p-49a2e141.js";import{A as P}from"./p-4d65756f.js";import{S as I}from"./p-af5cb9bc.js";import"./p-6a334573.js";import"./p-f1c672e4.js";import"./p-b75ee3ba.js";import"./p-a841cf13.js";import"./p-6e70d3cc.js";import"./p-d4ea8e22.js";import"./p-0c667d6a.js";import"./p-ed45b3b6.js";import"./p-d27ae9ff.js";import"./p-18e8d9b7.js";import"./p-5a25014f.js";import"./p-d884c644.js";import"./p-3b791b5d.js";import"./p-a528714c.js";const L=[{payloadKey:"COMPLETED_STEP_ARRAY_IS_EMPTY",payloadDescription:"@deprecated Specifies an array of completed step titles for the Progress Tracker component.",payloadValue:e=>0===e.completedStepArray.length},{payloadKey:"COMPLETED_STEP_ARRAY_IS_NOT_EMPTY",payloadDescription:"@deprecated Specifies an array of completed step titles for the Progress Tracker component.",payloadValue:e=>e.completedStepArray.length>0}];var A=function(e,t,s,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(i<3?o(a):i>3?o(t,s,a):o(t,s))||a);return i>3&&a&&Object.defineProperty(t,s,a),a};class E extends l{constructor(){super(...arguments),this.renderStepIcon=(t,s)=>e("div",{class:"vega-progress-step-icon-container"},e("div",{class:"vega-progress-step__icon"},t.isCompleted()?e("vega-icon",{icon:"checkmark-rounded",size:"size-16"}):e("span",null,s+1))),this.renderStep=(t,s)=>{var r;return e("div",{role:t.clickable?"button":null,class:["vega-progress-step",t.progressStatus,t.isCurrent?"current":"",t.clickable?"":"disabled"].filter(Boolean).join(" "),"data-index":s,tabIndex:t.clickable?0:null,onClick:t.clickable?this.onStepIconClick:null,onKeyDown:t.clickable?x():null,"aria-label":t.title},e("div",{class:"vega-progress-step-icon-divider"},e("div",{class:"vega-progress-step__divider left "+((null===(r=this.currentSteps[s-1])||void 0===r?void 0:r.isCompleted())?"background":"")}),this.renderStepIcon(t,s),e("div",{class:"vega-progress-step__divider right "+(t.isCompleted()?"complete":"default")})),e("div",{class:"vega-progress-step__title"},this.renderStepTitle(t,s,"top")))},this.onStepIconClick=e=>{const t=Number(e.currentTarget.getAttribute("data-index"));_.notify(m.getSubject(this.host,w),t)}}async gotoCarouselPage(e){const t=null!=e?e:this.current;t>=0&&this.carouselContainerRef.getBoundingClientRect().width>0&&await this.carouselRef.goToPage(t+1)}render(){return e(t,null,e("div",{class:"vega-progress-tracker__container"},e("div",{class:"vega-progress-tracker__slot"},this.currentSteps.map(((e,t)=>this.renderStep(e,t))))),e("div",{class:"vega-progress-tracker__box",ref:e=>this.carouselContainerRef=e},e("vega-carousel",{showSlider:!1,itemsPerPage:1,canSwipe:this.canClickStep,ref:e=>(b.addUniqueObserverToNode(e,a,(async e=>{await this.host.setCurrent(e.detail-1)})),this.carouselRef=e)},this.currentSteps.map(((e,t)=>this.renderStepTitle(e,t,"carousel"))))))}renderStepTitle(t,s,r){const o="horizontal-compact"===this.currentDirection;if(o&&"carousel"===r||!o&&"top"===r)return this.renderModeController.isSourceRenderMode()?e("vega-progress-tracker-step",{key:t.stepKey,stepKey:t.stepKey},t.title):e("slot",{name:`step-${s}`})}}A([c()],E.prototype,"host",void 0),A([c()],E.prototype,"currentSteps",void 0),A([c()],E.prototype,"canClickStep",void 0),A([c()],E.prototype,"current",void 0),A([c()],E.prototype,"deprecatedPropertySlimmer",void 0),A([c()],E.prototype,"currentStepController",void 0),A([c()],E.prototype,"currentDirection",void 0),A([c()],E.prototype,"renderModeController",void 0);var T,M=function(e,t,s,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(i<3?o(a):i>3?o(t,s,a):o(t,s))||a);return i>3&&a&&Object.defineProperty(t,s,a),a};class U extends l{constructor(){super(...arguments),this.goToPageTaskQueue=new S,this.updateCurrent=e=>{const t=Math.max(0,this.currentSteps.length-1);this.current=y(e,this.allowNoCurrentStep?-1:0,t)}}connectedCallback(){this.initStepClickObserver()}disconnectedCallback(){this.removeStepClickObserver()}componentDidLoad(){this.updateCurrent(this.current)}async componentDidRender(){await this.goToPageTaskQueue.runTask()}async watchCurrentChange(){var e;this.updateCurrent(this.current),this.currentStepUpdateEventEmitter.emit(null===(e=this.currentSteps[this.current])||void 0===e?void 0:e.stepKey),await this.renderer.gotoCarouselPage()}watchSteps(){this.updateCurrent(this.current)}nextStep(){this.updateCurrent(++this.current)}prevStep(){const e=this.allowNoCurrentStep&&this.current<=-1?-1:0,t=Math.max(0,this.currentSteps.length-1);this.current=y(--this.current,e,t)}setCurrent(e){this.updateCurrent(e)}async watchDirection(){await this.goToPageTaskQueue.enqueue({run:async()=>await this.renderer.gotoCarouselPage()},!1)}initStepClickObserver(){this.stepClickObserver=new k(this.canAcceptStepClickEvent.bind(this),this.updateCurrent.bind(this)),_.register(m.getSubject(this.host,w),this.stepClickObserver)}removeStepClickObserver(){_.unregister(m.getSubject(this.host,w),this.stepClickObserver)}canAcceptStepClickEvent(){return!0}}M([c()],U.prototype,"currentSteps",void 0),M([c({writable:!0})],U.prototype,"current",void 0),M([c()],U.prototype,"allowNoCurrentStep",void 0),M([c()],U.prototype,"currentStepUpdateEventEmitter",void 0),M([c()],U.prototype,"renderer",void 0),M([c()],U.prototype,"host",void 0),M([g("connectedCallback")],U.prototype,"connectedCallback",null),M([g("disconnectedCallback")],U.prototype,"disconnectedCallback",null),M([g("componentDidLoad")],U.prototype,"componentDidLoad",null),M([g("componentDidRender")],U.prototype,"componentDidRender",null),M([g("watchCurrentChange")],U.prototype,"watchCurrentChange",null),M([g("watchSteps")],U.prototype,"watchSteps",null),M([g("nextStep")],U.prototype,"nextStep",null),M([g("prevStep")],U.prototype,"prevStep",null),M([g("setCurrent")],U.prototype,"setCurrent",null),M([g("watchDirection")],U.prototype,"watchDirection",null),function(e){e.DEFAULT="default",e.IN_PROGRESS="inProgress",e.COMPLETE="complete"}(T||(T={}));class q{constructor(e,t,s,r,o){this.stepKey=e,this.title=t,this.progressStatus=s,this.isCurrent=r,this.clickable=o}static fromSteps(e,t,s,r){return t.map(((t,o)=>{const i="string"==typeof t?t:t.title;return new q(i,i,this.getStepStatus(i,o,s,r),o===s,this.getIsStepClickable(e,t))}))}static fromHostSlot(e,t,s){return Array.from(e.querySelectorAll("vega-progress-tracker-step")).map(((r,o)=>{const i=r.stepKey;return new q(i,"",this.getStepStatus(i,o,t,s),o===t,this.getIsStepClickable(e,r))}))}static getIsStepClickable(e,t){return"string"==typeof t?e.canClickStep:!!e.canClickStep&&("boolean"==typeof t.clickable?t.clickable:e.canClickStep)}isCompleted(){return this.progressStatus===T.COMPLETE}}q.getStepStatus=(e,t,s,r)=>r.includes(e)?T.COMPLETE:t===s?T.IN_PROGRESS:T.DEFAULT;var W=function(e,t,s,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(i<3?o(a):i>3?o(t,s,a):o(t,s))||a);return i>3&&a&&Object.defineProperty(t,s,a),a};class K extends l{constructor(){super(...arguments),this.mutationObserver=new j({target:()=>this.host,options:{childList:!0,subtree:!0},callback:()=>{this.appendSlotAttribute(),this.syncUpCurrentSteps()}})}connectedCallback(){this.appendSlotAttribute()}disconnectedCallback(){}componentWillLoad(){this.syncUpCurrentSteps()}componentDidLoad(){}watchSteps(){this.syncUpCurrentSteps()}watchCurrentChange(){this.syncUpCurrentSteps()}watchCompletedStepArray(){this.syncUpCurrentSteps()}watchCompletedSteps(){this.syncUpCurrentSteps()}syncUpCurrentSteps(){this.currentSteps=this.renderModeController.isSourceRenderMode()?q.fromSteps(this.host,this.steps,this.current,this.deprecatedPropertySlimmer.getValue()):q.fromHostSlot(this.host,this.current,this.deprecatedPropertySlimmer.getValue())}appendSlotAttribute(){this.renderModeController.isSourceRenderMode()||Array.from(this.host.querySelectorAll("vega-progress-tracker-step")).map(((e,t)=>{e.setAttribute("slot",`step-${t}`)}))}}W([c()],K.prototype,"host",void 0),W([c()],K.prototype,"steps",void 0),W([c({writable:!0})],K.prototype,"currentSteps",void 0),W([c()],K.prototype,"renderModeController",void 0),W([c()],K.prototype,"current",void 0),W([c()],K.prototype,"deprecatedPropertySlimmer",void 0),W([d()],K.prototype,"mutationObserver",void 0),W([g("connectedCallback")],K.prototype,"connectedCallback",null),W([g("disconnectedCallback")],K.prototype,"disconnectedCallback",null),W([g("componentWillLoad")],K.prototype,"componentWillLoad",null),W([g("componentDidLoad")],K.prototype,"componentDidLoad",null),W([g("watchSteps")],K.prototype,"watchSteps",null),W([g("watchCurrentChange")],K.prototype,"watchCurrentChange",null),W([g("watchCompletedStepArray")],K.prototype,"watchCompletedStepArray",null),W([g("watchCompletedSteps")],K.prototype,"watchCompletedSteps",null);var N=function(e,t,s,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(i<3?o(a):i>3?o(t,s,a):o(t,s))||a);return i>3&&a&&Object.defineProperty(t,s,a),a};class V extends l{constructor(){super(...arguments),this.renderMode="SOURCE"}connectedCallback(){this.setRenderMode()}isSourceRenderMode(){return"SOURCE"===this.renderMode}setRenderMode(){this.renderMode=this.host.querySelector("vega-progress-tracker-step")?"SLOT":"SOURCE"}}N([c()],V.prototype,"host",void 0),N([g("connectedCallback")],V.prototype,"connectedCallback",null);var Y=function(e,t,s,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(i<3?o(a):i>3?o(t,s,a):o(t,s))||a);return i>3&&a&&Object.defineProperty(t,s,a),a};class H extends P{constructor(){super(...arguments),this.pageResizeObserverSlimmer=new z({callback:async()=>{const e=this.current,t=this.currentDirection;this.setCurrentDirection(),t!==this.currentDirection?this.enqueueSyncCarouselPage(e):await this.renderer.gotoCarouselPage(e)}})}connectedCallback(){}disconnectedCallback(){}componentWillLoad(){this.setCurrentDirection()}componentDidLoad(){}watchDirection(){this.setCurrentDirection()}async doTask(){}enqueueSyncCarouselPage(e){this.autoRunTaskQueue.enqueue({run:async()=>{await this.renderer.gotoCarouselPage(e)}},!1)}setCurrentDirection(){let e=R.formatCustom(this.direction)||"vertical";["default","S"].includes(O())&&!D(this.direction)&&(e="horizontal-compact"),this.currentDirection=e}}Y([c()],H.prototype,"direction",void 0),Y([c()],H.prototype,"current",void 0),Y([c()],H.prototype,"renderer",void 0),Y([c({writable:!0})],H.prototype,"currentDirection",void 0),Y([d()],H.prototype,"pageResizeObserverSlimmer",void 0),Y([g("connectedCallback")],H.prototype,"connectedCallback",null),Y([g("disconnectedCallback")],H.prototype,"disconnectedCallback",null),Y([g("componentWillLoad")],H.prototype,"componentWillLoad",null),Y([g("componentDidLoad")],H.prototype,"componentDidLoad",null),Y([g("watchDirection")],H.prototype,"watchDirection",null);var $=function(e,t,s,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(i<3?o(a):i>3?o(t,s,a):o(t,s))||a);return i>3&&a&&Object.defineProperty(t,s,a),a};const B=class{constructor(e){s(this,e),this.vegaCurrentStepUpdate=r(this,"vegaCurrentStepUpdate",7),this.currentStepUpdate=r(this,"currentStepUpdate",7),this.globalSlimmers={},this.renderModeController=new V,this.currentStepsController=new K,this.currentStepController=new U,this.currentDirectionController=new H,this.renderer=new E,this.currentStepUpdateEventEmitter=f(B,n),this.currentStepsSubStateSlimmer=C(B,"currentSteps","watchCurrentSteps"),this.deprecatedPropertySlimmer=u(B,"completedSteps","completedStepArray",[]),this.vegaComponentUsageRuntimeMetricsSlimmer=new h(L),this.currentSteps=[],this.current=0,this.direction="vertical",this.steps=[],this.completedStepArray=[],this.completedSteps=[],this.canClickStep=!0,this.allowNoCurrentStep=!1}watchCurrentSteps(){}async watchCurrentChange(){}async watchDirection(){}watchSteps(){}watchCompletedStepArray(){}watchCompletedSteps(){}async nextStep(){}async prevStep(){}async setCurrent(e){}async getCurrent(){return this.current}render(){return p(e(o,{class:{"vega-progress-tracker":!0,[this.currentDirection]:!0,"click-step-disabled":!this.canClickStep}},this.renderer.render()),this.host)}get host(){return i(this)}static get watchers(){return{currentSteps:["watchCurrentSteps"],current:["watchCurrentChange"],direction:["watchDirection"],steps:["watchSteps"],completedStepArray:["watchCompletedStepArray"],completedSteps:["watchCompletedSteps"]}}};$([v()],B.prototype,"globalSlimmers",void 0),$([d()],B.prototype,"renderModeController",void 0),$([d()],B.prototype,"currentStepsController",void 0),$([d()],B.prototype,"currentStepController",void 0),$([d()],B.prototype,"currentDirectionController",void 0),$([d()],B.prototype,"renderer",void 0),$([d()],B.prototype,"currentStepUpdateEventEmitter",void 0),$([d()],B.prototype,"currentStepsSubStateSlimmer",void 0),$([d()],B.prototype,"deprecatedPropertySlimmer",void 0),$([d()],B.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),B.style=':host .vega-progress-tracker__container{display:flex;align-items:center;padding-top:0px;padding-bottom:0px}:host .vega-progress-tracker__slot{width:100%;display:block}:host .vega-progress-step{display:flex;gap:16px}:host(:not(.click-step-disabled)) .vega-progress-step{cursor:pointer}:host(:not(.click-step-disabled)) .vega-progress-step.default:hover .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.default .vega-progress-step__icon:hover{background-color:rgba(var(--v-bg-action-quaternary-hover, 239, 239, 239, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.default:active .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-quaternary-active, 205, 209, 211, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress .vega-progress-step__icon:hover,:host(:not(.click-step-disabled)) .vega-progress-step.current .vega-progress-step__icon:hover{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress:hover .vega-progress-step__icon,:host(:not(.click-step-disabled)) .vega-progress-step.current:hover .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.inProgress:active .vega-progress-step__icon,:host(:not(.click-step-disabled)) .vega-progress-step.current:active .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:hover .vega-progress-step__icon{border-color:rgba(var(--v-border-color-action-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:hover .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link-hover, 4, 112, 236, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:active .vega-progress-step__icon{border-color:rgba(var(--v-border-color-action-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete:active .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link-active, 29, 65, 195, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.complete.current:hover .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.disabled{cursor:initial}:host(:not(.click-step-disabled)) .vega-progress-step.disabled.default:hover .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.disabled.default:active .vega-progress-step__icon{background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host(:not(.click-step-disabled)) .vega-progress-step.disabled.inProgress:hover .vega-progress-step__icon,:host(:not(.click-step-disabled)) .vega-progress-step.disabled.current:hover .vega-progress-step__icon{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-progress-step:focus-visible{outline-width:0px}:host .vega-progress-step:focus-visible .vega-progress-step-icon-container{border-radius:8px;outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px}:host .vega-progress-step .vega-progress-step-icon-divider{display:flex;flex-direction:column;align-items:center;gap:0px}:host .vega-progress-step .vega-progress-step-icon-container{padding:8px}:host .vega-progress-step .vega-progress-step__icon{display:block;font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:9999px;box-sizing:content-box;height:32px;width:32px;min-width:32px;line-height:32px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-progress-step .vega-progress-step__icon{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-progress-step .vega-progress-step__icon{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-progress-step .vega-progress-step__icon{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .vega-progress-step .vega-progress-step__icon span{display:block}:host .vega-progress-step .vega-progress-step__icon:not(.disable-responsive){line-height:32px}:host .vega-progress-step .vega-progress-step__divider{width:1px;flex-grow:1;height:100%;background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1));display:block}:host .vega-progress-step .vega-progress-step__divider.right.complete{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host .vega-progress-step .vega-progress-step__divider.left{display:none}:host .vega-progress-step:last-child .vega-progress-step__divider.right{display:none}:host .vega-progress-step.default .vega-progress-step__icon{color:rgba(var(--v-text-primary, 32, 54, 69, 1));background-color:rgba(var(--v-bg-action-quaternary, 222, 225, 227, 1))}:host .vega-progress-step.complete .vega-progress-step__icon{display:flex;justify-content:center;align-items:center;background-color:rgba(var(--v-bg-action-tertiary, 0, 0, 0, 0));box-sizing:border-box;border-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-action, 19, 98, 226, 1))}:host .vega-progress-step.complete .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .vega-progress-step.complete.current .vega-progress-step__icon vega-icon{color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1))}:host .vega-progress-step.inProgress .vega-progress-step__icon,:host .vega-progress-step.current .vega-progress-step__icon{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1));color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(.horizontal-compact){flex:1 1 100%;padding-top:0px}:host(.horizontal-compact) .vega-progress-tracker__container{padding-top:16px;padding-bottom:16px}:host(.horizontal-compact) .vega-progress-tracker__slot{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:0px}:host(.horizontal-compact) .vega-progress-step{display:flex;flex-grow:1;flex-basis:0}:host(.horizontal-compact) .vega-progress-step .vega-progress-step-icon-divider{display:flex;flex-direction:row;gap:4px;width:100%}:host(.horizontal-compact) .vega-progress-step .vega-progress-step__icon{height:16px;width:16px;min-width:16px}:host(.horizontal-compact) .vega-progress-step .vega-progress-step__icon{line-height:16px}:host(.horizontal-compact) .vega-progress-step .vega-progress-step__icon vega-icon{height:8px;width:8px}:host(.horizontal-compact) .vega-progress-step .vega-progress-step__icon span{display:none}:host(.horizontal-compact) .vega-progress-step .vega-progress-step__divider{height:1px;flex-grow:1}:host(.horizontal-compact) .vega-progress-step .vega-progress-step__divider.left{display:block}:host(.horizontal-compact) .vega-progress-step .vega-progress-step__divider.left.background{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.horizontal-compact) .vega-progress-step .vega-progress-step__divider.right{display:block}:host(.horizontal-compact) .vega-progress-step .vega-progress-step__title{display:none}:host(.horizontal-compact) .vega-progress-step:first-child .vega-progress-step__divider.left{opacity:0}:host(.horizontal-compact) .vega-progress-step:last-child .vega-progress-step__divider.right{display:block;opacity:0}:host(:not(.horizontal-compact)) .vega-progress-tracker__box{display:none}:host(.vertical) .vega-progress-step__title{padding-top:12px;padding-bottom:36px}:host(.horizontal){display:block;overflow-x:auto;padding-top:4px}:host(.horizontal) .vega-progress-tracker__slot{display:flex}:host(.horizontal) .vega-progress-step{flex-direction:column;align-items:center;gap:4px;flex-grow:1;flex-basis:0}:host(.horizontal) .vega-progress-step .vega-progress-step-icon-divider{flex-direction:row;align-items:center;gap:4px;width:100%}:host(.horizontal) .vega-progress-step .vega-progress-step__divider{height:1px;display:block}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.left{display:block}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.right.complete{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.horizontal) .vega-progress-step .vega-progress-step__divider.left.background{background-color:rgba(var(--v-bg-action, 19, 98, 226, 1))}:host(.horizontal) .vega-progress-step .vega-progress-step__title{padding-top:0px;padding-bottom:0px;text-align:center;padding-left:4px;padding-right:4px}:host(.horizontal) .vega-progress-step:first-child .vega-progress-step__divider.left{opacity:0}:host(.horizontal) .vega-progress-step:last-child .vega-progress-step__divider.right{display:block;opacity:0}:host vega-carousel .subTitle{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-carousel .subTitle{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host vega-carousel .subTitle{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host vega-carousel .subTitle{font-family:"Inter", sans-serif;font-size:18px;font-weight:700;line-height:25px;letter-spacing:0px}}:host .vega-progress-tracker__box{display:flex;align-items:center}:host .vega-progress-tracker__box vega-carousel{width:100%;text-align:center}';var F=function(e,t,s,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(i<3?o(a):i>3?o(t,s,a):o(t,s))||a);return i>3&&a&&Object.defineProperty(t,s,a),a};class G extends I{constructor(){super({parent:"vega-progress-tracker",subStates:[{subStateName:"status",parentStateName:"currentSteps",callback:e=>{const t=e.find((e=>e.stepKey===this.stepKey));this.progressStatus=t.progressStatus,this.isCurrent=t.isCurrent}}]})}}F([c()],G.prototype,"host",void 0),F([c({writable:!0})],G.prototype,"progressStatus",void 0),F([c({writable:!0})],G.prototype,"isCurrent",void 0),F([c()],G.prototype,"stepKey",void 0);var J=function(e,t,s,r){var o,i=arguments.length,a=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,s,r);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(a=(i<3?o(a):i>3?o(t,s,a):o(t,s))||a);return i>3&&a&&Object.defineProperty(t,s,a),a};const Q=class{constructor(e){s(this,e),this.globalSlimmers={},this.stateController=new G,this.vegaComponentUsageRuntimeMetricsSlimmer=new h,this.progressStatus=T.DEFAULT,this.isCurrent=!1,this.stepKey="",this.clickable=!0}render(){return p(e(o,null,e("div",{class:{"title-container":!0,[this.progressStatus]:!0,current:this.isCurrent}},e("slot",null))),this.host)}get host(){return i(this)}};J([v()],Q.prototype,"globalSlimmers",void 0),J([d()],Q.prototype,"stateController",void 0),J([d()],Q.prototype,"vegaComponentUsageRuntimeMetricsSlimmer",void 0),Q.style=':host .title-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));display:block}@media screen and (min-width: 768px) and (max-width: 1023px){:host .title-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .title-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .title-container{font-family:"Inter", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host .title-container.inProgress,:host .title-container.current{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .title-container.inProgress,:host .title-container.current{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .title-container.inProgress,:host .title-container.current{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .title-container.inProgress,:host .title-container.current{font-family:"Inter", sans-serif;font-size:16px;font-weight:700;line-height:22px;letter-spacing:0px}}:host .title-container.complete{color:rgba(var(--v-text-primary, 32, 54, 69, 1))}';export{B as vega_progress_tracker,Q as vega_progress_tracker_step}
|