@ssv/ngx.ux 3.2.0 → 3.3.0-dev.82

package/README.md

@@ -17,6 +17,7 @@ Choose the version corresponding to your Angular version:
 
  | Angular | library |
  | ------- | ------- |
+ | 17+     | 4.x+    |
  | 17+     | 3.x+    |
  | 10+     | 2.x+    |
  | 4 to 9  | 1.x+    |

package/fesm2022/ssv-ngx.ux.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, makeEnvironmentProviders, Pipe, Directive, Input, NgModule } from '@angular/core';
-import { fromEvent, map, share, auditTime, of, startWith, distinctUntilChanged, shareReplay, Subscription, tap, Subject, ReplaySubject, combineLatest, takeUntil, filter, pairwise } from 'rxjs';
-import { toSignal } from '@angular/core/rxjs-interop';
+import { InjectionToken, inject, Injectable, makeEnvironmentProviders, ChangeDetectorRef, DestroyRef, Pipe, ViewContainerRef, TemplateRef, Directive, Input, Renderer2, NgModule } from '@angular/core';
+import { fromEvent, map, share, auditTime, of, startWith, distinctUntilChanged, shareReplay, Subscription, tap, ReplaySubject, combineLatest, Subject, filter, pairwise } from 'rxjs';
+import { toSignal, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 var ViewportDataMatchStrategy;
 (function (ViewportDataMatchStrategy) {
@@ -129,10 +129,10 @@ class WindowRef {
     get hasNative() {
         return !!this.native.window;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: WindowRef, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: WindowRef, providedIn: "root" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: WindowRef, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: WindowRef, providedIn: "root" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: WindowRef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: WindowRef, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root",
@@ -194,10 +194,10 @@ class ViewportServerSizeService {
     get() {
         return viewportSizeSSR[this.deviceType] || viewportSizeSSR[DeviceType.desktop];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ViewportServerSizeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ViewportServerSizeService, providedIn: "root" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ViewportServerSizeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ViewportServerSizeService, providedIn: "root" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ViewportServerSizeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ViewportServerSizeService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root",
@@ -429,10 +429,10 @@ class ViewportService {
             height: this.#windowRef.native.innerHeight,
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ViewportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ViewportService, providedIn: "root" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ViewportService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ViewportService, providedIn: "root" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ViewportService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ViewportService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root",
@@ -553,10 +553,10 @@ class ViewportDataService {
     generateRules(dataConfig, strategy = this.#config.defaultDataMatchStrategy) {
         return generateViewportRulesRangeFromDataMatcher(dataConfig, strategy, this.#viewport.sizeTypes, this.#viewport.sizeTypeMap);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ViewportDataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ViewportDataService, providedIn: "root" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ViewportDataService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ViewportDataService, providedIn: "root" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ViewportDataService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ViewportDataService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: "root",
@@ -564,17 +564,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
         }] });
 
 class ViewportDataPipe {
-    viewportData;
-    cdr;
+    #viewportData = inject(ViewportDataService);
+    #cdr = inject(ChangeDetectorRef);
+    #destroyRef = inject(DestroyRef);
     markForTransform = true;
     value;
     data;
     strategy;
     data$$ = Subscription.EMPTY;
-    constructor(viewportData, cdr) {
-        this.viewportData = viewportData;
-        this.cdr = cdr;
-    }
     transform(data, strategy) {
         if (!this.markForTransform && data === this.data && strategy === this.strategy) {
             return this.value;
@@ -582,28 +579,25 @@ class ViewportDataPipe {
         this.data = data;
         this.strategy = strategy;
         this.data$$.unsubscribe();
-        this.data$$ = this.viewportData.get$(data, ViewportDataMatchStrategy[strategy]).pipe(tap(value => {
+        this.data$$ = this.#viewportData.get$(data, ViewportDataMatchStrategy[strategy]).pipe(tap(value => {
             this.markForTransform = true;
             this.value = value;
-            this.cdr.markForCheck();
-        })).subscribe();
+            this.#cdr.markForCheck();
+        }), takeUntilDestroyed(this.#destroyRef)).subscribe();
         this.markForTransform = false;
         return this.value;
     }
-    ngOnDestroy() {
-        this.data$$.unsubscribe();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ViewportDataPipe, deps: [{ token: ViewportDataService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: ViewportDataPipe, isStandalone: true, name: "ssvViewportData", pure: false });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ViewportDataPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.7", ngImport: i0, type: ViewportDataPipe, isStandalone: true, name: "ssvViewportData", pure: false });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: ViewportDataPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: ViewportDataPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: "ssvViewportData",
                     pure: false,
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: ViewportDataService }, { type: i0.ChangeDetectorRef }] });
+        }] });
 
 const NAME_CAMEL = "ssvViewportMatcherVar";
 class SsvViewportMatcherVarContext {
@@ -612,13 +606,13 @@ class SsvViewportMatcherVarContext {
         this.$implicit = $implicit;
     }
 }
-class SsvViewportMatcherVarDirective {
-    viewport;
-    viewContainer;
-    templateRef;
+class SsvViewportMatcherVar {
+    #viewport = inject(ViewportService);
+    #viewContainer = inject(ViewContainerRef);
+    #templateRef = inject(TemplateRef);
+    #destroyRef = inject(DestroyRef);
     _matchConditions = {};
     _context = new SsvViewportMatcherVarContext();
-    _destroy$ = new Subject();
     _update$ = new ReplaySubject(1);
     _viewRef;
     set condition(value) {
@@ -637,33 +631,24 @@ class SsvViewportMatcherVarDirective {
         }
         this._update$.next();
     }
-    constructor(viewport, viewContainer, templateRef) {
-        this.viewport = viewport;
-        this.viewContainer = viewContainer;
-        this.templateRef = templateRef;
-    }
     ngOnInit() {
         this.updateView();
-        combineLatest([this.viewport.sizeType$, this._update$]).pipe(map(([sizeType]) => isViewportConditionMatch(sizeType, this._matchConditions, this.viewport.sizeTypeMap)), tap(x => this._context.$implicit = x), tap(() => this._viewRef.markForCheck()), takeUntil(this._destroy$)).subscribe();
-    }
-    ngOnDestroy() {
-        this._destroy$.next();
-        this._destroy$.complete();
+        combineLatest([this.#viewport.sizeType$, this._update$]).pipe(map(([sizeType]) => isViewportConditionMatch(sizeType, this._matchConditions, this.#viewport.sizeTypeMap)), tap(x => this._context.$implicit = x), tap(() => this._viewRef.markForCheck()), takeUntilDestroyed(this.#destroyRef)).subscribe();
     }
     updateView() {
-        this.viewContainer.clear();
-        this._viewRef = this.viewContainer.createEmbeddedView(this.templateRef, this._context);
+        this.#viewContainer.clear();
+        this._viewRef = this.#viewContainer.createEmbeddedView(this.#templateRef, this._context);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SsvViewportMatcherVarDirective, deps: [{ token: ViewportService }, { token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: SsvViewportMatcherVarDirective, isStandalone: true, selector: "[ssvViewportMatcherVar]", inputs: { condition: ["ssvViewportMatcherVarWhen", "condition"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SsvViewportMatcherVar, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.7", type: SsvViewportMatcherVar, isStandalone: true, selector: "[ssvViewportMatcherVar]", inputs: { condition: ["ssvViewportMatcherVarWhen", "condition"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SsvViewportMatcherVarDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SsvViewportMatcherVar, decorators: [{
             type: Directive,
             args: [{
                     selector: `[${NAME_CAMEL}]`,
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: ViewportService }, { type: i0.ViewContainerRef }, { type: i0.TemplateRef }], propDecorators: { condition: [{
+        }], propDecorators: { condition: [{
                 type: Input,
                 args: [`${NAME_CAMEL}When`]
             }] } });
@@ -673,19 +658,18 @@ class SsvViewportMatcherContext {
     sizeTypeExclude = null;
     expression;
 }
-class SsvViewportMatcherDirective {
-    viewport;
-    renderer;
-    viewContainer;
-    cdr;
+class SsvViewportMatcher {
+    #viewport = inject(ViewportService);
+    #renderer = inject(Renderer2);
+    #viewContainer = inject(ViewContainerRef);
+    #cdr = inject(ChangeDetectorRef);
+    #destroyRef = inject(DestroyRef);
     sizeInfo;
     _context = new SsvViewportMatcherContext();
     _thenTemplateRef = null;
     _elseTemplateRef = null;
     _thenViewRef = null;
     _elseViewRef = null;
-    sizeType$$ = Subscription.EMPTY;
-    cssClass$$ = Subscription.EMPTY;
     _update$ = new Subject();
     set ssvViewportMatcher(value) {
         if (isViewportSizeMatcherExpression(value)) {
@@ -718,12 +702,12 @@ class SsvViewportMatcherDirective {
             this._update$.next(this._context);
         }
     }
-    constructor(viewport, renderer, viewContainer, cdr, templateRef) {
-        this.viewport = viewport;
-        this.renderer = renderer;
-        this.viewContainer = viewContainer;
-        this.cdr = cdr;
+    constructor() {
+        const templateRef = inject(TemplateRef);
         this._thenTemplateRef = templateRef;
+        this.#destroyRef.onDestroy(() => {
+            this._update$.complete();
+        });
     }
     ngOnInit() {
         // console.log("ssvViewportMatcher init");
@@ -733,14 +717,14 @@ class SsvViewportMatcherDirective {
         filter(() => !!this.sizeInfo), 
         // tap(x => console.log(">>> ssvViewportMatcher - updating...", x)),
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        tap(() => this._updateView(this.sizeInfo)), tap(() => this.cdr.markForCheck()))
+        tap(() => this._updateView(this.sizeInfo)), tap(() => this.#cdr.markForCheck()))
             .subscribe();
-        this.sizeType$$ = this.viewport.sizeType$
+        this.#viewport.sizeType$
             .pipe(
         // tap(x => console.log("ssvViewportMatcher - sizeType changed", x)),
-        tap(x => this.sizeInfo = x), tap(() => this._update$.next(this._context)))
+        tap(x => this.sizeInfo = x), tap(() => this._update$.next(this._context)), takeUntilDestroyed(this.#destroyRef))
             .subscribe();
-        this.cssClass$$ = this.viewport.sizeType$
+        this.#viewport.sizeType$
             .pipe(startWith(undefined), filter(() => !!(this._thenViewRef || this._elseViewRef)), pairwise(), tap(([prev, curr]) => {
             const el = this._thenViewRef
                 ? this._thenViewRef.rootNodes[0]
@@ -749,48 +733,43 @@ class SsvViewportMatcherDirective {
                 return;
             }
             if (prev) {
-                this.renderer.removeClass(el, `ssv-vp-size--${prev.name}`);
+                this.#renderer.removeClass(el, `ssv-vp-size--${prev.name}`);
             }
-            this.renderer.addClass(el, `ssv-vp-size--${curr?.name}`);
-        }))
+            this.#renderer.addClass(el, `ssv-vp-size--${curr?.name}`);
+        }), takeUntilDestroyed(this.#destroyRef))
             .subscribe();
     }
-    ngOnDestroy() {
-        this.cssClass$$.unsubscribe();
-        this.sizeType$$.unsubscribe();
-        this._update$.complete();
-    }
     _updateView(sizeInfo) {
-        if (isViewportConditionMatch(sizeInfo, this._context, this.viewport.sizeTypeMap)) {
+        if (isViewportConditionMatch(sizeInfo, this._context, this.#viewport.sizeTypeMap)) {
             if (!this._thenViewRef) {
-                this.viewContainer.clear();
+                this.#viewContainer.clear();
                 this._elseViewRef = null;
                 if (this._thenTemplateRef) {
-                    this._thenViewRef = this.viewContainer.createEmbeddedView(this._thenTemplateRef, this._context);
+                    this._thenViewRef = this.#viewContainer.createEmbeddedView(this._thenTemplateRef, this._context);
                 }
             }
         }
         else {
             if (!this._elseViewRef) {
-                this.viewContainer.clear();
+                this.#viewContainer.clear();
                 this._thenViewRef = null;
                 if (this._elseTemplateRef) {
-                    this._elseViewRef = this.viewContainer.createEmbeddedView(this._elseTemplateRef, this._context);
+                    this._elseViewRef = this.#viewContainer.createEmbeddedView(this._elseTemplateRef, this._context);
                 }
             }
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SsvViewportMatcherDirective, deps: [{ token: ViewportService }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.9", type: SsvViewportMatcherDirective, isStandalone: true, selector: "[ssvViewportMatcher]", inputs: { ssvViewportMatcher: "ssvViewportMatcher", ssvViewportMatcherExclude: "ssvViewportMatcherExclude", ssvViewportMatcherElse: "ssvViewportMatcherElse" }, exportAs: ["ssvViewportMatcher"], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SsvViewportMatcher, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.7", type: SsvViewportMatcher, isStandalone: true, selector: "[ssvViewportMatcher]", inputs: { ssvViewportMatcher: "ssvViewportMatcher", ssvViewportMatcherExclude: "ssvViewportMatcherExclude", ssvViewportMatcherElse: "ssvViewportMatcherElse" }, exportAs: ["ssvViewportMatcher"], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SsvViewportMatcherDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SsvViewportMatcher, decorators: [{
             type: Directive,
             args: [{
                     selector: "[ssvViewportMatcher]",
                     exportAs: "ssvViewportMatcher",
                     standalone: true,
                 }]
-        }], ctorParameters: () => [{ type: ViewportService }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: i0.TemplateRef }], propDecorators: { ssvViewportMatcher: [{
+        }], ctorParameters: () => [], propDecorators: { ssvViewportMatcher: [{
                 type: Input
             }], ssvViewportMatcherExclude: [{
                 type: Input
@@ -799,20 +778,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
             }] } });
 
 const EXPORTED_IMPORTS$1 = [
-    SsvViewportMatcherDirective,
-    SsvViewportMatcherVarDirective,
+    SsvViewportMatcher,
+    SsvViewportMatcherVar,
     ViewportDataPipe,
 ];
+/** @deprecated Use standalone instead. */
 class SsvUxViewportModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SsvUxViewportModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: SsvUxViewportModule, imports: [SsvViewportMatcherDirective,
-            SsvViewportMatcherVarDirective,
-            ViewportDataPipe], exports: [SsvViewportMatcherDirective,
-            SsvViewportMatcherVarDirective,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SsvUxViewportModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.7", ngImport: i0, type: SsvUxViewportModule, imports: [SsvViewportMatcher,
+            SsvViewportMatcherVar,
+            ViewportDataPipe], exports: [SsvViewportMatcher,
+            SsvViewportMatcherVar,
             ViewportDataPipe] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SsvUxViewportModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SsvUxViewportModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SsvUxViewportModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SsvUxViewportModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EXPORTED_IMPORTS$1],
@@ -823,12 +803,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
 const EXPORTED_IMPORTS = [
     SsvUxViewportModule,
 ];
+/** @deprecated Use standalone instead. */
 class SsvUxModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SsvUxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.9", ngImport: i0, type: SsvUxModule, imports: [SsvUxViewportModule], exports: [SsvUxViewportModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SsvUxModule, imports: [EXPORTED_IMPORTS, SsvUxViewportModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SsvUxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.7", ngImport: i0, type: SsvUxModule, imports: [SsvUxViewportModule], exports: [SsvUxViewportModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SsvUxModule, imports: [EXPORTED_IMPORTS, SsvUxViewportModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImport: i0, type: SsvUxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: SsvUxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EXPORTED_IMPORTS],
@@ -836,11 +817,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 }]
         }] });
 
-const VERSION = "3.2.0";
+const VERSION = "3.3.0-dev.82";
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ComparisonOperation, DeviceType, SsvUxModule, SsvUxViewportModule, SsvViewportMatcherContext, SsvViewportMatcherDirective, SsvViewportMatcherVarContext, SsvViewportMatcherVarDirective, VERSION, VIEWPORT_OPTIONS, VIEWPORT_SSR_DEVICE, ViewportDataMatchStrategy, ViewportDataPipe, ViewportDataService, ViewportServerSizeService, ViewportService, ViewportSizeType, generateViewportSizeType, provideSsvUxViewportOptions, withViewportSsrDevice };
+export { ComparisonOperation, DeviceType, SsvUxModule, SsvUxViewportModule, SsvViewportMatcher, SsvViewportMatcherContext, SsvViewportMatcherVar, SsvViewportMatcherVarContext, VERSION, VIEWPORT_OPTIONS, VIEWPORT_SSR_DEVICE, ViewportDataMatchStrategy, ViewportDataPipe, ViewportDataService, ViewportServerSizeService, ViewportService, ViewportSizeType, generateViewportSizeType, provideSsvUxViewportOptions, withViewportSsrDevice };
 //# sourceMappingURL=ssv-ngx.ux.mjs.map