nw-style-guide 13.3.1 → 13.4.0

package/feature-alerts/feature-alerts.directive.d.ts

@@ -0,0 +1,34 @@
+import { OnInit, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class FeatureAlertsDirective implements OnInit, OnDestroy {
+    /**
+     * This directive shows/hides content depending on whether or not a given feature ID is enabled/disabled in local storage
+     * It listens for changes on the FeatureAlertsService _dismissSubject and shows/hides accordingly
+     *
+     * Implementation :
+     *
+     * HTML
+     * <a (click)=dismiss('feature-id')> New Feature </a>
+     * <span *nwFeatureAlert="'feature-id'" class="label label-round label-new ml-4">New</span>
+     *
+     * Typescript
+     * _featureAlertsService = inject(FeatureAlertsService);
+     * dismiss(id) {
+     *    this._featureAlertsService.dismiss(id);
+     * }
+     */
+    /**
+     * ID of the new feature to be stored in local storage
+     */
+    nwFeatureAlert: string;
+    private _isInView;
+    private _templateRef;
+    private _viewContainer;
+    private _featureAlertsService;
+    private _destroyed$;
+    ngOnInit(): void;
+    private _toggleFeatureAlert;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FeatureAlertsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FeatureAlertsDirective, "[nwFeatureAlert]", never, { "nwFeatureAlert": "nwFeatureAlert"; }, {}, never, never, false, never>;
+}

package/feature-alerts/feature-alerts.directive.js

@@ -0,0 +1,43 @@
+import { Input, Directive, TemplateRef, ViewContainerRef, inject } from '@angular/core';
+import { FeatureAlertsService } from './feature-alerts.service';
+import { filter, takeUntil } from 'rxjs/operators';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export class FeatureAlertsDirective {
+    constructor() {
+        this._isInView = false;
+        this._templateRef = inject((TemplateRef));
+        this._viewContainer = inject(ViewContainerRef);
+        this._featureAlertsService = inject(FeatureAlertsService);
+        this._destroyed$ = new Subject();
+    }
+    ngOnInit() {
+        this._toggleFeatureAlert(this.nwFeatureAlert);
+        this._featureAlertsService.dismiss$.pipe(filter((id) => id === this.nwFeatureAlert), takeUntil(this._destroyed$)).subscribe(id => this._toggleFeatureAlert(id));
+    }
+    _toggleFeatureAlert(id) {
+        const wasAlertDismissed = this._featureAlertsService.wasAlertDismissed(id);
+        if (!wasAlertDismissed && !this._isInView) {
+            this._viewContainer.createEmbeddedView(this._templateRef);
+            this._isInView = true;
+        }
+        else if (wasAlertDismissed && this._isInView) {
+            this._viewContainer.clear();
+            this._isInView = false;
+        }
+    }
+    ngOnDestroy() {
+        this._destroyed$.next();
+        this._destroyed$.complete();
+    }
+}
+FeatureAlertsDirective.ɵfac = function FeatureAlertsDirective_Factory(t) { return new (t || FeatureAlertsDirective)(); };
+FeatureAlertsDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: FeatureAlertsDirective, selectors: [["", "nwFeatureAlert", ""]], inputs: { nwFeatureAlert: "nwFeatureAlert" } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FeatureAlertsDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[nwFeatureAlert]'
+            }]
+    }], null, { nwFeatureAlert: [{
+            type: Input
+        }] }); })();

package/feature-alerts/feature-alerts.module.d.ts

@@ -1,10 +1,11 @@
 import { ModuleWithProviders } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "./hotspot.component";
-import * as i2 from "@angular/common";
+import * as i2 from "./feature-alerts.directive";
+import * as i3 from "@angular/common";
 export declare class FeatureAlertsModule {
     static forRoot(): ModuleWithProviders<FeatureAlertsModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FeatureAlertsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FeatureAlertsModule, [typeof i1.HotspotComponent], [typeof i2.CommonModule], [typeof i1.HotspotComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FeatureAlertsModule, [typeof i1.HotspotComponent, typeof i2.FeatureAlertsDirective], [typeof i3.CommonModule], [typeof i1.HotspotComponent, typeof i2.FeatureAlertsDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FeatureAlertsModule>;
 }

package/feature-alerts/feature-alerts.module.js

@@ -3,6 +3,7 @@ import { CommonModule } from '@angular/common';
 import { FeatureAlertsService } from './feature-alerts.service';
 import { WindowRef } from './windowref';
 import { HotspotComponent } from "./hotspot.component";
+import { FeatureAlertsDirective } from './feature-alerts.directive';
 import * as i0 from "@angular/core";
 export class FeatureAlertsModule {
     static forRoot() {
@@ -22,8 +23,16 @@ FeatureAlertsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [Wi
                     CommonModule
                 ],
                 providers: [WindowRef],
-                declarations: [HotspotComponent],
-                exports: [HotspotComponent]
+                declarations: [
+                    HotspotComponent,
+                    FeatureAlertsDirective
+                ],
+                exports: [
+                    HotspotComponent,
+                    FeatureAlertsDirective
+                ]
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(FeatureAlertsModule, { declarations: [HotspotComponent], imports: [CommonModule], exports: [HotspotComponent] }); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(FeatureAlertsModule, { declarations: [HotspotComponent,
+        FeatureAlertsDirective], imports: [CommonModule], exports: [HotspotComponent,
+        FeatureAlertsDirective] }); })();

package/feature-alerts/feature-alerts.service.d.ts

@@ -1,10 +1,14 @@
 import { WindowRef } from './windowref';
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class FeatureAlertsService {
     private _w;
     LOCAL_STORAGE_KEY: string;
+    private _dismissSubject;
+    dismiss$: Observable<string>;
     constructor(_w: WindowRef);
     dismiss(id: string): void;
+    enable(id: string): void;
     wasAlertDismissed(id: string): boolean;
     private _get;
     private _set;

package/feature-alerts/feature-alerts.service.js

@@ -1,13 +1,22 @@
 import { Injectable } from '@angular/core';
+import { Observable, Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 import * as i1 from "./windowref";
 export class FeatureAlertsService {
     constructor(_w) {
         this._w = _w;
         this.LOCAL_STORAGE_KEY = 'nwAlerts';
+        this._dismissSubject = new Subject();
+        this.dismiss$ = new Observable();
+        this.dismiss$ = this._dismissSubject.asObservable();
     }
     dismiss(id) {
         this._set(Object.assign(Object.assign({}, this._get()), { [id]: { dismissed: true } }));
+        this._dismissSubject.next(id);
+    }
+    enable(id) {
+        this._set(Object.assign(Object.assign({}, this._get()), { [id]: { dismissed: false } }));
+        this._dismissSubject.next(id);
     }
     wasAlertDismissed(id) {
         const alerts = this._get();

package/feature-alerts/index.d.ts

@@ -2,3 +2,4 @@ export { FeatureAlertsModule } from './feature-alerts.module';
 export { FeatureAlertsService } from './feature-alerts.service';
 export { IFeatureAlertParams } from './IFeatureAlertParams';
 export { HotspotComponent } from './hotspot.component';
+export { FeatureAlertsDirective } from './feature-alerts.directive';

package/feature-alerts/index.js

@@ -1,3 +1,4 @@
 export { FeatureAlertsModule } from './feature-alerts.module';
 export { FeatureAlertsService } from './feature-alerts.service';
 export { HotspotComponent } from './hotspot.component';
+export { FeatureAlertsDirective } from './feature-alerts.directive';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nw-style-guide",
-  "version": "13.3.1",
+  "version": "13.4.0",
   "license": "MIT",
   "author": {
     "email": "garethdn@gmail.com",