@acorex/modules 20.0.7 → 20.0.9

package/fesm2022/{acorex-modules-report-management-report-create-root.component-LrE6TkIp.mjs → acorex-modules-report-management-report-create-root.component-CcNJIUk2.mjs}

@@ -256,8 +256,8 @@ class AXPReportCreateRootComponent {
         const dataSource = this.dataSources.find(d => d.id === dataSourceId);
         return dataSource?.title || dataSourceId;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPReportCreateRootComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: AXPReportCreateRootComponent, isStandalone: true, selector: "axp-report-create-root", providers: [], viewQueries: [{ propertyName: "reportWizard", first: true, predicate: ["reportWizard"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-w-full ax-max-w-4xl ax-mx-auto ax-p-6\">\n  <div class=\"step-wizard-header ax-text-center ax-mb-8\">\n    <h2 class=\"ax-text-2xl ax-font-bold ax-text-gray-900 ax-mb-2\">Create New Report</h2>\n    <p class=\"ax-text-gray-600\">Follow these steps to create your custom report</p>\n  </div>\n\n  <ax-step-wizard\n    [content]=\"wizardContent\"\n    [look]=\"'rounded-icon'\"\n    #reportWizard\n  >\n    <ax-step-wizard-item [label]=\"'Basic Information'\" [id]=\"'basic'\">\n      <ax-icon class=\"fas fa-info-circle\"></ax-icon>\n      <ax-content>\n        <div class=\"step-content\">\n          <div class=\"step-title-section ax-text-center ax-mb-6\">\n            <h3 class=\"ax-text-xl ax-font-bold ax-text-gray-900 ax-mb-2\">Basic Information</h3>\n            <p class=\"ax-text-gray-600 ax-text-sm\">Enter the basic details for your report</p>\n          </div>\n          \n          <ax-form #basicForm>\n            <div class=\"form-grid ax-grid ax-grid-cols-1 md:ax-grid-cols-2 ax-gap-6\">\n              <ax-form-field>\n                <ax-label>Report Name *</ax-label>\n                <ax-text-box \n                  [(ngModel)]=\"formData.name\"\n                  placeholder=\"Enter report name\"\n                  [required]=\"true\"\n                  name=\"reportName\">\n                </ax-text-box>\n              </ax-form-field>\n\n              <ax-form-field>\n                <ax-label>Report Title *</ax-label>\n                <ax-text-box \n                  [(ngModel)]=\"formData.title\"\n                  placeholder=\"Enter report title\"\n                  [required]=\"true\"\n                  name=\"reportTitle\">\n                </ax-text-box>\n              </ax-form-field>\n\n              <ax-form-field>\n                <ax-label>Category *</ax-label>\n                <ax-select-box \n                  [(ngModel)]=\"formData.category\"\n                  [dataSource]=\"categories\"\n                  [valueField]=\"'id'\"\n                  [textField]=\"'name'\"\n                  placeholder=\"Select category\"\n                  [required]=\"true\"\n                  name=\"reportCategory\">\n                </ax-select-box>\n              </ax-form-field>\n\n              <ax-form-field>\n                <ax-label>Data Source *</ax-label>\n                <ax-select-box \n                  [(ngModel)]=\"formData.dataSource\"\n                  [dataSource]=\"dataSources\"\n                  [valueField]=\"'id'\"\n                  [textField]=\"'title'\"\n                  placeholder=\"Select data source\"\n                  [required]=\"true\"\n                  name=\"reportDataSource\">\n                </ax-select-box>\n              </ax-form-field>\n            </div>\n          </ax-form>\n        </div>\n      </ax-content>\n    </ax-step-wizard-item>\n\n    <ax-step-wizard-item [label]=\"'Configuration'\" [id]=\"'config'\">\n      <ax-icon class=\"fas fa-cog\"></ax-icon>\n      <ax-content>\n        <div class=\"step-content\">\n          <div class=\"step-title-section ax-text-center ax-mb-6\">\n            <h3 class=\"ax-text-xl ax-font-bold ax-text-gray-900 ax-mb-2\">Report Configuration</h3>\n            <p class=\"ax-text-gray-600 ax-text-sm\">Configure your report settings</p>\n          </div>\n          \n          <ax-form #configForm>\n            <div class=\"form-grid ax-grid ax-grid-cols-1 md:ax-grid-cols-2 ax-gap-6\">\n              <ax-form-field>\n                <ax-label>Template *</ax-label>\n                <ax-select-box \n                  [(ngModel)]=\"formData.template\"\n                  [dataSource]=\"templates\"\n                  [valueField]=\"'id'\"\n                  [textField]=\"'name'\"\n                  placeholder=\"Select template\"\n                  [required]=\"true\"\n                  name=\"reportTemplate\">\n                </ax-select-box>\n              </ax-form-field>\n\n              <ax-form-field>\n                <ax-label>Output Formats *</ax-label>\n                <div class=\"format-selection ax-grid ax-grid-cols-2 ax-gap-3\">\n                  @for (format of formats; track format.id) {\n                    <div class=\"format-option ax-p-3 ax-border ax-border-gray-200 ax-rounded-lg ax-transition-colors\">\n                      <ax-check-box \n                        [(ngModel)]=\"formData.formats[format.id]\"\n                        [name]=\"'format_' + format.id\">\n                        {{ format.name }}\n                      </ax-check-box>\n                    </div>\n                  }\n                </div>\n              </ax-form-field>\n\n              <ax-form-field class=\"md:ax-col-span-2\">\n                <div class=\"schedule-section ax-space-y-4\">\n                  <ax-check-box \n                    [(ngModel)]=\"formData.isScheduled\"\n                    name=\"isScheduled\">\n                    Enable scheduled reports\n                  </ax-check-box>\n                  \n                  @if (formData.isScheduled) {\n                    <div class=\"schedule-options ax-pl-6 ax-border-l-2 ax-border-primary/20\">\n                      <ax-form-field>\n                        <ax-label>Frequency</ax-label>\n                        <ax-select-box \n                          [(ngModel)]=\"formData.scheduleFrequency\"\n                          [dataSource]=\"frequencies\"\n                          [valueField]=\"'id'\"\n                          [textField]=\"'name'\"\n                          placeholder=\"Select frequency\"\n                          name=\"scheduleFrequency\">\n                        </ax-select-box>\n                      </ax-form-field>\n                    </div>\n                  }\n                </div>\n              </ax-form-field>\n            </div>\n          </ax-form>\n        </div>\n      </ax-content>\n    </ax-step-wizard-item>\n\n    <ax-step-wizard-item [label]=\"'Parameters'\" [id]=\"'parameters'\">\n      <ax-icon class=\"fas fa-sliders-h\"></ax-icon>\n      <ax-content>\n        <div class=\"step-content\">\n          <div class=\"step-title-section ax-text-center ax-mb-6\">\n            <h3 class=\"ax-text-xl ax-font-bold ax-text-gray-900 ax-mb-2\">Report Parameters</h3>\n            <p class=\"ax-text-gray-600 ax-text-sm\">Define parameters for your report</p>\n          </div>\n          \n          <div class=\"parameters-section ax-space-y-6\">\n            @if (formData.parameters.length > 0) {\n              <div class=\"parameters-list ax-space-y-4\">\n                @for (param of formData.parameters; track param.id; let i = $index) {\n                  <div class=\"parameter-item ax-p-4 ax-border ax-border-gray-200 ax-rounded-lg ax-bg-gray-50 ax-space-y-4\">\n                    <div class=\"parameter-fields ax-grid ax-grid-cols-1 md:ax-grid-cols-3 ax-gap-4\">\n                      <ax-form-field>\n                        <ax-label>Parameter Name</ax-label>\n                        <ax-text-box \n                          [(ngModel)]=\"param.name\"\n                          placeholder=\"Enter parameter name\"\n                          [name]=\"'param_name_' + i\">\n                        </ax-text-box>\n                      </ax-form-field>\n                      \n                      <ax-form-field>\n                        <ax-label>Type</ax-label>\n                        <ax-select-box \n                          [(ngModel)]=\"param.type\"\n                          [dataSource]=\"parameterTypes\"\n                          [valueField]=\"'id'\"\n                          [textField]=\"'name'\"\n                          placeholder=\"Select type\"\n                          [name]=\"'param_type_' + i\">\n                        </ax-select-box>\n                      </ax-form-field>\n                      \n                      <ax-form-field>\n                        <ax-check-box \n                          [(ngModel)]=\"param.required\"\n                          [name]=\"'param_required_' + i\">\n                          Required\n                        </ax-check-box>\n                      </ax-form-field>\n                    </div>\n                    \n                    <ax-button \n                      look=\"ghost\"\n                      color=\"danger\"\n                      size=\"small\"\n                      (onClick)=\"removeParameter(i)\">\n                      Remove\n                    </ax-button>\n                  </div>\n                }\n              </div>\n            } @else {\n              <div class=\"no-parameters ax-text-center ax-py-8 ax-text-gray-500\">\n                <p>No parameters defined yet.</p>\n              </div>\n            }\n            \n            <div class=\"add-parameter-section ax-text-center\">\n              <ax-button \n                look=\"outline\"\n                color=\"primary\"\n                (onClick)=\"addParameter()\">\n                + Add Parameter\n              </ax-button>\n            </div>\n          </div>\n        </div>\n      </ax-content>\n    </ax-step-wizard-item>\n\n    <ax-step-wizard-item [label]=\"'Review'\" [id]=\"'review'\">\n      <ax-icon class=\"fas fa-check-circle\"></ax-icon>\n      <ax-content>\n        <div class=\"step-content\">\n          <div class=\"step-title-section ax-text-center ax-mb-6\">\n            <h3 class=\"ax-text-xl ax-font-bold ax-text-gray-900 ax-mb-2\">Review & Confirm</h3>\n            <p class=\"ax-text-gray-600 ax-text-sm\">Review your report configuration before creating</p>\n          </div>\n          \n          <div class=\"review-sections ax-space-y-6\">\n            <div class=\"review-section ax-p-6 ax-border ax-border-gray-200 ax-rounded-lg ax-bg-gray-50\">\n              <h4 class=\"ax-text-lg ax-font-semibold ax-text-gray-900 ax-mb-4 ax-pb-2 ax-border-b ax-border-gray-200\">Basic Information</h4>\n              <div class=\"review-items ax-space-y-3\">\n                <div class=\"review-item ax-flex ax-justify-between ax-items-start\">\n                  <span class=\"label ax-font-medium ax-text-gray-700 ax-min-w-0 ax-mr-4 ax-flex-shrink-0\">Name:</span>\n                  <span class=\"value ax-text-gray-900 ax-text-right ax-break-words\">{{ formData.name || 'Not specified' }}</span>\n                </div>\n                <div class=\"review-item ax-flex ax-justify-between ax-items-start\">\n                  <span class=\"label ax-font-medium ax-text-gray-700 ax-min-w-0 ax-mr-4 ax-flex-shrink-0\">Title:</span>\n                  <span class=\"value ax-text-gray-900 ax-text-right ax-break-words\">{{ formData.title || 'Not specified' }}</span>\n                </div>\n                <div class=\"review-item ax-flex ax-justify-between ax-items-start\">\n                  <span class=\"label ax-font-medium ax-text-gray-700 ax-min-w-0 ax-mr-4 ax-flex-shrink-0\">Category:</span>\n                  <span class=\"value ax-text-gray-900 ax-text-right ax-break-words\">{{ getCategoryName(formData.category) || 'Not selected' }}</span>\n                </div>\n                <div class=\"review-item ax-flex ax-justify-between ax-items-start\">\n                  <span class=\"label ax-font-medium ax-text-gray-700 ax-min-w-0 ax-mr-4 ax-flex-shrink-0\">Data Source:</span>\n                  <span class=\"value ax-text-gray-900 ax-text-right ax-break-words\">{{ getDataSourceTitle(formData.dataSource) || 'Not selected' }}</span>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"review-section ax-p-6 ax-border ax-border-gray-200 ax-rounded-lg ax-bg-gray-50\">\n              <h4 class=\"ax-text-lg ax-font-semibold ax-text-gray-900 ax-mb-4 ax-pb-2 ax-border-b ax-border-gray-200\">Configuration</h4>\n              <div class=\"review-items ax-space-y-3\">\n                <div class=\"review-item ax-flex ax-justify-between ax-items-start\">\n                  <span class=\"label ax-font-medium ax-text-gray-700 ax-min-w-0 ax-mr-4 ax-flex-shrink-0\">Template:</span>\n                  <span class=\"value ax-text-gray-900 ax-text-right ax-break-words\">{{ getTemplateName(formData.template) || 'Not selected' }}</span>\n                </div>\n                <div class=\"review-item ax-flex ax-justify-between ax-items-start\">\n                  <span class=\"label ax-font-medium ax-text-gray-700 ax-min-w-0 ax-mr-4 ax-flex-shrink-0\">Formats:</span>\n                  <span class=\"value ax-text-gray-900 ax-text-right ax-break-words\">{{ getSelectedFormats() || 'None selected' }}</span>\n                </div>\n                <div class=\"review-item ax-flex ax-justify-between ax-items-start\">\n                  <span class=\"label ax-font-medium ax-text-gray-700 ax-min-w-0 ax-mr-4 ax-flex-shrink-0\">Scheduled:</span>\n                  <span class=\"value ax-text-gray-900 ax-text-right ax-break-words\">{{ formData.isScheduled ? 'Yes - ' + formData.scheduleFrequency : 'No' }}</span>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"review-section ax-p-6 ax-border ax-border-gray-200 ax-rounded-lg ax-bg-gray-50\">\n              <h4 class=\"ax-text-lg ax-font-semibold ax-text-gray-900 ax-mb-4 ax-pb-2 ax-border-b ax-border-gray-200\">Parameters</h4>\n              <div class=\"review-items ax-space-y-3\">\n                @if (formData.parameters.length > 0) {\n                  @for (param of formData.parameters; track param.id) {\n                    <div class=\"review-item ax-flex ax-justify-between ax-items-start\">\n                      <span class=\"label ax-font-medium ax-text-gray-700 ax-min-w-0 ax-mr-4 ax-flex-shrink-0\">{{ param.name }}:</span>\n                      <span class=\"value ax-text-gray-900 ax-text-right ax-break-words\">{{ param.type }}{{ param.required ? ' (Required)' : '' }}</span>\n                    </div>\n                  }\n                } @else {\n                  <div class=\"review-item\">\n                    <span class=\"value ax-text-gray-900\">No parameters defined</span>\n                  </div>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n      </ax-content>\n    </ax-step-wizard-item>\n  </ax-step-wizard>\n\n  <div class=\"ax-flex ax-justify-center ax-p-5\">\n    <ng-template [axStepWizardContent] #wizardContent=\"axStepWizardContent\">\n    </ng-template>\n  </div>\n\n  <div class=\"ax-mt-10 ax-flex ax-justify-between ax-items-center ax-pt-6 ax-border-t ax-border-gray-200\">\n    <div class=\"nav-left\">\n      <ax-button\n        [disabled]=\"reportWizard.isFirst()\"\n        (onClick)=\"reportWizard.previous()\"\n        [color]=\"'primary'\"\n        text=\"\u2190 Previous\"\n        look=\"outline\">\n      </ax-button>\n    </div>\n\n    <div class=\"nav-right\">\n      @if(reportWizard.isLast()) {\n        <ax-button \n          (onClick)=\"finishWizard()\" \n          color=\"success\" \n          text=\"Create Report\"\n          [disabled]=\"isSaving()\">\n          @if (isSaving()) {\n            Creating...\n          } @else {\n            Create Report\n          }\n        </ax-button>\n      } @else {\n        <ax-button\n          (onClick)=\"nextStep()\"\n          color=\"primary\"\n          text=\"Next \u2192\"\n          [disabled]=\"!canProceed()\">\n        </ax-button>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".step-content{min-height:24rem}.step-title-section{margin-bottom:1.5rem;text-align:center}.step-title-section h3{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.step-title-section p{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.form-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width: 768px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.format-selection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (max-width: 480px){.format-selection{grid-template-columns:repeat(1,minmax(0,1fr))}}.format-option{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.format-option:has(input:checked){--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-primary-500),var(--tw-border-opacity, 1));background-color:rgba(var(--ax-sys-color-primary-500),.05)}.schedule-section>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.schedule-section .schedule-options{border-left-width:2px;border-color:rgba(var(--ax-sys-color-primary-500),.2);padding-left:1.5rem}.parameters-section>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.parameters-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.parameter-item{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}.parameter-item>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.parameter-item .parameter-fields{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 768px){.parameter-item .parameter-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}.no-parameters{padding-top:2rem;padding-bottom:2rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.add-parameter-section{text-align:center}.review-sections>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.review-section{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1.5rem}.review-section h4{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-bottom:.5rem}.review-items>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.review-item{display:flex;align-items:flex-start;justify-content:space-between}@media (max-width: 480px){.review-item{flex-direction:column}.review-item>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}}.review-item .label{margin-right:1rem;min-width:0px;flex-shrink:0;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.review-item .value{overflow-wrap:break-word;text-align:right;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}@media (max-width: 480px){.review-item .value{text-align:left}}ax-form-field{display:block}ax-form-field ax-label{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: 
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPReportCreateRootComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.7", type: AXPReportCreateRootComponent, isStandalone: true, selector: "axp-report-create-root", providers: [], viewQueries: [{ propertyName: "reportWizard", first: true, predicate: ["reportWizard"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ax-w-full ax-max-w-4xl ax-mx-auto ax-p-6\">\n  <div class=\"step-wizard-header ax-text-center ax-mb-8\">\n    <h2 class=\"ax-text-2xl ax-font-bold ax-text-gray-900 ax-mb-2\">Create New Report</h2>\n    <p class=\"ax-text-gray-600\">Follow these steps to create your custom report</p>\n  </div>\n\n  <ax-step-wizard\n    [content]=\"wizardContent\"\n    [look]=\"'rounded-icon'\"\n    #reportWizard\n  >\n    <ax-step-wizard-item [label]=\"'Basic Information'\" [id]=\"'basic'\">\n      <ax-icon class=\"fas fa-info-circle\"></ax-icon>\n      <ax-content>\n        <div class=\"step-content\">\n          <div class=\"step-title-section ax-text-center ax-mb-6\">\n            <h3 class=\"ax-text-xl ax-font-bold ax-text-gray-900 ax-mb-2\">Basic Information</h3>\n            <p class=\"ax-text-gray-600 ax-text-sm\">Enter the basic details for your report</p>\n          </div>\n          \n          <ax-form #basicForm>\n            <div class=\"form-grid ax-grid ax-grid-cols-1 md:ax-grid-cols-2 ax-gap-6\">\n              <ax-form-field>\n                <ax-label>Report Name *</ax-label>\n                <ax-text-box \n                  [(ngModel)]=\"formData.name\"\n                  placeholder=\"Enter report name\"\n                  [required]=\"true\"\n                  name=\"reportName\">\n                </ax-text-box>\n              </ax-form-field>\n\n              <ax-form-field>\n                <ax-label>Report Title *</ax-label>\n                <ax-text-box \n                  [(ngModel)]=\"formData.title\"\n                  placeholder=\"Enter report title\"\n                  [required]=\"true\"\n                  name=\"reportTitle\">\n                </ax-text-box>\n              </ax-form-field>\n\n              <ax-form-field>\n                <ax-label>Category *</ax-label>\n                <ax-select-box \n                  [(ngModel)]=\"formData.category\"\n                  [dataSource]=\"categories\"\n                  [valueField]=\"'id'\"\n                  [textField]=\"'name'\"\n                  placeholder=\"Select category\"\n                  [required]=\"true\"\n                  name=\"reportCategory\">\n                </ax-select-box>\n              </ax-form-field>\n\n              <ax-form-field>\n                <ax-label>Data Source *</ax-label>\n                <ax-select-box \n                  [(ngModel)]=\"formData.dataSource\"\n                  [dataSource]=\"dataSources\"\n                  [valueField]=\"'id'\"\n                  [textField]=\"'title'\"\n                  placeholder=\"Select data source\"\n                  [required]=\"true\"\n                  name=\"reportDataSource\">\n                </ax-select-box>\n              </ax-form-field>\n            </div>\n          </ax-form>\n        </div>\n      </ax-content>\n    </ax-step-wizard-item>\n\n    <ax-step-wizard-item [label]=\"'Configuration'\" [id]=\"'config'\">\n      <ax-icon class=\"fas fa-cog\"></ax-icon>\n      <ax-content>\n        <div class=\"step-content\">\n          <div class=\"step-title-section ax-text-center ax-mb-6\">\n            <h3 class=\"ax-text-xl ax-font-bold ax-text-gray-900 ax-mb-2\">Report Configuration</h3>\n            <p class=\"ax-text-gray-600 ax-text-sm\">Configure your report settings</p>\n          </div>\n          \n          <ax-form #configForm>\n            <div class=\"form-grid ax-grid ax-grid-cols-1 md:ax-grid-cols-2 ax-gap-6\">\n              <ax-form-field>\n                <ax-label>Template *</ax-label>\n                <ax-select-box \n                  [(ngModel)]=\"formData.template\"\n                  [dataSource]=\"templates\"\n                  [valueField]=\"'id'\"\n                  [textField]=\"'name'\"\n                  placeholder=\"Select template\"\n                  [required]=\"true\"\n                  name=\"reportTemplate\">\n                </ax-select-box>\n              </ax-form-field>\n\n              <ax-form-field>\n                <ax-label>Output Formats *</ax-label>\n                <div class=\"format-selection ax-grid ax-grid-cols-2 ax-gap-3\">\n                  @for (format of formats; track format.id) {\n                    <div class=\"format-option ax-p-3 ax-border ax-border-gray-200 ax-rounded-lg ax-transition-colors\">\n                      <ax-check-box \n                        [(ngModel)]=\"formData.formats[format.id]\"\n                        [name]=\"'format_' + format.id\">\n                        {{ format.name }}\n                      </ax-check-box>\n                    </div>\n                  }\n                </div>\n              </ax-form-field>\n\n              <ax-form-field class=\"md:ax-col-span-2\">\n                <div class=\"schedule-section ax-space-y-4\">\n                  <ax-check-box \n                    [(ngModel)]=\"formData.isScheduled\"\n                    name=\"isScheduled\">\n                    Enable scheduled reports\n                  </ax-check-box>\n                  \n                  @if (formData.isScheduled) {\n                    <div class=\"schedule-options ax-pl-6 ax-border-l-2 ax-border-primary/20\">\n                      <ax-form-field>\n                        <ax-label>Frequency</ax-label>\n                        <ax-select-box \n                          [(ngModel)]=\"formData.scheduleFrequency\"\n                          [dataSource]=\"frequencies\"\n                          [valueField]=\"'id'\"\n                          [textField]=\"'name'\"\n                          placeholder=\"Select frequency\"\n                          name=\"scheduleFrequency\">\n                        </ax-select-box>\n                      </ax-form-field>\n                    </div>\n                  }\n                </div>\n              </ax-form-field>\n            </div>\n          </ax-form>\n        </div>\n      </ax-content>\n    </ax-step-wizard-item>\n\n    <ax-step-wizard-item [label]=\"'Parameters'\" [id]=\"'parameters'\">\n      <ax-icon class=\"fas fa-sliders-h\"></ax-icon>\n      <ax-content>\n        <div class=\"step-content\">\n          <div class=\"step-title-section ax-text-center ax-mb-6\">\n            <h3 class=\"ax-text-xl ax-font-bold ax-text-gray-900 ax-mb-2\">Report Parameters</h3>\n            <p class=\"ax-text-gray-600 ax-text-sm\">Define parameters for your report</p>\n          </div>\n          \n          <div class=\"parameters-section ax-space-y-6\">\n            @if (formData.parameters.length > 0) {\n              <div class=\"parameters-list ax-space-y-4\">\n                @for (param of formData.parameters; track param.id; let i = $index) {\n                  <div class=\"parameter-item ax-p-4 ax-border ax-border-gray-200 ax-rounded-lg ax-bg-gray-50 ax-space-y-4\">\n                    <div class=\"parameter-fields ax-grid ax-grid-cols-1 md:ax-grid-cols-3 ax-gap-4\">\n                      <ax-form-field>\n                        <ax-label>Parameter Name</ax-label>\n                        <ax-text-box \n                          [(ngModel)]=\"param.name\"\n                          placeholder=\"Enter parameter name\"\n                          [name]=\"'param_name_' + i\">\n                        </ax-text-box>\n                      </ax-form-field>\n                      \n                      <ax-form-field>\n                        <ax-label>Type</ax-label>\n                        <ax-select-box \n                          [(ngModel)]=\"param.type\"\n                          [dataSource]=\"parameterTypes\"\n                          [valueField]=\"'id'\"\n                          [textField]=\"'name'\"\n                          placeholder=\"Select type\"\n                          [name]=\"'param_type_' + i\">\n                        </ax-select-box>\n                      </ax-form-field>\n                      \n                      <ax-form-field>\n                        <ax-check-box \n                          [(ngModel)]=\"param.required\"\n                          [name]=\"'param_required_' + i\">\n                          Required\n                        </ax-check-box>\n                      </ax-form-field>\n                    </div>\n                    \n                    <ax-button \n                      look=\"ghost\"\n                      color=\"danger\"\n                      size=\"small\"\n                      (onClick)=\"removeParameter(i)\">\n                      Remove\n                    </ax-button>\n                  </div>\n                }\n              </div>\n            } @else {\n              <div class=\"no-parameters ax-text-center ax-py-8 ax-text-gray-500\">\n                <p>No parameters defined yet.</p>\n              </div>\n            }\n            \n            <div class=\"add-parameter-section ax-text-center\">\n              <ax-button \n                look=\"outline\"\n                color=\"primary\"\n                (onClick)=\"addParameter()\">\n                + Add Parameter\n              </ax-button>\n            </div>\n          </div>\n        </div>\n      </ax-content>\n    </ax-step-wizard-item>\n\n    <ax-step-wizard-item [label]=\"'Review'\" [id]=\"'review'\">\n      <ax-icon class=\"fas fa-check-circle\"></ax-icon>\n      <ax-content>\n        <div class=\"step-content\">\n          <div class=\"step-title-section ax-text-center ax-mb-6\">\n            <h3 class=\"ax-text-xl ax-font-bold ax-text-gray-900 ax-mb-2\">Review & Confirm</h3>\n            <p class=\"ax-text-gray-600 ax-text-sm\">Review your report configuration before creating</p>\n          </div>\n          \n          <div class=\"review-sections ax-space-y-6\">\n            <div class=\"review-section ax-p-6 ax-border ax-border-gray-200 ax-rounded-lg ax-bg-gray-50\">\n              <h4 class=\"ax-text-lg ax-font-semibold ax-text-gray-900 ax-mb-4 ax-pb-2 ax-border-b ax-border-gray-200\">Basic Information</h4>\n              <div class=\"review-items ax-space-y-3\">\n                <div class=\"review-item ax-flex ax-justify-between ax-items-start\">\n                  <span class=\"label ax-font-medium ax-text-gray-700 ax-min-w-0 ax-mr-4 ax-flex-shrink-0\">Name:</span>\n                  <span class=\"value ax-text-gray-900 ax-text-right ax-break-words\">{{ formData.name || 'Not specified' }}</span>\n                </div>\n                <div class=\"review-item ax-flex ax-justify-between ax-items-start\">\n                  <span class=\"label ax-font-medium ax-text-gray-700 ax-min-w-0 ax-mr-4 ax-flex-shrink-0\">Title:</span>\n                  <span class=\"value ax-text-gray-900 ax-text-right ax-break-words\">{{ formData.title || 'Not specified' }}</span>\n                </div>\n                <div class=\"review-item ax-flex ax-justify-between ax-items-start\">\n                  <span class=\"label ax-font-medium ax-text-gray-700 ax-min-w-0 ax-mr-4 ax-flex-shrink-0\">Category:</span>\n                  <span class=\"value ax-text-gray-900 ax-text-right ax-break-words\">{{ getCategoryName(formData.category) || 'Not selected' }}</span>\n                </div>\n                <div class=\"review-item ax-flex ax-justify-between ax-items-start\">\n                  <span class=\"label ax-font-medium ax-text-gray-700 ax-min-w-0 ax-mr-4 ax-flex-shrink-0\">Data Source:</span>\n                  <span class=\"value ax-text-gray-900 ax-text-right ax-break-words\">{{ getDataSourceTitle(formData.dataSource) || 'Not selected' }}</span>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"review-section ax-p-6 ax-border ax-border-gray-200 ax-rounded-lg ax-bg-gray-50\">\n              <h4 class=\"ax-text-lg ax-font-semibold ax-text-gray-900 ax-mb-4 ax-pb-2 ax-border-b ax-border-gray-200\">Configuration</h4>\n              <div class=\"review-items ax-space-y-3\">\n                <div class=\"review-item ax-flex ax-justify-between ax-items-start\">\n                  <span class=\"label ax-font-medium ax-text-gray-700 ax-min-w-0 ax-mr-4 ax-flex-shrink-0\">Template:</span>\n                  <span class=\"value ax-text-gray-900 ax-text-right ax-break-words\">{{ getTemplateName(formData.template) || 'Not selected' }}</span>\n                </div>\n                <div class=\"review-item ax-flex ax-justify-between ax-items-start\">\n                  <span class=\"label ax-font-medium ax-text-gray-700 ax-min-w-0 ax-mr-4 ax-flex-shrink-0\">Formats:</span>\n                  <span class=\"value ax-text-gray-900 ax-text-right ax-break-words\">{{ getSelectedFormats() || 'None selected' }}</span>\n                </div>\n                <div class=\"review-item ax-flex ax-justify-between ax-items-start\">\n                  <span class=\"label ax-font-medium ax-text-gray-700 ax-min-w-0 ax-mr-4 ax-flex-shrink-0\">Scheduled:</span>\n                  <span class=\"value ax-text-gray-900 ax-text-right ax-break-words\">{{ formData.isScheduled ? 'Yes - ' + formData.scheduleFrequency : 'No' }}</span>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"review-section ax-p-6 ax-border ax-border-gray-200 ax-rounded-lg ax-bg-gray-50\">\n              <h4 class=\"ax-text-lg ax-font-semibold ax-text-gray-900 ax-mb-4 ax-pb-2 ax-border-b ax-border-gray-200\">Parameters</h4>\n              <div class=\"review-items ax-space-y-3\">\n                @if (formData.parameters.length > 0) {\n                  @for (param of formData.parameters; track param.id) {\n                    <div class=\"review-item ax-flex ax-justify-between ax-items-start\">\n                      <span class=\"label ax-font-medium ax-text-gray-700 ax-min-w-0 ax-mr-4 ax-flex-shrink-0\">{{ param.name }}:</span>\n                      <span class=\"value ax-text-gray-900 ax-text-right ax-break-words\">{{ param.type }}{{ param.required ? ' (Required)' : '' }}</span>\n                    </div>\n                  }\n                } @else {\n                  <div class=\"review-item\">\n                    <span class=\"value ax-text-gray-900\">No parameters defined</span>\n                  </div>\n                }\n              </div>\n            </div>\n          </div>\n        </div>\n      </ax-content>\n    </ax-step-wizard-item>\n  </ax-step-wizard>\n\n  <div class=\"ax-flex ax-justify-center ax-p-5\">\n    <ng-template [axStepWizardContent] #wizardContent=\"axStepWizardContent\">\n    </ng-template>\n  </div>\n\n  <div class=\"ax-mt-10 ax-flex ax-justify-between ax-items-center ax-pt-6 ax-border-t ax-border-gray-200\">\n    <div class=\"nav-left\">\n      <ax-button\n        [disabled]=\"reportWizard.isFirst()\"\n        (onClick)=\"reportWizard.previous()\"\n        [color]=\"'primary'\"\n        text=\"\u2190 Previous\"\n        look=\"outline\">\n      </ax-button>\n    </div>\n\n    <div class=\"nav-right\">\n      @if(reportWizard.isLast()) {\n        <ax-button \n          (onClick)=\"finishWizard()\" \n          color=\"success\" \n          text=\"Create Report\"\n          [disabled]=\"isSaving()\">\n          @if (isSaving()) {\n            Creating...\n          } @else {\n            Create Report\n          }\n        </ax-button>\n      } @else {\n        <ax-button\n          (onClick)=\"nextStep()\"\n          color=\"primary\"\n          text=\"Next \u2192\"\n          [disabled]=\"!canProceed()\">\n        </ax-button>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".step-content{min-height:24rem}.step-title-section{margin-bottom:1.5rem;text-align:center}.step-title-section h3{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.step-title-section p{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.form-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}@media (min-width: 768px){.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.format-selection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (max-width: 480px){.format-selection{grid-template-columns:repeat(1,minmax(0,1fr))}}.format-option{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.format-option:has(input:checked){--tw-border-opacity: 1;border-color:rgba(var(--ax-sys-color-primary-500),var(--tw-border-opacity, 1));background-color:rgba(var(--ax-sys-color-primary-500),.05)}.schedule-section>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.schedule-section .schedule-options{border-left-width:2px;border-color:rgba(var(--ax-sys-color-primary-500),.2);padding-left:1.5rem}.parameters-section>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.parameters-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.parameter-item{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1rem}.parameter-item>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.parameter-item .parameter-fields{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}@media (min-width: 768px){.parameter-item .parameter-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}.no-parameters{padding-top:2rem;padding-bottom:2rem;text-align:center;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.add-parameter-section{text-align:center}.review-sections>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.review-section{border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));padding:1.5rem}.review-section h4{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding-bottom:.5rem}.review-items>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.review-item{display:flex;align-items:flex-start;justify-content:space-between}@media (max-width: 480px){.review-item{flex-direction:column}.review-item>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}}.review-item .label{margin-right:1rem;min-width:0px;flex-shrink:0;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.review-item .value{overflow-wrap:break-word;text-align:right;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}@media (max-width: 480px){.review-item .value{text-align:left}}ax-form-field{display:block}ax-form-field ax-label{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}\n"], dependencies: [{ kind: "ngmodule", type: 
                 // Angular
                 CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: 
                 // ACoreX
@@ -270,7 +270,7 @@ class AXPReportCreateRootComponent {
             ])
         ], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AXPReportCreateRootComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImport: i0, type: AXPReportCreateRootComponent, decorators: [{
             type: Component,
             args: [{ selector: 'axp-report-create-root', imports: [
                         // Angular
@@ -299,4 +299,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
         }] });
 
 export { AXPReportCreateRootComponent };
-//# sourceMappingURL=acorex-modules-report-management-report-create-root.component-LrE6TkIp.mjs.map
+//# sourceMappingURL=acorex-modules-report-management-report-create-root.component-CcNJIUk2.mjs.map