@skyux/tabs 5.7.2 → 6.0.0-beta.2

package/esm2015/lib/modules/tabs/tabset.component.js

@@ -1,407 +0,0 @@
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ContentChildren, ElementRef, EventEmitter, Input, Output, QueryList, ViewEncapsulation, } from '@angular/core';
-import { Subject, combineLatest, race } from 'rxjs';
-import { distinctUntilChanged, takeUntil } from 'rxjs/operators';
-import { SkyTabComponent } from './tab.component';
-import { SkyTabsetAdapterService } from './tabset-adapter.service';
-import { SkyTabsetPermalinkService } from './tabset-permalink.service';
-import { SkyTabsetService } from './tabset.service';
-import * as i0 from "@angular/core";
-import * as i1 from "./tabset-adapter.service";
-import * as i2 from "./tabset-permalink.service";
-import * as i3 from "./tabset.service";
-import * as i4 from "@skyux/popovers";
-import * as i5 from "@skyux/indicators";
-import * as i6 from "./tab-button.component";
-import * as i7 from "@angular/common";
-import * as i8 from "@skyux/theme";
-import * as i9 from "@skyux/i18n";
-export class SkyTabsetComponent {
-    constructor(changeDetector, elementRef, adapterService, permalinkService, tabsetService) {
-        this.changeDetector = changeDetector;
-        this.elementRef = elementRef;
-        this.adapterService = adapterService;
-        this.permalinkService = permalinkService;
-        this.tabsetService = tabsetService;
-        /**
-         * Fires when the active tab changes. This event emits the index of the active tab.
-         */
-        this.activeChange = new EventEmitter();
-        /**
-         * Fires when users click the button to add a new tab.
-         * The new tab button is added to the tab area when you specify a listener for this event.
-         */
-        this.newTab = new EventEmitter();
-        /**
-         * Fires when users click the button to open a tab.
-         * The open tab button is added to the tab area when you specify a listener for this event.
-         */
-        this.openTab = new EventEmitter();
-        /**
-         * Fires when any tab's `tabIndex` value changes.
-         */
-        this.tabIndexesChange = new EventEmitter();
-        this.tabButtons = [];
-        this.ngUnsubscribe = new Subject();
-        this.tabComponentsStateChangeUnsubscribe = new Subject();
-    }
-    /**
-     * Activates a tab by its `tabIndex` property.
-     */
-    set active(value) {
-        if (value === undefined ||
-            this.tabsetService.tabIndexesEqual(value, this._active)) {
-            return;
-        }
-        this._active = value;
-        if (this.tabs) {
-            this.tabsetService.setActiveTabIndex(value);
-        }
-        else {
-            // On init, wait for children tabs to render before broadcasting the active tab index.
-            setTimeout(() => {
-                if (this.tabsetService.isValidTabIndex(value)) {
-                    // On init, yield to the permalink ID, if it exists.
-                    if (this.getActiveTabIndexByPermalinkId() === undefined) {
-                        this.tabsetService.setActiveTabIndex(value);
-                    }
-                }
-                else {
-                    // Activate the first tab if the new tab index is invalid.
-                    this._active = this.tabsetService.activateFirstTab();
-                }
-            });
-        }
-    }
-    get active() {
-        return this._active;
-    }
-    /**
-     * Distinguishes a tabset's unique state in the URL by generating a query parameter
-     * that is written as `?<queryParam>-active-tab=<sanitized-tab-heading>`.
-     * The query parameter's value is parsed automatically from the selected tab's heading text,
-     * but you can supply a custom query parameter value for each tab with its `permalinkValue`.
-     */
-    set permalinkId(value) {
-        if (!value) {
-            return;
-        }
-        const sanitized = this.permalinkService.urlify(value);
-        this._permalinkId = `${sanitized}-active-tab`;
-    }
-    get permalinkId() {
-        return this._permalinkId || '';
-    }
-    /**
-     * Specifies the behavior for a series of tabs.
-     * @deprecated The property was designed to create wizards by setting tabStyle="wizard" on tabsets in modals,
-     * but this wizard implementation was replaced by the
-     * [progress indicator component](https://developer.blackbaud.com/skyux/components/progress-indicator).
-     * @default "tabs"
-     */
-    set tabStyle(value) {
-        /*istanbul ignore else*/
-        if (value && value.toLowerCase() === 'wizard') {
-            console.warn('The tabset wizard is deprecated. Please implement the new approach using ' +
-                'progress indicator as documented here: https://developer.blackbaud.com/skyux/components/wizard.');
-        }
-        this._tabStyle = value;
-    }
-    get tabStyle() {
-        return this._tabStyle || 'tabs';
-    }
-    set tabDisplayMode(value) {
-        this._tabDisplayMode = value;
-        this.changeDetector.markForCheck();
-    }
-    get tabDisplayMode() {
-        return this._tabDisplayMode || 'tabs';
-    }
-    ngAfterViewInit() {
-        this.initTabComponents();
-        this.listenTabComponentsStructuralChange();
-        const initialTabIndex = this.getInitialTabIndex();
-        this.tabsetService.setActiveTabIndex(initialTabIndex);
-        this.listenTabButtonsOverflowChange();
-        this.listenLocationPopStateChange();
-        // If the currently active tab is getting unregistered, activate the next one.
-        this.tabsetService.activeTabUnregistered
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((tab) => {
-            // Wait for the new tabs to render before activating.
-            setTimeout(() => {
-                this.tabsetService.activateNearestTab(tab.arrayIndex);
-            });
-        });
-        // Let the tabset render the initial active index before listening for changes.
-        setTimeout(() => {
-            this.listenTabComponentsStateChange();
-            this.listenActiveIndexChange();
-            this.permalinkService.init();
-        });
-    }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-        this.unsubscribeTabComponentsStateChange();
-        if (this.permalinkId) {
-            this.permalinkService.clearParam(this.permalinkId);
-        }
-    }
-    onWindowResize() {
-        this.adapterService.detectOverflow();
-    }
-    onTabCloseClick(tabButton) {
-        const tabComponent = this.tabs.find((tab) => this.tabsetService.tabIndexesEqual(tab.tabIndex, tabButton.tabIndex));
-        tabComponent.close.emit();
-    }
-    onTabButtonClick(tabButton) {
-        this.tabsetService.setActiveTabIndex(tabButton.tabIndex);
-    }
-    onNewTabClick() {
-        this.newTab.emit();
-    }
-    onOpenTabClick() {
-        this.openTab.emit();
-    }
-    /**
-     * Sets the initial active tab index based on the following criteria.
-     * 1. Does the URL include a query param that reflects this tabset's active tab?
-     * 2. Does one of the tab components have their `active` property set to `true`?
-     * 3. Is the tabset component's `active` property set to a specific tab index?
-     */
-    getInitialTabIndex() {
-        var _a;
-        let activeIndex = this.getActiveTabIndexByPermalinkId();
-        if (activeIndex === undefined) {
-            activeIndex = (_a = this.getActiveTabComponent()) === null || _a === void 0 ? void 0 : _a.tabIndex;
-            if (activeIndex === undefined) {
-                activeIndex = this.active;
-            }
-        }
-        return activeIndex;
-    }
-    listenActiveIndexChange() {
-        this.tabsetService.activeTabIndex
-            .pipe(distinctUntilChanged(), takeUntil(this.ngUnsubscribe))
-            .subscribe((activeIndex) => {
-            this.updateTabsetComponent(activeIndex);
-        });
-    }
-    listenTabComponentsStructuralChange() {
-        this.tabs.changes.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
-            this.resetTabComponents();
-        });
-    }
-    listenTabComponentsStateChange() {
-        combineLatest(this.tabs.map((tab) => tab.activeChange))
-            .pipe(takeUntil(race(this.tabComponentsStateChangeUnsubscribe, this.ngUnsubscribe)))
-            .subscribe(() => {
-            // Wait for the tab components to render changes before finding the active one.
-            setTimeout(() => {
-                var _a;
-                const tabIndex = (_a = this.getActiveTabComponent()) === null || _a === void 0 ? void 0 : _a.tabIndex;
-                this.tabsetService.setActiveTabIndex(tabIndex);
-            });
-        });
-        combineLatest(this.tabs.map((tab) => tab.tabIndexChange))
-            .pipe(takeUntil(race(this.tabComponentsStateChangeUnsubscribe, this.ngUnsubscribe)))
-            .subscribe(() => {
-            // Don't emit the first change.
-            if (this.lastActiveTabIndex !== undefined) {
-                // Wait for the tab components to render changes before updating the view.
-                setTimeout(() => {
-                    this.updateTabsetComponent(this.tabsetService.currentActiveTabIndex, true);
-                    this.emitTabIndexChange();
-                });
-            }
-        });
-        combineLatest(this.tabs.map((tab) => tab.stateChange))
-            .pipe(takeUntil(race(this.tabComponentsStateChangeUnsubscribe, this.ngUnsubscribe)))
-            .subscribe(() => {
-            // Wait for the tab components to render changes before finding the active one.
-            setTimeout(() => {
-                this.updateTabsetComponent(this.tabsetService.currentActiveTabIndex, true);
-            });
-        });
-    }
-    initTabComponents() {
-        this.tabs.forEach((tab) => tab.init());
-    }
-    resetTabComponents() {
-        var _a;
-        this.unsubscribeTabComponentsStateChange();
-        this.tabsetService.unregisterAll();
-        // If there are no tab components, do a hard reset of the view.
-        if (this.tabs.length === 0) {
-            this.updateTabsetComponent(0, true);
-            return;
-        }
-        this.initTabComponents();
-        const activeIndex = (_a = this.getActiveTabComponent()) === null || _a === void 0 ? void 0 : _a.tabIndex;
-        this.tabsetService.setActiveTabIndex(activeIndex, {
-            emitChange: false,
-        });
-        this.listenTabComponentsStateChange();
-    }
-    emitTabIndexChange() {
-        this.tabIndexesChange.emit({
-            tabs: this.tabs.map((tab) => ({
-                tabHeading: tab.tabHeading,
-                tabIndex: tab.tabIndex,
-            })),
-        });
-    }
-    unsubscribeTabComponentsStateChange() {
-        this.tabComponentsStateChangeUnsubscribe.next();
-        this.tabComponentsStateChangeUnsubscribe.complete();
-        this.tabComponentsStateChangeUnsubscribe = new Subject();
-    }
-    listenTabButtonsOverflowChange() {
-        this.adapterService.registerTabset(this.elementRef);
-        this.adapterService.overflowChange
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((isOverflowing) => {
-            this.tabDisplayMode = isOverflowing ? 'dropdown' : 'tabs';
-            this.changeDetector.markForCheck();
-        });
-    }
-    /**
-     * Listen for back/forward history button presses to detect query param changes in the URL.
-     */
-    listenLocationPopStateChange() {
-        this.permalinkService.popStateChange
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(() => {
-            this.setActiveTabIndexByPermalinkId();
-        });
-    }
-    setActiveTabIndexByPermalinkId() {
-        const activeIndex = this.getActiveTabIndexByPermalinkId();
-        this.tabsetService.setActiveTabIndex(activeIndex);
-    }
-    getActiveTabIndexByPermalinkId() {
-        var _a;
-        if (this.permalinkId) {
-            const paramValue = this.permalinkService.getParam(this.permalinkId);
-            if (paramValue) {
-                return (_a = this.tabs.find((tab) => tab.permalinkValue === paramValue)) === null || _a === void 0 ? void 0 : _a.tabIndex;
-            }
-        }
-    }
-    getActiveTabComponent() {
-        return this.tabs
-            .toArray()
-            .reverse()
-            .find((tab) => tab.active === true);
-    }
-    createTabButtons(activeIndex) {
-        return this.tabs.map((tab) => ({
-            active: this.tabsetService.tabIndexesEqual(tab.tabIndex, activeIndex),
-            closeable: tab.closeable,
-            ariaControls: tab.tabPanelId,
-            disabled: tab.disabled,
-            /*tslint:disable-next-line:no-null-keyword*/
-            buttonHref: tab.disabled
-                ? null
-                : this.permalinkService.getParamHref(this.permalinkId, tab.permalinkValue),
-            buttonId: tab.tabButtonId,
-            buttonTextCount: tab.tabHeaderCount,
-            buttonText: tab.tabHeading,
-            tabIndex: tab.tabIndex,
-        }));
-    }
-    updateTabButtons(activeIndex) {
-        this.tabButtons.forEach((button) => {
-            button.active = this.tabsetService.tabIndexesEqual(button.tabIndex, activeIndex);
-        });
-    }
-    /**
-     * Updates the UI and state of the tabset component after the tab index or
-     * tab components have changed.
-     * @param activeIndex The currently active tab index.
-     * @param regenerateTabButtons Indicates if tab button view models should be regenerated.
-     * Setting this value to `false` will simply update the existing tab buttons. Setting this value
-     * to `true` is only necessary when the underlying tab components have changed and the tab
-     * buttons must reflect those changes.
-     */
-    updateTabsetComponent(activeIndex, regenerateTabButtons = false) {
-        var _a;
-        // Activate/deactivate tab components.
-        this.tabs.forEach((tab) => {
-            this.tabsetService.tabIndexesEqual(tab.tabIndex, activeIndex)
-                ? tab.activate()
-                : tab.deactivate();
-        });
-        // Update the tab button models.
-        if (regenerateTabButtons || !this.tabButtons.length) {
-            this.tabButtons = this.createTabButtons(activeIndex);
-        }
-        else {
-            this.updateTabButtons(activeIndex);
-        }
-        // Update the dropdown trigger button text.
-        this.dropdownTriggerButtonText = (_a = this.tabButtons.find((b) => {
-            return this.tabsetService.tabIndexesEqual(b.tabIndex, activeIndex);
-        })) === null || _a === void 0 ? void 0 : _a.buttonText;
-        // Set the query params based on active tab.
-        if (this.permalinkId) {
-            const activeTabComponent = this.tabs.find((tab) => {
-                return this.tabsetService.tabIndexesEqual(tab.tabIndex, activeIndex);
-            });
-            this.permalinkService.setParam(this.permalinkId, activeTabComponent.permalinkValue);
-        }
-        // Wait for tab button view models to render before gauging dimensions.
-        setTimeout(() => {
-            this.adapterService.detectOverflow();
-        });
-        this.changeDetector.markForCheck();
-        // Emit the new active index value to consumers.
-        if (this.lastActiveTabIndex !== activeIndex) {
-            this.lastActiveTabIndex = activeIndex;
-            this.activeChange.emit(activeIndex);
-        }
-    }
-}
-SkyTabsetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTabsetComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.SkyTabsetAdapterService }, { token: i2.SkyTabsetPermalinkService }, { token: i3.SkyTabsetService }], target: i0.ɵɵFactoryTarget.Component });
-SkyTabsetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTabsetComponent, selector: "sky-tabset", inputs: { active: "active", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", permalinkId: "permalinkId", tabStyle: "tabStyle" }, outputs: { activeChange: "activeChange", newTab: "newTab", openTab: "openTab", tabIndexesChange: "tabIndexesChange" }, providers: [
-        SkyTabsetAdapterService,
-        SkyTabsetPermalinkService,
-        SkyTabsetService,
-    ], queries: [{ propertyName: "tabs", predicate: SkyTabComponent }], ngImport: i0, template: "<div\n  class=\"sky-tabset\"\n  role=\"tablist\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.aria-labelledby]=\"ariaLabelledBy\"\n  [ngClass]=\"\n    'sky-tabset-mode-' + tabDisplayMode + ' sky-tabset-style-' + tabStyle\n  \"\n  (window:resize)=\"onWindowResize()\"\n>\n  <span class=\"sky-tabset-dropdown\">\n    <sky-dropdown *ngIf=\"tabDisplayMode === 'dropdown'\" buttonType=\"tab\">\n      <sky-dropdown-button>\n        {{ dropdownTriggerButtonText }}\n      </sky-dropdown-button>\n      <sky-dropdown-menu>\n        <sky-dropdown-item\n          *ngFor=\"let tabButton of tabButtons\"\n          class=\"sky-tab-dropdown-menu-item\"\n        >\n          <div\n            class=\"sky-tab-dropdown-item\"\n            [ngClass]=\"{\n              'sky-tab-dropdown-item-selected': tabButton.active\n            }\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                tabButtonTemplate;\n                context: {\n                  $implicit: tabButton\n                }\n              \"\n            ></ng-container>\n          </div>\n        </sky-dropdown-item>\n      </sky-dropdown-menu>\n    </sky-dropdown>\n  </span>\n  <span class=\"sky-tabset-tabs\">\n    <ng-container *ngFor=\"let tabButton of tabButtons\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          tabButtonTemplate;\n          context: {\n            $implicit: tabButton\n          }\n        \"\n      ></ng-container>\n    </ng-container>\n  </span>\n  <span class=\"sky-tabset-btns\">\n    <button\n      *ngIf=\"newTab.observers.length > 0\"\n      class=\"sky-btn sky-btn-icon sky-tabset-btn-new sky-margin-inline-compact\"\n      type=\"button\"\n      [attr.aria-label]=\"'skyux_tab_add' | skyLibResources\"\n      [skyThemeClass]=\"{\n        'sky-margin-inline-sm': 'modern'\n      }\"\n      (click)=\"onNewTabClick()\"\n    >\n      <sky-icon icon=\"plus-circle\" size=\"lg\"> </sky-icon>\n    </button>\n    <button\n      *ngIf=\"openTab.observers.length > 0\"\n      class=\"sky-btn sky-btn-icon sky-tabset-btn-open sky-margin-inline-compact\"\n      type=\"button\"\n      [attr.aria-label]=\"'skyux_tab_open' | skyLibResources\"\n      [skyThemeClass]=\"{\n        'sky-margin-inline-sm': 'modern'\n      }\"\n      (click)=\"onOpenTabClick()\"\n    >\n      <sky-icon icon=\"folder-open-o\" size=\"lg\"> </sky-icon>\n    </button>\n  </span>\n</div>\n<ng-content></ng-content>\n\n<ng-template let-tabButton #tabButtonTemplate>\n  <sky-tab-button\n    [active]=\"tabButton.active\"\n    [ariaControls]=\"tabButton.ariaControls\"\n    [buttonHref]=\"tabButton.buttonHref\"\n    [buttonId]=\"tabButton.buttonId\"\n    [buttonText]=\"tabButton.buttonText\"\n    [buttonTextCount]=\"tabButton.buttonTextCount\"\n    [closeable]=\"tabButton.closeable\"\n    [disabled]=\"tabButton.disabled\"\n    [tabStyle]=\"tabStyle\"\n    (buttonClick)=\"onTabButtonClick(tabButton)\"\n    (closeClick)=\"onTabCloseClick(tabButton)\"\n  ></sky-tab-button>\n</ng-template>\n", styles: [".sky-tabset{align-items:center;border-bottom:2px solid #0974a1;display:flex;list-style-type:none;margin:0;overflow:hidden;padding:0 0 0 15px;white-space:nowrap}.sky-tabset.sky-tabset-style-wizard{border-bottom:none;padding-bottom:10px;padding-left:0}.sky-tabset-btns{order:1;padding-left:10px}.sky-tabset-dropdown{order:0;max-width:100%}.sky-tabset-mode-dropdown{line-height:0}.sky-tabset-mode-dropdown .sky-tabset-tabs{visibility:hidden;order:2}.sky-tab-dropdown-menu-item sky-tab-button{display:flex;min-width:300px}.sky-tab-dropdown-menu-item .sky-dropdown-item{margin:0}.sky-tab-dropdown-menu-item .sky-btn-tab-wrapper{width:100%;margin-right:0}.sky-tab-dropdown-menu-item .sky-btn-tab{margin:0;border-radius:0;width:100%;display:flex}.sky-tab-dropdown-menu-item .sky-btn-tab>.sky-tab-heading{flex:1 1 auto}.sky-tab-dropdown-menu-item .sky-btn-tab>.sky-btn-tab-close{flex:0 1 auto}.sky-tabset-tabs{order:0;white-space:nowrap}.sky-tabset-btn-new,.sky-tabset-btn-open{color:#0974a1}.sky-theme-modern .sky-tabset{border-bottom:1px solid #d2d2d2;overflow:visible}.sky-theme-modern .sky-tab-dropdown-menu-item .sky-btn-tab-wrapper{margin-right:0}\n"], components: [{ type: i4.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "dismissOnBlur", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { type: i4.λ2, selector: "sky-dropdown-button" }, { type: i4.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { type: i4.λ1, selector: "sky-dropdown-item", inputs: ["ariaRole"] }, { type: i5.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i6.SkyTabButtonComponent, selector: "sky-tab-button", inputs: ["active", "ariaControls", "buttonHref", "buttonId", "buttonText", "buttonTextCount", "closeable", "disabled", "tabStyle"], outputs: ["buttonClick", "closeClick"] }], directives: [{ type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i8.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "skyLibResources": i9.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTabsetComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'sky-tabset',
-                    styleUrls: ['./tabset.component.scss'],
-                    templateUrl: './tabset.component.html',
-                    providers: [
-                        SkyTabsetAdapterService,
-                        SkyTabsetPermalinkService,
-                        SkyTabsetService,
-                    ],
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.SkyTabsetAdapterService }, { type: i2.SkyTabsetPermalinkService }, { type: i3.SkyTabsetService }]; }, propDecorators: { active: [{
-                type: Input
-            }], ariaLabel: [{
-                type: Input
-            }], ariaLabelledBy: [{
-                type: Input
-            }], permalinkId: [{
-                type: Input
-            }], tabStyle: [{
-                type: Input
-            }], activeChange: [{
-                type: Output
-            }], newTab: [{
-                type: Output
-            }], openTab: [{
-                type: Output
-            }], tabIndexesChange: [{
-                type: Output
-            }], tabs: [{
-                type: ContentChildren,
-                args: [SkyTabComponent]
-            }] } });
-//# sourceMappingURL=tabset.component.js.map

package/esm2015/lib/modules/tabs/tabset.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabset.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/tabs/src/lib/modules/tabs/tabset.component.ts","../../../../../../../../libs/components/tabs/src/lib/modules/tabs/tabset.component.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnDestroy,\n  Output,\n  QueryList,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { Subject, combineLatest, race } from 'rxjs';\nimport { distinctUntilChanged, takeUntil } from 'rxjs/operators';\n\nimport { SkyTabIndex } from './tab-index';\nimport { SkyTabComponent } from './tab.component';\nimport { SkyTabsetAdapterService } from './tabset-adapter.service';\nimport { SkyTabsetButtonsDisplayMode } from './tabset-buttons-display-mode';\nimport { SkyTabsetPermalinkService } from './tabset-permalink.service';\nimport { SkyTabsetStyle } from './tabset-style';\nimport { SkyTabsetTabIndexesChange } from './tabset-tab-indexes-change';\nimport { SkyTabsetService } from './tabset.service';\n\n/**\n * @internal\n */\ninterface TabButtonViewModel {\n  active: boolean;\n  ariaControls: string;\n  buttonHref: string;\n  buttonId: string;\n  buttonText: string;\n  buttonTextCount: string;\n  closeable: boolean;\n  disabled: boolean;\n  tabIndex: SkyTabIndex;\n}\n\n@Component({\n  selector: 'sky-tabset',\n  styleUrls: ['./tabset.component.scss'],\n  templateUrl: './tabset.component.html',\n  providers: [\n    SkyTabsetAdapterService,\n    SkyTabsetPermalinkService,\n    SkyTabsetService,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\nexport class SkyTabsetComponent implements AfterViewInit, OnDestroy {\n  /**\n   * Activates a tab by its `tabIndex` property.\n   */\n  @Input()\n  public set active(value: SkyTabIndex) {\n    if (\n      value === undefined ||\n      this.tabsetService.tabIndexesEqual(value, this._active)\n    ) {\n      return;\n    }\n\n    this._active = value;\n\n    if (this.tabs) {\n      this.tabsetService.setActiveTabIndex(value);\n    } else {\n      // On init, wait for children tabs to render before broadcasting the active tab index.\n      setTimeout(() => {\n        if (this.tabsetService.isValidTabIndex(value)) {\n          // On init, yield to the permalink ID, if it exists.\n          if (this.getActiveTabIndexByPermalinkId() === undefined) {\n            this.tabsetService.setActiveTabIndex(value);\n          }\n        } else {\n          // Activate the first tab if the new tab index is invalid.\n          this._active = this.tabsetService.activateFirstTab();\n        }\n      });\n    }\n  }\n\n  public get active(): SkyTabIndex {\n    return this._active;\n  }\n\n  /**\n   * Specifies an ARIA label for the tabset. This sets the tabset's `aria-label` attribute\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   * If the tabset includes a visible label, use `ariaLabelledBy` instead.\n   */\n  @Input()\n  public ariaLabel: string;\n\n  /**\n   * Specifies the HTML element ID (without the leading `#`) of the element that labels\n   * the tabset. This sets the tabset's `aria-labelledby` attribute\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).\n   * If the tabset does not include a visible label, use `ariaLabel` instead.\n   */\n  @Input()\n  public ariaLabelledBy: string;\n\n  /**\n   * Distinguishes a tabset's unique state in the URL by generating a query parameter\n   * that is written as `?<queryParam>-active-tab=<sanitized-tab-heading>`.\n   * The query parameter's value is parsed automatically from the selected tab's heading text,\n   * but you can supply a custom query parameter value for each tab with its `permalinkValue`.\n   */\n  @Input()\n  public set permalinkId(value: string) {\n    if (!value) {\n      return;\n    }\n\n    const sanitized = this.permalinkService.urlify(value);\n    this._permalinkId = `${sanitized}-active-tab`;\n  }\n\n  public get permalinkId(): string {\n    return this._permalinkId || '';\n  }\n\n  /**\n   * Specifies the behavior for a series of tabs.\n   * @deprecated The property was designed to create wizards by setting tabStyle=\"wizard\" on tabsets in modals,\n   * but this wizard implementation was replaced by the\n   * [progress indicator component](https://developer.blackbaud.com/skyux/components/progress-indicator).\n   * @default \"tabs\"\n   */\n  @Input()\n  public set tabStyle(value: SkyTabsetStyle) {\n    /*istanbul ignore else*/\n    if (value && value.toLowerCase() === 'wizard') {\n      console.warn(\n        'The tabset wizard is deprecated. Please implement the new approach using ' +\n          'progress indicator as documented here: https://developer.blackbaud.com/skyux/components/wizard.'\n      );\n    }\n\n    this._tabStyle = value;\n  }\n\n  public get tabStyle(): SkyTabsetStyle {\n    return this._tabStyle || 'tabs';\n  }\n\n  /**\n   * Fires when the active tab changes. This event emits the index of the active tab.\n   */\n  @Output()\n  public activeChange = new EventEmitter<SkyTabIndex>();\n\n  /**\n   * Fires when users click the button to add a new tab.\n   * The new tab button is added to the tab area when you specify a listener for this event.\n   */\n  @Output()\n  public newTab = new EventEmitter<void>();\n\n  /**\n   * Fires when users click the button to open a tab.\n   * The open tab button is added to the tab area when you specify a listener for this event.\n   */\n  @Output()\n  public openTab = new EventEmitter<void>();\n\n  /**\n   * Fires when any tab's `tabIndex` value changes.\n   */\n  @Output()\n  public tabIndexesChange = new EventEmitter<SkyTabsetTabIndexesChange>();\n\n  public set tabDisplayMode(value: SkyTabsetButtonsDisplayMode) {\n    this._tabDisplayMode = value;\n    this.changeDetector.markForCheck();\n  }\n\n  public get tabDisplayMode(): SkyTabsetButtonsDisplayMode {\n    return this._tabDisplayMode || 'tabs';\n  }\n\n  @ContentChildren(SkyTabComponent)\n  public tabs: QueryList<SkyTabComponent>;\n\n  public dropdownTriggerButtonText: string;\n\n  /**\n   * This property is used by the deprecated tabset-nav-button component.\n   * @internal\n   */\n  public lastActiveTabIndex: SkyTabIndex;\n\n  public tabButtons: TabButtonViewModel[] = [];\n\n  private ngUnsubscribe = new Subject<void>();\n\n  private tabComponentsStateChangeUnsubscribe = new Subject<void>();\n\n  private _active: SkyTabIndex;\n\n  private _permalinkId: string;\n\n  private _tabDisplayMode: SkyTabsetButtonsDisplayMode;\n\n  private _tabStyle: SkyTabsetStyle;\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private elementRef: ElementRef,\n    private adapterService: SkyTabsetAdapterService,\n    private permalinkService: SkyTabsetPermalinkService,\n    private tabsetService: SkyTabsetService\n  ) {}\n\n  public ngAfterViewInit(): void {\n    this.initTabComponents();\n    this.listenTabComponentsStructuralChange();\n\n    const initialTabIndex = this.getInitialTabIndex();\n    this.tabsetService.setActiveTabIndex(initialTabIndex);\n\n    this.listenTabButtonsOverflowChange();\n    this.listenLocationPopStateChange();\n\n    // If the currently active tab is getting unregistered, activate the next one.\n    this.tabsetService.activeTabUnregistered\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((tab) => {\n        // Wait for the new tabs to render before activating.\n        setTimeout(() => {\n          this.tabsetService.activateNearestTab(tab.arrayIndex);\n        });\n      });\n\n    // Let the tabset render the initial active index before listening for changes.\n    setTimeout(() => {\n      this.listenTabComponentsStateChange();\n      this.listenActiveIndexChange();\n      this.permalinkService.init();\n    });\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n    this.unsubscribeTabComponentsStateChange();\n    if (this.permalinkId) {\n      this.permalinkService.clearParam(this.permalinkId);\n    }\n  }\n\n  public onWindowResize(): void {\n    this.adapterService.detectOverflow();\n  }\n\n  public onTabCloseClick(tabButton: TabButtonViewModel): void {\n    const tabComponent = this.tabs.find((tab) =>\n      this.tabsetService.tabIndexesEqual(tab.tabIndex, tabButton.tabIndex)\n    );\n\n    tabComponent.close.emit();\n  }\n\n  public onTabButtonClick(tabButton: TabButtonViewModel): void {\n    this.tabsetService.setActiveTabIndex(tabButton.tabIndex);\n  }\n\n  public onNewTabClick(): void {\n    this.newTab.emit();\n  }\n\n  public onOpenTabClick(): void {\n    this.openTab.emit();\n  }\n\n  /**\n   * Sets the initial active tab index based on the following criteria.\n   * 1. Does the URL include a query param that reflects this tabset's active tab?\n   * 2. Does one of the tab components have their `active` property set to `true`?\n   * 3. Is the tabset component's `active` property set to a specific tab index?\n   */\n  private getInitialTabIndex(): SkyTabIndex {\n    let activeIndex: SkyTabIndex = this.getActiveTabIndexByPermalinkId();\n    if (activeIndex === undefined) {\n      activeIndex = this.getActiveTabComponent()?.tabIndex;\n      if (activeIndex === undefined) {\n        activeIndex = this.active;\n      }\n    }\n\n    return activeIndex;\n  }\n\n  private listenActiveIndexChange(): void {\n    this.tabsetService.activeTabIndex\n      .pipe(distinctUntilChanged(), takeUntil(this.ngUnsubscribe))\n      .subscribe((activeIndex) => {\n        this.updateTabsetComponent(activeIndex);\n      });\n  }\n\n  private listenTabComponentsStructuralChange(): void {\n    this.tabs.changes.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      this.resetTabComponents();\n    });\n  }\n\n  private listenTabComponentsStateChange(): void {\n    combineLatest(this.tabs.map((tab) => tab.activeChange))\n      .pipe(\n        takeUntil(\n          race(this.tabComponentsStateChangeUnsubscribe, this.ngUnsubscribe)\n        )\n      )\n      .subscribe(() => {\n        // Wait for the tab components to render changes before finding the active one.\n        setTimeout(() => {\n          const tabIndex = this.getActiveTabComponent()?.tabIndex;\n          this.tabsetService.setActiveTabIndex(tabIndex);\n        });\n      });\n\n    combineLatest(this.tabs.map((tab) => tab.tabIndexChange))\n      .pipe(\n        takeUntil(\n          race(this.tabComponentsStateChangeUnsubscribe, this.ngUnsubscribe)\n        )\n      )\n      .subscribe(() => {\n        // Don't emit the first change.\n        if (this.lastActiveTabIndex !== undefined) {\n          // Wait for the tab components to render changes before updating the view.\n          setTimeout(() => {\n            this.updateTabsetComponent(\n              this.tabsetService.currentActiveTabIndex,\n              true\n            );\n            this.emitTabIndexChange();\n          });\n        }\n      });\n\n    combineLatest(this.tabs.map((tab) => tab.stateChange))\n      .pipe(\n        takeUntil(\n          race(this.tabComponentsStateChangeUnsubscribe, this.ngUnsubscribe)\n        )\n      )\n      .subscribe(() => {\n        // Wait for the tab components to render changes before finding the active one.\n        setTimeout(() => {\n          this.updateTabsetComponent(\n            this.tabsetService.currentActiveTabIndex,\n            true\n          );\n        });\n      });\n  }\n\n  private initTabComponents(): void {\n    this.tabs.forEach((tab) => tab.init());\n  }\n\n  private resetTabComponents(): void {\n    this.unsubscribeTabComponentsStateChange();\n    this.tabsetService.unregisterAll();\n\n    // If there are no tab components, do a hard reset of the view.\n    if (this.tabs.length === 0) {\n      this.updateTabsetComponent(0, true);\n      return;\n    }\n\n    this.initTabComponents();\n    const activeIndex = this.getActiveTabComponent()?.tabIndex;\n    this.tabsetService.setActiveTabIndex(activeIndex, {\n      emitChange: false,\n    });\n    this.listenTabComponentsStateChange();\n  }\n\n  private emitTabIndexChange(): void {\n    this.tabIndexesChange.emit({\n      tabs: this.tabs.map((tab) => ({\n        tabHeading: tab.tabHeading,\n        tabIndex: tab.tabIndex,\n      })),\n    });\n  }\n\n  private unsubscribeTabComponentsStateChange(): void {\n    this.tabComponentsStateChangeUnsubscribe.next();\n    this.tabComponentsStateChangeUnsubscribe.complete();\n    this.tabComponentsStateChangeUnsubscribe = new Subject<void>();\n  }\n\n  private listenTabButtonsOverflowChange(): void {\n    this.adapterService.registerTabset(this.elementRef);\n    this.adapterService.overflowChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((isOverflowing) => {\n        this.tabDisplayMode = isOverflowing ? 'dropdown' : 'tabs';\n        this.changeDetector.markForCheck();\n      });\n  }\n\n  /**\n   * Listen for back/forward history button presses to detect query param changes in the URL.\n   */\n  private listenLocationPopStateChange(): void {\n    this.permalinkService.popStateChange\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        this.setActiveTabIndexByPermalinkId();\n      });\n  }\n\n  private setActiveTabIndexByPermalinkId(): void {\n    const activeIndex = this.getActiveTabIndexByPermalinkId();\n    this.tabsetService.setActiveTabIndex(activeIndex);\n  }\n\n  private getActiveTabIndexByPermalinkId(): SkyTabIndex {\n    if (this.permalinkId) {\n      const paramValue = this.permalinkService.getParam(this.permalinkId);\n      if (paramValue) {\n        return this.tabs.find((tab) => tab.permalinkValue === paramValue)\n          ?.tabIndex;\n      }\n    }\n  }\n\n  private getActiveTabComponent(): SkyTabComponent {\n    return this.tabs\n      .toArray()\n      .reverse()\n      .find((tab) => tab.active === true);\n  }\n\n  private createTabButtons(activeIndex: SkyTabIndex): TabButtonViewModel[] {\n    return this.tabs.map((tab) => ({\n      active: this.tabsetService.tabIndexesEqual(tab.tabIndex, activeIndex),\n      closeable: tab.closeable,\n      ariaControls: tab.tabPanelId,\n      disabled: tab.disabled,\n      /*tslint:disable-next-line:no-null-keyword*/\n      buttonHref: tab.disabled\n        ? null\n        : this.permalinkService.getParamHref(\n            this.permalinkId,\n            tab.permalinkValue\n          ),\n      buttonId: tab.tabButtonId,\n      buttonTextCount: tab.tabHeaderCount,\n      buttonText: tab.tabHeading,\n      tabIndex: tab.tabIndex,\n    }));\n  }\n\n  private updateTabButtons(activeIndex: SkyTabIndex): void {\n    this.tabButtons.forEach((button) => {\n      button.active = this.tabsetService.tabIndexesEqual(\n        button.tabIndex,\n        activeIndex\n      );\n    });\n  }\n\n  /**\n   * Updates the UI and state of the tabset component after the tab index or\n   * tab components have changed.\n   * @param activeIndex The currently active tab index.\n   * @param regenerateTabButtons Indicates if tab button view models should be regenerated.\n   * Setting this value to `false` will simply update the existing tab buttons. Setting this value\n   * to `true` is only necessary when the underlying tab components have changed and the tab\n   * buttons must reflect those changes.\n   */\n  private updateTabsetComponent(\n    activeIndex: SkyTabIndex,\n    regenerateTabButtons = false\n  ): void {\n    // Activate/deactivate tab components.\n    this.tabs.forEach((tab) => {\n      this.tabsetService.tabIndexesEqual(tab.tabIndex, activeIndex)\n        ? tab.activate()\n        : tab.deactivate();\n    });\n\n    // Update the tab button models.\n    if (regenerateTabButtons || !this.tabButtons.length) {\n      this.tabButtons = this.createTabButtons(activeIndex);\n    } else {\n      this.updateTabButtons(activeIndex);\n    }\n\n    // Update the dropdown trigger button text.\n    this.dropdownTriggerButtonText = this.tabButtons.find((b) => {\n      return this.tabsetService.tabIndexesEqual(b.tabIndex, activeIndex);\n    })?.buttonText;\n\n    // Set the query params based on active tab.\n    if (this.permalinkId) {\n      const activeTabComponent = this.tabs.find((tab) => {\n        return this.tabsetService.tabIndexesEqual(tab.tabIndex, activeIndex);\n      });\n      this.permalinkService.setParam(\n        this.permalinkId,\n        activeTabComponent.permalinkValue\n      );\n    }\n\n    // Wait for tab button view models to render before gauging dimensions.\n    setTimeout(() => {\n      this.adapterService.detectOverflow();\n    });\n\n    this.changeDetector.markForCheck();\n\n    // Emit the new active index value to consumers.\n    if (this.lastActiveTabIndex !== activeIndex) {\n      this.lastActiveTabIndex = activeIndex;\n      this.activeChange.emit(activeIndex);\n    }\n  }\n}\n","<div\n  class=\"sky-tabset\"\n  role=\"tablist\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.aria-labelledby]=\"ariaLabelledBy\"\n  [ngClass]=\"\n    'sky-tabset-mode-' + tabDisplayMode + ' sky-tabset-style-' + tabStyle\n  \"\n  (window:resize)=\"onWindowResize()\"\n>\n  <span class=\"sky-tabset-dropdown\">\n    <sky-dropdown *ngIf=\"tabDisplayMode === 'dropdown'\" buttonType=\"tab\">\n      <sky-dropdown-button>\n        {{ dropdownTriggerButtonText }}\n      </sky-dropdown-button>\n      <sky-dropdown-menu>\n        <sky-dropdown-item\n          *ngFor=\"let tabButton of tabButtons\"\n          class=\"sky-tab-dropdown-menu-item\"\n        >\n          <div\n            class=\"sky-tab-dropdown-item\"\n            [ngClass]=\"{\n              'sky-tab-dropdown-item-selected': tabButton.active\n            }\"\n          >\n            <ng-container\n              *ngTemplateOutlet=\"\n                tabButtonTemplate;\n                context: {\n                  $implicit: tabButton\n                }\n              \"\n            ></ng-container>\n          </div>\n        </sky-dropdown-item>\n      </sky-dropdown-menu>\n    </sky-dropdown>\n  </span>\n  <span class=\"sky-tabset-tabs\">\n    <ng-container *ngFor=\"let tabButton of tabButtons\">\n      <ng-container\n        *ngTemplateOutlet=\"\n          tabButtonTemplate;\n          context: {\n            $implicit: tabButton\n          }\n        \"\n      ></ng-container>\n    </ng-container>\n  </span>\n  <span class=\"sky-tabset-btns\">\n    <button\n      *ngIf=\"newTab.observers.length > 0\"\n      class=\"sky-btn sky-btn-icon sky-tabset-btn-new sky-margin-inline-compact\"\n      type=\"button\"\n      [attr.aria-label]=\"'skyux_tab_add' | skyLibResources\"\n      [skyThemeClass]=\"{\n        'sky-margin-inline-sm': 'modern'\n      }\"\n      (click)=\"onNewTabClick()\"\n    >\n      <sky-icon icon=\"plus-circle\" size=\"lg\"> </sky-icon>\n    </button>\n    <button\n      *ngIf=\"openTab.observers.length > 0\"\n      class=\"sky-btn sky-btn-icon sky-tabset-btn-open sky-margin-inline-compact\"\n      type=\"button\"\n      [attr.aria-label]=\"'skyux_tab_open' | skyLibResources\"\n      [skyThemeClass]=\"{\n        'sky-margin-inline-sm': 'modern'\n      }\"\n      (click)=\"onOpenTabClick()\"\n    >\n      <sky-icon icon=\"folder-open-o\" size=\"lg\"> </sky-icon>\n    </button>\n  </span>\n</div>\n<ng-content></ng-content>\n\n<ng-template let-tabButton #tabButtonTemplate>\n  <sky-tab-button\n    [active]=\"tabButton.active\"\n    [ariaControls]=\"tabButton.ariaControls\"\n    [buttonHref]=\"tabButton.buttonHref\"\n    [buttonId]=\"tabButton.buttonId\"\n    [buttonText]=\"tabButton.buttonText\"\n    [buttonTextCount]=\"tabButton.buttonTextCount\"\n    [closeable]=\"tabButton.closeable\"\n    [disabled]=\"tabButton.disabled\"\n    [tabStyle]=\"tabStyle\"\n    (buttonClick)=\"onTabButtonClick(tabButton)\"\n    (closeClick)=\"onTabCloseClick(tabButton)\"\n  ></sky-tab-button>\n</ng-template>\n"]}

package/esm2015/lib/modules/tabs/tabset.service.js

@@ -1,110 +0,0 @@
-import { Injectable } from '@angular/core';
-import { BehaviorSubject, Subject } from 'rxjs';
-import * as i0 from "@angular/core";
-/**
- * @internal
- */
-export class SkyTabsetService {
-    constructor() {
-        this.currentActiveTabIndex = 0;
-        this._activeTabIndex = new BehaviorSubject(0);
-        this._activeTabUnregistered = new Subject();
-        this.tabs = [];
-        this.tabCounter = 0;
-    }
-    get activeTabUnregistered() {
-        return this._activeTabUnregistered.asObservable();
-    }
-    get activeTabIndex() {
-        return this._activeTabIndex.asObservable();
-    }
-    /**
-     * Sets the active tab by its unique `tabIndex` property.
-     */
-    setActiveTabIndex(value, config = {
-        emitChange: true,
-    }) {
-        if (value !== undefined &&
-            !this.tabIndexesEqual(value, this.currentActiveTabIndex)) {
-            this.currentActiveTabIndex = value;
-            /* istanbul ignore else */
-            if (config.emitChange) {
-                this._activeTabIndex.next(value);
-            }
-        }
-    }
-    /**
-     * Registers a tab component.
-     */
-    registerTab(tabIndex) {
-        if (tabIndex === undefined) {
-            tabIndex = this.tabCounter;
-            this.tabCounter++;
-        }
-        this.tabs.push({ tabIndex });
-        return tabIndex;
-    }
-    updateTabIndex(currentTabIndex, newTabIndex) {
-        const found = this.tabs.find((tab) => this.tabIndexesEqual(tab.tabIndex, currentTabIndex));
-        found.tabIndex = newTabIndex;
-    }
-    /**
-     * Unregisters a tab component.
-     */
-    unregisterTab(tabIndex) {
-        const index = this.tabs.findIndex((tab) => this.tabIndexesEqual(tab.tabIndex, tabIndex));
-        // Notify the tabset component when an active tab is unregistered.
-        if (this.isTabIndexActive(this.tabs[index].tabIndex)) {
-            this._activeTabUnregistered.next({
-                arrayIndex: index,
-            });
-        }
-        this.tabs.splice(index, 1);
-    }
-    /**
-     * Unregisters all tab components at once.
-     */
-    unregisterAll() {
-        this.tabs = [];
-    }
-    /**
-     * Compares two tab indexes and returns `true` if they are equal.
-     */
-    tabIndexesEqual(tabIndex1, tabIndex2) {
-        return tabIndex1 === tabIndex2 || +tabIndex1 === +tabIndex2;
-    }
-    /**
-     * Verifies if a provided tab index is registered.
-     */
-    isValidTabIndex(tabIndex) {
-        return this.tabs.some((tab) => this.tabIndexesEqual(tab.tabIndex, tabIndex));
-    }
-    /**
-     * Activates the first registered tab.
-     */
-    activateFirstTab() {
-        const firstTabIndex = this.tabs[0] && this.tabs[0].tabIndex;
-        if (firstTabIndex !== undefined) {
-            this.setActiveTabIndex(firstTabIndex);
-            return firstTabIndex;
-        }
-    }
-    /**
-     * Activates the next registered tab, or the previous one based on a provided array index.
-     */
-    activateNearestTab(arrayIndex) {
-        const newActiveTab = this.tabs[arrayIndex] || this.tabs[arrayIndex - 1];
-        if (newActiveTab) {
-            this.currentActiveTabIndex = newActiveTab.tabIndex;
-        }
-    }
-    isTabIndexActive(tabIndex) {
-        return this.tabIndexesEqual(tabIndex, this.currentActiveTabIndex);
-    }
-}
-SkyTabsetService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTabsetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyTabsetService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTabsetService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyTabsetService, decorators: [{
-            type: Injectable
-        }] });
-//# sourceMappingURL=tabset.service.js.map

package/esm2015/lib/modules/tabs/tabset.service.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabset.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/tabs/src/lib/modules/tabs/tabset.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Injectable } from '@angular/core';\n\nimport { BehaviorSubject, Observable, Subject } from 'rxjs';\n\nimport { SkyTabIndex } from './tab-index';\nimport { SkyTabsetActiveTabUnregisteredArgs } from './tabset-active-tab-unregistered-args';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyTabsetService {\n  public get activeTabUnregistered(): Observable<SkyTabsetActiveTabUnregisteredArgs> {\n    return this._activeTabUnregistered.asObservable();\n  }\n\n  public get activeTabIndex(): Observable<SkyTabIndex> {\n    return this._activeTabIndex.asObservable();\n  }\n\n  public currentActiveTabIndex: SkyTabIndex = 0;\n\n  private _activeTabIndex = new BehaviorSubject<SkyTabIndex>(0);\n\n  private _activeTabUnregistered =\n    new Subject<SkyTabsetActiveTabUnregisteredArgs>();\n\n  private tabs: {\n    tabIndex: SkyTabIndex;\n  }[] = [];\n\n  private tabCounter = 0;\n\n  /**\n   * Sets the active tab by its unique `tabIndex` property.\n   */\n  public setActiveTabIndex(\n    value: SkyTabIndex,\n    config = {\n      emitChange: true,\n    }\n  ): void {\n    if (\n      value !== undefined &&\n      !this.tabIndexesEqual(value, this.currentActiveTabIndex)\n    ) {\n      this.currentActiveTabIndex = value;\n      /* istanbul ignore else */\n      if (config.emitChange) {\n        this._activeTabIndex.next(value);\n      }\n    }\n  }\n\n  /**\n   * Registers a tab component.\n   */\n  public registerTab(tabIndex?: SkyTabIndex): SkyTabIndex {\n    if (tabIndex === undefined) {\n      tabIndex = this.tabCounter;\n      this.tabCounter++;\n    }\n\n    this.tabs.push({ tabIndex });\n\n    return tabIndex;\n  }\n\n  public updateTabIndex(\n    currentTabIndex: SkyTabIndex,\n    newTabIndex: SkyTabIndex\n  ): void {\n    const found = this.tabs.find((tab) =>\n      this.tabIndexesEqual(tab.tabIndex, currentTabIndex)\n    );\n    found.tabIndex = newTabIndex;\n  }\n\n  /**\n   * Unregisters a tab component.\n   */\n  public unregisterTab(tabIndex: SkyTabIndex): void {\n    const index = this.tabs.findIndex((tab) =>\n      this.tabIndexesEqual(tab.tabIndex, tabIndex)\n    );\n\n    // Notify the tabset component when an active tab is unregistered.\n    if (this.isTabIndexActive(this.tabs[index].tabIndex)) {\n      this._activeTabUnregistered.next({\n        arrayIndex: index,\n      });\n    }\n\n    this.tabs.splice(index, 1);\n  }\n\n  /**\n   * Unregisters all tab components at once.\n   */\n  public unregisterAll(): void {\n    this.tabs = [];\n  }\n\n  /**\n   * Compares two tab indexes and returns `true` if they are equal.\n   */\n  public tabIndexesEqual(\n    tabIndex1: SkyTabIndex,\n    tabIndex2: SkyTabIndex\n  ): boolean {\n    return tabIndex1 === tabIndex2 || +tabIndex1 === +tabIndex2;\n  }\n\n  /**\n   * Verifies if a provided tab index is registered.\n   */\n  public isValidTabIndex(tabIndex: SkyTabIndex): boolean {\n    return this.tabs.some((tab) =>\n      this.tabIndexesEqual(tab.tabIndex, tabIndex)\n    );\n  }\n\n  /**\n   * Activates the first registered tab.\n   */\n  public activateFirstTab(): SkyTabIndex | undefined {\n    const firstTabIndex = this.tabs[0] && this.tabs[0].tabIndex;\n    if (firstTabIndex !== undefined) {\n      this.setActiveTabIndex(firstTabIndex);\n      return firstTabIndex;\n    }\n  }\n\n  /**\n   * Activates the next registered tab, or the previous one based on a provided array index.\n   */\n  public activateNearestTab(arrayIndex: number): void {\n    const newActiveTab = this.tabs[arrayIndex] || this.tabs[arrayIndex - 1];\n    if (newActiveTab) {\n      this.currentActiveTabIndex = newActiveTab.tabIndex;\n    }\n  }\n\n  private isTabIndexActive(tabIndex: SkyTabIndex): boolean {\n    return this.tabIndexesEqual(tabIndex, this.currentActiveTabIndex);\n  }\n}\n"]}