nw-style-guide 20.3.0 → 20.3.1-beta.0

package/charts/index.d.ts

@@ -13,7 +13,7 @@ declare class ChartUtils {
     private _chartResize$;
     chartResize$: Observable<any>;
     constructor();
-    static areDatasetsEqual(a: Array<[number, number]>, b: Array<[number, number]>): boolean;
+    static areDatasetsEqual(a: [number, number][], b: [number, number][]): boolean;
     static haveDomainsChanged(xDomain: SimpleChange, yDomain: SimpleChange): boolean;
     static hasInputChanged(input: SimpleChange): boolean;
     notifyChartResize(): void;
@@ -70,7 +70,7 @@ declare class PathDirective implements OnInit, OnChanges, OnDestroy {
     private _elRef;
     private _chart;
     private _chartUtils;
-    data: Array<[number, number]>;
+    data: [number, number][];
     xDomain: [number, number];
     yDomain: [number, number];
     animDuration: number;
@@ -79,7 +79,7 @@ declare class PathDirective implements OnInit, OnChanges, OnDestroy {
     xScale: NwXAxisScale;
     animEnd: EventEmitter<void>;
     line: Line<[number, number]>;
-    path: Selection<SVGPathElement, Array<[number, number]>, SVGElement, any>;
+    path: Selection<SVGPathElement, [number, number][], SVGElement, any>;
     yScale: ScaleLinear<number, number>;
     private _chartResizeSub;
     constructor(_elRef: ElementRef, _chart: ChartComponent, _chartUtils: ChartUtils);
@@ -112,7 +112,7 @@ declare abstract class AxisBase implements OnInit, OnChanges, OnDestroy {
     axis: Axis<number | Date | {
         valueOf(): number;
     }>;
-    axisSelection: Selection<SVGGElement, Array<[number, number]>, SVGElement, any>;
+    axisSelection: Selection<SVGGElement, [number, number][], SVGElement, any>;
     axisLabelSelection: Selection<SVGTextElement, any, HTMLElement, any>;
     private _chartResizeSub;
     constructor(_elRef: ElementRef, chart: ChartComponent, _chartUtils: ChartUtils);
@@ -256,14 +256,14 @@ declare class AreaDirective implements OnInit, OnChanges, OnDestroy {
      *
      * If there are 2 the area is drawn to the chart height
      */
-    data: Array<AreaDatum>;
+    data: AreaDatum[];
     xDomain: [number, number];
     yDomain: [number, number];
     animDuration: number;
     curve: CurveFactory;
     easing: (normalizedTime: number) => number;
     xScale: NwXAxisScale;
-    areaSelection: Selection<SVGPathElement, Array<AreaDatum>, SVGElement, any>;
+    areaSelection: Selection<SVGPathElement, AreaDatum[], SVGElement, any>;
     area: Area<AreaDatum>;
     yScale: ScaleLinear<number, number>;
     private _chartResizeSub;

package/fesm2022/nw-style-guide-autofocus.mjs

@@ -8,10 +8,10 @@ class AutoFocusDirective {
     ngOnInit() {
         this._elRef.nativeElement.focus();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AutoFocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: AutoFocusDirective, isStandalone: true, selector: "[nwAutofocus]", exportAs: ["nw-autofocus"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AutoFocusDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: AutoFocusDirective, isStandalone: true, selector: "[nwAutofocus]", exportAs: ["nw-autofocus"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AutoFocusDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AutoFocusDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[nwAutofocus]',

package/fesm2022/nw-style-guide-carousel.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { HostBinding, Input, Directive, EventEmitter, ContentChildren, ViewChild, Output, ChangeDetectionStrategy, Component } from '@angular/core';
-import { trigger, transition, style, animate, AUTO_STYLE } from '@angular/animations';
+import { trigger, transition, style, AUTO_STYLE, animate } from '@angular/animations';
 import { debounceTime } from 'rxjs/operators';
 import { fromEvent } from 'rxjs';
 import { NgIf, NgStyle, NgClass, NgFor } from '@angular/common';
@@ -9,10 +9,10 @@ class CarouselSlideDirective {
     constructor() {
         this.snapAlign = 'start';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CarouselSlideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: CarouselSlideDirective, isStandalone: true, selector: "[nwCarouselSlide]", inputs: { snapAlign: "snapAlign" }, host: { properties: { "style.scroll-snap-align": "this.snapAlign" } }, exportAs: ["nw-carousel-slide"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CarouselSlideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: CarouselSlideDirective, isStandalone: true, selector: "[nwCarouselSlide]", inputs: { snapAlign: "snapAlign" }, host: { properties: { "style.scroll-snap-align": "this.snapAlign" } }, exportAs: ["nw-carousel-slide"], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CarouselSlideDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CarouselSlideDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[nwCarouselSlide]',
@@ -112,8 +112,8 @@ class CarouselComponent {
         this._windowResizeSub.unsubscribe();
         this._slidesSub.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CarouselComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: CarouselComponent, isStandalone: true, selector: "nw-carousel", inputs: { showPageIndicator: "showPageIndicator", showPagination: "showPagination", showMask: "showMask", maskColor: "maskColor", containerClass: "containerClass", currPage: "currPage", noResultsText: "noResultsText" }, outputs: { currPageChange: "currPageChange" }, queries: [{ propertyName: "slides", predicate: CarouselSlideDirective }], viewQueries: [{ propertyName: "carousel", first: true, predicate: ["carousel"], descendants: true, static: true }], exportAs: ["nw-carousel"], usesOnChanges: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CarouselComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: CarouselComponent, isStandalone: true, selector: "nw-carousel", inputs: { showPageIndicator: "showPageIndicator", showPagination: "showPagination", showMask: "showMask", maskColor: "maskColor", containerClass: "containerClass", currPage: "currPage", noResultsText: "noResultsText" }, outputs: { currPageChange: "currPageChange" }, queries: [{ propertyName: "slides", predicate: CarouselSlideDirective }], viewQueries: [{ propertyName: "carousel", first: true, predicate: ["carousel"], descendants: true, static: true }], exportAs: ["nw-carousel"], usesOnChanges: true, ngImport: i0, template: `
         <div class="carousel-container">
             <div class="pagination-container" *ngIf="showPagination && !isFirstPage">
                 <button class="btn btn-carousel btn-carousel-prev" (click)="prev()"></button>
@@ -160,7 +160,7 @@ class CarouselComponent {
             ])
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CarouselComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CarouselComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'nw-carousel',

package/fesm2022/nw-style-guide-charts.mjs

@@ -35,10 +35,10 @@ class ChartUtils {
     notifyChartResize() {
         this._chartResize$.next();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ChartUtils, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ChartUtils }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ChartUtils, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ChartUtils }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ChartUtils, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ChartUtils, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -78,7 +78,6 @@ class ChartComponent {
             .attr("transform", "translate(" + this.margins.left + "," + this.margins.top + ")");
     }
     setHoverOverlay() {
-        const self = this;
         // This full height / width rect ensures that all mouse events will
         // be captured and delegated to the parent mouseEventCaptureContainer
         select(this.hoverOverlay.nativeElement)
@@ -91,7 +90,7 @@ class ChartComponent {
             .on('mouseleave', () => this.nwMouseleave.emit())
             .on('mousemove', e => {
             // emits the current mouse position
-            self.nwMousemove.emit(pointer(e));
+            this.nwMousemove.emit(pointer(e));
         });
     }
     onBackgroundClick() {
@@ -116,8 +115,8 @@ class ChartComponent {
         this._destroyed$.next();
         this._destroyed$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartUtils }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ChartComponent, isStandalone: true, selector: "svg[nw-chart]", inputs: { w: ["width", "w"], h: ["height", "h"], margins: "margins" }, outputs: { nwMousemove: "nwMousemove", nwMouseleave: "nwMouseleave", bgClick: "bgClick" }, providers: [ChartUtils], viewQueries: [{ propertyName: "chartContainer", first: true, predicate: ["chartContainer"], descendants: true, static: true }, { propertyName: "mouseEventCaptureContainer", first: true, predicate: ["mouseEventCaptureContainer"], descendants: true, static: true }, { propertyName: "hoverOverlay", first: true, predicate: ["hoverOverlay"], descendants: true, static: true }], exportAs: ["nw-chart"], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ChartComponent, deps: [{ token: i0.ElementRef }, { token: ChartUtils }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", type: ChartComponent, isStandalone: true, selector: "svg[nw-chart]", inputs: { w: ["width", "w"], h: ["height", "h"], margins: "margins" }, outputs: { nwMousemove: "nwMousemove", nwMouseleave: "nwMouseleave", bgClick: "bgClick" }, providers: [ChartUtils], viewQueries: [{ propertyName: "chartContainer", first: true, predicate: ["chartContainer"], descendants: true, static: true }, { propertyName: "mouseEventCaptureContainer", first: true, predicate: ["mouseEventCaptureContainer"], descendants: true, static: true }, { propertyName: "hoverOverlay", first: true, predicate: ["hoverOverlay"], descendants: true, static: true }], exportAs: ["nw-chart"], ngImport: i0, template: `
         <svg:g #chartContainer
             nwResizeObserver
             [element]="parentElement"
@@ -134,7 +133,7 @@ class ChartComponent {
         </svg:g>
     `, isInline: true, dependencies: [{ kind: "directive", type: ResizeObserverDirective, selector: "[nwResizeObserver]", inputs: ["element", "tolerance"], outputs: ["nwResize"], exportAs: ["nwResizeObserver"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ChartComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ChartComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'svg[nw-chart]',
@@ -247,10 +246,10 @@ class PathDirective {
     ngOnDestroy() {
         this._chartResizeSub.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PathDirective, deps: [{ token: i0.ElementRef }, { token: ChartComponent }, { token: ChartUtils }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: PathDirective, isStandalone: true, selector: "path[nw-path]", inputs: { data: ["nw-path", "data"], xDomain: "xDomain", yDomain: "yDomain", animDuration: "animDuration", curve: "curve", easing: "easing", xScale: "xScale" }, outputs: { animEnd: "animEnd" }, exportAs: ["nw-path"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: PathDirective, deps: [{ token: i0.ElementRef }, { token: ChartComponent }, { token: ChartUtils }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: PathDirective, isStandalone: true, selector: "path[nw-path]", inputs: { data: ["nw-path", "data"], xDomain: "xDomain", yDomain: "yDomain", animDuration: "animDuration", curve: "curve", easing: "easing", xScale: "xScale" }, outputs: { animEnd: "animEnd" }, exportAs: ["nw-path"], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: PathDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: PathDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -352,10 +351,10 @@ class AxisBase {
     ngOnDestroy() {
         this._chartResizeSub.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AxisBase, deps: [{ token: i0.ElementRef }, { token: ChartComponent }, { token: ChartUtils }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: AxisBase, isStandalone: true, inputs: { tickFormat: "tickFormat", tickCount: "tickCount", tickSizeOuter: "tickSizeOuter", tickValues: "tickValues", showGuidlines: "showGuidlines", animDuration: "animDuration", easing: "easing", label: "label" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AxisBase, deps: [{ token: i0.ElementRef }, { token: ChartComponent }, { token: ChartUtils }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: AxisBase, isStandalone: true, inputs: { tickFormat: "tickFormat", tickCount: "tickCount", tickSizeOuter: "tickSizeOuter", tickValues: "tickValues", showGuidlines: "showGuidlines", animDuration: "animDuration", easing: "easing", label: "label" }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AxisBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AxisBase, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: ChartComponent }, { type: ChartUtils }], propDecorators: { tickFormat: [{
                 type: Input
@@ -427,10 +426,10 @@ class XAxisDirective extends AxisBase {
         }
         return 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: XAxisDirective, deps: [{ token: i0.ElementRef }, { token: ChartComponent }, { token: ChartUtils }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: XAxisDirective, isStandalone: true, selector: "[nw-x-axis]", inputs: { align: "align", domain: "domain", scale: "scale" }, outputs: { scaleUpdated: "scaleUpdated" }, exportAs: ["nw-x-axis"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: XAxisDirective, deps: [{ token: i0.ElementRef }, { token: ChartComponent }, { token: ChartUtils }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: XAxisDirective, isStandalone: true, selector: "[nw-x-axis]", inputs: { align: "align", domain: "domain", scale: "scale" }, outputs: { scaleUpdated: "scaleUpdated" }, exportAs: ["nw-x-axis"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: XAxisDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: XAxisDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -502,10 +501,10 @@ class YAxisDirective extends AxisBase {
         }
         return 0;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: YAxisDirective, deps: [{ token: i0.ElementRef }, { token: ChartComponent }, { token: ChartUtils }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: YAxisDirective, isStandalone: true, selector: "[nw-y-axis]", inputs: { align: "align", domain: "domain" }, outputs: { scaleUpdated: "scaleUpdated" }, exportAs: ["nw-y-axis"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: YAxisDirective, deps: [{ token: i0.ElementRef }, { token: ChartComponent }, { token: ChartUtils }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: YAxisDirective, isStandalone: true, selector: "[nw-y-axis]", inputs: { align: "align", domain: "domain" }, outputs: { scaleUpdated: "scaleUpdated" }, exportAs: ["nw-y-axis"], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: YAxisDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: YAxisDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -578,10 +577,10 @@ class CircleDirective {
     ngOnDestroy() {
         this._chartResizeSub.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CircleDirective, deps: [{ token: i0.ElementRef }, { token: ChartComponent }, { token: ChartUtils }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: CircleDirective, isStandalone: true, selector: "circle[nw-circle]", inputs: { point: ["nw-circle", "point"], xDomain: "xDomain", yDomain: "yDomain", animDuration: "animDuration", easing: "easing", xScale: "xScale" }, exportAs: ["nw-circle"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CircleDirective, deps: [{ token: i0.ElementRef }, { token: ChartComponent }, { token: ChartUtils }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: CircleDirective, isStandalone: true, selector: "circle[nw-circle]", inputs: { point: ["nw-circle", "point"], xDomain: "xDomain", yDomain: "yDomain", animDuration: "animDuration", easing: "easing", xScale: "xScale" }, exportAs: ["nw-circle"], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CircleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CircleDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -675,10 +674,10 @@ class BrushDirective {
     ngOnDestroy() {
         this._unbindEvents();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BrushDirective, deps: [{ token: i0.ElementRef }, { token: ChartComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: BrushDirective, isStandalone: true, selector: "svg:g[nw-brush]", inputs: { extent: "extent", dimension: "dimension" }, outputs: { brushEnd: "brushEnd" }, exportAs: ["nw-brush"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: BrushDirective, deps: [{ token: i0.ElementRef }, { token: ChartComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: BrushDirective, isStandalone: true, selector: "svg:g[nw-brush]", inputs: { extent: "extent", dimension: "dimension" }, outputs: { brushEnd: "brushEnd" }, exportAs: ["nw-brush"], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BrushDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: BrushDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -747,10 +746,10 @@ class BarDirective {
     ngOnDestroy() {
         this._chartResizeSub.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BarDirective, deps: [{ token: i0.ElementRef }, { token: ChartComponent }, { token: ChartUtils }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: BarDirective, isStandalone: true, selector: "rect[nw-bar]", inputs: { value: ["nw-bar", "value"], xDomain: "xDomain", yDomain: "yDomain", animDuration: "animDuration", easing: "easing", barWidth: "barWidth", xScale: "xScale" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: BarDirective, deps: [{ token: i0.ElementRef }, { token: ChartComponent }, { token: ChartUtils }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: BarDirective, isStandalone: true, selector: "rect[nw-bar]", inputs: { value: ["nw-bar", "value"], xDomain: "xDomain", yDomain: "yDomain", animDuration: "animDuration", easing: "easing", barWidth: "barWidth", xScale: "xScale" }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: BarDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: BarDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -841,10 +840,10 @@ class AreaDirective {
     ngOnDestroy() {
         this._chartResizeSub.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AreaDirective, deps: [{ token: i0.ElementRef }, { token: ChartComponent }, { token: ChartUtils }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: AreaDirective, isStandalone: true, selector: "path[nw-area]", inputs: { data: ["nw-area", "data"], xDomain: "xDomain", yDomain: "yDomain", animDuration: "animDuration", curve: "curve", easing: "easing", xScale: "xScale" }, exportAs: ["nw-area"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AreaDirective, deps: [{ token: i0.ElementRef }, { token: ChartComponent }, { token: ChartUtils }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: AreaDirective, isStandalone: true, selector: "path[nw-area]", inputs: { data: ["nw-area", "data"], xDomain: "xDomain", yDomain: "yDomain", animDuration: "animDuration", curve: "curve", easing: "easing", xScale: "xScale" }, exportAs: ["nw-area"], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AreaDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AreaDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -897,10 +896,10 @@ class ChartTooltipDirective {
             this._height = rect.height;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ChartTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: ChartTooltipDirective, isStandalone: true, selector: "[nwChartTooltip]", inputs: { position: "position", chartWidth: "chartWidth", chartHeight: "chartHeight", chartMargins: "chartMargins", offsetX: "offsetX" }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ChartTooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: ChartTooltipDirective, isStandalone: true, selector: "[nwChartTooltip]", inputs: { position: "position", chartWidth: "chartWidth", chartHeight: "chartHeight", chartMargins: "chartMargins", offsetX: "offsetX" }, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ChartTooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ChartTooltipDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[nwChartTooltip]' }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { position: [{
@@ -972,10 +971,10 @@ class ForeignObjectDirective {
     ngOnDestroy() {
         this._chartResizeSub.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ForeignObjectDirective, deps: [{ token: i0.ElementRef }, { token: ChartComponent }, { token: ChartUtils }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: ForeignObjectDirective, isStandalone: true, selector: "[nw-foreign-object]", inputs: { point: "point", xDomain: "xDomain", yDomain: "yDomain", animDuration: "animDuration", easing: "easing", xScale: "xScale" }, exportAs: ["nw-foreign-object"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ForeignObjectDirective, deps: [{ token: i0.ElementRef }, { token: ChartComponent }, { token: ChartUtils }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: ForeignObjectDirective, isStandalone: true, selector: "[nw-foreign-object]", inputs: { point: "point", xDomain: "xDomain", yDomain: "yDomain", animDuration: "animDuration", easing: "easing", xScale: "xScale" }, exportAs: ["nw-foreign-object"], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ForeignObjectDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ForeignObjectDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -1053,10 +1052,10 @@ class TextDirective {
     ngOnDestroy() {
         this._chartResizeSub.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TextDirective, deps: [{ token: i0.ElementRef }, { token: ChartComponent }, { token: ChartUtils }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: TextDirective, isStandalone: true, selector: "text[nw-text]", inputs: { point: ["nw-text", "point"], xDomain: "xDomain", yDomain: "yDomain", animDuration: "animDuration", easing: "easing", xScale: "xScale" }, exportAs: ["nw-text"], usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: TextDirective, deps: [{ token: i0.ElementRef }, { token: ChartComponent }, { token: ChartUtils }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.18", type: TextDirective, isStandalone: true, selector: "text[nw-text]", inputs: { point: ["nw-text", "point"], xDomain: "xDomain", yDomain: "yDomain", animDuration: "animDuration", easing: "easing", xScale: "xScale" }, exportAs: ["nw-text"], usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: TextDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector