nw-style-guide 20.3.0-beta.1 → 20.3.0

package/animations/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/nw-style-guide-animations.mjs"
+}

package/autofocus/index.d.ts

@@ -1,19 +1,12 @@
 import * as i0 from '@angular/core';
 import { OnInit, ElementRef } from '@angular/core';
-import * as i2 from '@angular/common';
 
 declare class AutoFocusDirective implements OnInit {
     private _elRef;
     constructor(_elRef: ElementRef<HTMLElement>);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutoFocusDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AutoFocusDirective, "[nwAutofocus]", ["nw-autofocus"], {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AutoFocusDirective, "[nwAutofocus]", ["nw-autofocus"], {}, {}, never, never, true, never>;
 }
 
-declare class AutoFocusModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AutoFocusModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AutoFocusModule, [typeof AutoFocusDirective], [typeof i2.CommonModule], [typeof AutoFocusDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AutoFocusModule>;
-}
-
-export { AutoFocusDirective, AutoFocusModule };
+export { AutoFocusDirective };

package/autofocus/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/nw-style-guide-autofocus.mjs"
+}

package/carousel/index.d.ts

@@ -1,11 +1,10 @@
 import * as i0 from '@angular/core';
 import { OnInit, AfterViewInit, AfterContentInit, OnChanges, OnDestroy, EventEmitter, ElementRef, QueryList, Renderer2, ChangeDetectorRef, SimpleChanges } from '@angular/core';
-import * as i3 from '@angular/common';
 
 declare class CarouselSlideDirective {
     snapAlign: 'none' | 'start' | 'end' | 'center';
     static ɵfac: i0.ɵɵFactoryDeclaration<CarouselSlideDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CarouselSlideDirective, "[nwCarouselSlide]", ["nw-carousel-slide"], { "snapAlign": { "alias": "snapAlign"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CarouselSlideDirective, "[nwCarouselSlide]", ["nw-carousel-slide"], { "snapAlign": { "alias": "snapAlign"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class CarouselComponent implements OnInit, AfterViewInit, AfterContentInit, OnChanges, OnDestroy {
@@ -46,13 +45,13 @@ declare class CarouselComponent implements OnInit, AfterViewInit, AfterContentIn
     subscribeToWindowResize(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CarouselComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "nw-carousel", ["nw-carousel"], { "showPageIndicator": { "alias": "showPageIndicator"; "required": false; }; "showPagination": { "alias": "showPagination"; "required": false; }; "showMask": { "alias": "showMask"; "required": false; }; "maskColor": { "alias": "maskColor"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "currPage": { "alias": "currPage"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; }, { "currPageChange": "currPageChange"; }, ["slides"], [".pagination-left", "*", ".pagination-right", ".pagination-indicators"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "nw-carousel", ["nw-carousel"], { "showPageIndicator": { "alias": "showPageIndicator"; "required": false; }; "showPagination": { "alias": "showPagination"; "required": false; }; "showMask": { "alias": "showMask"; "required": false; }; "maskColor": { "alias": "maskColor"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "currPage": { "alias": "currPage"; "required": false; }; "noResultsText": { "alias": "noResultsText"; "required": false; }; }, { "currPageChange": "currPageChange"; }, ["slides"], [".pagination-left", "*", ".pagination-right", ".pagination-indicators"], true, never>;
 }
 
-declare class CarouselModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CarouselModule, [typeof CarouselComponent, typeof CarouselSlideDirective], [typeof i3.CommonModule], [typeof CarouselComponent, typeof CarouselSlideDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<CarouselModule>;
-}
+/**
+ * Export cooperating directives
+ * https://v17.angular.io/guide/standalone-components#standalone-components-for-library-authors
+ */
+declare const CAROUSEL_DIRECTIVES: readonly [typeof CarouselComponent, typeof CarouselSlideDirective];
 
-export { CarouselComponent, CarouselModule, CarouselSlideDirective };
+export { CAROUSEL_DIRECTIVES, CarouselComponent, CarouselSlideDirective };

package/carousel/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/nw-style-guide-carousel.mjs"
+}

package/charts/index.d.ts

@@ -6,8 +6,6 @@ import { CurveFactory, Line, Area } from 'd3-shape';
 import { ScaleLinear, ScaleTime } from 'd3-scale';
 import { AxisTimeInterval, Axis } from 'd3-axis';
 import { BrushBehavior } from 'd3-brush';
-import * as i12 from '@angular/common';
-import * as i13 from 'nw-style-guide/resize-observer';
 
 declare class ChartUtils {
     static ANIMATION_DURATION: number;
@@ -63,7 +61,7 @@ declare class ChartComponent implements OnInit, AfterViewInit, OnDestroy {
     onChartDimensionsChange(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChartComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChartComponent, "svg[nw-chart]", ["nw-chart"], { "w": { "alias": "width"; "required": false; }; "h": { "alias": "height"; "required": false; }; "margins": { "alias": "margins"; "required": false; }; }, { "nwMousemove": "nwMousemove"; "nwMouseleave": "nwMouseleave"; "bgClick": "bgClick"; }, never, ["[nw-x-axis],[nw-y-axis]", ".nw-slot-1", ".nw-slot-2", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChartComponent, "svg[nw-chart]", ["nw-chart"], { "w": { "alias": "width"; "required": false; }; "h": { "alias": "height"; "required": false; }; "margins": { "alias": "margins"; "required": false; }; }, { "nwMousemove": "nwMousemove"; "nwMouseleave": "nwMouseleave"; "bgClick": "bgClick"; }, never, ["[nw-x-axis],[nw-y-axis]", ".nw-slot-1", ".nw-slot-2", "*"], true, never>;
 }
 
 type NwXAxisScale = ScaleLinear<number, number> | ScaleTime<number, number>;
@@ -94,7 +92,7 @@ declare class PathDirective implements OnInit, OnChanges, OnDestroy {
     private _subscribeToChartResize;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PathDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PathDirective, "path[nw-path]", ["nw-path"], { "data": { "alias": "nw-path"; "required": false; }; "xDomain": { "alias": "xDomain"; "required": false; }; "yDomain": { "alias": "yDomain"; "required": false; }; "animDuration": { "alias": "animDuration"; "required": false; }; "curve": { "alias": "curve"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "xScale": { "alias": "xScale"; "required": false; }; }, { "animEnd": "animEnd"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PathDirective, "path[nw-path]", ["nw-path"], { "data": { "alias": "nw-path"; "required": false; }; "xDomain": { "alias": "xDomain"; "required": false; }; "yDomain": { "alias": "yDomain"; "required": false; }; "animDuration": { "alias": "animDuration"; "required": false; }; "curve": { "alias": "curve"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "xScale": { "alias": "xScale"; "required": false; }; }, { "animEnd": "animEnd"; }, never, never, true, never>;
 }
 
 declare abstract class AxisBase implements OnInit, OnChanges, OnDestroy {
@@ -147,7 +145,7 @@ declare class XAxisDirective extends AxisBase {
     render(): void;
     private _getAxisTranslation;
     static ɵfac: i0.ɵɵFactoryDeclaration<XAxisDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<XAxisDirective, "[nw-x-axis]", ["nw-x-axis"], { "align": { "alias": "align"; "required": false; }; "domain": { "alias": "domain"; "required": false; }; "scale": { "alias": "scale"; "required": false; }; }, { "scaleUpdated": "scaleUpdated"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<XAxisDirective, "[nw-x-axis]", ["nw-x-axis"], { "align": { "alias": "align"; "required": false; }; "domain": { "alias": "domain"; "required": false; }; "scale": { "alias": "scale"; "required": false; }; }, { "scaleUpdated": "scaleUpdated"; }, never, never, true, never>;
 }
 
 declare class YAxisDirective extends AxisBase {
@@ -163,7 +161,7 @@ declare class YAxisDirective extends AxisBase {
     render(): void;
     private _getAxisTranslation;
     static ɵfac: i0.ɵɵFactoryDeclaration<YAxisDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<YAxisDirective, "[nw-y-axis]", ["nw-y-axis"], { "align": { "alias": "align"; "required": false; }; "domain": { "alias": "domain"; "required": false; }; }, { "scaleUpdated": "scaleUpdated"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<YAxisDirective, "[nw-y-axis]", ["nw-y-axis"], { "align": { "alias": "align"; "required": false; }; "domain": { "alias": "domain"; "required": false; }; }, { "scaleUpdated": "scaleUpdated"; }, never, never, true, never>;
 }
 
 declare class CircleDirective implements OnInit, OnChanges, OnDestroy {
@@ -191,7 +189,7 @@ declare class CircleDirective implements OnInit, OnChanges, OnDestroy {
     private _subscribeToChartResize;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CircleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CircleDirective, "circle[nw-circle]", ["nw-circle"], { "point": { "alias": "nw-circle"; "required": false; }; "xDomain": { "alias": "xDomain"; "required": false; }; "yDomain": { "alias": "yDomain"; "required": false; }; "animDuration": { "alias": "animDuration"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "xScale": { "alias": "xScale"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CircleDirective, "circle[nw-circle]", ["nw-circle"], { "point": { "alias": "nw-circle"; "required": false; }; "xDomain": { "alias": "xDomain"; "required": false; }; "yDomain": { "alias": "yDomain"; "required": false; }; "animDuration": { "alias": "animDuration"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "xScale": { "alias": "xScale"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class BrushDirective implements OnInit, OnDestroy, OnChanges {
@@ -214,7 +212,7 @@ declare class BrushDirective implements OnInit, OnDestroy, OnChanges {
     private _unbindEvents;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BrushDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BrushDirective, "svg:g[nw-brush]", ["nw-brush"], { "extent": { "alias": "extent"; "required": false; }; "dimension": { "alias": "dimension"; "required": false; }; }, { "brushEnd": "brushEnd"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BrushDirective, "svg:g[nw-brush]", ["nw-brush"], { "extent": { "alias": "extent"; "required": false; }; "dimension": { "alias": "dimension"; "required": false; }; }, { "brushEnd": "brushEnd"; }, never, never, true, never>;
 }
 
 declare class BarDirective implements OnInit, OnChanges, OnDestroy {
@@ -245,7 +243,7 @@ declare class BarDirective implements OnInit, OnChanges, OnDestroy {
     private _subscribeToChartResize;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BarDirective, "rect[nw-bar]", never, { "value": { "alias": "nw-bar"; "required": false; }; "xDomain": { "alias": "xDomain"; "required": false; }; "yDomain": { "alias": "yDomain"; "required": false; }; "animDuration": { "alias": "animDuration"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "barWidth": { "alias": "barWidth"; "required": false; }; "xScale": { "alias": "xScale"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BarDirective, "rect[nw-bar]", never, { "value": { "alias": "nw-bar"; "required": false; }; "xDomain": { "alias": "xDomain"; "required": false; }; "yDomain": { "alias": "yDomain"; "required": false; }; "animDuration": { "alias": "animDuration"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "barWidth": { "alias": "barWidth"; "required": false; }; "xScale": { "alias": "xScale"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 type AreaDatum = [number, number] | [number, number, number];
@@ -279,7 +277,7 @@ declare class AreaDirective implements OnInit, OnChanges, OnDestroy {
     private _subscribeToChartResize;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AreaDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AreaDirective, "path[nw-area]", ["nw-area"], { "data": { "alias": "nw-area"; "required": false; }; "xDomain": { "alias": "xDomain"; "required": false; }; "yDomain": { "alias": "yDomain"; "required": false; }; "animDuration": { "alias": "animDuration"; "required": false; }; "curve": { "alias": "curve"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "xScale": { "alias": "xScale"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AreaDirective, "path[nw-area]", ["nw-area"], { "data": { "alias": "nw-area"; "required": false; }; "xDomain": { "alias": "xDomain"; "required": false; }; "yDomain": { "alias": "yDomain"; "required": false; }; "animDuration": { "alias": "animDuration"; "required": false; }; "curve": { "alias": "curve"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "xScale": { "alias": "xScale"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class ChartTooltipDirective implements OnChanges, AfterViewInit {
@@ -302,7 +300,7 @@ declare class ChartTooltipDirective implements OnChanges, AfterViewInit {
     ngOnChanges(changes: SimpleChanges): void;
     private _setTooltipSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChartTooltipDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ChartTooltipDirective, "[nwChartTooltip]", never, { "position": { "alias": "position"; "required": false; }; "chartWidth": { "alias": "chartWidth"; "required": false; }; "chartHeight": { "alias": "chartHeight"; "required": false; }; "chartMargins": { "alias": "chartMargins"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ChartTooltipDirective, "[nwChartTooltip]", never, { "position": { "alias": "position"; "required": false; }; "chartWidth": { "alias": "chartWidth"; "required": false; }; "chartHeight": { "alias": "chartHeight"; "required": false; }; "chartMargins": { "alias": "chartMargins"; "required": false; }; "offsetX": { "alias": "offsetX"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class ForeignObjectDirective implements OnInit, OnChanges, OnDestroy {
@@ -330,7 +328,7 @@ declare class ForeignObjectDirective implements OnInit, OnChanges, OnDestroy {
     private _subscribeToChartResize;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ForeignObjectDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ForeignObjectDirective, "[nw-foreign-object]", ["nw-foreign-object"], { "point": { "alias": "point"; "required": false; }; "xDomain": { "alias": "xDomain"; "required": false; }; "yDomain": { "alias": "yDomain"; "required": false; }; "animDuration": { "alias": "animDuration"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "xScale": { "alias": "xScale"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ForeignObjectDirective, "[nw-foreign-object]", ["nw-foreign-object"], { "point": { "alias": "point"; "required": false; }; "xDomain": { "alias": "xDomain"; "required": false; }; "yDomain": { "alias": "yDomain"; "required": false; }; "animDuration": { "alias": "animDuration"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "xScale": { "alias": "xScale"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class TextDirective implements OnInit, OnChanges, OnDestroy {
@@ -357,13 +355,13 @@ declare class TextDirective implements OnInit, OnChanges, OnDestroy {
     private _subscribeToChartResize;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextDirective, "text[nw-text]", ["nw-text"], { "point": { "alias": "nw-text"; "required": false; }; "xDomain": { "alias": "xDomain"; "required": false; }; "yDomain": { "alias": "yDomain"; "required": false; }; "animDuration": { "alias": "animDuration"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "xScale": { "alias": "xScale"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextDirective, "text[nw-text]", ["nw-text"], { "point": { "alias": "nw-text"; "required": false; }; "xDomain": { "alias": "xDomain"; "required": false; }; "yDomain": { "alias": "yDomain"; "required": false; }; "animDuration": { "alias": "animDuration"; "required": false; }; "easing": { "alias": "easing"; "required": false; }; "xScale": { "alias": "xScale"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class ChartsModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ChartsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ChartsModule, [typeof ChartComponent, typeof PathDirective, typeof XAxisDirective, typeof YAxisDirective, typeof CircleDirective, typeof BrushDirective, typeof BarDirective, typeof AreaDirective, typeof ChartTooltipDirective, typeof ForeignObjectDirective, typeof TextDirective], [typeof i12.CommonModule, typeof i13.ResizeObserverModule], [typeof ChartComponent, typeof PathDirective, typeof XAxisDirective, typeof YAxisDirective, typeof CircleDirective, typeof BrushDirective, typeof BarDirective, typeof AreaDirective, typeof ChartTooltipDirective, typeof ForeignObjectDirective, typeof TextDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ChartsModule>;
-}
+/**
+ * Export cooperating directives
+ * https://v17.angular.io/guide/standalone-components#standalone-components-for-library-authors
+ */
+declare const CHARTS_DIRECTIVES: readonly [typeof ChartComponent, typeof PathDirective, typeof XAxisDirective, typeof YAxisDirective, typeof CircleDirective, typeof BrushDirective, typeof BarDirective, typeof AreaDirective, typeof ChartTooltipDirective, typeof ForeignObjectDirective, typeof TextDirective];
 
-export { AreaDirective, BarDirective, BrushDirective, ChartComponent, ChartTooltipDirective, ChartsModule, CircleDirective, ForeignObjectDirective, PathDirective, TextDirective, XAxisDirective, YAxisDirective };
+export { AreaDirective, BarDirective, BrushDirective, CHARTS_DIRECTIVES, ChartComponent, ChartTooltipDirective, CircleDirective, ForeignObjectDirective, PathDirective, TextDirective, XAxisDirective, YAxisDirective };

package/charts/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/nw-style-guide-charts.mjs"
+}

package/email-input/index.d.ts

@@ -1,8 +1,6 @@
 import * as i0 from '@angular/core';
 import { OnInit, OnDestroy, EventEmitter, ElementRef, ChangeDetectorRef } from '@angular/core';
-import * as i3 from '@angular/forms';
 import { FormControl } from '@angular/forms';
-import * as i2 from '@angular/common';
 
 interface IValidationChange {
     isValid: boolean;
@@ -48,14 +46,8 @@ declare class EmailInputComponent implements OnInit, OnDestroy {
     private _emitValidationChange;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EmailInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EmailInputComponent, "nw-email-input", ["nw-email-input"], { "emails": { "alias": "emails"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "persistentPlaceholder": { "alias": "persistentPlaceholder"; "required": false; }; "blacklist": { "alias": "blacklist"; "required": false; }; }, { "updated": "updated"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EmailInputComponent, "nw-email-input", ["nw-email-input"], { "emails": { "alias": "emails"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "persistentPlaceholder": { "alias": "persistentPlaceholder"; "required": false; }; "blacklist": { "alias": "blacklist"; "required": false; }; }, { "updated": "updated"; }, never, never, true, never>;
 }
 
-declare class EmailInputModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<EmailInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<EmailInputModule, [typeof EmailInputComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule], [typeof EmailInputComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<EmailInputModule>;
-}
-
-export { EmailInputComponent, EmailInputModule };
+export { EmailInputComponent };
 export type { IValidationChange };

package/email-input/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/nw-style-guide-email-input.mjs"
+}

package/feature-alerts/index.d.ts

@@ -1,7 +1,6 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectorRef, OnInit, OnDestroy, ModuleWithProviders } from '@angular/core';
+import { ChangeDetectorRef, OnInit, OnDestroy, Provider } from '@angular/core';
 import { Observable } from 'rxjs';
-import * as i3 from '@angular/common';
 
 declare class WindowRef {
     get nativeWindow(): Window & typeof globalThis;
@@ -24,6 +23,17 @@ declare class FeatureAlertsService {
     static ɵprov: i0.ɵɵInjectableDeclaration<FeatureAlertsService>;
 }
 
+interface IFeatureAlertParams {
+    id: string;
+    title: string;
+    message: string;
+    placement: string;
+    containerClass?: string;
+    triggers?: string;
+    container?: string;
+    isBlockEl?: boolean;
+}
+
 declare class HotspotComponent {
     private _featureAlertsService;
     private _cdRef;
@@ -33,7 +43,7 @@ declare class HotspotComponent {
     get isOpen(): boolean;
     dismiss(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<HotspotComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HotspotComponent, "nw-hotspot", never, { "position": { "alias": "position"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HotspotComponent, "nw-hotspot", never, { "position": { "alias": "position"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class FeatureAlertsDirective implements OnInit, OnDestroy {
@@ -66,26 +76,10 @@ declare class FeatureAlertsDirective implements OnInit, OnDestroy {
     private _toggleFeatureAlert;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FeatureAlertsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FeatureAlertsDirective, "[nwFeatureAlert]", never, { "nwFeatureAlert": { "alias": "nwFeatureAlert"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FeatureAlertsDirective, "[nwFeatureAlert]", never, { "nwFeatureAlert": { "alias": "nwFeatureAlert"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class FeatureAlertsModule {
-    static forRoot(): ModuleWithProviders<FeatureAlertsModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FeatureAlertsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FeatureAlertsModule, [typeof HotspotComponent, typeof FeatureAlertsDirective], [typeof i3.CommonModule], [typeof HotspotComponent, typeof FeatureAlertsDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<FeatureAlertsModule>;
-}
-
-interface IFeatureAlertParams {
-    id: string;
-    title: string;
-    message: string;
-    placement: string;
-    containerClass?: string;
-    triggers?: string;
-    container?: string;
-    isBlockEl?: boolean;
-}
+declare function provideFeatureAlerts(): Provider[];
 
-export { FeatureAlertsDirective, FeatureAlertsModule, FeatureAlertsService, HotspotComponent, WindowRef };
+export { FeatureAlertsDirective, FeatureAlertsService, HotspotComponent, WindowRef, provideFeatureAlerts };
 export type { IFeatureAlertParams };

package/feature-alerts/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/nw-style-guide-feature-alerts.mjs"
+}

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

@@ -1,6 +1,5 @@
 import * as i0 from '@angular/core';
-import { Directive, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { Directive } from '@angular/core';
 
 class AutoFocusDirective {
     constructor(_elRef) {
@@ -10,36 +9,19 @@ class AutoFocusDirective {
         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: false, selector: "[nwAutofocus]", exportAs: ["nw-autofocus"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", 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: [{
             type: Directive,
             args: [{
                     selector: '[nwAutofocus]',
-                    exportAs: 'nw-autofocus',
-                    standalone: false
+                    exportAs: 'nw-autofocus'
                 }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
-class AutoFocusModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AutoFocusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: AutoFocusModule, declarations: [AutoFocusDirective], imports: [CommonModule], exports: [AutoFocusDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AutoFocusModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AutoFocusModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [AutoFocusDirective],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [AutoFocusDirective]
-                }]
-        }] });
-
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { AutoFocusDirective, AutoFocusModule };
+export { AutoFocusDirective };
 //# sourceMappingURL=nw-style-guide-autofocus.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"nw-style-guide-autofocus.mjs","sources":["../../../projects/nw-style-guide/autofocus/autofocus.directive.ts","../../../projects/nw-style-guide/autofocus/autofocus.module.ts","../../../projects/nw-style-guide/autofocus/nw-style-guide-autofocus.ts"],"sourcesContent":["import { Directive, OnInit, ElementRef } from \"@angular/core\";\n\n@Directive({\n    selector: '[nwAutofocus]',\n    exportAs: 'nw-autofocus',\n    standalone: false\n})\nexport class AutoFocusDirective implements OnInit {\n\n    constructor(private _elRef: ElementRef<HTMLElement>) {}\n\n    ngOnInit() {\n        this._elRef.nativeElement.focus();\n    }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AutoFocusDirective } from './autofocus.directive';\n\n@NgModule({\n    declarations: [AutoFocusDirective],\n    imports: [\n        CommonModule\n    ],\n    exports: [AutoFocusDirective]\n})\nexport class AutoFocusModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAOa,kBAAkB,CAAA;AAE3B,IAAA,WAAA,CAAoB,MAA+B,EAAA;QAA/B,IAAA,CAAA,MAAM,GAAN,MAAM;IAA4B;IAEtD,QAAQ,GAAA;AACJ,QAAA,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE;IACrC;+GANS,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAlB,kBAAkB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,eAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,UAAU,EAAE;AACf,iBAAA;;;MCKY,eAAe,CAAA;+GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAAA,YAAA,EAAA,CANT,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAE7B,YAAY,aAEN,kBAAkB,CAAA,EAAA,CAAA,CAAA;AAEnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YAJpB,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAIP,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,YAAY,EAAE,CAAC,kBAAkB,CAAC;AAClC,oBAAA,OAAO,EAAE;wBACL;AACH,qBAAA;oBACD,OAAO,EAAE,CAAC,kBAAkB;AAC/B,iBAAA;;;ACVD;;AAEG;;;;"}
+{"version":3,"file":"nw-style-guide-autofocus.mjs","sources":["../../../projects/nw-style-guide/autofocus/autofocus.directive.ts","../../../projects/nw-style-guide/autofocus/nw-style-guide-autofocus.ts"],"sourcesContent":["import { Directive, OnInit, ElementRef } from \"@angular/core\";\n\n@Directive({\n    selector: '[nwAutofocus]',\n    exportAs: 'nw-autofocus'\n})\nexport class AutoFocusDirective implements OnInit {\n\n    constructor(private _elRef: ElementRef<HTMLElement>) {}\n\n    ngOnInit() {\n        this._elRef.nativeElement.focus();\n    }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAMa,kBAAkB,CAAA;AAE3B,IAAA,WAAA,CAAoB,MAA+B,EAAA;QAA/B,IAAA,CAAA,MAAM,GAAN,MAAM;IAA4B;IAEtD,QAAQ,GAAA;AACJ,QAAA,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE;IACrC;+GANS,kBAAkB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,QAAQ,EAAE;AACb,iBAAA;;;ACLD;;AAEG;;;;"}

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

@@ -1,24 +1,22 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Input, Directive, EventEmitter, ContentChildren, ViewChild, Output, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { HostBinding, Input, Directive, EventEmitter, ContentChildren, ViewChild, Output, ChangeDetectionStrategy, Component } from '@angular/core';
 import { trigger, transition, style, animate, AUTO_STYLE } from '@angular/animations';
 import { debounceTime } from 'rxjs/operators';
 import { fromEvent } from 'rxjs';
+import { NgIf, NgStyle, NgClass, NgFor } from '@angular/common';
 
 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: false, selector: "[nwCarouselSlide]", inputs: { snapAlign: "snapAlign" }, host: { properties: { "style.scroll-snap-align": "this.snapAlign" } }, exportAs: ["nw-carousel-slide"], ngImport: i0 }); }
+    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 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CarouselSlideDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[nwCarouselSlide]',
-                    exportAs: 'nw-carousel-slide',
-                    standalone: false
+                    exportAs: 'nw-carousel-slide'
                 }]
         }], propDecorators: { snapAlign: [{
                 type: HostBinding,
@@ -115,7 +113,7 @@ class CarouselComponent {
         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: false, 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.ɵ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: `
         <div class="carousel-container">
             <div class="pagination-container" *ngIf="showPagination && !isFirstPage">
                 <button class="btn btn-carousel btn-carousel-prev" (click)="prev()"></button>
@@ -153,7 +151,7 @@ class CarouselComponent {
         </div>
 
         <ng-content select=".pagination-indicators"></ng-content>
-    `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], animations: [
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], animations: [
             trigger('collapse', [
                 transition(':leave', [
                     style({ width: AUTO_STYLE }),
@@ -215,7 +213,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                             ])
                         ])
                     ],
-                    standalone: false
+                    imports: [NgIf, NgStyle, NgClass, NgFor]
                 }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }], propDecorators: { showPageIndicator: [{
                 type: Input
@@ -241,25 +239,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 args: [CarouselSlideDirective]
             }] } });
 
-class CarouselModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: CarouselModule, declarations: [CarouselComponent, CarouselSlideDirective], imports: [CommonModule], exports: [CarouselComponent, CarouselSlideDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CarouselModule, imports: [CommonModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: CarouselModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule
-                    ],
-                    declarations: [CarouselComponent, CarouselSlideDirective],
-                    exports: [CarouselComponent, CarouselSlideDirective]
-                }]
-        }] });
+/**
+ * Export cooperating directives
+ * https://v17.angular.io/guide/standalone-components#standalone-components-for-library-authors
+ */
+const CAROUSEL_DIRECTIVES = [
+    CarouselComponent,
+    CarouselSlideDirective
+];
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CarouselComponent, CarouselModule, CarouselSlideDirective };
+export { CAROUSEL_DIRECTIVES, CarouselComponent, CarouselSlideDirective };
 //# sourceMappingURL=nw-style-guide-carousel.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"nw-style-guide-carousel.mjs","sources":["../../../projects/nw-style-guide/carousel/carousel-slide.directive.ts","../../../projects/nw-style-guide/carousel/carousel.component.ts","../../../projects/nw-style-guide/carousel/carousel.module.ts","../../../projects/nw-style-guide/carousel/nw-style-guide-carousel.ts"],"sourcesContent":["import { Directive, Input, HostBinding } from '@angular/core';\n\n@Directive({\n    selector: '[nwCarouselSlide]',\n    exportAs: 'nw-carousel-slide',\n    standalone: false\n})\nexport class CarouselSlideDirective {\n\n    @HostBinding('style.scroll-snap-align')\n    @Input() snapAlign: 'none' | 'start' | 'end' | 'center' = 'start';\n\n}\n","import { Component, ChangeDetectionStrategy, Input, ElementRef, ViewChild, Renderer2, ChangeDetectorRef, AfterViewInit, OnDestroy, OnInit, Output, EventEmitter, OnChanges, SimpleChanges, ContentChildren, QueryList, AfterContentInit } from '@angular/core';\nimport { trigger, transition, style, animate, AUTO_STYLE } from '@angular/animations';\nimport { debounceTime } from \"rxjs/operators\";\nimport { CarouselSlideDirective } from \"./carousel-slide.directive\";\nimport { Subscription, fromEvent } from 'rxjs';\n\n@Component({\n    selector: 'nw-carousel',\n    template: `\n        <div class=\"carousel-container\">\n            <div class=\"pagination-container\" *ngIf=\"showPagination && !isFirstPage\">\n                <button class=\"btn btn-carousel btn-carousel-prev\" (click)=\"prev()\"></button>\n            </div>\n\n            <ng-content select=\".pagination-left\"></ng-content>\n\n            <div class=\"carousel-content\">\n                <div class=\"pagination-masks\" *ngIf=\"showMask && pages.length > 1\">\n                    <div class=\"pagination-mask pagination-mask-start\" *ngIf=\"!isFirstPage\" @collapse\n                        [ngStyle]=\"maskStyles\"></div>\n\n                    <div class=\"pagination-mask pagination-mask-end\" *ngIf=\"!isLastPage\" @collapse\n                        [ngStyle]=\"maskStyles\"></div>\n                </div>\n\n                <div class=\"carousel\" #carousel [ngClass]=\"containerClass\">\n                    <ng-content></ng-content>\n\n                    <p *ngIf=\"slides.length === 0\" class=\"nw-text text-center\">{{noResultsText}}</p>\n                </div>\n            </div>\n\n            <div class=\"pagination-container\" *ngIf=\"showPagination && !isLastPage\">\n                <button class=\"btn btn-carousel btn-carousel-next\" (click)=\"next()\"></button>\n            </div>\n\n            <ng-content select=\".pagination-right\"></ng-content>\n        </div>\n\n        <div class=\"page-indicators\" *ngIf=\"showPageIndicator && pages.length > 1\">\n            <a href=\"javascript:;\" class=\"page-indicator\" *ngFor=\"let page of pages\"\n                [class.active]=\"page === currPage\"\n                (click)=\"goToPage(page)\"></a>\n        </div>\n\n        <ng-content select=\".pagination-indicators\"></ng-content>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: 'nw-carousel',\n    animations: [\n        trigger('collapse', [\n            transition(':leave', [\n                style({ width: AUTO_STYLE }),\n                animate(`300ms linear`, style({ width: 0 }))\n            ])\n        ])\n    ],\n    standalone: false\n})\nexport class CarouselComponent implements OnInit, AfterViewInit, AfterContentInit, OnChanges, OnDestroy {\n\n    @Input() showPageIndicator: boolean = true;\n    @Input() showPagination: boolean = true;\n    @Input() showMask: boolean = true;\n    @Input() maskColor: string = '#ffffff';\n    @Input() containerClass: string;\n    @Input() currPage: number = 0;\n    @Input() noResultsText: string = \"No results\";\n\n    @Output() currPageChange: EventEmitter<number> = new EventEmitter();\n\n    @ViewChild('carousel', { static: true }) carousel: ElementRef;\n\n    @ContentChildren(CarouselSlideDirective) slides: QueryList<CarouselSlideDirective>;\n\n    public pages: number[] = [];\n\n    private _windowResizeSub: Subscription;\n    private _slidesSub: Subscription;\n\n    constructor(\n        private _renderer: Renderer2,\n        private _cdRef: ChangeDetectorRef) {}\n\n    ngOnInit() {\n        this.subscribeToWindowResize();\n    }\n\n    ngOnChanges(changes: SimpleChanges) {\n        if (changes.currPage && changes.currPage.previousValue !== changes.currPage.currentValue) {\n            this._setScrollPosition(this.currPage);\n        }\n    }\n\n    ngAfterViewInit() {\n        this.updatePages();\n\n        if (this.currPage !== 0) {\n            this._setScrollPosition(this.currPage);\n        }\n    }\n\n    ngAfterContentInit() {\n        this._slidesSub = this.slides.changes.subscribe(res => {\n            this.updatePages();\n        });\n    }\n\n    next() {\n        this.goToPage(Math.min(this.pages.length - 1, this.currPage + 1));\n    }\n\n    prev() {\n        this.goToPage(Math.max(0, this.currPage - 1));\n    }\n\n    goToPage(page: number) {\n        this.currPage = page;\n        this.currPageChange.emit(this.currPage);\n\n        this._setScrollPosition(page);\n    }\n\n    private _setScrollPosition(page: number): void {\n        const carouselWidth: number = this.carouselNativeElement.clientWidth;\n        const newScrollPosition: number = page * carouselWidth;\n\n        this._renderer.setProperty(this.carouselNativeElement, 'scrollLeft', newScrollPosition);\n    }\n\n    getPages() {\n        const estimatedPages: number = +(this.carouselNativeElement.scrollWidth / this.carouselNativeElement.clientWidth).toFixed(1);\n        const numOfPages: number = Math.ceil(estimatedPages);\n\n        return [...Array(numOfPages).fill(1)].map((_, i) => i);\n    }\n\n    updatePages(): void {\n        this.pages = this.getPages();\n        this._cdRef.detectChanges();\n    }\n\n    get carouselNativeElement(): HTMLDivElement {\n        return (this.carousel.nativeElement as HTMLDivElement);\n    }\n\n    get isFirstPage(): boolean {\n        return this.currPage === 0;\n    }\n\n    get isLastPage(): boolean {\n        return this.currPage === this.pages[this.pages.length - 1];\n    }\n\n    get maskStyles() {\n        return {\n            '-webkit-mask-image': `linear-gradient(to left, rgba(0,0,0,0), ${this.maskColor})`,\n            'background-color': `${this.maskColor}`\n        };\n    }\n\n    get maskGradient() {\n        return `linear-gradient(to left, rgba(0,0,0,0), ${this.maskColor})`;\n    }\n\n    subscribeToWindowResize() {\n        this._windowResizeSub = fromEvent(window, 'resize')\n            .pipe(debounceTime(100))\n            .subscribe(_ => {\n                this.goToPage(0);\n                this.updatePages();\n            });\n    }\n\n    ngOnDestroy() {\n        this._windowResizeSub.unsubscribe();\n        this._slidesSub.unsubscribe();\n    }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CarouselComponent } from './carousel.component';\nimport { CarouselSlideDirective } from './carousel-slide.directive';\n\n@NgModule({\n    imports: [\n        CommonModule\n    ],\n    declarations: [CarouselComponent, CarouselSlideDirective],\n    exports: [CarouselComponent, CarouselSlideDirective]\n})\nexport class CarouselModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"nw-style-guide-carousel.mjs","sources":["../../../projects/nw-style-guide/carousel/carousel-slide.directive.ts","../../../projects/nw-style-guide/carousel/carousel.component.ts","../../../projects/nw-style-guide/carousel/public-api.ts","../../../projects/nw-style-guide/carousel/nw-style-guide-carousel.ts"],"sourcesContent":["import { Directive, Input, HostBinding } from '@angular/core';\n\n@Directive({\n    selector: '[nwCarouselSlide]',\n    exportAs: 'nw-carousel-slide'\n})\nexport class CarouselSlideDirective {\n\n    @HostBinding('style.scroll-snap-align')\n    @Input() snapAlign: 'none' | 'start' | 'end' | 'center' = 'start';\n\n}\n","import { Component, ChangeDetectionStrategy, Input, ElementRef, ViewChild, Renderer2, ChangeDetectorRef, AfterViewInit, OnDestroy, OnInit, Output, EventEmitter, OnChanges, SimpleChanges, ContentChildren, QueryList, AfterContentInit } from '@angular/core';\nimport { trigger, transition, style, animate, AUTO_STYLE } from '@angular/animations';\nimport { debounceTime } from \"rxjs/operators\";\nimport { CarouselSlideDirective } from \"./carousel-slide.directive\";\nimport { Subscription, fromEvent } from 'rxjs';\nimport { NgIf, NgStyle, NgClass, NgFor } from '@angular/common';\n\n@Component({\n    selector: 'nw-carousel',\n    template: `\n        <div class=\"carousel-container\">\n            <div class=\"pagination-container\" *ngIf=\"showPagination && !isFirstPage\">\n                <button class=\"btn btn-carousel btn-carousel-prev\" (click)=\"prev()\"></button>\n            </div>\n\n            <ng-content select=\".pagination-left\"></ng-content>\n\n            <div class=\"carousel-content\">\n                <div class=\"pagination-masks\" *ngIf=\"showMask && pages.length > 1\">\n                    <div class=\"pagination-mask pagination-mask-start\" *ngIf=\"!isFirstPage\" @collapse\n                        [ngStyle]=\"maskStyles\"></div>\n\n                    <div class=\"pagination-mask pagination-mask-end\" *ngIf=\"!isLastPage\" @collapse\n                        [ngStyle]=\"maskStyles\"></div>\n                </div>\n\n                <div class=\"carousel\" #carousel [ngClass]=\"containerClass\">\n                    <ng-content></ng-content>\n\n                    <p *ngIf=\"slides.length === 0\" class=\"nw-text text-center\">{{noResultsText}}</p>\n                </div>\n            </div>\n\n            <div class=\"pagination-container\" *ngIf=\"showPagination && !isLastPage\">\n                <button class=\"btn btn-carousel btn-carousel-next\" (click)=\"next()\"></button>\n            </div>\n\n            <ng-content select=\".pagination-right\"></ng-content>\n        </div>\n\n        <div class=\"page-indicators\" *ngIf=\"showPageIndicator && pages.length > 1\">\n            <a href=\"javascript:;\" class=\"page-indicator\" *ngFor=\"let page of pages\"\n                [class.active]=\"page === currPage\"\n                (click)=\"goToPage(page)\"></a>\n        </div>\n\n        <ng-content select=\".pagination-indicators\"></ng-content>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: 'nw-carousel',\n    animations: [\n        trigger('collapse', [\n            transition(':leave', [\n                style({ width: AUTO_STYLE }),\n                animate(`300ms linear`, style({ width: 0 }))\n            ])\n        ])\n    ],\n    imports: [NgIf, NgStyle, NgClass, NgFor]\n})\nexport class CarouselComponent implements OnInit, AfterViewInit, AfterContentInit, OnChanges, OnDestroy {\n\n    @Input() showPageIndicator: boolean = true;\n    @Input() showPagination: boolean = true;\n    @Input() showMask: boolean = true;\n    @Input() maskColor: string = '#ffffff';\n    @Input() containerClass: string;\n    @Input() currPage: number = 0;\n    @Input() noResultsText: string = \"No results\";\n\n    @Output() currPageChange: EventEmitter<number> = new EventEmitter();\n\n    @ViewChild('carousel', { static: true }) carousel: ElementRef;\n\n    @ContentChildren(CarouselSlideDirective) slides: QueryList<CarouselSlideDirective>;\n\n    public pages: number[] = [];\n\n    private _windowResizeSub: Subscription;\n    private _slidesSub: Subscription;\n\n    constructor(\n        private _renderer: Renderer2,\n        private _cdRef: ChangeDetectorRef) {}\n\n    ngOnInit() {\n        this.subscribeToWindowResize();\n    }\n\n    ngOnChanges(changes: SimpleChanges) {\n        if (changes.currPage && changes.currPage.previousValue !== changes.currPage.currentValue) {\n            this._setScrollPosition(this.currPage);\n        }\n    }\n\n    ngAfterViewInit() {\n        this.updatePages();\n\n        if (this.currPage !== 0) {\n            this._setScrollPosition(this.currPage);\n        }\n    }\n\n    ngAfterContentInit() {\n        this._slidesSub = this.slides.changes.subscribe(res => {\n            this.updatePages();\n        });\n    }\n\n    next() {\n        this.goToPage(Math.min(this.pages.length - 1, this.currPage + 1));\n    }\n\n    prev() {\n        this.goToPage(Math.max(0, this.currPage - 1));\n    }\n\n    goToPage(page: number) {\n        this.currPage = page;\n        this.currPageChange.emit(this.currPage);\n\n        this._setScrollPosition(page);\n    }\n\n    private _setScrollPosition(page: number): void {\n        const carouselWidth: number = this.carouselNativeElement.clientWidth;\n        const newScrollPosition: number = page * carouselWidth;\n\n        this._renderer.setProperty(this.carouselNativeElement, 'scrollLeft', newScrollPosition);\n    }\n\n    getPages() {\n        const estimatedPages: number = +(this.carouselNativeElement.scrollWidth / this.carouselNativeElement.clientWidth).toFixed(1);\n        const numOfPages: number = Math.ceil(estimatedPages);\n\n        return [...Array(numOfPages).fill(1)].map((_, i) => i);\n    }\n\n    updatePages(): void {\n        this.pages = this.getPages();\n        this._cdRef.detectChanges();\n    }\n\n    get carouselNativeElement(): HTMLDivElement {\n        return (this.carousel.nativeElement as HTMLDivElement);\n    }\n\n    get isFirstPage(): boolean {\n        return this.currPage === 0;\n    }\n\n    get isLastPage(): boolean {\n        return this.currPage === this.pages[this.pages.length - 1];\n    }\n\n    get maskStyles() {\n        return {\n            '-webkit-mask-image': `linear-gradient(to left, rgba(0,0,0,0), ${this.maskColor})`,\n            'background-color': `${this.maskColor}`\n        };\n    }\n\n    get maskGradient() {\n        return `linear-gradient(to left, rgba(0,0,0,0), ${this.maskColor})`;\n    }\n\n    subscribeToWindowResize() {\n        this._windowResizeSub = fromEvent(window, 'resize')\n            .pipe(debounceTime(100))\n            .subscribe(_ => {\n                this.goToPage(0);\n                this.updatePages();\n            });\n    }\n\n    ngOnDestroy() {\n        this._windowResizeSub.unsubscribe();\n        this._slidesSub.unsubscribe();\n    }\n\n}\n","export { CarouselComponent } from './carousel.component';\nexport { CarouselSlideDirective } from './carousel-slide.directive';\n\nimport { CarouselComponent } from './carousel.component';\nimport { CarouselSlideDirective } from './carousel-slide.directive';\n\n/**\n * Export cooperating directives\n * https://v17.angular.io/guide/standalone-components#standalone-components-for-library-authors\n */\nexport const CAROUSEL_DIRECTIVES = [\n    CarouselComponent,\n    CarouselSlideDirective\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}