import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@memberjunction/ng-testing";
const _forTrack0 = ($index, $item) => $item.name;
function OracleBreakdownTableComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 3)(1, "span", 6);
    i0.ɵɵtext(2, "Aggregate:");
    i0.ɵɵelementEnd();
    i0.ɵɵelement(3, "app-score-indicator", 7);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵadvance(3);
    i0.ɵɵproperty("score", ctx_r0.getAggregateScore())("showBar", false);
} }
function OracleBreakdownTableComponent_Conditional_7_For_13_Conditional_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "i", 19);
} }
function OracleBreakdownTableComponent_Conditional_7_For_13_Conditional_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "i", 20);
} }
function OracleBreakdownTableComponent_Conditional_7_For_13_Conditional_5_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "i", 21);
} }
function OracleBreakdownTableComponent_Conditional_7_For_13_Conditional_6_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "i", 22);
} }
function OracleBreakdownTableComponent_Conditional_7_For_13_Conditional_17_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 25)(1, "div", 26);
    i0.ɵɵelement(2, "i", 27);
    i0.ɵɵtext(3);
    i0.ɵɵelementEnd()();
} if (rf & 2) {
    const oracle_r2 = i0.ɵɵnextContext().$implicit;
    i0.ɵɵadvance(3);
    i0.ɵɵtextInterpolate1(" ", oracle_r2.errorMessage, " ");
} }
function OracleBreakdownTableComponent_Conditional_7_For_13_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 16)(1, "div", 17)(2, "div", 18);
    i0.ɵɵconditionalCreate(3, OracleBreakdownTableComponent_Conditional_7_For_13_Conditional_3_Template, 1, 0, "i", 19);
    i0.ɵɵconditionalCreate(4, OracleBreakdownTableComponent_Conditional_7_For_13_Conditional_4_Template, 1, 0, "i", 20);
    i0.ɵɵconditionalCreate(5, OracleBreakdownTableComponent_Conditional_7_For_13_Conditional_5_Template, 1, 0, "i", 21);
    i0.ɵɵconditionalCreate(6, OracleBreakdownTableComponent_Conditional_7_For_13_Conditional_6_Template, 1, 0, "i", 22);
    i0.ɵɵelementStart(7, "span");
    i0.ɵɵtext(8);
    i0.ɵɵelementEnd()()();
    i0.ɵɵelementStart(9, "div", 17);
    i0.ɵɵelement(10, "app-test-status-badge", 23);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(11, "div", 17);
    i0.ɵɵelement(12, "app-score-indicator", 7);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(13, "div", 17);
    i0.ɵɵelement(14, "app-cost-display", 24);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(15, "div", 17);
    i0.ɵɵtext(16);
    i0.ɵɵelementEnd()();
    i0.ɵɵconditionalCreate(17, OracleBreakdownTableComponent_Conditional_7_For_13_Conditional_17_Template, 4, 1, "div", 25);
} if (rf & 2) {
    const oracle_r2 = ctx.$implicit;
    const ctx_r0 = i0.ɵɵnextContext(2);
    i0.ɵɵclassProp("has-error", oracle_r2.errorMessage);
    i0.ɵɵadvance(3);
    i0.ɵɵconditional(oracle_r2.status === "Passed" ? 3 : -1);
    i0.ɵɵadvance();
    i0.ɵɵconditional(oracle_r2.status === "Failed" ? 4 : -1);
    i0.ɵɵadvance();
    i0.ɵɵconditional(oracle_r2.status === "Error" ? 5 : -1);
    i0.ɵɵadvance();
    i0.ɵɵconditional(oracle_r2.status === "Skipped" ? 6 : -1);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(oracle_r2.name);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("status", oracle_r2.status)("showIcon", false);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("score", oracle_r2.score)("showBar", true);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("cost", oracle_r2.cost)("showIcon", true)("decimals", 6);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate1(" ", ctx_r0.formatDuration(oracle_r2.duration), " ");
    i0.ɵɵadvance();
    i0.ɵɵconditional(oracle_r2.errorMessage ? 17 : -1);
} }
function OracleBreakdownTableComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 8)(1, "div", 9)(2, "div", 10);
    i0.ɵɵtext(3, "Oracle");
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(4, "div", 10);
    i0.ɵɵtext(5, "Status");
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(6, "div", 10);
    i0.ɵɵtext(7, "Score");
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(8, "div", 10);
    i0.ɵɵtext(9, "Cost");
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(10, "div", 10);
    i0.ɵɵtext(11, "Duration");
    i0.ɵɵelementEnd()();
    i0.ɵɵrepeaterCreate(12, OracleBreakdownTableComponent_Conditional_7_For_13_Template, 18, 16, null, null, _forTrack0);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(14, "div", 11)(15, "div", 12)(16, "span", 13);
    i0.ɵɵtext(17, "Total Cost:");
    i0.ɵɵelementEnd();
    i0.ɵɵelement(18, "app-cost-display", 14);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(19, "div", 12)(20, "span", 13);
    i0.ɵɵtext(21, "Total Duration:");
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(22, "span", 15);
    i0.ɵɵtext(23);
    i0.ɵɵelementEnd()();
    i0.ɵɵelementStart(24, "div", 12)(25, "span", 13);
    i0.ɵɵtext(26, "Oracles Run:");
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(27, "span", 15);
    i0.ɵɵtext(28);
    i0.ɵɵelementEnd()()();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵadvance(12);
    i0.ɵɵrepeater(ctx_r0.results);
    i0.ɵɵadvance(6);
    i0.ɵɵproperty("cost", ctx_r0.getTotalCost())("showIcon", true);
    i0.ɵɵadvance(5);
    i0.ɵɵtextInterpolate(ctx_r0.formatDuration(ctx_r0.getTotalDuration()));
    i0.ɵɵadvance(5);
    i0.ɵɵtextInterpolate(ctx_r0.results.length);
} }
function OracleBreakdownTableComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 5);
    i0.ɵɵelement(1, "i", 28);
    i0.ɵɵelementStart(2, "p");
    i0.ɵɵtext(3, "No oracle results available");
    i0.ɵɵelementEnd()();
} }
export class OracleBreakdownTableComponent {
    results = [];
    formatDuration(milliseconds) {
        if (milliseconds < 1000) {
            return `${milliseconds}ms`;
        }
        const seconds = Math.floor(milliseconds / 1000);
        const minutes = Math.floor(seconds / 60);
        const hours = Math.floor(minutes / 60);
        if (hours > 0) {
            return `${hours}h ${minutes % 60}m ${seconds % 60}s`;
        }
        else if (minutes > 0) {
            return `${minutes}m ${seconds % 60}s`;
        }
        else {
            return `${seconds}s`;
        }
    }
    getAggregateScore() {
        if (!this.results || this.results.length === 0)
            return 0;
        const total = this.results.reduce((sum, r) => sum + r.score, 0);
        return total / this.results.length;
    }
    getTotalCost() {
        if (!this.results || this.results.length === 0)
            return 0;
        return this.results.reduce((sum, r) => sum + r.cost, 0);
    }
    getTotalDuration() {
        if (!this.results || this.results.length === 0)
            return 0;
        return this.results.reduce((sum, r) => sum + r.duration, 0);
    }
    static ɵfac = function OracleBreakdownTableComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || OracleBreakdownTableComponent)(); };
    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OracleBreakdownTableComponent, selectors: [["app-oracle-breakdown-table"]], inputs: { results: "results" }, standalone: false, decls: 9, vars: 2, consts: [[1, "oracle-breakdown"], [1, "breakdown-header"], [1, "fa-solid", "fa-balance-scale"], [1, "aggregate-score"], [1, "breakdown-content"], [1, "no-results"], [1, "label"], [3, "score", "showBar"], [1, "oracle-table"], [1, "table-header"], [1, "header-cell"], [1, "breakdown-summary"], [1, "summary-item"], [1, "summary-label"], [3, "cost", "showIcon"], [1, "summary-value"], [1, "table-row"], [1, "table-cell"], [1, "oracle-name"], [1, "fa-solid", "fa-check-circle", "oracle-icon"], [1, "fa-solid", "fa-times-circle", "oracle-icon"], [1, "fa-solid", "fa-exclamation-triangle", "oracle-icon"], [1, "fa-solid", "fa-forward", "oracle-icon"], [3, "status", "showIcon"], [3, "cost", "showIcon", "decimals"], [1, "error-row"], [1, "error-message"], [1, "fa-solid", "fa-exclamation-circle"], [1, "fa-solid", "fa-inbox"]], template: function OracleBreakdownTableComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "h4");
            i0.ɵɵelement(3, "i", 2);
            i0.ɵɵtext(4, " Oracle Results ");
            i0.ɵɵelementEnd();
            i0.ɵɵconditionalCreate(5, OracleBreakdownTableComponent_Conditional_5_Template, 4, 2, "div", 3);
            i0.ɵɵelementEnd();
            i0.ɵɵelementStart(6, "div", 4);
            i0.ɵɵconditionalCreate(7, OracleBreakdownTableComponent_Conditional_7_Template, 29, 4)(8, OracleBreakdownTableComponent_Conditional_8_Template, 4, 0, "div", 5);
            i0.ɵɵelementEnd()();
        } if (rf & 2) {
            i0.ɵɵadvance(5);
            i0.ɵɵconditional(ctx.results && ctx.results.length > 0 ? 5 : -1);
            i0.ɵɵadvance(2);
            i0.ɵɵconditional(ctx.results && ctx.results.length > 0 ? 7 : 8);
        } }, dependencies: [i1.TestStatusBadgeComponent, i1.ScoreIndicatorComponent, i1.CostDisplayComponent], styles: [".oracle-breakdown[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface);\n      border-radius: 8px;\n      overflow: hidden;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .breakdown-header[_ngcontent-%COMP%] {\n      padding: 16px;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid var(--mj-border-default);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .breakdown-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .breakdown-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n    }\n\n    .aggregate-score[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 12px;\n    }\n\n    .aggregate-score[_ngcontent-%COMP%]   .label[_ngcontent-%COMP%] {\n      color: var(--mj-text-secondary);\n      font-weight: 500;\n    }\n\n    .breakdown-content[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow-y: auto;\n      padding: 16px;\n    }\n\n    .oracle-table[_ngcontent-%COMP%] {\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      overflow: hidden;\n    }\n\n    .table-header[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 2fr 120px 150px 120px 100px;\n      gap: 12px;\n      padding: 12px 16px;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid var(--mj-border-default);\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .table-row[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 2fr 120px 150px 120px 100px;\n      gap: 12px;\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n      align-items: center;\n      transition: background 0.2s ease;\n    }\n\n    .table-row[_ngcontent-%COMP%]:hover {\n      background: var(--mj-bg-surface-card);\n    }\n\n    .table-row[_ngcontent-%COMP%]:last-child {\n      border-bottom: none;\n    }\n\n    .table-row.has-error[_ngcontent-%COMP%] {\n      border-left: 3px solid var(--mj-status-error);\n    }\n\n    .table-cell[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: var(--mj-text-primary);\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .oracle-name[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-weight: 500;\n    }\n\n    .oracle-icon[_ngcontent-%COMP%] {\n      font-size: 11px;\n    }\n\n    .oracle-icon.fa-check-circle[_ngcontent-%COMP%] {\n      color: var(--mj-status-success);\n    }\n\n    .oracle-icon.fa-times-circle[_ngcontent-%COMP%] {\n      color: var(--mj-status-error);\n    }\n\n    .oracle-icon.fa-exclamation-triangle[_ngcontent-%COMP%] {\n      color: var(--mj-status-warning);\n    }\n\n    .oracle-icon.fa-forward[_ngcontent-%COMP%] {\n      color: var(--mj-text-disabled);\n    }\n\n    .error-row[_ngcontent-%COMP%] {\n      padding: 8px 16px;\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      border-bottom: 1px solid var(--mj-border-default);\n      border-left: 3px solid var(--mj-status-warning);\n    }\n\n    .error-message[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: flex-start;\n      gap: 8px;\n      font-size: 11px;\n      color: var(--mj-status-warning);\n      font-family: monospace;\n      line-height: 1.4;\n    }\n\n    .error-message[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      flex-shrink: 0;\n      margin-top: 2px;\n    }\n\n    .breakdown-summary[_ngcontent-%COMP%] {\n      margin-top: 16px;\n      padding: 16px;\n      background: var(--mj-bg-surface-card);\n      border-radius: 6px;\n      display: flex;\n      justify-content: space-around;\n      gap: 16px;\n    }\n\n    .summary-item[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      align-items: center;\n    }\n\n    .summary-label[_ngcontent-%COMP%] {\n      font-size: 10px;\n      color: var(--mj-text-secondary);\n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .summary-value[_ngcontent-%COMP%] {\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .no-results[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 40px 20px;\n      color: var(--mj-text-disabled);\n      gap: 12px;\n    }\n\n    .no-results[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 36px;\n      color: var(--mj-border-default);\n    }\n\n    .no-results[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 13px;\n    }\n\n    @media (max-width: 768px) {\n      .table-header[_ngcontent-%COMP%], \n   .table-row[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n\n      .table-cell[_ngcontent-%COMP%] {\n        display: block;\n      }\n\n      .breakdown-summary[_ngcontent-%COMP%] {\n        flex-direction: column;\n        gap: 12px;\n      }\n    }"] });
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OracleBreakdownTableComponent, [{
        type: Component,
        args: [{ standalone: false, selector: 'app-oracle-breakdown-table', template: `
    <div class="oracle-breakdown">
      <div class="breakdown-header">
        <h4>
          <i class="fa-solid fa-balance-scale"></i>
          Oracle Results
        </h4>
        @if (results && results.length > 0) {
          <div class="aggregate-score">
            <span class="label">Aggregate:</span>
            <app-score-indicator [score]="getAggregateScore()" [showBar]="false"></app-score-indicator>
          </div>
        }
      </div>
    
      <div class="breakdown-content">
        @if (results && results.length > 0) {
          <div class="oracle-table">
            <div class="table-header">
              <div class="header-cell">Oracle</div>
              <div class="header-cell">Status</div>
              <div class="header-cell">Score</div>
              <div class="header-cell">Cost</div>
              <div class="header-cell">Duration</div>
            </div>
    
            @for (oracle of results; track oracle.name) {
              <div class="table-row" [class.has-error]="oracle.errorMessage">
                <div class="table-cell">
                  <div class="oracle-name">
                    @if (oracle.status === 'Passed') {
                      <i class="fa-solid fa-check-circle oracle-icon"></i>
                    }
                    @if (oracle.status === 'Failed') {
                      <i class="fa-solid fa-times-circle oracle-icon"></i>
                    }
                    @if (oracle.status === 'Error') {
                      <i class="fa-solid fa-exclamation-triangle oracle-icon"></i>
                    }
                    @if (oracle.status === 'Skipped') {
                      <i class="fa-solid fa-forward oracle-icon"></i>
                    }
                    <span>{{ oracle.name }}</span>
                  </div>
                </div>
                <div class="table-cell">
                  <app-test-status-badge [status]="oracle.status" [showIcon]="false"></app-test-status-badge>
                </div>
                <div class="table-cell">
                  <app-score-indicator [score]="oracle.score" [showBar]="true"></app-score-indicator>
                </div>
                <div class="table-cell">
                  <app-cost-display [cost]="oracle.cost" [showIcon]="true" [decimals]="6"></app-cost-display>
                </div>
                <div class="table-cell">
                  {{ formatDuration(oracle.duration) }}
                </div>
              </div>
    
              @if (oracle.errorMessage) {
                <div class="error-row">
                  <div class="error-message">
                    <i class="fa-solid fa-exclamation-circle"></i>
                    {{ oracle.errorMessage }}
                  </div>
                </div>
              }
            }
          </div>
    
          <div class="breakdown-summary">
            <div class="summary-item">
              <span class="summary-label">Total Cost:</span>
              <app-cost-display [cost]="getTotalCost()" [showIcon]="true"></app-cost-display>
            </div>
            <div class="summary-item">
              <span class="summary-label">Total Duration:</span>
              <span class="summary-value">{{ formatDuration(getTotalDuration()) }}</span>
            </div>
            <div class="summary-item">
              <span class="summary-label">Oracles Run:</span>
              <span class="summary-value">{{ results.length }}</span>
            </div>
          </div>
        } @else {
          <div class="no-results">
            <i class="fa-solid fa-inbox"></i>
            <p>No oracle results available</p>
          </div>
        }
      </div>
    </div>
    `, styles: ["\n    .oracle-breakdown {\n      background: var(--mj-bg-surface);\n      border-radius: 8px;\n      overflow: hidden;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .breakdown-header {\n      padding: 16px;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid var(--mj-border-default);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .breakdown-header h4 {\n      margin: 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .breakdown-header h4 i {\n      color: var(--mj-brand-primary);\n    }\n\n    .aggregate-score {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 12px;\n    }\n\n    .aggregate-score .label {\n      color: var(--mj-text-secondary);\n      font-weight: 500;\n    }\n\n    .breakdown-content {\n      flex: 1;\n      overflow-y: auto;\n      padding: 16px;\n    }\n\n    .oracle-table {\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      overflow: hidden;\n    }\n\n    .table-header {\n      display: grid;\n      grid-template-columns: 2fr 120px 150px 120px 100px;\n      gap: 12px;\n      padding: 12px 16px;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid var(--mj-border-default);\n      font-size: 11px;\n      font-weight: 600;\n      color: var(--mj-text-secondary);\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .table-row {\n      display: grid;\n      grid-template-columns: 2fr 120px 150px 120px 100px;\n      gap: 12px;\n      padding: 12px 16px;\n      border-bottom: 1px solid var(--mj-border-default);\n      align-items: center;\n      transition: background 0.2s ease;\n    }\n\n    .table-row:hover {\n      background: var(--mj-bg-surface-card);\n    }\n\n    .table-row:last-child {\n      border-bottom: none;\n    }\n\n    .table-row.has-error {\n      border-left: 3px solid var(--mj-status-error);\n    }\n\n    .table-cell {\n      font-size: 12px;\n      color: var(--mj-text-primary);\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .oracle-name {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-weight: 500;\n    }\n\n    .oracle-icon {\n      font-size: 11px;\n    }\n\n    .oracle-icon.fa-check-circle {\n      color: var(--mj-status-success);\n    }\n\n    .oracle-icon.fa-times-circle {\n      color: var(--mj-status-error);\n    }\n\n    .oracle-icon.fa-exclamation-triangle {\n      color: var(--mj-status-warning);\n    }\n\n    .oracle-icon.fa-forward {\n      color: var(--mj-text-disabled);\n    }\n\n    .error-row {\n      padding: 8px 16px;\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      border-bottom: 1px solid var(--mj-border-default);\n      border-left: 3px solid var(--mj-status-warning);\n    }\n\n    .error-message {\n      display: flex;\n      align-items: flex-start;\n      gap: 8px;\n      font-size: 11px;\n      color: var(--mj-status-warning);\n      font-family: monospace;\n      line-height: 1.4;\n    }\n\n    .error-message i {\n      flex-shrink: 0;\n      margin-top: 2px;\n    }\n\n    .breakdown-summary {\n      margin-top: 16px;\n      padding: 16px;\n      background: var(--mj-bg-surface-card);\n      border-radius: 6px;\n      display: flex;\n      justify-content: space-around;\n      gap: 16px;\n    }\n\n    .summary-item {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      align-items: center;\n    }\n\n    .summary-label {\n      font-size: 10px;\n      color: var(--mj-text-secondary);\n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .summary-value {\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .no-results {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 40px 20px;\n      color: var(--mj-text-disabled);\n      gap: 12px;\n    }\n\n    .no-results i {\n      font-size: 36px;\n      color: var(--mj-border-default);\n    }\n\n    .no-results p {\n      margin: 0;\n      font-size: 13px;\n    }\n\n    @media (max-width: 768px) {\n      .table-header,\n      .table-row {\n        grid-template-columns: 1fr;\n        gap: 8px;\n      }\n\n      .table-cell {\n        display: block;\n      }\n\n      .breakdown-summary {\n        flex-direction: column;\n        gap: 12px;\n      }\n    }\n  "] }]
    }], null, { results: [{
            type: Input
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OracleBreakdownTableComponent, { className: "OracleBreakdownTableComponent", filePath: "src/Testing/components/widgets/oracle-breakdown-table.component.ts", lineNumber: 327 }); })();
//# sourceMappingURL=oracle-breakdown-table.component.js.map