@ng-prism/core 21.11.0 → 21.12.0-beta.1

package/dist/app/variant-ribbon/prism-variant-ribbon.component.js

@@ -1,40 +1,43 @@
-import { Component, inject, computed, ChangeDetectionStrategy, } from '@angular/core';
+import { Component, inject, computed, effect, viewChild, viewChildren, ChangeDetectionStrategy, } from '@angular/core';
 import { PrismIconComponent } from '../icons/prism-icon.component.js';
 import { PrismNavigationService } from '../services/prism-navigation.service.js';
 import { PrismRendererService } from '../services/prism-renderer.service.js';
 import * as i0 from "@angular/core";
+const _c0 = ["tabsContainer"];
+const _c1 = ["tabButton"];
 const _forTrack0 = ($index, $item) => $item.name;
-function PrismVariantRibbonComponent_Conditional_0_For_2_Template(rf, ctx) { if (rf & 1) {
+function PrismVariantRibbonComponent_Conditional_0_For_4_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 7);
-    i0.ɵɵlistener("click", function PrismVariantRibbonComponent_Conditional_0_For_2_Template_button_click_0_listener() { const ɵ$index_4_r3 = i0.ɵɵrestoreView(_r2).$index; const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.rendererService.selectVariant(ɵ$index_4_r3)); });
-    i0.ɵɵelement(1, "span", 8);
-    i0.ɵɵtext(2);
+    i0.ɵɵelementStart(0, "button", 10, 1);
+    i0.ɵɵlistener("click", function PrismVariantRibbonComponent_Conditional_0_For_4_Template_button_click_0_listener() { const ɵ$index_6_r3 = i0.ɵɵrestoreView(_r2).$index; const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.rendererService.selectVariant(ɵ$index_6_r3)); });
+    i0.ɵɵelement(2, "span", 11);
+    i0.ɵɵtext(3);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const v_r5 = ctx.$implicit;
-    const ɵ$index_4_r3 = ctx.$index;
+    const ɵ$index_6_r3 = ctx.$index;
     const ctx_r3 = i0.ɵɵnextContext(2);
-    i0.ɵɵstyleProp("--vc", ctx_r3.variantColor(v_r5.name, ɵ$index_4_r3));
-    i0.ɵɵclassProp("v-tab--active", ctx_r3.rendererService.activeVariantIndex() === ɵ$index_4_r3);
-    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("--vc", ctx_r3.variantColor(v_r5.name, ɵ$index_6_r3));
+    i0.ɵɵclassProp("v-tab--active", ctx_r3.rendererService.activeVariantIndex() === ɵ$index_6_r3);
+    i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate1(" ", v_r5.name, " ");
 } }
 function PrismVariantRibbonComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "nav", 0);
-    i0.ɵɵrepeaterCreate(1, PrismVariantRibbonComponent_Conditional_0_For_2_Template, 3, 5, "button", 1, _forTrack0);
-    i0.ɵɵelementStart(3, "div", 2)(4, "button", 3);
-    i0.ɵɵlistener("click", function PrismVariantRibbonComponent_Conditional_0_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r1); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.prev()); });
-    i0.ɵɵelement(5, "prism-icon", 4);
+    i0.ɵɵelementStart(0, "nav", 2)(1, "div", 3, 0);
+    i0.ɵɵrepeaterCreate(3, PrismVariantRibbonComponent_Conditional_0_For_4_Template, 4, 5, "button", 4, _forTrack0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 5)(6, "button", 6);
+    i0.ɵɵlistener("click", function PrismVariantRibbonComponent_Conditional_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.prev()); });
+    i0.ɵɵelement(7, "prism-icon", 7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 5);
-    i0.ɵɵlistener("click", function PrismVariantRibbonComponent_Conditional_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.next()); });
-    i0.ɵɵelement(7, "prism-icon", 6);
+    i0.ɵɵelementStart(8, "button", 8);
+    i0.ɵɵlistener("click", function PrismVariantRibbonComponent_Conditional_0_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r1); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.next()); });
+    i0.ɵɵelement(9, "prism-icon", 9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
+    i0.ɵɵadvance(3);
     i0.ɵɵrepeater(ctx_r3.variants());
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("disabled", ctx_r3.rendererService.activeVariantIndex() === 0);
@@ -61,10 +64,31 @@ function variantColor(name, index) {
 export class PrismVariantRibbonComponent {
     navigationService = inject(PrismNavigationService);
     rendererService = inject(PrismRendererService);
+    tabsContainer = viewChild('tabsContainer', ...(ngDevMode ? [{ debugName: "tabsContainer" }] : []));
+    tabButtons = viewChildren('tabButton', ...(ngDevMode ? [{ debugName: "tabButtons" }] : []));
     variants = computed(() => {
         const comp = this.navigationService.activeComponent();
         return comp?.meta.showcaseConfig.variants ?? [];
     }, ...(ngDevMode ? [{ debugName: "variants" }] : []));
+    constructor() {
+        effect(() => {
+            const idx = this.rendererService.activeVariantIndex();
+            const container = this.tabsContainer()?.nativeElement;
+            const button = this.tabButtons()[idx]?.nativeElement;
+            if (!container || !button)
+                return;
+            const buttonLeft = button.offsetLeft;
+            const buttonRight = buttonLeft + button.offsetWidth;
+            const viewLeft = container.scrollLeft;
+            const viewRight = viewLeft + container.clientWidth;
+            if (buttonLeft < viewLeft) {
+                container.scrollLeft = buttonLeft;
+            }
+            else if (buttonRight > viewRight) {
+                container.scrollLeft = buttonRight - container.clientWidth;
+            }
+        });
+    }
     variantColor(name, index) {
         return variantColor(name, index);
     }
@@ -79,28 +103,35 @@ export class PrismVariantRibbonComponent {
             this.rendererService.selectVariant(idx + 1);
     }
     static ɵfac = function PrismVariantRibbonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PrismVariantRibbonComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismVariantRibbonComponent, selectors: [["prism-variant-ribbon"]], decls: 1, vars: 1, consts: [[1, "variant-ribbon"], [1, "v-tab", 3, "v-tab--active", "--vc"], [1, "variant-ribbon-right"], ["title", "Previous variant", "aria-label", "Previous variant", 1, "tool-btn", 3, "click", "disabled"], ["name", "chevron-right", 2, "transform", "rotate(180deg)", 3, "size"], ["title", "Next variant", "aria-label", "Next variant", 1, "tool-btn", 3, "click", "disabled"], ["name", "chevron-right", 3, "size"], [1, "v-tab", 3, "click"], [1, "v-dot"]], template: function PrismVariantRibbonComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, PrismVariantRibbonComponent_Conditional_0_Template, 8, 4, "nav", 0);
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PrismVariantRibbonComponent, selectors: [["prism-variant-ribbon"]], viewQuery: function PrismVariantRibbonComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuerySignal(ctx.tabsContainer, _c0, 5)(ctx.tabButtons, _c1, 5);
+        } if (rf & 2) {
+            i0.ɵɵqueryAdvance(2);
+        } }, decls: 1, vars: 1, consts: [["tabsContainer", ""], ["tabButton", ""], [1, "variant-ribbon"], [1, "variant-ribbon-tabs"], [1, "v-tab", 3, "v-tab--active", "--vc"], [1, "variant-ribbon-right"], ["title", "Previous variant", "aria-label", "Previous variant", 1, "tool-btn", 3, "click", "disabled"], ["name", "chevron-right", 2, "transform", "rotate(180deg)", 3, "size"], ["title", "Next variant", "aria-label", "Next variant", 1, "tool-btn", 3, "click", "disabled"], ["name", "chevron-right", 3, "size"], [1, "v-tab", 3, "click"], [1, "v-dot"]], template: function PrismVariantRibbonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, PrismVariantRibbonComponent_Conditional_0_Template, 10, 4, "nav", 2);
         } if (rf & 2) {
             i0.ɵɵconditional(ctx.variants().length > 0 ? 0 : -1);
-        } }, dependencies: [PrismIconComponent], styles: ["[_nghost-%COMP%] { display: block; flex-shrink: 0; }\n\n    .variant-ribbon[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      padding: 0 28px;\n      background: var(--prism-bg);\n      border-bottom: 1px solid var(--prism-border);\n      height: 42px;\n      gap: 2px;\n      overflow-x: auto;\n      scrollbar-width: none;\n    }\n    .variant-ribbon[_ngcontent-%COMP%]::-webkit-scrollbar { display: none; }\n\n    .v-tab[_ngcontent-%COMP%] {\n      position: relative;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 0 14px;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--prism-text-muted);\n      white-space: nowrap;\n      transition: color var(--dur-fast);\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-family: var(--font-sans);\n    }\n    .v-tab[_ngcontent-%COMP%]::after {\n      content: '';\n      position: absolute;\n      left: 10px;\n      right: 10px;\n      bottom: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--prism-primary-from), var(--prism-primary-to));\n      opacity: 0;\n      transition: opacity var(--dur-fast);\n      border-radius: 1px 1px 0 0;\n    }\n    .v-tab[_ngcontent-%COMP%]:hover { color: var(--prism-text-2); }\n    .v-tab--active[_ngcontent-%COMP%] { color: var(--prism-text); }\n    .v-tab--active[_ngcontent-%COMP%]::after { opacity: 1; }\n\n    .v-dot[_ngcontent-%COMP%] {\n      width: 6px;\n      height: 6px;\n      border-radius: 2px;\n      background: var(--vc, var(--prism-primary));\n      opacity: 0.6;\n    }\n    .v-tab--active[_ngcontent-%COMP%]   .v-dot[_ngcontent-%COMP%] {\n      opacity: 1;\n      box-shadow: 0 0 6px var(--vc);\n    }\n\n    .variant-ribbon-right[_ngcontent-%COMP%] {\n      margin-left: auto;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding-left: 12px;\n      border-left: 1px solid var(--prism-border);\n      height: 24px;\n    }\n\n    .tool-btn[_ngcontent-%COMP%] {\n      height: 24px;\n      width: 24px;\n      display: grid;\n      place-items: center;\n      border-radius: var(--radius-sm);\n      color: var(--prism-text-muted);\n      background: none;\n      border: none;\n      cursor: pointer;\n      transition: all var(--dur-fast);\n    }\n    .tool-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n      color: var(--prism-text);\n      background: color-mix(in srgb, var(--prism-primary) 8%, transparent);\n    }\n    .tool-btn[_ngcontent-%COMP%]:disabled {\n      opacity: 0.3;\n      cursor: default;\n    }\n\n    [_ngcontent-%COMP%]:focus-visible {\n      outline: 2px solid var(--prism-primary);\n      outline-offset: 2px;\n    }"], changeDetection: 0 });
+        } }, dependencies: [PrismIconComponent], styles: ["[_nghost-%COMP%] { display: block; flex-shrink: 0; }\n\n    .variant-ribbon[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      padding: 0 28px;\n      background: var(--prism-bg);\n      border-bottom: 1px solid var(--prism-border);\n      height: 42px;\n    }\n\n    .variant-ribbon-tabs[_ngcontent-%COMP%] {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      align-items: center;\n      gap: 2px;\n      height: 100%;\n      overflow-x: auto;\n      scrollbar-width: none;\n    }\n    .variant-ribbon-tabs[_ngcontent-%COMP%]::-webkit-scrollbar { display: none; }\n\n    .v-tab[_ngcontent-%COMP%] {\n      position: relative;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 0 14px;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--prism-text-muted);\n      white-space: nowrap;\n      transition: color var(--dur-fast);\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-family: var(--font-sans);\n    }\n    .v-tab[_ngcontent-%COMP%]::after {\n      content: '';\n      position: absolute;\n      left: 10px;\n      right: 10px;\n      bottom: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--prism-primary-from), var(--prism-primary-to));\n      opacity: 0;\n      transition: opacity var(--dur-fast);\n      border-radius: 1px 1px 0 0;\n    }\n    .v-tab[_ngcontent-%COMP%]:hover { color: var(--prism-text-2); }\n    .v-tab--active[_ngcontent-%COMP%] { color: var(--prism-text); }\n    .v-tab--active[_ngcontent-%COMP%]::after { opacity: 1; }\n\n    .v-dot[_ngcontent-%COMP%] {\n      width: 6px;\n      height: 6px;\n      border-radius: 2px;\n      background: var(--vc, var(--prism-primary));\n      opacity: 0.6;\n    }\n    .v-tab--active[_ngcontent-%COMP%]   .v-dot[_ngcontent-%COMP%] {\n      opacity: 1;\n      box-shadow: 0 0 6px var(--vc);\n    }\n\n    .variant-ribbon-right[_ngcontent-%COMP%] {\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding-left: 12px;\n      margin-left: 12px;\n      border-left: 1px solid var(--prism-border);\n      height: 24px;\n    }\n\n    .tool-btn[_ngcontent-%COMP%] {\n      height: 24px;\n      width: 24px;\n      display: grid;\n      place-items: center;\n      border-radius: var(--radius-sm);\n      color: var(--prism-text-muted);\n      background: none;\n      border: none;\n      cursor: pointer;\n      transition: all var(--dur-fast);\n    }\n    .tool-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n      color: var(--prism-text);\n      background: color-mix(in srgb, var(--prism-primary) 8%, transparent);\n    }\n    .tool-btn[_ngcontent-%COMP%]:disabled {\n      opacity: 0.3;\n      cursor: default;\n    }\n\n    [_ngcontent-%COMP%]:focus-visible {\n      outline: 2px solid var(--prism-primary);\n      outline-offset: 2px;\n    }"], changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PrismVariantRibbonComponent, [{
         type: Component,
         args: [{ selector: 'prism-variant-ribbon', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [PrismIconComponent], template: `
     @if (variants().length > 0) {
     <nav class="variant-ribbon">
-      @for (v of variants(); track v.name; let i = $index) {
-      <button
-        class="v-tab"
-        [class.v-tab--active]="rendererService.activeVariantIndex() === i"
-        [style.--vc]="variantColor(v.name, i)"
-        (click)="rendererService.selectVariant(i)"
-      >
-        <span class="v-dot"></span>
-        {{ v.name }}
-      </button>
-      }
+      <div class="variant-ribbon-tabs" #tabsContainer>
+        @for (v of variants(); track v.name; let i = $index) {
+        <button
+          #tabButton
+          class="v-tab"
+          [class.v-tab--active]="rendererService.activeVariantIndex() === i"
+          [style.--vc]="variantColor(v.name, i)"
+          (click)="rendererService.selectVariant(i)"
+        >
+          <span class="v-dot"></span>
+          {{ v.name }}
+        </button>
+        }
+      </div>
       <div class="variant-ribbon-right">
         <button
           class="tool-btn"
@@ -129,6 +160,6 @@ export class PrismVariantRibbonComponent {
       </div>
     </nav>
     }
-  `, styles: ["\n    :host { display: block; flex-shrink: 0; }\n\n    .variant-ribbon {\n      display: flex;\n      align-items: center;\n      padding: 0 28px;\n      background: var(--prism-bg);\n      border-bottom: 1px solid var(--prism-border);\n      height: 42px;\n      gap: 2px;\n      overflow-x: auto;\n      scrollbar-width: none;\n    }\n    .variant-ribbon::-webkit-scrollbar { display: none; }\n\n    .v-tab {\n      position: relative;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 0 14px;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--prism-text-muted);\n      white-space: nowrap;\n      transition: color var(--dur-fast);\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-family: var(--font-sans);\n    }\n    .v-tab::after {\n      content: '';\n      position: absolute;\n      left: 10px;\n      right: 10px;\n      bottom: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--prism-primary-from), var(--prism-primary-to));\n      opacity: 0;\n      transition: opacity var(--dur-fast);\n      border-radius: 1px 1px 0 0;\n    }\n    .v-tab:hover { color: var(--prism-text-2); }\n    .v-tab--active { color: var(--prism-text); }\n    .v-tab--active::after { opacity: 1; }\n\n    .v-dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 2px;\n      background: var(--vc, var(--prism-primary));\n      opacity: 0.6;\n    }\n    .v-tab--active .v-dot {\n      opacity: 1;\n      box-shadow: 0 0 6px var(--vc);\n    }\n\n    .variant-ribbon-right {\n      margin-left: auto;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding-left: 12px;\n      border-left: 1px solid var(--prism-border);\n      height: 24px;\n    }\n\n    .tool-btn {\n      height: 24px;\n      width: 24px;\n      display: grid;\n      place-items: center;\n      border-radius: var(--radius-sm);\n      color: var(--prism-text-muted);\n      background: none;\n      border: none;\n      cursor: pointer;\n      transition: all var(--dur-fast);\n    }\n    .tool-btn:hover:not(:disabled) {\n      color: var(--prism-text);\n      background: color-mix(in srgb, var(--prism-primary) 8%, transparent);\n    }\n    .tool-btn:disabled {\n      opacity: 0.3;\n      cursor: default;\n    }\n\n    :focus-visible {\n      outline: 2px solid var(--prism-primary);\n      outline-offset: 2px;\n    }\n  "] }]
-    }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismVariantRibbonComponent, { className: "PrismVariantRibbonComponent", filePath: "app/variant-ribbon/prism-variant-ribbon.component.ts", lineNumber: 171 }); })();
+  `, styles: ["\n    :host { display: block; flex-shrink: 0; }\n\n    .variant-ribbon {\n      display: flex;\n      align-items: center;\n      padding: 0 28px;\n      background: var(--prism-bg);\n      border-bottom: 1px solid var(--prism-border);\n      height: 42px;\n    }\n\n    .variant-ribbon-tabs {\n      flex: 1;\n      min-width: 0;\n      display: flex;\n      align-items: center;\n      gap: 2px;\n      height: 100%;\n      overflow-x: auto;\n      scrollbar-width: none;\n    }\n    .variant-ribbon-tabs::-webkit-scrollbar { display: none; }\n\n    .v-tab {\n      position: relative;\n      height: 100%;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 0 14px;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--prism-text-muted);\n      white-space: nowrap;\n      transition: color var(--dur-fast);\n      background: none;\n      border: none;\n      cursor: pointer;\n      font-family: var(--font-sans);\n    }\n    .v-tab::after {\n      content: '';\n      position: absolute;\n      left: 10px;\n      right: 10px;\n      bottom: 0;\n      height: 2px;\n      background: linear-gradient(90deg, var(--prism-primary-from), var(--prism-primary-to));\n      opacity: 0;\n      transition: opacity var(--dur-fast);\n      border-radius: 1px 1px 0 0;\n    }\n    .v-tab:hover { color: var(--prism-text-2); }\n    .v-tab--active { color: var(--prism-text); }\n    .v-tab--active::after { opacity: 1; }\n\n    .v-dot {\n      width: 6px;\n      height: 6px;\n      border-radius: 2px;\n      background: var(--vc, var(--prism-primary));\n      opacity: 0.6;\n    }\n    .v-tab--active .v-dot {\n      opacity: 1;\n      box-shadow: 0 0 6px var(--vc);\n    }\n\n    .variant-ribbon-right {\n      flex-shrink: 0;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding-left: 12px;\n      margin-left: 12px;\n      border-left: 1px solid var(--prism-border);\n      height: 24px;\n    }\n\n    .tool-btn {\n      height: 24px;\n      width: 24px;\n      display: grid;\n      place-items: center;\n      border-radius: var(--radius-sm);\n      color: var(--prism-text-muted);\n      background: none;\n      border: none;\n      cursor: pointer;\n      transition: all var(--dur-fast);\n    }\n    .tool-btn:hover:not(:disabled) {\n      color: var(--prism-text);\n      background: color-mix(in srgb, var(--prism-primary) 8%, transparent);\n    }\n    .tool-btn:disabled {\n      opacity: 0.3;\n      cursor: default;\n    }\n\n    :focus-visible {\n      outline: 2px solid var(--prism-primary);\n      outline-offset: 2px;\n    }\n  "] }]
+    }], () => [], { tabsContainer: [{ type: i0.ViewChild, args: ['tabsContainer', { isSignal: true }] }], tabButtons: [{ type: i0.ViewChildren, args: ['tabButton', { isSignal: true }] }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PrismVariantRibbonComponent, { className: "PrismVariantRibbonComponent", filePath: "app/variant-ribbon/prism-variant-ribbon.component.ts", lineNumber: 187 }); })();

package/dist/builder/a11y/a11y-report-reader.d.ts

@@ -0,0 +1,12 @@
+import type { A11yManifestMeta, A11yReport, A11yThresholds } from '../../app/panels/a11y/a11y.types.js';
+export declare const DEFAULT_A11Y_REPORT_PATH = "a11y-report.json";
+export declare function loadA11yReport(reportPath: string): A11yReport | null;
+export declare function readA11yMeta(reportPath: string, thresholdsInput?: Partial<A11yThresholds>): A11yManifestMeta | null;
+export interface ThresholdViolation {
+    metric: 'score' | 'critical' | 'serious' | 'moderate';
+    actual: number;
+    threshold: number;
+}
+export declare function checkA11yThresholds(meta: A11yManifestMeta): ThresholdViolation[];
+export declare function clearA11yReportCache(): void;
+//# sourceMappingURL=a11y-report-reader.d.ts.map

package/dist/builder/a11y/a11y-report-reader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"a11y-report-reader.d.ts","sourceRoot":"","sources":["../../../src/builder/a11y/a11y-report-reader.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,gBAAgB,EAChB,UAAU,EACV,cAAc,EACf,MAAM,qCAAqC,CAAC;AAG7C,eAAO,MAAM,wBAAwB,qBAAqB,CAAC;AAI3D,wBAAgB,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI,CAapE;AAED,wBAAgB,YAAY,CAC1B,UAAU,EAAE,MAAM,EAClB,eAAe,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,GACxC,gBAAgB,GAAG,IAAI,CAQzB;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC;IACtD,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,gBAAgB,GACrB,kBAAkB,EAAE,CAkBtB;AAED,wBAAgB,oBAAoB,IAAI,IAAI,CAE3C"}

package/dist/builder/a11y/a11y-report-reader.js

@@ -0,0 +1,49 @@
+import { readFileSync, statSync } from 'node:fs';
+import { resolveA11yThresholds } from '../../app/panels/a11y/a11y-thresholds.js';
+export const DEFAULT_A11Y_REPORT_PATH = 'a11y-report.json';
+const cache = new Map();
+export function loadA11yReport(reportPath) {
+    try {
+        const mtime = statSync(reportPath).mtimeMs;
+        const cached = cache.get(reportPath);
+        if (cached && cached.mtime === mtime)
+            return cached.data;
+        const raw = readFileSync(reportPath, 'utf-8');
+        const parsed = JSON.parse(raw);
+        cache.set(reportPath, { mtime, data: parsed });
+        return parsed;
+    }
+    catch {
+        return null;
+    }
+}
+export function readA11yMeta(reportPath, thresholdsInput) {
+    const report = loadA11yReport(reportPath);
+    if (!report?.total)
+        return null;
+    return {
+        total: report.total,
+        thresholds: resolveA11yThresholds(thresholdsInput),
+    };
+}
+export function checkA11yThresholds(meta) {
+    const violations = [];
+    const t = meta.thresholds;
+    const total = meta.total;
+    if (total.score < t.score) {
+        violations.push({ metric: 'score', actual: total.score, threshold: t.score });
+    }
+    if (total.critical > t.critical) {
+        violations.push({ metric: 'critical', actual: total.critical, threshold: t.critical });
+    }
+    if (total.serious > t.serious) {
+        violations.push({ metric: 'serious', actual: total.serious, threshold: t.serious });
+    }
+    if (total.moderate > t.moderate) {
+        violations.push({ metric: 'moderate', actual: total.moderate, threshold: t.moderate });
+    }
+    return violations;
+}
+export function clearA11yReportCache() {
+    cache.clear();
+}

package/dist/builder/manifest/runtime-manifest.generator.d.ts

@@ -4,6 +4,7 @@ export interface RuntimeManifestOptions {
     components: ScannedComponent[];
     libraryImportPath: string;
     pages?: StyleguidePage[];
+    meta?: Record<string, unknown>;
 }
 export declare function generateRuntimeManifest(options: RuntimeManifestOptions): string;
 //# sourceMappingURL=runtime-manifest.generator.d.ts.map

package/dist/builder/manifest/runtime-manifest.generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"runtime-manifest.generator.d.ts","sourceRoot":"","sources":["../../../src/builder/manifest/runtime-manifest.generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAa,MAAM,8BAA8B,CAAC;AAChF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAIjE,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAC/B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;CAC1B;AAyHD,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,sBAAsB,GAAG,MAAM,CAsE/E"}
+{"version":3,"file":"runtime-manifest.generator.d.ts","sourceRoot":"","sources":["../../../src/builder/manifest/runtime-manifest.generator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAa,MAAM,8BAA8B,CAAC;AAChF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAIjE,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAC/B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,cAAc,EAAE,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAChC;AAyHD,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,sBAAsB,GAAG,MAAM,CA8E/E"}

package/dist/builder/manifest/runtime-manifest.generator.js

@@ -108,7 +108,7 @@ function groupComponentsByImportPath(components, fallbackImportPath) {
     return groups;
 }
 export function generateRuntimeManifest(options) {
-    const { components, libraryImportPath, pages } = options;
+    const { components, libraryImportPath, pages, meta } = options;
     const directives = components.filter((c) => c.componentMeta.isDirective);
     const hasDirectives = directives.length > 0;
     const lines = [
@@ -162,6 +162,13 @@ export function generateRuntimeManifest(options) {
     if (pages && pages.length > 0) {
         lines.push(`  pages: ${JSON.stringify(pages, null, 2).split('\n').map((l, i) => i === 0 ? l : '  ' + l).join('\n')},`);
     }
+    if (meta && Object.keys(meta).length > 0) {
+        const metaJson = JSON.stringify(meta, null, 2)
+            .split('\n')
+            .map((l, i) => (i === 0 ? l : '  ' + l))
+            .join('\n');
+        lines.push(`  meta: ${metaJson},`);
+    }
     lines.push('};');
     lines.push('');
     return lines.join('\n');

package/dist/builder/plugin-runner/plugin-runner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"plugin-runner.d.ts","sourceRoot":"","sources":["../../../src/builder/plugin-runner/plugin-runner.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAoB,MAAM,8BAA8B,CAAC;AAmBnG,wBAAsB,cAAc,CAClC,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,aAAa,EAAE,GACvB,OAAO,CAAC,aAAa,CAAC,CAuDxB"}
+{"version":3,"file":"plugin-runner.d.ts","sourceRoot":"","sources":["../../../src/builder/plugin-runner/plugin-runner.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAoB,MAAM,8BAA8B,CAAC;AAmBnG,wBAAsB,cAAc,CAClC,QAAQ,EAAE,aAAa,EACvB,OAAO,EAAE,aAAa,EAAE,GACvB,OAAO,CAAC,aAAa,CAAC,CAyDxB"}

package/dist/builder/plugin-runner/plugin-runner.js

@@ -46,7 +46,9 @@ export async function runPluginHooks(manifest, plugins) {
         }
         pages[i] = current;
     }
-    let result = { components, pages };
+    let result = manifest.meta
+        ? { components, pages, meta: manifest.meta }
+        : { components, pages };
     for (const plugin of plugins) {
         if (plugin.onManifestReady) {
             try {

package/dist/builder/shared/prism-pipeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"prism-pipeline.d.ts","sourceRoot":"","sources":["../../../src/builder/shared/prism-pipeline.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAGhE,OAAO,EAAiB,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAOpE,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,mGAAmG;IACnG,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,oGAAoG;IACpG,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,wBAAgB,mBAAmB,IAAI,kBAAkB,CAExD;AAED,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,oBAAoB,EAC7B,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,kBAAkB,GACxB,OAAO,CAAC,mBAAmB,CAAC,CAoD9B"}
+{"version":3,"file":"prism-pipeline.d.ts","sourceRoot":"","sources":["../../../src/builder/shared/prism-pipeline.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAGhE,OAAO,EAAiB,KAAK,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAYpE,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,mGAAmG;IACnG,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B,oGAAoG;IACpG,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;CACrC;AAED,wBAAgB,mBAAmB,IAAI,kBAAkB,CAExD;AAED,wBAAsB,gBAAgB,CACpC,OAAO,EAAE,oBAAoB,EAC7B,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,kBAAkB,GACxB,OAAO,CAAC,mBAAmB,CAAC,CA2E9B"}

package/dist/builder/shared/prism-pipeline.js

@@ -6,6 +6,7 @@ import { discoverSecondaryEntryPoints } from '../scanner/entry-point-discovery.j
 import { loadConfig } from '../config-loader/config-loader.js';
 import { runPluginHooks } from '../plugin-runner/plugin-runner.js';
 import { generateRuntimeManifest } from '../manifest/runtime-manifest.generator.js';
+import { DEFAULT_A11Y_REPORT_PATH, checkA11yThresholds, readA11yMeta, } from '../a11y/a11y-report-reader.js';
 export function createPipelineState() {
     return { scanner: undefined, lastEntrySetKey: undefined };
 }
@@ -20,12 +21,29 @@ export async function runPrismPipeline(options, context, state) {
     const scanResult = scanEntryPoints(workspaceRoot, options, state);
     const pages = config.pages ? [...config.pages] : [];
     context.reportStatus('Running plugin hooks...');
-    const manifest = await runPluginHooks({ ...scanResult, pages }, config.plugins ?? []);
+    let manifest = await runPluginHooks({ ...scanResult, pages }, config.plugins ?? []);
+    const a11yReportPath = config.a11y?.reportPath ?? DEFAULT_A11Y_REPORT_PATH;
+    const a11yMeta = readA11yMeta(join(workspaceRoot, a11yReportPath), config.a11y?.thresholds);
+    if (a11yMeta) {
+        const violations = checkA11yThresholds(a11yMeta);
+        if (violations.length > 0) {
+            const summary = violations
+                .map((v) => `${v.metric}: ${v.actual} (threshold ${v.threshold})`)
+                .join(', ');
+            throw new Error(`ng-prism: a11y thresholds violated — ${summary}. ` +
+                `Update components or relax thresholds via config.a11y.thresholds.`);
+        }
+        manifest = {
+            ...manifest,
+            meta: { ...manifest.meta, a11y: a11yMeta },
+        };
+    }
     context.reportStatus('Generating runtime manifest...');
     const source = generateRuntimeManifest({
         components: manifest.components,
         libraryImportPath: options.libraryImportPath,
         pages: manifest.pages,
+        meta: manifest.meta,
     });
     const projectMeta = await context.getProjectMetadata(options.prismProject);
     const sourceRoot = projectMeta['sourceRoot'] ??

package/dist/cli/audit-a11y/aggregator.d.ts

@@ -0,0 +1,10 @@
+import type { A11yReport, A11yScoreResult } from '../../app/panels/a11y/a11y.types.js';
+export interface RawAuditResult {
+    className: string;
+    variantName: string;
+    variantIndex: number;
+    /** Result from `calculateScore(axeResults)` in the running app. */
+    score: A11yScoreResult;
+}
+export declare function aggregateAuditResults(results: RawAuditResult[]): A11yReport;
+//# sourceMappingURL=aggregator.d.ts.map

package/dist/cli/audit-a11y/aggregator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aggregator.d.ts","sourceRoot":"","sources":["../../../src/cli/audit-a11y/aggregator.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EAChB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,mEAAmE;IACnE,KAAK,EAAE,eAAe,CAAC;CACxB;AAED,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,cAAc,EAAE,GAAG,UAAU,CAkD3E"}

package/dist/cli/audit-a11y/aggregator.js

@@ -0,0 +1,64 @@
+export function aggregateAuditResults(results) {
+    if (results.length === 0) {
+        return {
+            total: {
+                score: 100,
+                violations: 0,
+                critical: 0,
+                serious: 0,
+                moderate: 0,
+                minor: 0,
+                passes: 0,
+                incomplete: 0,
+                auditedComponents: 0,
+                auditedVariants: 0,
+            },
+            components: {},
+            generatedAt: new Date().toISOString(),
+        };
+    }
+    const byComponent = new Map();
+    for (const r of results) {
+        const list = byComponent.get(r.className) ?? [];
+        list.push(r.score);
+        byComponent.set(r.className, list);
+    }
+    const componentBreakdown = {};
+    for (const [className, scores] of byComponent) {
+        componentBreakdown[className] = averageScore(scores);
+    }
+    const all = results.map((r) => r.score);
+    const total = averageScore(all);
+    return {
+        total: {
+            ...total,
+            // Sum (not average) of violation counts — they aggregate across the library.
+            violations: sum(all, (s) => s.violations),
+            critical: sum(all, (s) => s.critical),
+            serious: sum(all, (s) => s.serious),
+            moderate: sum(all, (s) => s.moderate),
+            minor: sum(all, (s) => s.minor),
+            auditedComponents: byComponent.size,
+            auditedVariants: results.length,
+        },
+        components: componentBreakdown,
+        generatedAt: new Date().toISOString(),
+    };
+}
+function averageScore(scores) {
+    const n = scores.length;
+    const sumF = (sel) => scores.reduce((acc, s) => acc + sel(s), 0);
+    return {
+        score: Math.round(sumF((s) => s.score) / n),
+        violations: Math.round(sumF((s) => s.violations) / n),
+        critical: Math.round(sumF((s) => s.critical) / n),
+        serious: Math.round(sumF((s) => s.serious) / n),
+        moderate: Math.round(sumF((s) => s.moderate) / n),
+        minor: Math.round(sumF((s) => s.minor) / n),
+        passes: Math.round(sumF((s) => s.passes) / n),
+        incomplete: Math.round(sumF((s) => s.incomplete) / n),
+    };
+}
+function sum(scores, sel) {
+    return scores.reduce((acc, s) => acc + sel(s), 0);
+}

package/dist/cli/audit-a11y/auditor.d.ts

@@ -0,0 +1,14 @@
+import type { RawAuditResult } from './aggregator.js';
+export interface AuditOptions {
+    baseUrl: string;
+    /** Component class names to limit the audit to. Empty = all. */
+    include?: string[];
+    /** Component class names to skip. */
+    exclude?: string[];
+    /** Per-page navigation/render timeout in ms. Default 10_000. */
+    timeoutMs?: number;
+    /** Logger for progress output. */
+    log?: (msg: string) => void;
+}
+export declare function auditPrismApp(opts: AuditOptions): Promise<RawAuditResult[]>;
+//# sourceMappingURL=auditor.d.ts.map

package/dist/cli/audit-a11y/auditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auditor.d.ts","sourceRoot":"","sources":["../../../src/cli/audit-a11y/auditor.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAWtD,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7B;AAED,wBAAsB,aAAa,CAAC,IAAI,EAAE,YAAY,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,CAyGjF"}

package/dist/cli/audit-a11y/auditor.js

@@ -0,0 +1,104 @@
+import { createRequire } from 'node:module';
+const require = createRequire(import.meta.url);
+export async function auditPrismApp(opts) {
+    const log = opts.log ?? (() => undefined);
+    const timeoutMs = opts.timeoutMs ?? 10_000;
+    const playwright = await loadPlaywright();
+    const axeSource = loadAxeSource();
+    const browser = await playwright.chromium.launch({ headless: true });
+    try {
+        const context = await browser.newContext();
+        const page = await context.newPage();
+        await page.goto(opts.baseUrl, { waitUntil: 'networkidle', timeout: timeoutMs });
+        await page.waitForFunction(() => globalThis['__PRISM_MANIFEST__'] !== undefined, undefined, { timeout: timeoutMs });
+        const manifest = (await page.evaluate(() => globalThis['__PRISM_MANIFEST__']));
+        const targets = manifest.components.filter((c) => {
+            if (opts.include?.length && !opts.include.includes(c.className))
+                return false;
+            if (opts.exclude?.length && opts.exclude.includes(c.className))
+                return false;
+            return true;
+        });
+        const results = [];
+        for (const comp of targets) {
+            for (const variant of comp.variants) {
+                const url = new URL(opts.baseUrl);
+                url.searchParams.set('component', comp.className);
+                if (variant.index > 0) {
+                    url.searchParams.set('variant', String(variant.index));
+                }
+                log(`Auditing ${comp.className} :: ${variant.name} (#${variant.index})`);
+                await page.goto(url.toString(), { waitUntil: 'load', timeout: timeoutMs });
+                await page.waitForFunction(([expected]) => {
+                    const el = document.querySelector('.demo-wrap');
+                    const key = el?.getAttribute('data-prism-rendered');
+                    return typeof key === 'string' && key.startsWith(expected);
+                }, [`${comp.className}:`], { timeout: timeoutMs });
+                await page.addScriptTag({ content: axeSource });
+                const score = (await page.evaluate(async () => {
+                    const target = document.querySelector('.demo-wrap');
+                    const axe = globalThis['axe'];
+                    if (!target) {
+                        return {
+                            score: 0,
+                            violations: 0,
+                            critical: 0,
+                            serious: 0,
+                            moderate: 0,
+                            minor: 0,
+                            passes: 0,
+                            incomplete: 0,
+                        };
+                    }
+                    const r = await axe.run(target);
+                    const critical = r.violations.filter((v) => v.impact === 'critical').length;
+                    const serious = r.violations.filter((v) => v.impact === 'serious').length;
+                    const moderate = r.violations.filter((v) => v.impact === 'moderate').length;
+                    const minor = r.violations.filter((v) => v.impact === 'minor').length;
+                    const deductions = critical * 25 + serious * 10 + moderate * 5 + minor * 1;
+                    return {
+                        score: Math.max(0, 100 - deductions),
+                        violations: r.violations.length,
+                        critical,
+                        serious,
+                        moderate,
+                        minor,
+                        passes: r.passes.length,
+                        incomplete: r.incomplete.length,
+                    };
+                }));
+                results.push({
+                    className: comp.className,
+                    variantName: variant.name,
+                    variantIndex: variant.index,
+                    score,
+                });
+            }
+        }
+        return results;
+    }
+    finally {
+        await browser.close();
+    }
+}
+async function loadPlaywright() {
+    try {
+        return (await import('playwright'));
+    }
+    catch (err) {
+        throw new Error('ng-prism-audit-a11y: `playwright` is not installed. Run `npm install --save-dev playwright` ' +
+            'and `npx playwright install chromium`. Original error: ' +
+            (err instanceof Error ? err.message : String(err)));
+    }
+}
+function loadAxeSource() {
+    try {
+        const path = require.resolve('axe-core/axe.min.js');
+        return require('node:fs').readFileSync(path, 'utf-8');
+    }
+    catch (err) {
+        throw new Error('ng-prism-audit-a11y: `axe-core` is not installed. Run `npm install --save-dev axe-core`. ' +
+            'Original error: ' +
+            (err instanceof Error ? err.message : String(err)));
+    }
+}

package/dist/cli/audit-a11y/cli.d.ts

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+export {};
+//# sourceMappingURL=cli.d.ts.map

package/dist/cli/audit-a11y/cli.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../../../src/cli/audit-a11y/cli.ts"],"names":[],"mappings":""}