osl-base-extended 9.8.0 → 9.9.0

package/fesm2022/osl-base-extended.mjs

@@ -5798,6 +5798,7 @@ class OslReportForm {
     skeletonTheme = 'light';
     pageSize = 50;
     pdfConfig = {};
+    moreMenuActions = [];
     _grid;
     get _mergedPdfConfig() {
         return { ...this.pdfConfig, reportName: this.pdfConfig.reportName ?? this.title };
@@ -5809,6 +5810,27 @@ class OslReportForm {
     generating = false;
     resultDatasource = [];
     showResultView = false;
+    // ── Footer more-actions menu state ─────────────────────────────
+    moreMenuOpen = false;
+    moreMenuPosition = { top: 0, left: 0 };
+    onDocumentClick() {
+        this.moreMenuOpen = false;
+    }
+    get hasVisibleMoreMenuActions() {
+        return this.moreMenuActions.some(a => !a.hideIf || !a.hideIf(undefined));
+    }
+    toggleMoreMenu(event) {
+        event.stopPropagation();
+        if (this.moreMenuOpen) {
+            this.moreMenuOpen = false;
+            return;
+        }
+        const rect = event.currentTarget.getBoundingClientRect();
+        const menuWidth = 196;
+        const left = Math.min(Math.max(rect.right - menuWidth, 8), window.innerWidth - menuWidth - 8);
+        this.moreMenuPosition = { top: rect.bottom + 6, left };
+        this.moreMenuOpen = true;
+    }
     ngOnInit() {
         if (this.generateOptions.length > 0 && !this.generateOptions.includes(this.selectedType)) {
             this.selectedType = this.generateOptions[0];
@@ -5860,11 +5882,11 @@ class OslReportForm {
         this.modelChange.emit(val);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslReportForm, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: OslReportForm, isStandalone: false, selector: "osl-report-form", inputs: { title: "title", formElements: "formElements", model: "model", generateOptions: "generateOptions", reportColumns: "reportColumns", onGenerate: "onGenerate", skeletonLoading: "skeletonLoading", skeletonTheme: "skeletonTheme", pageSize: "pageSize", pdfConfig: "pdfConfig" }, outputs: { modelChange: "modelChange" }, viewQueries: [{ propertyName: "_grid", first: true, predicate: OslReportGrid, descendants: true }], ngImport: i0, template: "<!-- \u2500\u2500 Form view (hidden when results are shown) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n@if (!showResultView) {\n  <div class=\"orf-card\">\n\n    <!-- Header -->\n    <div class=\"orf-header\">\n      <div class=\"orf-header__left\">\n        <div class=\"orf-header__icon-wrap\">\n          <svg class=\"orf-header__icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n            <path d=\"M8 16V11\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/>\n            <path d=\"M12 16V8\"  stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/>\n            <path d=\"M16 16V13\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/>\n          </svg>\n        </div>\n        <div class=\"orf-header__text\">\n          <h4 class=\"orf-header__title\">{{ title }}</h4>\n          <p class=\"orf-header__sub\">Configure parameters and generate report</p>\n        </div>\n      </div>\n\n      <div class=\"orf-header__right\">\n        @for (type of generateOptions; track type) {\n          <button\n            class=\"orf-type-btn\"\n            [class.active]=\"selectedType === type\"\n            [class.orf-type-btn--pdf]=\"type === 'pdf'\"\n            [class.orf-type-btn--excel]=\"type === 'excel'\"\n            [class.orf-type-btn--grid]=\"type === 'grid'\"\n            (click)=\"selectType(type)\"\n            type=\"button\"\n          >\n            @if (type === 'pdf') {\n              <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\n                      stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/>\n                <path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/>\n                <path d=\"M9 13h1.5a1.5 1.5 0 0 1 0 3H9v-4\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"/>\n                <path d=\"M14 13v4\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"/>\n                <path d=\"M14 13h1.5a1.5 1.5 0 0 1 0 3H14\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"/>\n              </svg>\n            }\n            @if (type === 'excel') {\n              <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n                <path d=\"M2 8h20\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n                <path d=\"M8 8v13M14 8v13\" stroke=\"currentColor\" stroke-width=\"1.2\"/>\n                <path d=\"M2 13h20M2 18h20\" stroke=\"currentColor\" stroke-width=\"1.2\"/>\n              </svg>\n            }\n            @if (type === 'grid') {\n              <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <rect x=\"3\"  y=\"3\"  width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n                <rect x=\"14\" y=\"3\"  width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n                <rect x=\"3\"  y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n                <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n              </svg>\n            }\n            <span>{{ typeLabel(type) }}</span>\n          </button>\n        }\n      </div>\n    </div>\n\n    <!-- Section divider with label -->\n    <div class=\"orf-section-divider\">\n      <div class=\"orf-section-divider__line\"></div>\n      <span class=\"orf-section-divider__label\">\n        <svg viewBox=\"0 0 16 16\" fill=\"none\">\n          <path d=\"M2 4h12M2 8h9M2 12h6\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"/>\n        </svg>\n        Report Parameters\n      </span>\n      <div class=\"orf-section-divider__line\"></div>\n    </div>\n\n    <!-- Form Body -->\n    <div class=\"orf-body\">\n      <osl-dynamic-form\n        [elements]=\"formElements\"\n        [model]=\"model\"\n        (modelChange)=\"onModelChange($event)\"\n        [skeletonLoading]=\"skeletonLoading\"\n        [skeletonTheme]=\"skeletonTheme\"\n      ></osl-dynamic-form>\n    </div>\n\n    <!-- Footer -->\n    <div class=\"orf-footer\">\n      <button\n        class=\"orf-generate-btn\"\n        (click)=\"generate()\"\n        [disabled]=\"generating\"\n        type=\"button\"\n      >\n        @if (generating) {\n          <span class=\"orf-generate-btn__spinner\"></span>\n          <span>Generating...</span>\n        } @else {\n          @if (selectedType === 'pdf') {\n            <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\n                    stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"/>\n              <path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"/>\n            </svg>\n          }\n          @if (selectedType === 'excel') {\n            <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n              <path d=\"M2 8h20M8 8v13M14 8v13M2 13h20M2 18h20\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n            </svg>\n          }\n          @if (selectedType === 'grid') {\n            <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <rect x=\"3\"  y=\"3\"  width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n              <rect x=\"14\" y=\"3\"  width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n              <rect x=\"3\"  y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n              <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n            </svg>\n          }\n          <span>Generate {{ typeLabel(selectedType) }}</span>\n          <svg class=\"orf-generate-btn__arrow\" viewBox=\"0 0 20 20\" fill=\"none\">\n            <path d=\"M4 10h12M11 5l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.8\"\n                  stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n          </svg>\n        }\n      </button>\n    </div>\n\n  </div>\n}\n\n<!-- \u2500\u2500 Full-screen results view \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n@if (showResultView) {\n\n    <!-- Results header bar -->\n    <div class=\"orf-results-header\">\n\n      <div class=\"orf-results-header__left\">\n        <button class=\"orf-back-btn\" (click)=\"backToForm()\" type=\"button\">\n          <svg class=\"orf-btn-icon\" viewBox=\"0 0 20 20\" fill=\"none\">\n            <path d=\"M16 10H4M9 5l-5 5 5 5\" stroke=\"currentColor\" stroke-width=\"1.8\"\n                  stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n          </svg>\n          <span>Back</span>\n        </button>\n        <div class=\"orf-results-header__sep\"></div>\n        <svg class=\"orf-results-header__report-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n          <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n          <path d=\"M8 16V11M12 16V8M16 16V13\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/>\n        </svg>\n        <span class=\"orf-results-header__title\">{{ title }}</span>\n        <span class=\"orf-results-badge\">\n          <svg class=\"orf-btn-icon\" viewBox=\"0 0 16 16\" fill=\"none\">\n            <rect x=\"2\" y=\"2\"  width=\"12\" height=\"3\" rx=\"1\" fill=\"currentColor\"/>\n            <rect x=\"2\" y=\"7\"  width=\"12\" height=\"3\" rx=\"1\" fill=\"currentColor\" opacity=\".65\"/>\n            <rect x=\"2\" y=\"12\" width=\"8\"  height=\"2\" rx=\"1\" fill=\"currentColor\" opacity=\".35\"/>\n          </svg>\n          {{ resultDatasource.length | number }} records\n        </span>\n      </div>\n\n      <!-- <div class=\"orf-results-header__right\">\n        @if (generateOptions.includes('excel')) {\n          <button class=\"orf-reexport-btn orf-reexport-btn--excel\" (click)=\"reExportExcel()\" type=\"button\">\n            <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n              <path d=\"M2 8h20M8 8v13M14 8v13M2 13h20M2 18h20\" stroke=\"currentColor\" stroke-width=\"1.3\"/>\n            </svg>\n            <span>Excel</span>\n          </button>\n        }\n        @if (generateOptions.includes('pdf')) {\n          <button class=\"orf-reexport-btn orf-reexport-btn--pdf\" (click)=\"reExportPdf()\" type=\"button\">\n            <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\n                    stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/>\n              <path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/>\n            </svg>\n            <span>PDF</span>\n          </button>\n        }\n      </div> -->\n\n    </div>\n\n    <!-- Report grid -->\n    <div class=\"orf-results-body\">\n      <osl-report-grid\n        [columns]=\"reportColumns\"\n        [datasource]=\"resultDatasource\"\n        [loading]=\"generating\"\n        [title]=\"title\"\n        tableHeight=\"calc(100vh - 365px)\"\n        [pageSize]=\"pageSize\"\n        [exportable]=\"true\"\n        [pdfExportFromGrid]=\"true\"\n        [pdfConfig]=\"_mergedPdfConfig\"\n        [showAggregates]=\"true\"\n        [striped]=\"true\"\n      ></osl-report-grid>\n    </div>\n\n}\n", styles: ["@keyframes orf-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes orf-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes orf-spin{to{transform:rotate(360deg)}}@keyframes orf-shimmer{0%{transform:translate(-100%) skew(-12deg)}to{transform:translate(220%) skew(-12deg)}}@keyframes orf-badge-pop{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.orf-btn-icon{display:block;flex-shrink:0;width:16px;height:16px}.orf-card{background:#fff;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 4px 24px #00000012,0 1px 4px #0000000a;overflow:hidden;animation:orf-fade-in .28s ease}.orf-header{background:linear-gradient(135deg,#1e3a8a,#2563eb 55%,#60a5fa);padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;overflow:hidden;flex-wrap:wrap}.orf-header:before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.orf-header:after{content:\"\";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);top:-120px;right:-20px;pointer-events:none}.orf-header__left{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.orf-header__icon-wrap{width:52px;height:52px;border-radius:14px;background:#ffffff24;border:1px solid rgba(255,255,255,.24);display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000026,inset 0 1px #fff3}.orf-header__icon{width:26px;height:26px;color:#fff}.orf-header__text{display:flex;flex-direction:column;gap:3px}.orf-header__title{margin:0;font-size:19px;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.15)}.orf-header__sub{margin:0;font-size:12px;color:#ffffffa6;letter-spacing:.01em}.orf-header__right{display:flex;align-items:center;gap:8px;position:relative;z-index:1;flex-wrap:wrap}.orf-type-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:9px;border:1px solid rgba(255,255,255,.28);background:#ffffff1c;color:#ffffffd1;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:inherit}.orf-type-btn .orf-btn-icon{width:15px;height:15px;transition:transform .2s ease}.orf-type-btn:hover{background:#ffffff36;border-color:#ffffff73;color:#fff;transform:translateY(-1px)}.orf-type-btn:hover .orf-btn-icon{transform:scale(1.1)}.orf-type-btn.active{background:#fffffff5;border-color:transparent;color:#1e3a8a;box-shadow:0 4px 16px #00000038,0 1px 3px #0000001a;transform:translateY(-1px);font-weight:600}.orf-type-btn.active .orf-btn-icon{color:#1e3a8a}.orf-type-btn--pdf.active,.orf-type-btn--pdf.active .orf-btn-icon{color:#dc2626}.orf-type-btn--excel.active,.orf-type-btn--excel.active .orf-btn-icon{color:#16a34a}.orf-type-btn--grid.active,.orf-type-btn--grid.active .orf-btn-icon{color:#2563eb}.orf-section-divider{display:flex;align-items:center;gap:12px;padding:0 24px;margin:18px 0 0}.orf-section-divider__line{flex:1;height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,#c7d2fe,#e2e8f0,transparent)}.orf-section-divider__label{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:#f0f4ff;border:1px solid #c7d2fe;color:#4f46e5;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.orf-section-divider__label svg{width:12px;height:12px;color:#6366f1}.orf-body{padding:16px 20px 4px}.orf-footer{padding:12px 20px 20px;display:flex;justify-content:flex-end;align-items:center;gap:10px}.orf-generate-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 18px #2563eb59;letter-spacing:.01em;font-family:inherit;position:relative;overflow:hidden}.orf-generate-btn:after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.18) 50%,transparent 100%);transform:translate(-100%) skew(-12deg);pointer-events:none}.orf-generate-btn .orf-btn-icon{width:18px;height:18px}.orf-generate-btn__arrow{width:18px;height:18px;transition:transform .22s ease;flex-shrink:0}.orf-generate-btn:hover:not([disabled]){background:linear-gradient(135deg,#1e40af,#1d4ed8);box-shadow:0 6px 24px #2563eb80;transform:translateY(-1px)}.orf-generate-btn:hover:not([disabled]):after{animation:orf-shimmer .55s ease forwards}.orf-generate-btn:hover:not([disabled]) .orf-generate-btn__arrow{transform:translate(5px)}.orf-generate-btn:active:not([disabled]){transform:translateY(0);box-shadow:0 2px 8px #2563eb38}.orf-generate-btn[disabled]{opacity:.72;cursor:not-allowed;box-shadow:none}.orf-generate-btn__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;display:inline-block;animation:orf-spin .7s linear infinite;flex-shrink:0}.orf-results-view{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;background:#f1f5f9;animation:orf-fade-in .25s ease}.orf-results-header{flex-shrink:0;height:56px;background:linear-gradient(135deg,#1e3a8a,#2563eb 60%,#3b82f6);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px;position:relative;overflow:hidden;box-shadow:0 2px 14px #2563eb73}.orf-results-header:before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.09) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}.orf-results-header:after{content:\"\";position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);top:-90px;right:40px;pointer-events:none}.orf-results-header__left{display:flex;align-items:center;gap:10px;position:relative;z-index:1;min-width:0;flex:1}.orf-results-header__sep{width:1px;height:22px;background:#ffffff40;flex-shrink:0}.orf-results-header__report-icon{width:20px;height:20px;color:#ffffffd9;flex-shrink:0}.orf-results-header__title{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.12)}.orf-results-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;background:#ffffff26;border:1px solid rgba(255,255,255,.22);color:#ffffffeb;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0;animation:orf-badge-pop .35s cubic-bezier(.34,1.56,.64,1) both}.orf-results-badge .orf-btn-icon{width:13px;height:13px}.orf-back-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:#ffffff21;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:inherit;flex-shrink:0;position:relative;z-index:1}.orf-back-btn .orf-btn-icon{width:16px;height:16px;transition:transform .18s ease}.orf-back-btn:hover{background:#ffffff3d;border-color:#ffffff80}.orf-back-btn:hover .orf-btn-icon{transform:translate(-3px)}.orf-back-btn:active{transform:scale(.97)}.orf-results-header__right{display:flex;align-items:center;gap:8px;position:relative;z-index:1;flex-shrink:0}.orf-reexport-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:8px;border:1px solid rgba(255,255,255,.28);background:#ffffff1f;color:#ffffffd9;font-size:12px;font-weight:500;cursor:pointer;transition:all .18s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:inherit;white-space:nowrap}.orf-reexport-btn .orf-btn-icon{width:15px;height:15px}.orf-reexport-btn:hover{background:#ffffff38;border-color:#ffffff73;color:#fff;transform:translateY(-1px)}.orf-reexport-btn--excel:hover{background:#16a34a52;border-color:#16a34a8c}.orf-reexport-btn--pdf:hover{background:#dc262652;border-color:#dc26268c}.orf-results-body{flex:1;overflow:hidden;padding:12px 12px 0;display:flex;flex-direction:column}.orf-results-body osl-report-grid{flex:1;display:block}\n"], dependencies: [{ kind: "component", type: DynamicForm, selector: "osl-dynamic-form", inputs: ["elements", "model", "skeletonLoading", "skeletonTheme"], outputs: ["modelChange"] }, { kind: "component", type: OslReportGrid, selector: "osl-report-grid", inputs: ["columns", "datasource", "loading", "totalRecords", "autoMode", "isPaginated", "pageSize", "tableHeight", "striped", "exportable", "rowHeight", "rowSelection", "showAggregates", "title", "pdfExportFromGrid", "pdfConfig"], outputs: ["pageChange", "pageSizeChange", "sortChange", "rowClick", "selectionChange"] }, { kind: "pipe", type: i1$1.DecimalPipe, name: "number" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: OslReportForm, isStandalone: false, selector: "osl-report-form", inputs: { title: "title", formElements: "formElements", model: "model", generateOptions: "generateOptions", reportColumns: "reportColumns", onGenerate: "onGenerate", skeletonLoading: "skeletonLoading", skeletonTheme: "skeletonTheme", pageSize: "pageSize", pdfConfig: "pdfConfig", moreMenuActions: "moreMenuActions" }, outputs: { modelChange: "modelChange" }, host: { listeners: { "document:click": "onDocumentClick()" } }, viewQueries: [{ propertyName: "_grid", first: true, predicate: OslReportGrid, descendants: true }], ngImport: i0, template: "<!-- \u2500\u2500 Form view (hidden when results are shown) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n@if (!showResultView) {\n  <div class=\"orf-card\">\n\n    <!-- Header -->\n    <div class=\"orf-header\">\n      <div class=\"orf-header__left\">\n        <div class=\"orf-header__icon-wrap\">\n          <svg class=\"orf-header__icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n            <path d=\"M8 16V11\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/>\n            <path d=\"M12 16V8\"  stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/>\n            <path d=\"M16 16V13\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/>\n          </svg>\n        </div>\n        <div class=\"orf-header__text\">\n          <h4 class=\"orf-header__title\">{{ title }}</h4>\n          <p class=\"orf-header__sub\">Configure parameters and generate report</p>\n        </div>\n      </div>\n\n      <div class=\"orf-header__right\">\n        @for (type of generateOptions; track type) {\n          <button\n            class=\"orf-type-btn\"\n            [class.active]=\"selectedType === type\"\n            [class.orf-type-btn--pdf]=\"type === 'pdf'\"\n            [class.orf-type-btn--excel]=\"type === 'excel'\"\n            [class.orf-type-btn--grid]=\"type === 'grid'\"\n            (click)=\"selectType(type)\"\n            type=\"button\"\n          >\n            @if (type === 'pdf') {\n              <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\n                      stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/>\n                <path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/>\n                <path d=\"M9 13h1.5a1.5 1.5 0 0 1 0 3H9v-4\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"/>\n                <path d=\"M14 13v4\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"/>\n                <path d=\"M14 13h1.5a1.5 1.5 0 0 1 0 3H14\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"/>\n              </svg>\n            }\n            @if (type === 'excel') {\n              <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n                <path d=\"M2 8h20\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n                <path d=\"M8 8v13M14 8v13\" stroke=\"currentColor\" stroke-width=\"1.2\"/>\n                <path d=\"M2 13h20M2 18h20\" stroke=\"currentColor\" stroke-width=\"1.2\"/>\n              </svg>\n            }\n            @if (type === 'grid') {\n              <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <rect x=\"3\"  y=\"3\"  width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n                <rect x=\"14\" y=\"3\"  width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n                <rect x=\"3\"  y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n                <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n              </svg>\n            }\n            <span>{{ typeLabel(type) }}</span>\n          </button>\n        }\n      </div>\n    </div>\n\n    <!-- Section divider with label -->\n    <div class=\"orf-section-divider\">\n      <div class=\"orf-section-divider__line\"></div>\n      <span class=\"orf-section-divider__label\">\n        <svg viewBox=\"0 0 16 16\" fill=\"none\">\n          <path d=\"M2 4h12M2 8h9M2 12h6\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"/>\n        </svg>\n        Report Parameters\n      </span>\n      <div class=\"orf-section-divider__line\"></div>\n    </div>\n\n    <!-- Form Body -->\n    <div class=\"orf-body\">\n      <osl-dynamic-form\n        [elements]=\"formElements\"\n        [model]=\"model\"\n        (modelChange)=\"onModelChange($event)\"\n        [skeletonLoading]=\"skeletonLoading\"\n        [skeletonTheme]=\"skeletonTheme\"\n      ></osl-dynamic-form>\n    </div>\n\n    <!-- Footer -->\n    <div class=\"orf-footer\">\n      @if (moreMenuActions.length > 0 && hasVisibleMoreMenuActions) {\n        <button class=\"orf-more-btn\" (click)=\"toggleMoreMenu($event)\" type=\"button\" title=\"More actions\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <circle cx=\"12\" cy=\"5\" r=\"2.2\"/>\n            <circle cx=\"12\" cy=\"12\" r=\"2.2\"/>\n            <circle cx=\"12\" cy=\"19\" r=\"2.2\"/>\n          </svg>\n        </button>\n      }\n      <button\n        class=\"orf-generate-btn\"\n        (click)=\"generate()\"\n        [disabled]=\"generating\"\n        type=\"button\"\n      >\n        @if (generating) {\n          <span class=\"orf-generate-btn__spinner\"></span>\n          <span>Generating...</span>\n        } @else {\n          @if (selectedType === 'pdf') {\n            <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\n                    stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"/>\n              <path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"/>\n            </svg>\n          }\n          @if (selectedType === 'excel') {\n            <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n              <path d=\"M2 8h20M8 8v13M14 8v13M2 13h20M2 18h20\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n            </svg>\n          }\n          @if (selectedType === 'grid') {\n            <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <rect x=\"3\"  y=\"3\"  width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n              <rect x=\"14\" y=\"3\"  width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n              <rect x=\"3\"  y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n              <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n            </svg>\n          }\n          <span>Generate {{ typeLabel(selectedType) }}</span>\n          <svg class=\"orf-generate-btn__arrow\" viewBox=\"0 0 20 20\" fill=\"none\">\n            <path d=\"M4 10h12M11 5l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.8\"\n                  stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n          </svg>\n        }\n      </button>\n    </div>\n\n  </div>\n}\n\n<!-- \u2500\u2500 Full-screen results view \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n@if (showResultView) {\n\n    <!-- Results header bar -->\n    <div class=\"orf-results-header\">\n\n      <div class=\"orf-results-header__left\">\n        <button class=\"orf-back-btn\" (click)=\"backToForm()\" type=\"button\">\n          <svg class=\"orf-btn-icon\" viewBox=\"0 0 20 20\" fill=\"none\">\n            <path d=\"M16 10H4M9 5l-5 5 5 5\" stroke=\"currentColor\" stroke-width=\"1.8\"\n                  stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n          </svg>\n          <span>Back</span>\n        </button>\n        <div class=\"orf-results-header__sep\"></div>\n        <svg class=\"orf-results-header__report-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n          <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n          <path d=\"M8 16V11M12 16V8M16 16V13\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/>\n        </svg>\n        <span class=\"orf-results-header__title\">{{ title }}</span>\n        <span class=\"orf-results-badge\">\n          <svg class=\"orf-btn-icon\" viewBox=\"0 0 16 16\" fill=\"none\">\n            <rect x=\"2\" y=\"2\"  width=\"12\" height=\"3\" rx=\"1\" fill=\"currentColor\"/>\n            <rect x=\"2\" y=\"7\"  width=\"12\" height=\"3\" rx=\"1\" fill=\"currentColor\" opacity=\".65\"/>\n            <rect x=\"2\" y=\"12\" width=\"8\"  height=\"2\" rx=\"1\" fill=\"currentColor\" opacity=\".35\"/>\n          </svg>\n          {{ resultDatasource.length | number }} records\n        </span>\n      </div>\n\n      <!-- <div class=\"orf-results-header__right\">\n        @if (generateOptions.includes('excel')) {\n          <button class=\"orf-reexport-btn orf-reexport-btn--excel\" (click)=\"reExportExcel()\" type=\"button\">\n            <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n              <path d=\"M2 8h20M8 8v13M14 8v13M2 13h20M2 18h20\" stroke=\"currentColor\" stroke-width=\"1.3\"/>\n            </svg>\n            <span>Excel</span>\n          </button>\n        }\n        @if (generateOptions.includes('pdf')) {\n          <button class=\"orf-reexport-btn orf-reexport-btn--pdf\" (click)=\"reExportPdf()\" type=\"button\">\n            <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\n                    stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/>\n              <path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/>\n            </svg>\n            <span>PDF</span>\n          </button>\n        }\n      </div> -->\n\n    </div>\n\n    <!-- Report grid -->\n    <div class=\"orf-results-body\">\n      <osl-report-grid\n        [columns]=\"reportColumns\"\n        [datasource]=\"resultDatasource\"\n        [loading]=\"generating\"\n        [title]=\"title\"\n        tableHeight=\"calc(100vh - 365px)\"\n        [pageSize]=\"pageSize\"\n        [exportable]=\"true\"\n        [pdfExportFromGrid]=\"true\"\n        [pdfConfig]=\"_mergedPdfConfig\"\n        [showAggregates]=\"true\"\n        [striped]=\"true\"\n      ></osl-report-grid>\n    </div>\n\n}\n\n<!-- Floating footer more-actions menu -->\n@if (moreMenuOpen && moreMenuActions.length > 0) {\n  <div class=\"orf-more-menu\"\n       [style.top.px]=\"moreMenuPosition.top\"\n       [style.left.px]=\"moreMenuPosition.left\"\n       (click)=\"$event.stopPropagation()\">\n    <div class=\"orf-more-menu__header\">Actions</div>\n    @for (action of moreMenuActions; track $index) {\n      @if (!action.hideIf || !action.hideIf(undefined)) {\n        <button class=\"orf-more-menu__item\" (click)=\"action.click(undefined); moreMenuOpen = false\">\n          <span class=\"orf-more-menu__dot\"></span>\n          {{ action.labelIf ? action.labelIf(undefined) : action.label }}\n        </button>\n      }\n    }\n  </div>\n}\n", styles: ["@keyframes orf-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes orf-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes orf-spin{to{transform:rotate(360deg)}}@keyframes orf-shimmer{0%{transform:translate(-100%) skew(-12deg)}to{transform:translate(220%) skew(-12deg)}}@keyframes orf-badge-pop{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.orf-btn-icon{display:block;flex-shrink:0;width:16px;height:16px}.orf-card{background:#fff;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 4px 24px #00000012,0 1px 4px #0000000a;overflow:hidden;animation:orf-fade-in .28s ease}.orf-header{background:linear-gradient(135deg,#1e3a8a,#2563eb 55%,#60a5fa);padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;overflow:hidden;flex-wrap:wrap}.orf-header:before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.orf-header:after{content:\"\";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);top:-120px;right:-20px;pointer-events:none}.orf-header__left{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.orf-header__icon-wrap{width:52px;height:52px;border-radius:14px;background:#ffffff24;border:1px solid rgba(255,255,255,.24);display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000026,inset 0 1px #fff3}.orf-header__icon{width:26px;height:26px;color:#fff}.orf-header__text{display:flex;flex-direction:column;gap:3px}.orf-header__title{margin:0;font-size:19px;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.15)}.orf-header__sub{margin:0;font-size:12px;color:#ffffffa6;letter-spacing:.01em}.orf-header__right{display:flex;align-items:center;gap:8px;position:relative;z-index:1;flex-wrap:wrap}.orf-type-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:9px;border:1px solid rgba(255,255,255,.28);background:#ffffff1c;color:#ffffffd1;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:inherit}.orf-type-btn .orf-btn-icon{width:15px;height:15px;transition:transform .2s ease}.orf-type-btn:hover{background:#ffffff36;border-color:#ffffff73;color:#fff;transform:translateY(-1px)}.orf-type-btn:hover .orf-btn-icon{transform:scale(1.1)}.orf-type-btn.active{background:#fffffff5;border-color:transparent;color:#1e3a8a;box-shadow:0 4px 16px #00000038,0 1px 3px #0000001a;transform:translateY(-1px);font-weight:600}.orf-type-btn.active .orf-btn-icon{color:#1e3a8a}.orf-type-btn--pdf.active,.orf-type-btn--pdf.active .orf-btn-icon{color:#dc2626}.orf-type-btn--excel.active,.orf-type-btn--excel.active .orf-btn-icon{color:#16a34a}.orf-type-btn--grid.active,.orf-type-btn--grid.active .orf-btn-icon{color:#2563eb}.orf-section-divider{display:flex;align-items:center;gap:12px;padding:0 24px;margin:18px 0 0}.orf-section-divider__line{flex:1;height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,#c7d2fe,#e2e8f0,transparent)}.orf-section-divider__label{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:#f0f4ff;border:1px solid #c7d2fe;color:#4f46e5;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.orf-section-divider__label svg{width:12px;height:12px;color:#6366f1}.orf-body{padding:16px 20px 4px}.orf-footer{padding:12px 20px 20px;display:flex;justify-content:flex-end;align-items:center;gap:10px}.orf-generate-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 18px #2563eb59;letter-spacing:.01em;font-family:inherit;position:relative;overflow:hidden}.orf-generate-btn:after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.18) 50%,transparent 100%);transform:translate(-100%) skew(-12deg);pointer-events:none}.orf-generate-btn .orf-btn-icon{width:18px;height:18px}.orf-generate-btn__arrow{width:18px;height:18px;transition:transform .22s ease;flex-shrink:0}.orf-generate-btn:hover:not([disabled]){background:linear-gradient(135deg,#1e40af,#1d4ed8);box-shadow:0 6px 24px #2563eb80;transform:translateY(-1px)}.orf-generate-btn:hover:not([disabled]):after{animation:orf-shimmer .55s ease forwards}.orf-generate-btn:hover:not([disabled]) .orf-generate-btn__arrow{transform:translate(5px)}.orf-generate-btn:active:not([disabled]){transform:translateY(0);box-shadow:0 2px 8px #2563eb38}.orf-generate-btn[disabled]{opacity:.72;cursor:not-allowed;box-shadow:none}.orf-generate-btn__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;display:inline-block;animation:orf-spin .7s linear infinite;flex-shrink:0}.orf-more-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;padding:0;flex-shrink:0}.orf-more-btn svg{width:15px;height:15px;fill:#9ca3af;transition:fill .15s}.orf-more-btn:hover{background:#f5f3ff;border-color:#6366f1;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.orf-more-btn:hover svg{fill:#6366f1}.orf-more-menu{position:fixed;z-index:9999;min-width:196px;background:#fff;border:1px solid #eaecf0;border-radius:12px;box-shadow:0 12px 32px #10182824,0 4px 12px #1018280f;overflow:hidden;animation:orf-menu-pop .16s cubic-bezier(.16,1,.3,1)}.orf-more-menu__header{padding:10px 14px 7px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;border-bottom:1px solid #f2f4f7;-webkit-user-select:none;user-select:none}.orf-more-menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;border-left:3px solid transparent;border-bottom:1px solid #f9fafb;text-align:left;font-size:13px;font-weight:500;font-family:inherit;color:#374151;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-left-color .12s}.orf-more-menu__item:last-child{border-bottom:none}.orf-more-menu__item:hover{background:#f5f3ff;color:#6366f1;border-left-color:#6366f1}.orf-more-menu__item:hover .orf-more-menu__dot{background:#6366f1;box-shadow:0 0 0 3px #6366f129}.orf-more-menu__dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#d1d5db;transition:background .12s,box-shadow .12s}@keyframes orf-menu-pop{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.orf-results-view{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;background:#f1f5f9;animation:orf-fade-in .25s ease}.orf-results-header{flex-shrink:0;height:56px;background:linear-gradient(135deg,#1e3a8a,#2563eb 60%,#3b82f6);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px;position:relative;overflow:hidden;box-shadow:0 2px 14px #2563eb73}.orf-results-header:before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.09) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}.orf-results-header:after{content:\"\";position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);top:-90px;right:40px;pointer-events:none}.orf-results-header__left{display:flex;align-items:center;gap:10px;position:relative;z-index:1;min-width:0;flex:1}.orf-results-header__sep{width:1px;height:22px;background:#ffffff40;flex-shrink:0}.orf-results-header__report-icon{width:20px;height:20px;color:#ffffffd9;flex-shrink:0}.orf-results-header__title{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.12)}.orf-results-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;background:#ffffff26;border:1px solid rgba(255,255,255,.22);color:#ffffffeb;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0;animation:orf-badge-pop .35s cubic-bezier(.34,1.56,.64,1) both}.orf-results-badge .orf-btn-icon{width:13px;height:13px}.orf-back-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:#ffffff21;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:inherit;flex-shrink:0;position:relative;z-index:1}.orf-back-btn .orf-btn-icon{width:16px;height:16px;transition:transform .18s ease}.orf-back-btn:hover{background:#ffffff3d;border-color:#ffffff80}.orf-back-btn:hover .orf-btn-icon{transform:translate(-3px)}.orf-back-btn:active{transform:scale(.97)}.orf-results-header__right{display:flex;align-items:center;gap:8px;position:relative;z-index:1;flex-shrink:0}.orf-reexport-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:8px;border:1px solid rgba(255,255,255,.28);background:#ffffff1f;color:#ffffffd9;font-size:12px;font-weight:500;cursor:pointer;transition:all .18s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:inherit;white-space:nowrap}.orf-reexport-btn .orf-btn-icon{width:15px;height:15px}.orf-reexport-btn:hover{background:#ffffff38;border-color:#ffffff73;color:#fff;transform:translateY(-1px)}.orf-reexport-btn--excel:hover{background:#16a34a52;border-color:#16a34a8c}.orf-reexport-btn--pdf:hover{background:#dc262652;border-color:#dc26268c}.orf-results-body{flex:1;overflow:hidden;padding:12px 12px 0;display:flex;flex-direction:column}.orf-results-body osl-report-grid{flex:1;display:block}\n"], dependencies: [{ kind: "component", type: DynamicForm, selector: "osl-dynamic-form", inputs: ["elements", "model", "skeletonLoading", "skeletonTheme"], outputs: ["modelChange"] }, { kind: "component", type: OslReportGrid, selector: "osl-report-grid", inputs: ["columns", "datasource", "loading", "totalRecords", "autoMode", "isPaginated", "pageSize", "tableHeight", "striped", "exportable", "rowHeight", "rowSelection", "showAggregates", "title", "pdfExportFromGrid", "pdfConfig"], outputs: ["pageChange", "pageSizeChange", "sortChange", "rowClick", "selectionChange"] }, { kind: "pipe", type: i1$1.DecimalPipe, name: "number" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OslReportForm, decorators: [{
             type: Component,
-            args: [{ selector: 'osl-report-form', standalone: false, template: "<!-- \u2500\u2500 Form view (hidden when results are shown) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n@if (!showResultView) {\n  <div class=\"orf-card\">\n\n    <!-- Header -->\n    <div class=\"orf-header\">\n      <div class=\"orf-header__left\">\n        <div class=\"orf-header__icon-wrap\">\n          <svg class=\"orf-header__icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n            <path d=\"M8 16V11\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/>\n            <path d=\"M12 16V8\"  stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/>\n            <path d=\"M16 16V13\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/>\n          </svg>\n        </div>\n        <div class=\"orf-header__text\">\n          <h4 class=\"orf-header__title\">{{ title }}</h4>\n          <p class=\"orf-header__sub\">Configure parameters and generate report</p>\n        </div>\n      </div>\n\n      <div class=\"orf-header__right\">\n        @for (type of generateOptions; track type) {\n          <button\n            class=\"orf-type-btn\"\n            [class.active]=\"selectedType === type\"\n            [class.orf-type-btn--pdf]=\"type === 'pdf'\"\n            [class.orf-type-btn--excel]=\"type === 'excel'\"\n            [class.orf-type-btn--grid]=\"type === 'grid'\"\n            (click)=\"selectType(type)\"\n            type=\"button\"\n          >\n            @if (type === 'pdf') {\n              <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\n                      stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/>\n                <path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/>\n                <path d=\"M9 13h1.5a1.5 1.5 0 0 1 0 3H9v-4\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"/>\n                <path d=\"M14 13v4\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"/>\n                <path d=\"M14 13h1.5a1.5 1.5 0 0 1 0 3H14\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"/>\n              </svg>\n            }\n            @if (type === 'excel') {\n              <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n                <path d=\"M2 8h20\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n                <path d=\"M8 8v13M14 8v13\" stroke=\"currentColor\" stroke-width=\"1.2\"/>\n                <path d=\"M2 13h20M2 18h20\" stroke=\"currentColor\" stroke-width=\"1.2\"/>\n              </svg>\n            }\n            @if (type === 'grid') {\n              <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <rect x=\"3\"  y=\"3\"  width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n                <rect x=\"14\" y=\"3\"  width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n                <rect x=\"3\"  y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n                <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n              </svg>\n            }\n            <span>{{ typeLabel(type) }}</span>\n          </button>\n        }\n      </div>\n    </div>\n\n    <!-- Section divider with label -->\n    <div class=\"orf-section-divider\">\n      <div class=\"orf-section-divider__line\"></div>\n      <span class=\"orf-section-divider__label\">\n        <svg viewBox=\"0 0 16 16\" fill=\"none\">\n          <path d=\"M2 4h12M2 8h9M2 12h6\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"/>\n        </svg>\n        Report Parameters\n      </span>\n      <div class=\"orf-section-divider__line\"></div>\n    </div>\n\n    <!-- Form Body -->\n    <div class=\"orf-body\">\n      <osl-dynamic-form\n        [elements]=\"formElements\"\n        [model]=\"model\"\n        (modelChange)=\"onModelChange($event)\"\n        [skeletonLoading]=\"skeletonLoading\"\n        [skeletonTheme]=\"skeletonTheme\"\n      ></osl-dynamic-form>\n    </div>\n\n    <!-- Footer -->\n    <div class=\"orf-footer\">\n      <button\n        class=\"orf-generate-btn\"\n        (click)=\"generate()\"\n        [disabled]=\"generating\"\n        type=\"button\"\n      >\n        @if (generating) {\n          <span class=\"orf-generate-btn__spinner\"></span>\n          <span>Generating...</span>\n        } @else {\n          @if (selectedType === 'pdf') {\n            <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\n                    stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"/>\n              <path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"/>\n            </svg>\n          }\n          @if (selectedType === 'excel') {\n            <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n              <path d=\"M2 8h20M8 8v13M14 8v13M2 13h20M2 18h20\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n            </svg>\n          }\n          @if (selectedType === 'grid') {\n            <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <rect x=\"3\"  y=\"3\"  width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n              <rect x=\"14\" y=\"3\"  width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n              <rect x=\"3\"  y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n              <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n            </svg>\n          }\n          <span>Generate {{ typeLabel(selectedType) }}</span>\n          <svg class=\"orf-generate-btn__arrow\" viewBox=\"0 0 20 20\" fill=\"none\">\n            <path d=\"M4 10h12M11 5l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.8\"\n                  stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n          </svg>\n        }\n      </button>\n    </div>\n\n  </div>\n}\n\n<!-- \u2500\u2500 Full-screen results view \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n@if (showResultView) {\n\n    <!-- Results header bar -->\n    <div class=\"orf-results-header\">\n\n      <div class=\"orf-results-header__left\">\n        <button class=\"orf-back-btn\" (click)=\"backToForm()\" type=\"button\">\n          <svg class=\"orf-btn-icon\" viewBox=\"0 0 20 20\" fill=\"none\">\n            <path d=\"M16 10H4M9 5l-5 5 5 5\" stroke=\"currentColor\" stroke-width=\"1.8\"\n                  stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n          </svg>\n          <span>Back</span>\n        </button>\n        <div class=\"orf-results-header__sep\"></div>\n        <svg class=\"orf-results-header__report-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n          <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n          <path d=\"M8 16V11M12 16V8M16 16V13\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/>\n        </svg>\n        <span class=\"orf-results-header__title\">{{ title }}</span>\n        <span class=\"orf-results-badge\">\n          <svg class=\"orf-btn-icon\" viewBox=\"0 0 16 16\" fill=\"none\">\n            <rect x=\"2\" y=\"2\"  width=\"12\" height=\"3\" rx=\"1\" fill=\"currentColor\"/>\n            <rect x=\"2\" y=\"7\"  width=\"12\" height=\"3\" rx=\"1\" fill=\"currentColor\" opacity=\".65\"/>\n            <rect x=\"2\" y=\"12\" width=\"8\"  height=\"2\" rx=\"1\" fill=\"currentColor\" opacity=\".35\"/>\n          </svg>\n          {{ resultDatasource.length | number }} records\n        </span>\n      </div>\n\n      <!-- <div class=\"orf-results-header__right\">\n        @if (generateOptions.includes('excel')) {\n          <button class=\"orf-reexport-btn orf-reexport-btn--excel\" (click)=\"reExportExcel()\" type=\"button\">\n            <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n              <path d=\"M2 8h20M8 8v13M14 8v13M2 13h20M2 18h20\" stroke=\"currentColor\" stroke-width=\"1.3\"/>\n            </svg>\n            <span>Excel</span>\n          </button>\n        }\n        @if (generateOptions.includes('pdf')) {\n          <button class=\"orf-reexport-btn orf-reexport-btn--pdf\" (click)=\"reExportPdf()\" type=\"button\">\n            <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\n                    stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/>\n              <path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/>\n            </svg>\n            <span>PDF</span>\n          </button>\n        }\n      </div> -->\n\n    </div>\n\n    <!-- Report grid -->\n    <div class=\"orf-results-body\">\n      <osl-report-grid\n        [columns]=\"reportColumns\"\n        [datasource]=\"resultDatasource\"\n        [loading]=\"generating\"\n        [title]=\"title\"\n        tableHeight=\"calc(100vh - 365px)\"\n        [pageSize]=\"pageSize\"\n        [exportable]=\"true\"\n        [pdfExportFromGrid]=\"true\"\n        [pdfConfig]=\"_mergedPdfConfig\"\n        [showAggregates]=\"true\"\n        [striped]=\"true\"\n      ></osl-report-grid>\n    </div>\n\n}\n", styles: ["@keyframes orf-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes orf-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes orf-spin{to{transform:rotate(360deg)}}@keyframes orf-shimmer{0%{transform:translate(-100%) skew(-12deg)}to{transform:translate(220%) skew(-12deg)}}@keyframes orf-badge-pop{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.orf-btn-icon{display:block;flex-shrink:0;width:16px;height:16px}.orf-card{background:#fff;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 4px 24px #00000012,0 1px 4px #0000000a;overflow:hidden;animation:orf-fade-in .28s ease}.orf-header{background:linear-gradient(135deg,#1e3a8a,#2563eb 55%,#60a5fa);padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;overflow:hidden;flex-wrap:wrap}.orf-header:before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.orf-header:after{content:\"\";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);top:-120px;right:-20px;pointer-events:none}.orf-header__left{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.orf-header__icon-wrap{width:52px;height:52px;border-radius:14px;background:#ffffff24;border:1px solid rgba(255,255,255,.24);display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000026,inset 0 1px #fff3}.orf-header__icon{width:26px;height:26px;color:#fff}.orf-header__text{display:flex;flex-direction:column;gap:3px}.orf-header__title{margin:0;font-size:19px;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.15)}.orf-header__sub{margin:0;font-size:12px;color:#ffffffa6;letter-spacing:.01em}.orf-header__right{display:flex;align-items:center;gap:8px;position:relative;z-index:1;flex-wrap:wrap}.orf-type-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:9px;border:1px solid rgba(255,255,255,.28);background:#ffffff1c;color:#ffffffd1;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:inherit}.orf-type-btn .orf-btn-icon{width:15px;height:15px;transition:transform .2s ease}.orf-type-btn:hover{background:#ffffff36;border-color:#ffffff73;color:#fff;transform:translateY(-1px)}.orf-type-btn:hover .orf-btn-icon{transform:scale(1.1)}.orf-type-btn.active{background:#fffffff5;border-color:transparent;color:#1e3a8a;box-shadow:0 4px 16px #00000038,0 1px 3px #0000001a;transform:translateY(-1px);font-weight:600}.orf-type-btn.active .orf-btn-icon{color:#1e3a8a}.orf-type-btn--pdf.active,.orf-type-btn--pdf.active .orf-btn-icon{color:#dc2626}.orf-type-btn--excel.active,.orf-type-btn--excel.active .orf-btn-icon{color:#16a34a}.orf-type-btn--grid.active,.orf-type-btn--grid.active .orf-btn-icon{color:#2563eb}.orf-section-divider{display:flex;align-items:center;gap:12px;padding:0 24px;margin:18px 0 0}.orf-section-divider__line{flex:1;height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,#c7d2fe,#e2e8f0,transparent)}.orf-section-divider__label{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:#f0f4ff;border:1px solid #c7d2fe;color:#4f46e5;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.orf-section-divider__label svg{width:12px;height:12px;color:#6366f1}.orf-body{padding:16px 20px 4px}.orf-footer{padding:12px 20px 20px;display:flex;justify-content:flex-end;align-items:center;gap:10px}.orf-generate-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 18px #2563eb59;letter-spacing:.01em;font-family:inherit;position:relative;overflow:hidden}.orf-generate-btn:after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.18) 50%,transparent 100%);transform:translate(-100%) skew(-12deg);pointer-events:none}.orf-generate-btn .orf-btn-icon{width:18px;height:18px}.orf-generate-btn__arrow{width:18px;height:18px;transition:transform .22s ease;flex-shrink:0}.orf-generate-btn:hover:not([disabled]){background:linear-gradient(135deg,#1e40af,#1d4ed8);box-shadow:0 6px 24px #2563eb80;transform:translateY(-1px)}.orf-generate-btn:hover:not([disabled]):after{animation:orf-shimmer .55s ease forwards}.orf-generate-btn:hover:not([disabled]) .orf-generate-btn__arrow{transform:translate(5px)}.orf-generate-btn:active:not([disabled]){transform:translateY(0);box-shadow:0 2px 8px #2563eb38}.orf-generate-btn[disabled]{opacity:.72;cursor:not-allowed;box-shadow:none}.orf-generate-btn__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;display:inline-block;animation:orf-spin .7s linear infinite;flex-shrink:0}.orf-results-view{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;background:#f1f5f9;animation:orf-fade-in .25s ease}.orf-results-header{flex-shrink:0;height:56px;background:linear-gradient(135deg,#1e3a8a,#2563eb 60%,#3b82f6);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px;position:relative;overflow:hidden;box-shadow:0 2px 14px #2563eb73}.orf-results-header:before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.09) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}.orf-results-header:after{content:\"\";position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);top:-90px;right:40px;pointer-events:none}.orf-results-header__left{display:flex;align-items:center;gap:10px;position:relative;z-index:1;min-width:0;flex:1}.orf-results-header__sep{width:1px;height:22px;background:#ffffff40;flex-shrink:0}.orf-results-header__report-icon{width:20px;height:20px;color:#ffffffd9;flex-shrink:0}.orf-results-header__title{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.12)}.orf-results-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;background:#ffffff26;border:1px solid rgba(255,255,255,.22);color:#ffffffeb;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0;animation:orf-badge-pop .35s cubic-bezier(.34,1.56,.64,1) both}.orf-results-badge .orf-btn-icon{width:13px;height:13px}.orf-back-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:#ffffff21;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:inherit;flex-shrink:0;position:relative;z-index:1}.orf-back-btn .orf-btn-icon{width:16px;height:16px;transition:transform .18s ease}.orf-back-btn:hover{background:#ffffff3d;border-color:#ffffff80}.orf-back-btn:hover .orf-btn-icon{transform:translate(-3px)}.orf-back-btn:active{transform:scale(.97)}.orf-results-header__right{display:flex;align-items:center;gap:8px;position:relative;z-index:1;flex-shrink:0}.orf-reexport-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:8px;border:1px solid rgba(255,255,255,.28);background:#ffffff1f;color:#ffffffd9;font-size:12px;font-weight:500;cursor:pointer;transition:all .18s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:inherit;white-space:nowrap}.orf-reexport-btn .orf-btn-icon{width:15px;height:15px}.orf-reexport-btn:hover{background:#ffffff38;border-color:#ffffff73;color:#fff;transform:translateY(-1px)}.orf-reexport-btn--excel:hover{background:#16a34a52;border-color:#16a34a8c}.orf-reexport-btn--pdf:hover{background:#dc262652;border-color:#dc26268c}.orf-results-body{flex:1;overflow:hidden;padding:12px 12px 0;display:flex;flex-direction:column}.orf-results-body osl-report-grid{flex:1;display:block}\n"] }]
+            args: [{ selector: 'osl-report-form', standalone: false, template: "<!-- \u2500\u2500 Form view (hidden when results are shown) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n@if (!showResultView) {\n  <div class=\"orf-card\">\n\n    <!-- Header -->\n    <div class=\"orf-header\">\n      <div class=\"orf-header__left\">\n        <div class=\"orf-header__icon-wrap\">\n          <svg class=\"orf-header__icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n            <path d=\"M8 16V11\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/>\n            <path d=\"M12 16V8\"  stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/>\n            <path d=\"M16 16V13\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/>\n          </svg>\n        </div>\n        <div class=\"orf-header__text\">\n          <h4 class=\"orf-header__title\">{{ title }}</h4>\n          <p class=\"orf-header__sub\">Configure parameters and generate report</p>\n        </div>\n      </div>\n\n      <div class=\"orf-header__right\">\n        @for (type of generateOptions; track type) {\n          <button\n            class=\"orf-type-btn\"\n            [class.active]=\"selectedType === type\"\n            [class.orf-type-btn--pdf]=\"type === 'pdf'\"\n            [class.orf-type-btn--excel]=\"type === 'excel'\"\n            [class.orf-type-btn--grid]=\"type === 'grid'\"\n            (click)=\"selectType(type)\"\n            type=\"button\"\n          >\n            @if (type === 'pdf') {\n              <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\n                      stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/>\n                <path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/>\n                <path d=\"M9 13h1.5a1.5 1.5 0 0 1 0 3H9v-4\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"/>\n                <path d=\"M14 13v4\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"/>\n                <path d=\"M14 13h1.5a1.5 1.5 0 0 1 0 3H14\" stroke=\"currentColor\" stroke-width=\"1.3\" stroke-linecap=\"round\"/>\n              </svg>\n            }\n            @if (type === 'excel') {\n              <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n                <path d=\"M2 8h20\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n                <path d=\"M8 8v13M14 8v13\" stroke=\"currentColor\" stroke-width=\"1.2\"/>\n                <path d=\"M2 13h20M2 18h20\" stroke=\"currentColor\" stroke-width=\"1.2\"/>\n              </svg>\n            }\n            @if (type === 'grid') {\n              <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <rect x=\"3\"  y=\"3\"  width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n                <rect x=\"14\" y=\"3\"  width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n                <rect x=\"3\"  y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n                <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n              </svg>\n            }\n            <span>{{ typeLabel(type) }}</span>\n          </button>\n        }\n      </div>\n    </div>\n\n    <!-- Section divider with label -->\n    <div class=\"orf-section-divider\">\n      <div class=\"orf-section-divider__line\"></div>\n      <span class=\"orf-section-divider__label\">\n        <svg viewBox=\"0 0 16 16\" fill=\"none\">\n          <path d=\"M2 4h12M2 8h9M2 12h6\" stroke=\"currentColor\" stroke-width=\"1.4\" stroke-linecap=\"round\"/>\n        </svg>\n        Report Parameters\n      </span>\n      <div class=\"orf-section-divider__line\"></div>\n    </div>\n\n    <!-- Form Body -->\n    <div class=\"orf-body\">\n      <osl-dynamic-form\n        [elements]=\"formElements\"\n        [model]=\"model\"\n        (modelChange)=\"onModelChange($event)\"\n        [skeletonLoading]=\"skeletonLoading\"\n        [skeletonTheme]=\"skeletonTheme\"\n      ></osl-dynamic-form>\n    </div>\n\n    <!-- Footer -->\n    <div class=\"orf-footer\">\n      @if (moreMenuActions.length > 0 && hasVisibleMoreMenuActions) {\n        <button class=\"orf-more-btn\" (click)=\"toggleMoreMenu($event)\" type=\"button\" title=\"More actions\">\n          <svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n            <circle cx=\"12\" cy=\"5\" r=\"2.2\"/>\n            <circle cx=\"12\" cy=\"12\" r=\"2.2\"/>\n            <circle cx=\"12\" cy=\"19\" r=\"2.2\"/>\n          </svg>\n        </button>\n      }\n      <button\n        class=\"orf-generate-btn\"\n        (click)=\"generate()\"\n        [disabled]=\"generating\"\n        type=\"button\"\n      >\n        @if (generating) {\n          <span class=\"orf-generate-btn__spinner\"></span>\n          <span>Generating...</span>\n        } @else {\n          @if (selectedType === 'pdf') {\n            <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\n                    stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"/>\n              <path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linejoin=\"round\"/>\n            </svg>\n          }\n          @if (selectedType === 'excel') {\n            <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n              <path d=\"M2 8h20M8 8v13M14 8v13M2 13h20M2 18h20\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n            </svg>\n          }\n          @if (selectedType === 'grid') {\n            <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <rect x=\"3\"  y=\"3\"  width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n              <rect x=\"14\" y=\"3\"  width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n              <rect x=\"3\"  y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n              <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1.5\" stroke=\"currentColor\" stroke-width=\"1.8\"/>\n            </svg>\n          }\n          <span>Generate {{ typeLabel(selectedType) }}</span>\n          <svg class=\"orf-generate-btn__arrow\" viewBox=\"0 0 20 20\" fill=\"none\">\n            <path d=\"M4 10h12M11 5l5 5-5 5\" stroke=\"currentColor\" stroke-width=\"1.8\"\n                  stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n          </svg>\n        }\n      </button>\n    </div>\n\n  </div>\n}\n\n<!-- \u2500\u2500 Full-screen results view \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n@if (showResultView) {\n\n    <!-- Results header bar -->\n    <div class=\"orf-results-header\">\n\n      <div class=\"orf-results-header__left\">\n        <button class=\"orf-back-btn\" (click)=\"backToForm()\" type=\"button\">\n          <svg class=\"orf-btn-icon\" viewBox=\"0 0 20 20\" fill=\"none\">\n            <path d=\"M16 10H4M9 5l-5 5 5 5\" stroke=\"currentColor\" stroke-width=\"1.8\"\n                  stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n          </svg>\n          <span>Back</span>\n        </button>\n        <div class=\"orf-results-header__sep\"></div>\n        <svg class=\"orf-results-header__report-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n          <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"3\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n          <path d=\"M8 16V11M12 16V8M16 16V13\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\"/>\n        </svg>\n        <span class=\"orf-results-header__title\">{{ title }}</span>\n        <span class=\"orf-results-badge\">\n          <svg class=\"orf-btn-icon\" viewBox=\"0 0 16 16\" fill=\"none\">\n            <rect x=\"2\" y=\"2\"  width=\"12\" height=\"3\" rx=\"1\" fill=\"currentColor\"/>\n            <rect x=\"2\" y=\"7\"  width=\"12\" height=\"3\" rx=\"1\" fill=\"currentColor\" opacity=\".65\"/>\n            <rect x=\"2\" y=\"12\" width=\"8\"  height=\"2\" rx=\"1\" fill=\"currentColor\" opacity=\".35\"/>\n          </svg>\n          {{ resultDatasource.length | number }} records\n        </span>\n      </div>\n\n      <!-- <div class=\"orf-results-header__right\">\n        @if (generateOptions.includes('excel')) {\n          <button class=\"orf-reexport-btn orf-reexport-btn--excel\" (click)=\"reExportExcel()\" type=\"button\">\n            <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\" stroke=\"currentColor\" stroke-width=\"1.5\"/>\n              <path d=\"M2 8h20M8 8v13M14 8v13M2 13h20M2 18h20\" stroke=\"currentColor\" stroke-width=\"1.3\"/>\n            </svg>\n            <span>Excel</span>\n          </button>\n        }\n        @if (generateOptions.includes('pdf')) {\n          <button class=\"orf-reexport-btn orf-reexport-btn--pdf\" (click)=\"reExportPdf()\" type=\"button\">\n            <svg class=\"orf-btn-icon\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\n                    stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/>\n              <path d=\"M14 2v6h6\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/>\n            </svg>\n            <span>PDF</span>\n          </button>\n        }\n      </div> -->\n\n    </div>\n\n    <!-- Report grid -->\n    <div class=\"orf-results-body\">\n      <osl-report-grid\n        [columns]=\"reportColumns\"\n        [datasource]=\"resultDatasource\"\n        [loading]=\"generating\"\n        [title]=\"title\"\n        tableHeight=\"calc(100vh - 365px)\"\n        [pageSize]=\"pageSize\"\n        [exportable]=\"true\"\n        [pdfExportFromGrid]=\"true\"\n        [pdfConfig]=\"_mergedPdfConfig\"\n        [showAggregates]=\"true\"\n        [striped]=\"true\"\n      ></osl-report-grid>\n    </div>\n\n}\n\n<!-- Floating footer more-actions menu -->\n@if (moreMenuOpen && moreMenuActions.length > 0) {\n  <div class=\"orf-more-menu\"\n       [style.top.px]=\"moreMenuPosition.top\"\n       [style.left.px]=\"moreMenuPosition.left\"\n       (click)=\"$event.stopPropagation()\">\n    <div class=\"orf-more-menu__header\">Actions</div>\n    @for (action of moreMenuActions; track $index) {\n      @if (!action.hideIf || !action.hideIf(undefined)) {\n        <button class=\"orf-more-menu__item\" (click)=\"action.click(undefined); moreMenuOpen = false\">\n          <span class=\"orf-more-menu__dot\"></span>\n          {{ action.labelIf ? action.labelIf(undefined) : action.label }}\n        </button>\n      }\n    }\n  </div>\n}\n", styles: ["@keyframes orf-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes orf-slide-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes orf-spin{to{transform:rotate(360deg)}}@keyframes orf-shimmer{0%{transform:translate(-100%) skew(-12deg)}to{transform:translate(220%) skew(-12deg)}}@keyframes orf-badge-pop{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.orf-btn-icon{display:block;flex-shrink:0;width:16px;height:16px}.orf-card{background:#fff;border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 4px 24px #00000012,0 1px 4px #0000000a;overflow:hidden;animation:orf-fade-in .28s ease}.orf-header{background:linear-gradient(135deg,#1e3a8a,#2563eb 55%,#60a5fa);padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;overflow:hidden;flex-wrap:wrap}.orf-header:before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.orf-header:after{content:\"\";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);top:-120px;right:-20px;pointer-events:none}.orf-header__left{display:flex;align-items:center;gap:14px;position:relative;z-index:1}.orf-header__icon-wrap{width:52px;height:52px;border-radius:14px;background:#ffffff24;border:1px solid rgba(255,255,255,.24);display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000026,inset 0 1px #fff3}.orf-header__icon{width:26px;height:26px;color:#fff}.orf-header__text{display:flex;flex-direction:column;gap:3px}.orf-header__title{margin:0;font-size:19px;font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.15)}.orf-header__sub{margin:0;font-size:12px;color:#ffffffa6;letter-spacing:.01em}.orf-header__right{display:flex;align-items:center;gap:8px;position:relative;z-index:1;flex-wrap:wrap}.orf-type-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:9px;border:1px solid rgba(255,255,255,.28);background:#ffffff1c;color:#ffffffd1;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:inherit}.orf-type-btn .orf-btn-icon{width:15px;height:15px;transition:transform .2s ease}.orf-type-btn:hover{background:#ffffff36;border-color:#ffffff73;color:#fff;transform:translateY(-1px)}.orf-type-btn:hover .orf-btn-icon{transform:scale(1.1)}.orf-type-btn.active{background:#fffffff5;border-color:transparent;color:#1e3a8a;box-shadow:0 4px 16px #00000038,0 1px 3px #0000001a;transform:translateY(-1px);font-weight:600}.orf-type-btn.active .orf-btn-icon{color:#1e3a8a}.orf-type-btn--pdf.active,.orf-type-btn--pdf.active .orf-btn-icon{color:#dc2626}.orf-type-btn--excel.active,.orf-type-btn--excel.active .orf-btn-icon{color:#16a34a}.orf-type-btn--grid.active,.orf-type-btn--grid.active .orf-btn-icon{color:#2563eb}.orf-section-divider{display:flex;align-items:center;gap:12px;padding:0 24px;margin:18px 0 0}.orf-section-divider__line{flex:1;height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,#c7d2fe,#e2e8f0,transparent)}.orf-section-divider__label{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;background:#f0f4ff;border:1px solid #c7d2fe;color:#4f46e5;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.orf-section-divider__label svg{width:12px;height:12px;color:#6366f1}.orf-body{padding:16px 20px 4px}.orf-footer{padding:12px 20px 20px;display:flex;justify-content:flex-end;align-items:center;gap:10px}.orf-generate-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 24px;border-radius:10px;border:none;background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 18px #2563eb59;letter-spacing:.01em;font-family:inherit;position:relative;overflow:hidden}.orf-generate-btn:after{content:\"\";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.18) 50%,transparent 100%);transform:translate(-100%) skew(-12deg);pointer-events:none}.orf-generate-btn .orf-btn-icon{width:18px;height:18px}.orf-generate-btn__arrow{width:18px;height:18px;transition:transform .22s ease;flex-shrink:0}.orf-generate-btn:hover:not([disabled]){background:linear-gradient(135deg,#1e40af,#1d4ed8);box-shadow:0 6px 24px #2563eb80;transform:translateY(-1px)}.orf-generate-btn:hover:not([disabled]):after{animation:orf-shimmer .55s ease forwards}.orf-generate-btn:hover:not([disabled]) .orf-generate-btn__arrow{transform:translate(5px)}.orf-generate-btn:active:not([disabled]){transform:translateY(0);box-shadow:0 2px 8px #2563eb38}.orf-generate-btn[disabled]{opacity:.72;cursor:not-allowed;box-shadow:none}.orf-generate-btn__spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;display:inline-block;animation:orf-spin .7s linear infinite;flex-shrink:0}.orf-more-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s;padding:0;flex-shrink:0}.orf-more-btn svg{width:15px;height:15px;fill:#9ca3af;transition:fill .15s}.orf-more-btn:hover{background:#f5f3ff;border-color:#6366f1;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.orf-more-btn:hover svg{fill:#6366f1}.orf-more-menu{position:fixed;z-index:9999;min-width:196px;background:#fff;border:1px solid #eaecf0;border-radius:12px;box-shadow:0 12px 32px #10182824,0 4px 12px #1018280f;overflow:hidden;animation:orf-menu-pop .16s cubic-bezier(.16,1,.3,1)}.orf-more-menu__header{padding:10px 14px 7px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;border-bottom:1px solid #f2f4f7;-webkit-user-select:none;user-select:none}.orf-more-menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;border-left:3px solid transparent;border-bottom:1px solid #f9fafb;text-align:left;font-size:13px;font-weight:500;font-family:inherit;color:#374151;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-left-color .12s}.orf-more-menu__item:last-child{border-bottom:none}.orf-more-menu__item:hover{background:#f5f3ff;color:#6366f1;border-left-color:#6366f1}.orf-more-menu__item:hover .orf-more-menu__dot{background:#6366f1;box-shadow:0 0 0 3px #6366f129}.orf-more-menu__dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#d1d5db;transition:background .12s,box-shadow .12s}@keyframes orf-menu-pop{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.orf-results-view{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;background:#f1f5f9;animation:orf-fade-in .25s ease}.orf-results-header{flex-shrink:0;height:56px;background:linear-gradient(135deg,#1e3a8a,#2563eb 60%,#3b82f6);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px;position:relative;overflow:hidden;box-shadow:0 2px 14px #2563eb73}.orf-results-header:before{content:\"\";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.09) 1px,transparent 1px);background-size:16px 16px;pointer-events:none}.orf-results-header:after{content:\"\";position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);top:-90px;right:40px;pointer-events:none}.orf-results-header__left{display:flex;align-items:center;gap:10px;position:relative;z-index:1;min-width:0;flex:1}.orf-results-header__sep{width:1px;height:22px;background:#ffffff40;flex-shrink:0}.orf-results-header__report-icon{width:20px;height:20px;color:#ffffffd9;flex-shrink:0}.orf-results-header__title{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.12)}.orf-results-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;background:#ffffff26;border:1px solid rgba(255,255,255,.22);color:#ffffffeb;font-size:11px;font-weight:600;white-space:nowrap;flex-shrink:0;animation:orf-badge-pop .35s cubic-bezier(.34,1.56,.64,1) both}.orf-results-badge .orf-btn-icon{width:13px;height:13px}.orf-back-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:#ffffff21;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:inherit;flex-shrink:0;position:relative;z-index:1}.orf-back-btn .orf-btn-icon{width:16px;height:16px;transition:transform .18s ease}.orf-back-btn:hover{background:#ffffff3d;border-color:#ffffff80}.orf-back-btn:hover .orf-btn-icon{transform:translate(-3px)}.orf-back-btn:active{transform:scale(.97)}.orf-results-header__right{display:flex;align-items:center;gap:8px;position:relative;z-index:1;flex-shrink:0}.orf-reexport-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:8px;border:1px solid rgba(255,255,255,.28);background:#ffffff1f;color:#ffffffd9;font-size:12px;font-weight:500;cursor:pointer;transition:all .18s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:inherit;white-space:nowrap}.orf-reexport-btn .orf-btn-icon{width:15px;height:15px}.orf-reexport-btn:hover{background:#ffffff38;border-color:#ffffff73;color:#fff;transform:translateY(-1px)}.orf-reexport-btn--excel:hover{background:#16a34a52;border-color:#16a34a8c}.orf-reexport-btn--pdf:hover{background:#dc262652;border-color:#dc26268c}.orf-results-body{flex:1;overflow:hidden;padding:12px 12px 0;display:flex;flex-direction:column}.orf-results-body osl-report-grid{flex:1;display:block}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { title: [{
                 type: Input
             }], formElements: [{
@@ -5887,9 +5909,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 type: Input
             }], pdfConfig: [{
                 type: Input
+            }], moreMenuActions: [{
+                type: Input,
+                args: ['moreMenuActions']
             }], _grid: [{
                 type: ViewChild,
                 args: [OslReportGrid]
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click']
             }] } });
 
 class OslUserLog {