nw-style-guide 21.2.0-beta.4 → 21.2.0

package/animations/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nw-style-guide-animations.mjs",
+  "typings": "../types/nw-style-guide-animations.d.ts"
+}

package/autofocus/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nw-style-guide-autofocus.mjs",
+  "typings": "../types/nw-style-guide-autofocus.d.ts"
+}

package/carousel/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nw-style-guide-carousel.mjs",
+  "typings": "../types/nw-style-guide-carousel.d.ts"
+}

package/charts/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nw-style-guide-charts.mjs",
+  "typings": "../types/nw-style-guide-charts.d.ts"
+}

package/email-input/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nw-style-guide-email-input.mjs",
+  "typings": "../types/nw-style-guide-email-input.d.ts"
+}

package/feature-alerts/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nw-style-guide-feature-alerts.mjs",
+  "typings": "../types/nw-style-guide-feature-alerts.d.ts"
+}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, inject, ElementRef, HostBinding, Input, Directive, ChangeDetectorRef, QueryList, ContentChildren, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
+import { Injectable, inject, ElementRef, input, effect, Directive, ChangeDetectorRef, QueryList, ContentChildren, ViewChild, Input, ChangeDetectionStrategy, Component } from '@angular/core';
 import { Subject, fromEvent, merge } from 'rxjs';
 import { debounceTime } from 'rxjs/operators';
 import { NgClass, NgStyle, NgTemplateOutlet } from '@angular/common';
@@ -23,24 +23,17 @@ class TabDirective {
     constructor() {
         this.elRef = inject(ElementRef);
         this._tabsService = inject(TabsService);
-        this.isActive = false;
-        this.role = 'tab';
+        this.isActive = input(false, ...(ngDevMode ? [{ debugName: "isActive" }] : /* istanbul ignore next */ []));
+        effect(() => {
+            this._applyTabindex(this.isActive() ? '0' : '-1');
+            if (this.isActive()) {
+                this._tabsService.notifyActiveChange(this);
+            }
+        });
     }
-    get ariaSelected() { return String(this.isActive); }
     ngAfterContentInit() {
         // <li role="tab"> is the keyboard target; inner tab button is click-only
         this.elRef.nativeElement.querySelector('button')?.setAttribute('tabindex', '-1');
-        this._applyTabindex(this.isActive ? '0' : '-1');
-    }
-    ngOnChanges(changes) {
-        const change = changes.isActive;
-        const hasActiveChanged = change && !change.firstChange && change.previousValue !== change.currentValue;
-        if (!hasActiveChanged)
-            return;
-        this._applyTabindex(this.isActive ? '0' : '-1');
-        if (this.isActive) {
-            this._tabsService.notifyActiveChange(this);
-        }
     }
     focus() {
         this.elRef.nativeElement.focus();
@@ -49,7 +42,7 @@ class TabDirective {
         this._applyTabindex(value);
     }
     restoreTabindex() {
-        this._applyTabindex(this.isActive ? '0' : '-1');
+        this._applyTabindex(this.isActive() ? '0' : '-1');
     }
     _applyTabindex(value) {
         this.elRef.nativeElement.setAttribute('tabindex', value);
@@ -60,23 +53,19 @@ class TabDirective {
         return btns.length > 1 ? btns[1] : null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TabDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.8", type: TabDirective, isStandalone: true, selector: "[nwTab]", inputs: { isActive: "isActive" }, host: { properties: { "class.active": "this.isActive", "attr.role": "this.role", "attr.aria-selected": "this.ariaSelected" } }, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.8", type: TabDirective, isStandalone: true, selector: "[nwTab]", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "tab" }, properties: { "class.active": "isActive()", "attr.aria-selected": "isActive()" } }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TabDirective, decorators: [{
             type: Directive,
-            args: [{ selector: '[nwTab]' }]
-        }], propDecorators: { isActive: [{
-                type: HostBinding,
-                args: ['class.active']
-            }, {
-                type: Input
-            }], role: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], ariaSelected: [{
-                type: HostBinding,
-                args: ['attr.aria-selected']
-            }] } });
+            args: [{
+                    selector: '[nwTab]',
+                    host: {
+                        role: 'tab',
+                        '[class.active]': 'isActive()',
+                        '[attr.aria-selected]': 'isActive()'
+                    }
+                }]
+        }], ctorParameters: () => [], propDecorators: { isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }] } });
 
 class TabsComponent {
     constructor() {
@@ -220,11 +209,11 @@ class TabsComponent {
         this._tabsChangeSub.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: TabsComponent, isStandalone: true, selector: "nw-tabs", inputs: { size: "size", maskColor: "maskColor" }, providers: [TabsService], queries: [{ propertyName: "tabs", predicate: TabDirective }], viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true, static: true }, { propertyName: "activeBar", first: true, predicate: ["activeBar"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"scroll-container\"\n    #scrollContainer>\n    <ul class=\"nav nav-tabs\"\n        [ngClass]=\"tabSizeClass\"\n        role=\"tablist\"\n        (keydown)=\"onKeydown($event)\"\n        (focusout)=\"onFocusOut()\">\n        <ng-content></ng-content>\n    </ul>\n    <div #activeBar\n        class=\"nav-tabs-active-bar\"\n        aria-hidden=\"true\"\n        [ngStyle]=\"getActiveStyles()\"></div>\n</div>\n\n@if (shouldShowPagination) {\n    <div class=\"pagination-container\">\n        @if (shouldShowPrev) {\n            <div class=\"prev-page\"\n                (click)=\"prev()\"\n                [ngStyle]=\"background\">\n                <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\n            </div>\n        }\n        @if (shouldShowNext) {\n            <div class=\"next-page\"\n                (click)=\"next()\"\n                [ngStyle]=\"background\">\n                <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\n            </div>\n        }\n    </div>\n}\n\n<ng-template #paginator>\n    <button class=\"btn btn-md btn-ghost-alt\">\n        <i class=\"fas fa-chevron-left\"></i>\n    </button>\n</ng-template>", styles: [":host,ul,.scroll-container{position:relative}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: TabsComponent, isStandalone: true, selector: "nw-tabs", inputs: { size: "size", maskColor: "maskColor" }, providers: [TabsService], queries: [{ propertyName: "tabs", predicate: TabDirective }], viewQueries: [{ propertyName: "scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true, static: true }, { propertyName: "activeBar", first: true, predicate: ["activeBar"], descendants: true, static: true }], ngImport: i0, template: "<div\n    class=\"scroll-container\"\n    #scrollContainer>\n    <ul\n        class=\"nav nav-tabs\"\n        [ngClass]=\"tabSizeClass\"\n        role=\"tablist\"\n        (keydown)=\"onKeydown($event)\"\n        (focusout)=\"onFocusOut()\">\n        <ng-content></ng-content>\n    </ul>\n    <div\n        #activeBar\n        class=\"nav-tabs-active-bar\"\n        aria-hidden=\"true\"\n        [ngStyle]=\"getActiveStyles()\"></div>\n</div>\n\n@if (shouldShowPagination) {\n    <div class=\"pagination-container\">\n        @if (shouldShowPrev) {\n            <div\n                class=\"prev-page\"\n                (click)=\"prev()\"\n                [ngStyle]=\"background\">\n                <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\n            </div>\n        }\n        @if (shouldShowNext) {\n            <div\n                class=\"next-page\"\n                (click)=\"next()\"\n                [ngStyle]=\"background\">\n                <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\n            </div>\n        }\n    </div>\n}\n\n<ng-template #paginator>\n    <button class=\"btn btn-md btn-ghost-alt\">\n        <i class=\"fas fa-chevron-left\"></i>\n    </button>\n</ng-template>\n", styles: [":host,ul,.scroll-container{position:relative}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: TabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'nw-tabs', providers: [TabsService], changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass, NgStyle, NgTemplateOutlet], template: "<div class=\"scroll-container\"\n    #scrollContainer>\n    <ul class=\"nav nav-tabs\"\n        [ngClass]=\"tabSizeClass\"\n        role=\"tablist\"\n        (keydown)=\"onKeydown($event)\"\n        (focusout)=\"onFocusOut()\">\n        <ng-content></ng-content>\n    </ul>\n    <div #activeBar\n        class=\"nav-tabs-active-bar\"\n        aria-hidden=\"true\"\n        [ngStyle]=\"getActiveStyles()\"></div>\n</div>\n\n@if (shouldShowPagination) {\n    <div class=\"pagination-container\">\n        @if (shouldShowPrev) {\n            <div class=\"prev-page\"\n                (click)=\"prev()\"\n                [ngStyle]=\"background\">\n                <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\n            </div>\n        }\n        @if (shouldShowNext) {\n            <div class=\"next-page\"\n                (click)=\"next()\"\n                [ngStyle]=\"background\">\n                <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\n            </div>\n        }\n    </div>\n}\n\n<ng-template #paginator>\n    <button class=\"btn btn-md btn-ghost-alt\">\n        <i class=\"fas fa-chevron-left\"></i>\n    </button>\n</ng-template>", styles: [":host,ul,.scroll-container{position:relative}\n"] }]
+            args: [{ selector: 'nw-tabs', providers: [TabsService], changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass, NgStyle, NgTemplateOutlet], template: "<div\n    class=\"scroll-container\"\n    #scrollContainer>\n    <ul\n        class=\"nav nav-tabs\"\n        [ngClass]=\"tabSizeClass\"\n        role=\"tablist\"\n        (keydown)=\"onKeydown($event)\"\n        (focusout)=\"onFocusOut()\">\n        <ng-content></ng-content>\n    </ul>\n    <div\n        #activeBar\n        class=\"nav-tabs-active-bar\"\n        aria-hidden=\"true\"\n        [ngStyle]=\"getActiveStyles()\"></div>\n</div>\n\n@if (shouldShowPagination) {\n    <div class=\"pagination-container\">\n        @if (shouldShowPrev) {\n            <div\n                class=\"prev-page\"\n                (click)=\"prev()\"\n                [ngStyle]=\"background\">\n                <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\n            </div>\n        }\n        @if (shouldShowNext) {\n            <div\n                class=\"next-page\"\n                (click)=\"next()\"\n                [ngStyle]=\"background\">\n                <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\n            </div>\n        }\n    </div>\n}\n\n<ng-template #paginator>\n    <button class=\"btn btn-md btn-ghost-alt\">\n        <i class=\"fas fa-chevron-left\"></i>\n    </button>\n</ng-template>\n", styles: [":host,ul,.scroll-container{position:relative}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }], maskColor: [{

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

@@ -1 +1 @@
-{"version":3,"file":"nw-style-guide-tabs.mjs","sources":["../../../projects/nw-style-guide/tabs/tabs.service.ts","../../../projects/nw-style-guide/tabs/tab.directive.ts","../../../projects/nw-style-guide/tabs/tabs.component.ts","../../../projects/nw-style-guide/tabs/tabs.component.html","../../../projects/nw-style-guide/tabs/public-api.ts","../../../projects/nw-style-guide/tabs/nw-style-guide-tabs.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { Subject, Observable } from 'rxjs';\nimport { TabDirective } from './tab.directive';\n\n@Injectable()\nexport class TabsService {\n    private _activeChange: Subject<TabDirective> = new Subject();\n    public activeChange: Observable<TabDirective> = this._activeChange.asObservable();\n\n    notifyActiveChange(tab: TabDirective) {\n        this._activeChange.next(tab);\n    }\n}\n","import { AfterContentInit, Directive, ElementRef, HostBinding, Input, OnChanges, SimpleChanges, inject } from '@angular/core';\nimport { TabsService } from './tabs.service';\n\n@Directive({ selector: '[nwTab]' })\nexport class TabDirective implements OnChanges, AfterContentInit {\n    readonly elRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    private _tabsService = inject(TabsService);\n\n    @HostBinding('class.active') @Input() isActive: boolean = false;\n    @HostBinding('attr.role') readonly role = 'tab';\n    @HostBinding('attr.aria-selected') get ariaSelected() { return String(this.isActive); }\n\n    ngAfterContentInit() {\n        // <li role=\"tab\"> is the keyboard target; inner tab button is click-only\n        this.elRef.nativeElement.querySelector<HTMLButtonElement>('button')?.setAttribute('tabindex', '-1');\n        this._applyTabindex(this.isActive ? '0' : '-1');\n    }\n\n    ngOnChanges(changes: SimpleChanges) {\n        const change = changes.isActive;\n        const hasActiveChanged = change && !change.firstChange && change.previousValue !== change.currentValue;\n        if (!hasActiveChanged) return;\n\n        this._applyTabindex(this.isActive ? '0' : '-1');\n        if (this.isActive) {\n            this._tabsService.notifyActiveChange(this);\n        }\n    }\n\n    focus() {\n        this.elRef.nativeElement.focus();\n    }\n\n    setTabindex(value: string) {\n        this._applyTabindex(value);\n    }\n\n    restoreTabindex() {\n        this._applyTabindex(this.isActive ? '0' : '-1');\n    }\n\n    private _applyTabindex(value: string) {\n        this.elRef.nativeElement.setAttribute('tabindex', value);\n        this._actionButton()?.setAttribute('tabindex', value);\n    }\n\n    private _actionButton(): HTMLButtonElement | null {\n        const btns = this.elRef.nativeElement.querySelectorAll<HTMLButtonElement>('button');\n        return btns.length > 1 ? btns[1] : null;\n    }\n}\n","import {\n    Component,\n    ContentChildren,\n    QueryList,\n    Input,\n    ElementRef,\n    ViewChild,\n    OnInit,\n    ChangeDetectorRef,\n    OnDestroy,\n    ChangeDetectionStrategy,\n    AfterContentInit,\n    inject\n} from '@angular/core';\nimport { TabDirective } from './tab.directive';\nimport { fromEvent, Subscription, merge } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\nimport { TabsService } from './tabs.service';\nimport { NgClass, NgStyle, NgTemplateOutlet } from '@angular/common';\n\n@Component({\n    selector: 'nw-tabs',\n    templateUrl: './tabs.component.html',\n    providers: [TabsService],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    styles: [\n        `\n            :host,\n            ul,\n            .scroll-container {\n                position: relative;\n            }\n        `\n    ],\n    imports: [NgClass, NgStyle, NgTemplateOutlet]\n})\nexport class TabsComponent implements OnInit, AfterContentInit, OnDestroy {\n    private _cdRef = inject(ChangeDetectorRef);\n    private _tabsService = inject(TabsService);\n\n    @Input() size: 'sm' | 'md' | 'lg' = 'md';\n    @Input() maskColor: string = '#373737';\n\n    @ViewChild('scrollContainer', { static: true }) scrollContainer: ElementRef<HTMLElement>;\n    @ViewChild('activeBar', { static: true }) activeBar: ElementRef<HTMLElement>;\n\n    @ContentChildren(TabDirective) tabs: QueryList<TabDirective> = new QueryList();\n\n    private _scrollAndResizeSub: Subscription;\n    private _activeChangeSub: Subscription;\n    private _transitionEndSub: Subscription;\n    private _tabsChangeSub: Subscription;\n    private _paginationTolerance: number = 100;\n\n    ngOnInit() {\n        const scrollStop$ = fromEvent(this.scrollContainer.nativeElement, 'scroll');\n        const windowResizeStop$ = fromEvent(window, 'resize');\n\n        this._scrollAndResizeSub = merge(scrollStop$, windowResizeStop$)\n            .pipe(debounceTime(50))\n            .subscribe(() => this._cdRef.detectChanges());\n\n        this._subscribeToActiveChange();\n        this._subscribeToActiveBarTransitionEnd();\n    }\n\n    ngAfterContentInit() {\n        this._subscribeToTabsChange();\n    }\n\n    getActiveStyles(): Record<string, string> {\n        const tab: TabDirective = this._getActiveTab();\n\n        if (tab) {\n            const btn = tab.elRef.nativeElement.querySelector('button');\n            return {\n                width: (btn ?? tab.elRef.nativeElement).getBoundingClientRect().width + 'px',\n                transform: `translateX(${tab.elRef.nativeElement.offsetLeft}px)`\n            };\n        }\n        return {};\n    }\n\n    prev(): void {\n        this._getScrollEl().scrollLeft -= this.clientWidth - this._paginationTolerance;\n    }\n\n    next() {\n        this._getScrollEl().scrollLeft += this.clientWidth - this._paginationTolerance;\n    }\n\n    onKeydown(event: KeyboardEvent) {\n        const tabs = this.tabs.toArray();\n        if (!tabs.length) return;\n\n        const focusedIndex = tabs.findIndex(t =>\n            t.elRef.nativeElement.contains(document.activeElement)\n        );\n        if (focusedIndex === -1) return;\n\n        let targetIndex: number | null = null;\n\n        switch (event.key) {\n            case 'ArrowLeft':\n                targetIndex = focusedIndex === 0 ? tabs.length - 1 : focusedIndex - 1;\n                break;\n            case 'ArrowRight':\n                targetIndex = focusedIndex === tabs.length - 1 ? 0 : focusedIndex + 1;\n                break;\n            case 'Home':\n                targetIndex = 0;\n                break;\n            case 'End':\n                targetIndex = tabs.length - 1;\n                break;\n        }\n\n        if (targetIndex !== null) {\n            event.preventDefault();\n            this.tabs.forEach(t => t.setTabindex('-1'));\n            tabs[targetIndex].setTabindex('0');\n            tabs[targetIndex].focus();\n        }\n    }\n\n    onFocusOut() {\n        setTimeout(() => {\n            if (!this.scrollContainer.nativeElement.contains(document.activeElement)) {\n                this.tabs.forEach(t => t.restoreTabindex());\n            }\n        });\n    }\n\n    get tabSizeClass(): string {\n        return `nav-${this.size}`;\n    }\n\n    get background() {\n        return {\n            background: `linear-gradient(to left, rgba(0,0,0,0), ${this.maskColor})`\n        };\n    }\n\n    get clientWidth(): number {\n        return this._getScrollEl().clientWidth;\n    }\n\n    get shouldShowPagination(): boolean {\n        return +(this._getScrollEl().scrollWidth / this.clientWidth).toFixed(1) >= 1;\n    }\n\n    get shouldShowPrev(): boolean {\n        return this._getScrollEl().scrollLeft >= 1;\n    }\n\n    get shouldShowNext(): boolean {\n        return this._getScrollEl().scrollLeft + this.clientWidth < this._getScrollEl().scrollWidth;\n    }\n\n    private _subscribeToActiveChange() {\n        this._activeChangeSub = this._tabsService.activeChange.subscribe(tab => {\n            this._scrollToTabIfRequired(tab);\n\n            setTimeout(() => {\n                this._cdRef.detectChanges();\n            }, 0);\n        });\n    }\n\n    private _subscribeToTabsChange() {\n        this._tabsChangeSub = this.tabs.changes.subscribe(() => {\n            setTimeout(() => {\n                this._cdRef.detectChanges();\n            }, 0);\n        });\n    }\n\n    private _subscribeToActiveBarTransitionEnd() {\n        this._transitionEndSub = fromEvent(this.activeBar.nativeElement, 'transitionend')\n            .pipe(debounceTime(50))\n            .subscribe(() => this._cdRef.detectChanges());\n    }\n\n    private _getActiveTab(): TabDirective {\n        return this.tabs.filter(t => t.isActive)[0];\n    }\n\n    private _getScrollEl(): HTMLElement {\n        return this.scrollContainer.nativeElement;\n    }\n\n    private _scrollToTabIfRequired(tab: TabDirective) {\n        const offsetLeft = tab.elRef.nativeElement.offsetLeft;\n        const position = {\n            left: offsetLeft,\n            right: offsetLeft + tab.elRef.nativeElement.clientWidth\n        };\n\n        const shouldScrollLeft: boolean = position.left < this._getScrollEl().scrollLeft;\n        const shouldScrollRight: boolean = position.right > this._getScrollEl().scrollLeft + this.clientWidth;\n\n        if (shouldScrollLeft) {\n            this._getScrollEl().scrollLeft = position.left - 30;\n        } else if (shouldScrollRight) {\n            this._getScrollEl().scrollLeft = position.right - this.clientWidth + 12 + 30; // plus 12 for margin\n        }\n    }\n\n    ngOnDestroy() {\n        this._scrollAndResizeSub.unsubscribe();\n        this._activeChangeSub.unsubscribe();\n        this._transitionEndSub.unsubscribe();\n        this._tabsChangeSub.unsubscribe();\n    }\n}\n","<div class=\"scroll-container\"\n    #scrollContainer>\n    <ul class=\"nav nav-tabs\"\n        [ngClass]=\"tabSizeClass\"\n        role=\"tablist\"\n        (keydown)=\"onKeydown($event)\"\n        (focusout)=\"onFocusOut()\">\n        <ng-content></ng-content>\n    </ul>\n    <div #activeBar\n        class=\"nav-tabs-active-bar\"\n        aria-hidden=\"true\"\n        [ngStyle]=\"getActiveStyles()\"></div>\n</div>\n\n@if (shouldShowPagination) {\n    <div class=\"pagination-container\">\n        @if (shouldShowPrev) {\n            <div class=\"prev-page\"\n                (click)=\"prev()\"\n                [ngStyle]=\"background\">\n                <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\n            </div>\n        }\n        @if (shouldShowNext) {\n            <div class=\"next-page\"\n                (click)=\"next()\"\n                [ngStyle]=\"background\">\n                <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\n            </div>\n        }\n    </div>\n}\n\n<ng-template #paginator>\n    <button class=\"btn btn-md btn-ghost-alt\">\n        <i class=\"fas fa-chevron-left\"></i>\n    </button>\n</ng-template>","export { TabDirective } from './tab.directive';\nexport { TabsComponent } from './tabs.component';\n\nimport { TabDirective } from './tab.directive';\nimport { TabsComponent } from './tabs.component';\n\n/**\n * Export cooperating directives\n * https://v17.angular.io/guide/standalone-components#standalone-components-for-library-authors\n */\nexport const TABS_DIRECTIVES = [TabDirective, TabsComponent] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"nw-style-guide-tabs.mjs","sources":["../../../projects/nw-style-guide/tabs/tabs.service.ts","../../../projects/nw-style-guide/tabs/tab.directive.ts","../../../projects/nw-style-guide/tabs/tabs.component.ts","../../../projects/nw-style-guide/tabs/tabs.component.html","../../../projects/nw-style-guide/tabs/public-api.ts","../../../projects/nw-style-guide/tabs/nw-style-guide-tabs.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\nimport { Subject, Observable } from 'rxjs';\nimport { TabDirective } from './tab.directive';\n\n@Injectable()\nexport class TabsService {\n    private _activeChange: Subject<TabDirective> = new Subject();\n    public activeChange: Observable<TabDirective> = this._activeChange.asObservable();\n\n    notifyActiveChange(tab: TabDirective) {\n        this._activeChange.next(tab);\n    }\n}\n","import { AfterContentInit, Directive, ElementRef, effect, input, inject } from '@angular/core';\nimport { TabsService } from './tabs.service';\n\n@Directive({\n    selector: '[nwTab]',\n    host: {\n        role: 'tab',\n        '[class.active]': 'isActive()',\n        '[attr.aria-selected]': 'isActive()'\n    }\n})\nexport class TabDirective implements AfterContentInit {\n    readonly elRef = inject<ElementRef<HTMLElement>>(ElementRef);\n    private _tabsService = inject(TabsService);\n\n    isActive = input<boolean>(false);\n\n    constructor() {\n        effect(() => {\n            this._applyTabindex(this.isActive() ? '0' : '-1');\n            if (this.isActive()) {\n                this._tabsService.notifyActiveChange(this);\n            }\n        });\n    }\n\n    ngAfterContentInit() {\n        // <li role=\"tab\"> is the keyboard target; inner tab button is click-only\n        this.elRef.nativeElement.querySelector<HTMLButtonElement>('button')?.setAttribute('tabindex', '-1');\n    }\n\n    focus() {\n        this.elRef.nativeElement.focus();\n    }\n\n    setTabindex(value: string) {\n        this._applyTabindex(value);\n    }\n\n    restoreTabindex() {\n        this._applyTabindex(this.isActive() ? '0' : '-1');\n    }\n\n    private _applyTabindex(value: string) {\n        this.elRef.nativeElement.setAttribute('tabindex', value);\n        this._actionButton()?.setAttribute('tabindex', value);\n    }\n\n    private _actionButton(): HTMLButtonElement | null {\n        const btns = this.elRef.nativeElement.querySelectorAll<HTMLButtonElement>('button');\n        return btns.length > 1 ? btns[1] : null;\n    }\n}\n","import {\n    Component,\n    ContentChildren,\n    QueryList,\n    Input,\n    ElementRef,\n    ViewChild,\n    OnInit,\n    ChangeDetectorRef,\n    OnDestroy,\n    ChangeDetectionStrategy,\n    AfterContentInit,\n    inject\n} from '@angular/core';\nimport { TabDirective } from './tab.directive';\nimport { fromEvent, Subscription, merge } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\nimport { TabsService } from './tabs.service';\nimport { NgClass, NgStyle, NgTemplateOutlet } from '@angular/common';\n\n@Component({\n    selector: 'nw-tabs',\n    templateUrl: './tabs.component.html',\n    providers: [TabsService],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    styles: [\n        `\n            :host,\n            ul,\n            .scroll-container {\n                position: relative;\n            }\n        `\n    ],\n    imports: [NgClass, NgStyle, NgTemplateOutlet]\n})\nexport class TabsComponent implements OnInit, AfterContentInit, OnDestroy {\n    private _cdRef = inject(ChangeDetectorRef);\n    private _tabsService = inject(TabsService);\n\n    @Input() size: 'sm' | 'md' | 'lg' = 'md';\n    @Input() maskColor: string = '#373737';\n\n    @ViewChild('scrollContainer', { static: true }) scrollContainer: ElementRef<HTMLElement>;\n    @ViewChild('activeBar', { static: true }) activeBar: ElementRef<HTMLElement>;\n\n    @ContentChildren(TabDirective) tabs: QueryList<TabDirective> = new QueryList();\n\n    private _scrollAndResizeSub: Subscription;\n    private _activeChangeSub: Subscription;\n    private _transitionEndSub: Subscription;\n    private _tabsChangeSub: Subscription;\n    private _paginationTolerance: number = 100;\n\n    ngOnInit() {\n        const scrollStop$ = fromEvent(this.scrollContainer.nativeElement, 'scroll');\n        const windowResizeStop$ = fromEvent(window, 'resize');\n\n        this._scrollAndResizeSub = merge(scrollStop$, windowResizeStop$)\n            .pipe(debounceTime(50))\n            .subscribe(() => this._cdRef.detectChanges());\n\n        this._subscribeToActiveChange();\n        this._subscribeToActiveBarTransitionEnd();\n    }\n\n    ngAfterContentInit() {\n        this._subscribeToTabsChange();\n    }\n\n    getActiveStyles(): Record<string, string> {\n        const tab: TabDirective = this._getActiveTab();\n\n        if (tab) {\n            const btn = tab.elRef.nativeElement.querySelector('button');\n            return {\n                width: (btn ?? tab.elRef.nativeElement).getBoundingClientRect().width + 'px',\n                transform: `translateX(${tab.elRef.nativeElement.offsetLeft}px)`\n            };\n        }\n        return {};\n    }\n\n    prev(): void {\n        this._getScrollEl().scrollLeft -= this.clientWidth - this._paginationTolerance;\n    }\n\n    next() {\n        this._getScrollEl().scrollLeft += this.clientWidth - this._paginationTolerance;\n    }\n\n    onKeydown(event: KeyboardEvent) {\n        const tabs = this.tabs.toArray();\n        if (!tabs.length) return;\n\n        const focusedIndex = tabs.findIndex(t => t.elRef.nativeElement.contains(document.activeElement));\n        if (focusedIndex === -1) return;\n\n        let targetIndex: number | null = null;\n\n        switch (event.key) {\n            case 'ArrowLeft':\n                targetIndex = focusedIndex === 0 ? tabs.length - 1 : focusedIndex - 1;\n                break;\n            case 'ArrowRight':\n                targetIndex = focusedIndex === tabs.length - 1 ? 0 : focusedIndex + 1;\n                break;\n            case 'Home':\n                targetIndex = 0;\n                break;\n            case 'End':\n                targetIndex = tabs.length - 1;\n                break;\n        }\n\n        if (targetIndex !== null) {\n            event.preventDefault();\n            this.tabs.forEach(t => t.setTabindex('-1'));\n            tabs[targetIndex].setTabindex('0');\n            tabs[targetIndex].focus();\n        }\n    }\n\n    onFocusOut() {\n        setTimeout(() => {\n            if (!this.scrollContainer.nativeElement.contains(document.activeElement)) {\n                this.tabs.forEach(t => t.restoreTabindex());\n            }\n        });\n    }\n\n    get tabSizeClass(): string {\n        return `nav-${this.size}`;\n    }\n\n    get background() {\n        return {\n            background: `linear-gradient(to left, rgba(0,0,0,0), ${this.maskColor})`\n        };\n    }\n\n    get clientWidth(): number {\n        return this._getScrollEl().clientWidth;\n    }\n\n    get shouldShowPagination(): boolean {\n        return +(this._getScrollEl().scrollWidth / this.clientWidth).toFixed(1) >= 1;\n    }\n\n    get shouldShowPrev(): boolean {\n        return this._getScrollEl().scrollLeft >= 1;\n    }\n\n    get shouldShowNext(): boolean {\n        return this._getScrollEl().scrollLeft + this.clientWidth < this._getScrollEl().scrollWidth;\n    }\n\n    private _subscribeToActiveChange() {\n        this._activeChangeSub = this._tabsService.activeChange.subscribe(tab => {\n            this._scrollToTabIfRequired(tab);\n\n            setTimeout(() => {\n                this._cdRef.detectChanges();\n            }, 0);\n        });\n    }\n\n    private _subscribeToTabsChange() {\n        this._tabsChangeSub = this.tabs.changes.subscribe(() => {\n            setTimeout(() => {\n                this._cdRef.detectChanges();\n            }, 0);\n        });\n    }\n\n    private _subscribeToActiveBarTransitionEnd() {\n        this._transitionEndSub = fromEvent(this.activeBar.nativeElement, 'transitionend')\n            .pipe(debounceTime(50))\n            .subscribe(() => this._cdRef.detectChanges());\n    }\n\n    private _getActiveTab(): TabDirective {\n        return this.tabs.filter(t => t.isActive)[0];\n    }\n\n    private _getScrollEl(): HTMLElement {\n        return this.scrollContainer.nativeElement;\n    }\n\n    private _scrollToTabIfRequired(tab: TabDirective) {\n        const offsetLeft = tab.elRef.nativeElement.offsetLeft;\n        const position = {\n            left: offsetLeft,\n            right: offsetLeft + tab.elRef.nativeElement.clientWidth\n        };\n\n        const shouldScrollLeft: boolean = position.left < this._getScrollEl().scrollLeft;\n        const shouldScrollRight: boolean = position.right > this._getScrollEl().scrollLeft + this.clientWidth;\n\n        if (shouldScrollLeft) {\n            this._getScrollEl().scrollLeft = position.left - 30;\n        } else if (shouldScrollRight) {\n            this._getScrollEl().scrollLeft = position.right - this.clientWidth + 12 + 30; // plus 12 for margin\n        }\n    }\n\n    ngOnDestroy() {\n        this._scrollAndResizeSub.unsubscribe();\n        this._activeChangeSub.unsubscribe();\n        this._transitionEndSub.unsubscribe();\n        this._tabsChangeSub.unsubscribe();\n    }\n}\n","<div\n    class=\"scroll-container\"\n    #scrollContainer>\n    <ul\n        class=\"nav nav-tabs\"\n        [ngClass]=\"tabSizeClass\"\n        role=\"tablist\"\n        (keydown)=\"onKeydown($event)\"\n        (focusout)=\"onFocusOut()\">\n        <ng-content></ng-content>\n    </ul>\n    <div\n        #activeBar\n        class=\"nav-tabs-active-bar\"\n        aria-hidden=\"true\"\n        [ngStyle]=\"getActiveStyles()\"></div>\n</div>\n\n@if (shouldShowPagination) {\n    <div class=\"pagination-container\">\n        @if (shouldShowPrev) {\n            <div\n                class=\"prev-page\"\n                (click)=\"prev()\"\n                [ngStyle]=\"background\">\n                <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\n            </div>\n        }\n        @if (shouldShowNext) {\n            <div\n                class=\"next-page\"\n                (click)=\"next()\"\n                [ngStyle]=\"background\">\n                <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\n            </div>\n        }\n    </div>\n}\n\n<ng-template #paginator>\n    <button class=\"btn btn-md btn-ghost-alt\">\n        <i class=\"fas fa-chevron-left\"></i>\n    </button>\n</ng-template>\n","export { TabDirective } from './tab.directive';\nexport { TabsComponent } from './tabs.component';\n\nimport { TabDirective } from './tab.directive';\nimport { TabsComponent } from './tabs.component';\n\n/**\n * Export cooperating directives\n * https://v17.angular.io/guide/standalone-components#standalone-components-for-library-authors\n */\nexport const TABS_DIRECTIVES = [TabDirective, TabsComponent] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/loader/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nw-style-guide-loader.mjs",
+  "typings": "../types/nw-style-guide-loader.d.ts"
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nw-style-guide",
   "type": "module",
-  "version": "21.2.0-beta.4",
+  "version": "21.2.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/NewsWhip/style-guide"

package/picker/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nw-style-guide-picker.mjs",
+  "typings": "../types/nw-style-guide-picker.d.ts"
+}

package/resize-observer/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nw-style-guide-resize-observer.mjs",
+  "typings": "../types/nw-style-guide-resize-observer.d.ts"
+}

package/tabs/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nw-style-guide-tabs.mjs",
+  "typings": "../types/nw-style-guide-tabs.d.ts"
+}

package/toasts/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nw-style-guide-toasts.mjs",
+  "typings": "../types/nw-style-guide-toasts.d.ts"
+}

package/tooltips/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nw-style-guide-tooltips.mjs",
+  "typings": "../types/nw-style-guide-tooltips.d.ts"
+}

package/types/nw-style-guide-tabs.d.ts

@@ -1,21 +1,19 @@
 import * as i0 from '@angular/core';
-import { OnChanges, AfterContentInit, ElementRef, SimpleChanges, OnInit, OnDestroy, QueryList } from '@angular/core';
+import { AfterContentInit, ElementRef, OnInit, OnDestroy, QueryList } from '@angular/core';
 
-declare class TabDirective implements OnChanges, AfterContentInit {
+declare class TabDirective implements AfterContentInit {
     readonly elRef: ElementRef<HTMLElement>;
     private _tabsService;
-    isActive: boolean;
-    readonly role = "tab";
-    get ariaSelected(): string;
+    isActive: i0.InputSignal<boolean>;
+    constructor();
     ngAfterContentInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     focus(): void;
     setTabindex(value: string): void;
     restoreTabindex(): void;
     private _applyTabindex;
     private _actionButton;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TabDirective, "[nwTab]", never, { "isActive": { "alias": "isActive"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TabDirective, "[nwTab]", never, { "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class TabsComponent implements OnInit, AfterContentInit, OnDestroy {

package/word-cloud/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../fesm2022/nw-style-guide-word-cloud.mjs",
+  "typings": "../types/nw-style-guide-word-cloud.d.ts"
+}