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

package/fesm2022/ssv-ngx.ux.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, makeEnvironmentProviders, Pipe, Directive, Input, NgModule } from '@angular/core';
+import { InjectionToken, inject, Injectable, makeEnvironmentProviders, ChangeDetectorRef, Pipe, ViewContainerRef, TemplateRef, Directive, Input, Renderer2, 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';
 
@@ -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,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
         }] });
 
 class ViewportDataPipe {
-    viewportData;
-    cdr;
+    #viewportData = inject(ViewportDataService);
+    #cdr = inject(ChangeDetectorRef);
     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,10 +578,10 @@ 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();
+            this.#cdr.markForCheck();
         })).subscribe();
         this.markForTransform = false;
         return this.value;
@@ -593,17 +589,17 @@ class ViewportDataPipe {
     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 {
@@ -613,9 +609,9 @@ class SsvViewportMatcherVarContext {
     }
 }
 class SsvViewportMatcherVarDirective {
-    viewport;
-    viewContainer;
-    templateRef;
+    #viewport = inject(ViewportService);
+    #viewContainer = inject(ViewContainerRef);
+    #templateRef = inject(TemplateRef);
     _matchConditions = {};
     _context = new SsvViewportMatcherVarContext();
     _destroy$ = new Subject();
@@ -637,33 +633,28 @@ 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();
+        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();
     }
     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: SsvViewportMatcherVarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.7", type: SsvViewportMatcherVarDirective, 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: SsvViewportMatcherVarDirective, 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`]
             }] } });
@@ -674,10 +665,10 @@ class SsvViewportMatcherContext {
     expression;
 }
 class SsvViewportMatcherDirective {
-    viewport;
-    renderer;
-    viewContainer;
-    cdr;
+    #viewport = inject(ViewportService);
+    #renderer = inject(Renderer2);
+    #viewContainer = inject(ViewContainerRef);
+    #cdr = inject(ChangeDetectorRef);
     sizeInfo;
     _context = new SsvViewportMatcherContext();
     _thenTemplateRef = null;
@@ -718,11 +709,8 @@ 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;
     }
     ngOnInit() {
@@ -733,14 +721,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.sizeType$$ = this.#viewport.sizeType$
             .pipe(
         // tap(x => console.log("ssvViewportMatcher - sizeType changed", x)),
         tap(x => this.sizeInfo = x), tap(() => this._update$.next(this._context)))
             .subscribe();
-        this.cssClass$$ = this.viewport.sizeType$
+        this.cssClass$$ = this.#viewport.sizeType$
             .pipe(startWith(undefined), filter(() => !!(this._thenViewRef || this._elseViewRef)), pairwise(), tap(([prev, curr]) => {
             const el = this._thenViewRef
                 ? this._thenViewRef.rootNodes[0]
@@ -749,9 +737,9 @@ 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}`);
         }))
             .subscribe();
     }
@@ -761,36 +749,36 @@ class SsvViewportMatcherDirective {
         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: SsvViewportMatcherDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.7", type: SsvViewportMatcherDirective, 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: SsvViewportMatcherDirective, 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
@@ -804,15 +792,15 @@ const EXPORTED_IMPORTS$1 = [
     ViewportDataPipe,
 ];
 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,
+    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: [SsvViewportMatcherDirective,
             SsvViewportMatcherVarDirective,
             ViewportDataPipe], exports: [SsvViewportMatcherDirective,
             SsvViewportMatcherVarDirective,
             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],
@@ -824,11 +812,11 @@ const EXPORTED_IMPORTS = [
     SsvUxViewportModule,
 ];
 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,7 +824,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.9", ngImpor
                 }]
         }] });
 
-const VERSION = "3.2.0";
+const VERSION = "3.3.0-dev.76";
 
 /**
  * Generated bundle index. Do not edit.