{"version":3,"file":"cqa-lib-cqa-ui.mjs","sources":["../../../src/lib/button/button.component.ts","../../../src/lib/button/button.component.html","../../../src/lib/search-bar/search-bar.component.ts","../../../src/lib/search-bar/search-bar.component.html","../../../src/lib/autocomplete/autocomplete.component.ts","../../../src/lib/autocomplete/autocomplete.component.html","../../../src/lib/segment-control/segment-control.component.ts","../../../src/lib/segment-control/segment-control.component.html","../../../src/lib/dialog/dialog.component.ts","../../../src/lib/dialog/dialog.component.html","../../../src/lib/table/dynamic-table/dynamic-cell.directive.ts","../../../src/lib/full-table-loader/full-table-loader.component.ts","../../../src/lib/full-table-loader/full-table-loader.component.html","../../../src/lib/table-data-loader/table-data-loader.component.ts","../../../src/lib/table-data-loader/table-data-loader.component.html","../../../src/lib/table/dynamic-table/dynamic-cell-container.directive.ts","../../../src/lib/table/dynamic-table/dynamic-table.component.ts","../../../src/lib/table/dynamic-table/dynamic-table.component.html","../../../src/lib/pagination/pagination.component.ts","../../../src/lib/pagination/pagination.component.html","../../../src/lib/action-menu/action-menu.component.ts","../../../src/lib/action-menu/action-menu.component.html","../../../src/lib/other-button/other-button.component.ts","../../../src/lib/other-button/other-button.component.html","../../../src/lib/dynamic-select/dynamic-select-field.component.ts","../../../src/lib/dynamic-select/dynamic-select-field.component.html","../../../src/lib/filters/daterangepicker/daterangepicker.directive.ts","../../../src/lib/filters/daterangepicker/daterangepicker.component.ts","../../../src/lib/filters/dynamic-filter/dynamic-filter.component.ts","../../../src/lib/filters/dynamic-filter/dynamic-filter.component.html","../../../src/lib/column-visibility/column-visibility.component.ts","../../../src/lib/column-visibility/column-visibility.component.html","../../../src/lib/table-action-toolbar/table-action-toolbar.component.ts","../../../src/lib/table-action-toolbar/table-action-toolbar.component.html","../../../src/lib/dashboards/metrics-card/metrics-block.component.ts","../../../src/lib/dashboards/metrics-card/metrics-block.component.html","../../../src/lib/dashboards/metrics-card/metrics-card.component.ts","../../../src/lib/dashboards/metrics-card/metrics-card.component.html","../../../src/lib/assets/images/image-assets.constants.ts","../../../src/lib/empty-state/empty-state-presets.constants.ts","../../../src/lib/empty-state/empty-state.component.ts","../../../src/lib/empty-state/empty-state.component.html","../../../src/lib/dashboards/chart-card/chart-card.component.ts","../../../src/lib/dashboards/chart-card/chart-card.component.html","../../../src/lib/dashboards/progress-text-card/progress-text-card.component.ts","../../../src/lib/dashboards/progress-text-card/progress-text-card.component.html","../../../src/lib/dashboards/workspace-selector/workspace-selector.component.ts","../../../src/lib/dashboards/workspace-selector/workspace-selector.component.html","../../../src/lib/dashboards/dashboard-header/dashboard-header.component.ts","../../../src/lib/dashboards/dashboard-header/dashboard-header.component.html","../../../src/lib/dashboards/coverage-module-card/coverage-module-card.component.ts","../../../src/lib/dashboards/coverage-module-card/coverage-module-card.component.html","../../../src/lib/dashboards/test-distribution-card/test-distribution-card.component.ts","../../../src/lib/dashboards/test-distribution-card/test-distribution-card.component.html","../../../src/lib/dashboards/failed-test-cases-card/failed-test-cases-card.component.ts","../../../src/lib/dashboards/failed-test-cases-card/failed-test-cases-card.component.html","../../../src/lib/add-prerequisite-cases-section/add-prerequisite-cases-section.component.ts","../../../src/lib/add-prerequisite-cases-section/add-prerequisite-cases-section.component.html","../../../src/lib/selected-filters/selected-filters.component.ts","../../../src/lib/selected-filters/selected-filters.component.html","../../../src/lib/utils/metadata-colors.util.ts","../../../src/lib/badge/badge.component.ts","../../../src/lib/badge/badge.component.html","../../../src/lib/dashboards/insight-card/insight-card.component.ts","../../../src/lib/dashboards/insight-card/insight-card.component.html","../../../src/lib/dropdown-button/dropdown-button.component.ts","../../../src/lib/dropdown-button/dropdown-button.component.html","../../../src/lib/dashboards/heat-error-map-cell/heat-error-map-cell.component.ts","../../../src/lib/dashboards/heat-error-map-cell/heat-error-map-cell.component.html","../../../src/lib/custom-input/custom-input.component.ts","../../../src/lib/custom-input/custom-input.component.html","../../../src/lib/export-code-modal/export-code-modal.component.ts","../../../src/lib/export-code-modal/export-code-modal.component.html","../../../src/lib/templates/table-template.component.ts","../../../src/lib/templates/table-template.component.html","../../../src/lib/templates/modular-table-template/modular-table-template.models.ts","../../../src/lib/templates/modular-table-template/dialogs/move-to-folder-dialog.component.ts","../../../src/lib/templates/modular-table-template/dialogs/new-folder-dialog.component.ts","../../../src/lib/templates/modular-table-template/dialogs/delete-folder-dialog.component.ts","../../../src/lib/dialog/dialog-ref.ts","../../../src/lib/dialog/dialog.tokens.ts","../../../src/lib/dialog/dialog.service.ts","../../../src/lib/templates/modular-table-template/directives/folder-drop.directive.ts","../../../src/lib/templates/modular-table-template/directives/folder-drag.directive.ts","../../../src/lib/templates/modular-table-template/folder-sidebar/folder-sidebar.component.ts","../../../src/lib/templates/modular-table-template/folder-sidebar/folder-sidebar.component.html","../../../src/lib/templates/modular-table-template/modular-table-template.component.ts","../../../src/lib/templates/modular-table-template/modular-table-template.component.html","../../../src/lib/test-suite/test-suite.models.ts","../../../src/lib/test-suite/move-test-suite-dialog/move-test-suite-dialog.component.ts","../../../src/lib/dialogs/name-prompt-modal.component.ts","../../../src/lib/dialogs/name-prompt-modal.component.html","../../../src/lib/templates/modular-table-template/directives/row-drag.directive.ts","../../../src/lib/utils/tw-overlay-container.ts","../../../src/lib/sidebar/profile-menu/profile-menu.models.ts","../../../src/lib/sidebar/sidebar.models.ts","../../../src/lib/sidebar/nav-item.component.ts","../../../src/lib/sidebar/nav-item.component.html","../../../src/lib/sidebar/nav-sub-item.component.ts","../../../src/lib/sidebar/nav-sub-item.component.html","../../../src/lib/sidebar/nav-menu.component.ts","../../../src/lib/sidebar/nav-menu.component.html","../../../src/lib/pipes/safe-html.pipe.ts","../../../src/lib/sidebar/profile-menu/profile-menu.component.ts","../../../src/lib/sidebar/profile-menu/profile-menu.component.html","../../../src/lib/sidebar/workspace-menu/workspace-menu.component.ts","../../../src/lib/sidebar/workspace-menu/workspace-menu.component.html","../../../src/lib/sidebar/sidebar.component.ts","../../../src/lib/sidebar/sidebar.component.html","../../../src/lib/execution-screen/step-registry.token.ts","../../../src/lib/execution-screen/execution-step.models.ts","../../../src/lib/execution-screen/base-step.component.ts","../../../src/lib/execution-screen/ai-logs-with-reasoning/ai-logs-with-reasoning.component.ts","../../../src/lib/execution-screen/ai-logs-with-reasoning/ai-logs-with-reasoning.component.html","../../../src/lib/execution-screen/step-renderer/step-renderer.component.ts","../../../src/lib/execution-screen/self-heal-analysis/self-heal-analysis.component.ts","../../../src/lib/execution-screen/self-heal-analysis/self-heal-analysis.component.html","../../../src/lib/execution-screen/view-more-failed-step-button/view-more-failed-step-button.component.ts","../../../src/lib/execution-screen/view-more-failed-step-button/view-more-failed-step-button.component.html","../../../src/lib/visual-difference-modal/visual-difference-modal.component.ts","../../../src/lib/visual-difference-modal/visual-difference-modal.component.html","../../../src/lib/execution-screen/visual-comparison/visual-comparison.component.ts","../../../src/lib/execution-screen/visual-comparison/visual-comparison.component.html","../../../src/lib/execution-screen/updated-failed-step/updated-failed-step.component.ts","../../../src/lib/execution-screen/updated-failed-step/updated-failed-step.component.html","../../../src/lib/execution-screen/basic-step/basic-step.component.ts","../../../src/lib/execution-screen/basic-step/basic-step.component.html","../../../src/lib/execution-screen/step-group/step-group.component.ts","../../../src/lib/execution-screen/step-group/step-group.component.html","../../../src/lib/execution-screen/loop-step/loop-step.component.ts","../../../src/lib/execution-screen/loop-step/loop-step.component.html","../../../src/lib/execution-screen/condition-step/condition-step.component.ts","../../../src/lib/execution-screen/condition-step/condition-step.component.html","../../../src/lib/execution-screen/failed-step/failed-step.component.ts","../../../src/lib/execution-screen/failed-step/failed-step.component.html","../../../src/lib/execution-screen/ai-agent-step/ai-agent-step.component.ts","../../../src/lib/execution-screen/ai-agent-step/ai-agent-step.component.html","../../../src/lib/execution-screen/ai-action-step/ai-action-step.component.ts","../../../src/lib/execution-screen/ai-action-step/ai-action-step.component.html","../../../src/lib/execution-screen/api-step/api-step.component.ts","../../../src/lib/execution-screen/api-step/api-step.component.html","../../../src/lib/execution-screen/file-download-step/file-download-step.component.ts","../../../src/lib/execution-screen/file-download-step/file-download-step.component.html","../../../src/lib/execution-screen/document-verification-step/document-verification-step.component.ts","../../../src/lib/execution-screen/document-verification-step/document-verification-step.component.html","../../../src/lib/execution-screen/live-execution-step/live-execution-step.component.ts","../../../src/lib/execution-screen/live-execution-step/live-execution-step.component.html","../../../src/lib/execution-screen/jump-to-step-modal/jump-to-step-modal.component.ts","../../../src/lib/execution-screen/jump-to-step-modal/jump-to-step-modal.component.html","../../../src/lib/execution-screen/breakpoints-modal/breakpoints-modal.component.ts","../../../src/lib/execution-screen/breakpoints-modal/breakpoints-modal.component.html","../../../src/lib/execution-screen/recording-banner/recording-banner.component.ts","../../../src/lib/execution-screen/recording-banner/recording-banner.component.html","../../../src/lib/execution-screen/review-recorded-steps-modal/review-recorded-steps-modal.component.ts","../../../src/lib/execution-screen/review-recorded-steps-modal/review-recorded-steps-modal.component.html","../../../src/lib/execution-screen/main-step-collapse/main-step-collapse.component.ts","../../../src/lib/execution-screen/main-step-collapse/main-step-collapse.component.html","../../../src/lib/simulator/simulator.component.ts","../../../src/lib/simulator/simulator.component.html","../../../src/lib/console-alert/console-alert.component.ts","../../../src/lib/console-alert/console-alert.component.html","../../../src/lib/ai-debug-alert/ai-debug-alert.component.ts","../../../src/lib/ai-debug-alert/ai-debug-alert.component.html","../../../src/lib/network-request/network-request.component.ts","../../../src/lib/network-request/network-request.component.html","../../../src/lib/run-history-card/run-history-card.component.ts","../../../src/lib/run-history-card/run-history-card.component.html","../../../src/lib/ai-prompt-card/ai-prompt-card.component.ts","../../../src/lib/ai-prompt-card/ai-prompt-card.component.html","../../../src/lib/configuration-card/configuration-card.component.ts","../../../src/lib/configuration-card/configuration-card.component.html","../../../src/lib/compare-runs/view-compare-button.component.ts","../../../src/lib/compare-runs/test-case-link-cell.component.ts","../../../src/lib/compare-runs/compare-runs.component.ts","../../../src/lib/compare-runs/compare-runs.component.html","../../../src/lib/iterations-loop/iterations-loop.component.ts","../../../src/lib/iterations-loop/iterations-loop.component.html","../../../src/lib/failed-step-card/failed-step-card.component.ts","../../../src/lib/failed-step-card/failed-step-card.component.html","../../../src/lib/mixed-variable-input/mixed-variable-input.component.ts","../../../src/lib/mixed-variable-input/mixed-variable-input.component.html","../../../src/lib/custom-textarea/custom-textarea.component.ts","../../../src/lib/custom-textarea/custom-textarea.component.html","../../../src/lib/code-editor/code-editor.styles.ts","../../../src/lib/code-editor/code-editor.component.ts","../../../src/lib/code-editor/code-editor.component.html","../../../src/lib/custom-toggle/custom-toggle.component.ts","../../../src/lib/custom-toggle/custom-toggle.component.html","../../../src/lib/file-upload/file-upload.component.ts","../../../src/lib/file-upload/file-upload.component.html","../../../src/lib/ai-reasoning/ai-reasoning.component.ts","../../../src/lib/ai-reasoning/ai-reasoning.component.html","../../../src/lib/execution-result-modal/execution-result-modal.component.ts","../../../src/lib/execution-result-modal/execution-result-modal.component.html","../../../src/lib/execution-screen/session-changes-modal/session-changes-modal.component.ts","../../../src/lib/execution-screen/session-changes-modal/session-changes-modal.component.html","../../../src/lib/error-modal/error-modal.component.ts","../../../src/lib/error-modal/error-modal.component.html","../../../src/lib/session-restoration-dialog/session-restoration-dialog.component.ts","../../../src/lib/session-restoration-dialog/session-restoration-dialog.component.html","../../../src/lib/capture-video-dialog/capture-video-dialog.component.ts","../../../src/lib/capture-video-dialog/capture-video-dialog.component.html","../../../src/lib/progress-indicator/progress-indicator.component.ts","../../../src/lib/progress-indicator/progress-indicator.component.html","../../../src/lib/step-progress-card/step-progress-card.component.ts","../../../src/lib/step-progress-card/step-progress-card.component.html","../../../src/lib/step-status-card/step-status-card.component.ts","../../../src/lib/step-status-card/step-status-card.component.html","../../../src/lib/execution-screen/db-query-execution-item/db-query-execution-item.component.ts","../../../src/lib/execution-screen/db-query-execution-item/db-query-execution-item.component.html","../../../src/lib/execution-screen/db-verification-step/db-verification-step.component.ts","../../../src/lib/execution-screen/db-verification-step/db-verification-step.component.html","../../../src/lib/test-case-details/step-row-actions.styles.ts","../../../src/lib/test-case-details/custom-edit-step/custom-edit-step-data.ts","../../../src/lib/test-case-details/test-data-modal/test-data-modal-data.ts","../../../src/lib/test-case-details/custom-edit-step/custom-edit-step-ref.ts","../../../src/lib/test-case-details/custom-edit-step/custom-edit-step.component.ts","../../../src/lib/test-case-details/custom-edit-step/custom-edit-step.component.html","../../../src/lib/test-case-details/custom-edit-step/custom-edit-step.service.ts","../../../src/lib/test-case-details/element-popup/element-popup-data.ts","../../../src/lib/test-case-details/element-popup/element-popup-ref.ts","../../../src/lib/test-case-details/element-popup/element-form/element-form.component.ts","../../../src/lib/test-case-details/element-popup/element-form/element-form.component.html","../../../src/lib/test-case-details/element-list/element-list.component.ts","../../../src/lib/test-case-details/element-list/element-list.component.html","../../../src/lib/test-case-details/element-popup/element-popup.component.ts","../../../src/lib/test-case-details/element-popup/element-popup.component.html","../../../src/lib/test-case-details/element-popup/element-popup.service.ts","../../../src/lib/test-case-details/test-data-modal/test-data-modal-ref.ts","../../../src/lib/test-case-details/test-data-modal/test-data-modal-environment.model.ts","../../../src/lib/test-case-details/test-data-modal/test-data-modal-parameter.model.ts","../../../src/lib/test-case-details/test-data-modal/test-data-modal.component.ts","../../../src/lib/test-case-details/test-data-modal/test-data-modal.component.html","../../../src/lib/test-case-details/test-data-modal/test-data-modal.service.ts","../../../src/lib/test-case-details/normal-step/normal-step.component.ts","../../../src/lib/test-case-details/normal-step/normal-step.component.html","../../../src/lib/test-case-details/test-case-step.models.ts","../../../src/lib/test-case-details/test-case-step-components.token.ts","../../../src/lib/test-case-details/test-case-details-renderer/test-case-details-renderer.component.ts","../../../src/lib/test-case-details/test-case-details-renderer/test-case-details-renderer.component.html","../../../src/lib/test-case-details/loop-step/loop-step.component.ts","../../../src/lib/test-case-details/loop-step/loop-step.component.html","../../../src/lib/test-case-details/condition-step/condition-step.component.ts","../../../src/lib/test-case-details/condition-step/condition-step.component.html","../../../src/lib/test-case-details/step-group/step-group.component.ts","../../../src/lib/test-case-details/step-group/step-group.component.html","../../../src/lib/test-case-details/api-step/api-step.component.ts","../../../src/lib/test-case-details/api-step/api-step.component.html","../../../src/lib/test-case-details/database-step/database-step.component.ts","../../../src/lib/test-case-details/database-step/database-step.component.html","../../../src/lib/test-case-details/ai-agent-step/ai-agent-step.component.ts","../../../src/lib/test-case-details/ai-agent-step/ai-agent-step.component.html","../../../src/lib/test-case-details/ai-verify-step/ai-verify-step.component.ts","../../../src/lib/test-case-details/ai-verify-step/ai-verify-step.component.html","../../../src/lib/test-case-details/upload-step/upload-step.component.ts","../../../src/lib/test-case-details/upload-step/upload-step.component.html","../../../src/lib/test-case-details/screenshot-step/screenshot-step.component.ts","../../../src/lib/test-case-details/screenshot-step/screenshot-step.component.html","../../../src/lib/test-case-details/scroll-step/scroll-step.component.ts","../../../src/lib/test-case-details/scroll-step/scroll-step.component.html","../../../src/lib/test-case-details/verify-url-step/verify-url-step.component.ts","../../../src/lib/test-case-details/verify-url-step/verify-url-step.component.html","../../../src/lib/test-case-details/restore-session-step/restore-session-step.component.ts","../../../src/lib/test-case-details/restore-session-step/restore-session-step.component.html","../../../src/lib/test-case-details/custom-code-step/custom-code-step.component.ts","../../../src/lib/test-case-details/custom-code-step/custom-code-step.component.html","../../../src/lib/item-list/item-list.component.ts","../../../src/lib/item-list/item-list.component.html","../../../src/lib/test-case-details/create-step-group/create-step-group.component.ts","../../../src/lib/test-case-details/create-step-group/create-step-group.component.html","../../../src/lib/test-case-details/delete-steps/delete-steps.component.ts","../../../src/lib/test-case-details/delete-steps/delete-steps.component.html","../../../src/lib/test-case-details/run-execution-alert/run-execution-alert.component.ts","../../../src/lib/test-case-details/run-execution-alert/run-execution-alert.component.html","../../../src/lib/step-builder/advanced-variables-form/advanced-variables-form.component.ts","../../../src/lib/step-builder/advanced-variables-form/advanced-variables-form.component.html","../../../src/lib/test-case-details/api-edit-step/api-edit-step.component.ts","../../../src/lib/test-case-details/api-edit-step/api-edit-step.component.html","../../../src/lib/live-conversation/live-conversation.component.ts","../../../src/lib/live-conversation/live-conversation.component.html","../../../src/lib/pipes/camel-to-title.pipe.ts","../../../src/lib/step-builder/template-variables-form/template-variables-form.component.ts","../../../src/lib/step-builder/template-variables-form/template-variables-form.component.html","../../../src/lib/step-builder/step-builder-action/step-builder-action.component.ts","../../../src/lib/step-builder/step-builder-action/step-builder-action.component.html","../../../src/lib/step-builder/step-builder-loop/step-builder-loop.component.ts","../../../src/lib/step-builder/step-builder-loop/step-builder-loop.component.html","../../../src/lib/step-builder/step-builder-condition/step-builder-condition.component.ts","../../../src/lib/step-builder/step-builder-condition/step-builder-condition.component.html","../../../src/lib/step-builder/step-builder-database/step-builder-database.component.ts","../../../src/lib/step-builder/step-builder-database/step-builder-database.component.html","../../../src/lib/step-builder/step-builder-ai-agent/step-builder-ai-agent.component.ts","../../../src/lib/step-builder/step-builder-ai-agent/step-builder-ai-agent.component.html","../../../src/lib/step-builder/step-builder-custom-code/step-builder-custom-code.component.ts","../../../src/lib/step-builder/step-builder-custom-code/step-builder-custom-code.component.html","../../../src/lib/step-builder/step-builder-record-step/step-builder-record-step.component.ts","../../../src/lib/step-builder/step-builder-record-step/step-builder-record-step.component.html","../../../src/lib/step-builder/step-builder-document-generation-template-step/step-builder-document-generation-template-step.component.ts","../../../src/lib/step-builder/step-builder-document-generation-template-step/step-builder-document-generation-template-step.component.html","../../../src/lib/step-builder/step-builder-document/step-builder-document.component.ts","../../../src/lib/step-builder/step-builder-document/step-builder-document.component.html","../../../src/lib/detail-side-panel/detail-side-panel.styles.ts","../../../src/lib/detail-side-panel/detail-side-panel.component.ts","../../../src/lib/detail-side-panel/detail-side-panel.component.html","../../../src/lib/detail-drawer/detail-drawer-tab-content.directive.ts","../../../src/lib/detail-drawer/detail-drawer-tab/detail-drawer-tab.component.ts","../../../src/lib/detail-drawer/detail-drawer.component.ts","../../../src/lib/detail-drawer/detail-drawer.component.html","../../../src/lib/radio-card-group/radio-card-group.component.ts","../../../src/lib/radio-card-group/radio-card-group.component.html","../../../src/lib/test-case-details/api-mocking-card/api-mocking-card.component.ts","../../../src/lib/test-case-details/api-mocking-card/api-mocking-card.component.html","../../../src/lib/test-case-details/test-case-details-edit/test-case-details-edit.component.ts","../../../src/lib/test-case-details/test-case-details-edit/test-case-details-edit.component.html","../../../src/lib/test-case-details/test-case-details.component.ts","../../../src/lib/test-case-details/test-case-details.component.html","../../../src/lib/step-builder/step-builder-group/step-builder-group.component.ts","../../../src/lib/step-builder/step-builder-group/step-builder-group.component.html","../../../src/lib/test-case-details/step-details-drawer/step-details-drawer-ref.ts","../../../src/lib/test-case-details/step-details-drawer/step-details-drawer-data.ts","../../../src/lib/test-case-details/step-details-drawer/step-details-drawer.component.ts","../../../src/lib/test-case-details/step-details-drawer/step-details-drawer.component.html","../../../src/lib/test-case-details/step-details-modal/step-details-modal-data.ts","../../../src/lib/test-case-details/step-details-modal/step-details-modal-ref.ts","../../../src/lib/test-case-details/step-details-modal/step-details-modal.component.ts","../../../src/lib/test-case-details/step-details-modal/step-details-modal.component.html","../../../src/lib/execution-screen/condition-debug-step/condition-debug-step.component.ts","../../../src/lib/execution-screen/condition-debug-step/condition-debug-step.component.html","../../../src/lib/execution-screen/condition-debug-step/condition-branch-editor.component.ts","../../../src/lib/execution-screen/condition-debug-step/condition-branch-editor.component.html","../../../src/lib/questionnaire-list/questionnaire-list.component.ts","../../../src/lib/questionnaire-list/questionnaire-list.component.html","../../../src/lib/change-history/change-history.component.ts","../../../src/lib/change-history/change-history.component.html","../../../src/lib/version-history/version-history-list/version-history-list.component.ts","../../../src/lib/version-history/version-history-list/version-history-list.component.html","../../../src/lib/version-history/version-history-compare/version-history-compare.component.ts","../../../src/lib/version-history/version-history-compare/version-history-compare.component.html","../../../src/lib/version-history/version-history-detail/version-history-detail.component.ts","../../../src/lib/version-history/version-history-detail/version-history-detail.component.html","../../../src/lib/version-history/version-history-restore-confirm/version-history-restore-confirm.component.ts","../../../src/lib/version-history/version-history-restore-confirm/version-history-restore-confirm.component.html","../../../src/lib/version-history/new-version-history-detail/new-version-history-detail.component.ts","../../../src/lib/version-history/new-version-history-detail/new-version-history-detail.component.html","../../../src/lib/stepper/stepper.component.ts","../../../src/lib/stepper/stepper.component.html","../../../src/lib/viewport-selector/viewport-selector.component.ts","../../../src/lib/viewport-selector/viewport-selector.component.html","../../../src/lib/sub-steps-confirmation-dialog/sub-steps-confirmation-dialog.component.ts","../../../src/lib/sub-steps-confirmation-dialog/sub-steps-confirmation-dialog.component.html","../../../src/lib/permission-toggle/permission-toggle.component.ts","../../../src/lib/new-global-variable-dialog/new-global-variable-dialog.component.ts","../../../src/lib/new-global-variable-dialog/new-global-variable-dialog.component.html","../../../src/lib/new-environment-dialog/new-environment-dialog.models.ts","../../../src/lib/new-environment-dialog/new-environment-dialog.component.ts","../../../src/lib/new-environment-dialog/new-environment-dialog.component.html","../../../src/lib/new-environment-variable-dialog/new-environment-variable-dialog.component.ts","../../../src/lib/new-environment-variable-dialog/new-environment-variable-dialog.component.html","../../../src/lib/new-db-config-dialog/new-db-config-dialog.component.ts","../../../src/lib/new-db-config-dialog/new-db-config-dialog.component.html","../../../src/lib/new-test-data-profile-dialog/new-test-data-profile-dialog.component.ts","../../../src/lib/new-test-data-profile-dialog/new-test-data-profile-dialog.component.html","../../../src/lib/manage-columns-dialog/manage-columns-dialog.component.ts","../../../src/lib/manage-columns-dialog/manage-columns-dialog.component.html","../../../src/lib/audit-log-drawer/audit-log-drawer.models.ts","../../../src/lib/audit-log-drawer/audit-log-entry-card.component.ts","../../../src/lib/audit-log-drawer/audit-log-entry-card.component.html","../../../src/lib/audit-log-drawer/audit-log-drawer.component.ts","../../../src/lib/audit-log-drawer/audit-log-drawer.component.html","../../../src/lib/assign-environments-dialog/assign-environments-dialog.component.ts","../../../src/lib/assign-environments-dialog/assign-environments-dialog.component.html","../../../src/lib/ui-kit.module.ts","../../../src/lib/audit-log-drawer/audit-log-drawer.service.ts","../../../src/lib/test-case-details/step-details-drawer/step-details-drawer.service.ts","../../../src/lib/test-case-details/step-details-drawer/step-details-drawer-field.config.ts","../../../src/lib/test-case-details/step-details-modal/step-details-modal.service.ts","../../../src/lib/test-case-details/test-case-details.models.ts","../../../src/cqa-lib-cqa-ui.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, HostListener } from '@angular/core';\n\nexport type ButtonVariant = 'filled' | 'outlined' | 'text' | 'elevated' | 'tonal' | 'grey-solid';\nexport type ButtonSize = 'sm' | 'md' | 'lg';\n\n@Component({\n selector: 'cqa-button',\n templateUrl: './button.component.html',\n styleUrls: []\n})\nexport class ButtonComponent {\n @Input() variant: ButtonVariant = 'filled';\n @Input() btnSize: ButtonSize = 'lg';\n @Input() disabled: boolean = false;\n /** When true, shows an indeterminate spinner and blocks interaction (same visual treatment as disabled). */\n @Input() loading: boolean = false;\n @Input() icon?: string;\n @Input() iconPosition: 'start' | 'end' = 'start';\n @Input() fullWidth: boolean = false;\n @Input() iconColor?: string;\n @Input() type: 'button' | 'submit' | 'reset' = 'button';\n @Input() text?: string;\n @Input() customClass?: string;\n /** Inline styles as a string (e.g., \"width: 100px; height: 50px;\") */\n @Input() inlineStyles?: string;\n /** Optional tooltip text; if falsy, tooltip is disabled */\n @Input() tooltip?: string;\n /** Tooltip position; mirrors MatTooltipPosition */\n @Input() tooltipPosition: 'below' | 'above' | 'left' | 'right' = 'below';\n @Output() clicked = new EventEmitter();\n\n // Internal state tracking\n isHovered: boolean = false;\n isFocused: boolean = false;\n isPressed: boolean = false;\n\n get hasIcon(): boolean {\n return !!this.icon;\n }\n\n get interactionLocked(): boolean {\n return this.disabled || this.loading;\n }\n\n get spinnerDiameter(): number {\n switch (this.btnSize) {\n case 'sm':\n return 12;\n case 'md':\n return 16;\n case 'lg':\n default:\n return 18;\n }\n }\n\n get buttonClasses(): string {\n const baseClasses = [\n 'cqa-inline-flex',\n 'cqa-items-center',\n 'cqa-justify-center',\n 'cqa-font-medium',\n 'cqa-border',\n ];\n\n baseClasses.push(...this.sizeClasses);\n\n if (this.interactionLocked) {\n baseClasses.push('cqa-cursor-not-allowed');\n }\n\n if (this.fullWidth) {\n baseClasses.push('cqa-w-full');\n }\n\n // Add variant and state specific classes\n const variantClasses = this.getVariantClasses();\n \n return [...baseClasses, ...variantClasses, ...(this.customClass ? [this.customClass] : [])].join(' ');\n }\n\n private get sizeClasses(): string[] {\n switch (this.btnSize) {\n case 'sm':\n return ['cqa-py-[2px]', 'cqa-text-[10px]', 'cqa-leading-[14px]', 'cqa-rounded-[5px]', 'cqa-gap-1'];\n case 'md':\n return ['cqa-py-[6px]', 'cqa-text-[11px]', 'cqa-leading-[16px]', 'cqa-rounded-[6px]', 'cqa-gap-1.5'];\n case 'lg':\n default:\n return ['cqa-py-[10px]', 'cqa-text-[12.3px]', 'cqa-leading-[17.5px]', 'cqa-rounded-[8px]', 'cqa-gap-2'];\n }\n }\n\n private getVariantClasses(): string[] {\n const classes: string[] = [];\n const blocked = this.interactionLocked;\n\n if (this.variant === 'filled') {\n if (blocked) {\n classes.push('cqa-bg-primary-muted');\n } else {\n classes.push('cqa-bg-primary cqa-text-white');\n if (this.isHovered) {\n classes.push('cqa-bg-primary-hover');\n }\n }\n } else if (this.variant === 'grey-solid') {\n // Neutral grey solid style\n if (blocked) {\n classes.push('cqa-bg-grey-400', 'cqa-border', 'cqa-border-solid', 'cqa-border-primary-muted');\n } else {\n classes.push('cqa-bg-grey-400', 'cqa-border', 'cqa-border-solid', 'cqa-border-primary-muted');\n if (this.isHovered) {\n classes.push('cqa-bg-grey-200');\n }\n }\n } else if (this.variant === 'outlined') {\n if (blocked) {\n classes.push('cqa-bg-transparent', 'cqa-border', 'cqa-border-solid', 'cqa-border-primary-muted');\n } else {\n if (this.isFocused) {\n classes.push('cqa-bg-primary-surface-alt', 'cqa-border', 'cqa-border-solid', '!cqa-border-primary-hover', 'cqa-shadow-[0px_4px_4px_rgba(0,0,0,0.25)]');\n } else if (this.isHovered || this.isPressed) {\n classes.push('cqa-bg-primary-surface', 'cqa-border', 'cqa-border-solid', '!cqa-border-primary');\n } else {\n classes.push('cqa-bg-transparent', 'cqa-border', 'cqa-border-solid', 'cqa-border-slate');\n }\n }\n } else if (this.variant === 'text') {\n if (blocked) {\n classes.push('cqa-bg-transparent', 'cqa-border-none');\n } else {\n classes.push('cqa-bg-transparent', 'cqa-border-none');\n if (this.isHovered || this.isFocused || this.isPressed) {\n classes.push('cqa-bg-primary-surface');\n }\n }\n } else if (this.variant === 'elevated') {\n if (blocked) {\n classes.push('cqa-bg-primary-muted', 'cqa-shadow-none');\n } else {\n if (this.isFocused) {\n classes.push('cqa-bg-primary-surface-alt', 'cqa-shadow-[0px_4px_4px_rgba(0,0,0,0.25)]');\n } else if (this.isPressed) {\n classes.push('cqa-bg-primary-surface', 'cqa-shadow-[0px_1px_2px_rgba(0,0,0,0.3),0px_1px_3px_1px_rgba(0,0,0,0.15)]');\n } else if (this.isHovered) {\n classes.push('cqa-bg-primary-surface-alt', 'cqa-shadow-[0px_1px_2px_rgba(0,0,0,0.3),0px_2px_6px_2px_rgba(0,0,0,0.15)]');\n } else {\n classes.push('cqa-bg-primary-surface', 'cqa-shadow-[0px_1px_2px_rgba(0,0,0,0.3),0px_1px_3px_1px_rgba(0,0,0,0.15)]');\n }\n }\n } else if (this.variant === 'tonal') {\n if (blocked) {\n classes.push('cqa-bg-primary-muted');\n } else {\n if (this.isHovered) {\n classes.push('cqa-bg-tonal-hover', 'cqa-shadow-[0px_1px_2px_rgba(0,0,0,0.3),0px_1px_3px_1px_rgba(0,0,0,0.15)]');\n } else {\n classes.push('cqa-bg-primary-surface-alt');\n }\n }\n }\n\n return classes;\n }\n\n get textClass(): string {\n if (this.interactionLocked) {\n if (this.variant === 'outlined' || this.variant === 'text') {\n return 'cqa-text-ink';\n }\n return 'cqa-text-ink-muted';\n }\n\n switch (this.variant) {\n case 'filled':\n return 'cqa-text-surface-default';\n case 'grey-solid':\n return 'cqa-text-black-100';\n case 'outlined':\n if (this.isFocused || this.isHovered || this.isPressed) {\n return '!cqa-text-primary-hover';\n }\n return 'cqa-text-slate';\n case 'text':\n case 'elevated':\n return 'cqa-text-primary-hover';\n case 'tonal':\n return 'cqa-text-ink';\n default:\n return '';\n }\n }\n\n @HostListener('mouseenter')\n onMouseEnter() {\n if (!this.interactionLocked) {\n this.isHovered = true;\n }\n }\n\n @HostListener('mouseleave')\n onMouseLeave() {\n this.isHovered = false;\n this.isPressed = false;\n }\n\n @HostListener('mousedown')\n onMouseDown() {\n if (!this.interactionLocked) {\n this.isPressed = true;\n }\n }\n\n @HostListener('mouseup')\n onMouseUp() {\n this.isPressed = false;\n }\n\n @HostListener('focus')\n onFocus() {\n if (!this.interactionLocked) {\n this.isFocused = true;\n }\n }\n\n @HostListener('blur')\n onBlur() {\n this.isFocused = false;\n this.isPressed = false;\n }\n\n onClick(event: MouseEvent) {\n if (!this.interactionLocked) {\n this.clicked.emit(event);\n }\n }\n\n get buttonStyles(): string {\n const baseStyle = 'pointer-events: auto;';\n return this.inlineStyles ? `${baseStyle} ${this.inlineStyles}` : baseStyle;\n }\n\n get paddingClasses(): string {\n const hasTextAndIconStart = this.text && this.icon && this.iconPosition === 'start';\n const hasTextAndIconEnd = this.text && this.icon && this.iconPosition === 'end';\n const hasTextOnly = this.text && !this.icon;\n const hasIconOnly = !this.text && this.icon;\n\n switch (this.btnSize) {\n case 'sm':\n if (hasTextAndIconStart) return 'cqa-pr-[8px] cqa-pl-[8px]';\n if (hasTextAndIconEnd) return 'cqa-pl-[8px] cqa-pr-[8px]';\n if (hasTextOnly) return 'cqa-px-[8px]';\n if (hasIconOnly) return 'cqa-px-[8px]';\n return 'cqa-px-[8px]';\n \n case 'md':\n if (hasTextAndIconStart) return 'cqa-pr-[16px] cqa-pl-[16px]';\n if (hasTextAndIconEnd) return 'cqa-pl-[16px] cqa-pr-[16px]';\n if (hasTextOnly) return 'cqa-px-[16px]';\n if (hasIconOnly) return 'cqa-px-[16px]';\n return 'cqa-px-[16px]';\n \n case 'lg':\n default:\n if (hasTextAndIconStart) return 'cqa-pr-[24px] cqa-pl-[16px]';\n if (hasTextAndIconEnd) return 'cqa-pl-[24px] cqa-pr-[16px]';\n if (hasTextOnly) return 'cqa-px-[24px]';\n if (hasIconOnly) return 'cqa-px-[12px]';\n return 'cqa-px-[24px]';\n }\n }\n\n get iconClasses(): string {\n switch (this.btnSize) {\n case 'sm':\n return '!cqa-w-[10px] !cqa-h-[10px] !cqa-text-[10px]';\n case 'md':\n return '!cqa-w-[16px] !cqa-h-[16px] !cqa-text-[16px]';\n case 'lg':\n default:\n return '!cqa-w-[18px] !cqa-h-[18px] !cqa-text-[18px]';\n }\n }\n}\n\n","
\n \n\n \n\n \n {{ icon }}\n \n\n \n {{text}}\n\n \n\n \n {{ icon }}\n \n\n \n
","import { Component, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';\n\ntype SearchBarSize = 'sm' | 'md' | 'lg';\n\n@Component({\n selector: 'cqa-search-bar',\n templateUrl: './search-bar.component.html',\n styleUrls: [],\n host: { class: 'cqa-ui-root' }\n})\nexport class SearchBarComponent implements OnChanges {\n\n /** Placeholder text for the input */\n @Input() placeholder = 'Search';\n\n /** Initial value or externally controlled value */\n @Input() value = '';\n\n /** Disable interactions */\n @Input() disabled = false;\n\n /** Whether the clear button should be visible when there is text */\n @Input() showClear = true;\n\n /** Accessible label for the input */\n @Input() ariaLabel = 'Search';\n\n /** Automatically focus the input when rendered */\n @Input() autoFocus = false;\n\n /** Search bar size */\n @Input() size: SearchBarSize = 'md';\n\n /** Stretch to fill container width */\n @Input() fullWidth = false;\n\n /** Emit on value changes (e.g. for two-way binding) */\n @Output() valueChange = new EventEmitter();\n\n /** Emit when user submits search (Enter key or form submit) */\n @Output() search = new EventEmitter();\n\n /** Emit when the value is cleared via the clear button */\n @Output() cleared = new EventEmitter();\n\n inputValue = '';\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['value'] && changes['value'].currentValue !== undefined) {\n const newValue = changes['value'].currentValue ?? '';\n if (newValue !== this.inputValue) {\n this.inputValue = newValue;\n }\n }\n }\n\n readonly widthClasses: Record = {\n sm: 'cqa-w-[295px]',\n md: 'cqa-w-[395px]',\n lg: 'cqa-w-[495px]',\n };\n\n onInput(event: Event): void {\n const target = event.target as HTMLInputElement | null;\n const nextValue = target?.value ?? '';\n this.inputValue = nextValue;\n this.valueChange.emit(this.inputValue);\n }\n\n onSubmit(event: Event): void {\n event.preventDefault();\n if (this.disabled) {\n return;\n }\n\n this.search.emit(this.inputValue.trim());\n }\n\n clear(): void {\n if (this.disabled || this.inputValue === '') {\n return;\n }\n\n this.inputValue = '';\n this.valueChange.emit('');\n this.cleared.emit();\n }\n}\n","
\n \n \n \n search\n \n \n\n \n\n \n \n
","import {\n Component,\n EventEmitter,\n HostListener,\n Input,\n OnChanges,\n OnInit,\n Output,\n SimpleChanges,\n} from '@angular/core';\nimport { CqaAutocompleteOption } from './autocomplete.model';\n\ntype AutocompleteSize = 'sm' | 'md' | 'lg';\n\n@Component({\n selector: 'cqa-autocomplete',\n templateUrl: './autocomplete.component.html',\n host: { class: 'cqa-ui-root' },\n})\nexport class AutocompleteComponent implements OnInit, OnChanges {\n /** Placeholder text for the input */\n @Input() placeholder = 'Search or select...';\n\n /** Options shown in the dropdown (filtered by input when open) */\n @Input() options: CqaAutocompleteOption[] = [];\n\n /** Initial or controlled value (displayed in the input) */\n @Input() value = '';\n\n /** Disable the input */\n @Input() disabled = false;\n\n /** Whether to show the clear button when there is text */\n @Input() showClear = true;\n\n /** Accessible label for the input */\n @Input() ariaLabel = 'Auto-complete';\n\n /** Auto focus the input when rendered */\n @Input() autoFocus = false;\n\n /** Size variant (matches search bar widths) */\n @Input() size: AutocompleteSize = 'md';\n\n /** Stretch to full width of container */\n @Input() fullWidth = false;\n\n /** Use compact padding (4px) instead of default (24px) for the input field */\n @Input() compact = false;\n\n /** Emit when the input value changes (e.g. for two-way binding) */\n @Output() valueChange = new EventEmitter();\n\n /** Emit when an option is selected from the list (value from option) */\n @Output() optionSelect = new EventEmitter();\n\n /** Emit when the value is cleared via the clear button */\n @Output() cleared = new EventEmitter();\n\n inputValue = '';\n panelOpen = false;\n private blurTimeout: ReturnType | null = null;\n\n ngOnInit(): void {\n // Initialize inputValue from value input\n if (this.value !== undefined && this.value !== null && this.value !== '') {\n this.inputValue = String(this.value);\n } else {\n this.inputValue = '';\n }\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['value']) {\n const newValue = changes['value'].currentValue;\n if (newValue !== undefined && newValue !== null && newValue !== '') {\n const stringValue = String(newValue);\n if (stringValue !== this.inputValue) {\n this.inputValue = stringValue;\n }\n } else {\n // Clear input if value is empty/null/undefined\n if (this.inputValue !== '') {\n this.inputValue = '';\n }\n }\n }\n }\n\n readonly widthClasses: Record = {\n sm: 'cqa-w-[295px]',\n md: 'cqa-w-[395px]',\n lg: 'cqa-w-[495px]',\n };\n\n get displayOptions(): CqaAutocompleteOption[] {\n const list = this.options ?? [];\n const q = (this.inputValue ?? '').toLowerCase().trim();\n if (!q) {\n return list;\n }\n return list.filter((opt) => {\n const label = (opt.label ?? opt.value ?? '').toLowerCase();\n return label.includes(q);\n });\n }\n\n onInput(event: Event): void {\n const target = event.target as HTMLInputElement | null;\n const nextValue = target?.value ?? '';\n this.inputValue = nextValue;\n this.valueChange.emit(this.inputValue);\n this.panelOpen = true;\n }\n\n onFocus(): void {\n if (this.blurTimeout) {\n clearTimeout(this.blurTimeout);\n this.blurTimeout = null;\n }\n this.panelOpen = true;\n }\n\n onBlur(): void {\n this.blurTimeout = setTimeout(() => {\n this.panelOpen = false;\n this.blurTimeout = null;\n }, 150);\n }\n\n selectOption(option: CqaAutocompleteOption): void {\n const displayLabel = option.label ?? option.value;\n this.inputValue = displayLabel;\n this.valueChange.emit(this.inputValue);\n this.optionSelect.emit(option);\n this.panelOpen = false;\n }\n\n clear(): void {\n if (this.disabled || this.inputValue === '') {\n return;\n }\n this.inputValue = '';\n this.valueChange.emit('');\n this.cleared.emit();\n this.panelOpen = false;\n }\n\n getOptionLabel(option: CqaAutocompleteOption): string {\n return option.label ?? option.value ?? '';\n }\n\n trackByValue(_index: number, option: CqaAutocompleteOption): string {\n return option.value;\n }\n\n @HostListener('document:keydown.escape')\n onEscape(): void {\n this.panelOpen = false;\n }\n}\n","\n \n \n \n \n \n close\n \n \n \n \n \n \n {{ getOptionLabel(option) }}\n \n \n No matches\n \n \n\n","import {\n AfterViewInit,\n Component,\n ElementRef,\n EventEmitter,\n HostBinding,\n Input,\n OnDestroy,\n OnChanges,\n Output,\n QueryList,\n SimpleChanges,\n ViewChild,\n ViewChildren,\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\n\nexport type SegmentOption = {\n label: string;\n value: string;\n disabled?: boolean;\n icon?: string;\n tooltip?: string;\n count?: number;\n};\n\n@Component({\n selector: 'cqa-segment-control',\n templateUrl: './segment-control.component.html',\n styleUrls: [],\n host: { class: 'cqa-ui-root' }\n})\nexport class SegmentControlComponent implements OnChanges, AfterViewInit, OnDestroy {\n\n @Input() segments: SegmentOption[] = [\n { label: 'Tab Group', value: 'tab-group-1' },\n { label: 'Tab Group', value: 'tab-group-2' },\n ];\n\n /**\n * The currently selected segment value.\n * If not provided, defaults to the first enabled segment.\n */\n @Input() value?: string;\n @Input() disabled = false;\n @Input() containerBgColor = '';\n\n /** When true, the control stretches to fill its parent and buttons share equal width. */\n @Input() fullWidth = false;\n\n @Input() size: 'md' | 'lg' = 'md';\n\n @HostBinding('style.display') get hostDisplay() { return this.fullWidth ? 'block' : null; }\n @HostBinding('style.width') get hostWidth() { return this.fullWidth ? '100%' : null; }\n\n @Output() valueChange = new EventEmitter();\n\n @ViewChildren('segmentButton') segmentButtons!: QueryList>;\n @ViewChild('segmentContainer') segmentContainer?: ElementRef;\n\n indicatorStyle: Record = {};\n indicatorVisible = false;\n private buttonChangesSub?: Subscription;\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['segments'] || changes['value']) {\n this.ensureSelectedValue();\n }\n }\n\n ngAfterViewInit(): void {\n this.buttonChangesSub = this.segmentButtons.changes.subscribe(() => this.updateIndicator());\n this.ensureSelectedValue();\n this.updateIndicator();\n }\n\n ngOnDestroy(): void {\n this.buttonChangesSub?.unsubscribe?.();\n }\n\n trackByValue(_index: number, option: SegmentOption): string {\n return option.value;\n }\n\n isSelected(option: SegmentOption): boolean {\n return option.value === this.value;\n }\n\n select(option: SegmentOption, index: number): void {\n if (this.disabled || option.disabled) {\n return;\n }\n\n const nextValue = option.value;\n if (nextValue !== this.value) {\n this.value = nextValue;\n this.valueChange.emit(nextValue);\n }\n\n this.focusButton(index);\n this.updateIndicator();\n }\n\n onKeyDown(event: KeyboardEvent, currentIndex: number): void {\n if (this.disabled) {\n return;\n }\n\n switch (event.key) {\n case 'ArrowRight':\n case 'ArrowDown':\n event.preventDefault();\n this.moveSelection(1, currentIndex);\n break;\n case 'ArrowLeft':\n case 'ArrowUp':\n event.preventDefault();\n this.moveSelection(-1, currentIndex);\n break;\n case 'Home':\n event.preventDefault();\n this.selectFirstEnabled();\n break;\n case 'End':\n event.preventDefault();\n this.selectLastEnabled();\n break;\n case ' ':\n case 'Enter':\n event.preventDefault();\n this.select(this.segments[currentIndex], currentIndex);\n break;\n default:\n break;\n }\n }\n\n private moveSelection(step: 1 | -1, startIndex: number): void {\n const enabledIndexes = this.getEnabledIndexes();\n if (enabledIndexes.length === 0) {\n return;\n }\n\n const currentEnabledIndex = enabledIndexes.indexOf(startIndex);\n const fallbackIndex = this.getSelectedIndex(enabledIndexes);\n const baseIndex = currentEnabledIndex >= 0 ? currentEnabledIndex : fallbackIndex;\n const nextPosition = (baseIndex + step + enabledIndexes.length) % enabledIndexes.length;\n const targetIndex = enabledIndexes[nextPosition];\n\n this.select(this.segments[targetIndex], targetIndex);\n }\n\n private selectFirstEnabled(): void {\n const enabledIndexes = this.getEnabledIndexes();\n if (enabledIndexes.length > 0) {\n const index = enabledIndexes[0];\n this.select(this.segments[index], index);\n this.updateIndicator();\n }\n }\n\n private selectLastEnabled(): void {\n const enabledIndexes = this.getEnabledIndexes();\n if (enabledIndexes.length > 0) {\n const index = enabledIndexes[enabledIndexes.length - 1];\n this.select(this.segments[index], index);\n this.updateIndicator();\n }\n }\n\n private getEnabledIndexes(): number[] {\n return this.segments\n .map((option, index) => ({ option, index }))\n .filter(({ option }) => !option.disabled)\n .map(({ index }) => index);\n }\n\n private getSelectedIndex(enabledIndexes: number[]): number {\n const current = this.segments.findIndex((option) => option.value === this.value && !option.disabled);\n if (current >= 0) {\n return enabledIndexes.indexOf(current);\n }\n\n return 0;\n }\n\n /**\n * Ensures a valid value is selected.\n * If no value is provided or the value is invalid, defaults to the first enabled segment.\n */\n private ensureSelectedValue(): void {\n const enabled = this.segments.filter((option) => !option.disabled);\n if (enabled.length === 0) {\n this.value = undefined;\n return;\n }\n\n // If no value is set, or value doesn't exist in segments, default to first enabled segment\n if (!this.value || !this.segments.some((option) => option.value === this.value)) {\n const firstEnabledValue = enabled[0].value;\n // Only emit if value actually changed\n if (this.value !== firstEnabledValue) {\n this.value = firstEnabledValue;\n this.valueChange.emit(this.value);\n }\n const index = this.segments.findIndex((option) => option.value === firstEnabledValue);\n if (index >= 0) {\n this.focusButton(index);\n this.updateIndicator(index);\n }\n return;\n }\n\n // If the selected value is disabled, switch to first enabled segment\n const selected = this.segments.find((option) => option.value === this.value);\n if (selected?.disabled) {\n const firstEnabledValue = enabled[0].value;\n // Only emit if value actually changed\n if (this.value !== firstEnabledValue) {\n this.value = firstEnabledValue;\n this.valueChange.emit(this.value);\n }\n const index = this.segments.findIndex((option) => option.value === firstEnabledValue);\n if (index >= 0) {\n this.focusButton(index);\n this.updateIndicator(index);\n }\n return;\n }\n \n this.updateIndicator();\n }\n\n private focusButton(index: number): void {\n queueMicrotask(() => {\n const button = this.segmentButtons?.get(index)?.nativeElement;\n button?.focus();\n });\n }\n\n private updateIndicator(preferredIndex?: number): void {\n queueMicrotask(() => {\n const container = this.segmentContainer?.nativeElement;\n const buttons = this.segmentButtons?.toArray() ?? [];\n if (!container || buttons.length === 0) {\n this.indicatorVisible = false;\n this.indicatorStyle = {};\n return;\n }\n\n const index = preferredIndex ?? buttons.findIndex((button, idx) => this.segments[idx]?.value === this.value);\n if (index === -1) {\n this.indicatorVisible = false;\n this.indicatorStyle = {};\n return;\n }\n\n const buttonEl = buttons[index]?.nativeElement;\n if (!buttonEl) {\n this.indicatorVisible = false;\n this.indicatorStyle = {};\n return;\n }\n\n const containerRect = container.getBoundingClientRect();\n const buttonRect = buttonEl.getBoundingClientRect();\n const offsetLeft = buttonEl.offsetLeft;\n const offsetTop = buttonEl.offsetTop;\n const width = buttonEl.offsetWidth;\n const height = buttonEl.offsetHeight;\n\n const isDisabled = this.disabled || this.segments[index]?.disabled;\n this.indicatorStyle = {\n width: `${width}px`,\n height: `${height}px`,\n left: `${offsetLeft}px`,\n top: `${offsetTop}px`,\n backgroundColor: isDisabled ? '#9BA0F4' : '#3F43EE',\n };\n this.indicatorVisible = true;\n });\n }\n\n get isIndicatorVisible(): boolean {\n return this.indicatorVisible;\n }\n}\n","
\n \n
\n\n \n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ComponentRef,\n TemplateRef,\n ViewChild,\n ViewContainerRef,\n} from '@angular/core';\nimport { CdkPortalOutlet, ComponentPortal, TemplatePortal } from '@angular/cdk/portal';\nimport { DialogButtonAlignment, DialogButtonConfig, DialogConfig, DialogContentConfig } from './dialog.models';\nimport { ButtonVariant } from '../button/button.component';\nimport { DialogRef } from './dialog-ref';\n\n@Component({\n selector: 'cqa-dialog',\n templateUrl: './dialog.component.html',\n styleUrls: [],\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: { class: 'cqa-ui-root' },\n})\nexport class DialogComponent {\n\n @ViewChild(CdkPortalOutlet, { static: true }) portalOutlet?: CdkPortalOutlet;\n\n config!: DialogConfig;\n dialogRef!: DialogRef;\n\n contentAttached = false;\n\n constructor(private readonly viewContainerRef: ViewContainerRef, private readonly cdr: ChangeDetectorRef) {}\n\n attachTemplate(template: TemplateRef, context?: Record): void {\n if (!this.portalOutlet) {\n return;\n }\n\n const templateContext =\n context ??\n {\n $implicit: this.config?.data,\n data: this.config?.data,\n };\n const portal = new TemplatePortal(template, this.viewContainerRef, templateContext);\n this.portalOutlet.attachTemplatePortal(portal);\n this.markContentAttached();\n }\n\n attachComponent(component: ComponentPortal): ComponentRef | undefined {\n if (!this.portalOutlet) {\n return undefined;\n }\n\n const componentRef = this.portalOutlet.attachComponentPortal(component);\n this.markContentAttached();\n return componentRef;\n }\n\n async onButtonClick(button: DialogButtonConfig): Promise {\n const closeOnClick = button.closeOnClick ?? true;\n let handlerResult: TResult | false | void | Promise = undefined;\n\n if (button.handler) {\n handlerResult = button.handler(this.dialogRef);\n }\n\n const resolved = handlerResult instanceof Promise ? await handlerResult : handlerResult;\n\n if (!closeOnClick || resolved === false) {\n return;\n }\n\n this.dialogRef.close(resolved as TResult | undefined);\n }\n\n get buttonAlignmentClass(): string {\n const alignment = this.config?.buttonAlignment ?? 'right';\n return this.mapAlignmentToClass(alignment);\n }\n\n get panelClassList(): string[] {\n const baseClasses = [\n 'cqa-relative',\n 'cqa-w-full',\n 'cqa-bg-white',\n 'cqa-rounded-2xl',\n 'cqa-shadow-md',\n 'cqa-border',\n 'cqa-border-border-default',\n 'cqa-p-6',\n 'cqa-text-left',\n ];\n\n const custom = this.config?.panelClass;\n\n if (!custom) {\n return baseClasses;\n }\n\n return Array.isArray(custom) ? [...baseClasses, ...custom] : [...baseClasses, custom];\n }\n\n get panelStyles(): Record {\n return {\n width: this.config?.width,\n maxWidth: this.config?.maxWidth ?? '480px',\n };\n }\n\n buttonVariant(button: DialogButtonConfig): ButtonVariant {\n const role = this.normalizeRole(button.role);\n\n switch (role) {\n case 'secondary':\n return 'outlined';\n case 'text':\n return 'text';\n case 'tonal':\n return 'tonal';\n case 'elevated':\n return 'elevated';\n case 'filled':\n case 'primary':\n case 'warn':\n default:\n return 'filled';\n }\n }\n\n isButtonDisabled(button: DialogButtonConfig): boolean {\n const d = button.disabled;\n if (typeof d === 'function') {\n try { return !!d(this.dialogRef); } catch { return false; }\n }\n return !!d;\n }\n\n isButtonLoading(button: DialogButtonConfig): boolean {\n const l = button.loading;\n if (typeof l === 'function') {\n try { return !!l(this.dialogRef); } catch { return false; }\n }\n return !!l;\n }\n\n buttonHostClasses(button: DialogButtonConfig): string[] {\n const role = this.normalizeRole(button.role);\n\n if (role === 'warn') {\n return ['cqa-dialog-btn-warn'];\n }\n\n return [];\n }\n\n private mapAlignmentToClass(alignment: DialogButtonAlignment): string {\n switch (alignment) {\n case 'left':\n return 'cqa-justify-start';\n case 'center':\n return 'cqa-justify-center';\n case 'right':\n default:\n return 'cqa-justify-end';\n }\n }\n\n private markContentAttached(): void {\n this.contentAttached = true;\n this.cdr.markForCheck();\n }\n\n private normalizeRole(role: string | undefined): string {\n return (role ?? 'secondary').trim().split(/\\s+/)[0];\n }\n}\n\n\n","
\n
\n
\n
\n
\n

\n {{ config.title }}\n

\n\n

\n {{ config.description }}\n

\n\n
\n {{ config.warning }}\n
\n
\n\n
\n \n
\n\n
\n \n {{ button.label }}\n \n
\n
\n
\n
\n
","import { Directive, Input, TemplateRef } from \"@angular/core\";\n\n@Directive({\n selector: \"ng-template[dynamicCell]\"\n})\nexport class DynamicCellTemplateDirective {\n @Input(\"dynamicCell\") name!: string;\n constructor(public template: TemplateRef) {}\n}\n\n@Directive({\n selector: \"ng-template[dynamicHeader]\"\n})\nexport class DynamicHeaderTemplateDirective {\n @Input(\"dynamicHeader\") name!: string;\n constructor(public template: TemplateRef) {}\n}\n\n\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'cqa-full-table-loader',\n templateUrl: './full-table-loader.component.html',\n styleUrls: [],\n host: { class: 'cqa-ui-root cqa-full-table-loader' }\n})\nexport class FullTableLoaderComponent {\n @Input() label: string = 'Loading...';\n}\n\n\n","\n \n \n