@ng-prism/plugin-coverage 22.2.0-beta.5 → 22.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"coverage-header-badge.component.d.ts","sourceRoot":"","sources":["../src/coverage-header-badge.component.ts"],"names":[],"mappings":";AAWA,qBAqFa,4BAA4B;IACvC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2C;IAEpE,SAAS,CAAC,QAAQ,CAAC,IAAI;;;;cAqBpB;yCAxBQ,4BAA4B;2CAA5B,4BAA4B;CAyBxC"}
1
+ {"version":3,"file":"coverage-header-badge.component.d.ts","sourceRoot":"","sources":["../src/coverage-header-badge.component.ts"],"names":[],"mappings":";AAYA,qBAiBa,4BAA4B;IACvC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA2C;IAEpE,SAAS,CAAC,QAAQ,CAAC,IAAI;;;;cAqBpB;yCAxBQ,4BAA4B;2CAA5B,4BAA4B;CAyBxC"}
@@ -1,24 +1,13 @@
1
1
  import { ChangeDetectionStrategy, Component, computed, inject, } from '@angular/core';
2
2
  import { PRISM_MANIFEST } from '@ng-prism/core/plugin';
3
+ import { PrismMetricBadgeComponent } from '@ng-prism/core';
3
4
  import { deriveCoverageSummary } from './coverage-summary.js';
4
5
  import * as i0 from "@angular/core";
5
6
  function CoverageHeaderBadgeComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
6
- i0.ɵɵdomElementStart(0, "span", 1);
7
- i0.ɵɵdomElement(1, "span", 2);
8
- i0.ɵɵdomElementStart(2, "span", 3);
9
- i0.ɵɵtext(3, "Coverage");
10
- i0.ɵɵdomElementEnd();
11
- i0.ɵɵdomElementStart(4, "span", 4);
12
- i0.ɵɵtext(5);
13
- i0.ɵɵdomElementStart(6, "small");
14
- i0.ɵɵtext(7, "%");
15
- i0.ɵɵdomElementEnd()()();
7
+ i0.ɵɵelement(0, "prism-metric-badge", 0);
16
8
  } if (rf & 2) {
17
9
  const d_r1 = ctx;
18
- i0.ɵɵclassProp("cov-pill--ok", d_r1.variant === "ok")("cov-pill--warn", d_r1.variant === "warn")("cov-pill--danger", d_r1.variant === "danger");
19
- i0.ɵɵdomProperty("title", d_r1.title);
20
- i0.ɵɵadvance(5);
21
- i0.ɵɵtextInterpolate(d_r1.score);
10
+ i0.ɵɵproperty("value", d_r1.score + "%")("variant", d_r1.variant)("title", d_r1.title);
22
11
  } }
23
12
  export class CoverageHeaderBadgeComponent {
24
13
  manifest = inject(PRISM_MANIFEST);
@@ -42,29 +31,31 @@ export class CoverageHeaderBadgeComponent {
42
31
  }, /* @ts-ignore */
43
32
  ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
44
33
  static ɵfac = function CoverageHeaderBadgeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CoverageHeaderBadgeComponent)(); };
45
- static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CoverageHeaderBadgeComponent, selectors: [["prism-coverage-header-badge"]], decls: 1, vars: 1, consts: [[1, "cov-pill", 3, "cov-pill--ok", "cov-pill--warn", "cov-pill--danger", "title"], [1, "cov-pill", 3, "title"], [1, "cov-pill__dot"], [1, "cov-pill__label"], [1, "cov-pill__value"]], template: function CoverageHeaderBadgeComponent_Template(rf, ctx) { if (rf & 1) {
46
- i0.ɵɵconditionalCreate(0, CoverageHeaderBadgeComponent_Conditional_0_Template, 8, 8, "span", 0);
34
+ static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CoverageHeaderBadgeComponent, selectors: [["prism-coverage-header-badge"]], decls: 1, vars: 1, consts: [["icon", "shield-check", "label", "Library coverage", 3, "value", "variant", "title"]], template: function CoverageHeaderBadgeComponent_Template(rf, ctx) { if (rf & 1) {
35
+ i0.ɵɵconditionalCreate(0, CoverageHeaderBadgeComponent_Conditional_0_Template, 1, 3, "prism-metric-badge", 0);
47
36
  } if (rf & 2) {
48
37
  let tmp_0_0;
49
38
  i0.ɵɵconditional((tmp_0_0 = ctx.data()) ? 0 : -1, tmp_0_0);
50
- } }, styles: ["[_nghost-%COMP%] { display: inline-flex; align-items: center; }\n\n .cov-pill[_ngcontent-%COMP%] {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-family: var(--%NS%font-mono);\n font-size: var(--%NS%fs-xs);\n padding: 2px 10px;\n border-radius: 9999px;\n line-height: 1.4;\n border: 1px solid var(--%NS%prism-border);\n background: var(--%NS%prism-input-bg);\n color: var(--%NS%prism-text-muted);\n white-space: nowrap;\n }\n\n .cov-pill__dot[_ngcontent-%COMP%] {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: currentColor;\n }\n\n .cov-pill__label[_ngcontent-%COMP%] {\n color: var(--%NS%prism-text-ghost);\n letter-spacing: 0.02em;\n }\n\n .cov-pill__value[_ngcontent-%COMP%] {\n color: var(--%NS%prism-text);\n font-weight: 600;\n }\n .cov-pill__value[_ngcontent-%COMP%] small[_ngcontent-%COMP%] {\n font-size: 9px;\n margin-left: 1px;\n color: var(--%NS%prism-text-muted);\n font-weight: 500;\n }\n\n .cov-pill--ok[_ngcontent-%COMP%] {\n color: var(--%NS%prism-success);\n border-color: color-mix(in srgb, var(--%NS%prism-success) 35%, transparent);\n background: color-mix(in srgb, var(--%NS%prism-success) 12%, transparent);\n }\n .cov-pill--ok[_ngcontent-%COMP%] .cov-pill__label[_ngcontent-%COMP%], \n .cov-pill--ok[_ngcontent-%COMP%] .cov-pill__value[_ngcontent-%COMP%] { color: var(--%NS%prism-success); }\n\n .cov-pill--warn[_ngcontent-%COMP%] {\n color: var(--%NS%prism-warn);\n border-color: color-mix(in srgb, var(--%NS%prism-warn) 35%, transparent);\n background: color-mix(in srgb, var(--%NS%prism-warn) 12%, transparent);\n }\n .cov-pill--warn[_ngcontent-%COMP%] .cov-pill__label[_ngcontent-%COMP%], \n .cov-pill--warn[_ngcontent-%COMP%] .cov-pill__value[_ngcontent-%COMP%] { color: var(--%NS%prism-warn); }\n\n .cov-pill--danger[_ngcontent-%COMP%] {\n color: var(--%NS%prism-danger);\n border-color: color-mix(in srgb, var(--%NS%prism-danger) 35%, transparent);\n background: color-mix(in srgb, var(--%NS%prism-danger) 12%, transparent);\n }\n .cov-pill--danger[_ngcontent-%COMP%] .cov-pill__label[_ngcontent-%COMP%], \n .cov-pill--danger[_ngcontent-%COMP%] .cov-pill__value[_ngcontent-%COMP%] { color: var(--%NS%prism-danger); }"] });
39
+ } }, dependencies: [PrismMetricBadgeComponent], encapsulation: 2 });
51
40
  }
52
41
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CoverageHeaderBadgeComponent, [{
53
42
  type: Component,
54
- args: [{ selector: 'prism-coverage-header-badge', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
43
+ args: [{
44
+ selector: 'prism-coverage-header-badge',
45
+ standalone: true,
46
+ changeDetection: ChangeDetectionStrategy.OnPush,
47
+ imports: [PrismMetricBadgeComponent],
48
+ template: `
55
49
  @if (data(); as d) {
56
- <span
57
- class="cov-pill"
58
- [class.cov-pill--ok]="d.variant === 'ok'"
59
- [class.cov-pill--warn]="d.variant === 'warn'"
60
- [class.cov-pill--danger]="d.variant === 'danger'"
50
+ <prism-metric-badge
51
+ icon="shield-check"
52
+ label="Library coverage"
53
+ [value]="d.score + '%'"
54
+ [variant]="d.variant"
61
55
  [title]="d.title"
62
- >
63
- <span class="cov-pill__dot"></span>
64
- <span class="cov-pill__label">Coverage</span>
65
- <span class="cov-pill__value">{{ d.score }}<small>%</small></span>
66
- </span>
56
+ />
67
57
  }
68
- `, styles: ["\n :host { display: inline-flex; align-items: center; }\n\n .cov-pill {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n font-family: var(--font-mono);\n font-size: var(--fs-xs);\n padding: 2px 10px;\n border-radius: 9999px;\n line-height: 1.4;\n border: 1px solid var(--prism-border);\n background: var(--prism-input-bg);\n color: var(--prism-text-muted);\n white-space: nowrap;\n }\n\n .cov-pill__dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background: currentColor;\n }\n\n .cov-pill__label {\n color: var(--prism-text-ghost);\n letter-spacing: 0.02em;\n }\n\n .cov-pill__value {\n color: var(--prism-text);\n font-weight: 600;\n }\n .cov-pill__value small {\n font-size: 9px;\n margin-left: 1px;\n color: var(--prism-text-muted);\n font-weight: 500;\n }\n\n .cov-pill--ok {\n color: var(--prism-success);\n border-color: color-mix(in srgb, var(--prism-success) 35%, transparent);\n background: color-mix(in srgb, var(--prism-success) 12%, transparent);\n }\n .cov-pill--ok .cov-pill__label,\n .cov-pill--ok .cov-pill__value { color: var(--prism-success); }\n\n .cov-pill--warn {\n color: var(--prism-warn);\n border-color: color-mix(in srgb, var(--prism-warn) 35%, transparent);\n background: color-mix(in srgb, var(--prism-warn) 12%, transparent);\n }\n .cov-pill--warn .cov-pill__label,\n .cov-pill--warn .cov-pill__value { color: var(--prism-warn); }\n\n .cov-pill--danger {\n color: var(--prism-danger);\n border-color: color-mix(in srgb, var(--prism-danger) 35%, transparent);\n background: color-mix(in srgb, var(--prism-danger) 12%, transparent);\n }\n .cov-pill--danger .cov-pill__label,\n .cov-pill--danger .cov-pill__value { color: var(--prism-danger); }\n "] }]
58
+ `,
59
+ }]
69
60
  }], null, null); })();
70
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CoverageHeaderBadgeComponent, { className: "CoverageHeaderBadgeComponent", filePath: "coverage-header-badge.component.ts", lineNumber: 97 }); })();
61
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CoverageHeaderBadgeComponent, { className: "CoverageHeaderBadgeComponent", filePath: "coverage-header-badge.component.ts", lineNumber: 30 }); })();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ng-prism/plugin-coverage",
3
- "version": "22.2.0-beta.5",
3
+ "version": "22.2.0",
4
4
  "description": "Test coverage panel for ng-prism.",
5
5
  "ng-add": {
6
6
  "save": "devDependencies"