nw-style-guide 19.2.0-beta.2 → 19.2.0

package/animations/package.json

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

package/autofocus/package.json

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

package/carousel/package.json

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

package/charts/package.json

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

package/dropdowns/dropdown-menu.directive.d.ts

@@ -0,0 +1,21 @@
+import { QueryList, AfterContentInit, OnDestroy, ElementRef, ChangeDetectorRef } from '@angular/core';
+import { DropdownService } from "./dropdown.service";
+import { DropdownDirective } from "./dropdown.directive";
+import * as i0 from "@angular/core";
+export declare class DropdownMenuDirective implements AfterContentInit, OnDestroy {
+    private _service;
+    private _element;
+    private _cdRef;
+    nestedDropdowns: QueryList<DropdownDirective>;
+    private _destroyed$;
+    constructor(_service: DropdownService, _element: ElementRef<HTMLElement>, _cdRef: ChangeDetectorRef);
+    ngAfterContentInit(): void;
+    private _subscribeToScrollPosition;
+    private _scrollToActiveElement;
+    private _subscribeToChildrenVisbilityToggle;
+    onClick(event: MouseEvent): void;
+    private _shouldCloseOnMenuClick;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownMenuDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownMenuDirective, "[nwDropdownMenu]", ["nw-dropdown-menu"], {}, {}, ["nestedDropdowns"], never, false, never>;
+}

package/dropdowns/dropdown-toggle.directive.d.ts

@@ -0,0 +1,24 @@
+import { OnInit, ElementRef, ChangeDetectorRef, OnDestroy } from '@angular/core';
+import { DropdownService } from "./dropdown.service";
+import * as i0 from "@angular/core";
+export declare class DropdownToggleDirective implements OnInit, OnDestroy {
+    private _service;
+    private _elRef;
+    private _cdRef;
+    nwTrigger: "click" | "hover";
+    breakpoint: number;
+    isOpen: boolean;
+    private _isMousingOver;
+    private _mouseEventSubscriptions;
+    private _toggleSub$;
+    constructor(_service: DropdownService, _elRef: ElementRef, _cdRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    private _isMobileScreenSize;
+    private _subscribeToToggle;
+    private _open;
+    private _close;
+    toggle(event: MouseEvent): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownToggleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownToggleDirective, "[nwDropdownToggle]", ["nw-dropdown-toggle"], { "nwTrigger": { "alias": "nwTrigger"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; }, {}, never, never, false, never>;
+}

package/dropdowns/dropdown.directive.d.ts

@@ -0,0 +1,31 @@
+import { OnDestroy, OnInit, OnChanges, SimpleChanges, ElementRef, EventEmitter, NgZone, Renderer2, ChangeDetectorRef } from '@angular/core';
+import { DropdownService } from "./dropdown.service";
+import * as i0 from "@angular/core";
+export declare class DropdownDirective implements OnInit, OnChanges, OnDestroy {
+    private _service;
+    private _elRef;
+    private _zone;
+    private _renderer;
+    private _cdRef;
+    autoClose: boolean | "inside" | "outside";
+    elementsToIgnore: HTMLElement[];
+    selectorsToIgnore: string[];
+    disabled: boolean;
+    opened: EventEmitter<null>;
+    closed: EventEmitter<null>;
+    isOpen: boolean;
+    private _toggleSubscription;
+    private _documentUnlistener;
+    private _escapeUnlistener;
+    constructor(_service: DropdownService, _elRef: ElementRef, _zone: NgZone, _renderer: Renderer2, _cdRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    open(): void;
+    close(): void;
+    private _subscribeToToggle;
+    onDocumentClick(event: MouseEvent): void;
+    onEscape(event: KeyboardEvent): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownDirective, "[nwDropdown]", ["nw-dropdown"], { "autoClose": { "alias": "autoClose"; "required": false; }; "elementsToIgnore": { "alias": "elementsToIgnore"; "required": false; }; "selectorsToIgnore": { "alias": "selectorsToIgnore"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "opened": "opened"; "closed": "closed"; }, never, never, false, never>;
+}

package/dropdowns/dropdown.service.d.ts

@@ -0,0 +1,14 @@
+import { Observable } from "rxjs";
+import * as i0 from "@angular/core";
+export declare class DropdownService {
+    private _toggle$;
+    toggle$: Observable<boolean>;
+    autoClose: boolean | "inside" | "outside";
+    toggle(): void;
+    open(): void;
+    close(): void;
+    isHTMLElementContainedIn(element: HTMLElement, containers: HTMLElement[]): boolean;
+    isHTMLElementInPath(event: any, selectors: string[]): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DropdownService>;
+}

package/dropdowns/dropdowns.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./dropdown.directive";
+import * as i2 from "./dropdown-toggle.directive";
+import * as i3 from "./dropdown-menu.directive";
+import * as i4 from "@angular/common";
+export declare class DropdownsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DropdownsModule, [typeof i1.DropdownDirective, typeof i2.DropdownToggleDirective, typeof i3.DropdownMenuDirective], [typeof i4.CommonModule], [typeof i1.DropdownDirective, typeof i2.DropdownToggleDirective, typeof i3.DropdownMenuDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DropdownsModule>;
+}

package/dropdowns/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="nw-style-guide/dropdowns" />
+export * from './public-api';

package/dropdowns/package.json

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

package/dropdowns/public-api.d.ts

@@ -0,0 +1,4 @@
+export { DropdownsModule } from './dropdowns.module';
+export { DropdownDirective } from './dropdown.directive';
+export { DropdownToggleDirective } from './dropdown-toggle.directive';
+export { DropdownMenuDirective } from './dropdown-menu.directive';

package/email-input/package.json

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

package/feature-alerts/package.json

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

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

@@ -0,0 +1,335 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, HostBinding, Output, Input, Directive, HostListener, ContentChildren, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { BehaviorSubject, distinctUntilChanged, skip, fromEvent, Subject, merge } from 'rxjs';
+import { filter, tap, debounceTime, takeUntil, map } from 'rxjs/operators';
+
+class DropdownService {
+    constructor() {
+        this._toggle$ = new BehaviorSubject(false);
+        this.toggle$ = this._toggle$.asObservable().pipe(distinctUntilChanged(), skip(1));
+    }
+    toggle() {
+        this._toggle$.next(!this._toggle$.value);
+    }
+    open() {
+        this._toggle$.next(true);
+    }
+    close() {
+        this._toggle$.next(false);
+    }
+    isHTMLElementContainedIn(element, containers) {
+        return containers
+            // Filter out falsey elements
+            .filter(el => el)
+            .some(item => item.contains(element));
+    }
+    isHTMLElementInPath(event, selectors) {
+        // Obtain the path from the event source to the document root
+        const path = (event.path || (event.composedPath && event.composedPath()));
+        return path
+            // Map to parentNode so we can use querySelector
+            .map(el => el.parentNode)
+            // Filter out undefined parent nodes
+            .filter(p => p)
+            // Check if any of the parentNodes match any of the selectors
+            .some(p => selectors.some(s => Boolean(p.querySelector(s))));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DropdownService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DropdownService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DropdownService, decorators: [{
+            type: Injectable
+        }] });
+
+class DropdownDirective {
+    constructor(_service, _elRef, _zone, _renderer, _cdRef) {
+        this._service = _service;
+        this._elRef = _elRef;
+        this._zone = _zone;
+        this._renderer = _renderer;
+        this._cdRef = _cdRef;
+        this.autoClose = true;
+        this.elementsToIgnore = [];
+        this.selectorsToIgnore = [];
+        this.disabled = false;
+        this.opened = new EventEmitter();
+        this.closed = new EventEmitter();
+    }
+    ngOnInit() {
+        this._service.autoClose = this.autoClose;
+        this._subscribeToToggle();
+        // For performance reasons, bind to document click outside the zone
+        this._zone.runOutsideAngular(() => {
+            // Store a reference to the "unlisten" functions returned from these methods
+            // https://angular.io/api/core/Renderer2#listen
+            this._documentUnlistener = this._renderer.listen('document', 'click', this.onDocumentClick.bind(this));
+            this._escapeUnlistener = this._renderer.listen('document', 'keydown.escape', this.onEscape.bind(this));
+        });
+    }
+    ngOnChanges(changes) {
+        // autoClose is essentially an optional input. What this means is that if you don't pass a
+        // value to the `autoClose` input the "if" check below will never evaluate to true. This
+        // is why we don't just rely on ngOnChanges to set the value in the service, we also use
+        // ngOnInit to set the initial value, with subsequent input changes handled below
+        if (changes.autoClose && !changes.autoClose.firstChange) {
+            this._service.autoClose = this.autoClose;
+        }
+    }
+    open() {
+        this._service.open();
+    }
+    close() {
+        this._service.close();
+    }
+    _subscribeToToggle() {
+        this._toggleSubscription = this._service.toggle$
+            /**
+             * If the dropdown is disabled, only allow close events through
+             */
+            .pipe(filter(isOpen => {
+            if (this.disabled) {
+                return !isOpen;
+            }
+            return true;
+        }))
+            .subscribe(isOpen => {
+            this.isOpen = isOpen;
+            if (this.isOpen) {
+                this.opened.emit();
+            }
+            else {
+                this.closed.emit();
+            }
+        });
+    }
+    onDocumentClick(event) {
+        const shouldClose = (this.autoClose === true || this.autoClose === 'outside') && this.isOpen;
+        // Don't bother evaluating the source of the event if `shouldClose` is false
+        if (shouldClose) {
+            const target = event.target;
+            const containers = [this._elRef.nativeElement].concat(this.elementsToIgnore);
+            const isEventSourceFromWithinDropdown = this._service.isHTMLElementContainedIn(target, containers) && !target.classList.contains('dropdown-backdrop');
+            const isEventSourceFromWithinSelectors = this.selectorsToIgnore.length ?
+                this._service.isHTMLElementInPath(event, this.selectorsToIgnore) :
+                false;
+            if (!isEventSourceFromWithinDropdown && !isEventSourceFromWithinSelectors) {
+                this._zone.run(() => {
+                    this._service.close();
+                    this._cdRef.detectChanges();
+                });
+            }
+        }
+    }
+    onEscape(event) {
+        if (this.isOpen) {
+            this._zone.run(() => {
+                this._service.close();
+                this._cdRef.detectChanges();
+            });
+        }
+    }
+    ngOnDestroy() {
+        this._toggleSubscription.unsubscribe();
+        if (this._documentUnlistener) {
+            this._zone.runOutsideAngular(() => this._documentUnlistener());
+        }
+        if (this._escapeUnlistener) {
+            this._zone.runOutsideAngular(() => this._escapeUnlistener());
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DropdownDirective, deps: [{ token: DropdownService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: DropdownDirective, isStandalone: false, selector: "[nwDropdown]", inputs: { autoClose: "autoClose", elementsToIgnore: "elementsToIgnore", selectorsToIgnore: "selectorsToIgnore", disabled: "disabled" }, outputs: { opened: "opened", closed: "closed" }, host: { properties: { "class.disabled": "this.disabled", "class.open": "this.isOpen" } }, providers: [DropdownService], exportAs: ["nw-dropdown"], usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DropdownDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[nwDropdown]',
+                    exportAs: 'nw-dropdown',
+                    providers: [DropdownService],
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: DropdownService }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }], propDecorators: { autoClose: [{
+                type: Input
+            }], elementsToIgnore: [{
+                type: Input
+            }], selectorsToIgnore: [{
+                type: Input
+            }], disabled: [{
+                type: HostBinding,
+                args: ['class.disabled']
+            }, {
+                type: Input
+            }], opened: [{
+                type: Output
+            }], closed: [{
+                type: Output
+            }], isOpen: [{
+                type: HostBinding,
+                args: ['class.open']
+            }] } });
+
+class DropdownToggleDirective {
+    constructor(_service, _elRef, _cdRef) {
+        this._service = _service;
+        this._elRef = _elRef;
+        this._cdRef = _cdRef;
+        this.nwTrigger = "click";
+        this.breakpoint = 767;
+        this.isOpen = false;
+        this._isMousingOver = false;
+        this._mouseEventSubscriptions = [];
+    }
+    ngOnInit() {
+        this._subscribeToToggle();
+        if (this.nwTrigger === 'hover') {
+            const mouseEnterSub = fromEvent(this._elRef.nativeElement, 'mouseenter')
+                .pipe(filter(_ => !this._isMobileScreenSize()), tap(_ => this._isMousingOver = true), debounceTime(300), filter(_ => this._isMousingOver))
+                .subscribe(event => this._open());
+            const mouseLeaveSub = fromEvent(this._elRef.nativeElement, 'mouseleave')
+                .pipe(filter(_ => !this._isMobileScreenSize()), tap(_ => this._isMousingOver = false), debounceTime(300), filter(_ => !this._isMousingOver))
+                .subscribe(event => this._close());
+            this._mouseEventSubscriptions = [mouseEnterSub, mouseLeaveSub];
+        }
+    }
+    _isMobileScreenSize() {
+        return window.innerWidth < this.breakpoint;
+    }
+    _subscribeToToggle() {
+        this._toggleSub$ = this._service.toggle$.subscribe(isOpen => {
+            this.isOpen = isOpen;
+        });
+    }
+    _open() {
+        this._isMousingOver = true;
+        this._service.open();
+        this._cdRef.detectChanges();
+    }
+    _close() {
+        this._isMousingOver = false;
+        this._service.close();
+        this._cdRef.detectChanges();
+    }
+    toggle(event) {
+        this._service.toggle();
+        if (this.nwTrigger === 'hover') {
+            event.stopImmediatePropagation();
+        }
+    }
+    ngOnDestroy() {
+        this._mouseEventSubscriptions.forEach(mes => mes.unsubscribe());
+        this._toggleSub$.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DropdownToggleDirective, deps: [{ token: DropdownService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: DropdownToggleDirective, isStandalone: false, selector: "[nwDropdownToggle]", inputs: { nwTrigger: "nwTrigger", breakpoint: "breakpoint" }, host: { attributes: { "aria-haspopup": "true" }, listeners: { "click": "toggle($event)" }, properties: { "attr.aria-expanded": "isOpen" } }, exportAs: ["nw-dropdown-toggle"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DropdownToggleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[nwDropdownToggle]',
+                    exportAs: 'nw-dropdown-toggle',
+                    host: {
+                        'aria-haspopup': 'true',
+                        '[attr.aria-expanded]': 'isOpen'
+                    },
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: DropdownService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { nwTrigger: [{
+                type: Input
+            }], breakpoint: [{
+                type: Input
+            }], toggle: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class DropdownMenuDirective {
+    constructor(_service, _element, _cdRef) {
+        this._service = _service;
+        this._element = _element;
+        this._cdRef = _cdRef;
+        this._destroyed$ = new Subject();
+    }
+    ngAfterContentInit() {
+        this._subscribeToChildrenVisbilityToggle();
+        this._subscribeToScrollPosition();
+    }
+    _subscribeToScrollPosition() {
+        this._service.toggle$.pipe(filter(opened => opened), takeUntil(this._destroyed$)).subscribe(() => {
+            this._cdRef.detectChanges();
+            this._scrollToActiveElement();
+        });
+    }
+    _scrollToActiveElement() {
+        const menuElement = this._element.nativeElement;
+        const activeElement = this._element.nativeElement.querySelector('.active');
+        if (activeElement) {
+            menuElement.scrollTo({ top: activeElement.offsetTop });
+        }
+    }
+    // When a sub dropdown menu is opened, force close any sibling sub dropdown menus
+    _subscribeToChildrenVisbilityToggle() {
+        const openEvents = this.nestedDropdowns
+            .map((nd, index) => {
+            return nd.opened
+                .pipe(map(x => index));
+        });
+        merge(...openEvents).pipe(takeUntil(this._destroyed$)).subscribe(index => {
+            // Close all other sibling dropdowns
+            this.nestedDropdowns
+                .filter((nd, i) => i !== index)
+                .forEach(nd => nd.close());
+        });
+    }
+    onClick(event) {
+        if (this._shouldCloseOnMenuClick()) {
+            return this._service.close();
+        }
+    }
+    _shouldCloseOnMenuClick() {
+        return this._service.autoClose === true || this._service.autoClose === 'inside';
+    }
+    ngOnDestroy() {
+        this._destroyed$.next();
+        this._destroyed$.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DropdownMenuDirective, deps: [{ token: DropdownService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.14", type: DropdownMenuDirective, isStandalone: false, selector: "[nwDropdownMenu]", host: { listeners: { "click": "onClick($event)" } }, queries: [{ propertyName: "nestedDropdowns", predicate: DropdownDirective }], exportAs: ["nw-dropdown-menu"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DropdownMenuDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[nwDropdownMenu]',
+                    exportAs: 'nw-dropdown-menu',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: DropdownService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { nestedDropdowns: [{
+                type: ContentChildren,
+                args: [DropdownDirective]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class DropdownsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DropdownsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.14", ngImport: i0, type: DropdownsModule, declarations: [DropdownDirective, DropdownToggleDirective, DropdownMenuDirective], imports: [CommonModule], exports: [DropdownDirective, DropdownToggleDirective, DropdownMenuDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DropdownsModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DropdownsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule
+                    ],
+                    declarations: [DropdownDirective, DropdownToggleDirective, DropdownMenuDirective],
+                    exports: [DropdownDirective, DropdownToggleDirective, DropdownMenuDirective]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DropdownDirective, DropdownMenuDirective, DropdownToggleDirective, DropdownsModule };
+//# sourceMappingURL=nw-style-guide-dropdowns.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nw-style-guide-dropdowns.mjs","sources":["../../../projects/nw-style-guide/dropdowns/dropdown.service.ts","../../../projects/nw-style-guide/dropdowns/dropdown.directive.ts","../../../projects/nw-style-guide/dropdowns/dropdown-toggle.directive.ts","../../../projects/nw-style-guide/dropdowns/dropdown-menu.directive.ts","../../../projects/nw-style-guide/dropdowns/dropdowns.module.ts","../../../projects/nw-style-guide/dropdowns/nw-style-guide-dropdowns.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\nimport { BehaviorSubject, distinctUntilChanged, Observable, skip, tap } from \"rxjs\";\n\n@Injectable()\nexport class DropdownService {\n\n    private _toggle$: BehaviorSubject<boolean> = new BehaviorSubject(false);\n    public toggle$: Observable<boolean> = this._toggle$.asObservable().pipe(\n        distinctUntilChanged(),\n        skip(1)\n    );\n\n    public autoClose: boolean | \"inside\" | \"outside\";\n\n    toggle() {\n        this._toggle$.next(!this._toggle$.value);\n    }\n\n    open() {\n        this._toggle$.next(true);\n    }\n\n    close() {\n        this._toggle$.next(false);\n    }\n\n    isHTMLElementContainedIn(element: HTMLElement, containers: HTMLElement[]): boolean {\n        return containers\n            // Filter out falsey elements\n            .filter(el => el)\n            .some(item => item.contains(element));\n    }\n\n    isHTMLElementInPath(event: any, selectors: string[]) {\n        // Obtain the path from the event source to the document root\n        const path: HTMLElement[] = (event.path || (event.composedPath && event.composedPath()) as HTMLElement[]);\n\n        return path\n            // Map to parentNode so we can use querySelector\n            .map(el => el.parentNode as HTMLElement)\n            // Filter out undefined parent nodes\n            .filter(p => p)\n            // Check if any of the parentNodes match any of the selectors\n            .some(p => selectors.some(s => Boolean(p.querySelector(s))));\n    }\n}\n","import { Directive, Input, HostBinding, OnDestroy, OnInit, OnChanges, SimpleChanges, ElementRef, Output, EventEmitter, NgZone, Renderer2, ChangeDetectorRef } from '@angular/core';\nimport { DropdownService } from \"./dropdown.service\";\nimport { Subscription } from 'rxjs';\nimport { filter } from 'rxjs/operators';\n\n@Directive({\n    selector: '[nwDropdown]',\n    exportAs: 'nw-dropdown',\n    providers: [DropdownService],\n    standalone: false\n})\nexport class DropdownDirective implements OnInit, OnChanges, OnDestroy {\n\n    @Input() autoClose: boolean | \"inside\" | \"outside\" = true;\n    @Input() elementsToIgnore: HTMLElement[] = [];\n    @Input() selectorsToIgnore: string[] = [];\n    @HostBinding('class.disabled')\n    @Input() disabled: boolean = false;\n\n    @Output() opened: EventEmitter<null> = new EventEmitter();\n    @Output() closed: EventEmitter<null> = new EventEmitter();\n\n    @HostBinding('class.open') isOpen: boolean;\n\n    private _toggleSubscription: Subscription;\n    private _documentUnlistener: () => void;\n    private _escapeUnlistener: () => void;\n\n    constructor(\n        private _service: DropdownService,\n        private _elRef: ElementRef,\n        private _zone: NgZone,\n        private _renderer: Renderer2,\n        private _cdRef: ChangeDetectorRef) { }\n\n    ngOnInit() {\n        this._service.autoClose = this.autoClose;\n        this._subscribeToToggle();\n\n        // For performance reasons, bind to document click outside the zone\n        this._zone.runOutsideAngular(() => {\n            // Store a reference to the \"unlisten\" functions returned from these methods\n            // https://angular.io/api/core/Renderer2#listen\n            this._documentUnlistener = this._renderer.listen('document', 'click', this.onDocumentClick.bind(this));\n            this._escapeUnlistener = this._renderer.listen('document', 'keydown.escape', this.onEscape.bind(this));\n        });\n    }\n\n    ngOnChanges(changes: SimpleChanges) {\n        // autoClose is essentially an optional input. What this means is that if you don't pass a\n        // value to the `autoClose` input the \"if\" check below will never evaluate to true. This\n        // is why we don't just rely on ngOnChanges to set the value in the service, we also use\n        // ngOnInit to set the initial value, with subsequent input changes handled below\n        if (changes.autoClose && !changes.autoClose.firstChange) {\n            this._service.autoClose = this.autoClose;\n        }\n    }\n\n    open(): void {\n        this._service.open();\n    }\n\n    close(): void {\n        this._service.close();\n    }\n\n    private _subscribeToToggle(): void {\n        this._toggleSubscription = this._service.toggle$\n            /**\n             * If the dropdown is disabled, only allow close events through\n             */\n            .pipe(\n                filter(isOpen => {\n                    if (this.disabled) {\n                        return !isOpen;\n                    }\n                    return true;\n                })\n            )\n            .subscribe(isOpen => {\n                this.isOpen = isOpen;\n\n                if (this.isOpen) {\n                    this.opened.emit();\n                } else {\n                    this.closed.emit();\n                }\n            });\n    }\n\n    onDocumentClick(event: MouseEvent) {\n        const shouldClose = (this.autoClose === true || this.autoClose === 'outside') && this.isOpen;\n\n        // Don't bother evaluating the source of the event if `shouldClose` is false\n        if (shouldClose) {\n            const target: HTMLElement = event.target as HTMLElement;\n            const containers: HTMLElement[] = [this._elRef.nativeElement as HTMLElement].concat(this.elementsToIgnore);\n            const isEventSourceFromWithinDropdown = this._service.isHTMLElementContainedIn(target, containers) && !target.classList.contains('dropdown-backdrop');\n            const isEventSourceFromWithinSelectors = this.selectorsToIgnore.length ?\n                this._service.isHTMLElementInPath(event, this.selectorsToIgnore) :\n                false;\n\n            if (!isEventSourceFromWithinDropdown && !isEventSourceFromWithinSelectors) {\n                this._zone.run(() => {\n                    this._service.close();\n                    this._cdRef.detectChanges();\n                });\n            }\n        }\n    }\n\n    onEscape(event: KeyboardEvent) {\n        if (this.isOpen) {\n            this._zone.run(() => {\n                this._service.close();\n                this._cdRef.detectChanges();\n            });\n        }\n    }\n\n    ngOnDestroy() {\n        this._toggleSubscription.unsubscribe();\n\n        if (this._documentUnlistener) {\n            this._zone.runOutsideAngular(() => this._documentUnlistener());\n        }\n\n        if (this._escapeUnlistener) {\n            this._zone.runOutsideAngular(() => this._escapeUnlistener());\n        }\n    }\n\n}\n","import { Directive, Input, HostListener, OnInit, ElementRef, ChangeDetectorRef, OnDestroy } from '@angular/core';\nimport { DropdownService } from \"./dropdown.service\";\nimport { debounceTime, filter, tap } from \"rxjs/operators\";\nimport { Subscription, fromEvent } from 'rxjs';\n\n@Directive({\n    selector: '[nwDropdownToggle]',\n    exportAs: 'nw-dropdown-toggle',\n    host: {\n        'aria-haspopup': 'true',\n        '[attr.aria-expanded]': 'isOpen'\n    },\n    standalone: false\n})\nexport class DropdownToggleDirective implements OnInit, OnDestroy {\n\n    @Input() nwTrigger: \"click\" | \"hover\" = \"click\";\n    @Input() breakpoint: number = 767;\n\n    public isOpen: boolean = false;\n\n    private _isMousingOver: boolean = false;\n    private _mouseEventSubscriptions: Subscription[] = [];\n    private _toggleSub$: Subscription;\n\n    constructor(\n        private _service: DropdownService,\n        private _elRef: ElementRef,\n        private _cdRef: ChangeDetectorRef) {}\n\n    ngOnInit() {\n        this._subscribeToToggle();\n        if (this.nwTrigger === 'hover') {\n            const mouseEnterSub: Subscription = fromEvent(this._elRef.nativeElement as HTMLElement, 'mouseenter')\n                .pipe(\n                    filter(_ => !this._isMobileScreenSize()),\n                    tap(_ => this._isMousingOver = true),\n                    debounceTime(300),\n                    filter(_ => this._isMousingOver)\n                )\n                .subscribe(event => this._open());\n\n            const mouseLeaveSub: Subscription = fromEvent(this._elRef.nativeElement as HTMLElement, 'mouseleave')\n                .pipe(\n                    filter(_ => !this._isMobileScreenSize()),\n                    tap(_ => this._isMousingOver = false),\n                    debounceTime(300),\n                    filter(_ => !this._isMousingOver)\n                )\n                .subscribe(event => this._close());\n\n            this._mouseEventSubscriptions = [mouseEnterSub, mouseLeaveSub];\n        }\n    }\n\n    private _isMobileScreenSize() {\n        return window.innerWidth < this.breakpoint;\n    }\n\n    private _subscribeToToggle() {\n        this._toggleSub$ = this._service.toggle$.subscribe(isOpen => {\n            this.isOpen = isOpen;\n        });\n    }\n\n    private _open() {\n        this._isMousingOver = true;\n        this._service.open();\n        this._cdRef.detectChanges();\n    }\n\n    private _close() {\n        this._isMousingOver = false;\n        this._service.close();\n        this._cdRef.detectChanges();\n    }\n\n    @HostListener('click', ['$event'])\n    toggle(event: MouseEvent) {\n        this._service.toggle();\n        if (this.nwTrigger === 'hover') {\n            event.stopImmediatePropagation();\n        }\n    }\n\n    ngOnDestroy() {\n        this._mouseEventSubscriptions.forEach(mes => mes.unsubscribe());\n        this._toggleSub$.unsubscribe();\n    }\n\n}\n","import { Directive, HostListener, QueryList, AfterContentInit, ContentChildren, OnDestroy, ElementRef, ChangeDetectorRef } from '@angular/core';\nimport { DropdownService } from \"./dropdown.service\";\nimport { DropdownDirective } from \"./dropdown.directive\";\nimport { filter, map, takeUntil } from \"rxjs/operators\";\nimport { Observable, merge, Subject } from 'rxjs';\n\n@Directive({\n    selector: '[nwDropdownMenu]',\n    exportAs: 'nw-dropdown-menu',\n    standalone: false\n})\nexport class DropdownMenuDirective implements AfterContentInit, OnDestroy {\n\n    @ContentChildren(DropdownDirective) nestedDropdowns: QueryList<DropdownDirective>;\n    private _destroyed$: Subject<void> = new Subject();\n\n    constructor(\n        private _service: DropdownService,\n        private _element: ElementRef<HTMLElement>,\n        private _cdRef: ChangeDetectorRef\n    ) { }\n\n    ngAfterContentInit() {\n        this._subscribeToChildrenVisbilityToggle();\n        this._subscribeToScrollPosition();\n    }\n\n    private _subscribeToScrollPosition() {\n        this._service.toggle$.pipe(\n            filter(opened => opened),\n            takeUntil(this._destroyed$)\n        ).subscribe(() => {\n            this._cdRef.detectChanges();\n            this._scrollToActiveElement();\n        });\n    }\n\n    private _scrollToActiveElement() {\n        const menuElement = this._element.nativeElement;\n        const activeElement: HTMLElement = this._element.nativeElement.querySelector('.active');\n        if (activeElement) {\n            menuElement.scrollTo({ top: activeElement.offsetTop });\n        }\n    }\n\n    // When a sub dropdown menu is opened, force close any sibling sub dropdown menus\n    private _subscribeToChildrenVisbilityToggle() {\n        const openEvents: Observable<number>[] = this.nestedDropdowns\n            .map((nd, index) => {\n                return nd.opened\n                    .pipe(map(x => index));\n            });\n\n        merge(...openEvents).pipe(\n            takeUntil(this._destroyed$)\n        ).subscribe(index => {\n            // Close all other sibling dropdowns\n            this.nestedDropdowns\n                .filter((nd, i) => i !== index)\n                .forEach(nd => nd.close());\n        });\n    }\n\n    @HostListener('click', ['$event'])\n    onClick(event: MouseEvent) {\n        if (this._shouldCloseOnMenuClick()) {\n            return this._service.close();\n        }\n    }\n\n    private _shouldCloseOnMenuClick(): boolean {\n        return this._service.autoClose === true || this._service.autoClose === 'inside';\n    }\n\n    ngOnDestroy() {\n        this._destroyed$.next();\n        this._destroyed$.complete();\n    }\n\n}","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { DropdownDirective } from \"./dropdown.directive\";\nimport { DropdownToggleDirective } from \"./dropdown-toggle.directive\";\nimport { DropdownMenuDirective } from \"./dropdown-menu.directive\";\n\n@NgModule({\n    imports: [\n        CommonModule\n    ],\n    declarations: [DropdownDirective, DropdownToggleDirective, DropdownMenuDirective],\n    exports: [DropdownDirective, DropdownToggleDirective, DropdownMenuDirective]\n})\nexport class DropdownsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.DropdownService"],"mappings":"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"}

package/loader/package.json

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

package/package.json

@@ -1,6 +1,10 @@
 {
   "name": "nw-style-guide",
-  "version": "19.2.0-beta.2",
+  "version": "19.2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/NewsWhip/style-guide"
+  },
   "peerDependencies": {
     "@angular/common": "^19.2.0",
     "@angular/core": "^19.2.0",
@@ -26,14 +30,6 @@
       "types": "./animations/index.d.ts",
       "default": "./fesm2022/nw-style-guide-animations.mjs"
     },
-    "./email-input": {
-      "types": "./email-input/index.d.ts",
-      "default": "./fesm2022/nw-style-guide-email-input.mjs"
-    },
-    "./charts": {
-      "types": "./charts/index.d.ts",
-      "default": "./fesm2022/nw-style-guide-charts.mjs"
-    },
     "./autofocus": {
       "types": "./autofocus/index.d.ts",
       "default": "./fesm2022/nw-style-guide-autofocus.mjs"
@@ -42,14 +38,26 @@
       "types": "./carousel/index.d.ts",
       "default": "./fesm2022/nw-style-guide-carousel.mjs"
     },
-    "./loader": {
-      "types": "./loader/index.d.ts",
-      "default": "./fesm2022/nw-style-guide-loader.mjs"
+    "./charts": {
+      "types": "./charts/index.d.ts",
+      "default": "./fesm2022/nw-style-guide-charts.mjs"
+    },
+    "./dropdowns": {
+      "types": "./dropdowns/index.d.ts",
+      "default": "./fesm2022/nw-style-guide-dropdowns.mjs"
+    },
+    "./email-input": {
+      "types": "./email-input/index.d.ts",
+      "default": "./fesm2022/nw-style-guide-email-input.mjs"
     },
     "./feature-alerts": {
       "types": "./feature-alerts/index.d.ts",
       "default": "./fesm2022/nw-style-guide-feature-alerts.mjs"
     },
+    "./loader": {
+      "types": "./loader/index.d.ts",
+      "default": "./fesm2022/nw-style-guide-loader.mjs"
+    },
     "./picker": {
       "types": "./picker/index.d.ts",
       "default": "./fesm2022/nw-style-guide-picker.mjs"

package/picker/package.json

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

package/resize-observer/package.json

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

package/sass/src/_buttons.scss

@@ -243,11 +243,12 @@ input[type="button"] {
     border: none;
     margin: 0;
 }
-.dropdown {
+.dropdown,
+.dropup {
     .btn-block {
         display: flex;
         flex-direction: row;
         align-items: center;
         justify-content: space-between;
     }
-}
+}