@skyux/tabs 4.6.9

package/fesm2015/skyux-tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skyux-tabs.js","sources":["ng://@skyux/tabs/modules/vertical-tabset/vertical-tabset.service.ts","ng://@skyux/tabs/modules/sectioned-form/sectioned-form.component.ts","ng://@skyux/tabs/modules/vertical-tabset/vertical-tab-media-query.service.ts","ng://@skyux/tabs/modules/vertical-tabset/vertical-tabset-adapter.service.ts","ng://@skyux/tabs/modules/vertical-tabset/vertical-tab.component.ts","ng://@skyux/tabs/modules/sectioned-form/sectioned-form.service.ts","ng://@skyux/tabs/modules/sectioned-form/sectioned-form-section.component.ts","ng://@skyux/tabs/plugin-resources/tabs-resources-provider.ts","ng://@skyux/tabs/modules/shared/tabs-resources.module.ts","ng://@skyux/tabs/modules/vertical-tabset/vertical-tabset.component.ts","ng://@skyux/tabs/modules/vertical-tabset/vertical-tabset-group.component.ts","ng://@skyux/tabs/modules/vertical-tabset/vertical-tabset.module.ts","ng://@skyux/tabs/modules/sectioned-form/sectioned-form.module.ts","ng://@skyux/tabs/modules/tabs/tab-button.component.ts","ng://@skyux/tabs/modules/tabs/tabset-permalink.service.ts","ng://@skyux/tabs/modules/tabs/tabset.service.ts","ng://@skyux/tabs/modules/tabs/tab.component.ts","ng://@skyux/tabs/modules/tabs/tabset-nav-button.component.ts","ng://@skyux/tabs/modules/tabs/tabset-adapter.service.ts","ng://@skyux/tabs/modules/tabs/tabset.component.ts","ng://@skyux/tabs/modules/tabs/tabs.module.ts","ng://@skyux/tabs/skyux-tabs.ts"],"sourcesContent":["import {\n  ElementRef,\n  Injectable\n} from '@angular/core';\n\nimport {\n  SkyMediaBreakpoints,\n  SkyMediaQueryService\n} from '@skyux/core';\n\nimport {\n  BehaviorSubject,\n  Subject\n} from 'rxjs';\n\nimport {\n  SkyVerticalTabComponent\n} from './vertical-tab.component';\n\nexport const VISIBLE_STATE = 'shown';\nexport const HIDDEN_STATE = 'void';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyVerticalTabsetService {\n\n  public activeIndex: number = undefined;\n\n  public animationContentVisibleState: string;\n\n  public animationTabsVisibleState: string;\n\n  public set content(value: ElementRef) {\n    this._content = value;\n  }\n\n  public hidingTabs = new BehaviorSubject(false);\n\n  public indexChanged: BehaviorSubject<number> = new BehaviorSubject(undefined);\n\n  public maintainTabContent: boolean = false;\n\n  public showingTabs = new BehaviorSubject(false);\n\n  public switchingMobile: Subject<boolean> = new Subject();\n\n  public tabs: Array<SkyVerticalTabComponent> = [];\n\n  public tabAdded: Subject<SkyVerticalTabComponent> = new Subject();\n\n  public tabClicked: BehaviorSubject<boolean> = new BehaviorSubject(undefined);\n\n  private _content: ElementRef;\n\n  private _contentAdded: boolean = false;\n\n  private _tabsVisible: boolean = false;\n\n  private _isMobile: boolean = false;\n\n  public constructor(private mediaQueryService: SkyMediaQueryService) {\n    this.mediaQueryService.subscribe(breakpoint => {\n      const nowMobile = breakpoint === SkyMediaBreakpoints.xs;\n\n      if (nowMobile && !this._isMobile) {\n        // switching to mobile\n        this.switchingMobile.next(true);\n\n        if (!this._tabsVisible) {\n          this.hidingTabs.next(true);\n        }\n\n      } else if (!nowMobile && this._isMobile) {\n        // switching to widescreen\n        this.switchingMobile.next(false);\n\n        if (!this._tabsVisible) {\n          this.showingTabs.next(true);\n        }\n      }\n\n      this._isMobile = nowMobile;\n    });\n  }\n\n  public addTab(tab: SkyVerticalTabComponent) {\n    const index = this.tabs.length;\n    tab.index = index;\n\n    this.tabs.push(tab);\n\n    if (tab.active) {\n      this.activateTab(tab);\n    }\n\n    this.tabAdded.next(tab);\n  }\n\n  public destroyTab(tab: SkyVerticalTabComponent): void {\n    let tabIndex = this.tabs.indexOf(tab);\n    if (tabIndex === -1) {\n      return;\n    }\n\n    if (this.maintainTabContent && tab.contentRendered && this._content) {\n      if (this._content.nativeElement.contains(tab.tabContent.nativeElement)) {\n        this._content.nativeElement.removeChild(tab.tabContent.nativeElement);\n      }\n    }\n    this.tabs.splice(tabIndex, 1);\n    // update tab indices\n    this.tabs.forEach((tabItem, index) => tabItem.index = index);\n\n    if (tab.active) {\n      if (!this.maintainTabContent) {\n        this.destroyContent();\n      }\n      // Try selecting the next tab first, and if there's no next tab then\n      // try selecting the previous one.\n      let newActiveTab = this.tabs[tabIndex] || this.tabs[tabIndex - 1];\n      /*istanbul ignore else */\n      if (newActiveTab) {\n        newActiveTab.activateTab();\n      }\n    }\n  }\n\n  public activateTab(tab: SkyVerticalTabComponent) {\n\n    // unactivate active tab\n    let activeTab = this.tabs.find(t => t.index === this.activeIndex);\n    if (activeTab && activeTab.index !== tab.index) {\n      activeTab.active = false;\n      activeTab.tabDeactivated();\n    }\n\n    this.activeIndex = tab.index;\n    this.tabClicked.next(true);\n    this.updateTabClicked();\n  }\n\n  public activeTab(): SkyVerticalTabComponent {\n    return this.tabs.find(t => t.index === this.activeIndex);\n  }\n\n  public isMobile() {\n    return this._isMobile;\n  }\n\n  public updateContent() {\n    if (!this.maintainTabContent) {\n      if (!this._contentAdded && this.contentVisible()) {\n        // content needs to be moved\n        this.moveContent();\n\n      } else if (this._contentAdded && !this.contentVisible()) {\n        // content hidden\n        this._contentAdded = false;\n      }\n    } else {\n      this.tabs.forEach((tab) => {\n        if (!tab.contentRendered) {\n          this._content.nativeElement.appendChild(tab.tabContent.nativeElement);\n          tab.contentRendered = true;\n        }\n      });\n    }\n  }\n\n  public tabsVisible() {\n    return !this.isMobile() || this._tabsVisible;\n  }\n\n  public contentVisible() {\n    return !this.isMobile() || !this._tabsVisible;\n  }\n\n  public showTabs() {\n    this._tabsVisible = true;\n    this._contentAdded = false;\n    this.animationTabsVisibleState = VISIBLE_STATE;\n    this.animationContentVisibleState = HIDDEN_STATE;\n    this.showingTabs.next(true);\n  }\n\n  private destroyContent(): void {\n    if (this._content) {\n      this._content.nativeElement.innerHTML = '';\n    }\n    this.content = undefined;\n  }\n\n  private moveContent() {\n    if (this._content && !this._contentAdded) {\n      let activeTab = this.activeTab();\n      let activeContent = activeTab ? activeTab.tabContent : undefined;\n\n      if (activeContent && activeContent.nativeElement) {\n        this._content.nativeElement.appendChild(activeContent.nativeElement);\n        activeTab.contentRendered = true;\n        this._contentAdded = true;\n      }\n    }\n  }\n\n  private updateTabClicked() {\n    this._contentAdded = false;\n\n    if (this.isMobile()) {\n      this._tabsVisible = false;\n      this.animationContentVisibleState = VISIBLE_STATE;\n      this.animationTabsVisibleState = HIDDEN_STATE;\n      this.hidingTabs.next(true);\n    }\n\n    this.indexChanged.next(this.activeIndex);\n  }\n}\n","import {\n  Component,\n  OnInit,\n  OnDestroy,\n  ElementRef,\n  ViewChild,\n  EventEmitter,\n  Output,\n  AfterViewChecked,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Input\n} from '@angular/core';\n\nimport {\n  style,\n  trigger,\n  transition,\n  animate\n} from '@angular/animations';\n\nimport {\n  Subject\n} from 'rxjs';\n\nimport {\n  takeUntil\n} from 'rxjs/operators';\n\nimport {\n  SkyVerticalTabsetService,\n  HIDDEN_STATE,\n  VISIBLE_STATE\n} from './../vertical-tabset/vertical-tabset.service';\n\n/**\n * Creates a container for the sectioned forms.\n */\n@Component({\n  selector: 'sky-sectioned-form',\n  templateUrl: './sectioned-form.component.html',\n  styleUrls: ['./sectioned-form.component.scss'],\n  providers: [SkyVerticalTabsetService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [\n    trigger(\n      'tabEnter', [\n        transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [\n          style({transform: 'translate(-100%)'}),\n          animate('150ms ease-in')\n        ])\n      ]\n    ),\n    trigger(\n      'contentEnter', [\n        transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [\n          style({transform: 'translate(100%)'}),\n          animate('150ms ease-in')\n        ])\n      ]\n    )\n  ]\n})\nexport class SkySectionedFormComponent implements OnInit, OnDestroy, AfterViewChecked {\n\n  /**\n   * Indicates whether the sectioned form loads section content during initialization so that it\n   * displays content without moving around elements in the content container.\n   * @default false\n   */\n  @Input()\n  public maintainSectionContent: boolean = false;\n\n/**\n * Fires when the active tab changes and emits the index of the active\n * section. The index is based on the section's position when the form loads.\n */\n  @Output()\n  public indexChanged: EventEmitter<number> = new EventEmitter();\n\n  public get ariaRole(): string {\n    return this.isMobile ? undefined : 'tablist';\n  }\n\n  @ViewChild('skySectionSideContent')\n  public content: ElementRef;\n\n  private isMobile = false;\n  private _ngUnsubscribe = new Subject();\n\n  constructor(\n    public tabService: SkyVerticalTabsetService,\n    private changeRef: ChangeDetectorRef) {}\n\n  public ngOnInit() {\n    this.tabService.maintainTabContent = this.maintainSectionContent;\n\n    this.tabService.indexChanged\n      .pipe(takeUntil(this._ngUnsubscribe))\n      .subscribe(index => {\n        this.indexChanged.emit(index);\n        this.changeRef.markForCheck();\n      });\n\n    this.tabService.switchingMobile\n      .pipe(takeUntil(this._ngUnsubscribe))\n      .subscribe((mobile: boolean) => {\n        this.isMobile = mobile;\n        this.changeRef.markForCheck();\n      });\n\n    if (this.tabService.isMobile()) {\n      this.isMobile = true;\n      this.tabService.animationContentVisibleState = VISIBLE_STATE;\n      this.changeRef.markForCheck();\n    }\n  }\n\n  public ngAfterViewChecked() {\n    this.tabService.content = this.content;\n    this.tabService.updateContent();\n  }\n\n  public ngOnDestroy() {\n    this._ngUnsubscribe.next();\n    this._ngUnsubscribe.complete();\n  }\n\n  public tabsVisible() {\n    this.changeRef.markForCheck();\n    return this.tabService.tabsVisible();\n  }\n\n  public showTabs() {\n    this.tabService.showTabs();\n    this.changeRef.markForCheck();\n  }\n}\n","import {\n  Injectable\n} from '@angular/core';\n\nimport {\n  SkyMediaBreakpoints,\n  SkyMediaQueryListener\n} from '@skyux/core';\n\nimport {\n  BehaviorSubject,\n  Subscription\n} from 'rxjs';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyVerticalTabMediaQueryService {\n\n  public get current(): SkyMediaBreakpoints {\n    return this._current;\n  }\n\n  private currentSubject = new BehaviorSubject<SkyMediaBreakpoints>(this.current);\n\n  private _current = SkyMediaBreakpoints.xs;\n\n  constructor() {\n    this.currentSubject.next(this._current);\n  }\n\n  public subscribe(listener: SkyMediaQueryListener): Subscription {\n    return this.currentSubject.subscribe({\n      next: (breakpoints: SkyMediaBreakpoints) => {\n        listener(breakpoints);\n      }\n    });\n  }\n\n  public setBreakpointForWidth(width: number): void {\n    let breakpoint: SkyMediaBreakpoints;\n\n    if (this.isWidthWithinBreakpiont(width, SkyMediaBreakpoints.xs)) {\n      breakpoint = SkyMediaBreakpoints.xs;\n    } else if (this.isWidthWithinBreakpiont(width, SkyMediaBreakpoints.sm)) {\n      breakpoint = SkyMediaBreakpoints.sm;\n    } else if (this.isWidthWithinBreakpiont(width, SkyMediaBreakpoints.md)) {\n      breakpoint = SkyMediaBreakpoints.md;\n    } else {\n      breakpoint = SkyMediaBreakpoints.lg;\n    }\n\n    this._current = breakpoint;\n    this.currentSubject.next(this._current);\n  }\n\n  public isWidthWithinBreakpiont(width: number, breakpoint: SkyMediaBreakpoints): boolean {\n    const xsBreakpointMaxPixels = 767;\n    const smBreakpointMinPixels = 768;\n    const smBreakpointMaxPixels = 991;\n    const mdBreakpointMinPixels = 992;\n    const mdBreakpointMaxPixels = 1199;\n    const lgBreakpointMinPixels = 1200;\n\n    switch (breakpoint) {\n      case SkyMediaBreakpoints.xs: {\n        return (width <= xsBreakpointMaxPixels);\n      }\n      case SkyMediaBreakpoints.sm: {\n        return (width >= smBreakpointMinPixels && width <= smBreakpointMaxPixels);\n      }\n      case SkyMediaBreakpoints.md: {\n        return (width >= mdBreakpointMinPixels && width <= mdBreakpointMaxPixels);\n      }\n      default: {\n        return (width >= lgBreakpointMinPixels);\n      }\n    }\n  }\n\n  public destroy(): void {\n    this.currentSubject.complete();\n  }\n}\n","import {\n  ElementRef,\n  Injectable,\n  Renderer2,\n  RendererFactory2\n} from '@angular/core';\n\nimport {\n  SkyMediaBreakpoints\n} from '@skyux/core';\n\n@Injectable()\nexport class SkyVerticalTabsetAdapterService {\n  private renderer: Renderer2;\n\n  constructor(\n    private rendererFactory: RendererFactory2\n  ) {\n    this.renderer = this.rendererFactory.createRenderer(undefined, undefined);\n  }\n\n  public getWidth(elementRef: ElementRef): number {\n    return elementRef.nativeElement.clientWidth;\n  }\n\n  public scrollToContentTop(element: ElementRef): void {\n    element.nativeElement.scrollTop = 0;\n  }\n\n  public setResponsiveClass(element: ElementRef, breakpoint: SkyMediaBreakpoints): void {\n    const nativeEl: HTMLElement = element.nativeElement;\n\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-xs');\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-sm');\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-md');\n    this.renderer.removeClass(nativeEl, 'sky-responsive-container-lg');\n\n    let newClass: string;\n\n    switch (breakpoint) {\n      case SkyMediaBreakpoints.xs: {\n        newClass = 'sky-responsive-container-xs';\n        break;\n      }\n      case SkyMediaBreakpoints.sm: {\n        newClass = 'sky-responsive-container-sm';\n        break;\n      }\n      case SkyMediaBreakpoints.md: {\n        newClass = 'sky-responsive-container-md';\n        break;\n      }\n      default: {\n        newClass = 'sky-responsive-container-lg';\n        break;\n      }\n    }\n\n    this.renderer.addClass(nativeEl, newClass);\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  HostListener,\n  Input,\n  OnDestroy,\n  OnInit,\n  ViewChild\n} from '@angular/core';\n\nimport {\n  SkyMediaQueryService\n} from '@skyux/core';\n\nimport {\n  Subject\n} from 'rxjs';\n\nimport {\n  takeUntil\n} from 'rxjs/operators';\n\nimport {\n  SkyVerticalTabMediaQueryService\n} from './vertical-tab-media-query.service';\n\nimport {\n  SkyVerticalTabsetService\n} from './vertical-tabset.service';\n\nimport {\n  SkyVerticalTabsetAdapterService\n} from './vertical-tabset-adapter.service';\n\n@Component({\n  selector: 'sky-vertical-tab',\n  templateUrl: './vertical-tab.component.html',\n  styleUrls: ['./vertical-tab.component.scss'],\n  providers: [\n    SkyVerticalTabMediaQueryService,\n    { provide: SkyMediaQueryService, useExisting: SkyVerticalTabMediaQueryService }\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SkyVerticalTabComponent implements OnInit, OnDestroy {\n  /**\n   * Indicates whether the tab is active when the tabset loads.\n   */\n  @Input()\n  public active: boolean = false;\n\n  /**\n   * Specifies the HTML element ID (without the leading `#`) of the element that contains\n   * the content that the vertical tab displays, which corresponds to the `tabId`. This property\n   * [supports accessibility rules for disclosures](https://www.w3.org/TR/wai-aria-practices-1.1/#disclosure).\n   */\n  @Input()\n  public get ariaControls(): string {\n    return this.isMobile ? undefined : this._ariaControls;\n  }\n  public set ariaControls(value: string) {\n    this._ariaControls = value;\n  }\n\n  /**\n   * @internal\n   */\n  @Input()\n  public ariaInvalid: boolean;\n\n  /**\n   * @internal\n   */\n  @Input()\n  public ariaRequired: boolean;\n\n  /**\n   * Specifies an ARIA role for the vertical tab\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\n   * by indicating how the tab functions and what it controls. For information about how\n   * an ARIA role indicates what an item represents on a web page, see the\n   * [WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles).\n   * @default \"tab\"\n   */\n  @Input()\n  public get ariaRole(): string {\n    if (this.isMobile) {\n      return undefined;\n    }\n    return this._ariaRole || 'tab';\n  }\n  public set ariaRole(value: string) {\n    this._ariaRole = value;\n  }\n\n  /**\n   * Indicates whether to disable the tab.\n   */\n  @Input()\n  public disabled: boolean = false;\n\n  /**\n   * Indicates whether to indicate that the tab has an error.\n   * @internal This is used for sectioned forms and is not currently a supported design for pure vertical tabs.\n   */\n  @Input()\n  public errorIndicator: boolean = false;\n\n  /**\n   * Displays an item count alongside the tab header to indicate how many list items the tab contains.\n   */\n  @Input()\n  public tabHeaderCount: number;\n\n  /**\n   * Specifies the tab header.\n   * @required\n   */\n  @Input()\n  public tabHeading: string;\n\n  /**\n   * Indicates whether to display a chevron-right icon in the righthand side of the tab.\n   * @internal\n   */\n  @Input()\n  public get showTabRightArrow() {\n    return this._showTabRightArrow && this.tabsetService.isMobile();\n  }\n\n  public set showTabRightArrow(value: boolean) {\n    this._showTabRightArrow = value;\n  }\n\n  /**\n   * Specifies an ID for the tab.\n   */\n  @Input()\n  public tabId: string;\n\n  public set contentRendered(value: boolean) {\n    this._contentRendered = value;\n\n    if (this._contentRendered) {\n      // NOTE: Wrapped in a setTimeout here to ensure that everything has completed rendering.\n      setTimeout(() => {\n        this.updateBreakpointAndResponsiveClass(this.adapterService.getWidth(this.tabContent));\n      });\n    }\n  }\n\n  public get contentRendered(): boolean {\n    return this._contentRendered;\n  }\n\n  public index: number;\n\n  @ViewChild('tabContentWrapper')\n  public tabContent: ElementRef;\n\n  private isMobile = false;\n\n  private _ariaControls: string;\n\n  private _ariaRole: string;\n\n  private _contentRendered: boolean = false;\n\n  private _mobileSubscription = new Subject();\n\n  private _ngUnsubscribe = new Subject();\n\n  private _showTabRightArrow: boolean = false;\n\n  constructor(\n    private adapterService: SkyVerticalTabsetAdapterService,\n    private changeRef: ChangeDetectorRef,\n    private tabsetService: SkyVerticalTabsetService,\n    private verticalTabMediaQueryService: SkyVerticalTabMediaQueryService\n  ) {}\n\n  public ngOnInit(): void {\n    this.isMobile = this.tabsetService.isMobile();\n    this.changeRef.markForCheck();\n\n    this.tabsetService.switchingMobile\n      .subscribe((mobile: boolean) => {\n        this.isMobile = mobile;\n        this.changeRef.markForCheck();\n      });\n\n    // Update the breakpoint and responsive class here just as a sanity check since we can not\n    // watch for element resizing.\n    this.tabsetService.indexChanged\n      .pipe(takeUntil(this._ngUnsubscribe))\n      .subscribe((index) => {\n        if (this.index === index && this.contentRendered) {\n          this.updateBreakpointAndResponsiveClass(this.adapterService.getWidth(this.tabContent));\n        }\n      });\n\n    this.tabsetService.addTab(this);\n  }\n\n  public ngOnDestroy(): void {\n    this._mobileSubscription.unsubscribe();\n    this._ngUnsubscribe.next();\n    this._ngUnsubscribe.complete();\n    this.tabsetService.destroyTab(this);\n  }\n\n  public tabIndex(): number {\n    if (!this.disabled) {\n      return 0;\n    } else {\n      return -1;\n    }\n  }\n\n  public activateTab(): void {\n    if (!this.disabled) {\n      this.active = true;\n      this.tabsetService.activateTab(this);\n\n      this.changeRef.markForCheck();\n    }\n  }\n\n  @HostListener('window:resize')\n  public onWindowResize(): void {\n    this.updateBreakpointAndResponsiveClass(this.adapterService.getWidth(this.tabContent));\n  }\n\n  public tabDeactivated(): void {\n    this.changeRef.markForCheck();\n  }\n\n  private updateBreakpointAndResponsiveClass(width: number): void {\n    this.verticalTabMediaQueryService.setBreakpointForWidth(width);\n\n    const newBreakpiont = this.verticalTabMediaQueryService.current;\n\n    this.adapterService.setResponsiveClass(this.tabContent, newBreakpiont);\n\n    this.changeRef.markForCheck();\n  }\n}\n","import {\n  Injectable\n} from '@angular/core';\n\nimport {\n  BehaviorSubject\n} from 'rxjs';\n\n@Injectable()\nexport class SkySectionedFormService {\n/**\n * @internal\n */\n  public invalidChange: BehaviorSubject<boolean> = new BehaviorSubject(undefined);\n/**\n * @internal\n */\n  public requiredChange: BehaviorSubject<boolean> = new BehaviorSubject(undefined);\n\n  /**\n   * Sets the current section's invalid state based on the `isInvalid` parameter.\n   * This method is used within a `sky-sectioned-form-section` element.\n   */\n  public invalidFieldChanged(isInvalid: boolean): void {\n    this.invalidChange.next(isInvalid);\n  }\n\n  /**\n   * Sets the current section's required state based on the `isRequired` parameter.\n   * This method is used within a `sky-sectioned-form-section` element.\n   */\n  public requiredFieldChanged(isRequired: boolean): void {\n    this.requiredChange.next(isRequired);\n  }\n}\n","import {\n  Component,\n  Input,\n  ViewChild,\n  OnInit,\n  OnDestroy,\n  ChangeDetectorRef\n} from '@angular/core';\n\nimport {\n  Subject\n} from 'rxjs';\n\nimport {\n  takeUntil\n} from 'rxjs/operators';\n\nimport {\n  SkyVerticalTabComponent\n} from './../vertical-tabset/vertical-tab.component';\nimport {\n  SkySectionedFormService\n} from './sectioned-form.service';\nimport {\n  SkyVerticalTabsetService\n} from '../vertical-tabset/vertical-tabset.service';\n\nlet nextId = 0;\n\n/**\n * Creates an individual form to display as a section within the sectioned form.\n */\n@Component({\n  selector: 'sky-sectioned-form-section',\n  templateUrl: './sectioned-form-section.component.html',\n  providers: [SkySectionedFormService],\n  styleUrls: ['./sectioned-form-section.component.scss']\n})\nexport class SkySectionedFormSectionComponent implements OnInit, OnDestroy {\n  public sectionTabId = `sky-sectioned-form-tab-${++nextId}`;\n  public sectionContentId = `sky-sectioned-form-section-${++nextId}`;\n\n/**\n * Specifies the section header.\n * @required\n */\n  @Input()\n  public heading: string;\n\n/**\n * Indicates the number of items within the section and displays a\n * counter alongside the section header.\n */\n  @Input()\n  public itemCount: number;\n\n/**\n * Indicates whether the section is active when the form loads.\n * @default false\n */\n  @Input()\n  public active: boolean;\n\n  public get ariaRole(): string {\n    return this.isMobile ? undefined : 'tabpanel';\n  }\n\n  public get ariaLabelledby() {\n    return this.isMobile ? undefined : this.sectionTabId;\n  }\n\n  public fieldRequired: boolean;\n  public fieldInvalid: boolean;\n\n  @ViewChild(SkyVerticalTabComponent)\n  public tab: SkyVerticalTabComponent;\n\n  private isMobile = false;\n  private _ngUnsubscribe = new Subject();\n\n  constructor(\n    private sectionedFormService: SkySectionedFormService,\n    private tabsetService: SkyVerticalTabsetService,\n    private changeRef: ChangeDetectorRef\n  ) {}\n\n  public ngOnInit() {\n    this.isMobile = this.tabsetService.isMobile();\n    this.changeRef.detectChanges();\n\n    this.tabsetService.switchingMobile\n      .subscribe((mobile: boolean) => {\n        this.isMobile = mobile;\n        this.changeRef.detectChanges();\n      });\n\n    this.sectionedFormService.requiredChange\n      .pipe(takeUntil(this._ngUnsubscribe))\n      .subscribe((required: boolean) => this.fieldRequired = required);\n\n    this.sectionedFormService.invalidChange\n      .pipe(takeUntil(this._ngUnsubscribe))\n      .subscribe((invalid: boolean) => this.fieldInvalid = invalid);\n  }\n\n  public ngOnDestroy() {\n    this._ngUnsubscribe.next();\n    this._ngUnsubscribe.complete();\n  }\n}\n","\nimport {\n  Injectable\n} from '@angular/core';\n\nimport {\n  getStringForLocale,\n  SkyAppLocaleInfo,\n  SkyLibResourcesProvider\n} from '@skyux/i18n';\n\n@Injectable()\nexport class SkyTabsResourcesProvider implements SkyLibResourcesProvider {\n  private resources: any = {\"EN-US\":{\"skyux_tab_add\":\"Add tab\",\"skyux_tab_close\":\"Close {0} tab\",\"skyux_tabs_navigator_next\":\"Next\",\"skyux_tabs_navigator_previous\":\"Previous\",\"skyux_tab_open\":\"Open tab\",\"skyux_vertical_tabs_show_tabs_text\":\"Tab list\"}};\n\n  public getString(localeInfo: SkyAppLocaleInfo, name: string): string {\n    return getStringForLocale(this.resources, localeInfo.locale, name);\n  }\n}\n","import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  SKY_LIB_RESOURCES_PROVIDERS\n} from '@skyux/i18n';\n\nimport {\n  SkyTabsResourcesProvider\n} from '../../plugin-resources/tabs-resources-provider';\n\n@NgModule({\n  providers: [{\n    provide: SKY_LIB_RESOURCES_PROVIDERS,\n    useClass: SkyTabsResourcesProvider,\n    multi: true\n  }]\n})\nexport class SkyTabsResourcesModule { }\n","import {\n  Component,\n  ElementRef,\n  ViewChild,\n  Input,\n  OnInit,\n  ChangeDetectionStrategy,\n  Output,\n  EventEmitter,\n  AfterViewChecked,\n  ChangeDetectorRef,\n  OnDestroy\n} from '@angular/core';\n\nimport {\n  style,\n  trigger,\n  transition,\n  animate\n} from '@angular/animations';\n\nimport {\n  SkyLibResourcesService\n} from '@skyux/i18n';\n\nimport {\n  Subject\n} from 'rxjs';\n\nimport {\n  take,\n  takeUntil\n} from 'rxjs/operators';\n\nimport {\n  SkyVerticalTabsetAdapterService\n} from './vertical-tabset-adapter.service';\n\nimport {\n  SkyVerticalTabsetService,\n  HIDDEN_STATE,\n  VISIBLE_STATE\n} from './vertical-tabset.service';\n\n@Component({\n  selector: 'sky-vertical-tabset',\n  templateUrl: './vertical-tabset.component.html',\n  styleUrls: ['./vertical-tabset.component.scss'],\n  providers: [SkyVerticalTabsetService],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [\n    trigger(\n      'tabGroupEnter', [\n        transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [\n          style({transform: 'translate(-100%)'}),\n          animate('150ms ease-in')\n        ])\n      ]\n    ),\n    trigger(\n      'contentEnter', [\n        transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [\n          style({transform: 'translate(100%)'}),\n          animate('150ms ease-in')\n        ])\n      ]\n    )\n  ]\n})\nexport class SkyVerticalTabsetComponent implements OnInit, AfterViewChecked, OnDestroy {\n\n  /**\n   * Specifies the text to display on the show tabs button on mobile devices.\n   */\n  @Input()\n  public showTabsText: string;\n\n  /**\n   * Specifies an ARIA role for the vertical tabset\n   * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)\n   * by indicating how the tabset functions and what it controls. For information about how\n   * an ARIA role indicates what an item represents on a web page, see the\n   * [WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles).\n   * @default \"tablist\"\n   */\n  @Input()\n  public get ariaRole(): string {\n    if (this.isMobile) {\n      return undefined;\n    }\n    return this._ariaRole || 'tablist';\n  }\n  public set ariaRole(value: string) {\n    this._ariaRole = value;\n  }\n\n  /**\n   * Indicates whether the vertical tabset loads tab content during initialization so that it\n   * displays content without moving around elements in the content container.\n   * @default 'false'\n   */\n  @Input()\n  public maintainTabContent: boolean = false;\n\n  /**\n   * Fires when the active tab changes. Emits the index of the active tab. The\n   * index is based on the tab's position when it loads.\n   */\n  @Output()\n  public activeChange = new EventEmitter<number>();\n\n  @ViewChild('groupContainerWrapper')\n  public tabGroups: ElementRef;\n\n  @ViewChild('skySideContent')\n  public content: ElementRef;\n\n  @ViewChild('contentContainerWrapper')\n  private contentWrapper: ElementRef;\n\n  private isMobile = false;\n  private _ngUnsubscribe = new Subject();\n  private _ariaRole: string;\n\n  constructor(\n    public adapterService: SkyVerticalTabsetAdapterService,\n    public tabService: SkyVerticalTabsetService,\n    private resources: SkyLibResourcesService,\n    private changeRef: ChangeDetectorRef) {}\n\n  public ngOnInit() {\n    this.tabService.maintainTabContent = this.maintainTabContent;\n\n    this.tabService.indexChanged\n      .pipe(takeUntil(this._ngUnsubscribe))\n      .subscribe((index: any) => {\n        this.activeChange.emit(index);\n        if (this.contentWrapper) {\n          this.adapterService.scrollToContentTop(this.contentWrapper);\n        }\n        this.changeRef.markForCheck();\n      });\n\n    this.tabService.switchingMobile\n      .pipe(takeUntil(this._ngUnsubscribe))\n      .subscribe((mobile: boolean) => {\n        this.isMobile = mobile;\n        this.changeRef.markForCheck();\n      });\n\n    if (this.tabService.isMobile()) {\n      this.isMobile = true;\n      this.tabService.animationContentVisibleState = VISIBLE_STATE;\n      this.changeRef.markForCheck();\n    }\n    if (!this.showTabsText) {\n      this.resources.getString('skyux_vertical_tabs_show_tabs_text')\n        .pipe(take(1))\n        .subscribe(resource => {\n          /* sanity check */\n          if (!this.showTabsText) {\n            this.showTabsText = resource;\n          }\n        });\n    }\n  }\n\n  public ngAfterViewChecked() {\n    this.tabService.content = this.content;\n    this.tabService.updateContent();\n  }\n\n  public ngOnDestroy() {\n    this._ngUnsubscribe.next();\n    this._ngUnsubscribe.complete();\n  }\n}\n","import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ContentChildren,\n  Input,\n  OnDestroy,\n  OnInit,\n  QueryList\n} from '@angular/core';\n\nimport {\n  animate,\n  style,\n  transition,\n  trigger\n} from '@angular/animations';\n\nimport {\n  Subject\n} from 'rxjs';\n\nimport {\n  takeUntil\n} from 'rxjs/operators';\n\nimport {\n  SkyVerticalTabComponent\n} from './vertical-tab.component';\n\nimport {\n  SkyVerticalTabsetService\n} from './vertical-tabset.service';\n\n@Component({\n  selector: 'sky-vertical-tabset-group',\n  templateUrl: './vertical-tabset-group.component.html',\n  styleUrls: ['./vertical-tabset-group.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [\n    trigger(\n      'tabSlide', [\n        transition(':enter', [\n          style({\n            height: '0',\n            visibility: 'hidden'\n          }),\n          animate('150ms ease-in', style({\n            height: '*',\n            visibility: 'visible'\n          }))\n        ]),\n        transition(':leave', [\n          style({\n            height: '*',\n            visibility: 'visible'\n          }),\n          animate('150ms ease-in', style({\n            height: '0',\n            visibility: 'hidden'\n          }))\n        ])\n      ])\n    ]\n})\nexport class SkyVerticalTabsetGroupComponent implements OnInit, OnDestroy {\n\n  /**\n   * Indicates whether to disable the ability to expand and collapse the group.\n   * @default \"false\"\n   */\n  @Input()\n  public disabled: boolean;\n\n  /**\n   * Specifies the header for the collapsible group of tabs.\n   */\n  @Input()\n  public groupHeading: string;\n\n  /**\n   * Indicates whether the collapsible group is expanded.\n   * @default \"false\"\n   */\n  @Input()\n  public set open(value: boolean) {\n    this._open = value;\n  }\n\n  public get open(): boolean {\n    return !this.disabled && this._open;\n  }\n\n  @ContentChildren(SkyVerticalTabComponent)\n  private tabs: QueryList<SkyVerticalTabComponent>;\n\n  private ngUnsubscribe = new Subject();\n\n  private openBeforeTabsHidden: boolean = false;\n\n  private _open: boolean = false;\n\n  constructor(\n    private tabService: SkyVerticalTabsetService,\n    private changeRef: ChangeDetectorRef\n  ) {}\n\n  public ngOnInit(): void {\n    this.tabService.hidingTabs\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(this.tabsHidden);\n\n    this.tabService.showingTabs\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(this.tabsShown);\n\n    this.tabService.tabClicked\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(this.tabClicked);\n  }\n\n  public ngOnDestroy(): void {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  public toggleMenuOpen(): void {\n    if (!this.disabled) {\n      this.open = !this.open;\n    }\n\n    this.changeRef.markForCheck();\n  }\n\n  public subMenuOpen(): boolean {\n    return this.tabs && (this.tabs.find(t => t.active) !== undefined);\n  }\n\n  public tabClicked = () => {\n    this.changeRef.markForCheck();\n  }\n\n  public tabsHidden = () => {\n    // this fixes an animation bug with ngIf when the parent component goes from visible to hidden\n    this.openBeforeTabsHidden = this.open;\n    this.open = false;\n    this.changeRef.markForCheck();\n  }\n\n  public tabsShown = () => {\n    this.open = this.openBeforeTabsHidden;\n    this.changeRef.markForCheck();\n  }\n}\n","import {\n  NgModule\n} from '@angular/core';\n\nimport {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  BrowserAnimationsModule\n} from '@angular/platform-browser/animations';\n\nimport {\n  SkyMediaQueryModule\n} from '@skyux/core';\n\nimport {\n  SkyChevronModule,\n  SkyIconModule,\n  SkyStatusIndicatorModule\n} from '@skyux/indicators';\n\nimport {\n  SkyThemeModule\n} from '@skyux/theme';\n\nimport {\n  SkyTabsResourcesModule\n} from '../shared/tabs-resources.module';\n\nimport {\n  SkyVerticalTabsetComponent\n} from './vertical-tabset.component';\n\nimport {\n  SkyVerticalTabComponent\n} from './vertical-tab.component';\n\nimport {\n  SkyVerticalTabsetAdapterService\n} from './vertical-tabset-adapter.service';\n\nimport {\n  SkyVerticalTabsetGroupComponent\n} from './vertical-tabset-group.component';\n\n@NgModule({\n  declarations: [\n    SkyVerticalTabsetComponent,\n    SkyVerticalTabsetGroupComponent,\n    SkyVerticalTabComponent\n  ],\n  imports: [\n    CommonModule,\n    BrowserAnimationsModule,\n    SkyChevronModule,\n    SkyIconModule,\n    SkyMediaQueryModule,\n    SkyStatusIndicatorModule,\n    SkyTabsResourcesModule,\n    SkyThemeModule\n  ],\n  providers: [\n    SkyVerticalTabsetAdapterService\n  ],\n  exports: [\n    SkyVerticalTabsetComponent,\n    SkyVerticalTabsetGroupComponent,\n    SkyVerticalTabComponent\n  ]\n})\nexport class SkyVerticalTabsetModule { }\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SkySectionedFormComponent } from './sectioned-form.component';\nimport { SkySectionedFormSectionComponent } from './sectioned-form-section.component';\nimport { SkyVerticalTabsetModule } from '../vertical-tabset/vertical-tabset.module';\nimport { SkyCheckboxModule } from '@skyux/forms';\n\n@NgModule({\n  declarations: [\n    SkySectionedFormComponent,\n    SkySectionedFormSectionComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyCheckboxModule,\n    SkyVerticalTabsetModule\n  ],\n  exports: [\n    SkySectionedFormComponent,\n    SkySectionedFormSectionComponent\n  ]\n})\nexport class SkySectionedFormModule { }\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  Input,\n  Output,\n  ViewEncapsulation\n} from '@angular/core';\n\nimport {\n  SkyTabsetStyle\n} from './tabset-style';\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-tab-button',\n  templateUrl: './tab-button.component.html',\n  styleUrls: ['./tab-button.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None\n})\nexport class SkyTabButtonComponent {\n\n  @Input()\n  public active: boolean;\n\n  @Input()\n  public ariaControls: string;\n\n  @Input()\n  public buttonHref: string;\n\n  @Input()\n  public buttonId: string;\n\n  @Input()\n  public buttonText: string;\n\n  @Input()\n  public buttonTextCount: string;\n\n  @Input()\n  public closeable: boolean;\n\n  @Input()\n  public disabled: boolean;\n\n  @Input()\n  public tabStyle: SkyTabsetStyle;\n\n  @Output()\n  public buttonClick = new EventEmitter<void>();\n\n  @Output()\n  public closeClick = new EventEmitter<void>();\n\n  public onButtonClick(event: MouseEvent): void {\n    if (!this.disabled) {\n      this.buttonClick.emit();\n      event.preventDefault();\n    }\n  }\n\n  public onButtonEnterKeyDown(event: any): void {\n    this.onButtonClick(event);\n  }\n\n  public onCloseClick(event: any): void {\n    this.closeClick.emit();\n\n    // Prevent the click event from bubbling up to the anchor tag;\n    // otherwise it will trigger a page refresh.\n    event.stopPropagation();\n    event.preventDefault();\n  }\n}\n","import {\n  Location\n} from '@angular/common';\n\nimport {\n  Injectable,\n  OnDestroy\n} from '@angular/core';\n\nimport {\n  ActivatedRoute,\n  Router\n} from '@angular/router';\n\nimport {\n  Observable,\n  Subject,\n  SubscriptionLike\n} from 'rxjs';\n\n/**\n * @internal\n */\ninterface PermalinkParams {\n  [_: string]: string;\n}\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyTabsetPermalinkService implements OnDestroy {\n\n  public get popStateChange(): Observable<void> {\n    return this._popStateChange.asObservable();\n  }\n\n  private _popStateChange = new Subject<void>();\n\n  private subscription: SubscriptionLike;\n\n  constructor(\n    private activatedRoute: ActivatedRoute,\n    private location: Location,\n    private router: Router\n  ) { }\n\n  public ngOnDestroy(): void {\n    if (this.subscription) {\n      this.subscription.unsubscribe();\n    }\n  }\n\n  public init(): void {\n    this.subscription = this.location.subscribe(() => {\n      this._popStateChange.next();\n    });\n  }\n\n  /**\n   * Returns the value of a URL query param.\n   */\n  public getParam(name: string): string {\n    return this.getParams()[name];\n  }\n\n  /**\n   * Sets the value of a URL query param.\n   */\n  public setParam(name: string, value: string | null): void {\n    const params = this.getParams();\n\n    if (value === null) {\n      delete params[name];\n    } else {\n      params[name] = value;\n    }\n\n    // Update the URL without triggering a navigation state change.\n    // See: https://stackoverflow.com/a/46486677\n    const url = this.router.createUrlTree(['.'], {\n      relativeTo: this.activatedRoute,\n      queryParams: params,\n      queryParamsHandling: 'merge'\n    }).toString();\n\n    // Abort redirect if the current URL is equal to the new URL.\n    if (this.location.isCurrentPathEqualTo(url)) {\n      return;\n    }\n\n    this.location.go(url);\n  }\n\n  /**\n   * Removes the provided query param from the URL.\n   */\n  public clearParam(name: string): void {\n    /*tslint:disable-next-line:no-null-keyword*/\n    this.setParam(name, null);\n  }\n\n  /**\n   * Returns a relative URL that includes the provided query parameter. The value is inteded to be\n   * used by an HTML anchor element.\n   */\n  public getParamHref(name: string, value: string): string | null {\n    if (!name) {\n      /*tslint:disable-next-line:no-null-keyword*/\n      return null;\n    }\n\n    const params = this.getParams();\n    params[name] = value;\n\n    const baseUrl = this.location.path().split('?')[0];\n    const paramString = Object.keys(params).map(k => `${k}=${params[k]}`).join('&');\n\n    return this.location.prepareExternalUrl(`${baseUrl}?${paramString}`);\n  }\n\n  /**\n   * Converts the provided string into a value that can be safely used in a URL.\n   */\n  public urlify(value: string): string {\n    if (!value) {\n      return '';\n    }\n\n    const sanitized = value.toLowerCase()\n\n      // Remove special characters.\n      .replace(/[\\_\\~\\`\\@\\!\\#\\$\\%\\^\\&\\*\\(\\)\\[\\]\\{\\}\\;\\:\\'\\/\\\\\\<\\>\\,\\.\\?\\=\\+\\|\"]/g, '')\n\n      // Replace space characters with a dash.\n      .replace(/\\s/g, '-')\n\n      // Remove any double-dashes.\n      .replace(/--/g, '-');\n\n    return sanitized;\n  }\n\n  /**\n   * Returns all query params that exist in the current URL.\n   */\n  private getParams(): PermalinkParams {\n    const params: PermalinkParams = {};\n\n    const path = this.location.path();\n    if (path.indexOf('?') === -1) {\n      return params;\n    }\n\n    const existingParamPairs = path.split('?')[1].split('&');\n    existingParamPairs.forEach((pair) => {\n      const fragments = pair.split('=');\n      params[fragments[0]] = decodeURIComponent(fragments[1]);\n    });\n\n    return params;\n  }\n\n}\n","import {\n  Injectable\n} from '@angular/core';\n\nimport {\n  BehaviorSubject,\n  Observable,\n  Subject\n} from 'rxjs';\n\nimport {\n  SkyTabIndex\n} from './tab-index';\n\nimport {\n  SkyTabsetActiveTabUnregisteredArgs\n} from './tabset-active-tab-unregistered-args';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyTabsetService {\n\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 = 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(value: SkyTabIndex, config = {\n    emitChange: true\n  }): void {\n    if (\n      value !== undefined &&\n      !this.tabIndexesEqual(value, this.currentActiveTabIndex)\n    ) {\n      this.currentActiveTabIndex = value;\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(currentTabIndex: SkyTabIndex, newTabIndex: SkyTabIndex): void {\n    const found = this.tabs.find(tab => this.tabIndexesEqual(tab.tabIndex, currentTabIndex));\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 => this.tabIndexesEqual(tab.tabIndex, tabIndex));\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(tabIndex1: SkyTabIndex, tabIndex2: SkyTabIndex): boolean {\n    return (\n      tabIndex1 === tabIndex2 ||\n      +tabIndex1 === +tabIndex2\n    );\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 => this.tabIndexesEqual(tab.tabIndex, tabIndex));\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","import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnDestroy,\n  Output,\n  SimpleChanges\n} from '@angular/core';\n\nimport {\n  BehaviorSubject,\n  Observable\n} from 'rxjs';\n\nimport {\n  SkyTabIndex\n} from './tab-index';\n\nimport {\n  SkyTabsetPermalinkService\n} from './tabset-permalink.service';\n\nimport {\n  SkyTabsetService\n} from './tabset.service';\n\nlet nextId = 0;\n\n@Component({\n  selector: 'sky-tab',\n  templateUrl: './tab.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SkyTabComponent implements OnChanges, OnDestroy {\n\n  /**\n   * Indicates whether the tab is active when the tabset loads. After initialization, the `active`\n   * property on the tabset component should be used to set the active tab.\n   * @default false\n   */\n  @Input()\n  public set active(value: boolean) {\n    if (\n      value !== undefined &&\n      value !== this._active\n    ) {\n      this._active = value;\n      this._activeChange.next();\n    }\n  }\n\n  public get active(): boolean {\n    return this._active || false;\n  }\n\n  public get activeChange(): Observable<void> {\n    return this._activeChange.asObservable();\n  }\n\n  /**\n   * Indicates whether to disable the tab.\n   * @default false\n   */\n  @Input()\n  public disabled: boolean;\n\n  /**\n   * Specifies a custom query parameter value for the tab.\n   * This works in conjunction with the tabset's `permalinkId` to distinguish\n   * the tab's unique state in the URL by generating a query parameter that is\n   * written as `?<queryParam>-active-tab=<sanitized-tab-heading`.\n   * By default, the query parameter's value is parsed automatically from the tab's heading text.\n   */\n  @Input()\n  public set permalinkValue(value: string) {\n    this._permalinkValue = this.permalinkService.urlify(value);\n  }\n\n  public get permalinkValue(): string {\n    return this._permalinkValue || this.permalinkService.urlify(this.tabHeading);\n  }\n\n  /**\n   * Displays a counter beside the tab header.\n   */\n  @Input()\n  public tabHeaderCount: string;\n\n  /**\n   * Specifies the tab header.\n   * When using tabs as the main navigation on a page,\n   * use [the Angular `Title` service](https://angular.io/docs/ts/latest/cookbook/set-document-title.html)\n   * and [the SKY UX `title` configuration property](https://developer.blackbaud.com/skyux/learn/reference/configuration#app)\n   * to reflect the tab header in the page title.\n   * @required\n   */\n  @Input()\n  public tabHeading: string;\n\n  /**\n   * Specifies a unique identifier for the tab.\n   * If not defined, the identifier is set to the position of the tab on load, starting with `0`.\n   */\n  @Input()\n  public set tabIndex(value: SkyTabIndex) {\n    if (\n      value !== this._tabIndex &&\n      value !== undefined &&\n      this._tabIndex !== undefined\n    ) {\n      this.tabsetService.updateTabIndex(this._tabIndex, value);\n      this._tabIndexChange.next(value);\n    }\n\n    this._tabIndex = value;\n  }\n\n  public get tabIndex(): SkyTabIndex {\n    return this._tabIndex;\n  }\n\n  /**\n   * Fires when users click the button to close the tab.\n   * The close button is added to the tab when you specify a listener for this event.\n   */\n  @Output()\n  public close = new EventEmitter<void>();\n\n  public get closeable(): boolean {\n    return this.close.observers.length > 0;\n  }\n\n  /**\n   * Alerts the tabset component when this component has changes that need to be reflected in the UI.\n   */\n  public get stateChange(): Observable<void> {\n    return this._stateChange.asObservable();\n  }\n\n  public get tabIndexChange(): Observable<SkyTabIndex> {\n    return this._tabIndexChange.asObservable();\n  }\n\n  public showContent: boolean = false;\n\n  public tabButtonId: string;\n\n  public tabPanelId: string;\n\n  private _active: boolean;\n\n  private _activeChange = new BehaviorSubject<void>(undefined);\n\n  private _permalinkValue: string;\n\n  private _stateChange = new BehaviorSubject<void>(undefined);\n\n  private _tabIndex: SkyTabIndex;\n\n  private _tabIndexChange = new BehaviorSubject<SkyTabIndex>(undefined);\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private permalinkService: SkyTabsetPermalinkService,\n    private tabsetService: SkyTabsetService\n  ) {\n    const id = nextId++;\n    this.tabPanelId = `sky-tab-${id}`;\n    this.tabButtonId = `${this.tabPanelId}-nav-btn`;\n  }\n\n  public ngOnChanges(changes: SimpleChanges): void {\n    if (\n      changes.disabled && !changes.disabled.firstChange ||\n      changes.tabHeading && !changes.tabHeading.firstChange ||\n      changes.tabHeaderCount && !changes.tabHeaderCount.firstChange ||\n      changes.permalinkValue && !changes.permalinkValue.firstChange\n    ) {\n      this._stateChange.next();\n    }\n  }\n\n  public ngOnDestroy(): void {\n    this._stateChange.complete();\n    this.tabsetService.unregisterTab(this.tabIndex);\n  }\n\n  public init(): void {\n    this._tabIndex = this.tabsetService.registerTab(this.tabIndex);\n  }\n\n  public activate(): void {\n    this._active = true;\n    this.showContent = true;\n    this.changeDetector.markForCheck();\n  }\n\n  public deactivate(): void {\n    this._active = false;\n    this.showContent = false;\n    this.changeDetector.markForCheck();\n  }\n\n}\n","import {\n  AfterViewInit,\n  ChangeDetectorRef,\n  Component,\n  Input\n} from '@angular/core';\n\nimport {\n  SkyLibResourcesService\n} from '@skyux/i18n';\n\nimport {\n  forkJoin\n} from 'rxjs';\n\nimport {\n  take\n} from 'rxjs/operators';\n\nimport {\n  SkyTabsetComponent\n} from './tabset.component';\n\nimport {\n  SkyTabComponent\n} from './tab.component';\n\nconst buttonTypeNext = 'next';\n\nconst buttonTypePrevious = 'previous';\n\n/**\n * @internal\n */\n@Component({\n  selector: 'sky-tabset-nav-button',\n  templateUrl: './tabset-nav-button.component.html'\n})\nexport class SkyTabsetNavButtonComponent implements AfterViewInit {\n\n  @Input()\n  public tabset: SkyTabsetComponent;\n\n  @Input()\n  public buttonType: string;\n\n  @Input()\n  public set buttonText(value: string) {\n    this._buttonText = value;\n  }\n\n  public get buttonText(): string {\n    if (this._buttonText) {\n      return this._buttonText;\n    }\n\n    switch (this.buttonType) {\n      case buttonTypePrevious:\n        return this.previousButtonText;\n      case buttonTypeNext:\n        return this.nextButtonText;\n      /* istanbul ignore next */\n      default:\n        return '';\n    }\n  }\n\n  public get disabled(): boolean {\n    let tabToSelect: SkyTabComponent;\n\n    switch (this.buttonType) {\n      case buttonTypePrevious:\n        tabToSelect = this.previousTab;\n        break;\n      case buttonTypeNext:\n        tabToSelect = this.nextTab;\n        break;\n      /* istanbul ignore next */\n      default:\n        break;\n    }\n\n    return !tabToSelect || tabToSelect.disabled;\n  }\n\n  private get selectedTab(): SkyTabComponent {\n    let selectedTab: SkyTabComponent;\n\n    if (this.tabset && this.tabset.tabs) {\n      selectedTab = this.tabset.tabs.find((tab) => tab.tabIndex === this.tabset.lastActiveTabIndex);\n    }\n\n    return selectedTab;\n  }\n\n  private get nextTab(): SkyTabComponent {\n    let selectedTab = this.selectedTab;\n\n    if (selectedTab) {\n      let tabs = this.tabset.tabs.toArray();\n      return tabs[tabs.indexOf(selectedTab) + 1];\n    }\n\n    return undefined;\n  }\n\n  private get previousTab(): SkyTabComponent {\n    let selectedTab = this.selectedTab;\n\n    if (selectedTab) {\n      let tabs = this.tabset.tabs.toArray();\n      return tabs[tabs.indexOf(selectedTab) - 1];\n    }\n\n    return undefined;\n  }\n\n  private _buttonText: string;\n  private previousButtonText: string;\n  private nextButtonText: string;\n\n  constructor(private resourceService: SkyLibResourcesService, private changeDetector: ChangeDetectorRef) { }\n\n  public ngAfterViewInit() {\n    forkJoin([\n      this.resourceService.getString('skyux_tabs_navigator_previous'),\n      this.resourceService.getString('skyux_tabs_navigator_next')\n    ])\n      .pipe(take(1))\n      .subscribe(resources => {\n        this.previousButtonText = resources[0];\n        this.nextButtonText = resources[1];\n        this.changeDetector.detectChanges();\n      });\n  }\n\n  public buttonClick() {\n    let tabToSelect: SkyTabComponent;\n\n    switch (this.buttonType) {\n      case buttonTypePrevious:\n        tabToSelect = this.previousTab;\n        break;\n      case buttonTypeNext:\n        tabToSelect = this.nextTab;\n        break;\n      /* istanbul ignore next */\n      default:\n        break;\n    }\n\n    /* istanbul ignore else */\n    if (tabToSelect && !tabToSelect.disabled) {\n      this.tabset.active = tabToSelect.tabIndex;\n    }\n  }\n}\n","import {\n  ElementRef,\n  Injectable\n} from '@angular/core';\n\nimport {\n  BehaviorSubject,\n  Observable\n} from 'rxjs';\n\n/**\n * @internal\n */\n@Injectable()\nexport class SkyTabsetAdapterService {\n\n  public get overflowChange(): Observable<boolean> {\n    return this._overflowChange.asObservable();\n  }\n\n  private currentOverflow: boolean;\n\n  private tabsetRef: ElementRef;\n\n  private tabsOffsetLeft: number;\n\n  private _overflowChange = new BehaviorSubject<boolean>(false);\n\n  public registerTabset(tabsetRef: ElementRef): void {\n    this.tabsetRef = tabsetRef;\n    this.tabsOffsetLeft = this.getTabsOffsetLeft(tabsetRef.nativeElement);\n  }\n\n  /**\n   * Detects if the tab buttons are wider than the tabset container.\n   */\n  public detectOverflow(): void {\n    const nativeElement = this.tabsetRef.nativeElement;\n\n    const tabsetRect = nativeElement\n      .querySelector('.sky-tabset')\n      .getBoundingClientRect();\n\n    const tabButtonsRect = nativeElement\n      .querySelector('.sky-tabset-tabs')\n      .getBoundingClientRect();\n\n    const tabExtraButtonsRect = nativeElement\n      .querySelector('.sky-tabset-btns')\n      .getBoundingClientRect();\n\n    const tabButtonsWidth = tabButtonsRect.width + tabExtraButtonsRect.width + this.tabsOffsetLeft;\n\n    const newOverflow = (tabButtonsWidth > tabsetRect.width);\n    if (this.currentOverflow !== newOverflow) {\n      this.currentOverflow = newOverflow;\n      this._overflowChange.next(this.currentOverflow);\n    }\n  }\n\n  /**\n   * Returns the number of pixels to the left of the first tab.\n   */\n  private getTabsOffsetLeft(tabsetEl: HTMLElement): number {\n    const tabsetRect = tabsetEl.getBoundingClientRect();\n\n    // The dropdown element is the first \"tab\" and always exists in the DOM, even when hidden.\n    const firstTabRect = tabsetEl.querySelector('.sky-tabset-dropdown').getBoundingClientRect();\n\n    return firstTabRect.left - tabsetRect.left;\n  }\n}\n","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 {\n  combineLatest,\n  race,\n  Subject\n} from 'rxjs';\n\nimport {\n  distinctUntilChanged,\n  takeUntil\n} from 'rxjs/operators';\n\nimport {\n  SkyTabIndex\n} from './tab-index';\n\nimport {\n  SkyTabsetStyle\n} from './tabset-style';\n\nimport {\n  SkyTabComponent\n} from './tab.component';\n\nimport {\n  SkyTabsetAdapterService\n} from './tabset-adapter.service';\n\nimport {\n  SkyTabsetButtonsDisplayMode\n} from './tabset-buttons-display-mode';\n\nimport {\n  SkyTabsetPermalinkService\n} from './tabset-permalink.service';\n\nimport {\n  SkyTabsetService\n} from './tabset.service';\n\nimport {\n  SkyTabsetTabIndexesChange\n} from './tabset-tab-indexes-change';\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  /**\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\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    this.permalinkService.clearParam(this.permalinkId);\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(\n        distinctUntilChanged(),\n        takeUntil(this.ngUnsubscribe)\n      )\n      .subscribe(activeIndex => {\n        this.updateTabsetComponent(activeIndex);\n      });\n  }\n\n  private listenTabComponentsStructuralChange(): void {\n    this.tabs.changes\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => {\n        this.resetTabComponents();\n      });\n  }\n\n  private listenTabComponentsStateChange(): void {\n    combineLatest(this.tabs.map(tab => tab.activeChange))\n      .pipe(takeUntil(race(this.tabComponentsStateChangeUnsubscribe, this.ngUnsubscribe)))\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(takeUntil(race(this.tabComponentsStateChangeUnsubscribe, this.ngUnsubscribe)))\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(this.tabsetService.currentActiveTabIndex, true);\n            this.emitTabIndexChange();\n          });\n        }\n      });\n\n    combineLatest(this.tabs.map(tab => tab.stateChange))\n      .pipe(takeUntil(race(this.tabComponentsStateChangeUnsubscribe, this.ngUnsubscribe)))\n      .subscribe(() => {\n        // Wait for the tab components to render changes before finding the active one.\n        setTimeout(() => {\n          this.updateTabsetComponent(this.tabsetService.currentActiveTabIndex, true);\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)?.tabIndex;\n      }\n    }\n  }\n\n  private getActiveTabComponent(): SkyTabComponent {\n    return this.tabs.toArray().reverse().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) ? null : 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(button.tabIndex, activeIndex);\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\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(this.permalinkId, activeTabComponent.permalinkValue);\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","import {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  RouterModule\n} from '@angular/router';\n\nimport {\n  SkyI18nModule\n} from '@skyux/i18n';\n\nimport {\n  SkyIconModule\n} from '@skyux/indicators';\n\nimport {\n SkyDropdownModule\n} from '@skyux/popovers';\n\nimport {\n  SkyThemeModule\n} from '@skyux/theme';\n\nimport {\n  SkyTabsResourcesModule\n} from '../shared/tabs-resources.module';\n\nimport {\n  SkyTabButtonComponent\n} from './tab-button.component';\n\nimport {\n  SkyTabComponent\n} from './tab.component';\n\nimport {\n  SkyTabsetNavButtonComponent\n} from './tabset-nav-button.component';\n\nimport {\n  SkyTabsetComponent\n} from './tabset.component';\n\n@NgModule({\n  declarations: [\n    SkyTabButtonComponent,\n    SkyTabComponent,\n    SkyTabsetComponent,\n    SkyTabsetNavButtonComponent\n  ],\n  imports: [\n    CommonModule,\n    RouterModule,\n    SkyDropdownModule,\n    SkyI18nModule,\n    SkyIconModule,\n    SkyTabsResourcesModule,\n    SkyThemeModule\n  ],\n  exports: [\n    SkyTabComponent,\n    SkyTabsetComponent,\n    SkyTabsetNavButtonComponent\n  ]\n})\nexport class SkyTabsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n\nexport {SkySectionedFormSectionComponent as ɵd} from './modules/sectioned-form/sectioned-form-section.component';\nexport {SkyTabsResourcesModule as ɵj} from './modules/shared/tabs-resources.module';\nexport {SkyTabButtonComponent as ɵl} from './modules/tabs/tab-button.component';\nexport {SkyTabComponent as ɵm} from './modules/tabs/tab.component';\nexport {SkyTabsetAdapterService as ɵq} from './modules/tabs/tabset-adapter.service';\nexport {SkyTabsetNavButtonComponent as ɵr} from './modules/tabs/tabset-nav-button.component';\nexport {SkyTabsetPermalinkService as ɵn} from './modules/tabs/tabset-permalink.service';\nexport {SkyTabsetComponent as ɵp} from './modules/tabs/tabset.component';\nexport {SkyTabsetService as ɵo} from './modules/tabs/tabset.service';\nexport {SkyVerticalTabMediaQueryService as ɵf} from './modules/vertical-tabset/vertical-tab-media-query.service';\nexport {SkyVerticalTabComponent as ɵe} from './modules/vertical-tabset/vertical-tab.component';\nexport {SkyVerticalTabsetAdapterService as ɵg} from './modules/vertical-tabset/vertical-tabset-adapter.service';\nexport {SkyVerticalTabsetGroupComponent as ɵi} from './modules/vertical-tabset/vertical-tabset-group.component';\nexport {SkyVerticalTabsetComponent as ɵh} from './modules/vertical-tabset/vertical-tabset.component';\nexport {HIDDEN_STATE as ɵb,SkyVerticalTabsetService as ɵc,VISIBLE_STATE as ɵa} from './modules/vertical-tabset/vertical-tabset.service';\nexport {SkyTabsResourcesProvider as ɵk} from './plugin-resources/tabs-resources-provider';"],"names":["nextId"],"mappings":"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"}

package/fesm5/skyux-tabs-testing.js

@@ -0,0 +1,174 @@
+import { __awaiter, __generator } from 'tslib';
+import { By } from '@angular/platform-browser';
+import { SkyAppTestUtility } from '@skyux-sdk/testing';
+
+/**
+ * Allows interaction with a SKY UX tabset component.
+ */
+var SkyTabsetFixture = /** @class */ (function () {
+    function SkyTabsetFixture(fixture, skyTestId) {
+        this.fixture = fixture;
+        this.debugEl = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-tabset');
+    }
+    Object.defineProperty(SkyTabsetFixture.prototype, "ariaLabel", {
+        /**
+         * The tabset component's ARIA label.
+         */
+        get: function () {
+            var tabsetEl = this.getTabsetEl();
+            return tabsetEl.getAttribute('aria-label') || undefined;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SkyTabsetFixture.prototype, "ariaLabelledBy", {
+        /**
+         * The tabset component's ARIA labelled by attribute.
+         */
+        get: function () {
+            var tabsetEl = this.getTabsetEl();
+            return tabsetEl.getAttribute('aria-labelledby') || undefined;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SkyTabsetFixture.prototype, "activeTabIndex", {
+        /**
+         * The index of the currently selected tab.
+         */
+        get: function () {
+            var tabLinkEls = this.getTabLinkEls();
+            for (var i = 0, n = tabLinkEls.length; i < n; i++) {
+                if (tabLinkEls.item(i).classList.contains('sky-btn-tab-selected')) {
+                    return i;
+                }
+            }
+            return -1;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * Retrieves information about the tab at the specified index.
+     * @param tabIndex The index of the tab.
+     */
+    SkyTabsetFixture.prototype.getTab = function (tabIndex) {
+        var tabLinkEl = this.getTabLinkEl(tabIndex);
+        var active = this.activeTabIndex === tabIndex;
+        var disabled = tabLinkEl.classList.contains('sky-btn-tab-disabled');
+        var tabHeading = this.getTextContent(tabLinkEl.querySelector('.sky-tab-heading').childNodes[0]);
+        var tabHeaderCount = this.getTextContent(tabLinkEl.querySelector('.sky-tab-header-count'));
+        var permalinkValue;
+        if (tabLinkEl.href) {
+            var permalink = tabLinkEl.href.split('?')[1];
+            if (permalink) {
+                var permalinkParts = permalink.split('=');
+                permalinkValue = decodeURIComponent(permalinkParts[1]);
+            }
+        }
+        return {
+            active: active,
+            disabled: disabled,
+            permalinkValue: permalinkValue,
+            tabHeaderCount: tabHeaderCount,
+            tabHeading: tabHeading
+        };
+    };
+    /**
+     * Clicks the tabset's "new" button.
+     */
+    SkyTabsetFixture.prototype.clickNewButton = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, this.clickButton('sky-tabset-btn-new')];
+            });
+        });
+    };
+    /**
+     * Clicks the tabset's "open" button.
+     */
+    SkyTabsetFixture.prototype.clickOpenButton = function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, this.clickButton('sky-tabset-btn-open')];
+            });
+        });
+    };
+    /**
+     * Clicks the tab button at the specified index.
+     * @param tabIndex The index of the tab.
+     */
+    SkyTabsetFixture.prototype.clickTab = function (tabIndex) {
+        return __awaiter(this, void 0, void 0, function () {
+            var tabLinkEl;
+            return __generator(this, function (_a) {
+                tabLinkEl = this.getTabLinkEl(tabIndex);
+                if (!tabLinkEl) {
+                    throw new Error("There is no tab at index " + tabIndex + ".");
+                }
+                tabLinkEl.click();
+                this.fixture.detectChanges();
+                return [2 /*return*/, this.fixture.whenStable()];
+            });
+        });
+    };
+    /**
+     * Click's the tab's close button at the specified index.
+     * @param tabIndex The index of the tab.
+     */
+    SkyTabsetFixture.prototype.clickTabClose = function (tabIndex) {
+        return __awaiter(this, void 0, void 0, function () {
+            var tabWrapperEl, closeBtnEl;
+            return __generator(this, function (_a) {
+                tabWrapperEl = this.getTabsetEl().querySelectorAll(".sky-tabset-tabs .sky-btn-tab-wrapper")[tabIndex];
+                if (!tabWrapperEl) {
+                    throw new Error("There is no tab at index " + tabIndex + ".");
+                }
+                closeBtnEl = tabWrapperEl.querySelector('.sky-btn-tab-close');
+                if (!closeBtnEl) {
+                    throw new Error('The specified tab does not have a close button.');
+                }
+                closeBtnEl.click();
+                this.fixture.detectChanges();
+                return [2 /*return*/, this.fixture.whenStable()];
+            });
+        });
+    };
+    SkyTabsetFixture.prototype.clickButton = function (buttonCls) {
+        return __awaiter(this, void 0, void 0, function () {
+            var tabsetEl, newButtonEl;
+            return __generator(this, function (_a) {
+                tabsetEl = this.getTabsetEl();
+                newButtonEl = tabsetEl.querySelector(".sky-tabset-btns ." + buttonCls);
+                newButtonEl.click();
+                this.fixture.detectChanges();
+                return [2 /*return*/, this.fixture.whenStable()];
+            });
+        });
+    };
+    SkyTabsetFixture.prototype.getTabsetEl = function () {
+        var tabsetEl = this.debugEl.query(By.css('.sky-tabset')).nativeElement;
+        return tabsetEl;
+    };
+    SkyTabsetFixture.prototype.getTabLinkEls = function () {
+        return this.getTabsetEl().querySelectorAll(".sky-tabset-tabs .sky-btn-tab");
+    };
+    SkyTabsetFixture.prototype.getTabLinkEl = function (tabIndex) {
+        var tabLinkEl = this.getTabLinkEls().item(tabIndex);
+        if (!tabLinkEl) {
+            throw new Error("There is no tab at index " + tabIndex + ".");
+        }
+        return tabLinkEl;
+    };
+    SkyTabsetFixture.prototype.getTextContent = function (el) {
+        return (el && el.textContent.trim()) || undefined;
+    };
+    return SkyTabsetFixture;
+}());
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkyTabsetFixture };
+//# sourceMappingURL=skyux-tabs-testing.js.map

package/fesm5/skyux-tabs-testing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skyux-tabs-testing.js","sources":["ng://@skyux/tabs/testing/tabs/tabset-fixture.ts","ng://@skyux/tabs/testing/skyux-tabs-testing.ts"],"sourcesContent":["import {\n  ComponentFixture\n} from '@angular/core/testing';\n\nimport {\n  DebugElement\n} from '@angular/core';\n\nimport {\n  By\n} from '@angular/platform-browser';\n\nimport {\n  SkyAppTestUtility\n} from '@skyux-sdk/testing';\n\nimport {\n  SkyTabsetFixtureTab\n} from './tab-fixture-tab';\n\n/**\n * Allows interaction with a SKY UX tabset component.\n */\nexport class SkyTabsetFixture {\n\n  /**\n   * The tabset component's ARIA label.\n   */\n  public get ariaLabel(): string {\n    const tabsetEl = this.getTabsetEl();\n    return tabsetEl.getAttribute('aria-label') || undefined;\n  }\n\n  /**\n   * The tabset component's ARIA labelled by attribute.\n   */\n  public get ariaLabelledBy(): string {\n    const tabsetEl = this.getTabsetEl();\n    return tabsetEl.getAttribute('aria-labelledby') || undefined;\n  }\n\n  /**\n   * The index of the currently selected tab.\n   */\n  public get activeTabIndex(): number {\n    const tabLinkEls = this.getTabLinkEls();\n\n    for (let i = 0, n = tabLinkEls.length; i < n; i++) {\n      if (tabLinkEls.item(i).classList.contains('sky-btn-tab-selected')) {\n        return i;\n      }\n    }\n\n    return -1;\n  }\n\n  private debugEl: DebugElement;\n\n  constructor(\n    private fixture: ComponentFixture<any>,\n    skyTestId: string\n  ) {\n    this.debugEl = SkyAppTestUtility.getDebugElementByTestId(fixture, skyTestId, 'sky-tabset');\n  }\n\n  /**\n   * Retrieves information about the tab at the specified index.\n   * @param tabIndex The index of the tab.\n   */\n  public getTab(tabIndex: number): SkyTabsetFixtureTab {\n    const tabLinkEl = this.getTabLinkEl(tabIndex);\n\n    const active = this.activeTabIndex === tabIndex;\n    const disabled = tabLinkEl.classList.contains('sky-btn-tab-disabled');\n    const tabHeading = this.getTextContent(\n      tabLinkEl.querySelector('.sky-tab-heading').childNodes[0]\n    );\n    const tabHeaderCount = this.getTextContent(tabLinkEl.querySelector('.sky-tab-header-count'));\n\n    let permalinkValue: string;\n\n    if (tabLinkEl.href) {\n      const permalink = tabLinkEl.href.split('?')[1];\n      if (permalink) {\n        const permalinkParts = permalink.split('=');\n\n        permalinkValue = decodeURIComponent(permalinkParts[1]);\n      }\n    }\n\n    return {\n      active,\n      disabled,\n      permalinkValue,\n      tabHeaderCount,\n      tabHeading\n    };\n  }\n\n  /**\n   * Clicks the tabset's \"new\" button.\n   */\n  public async clickNewButton(): Promise<any> {\n    return this.clickButton('sky-tabset-btn-new');\n  }\n\n  /**\n   * Clicks the tabset's \"open\" button.\n   */\n  public async clickOpenButton(): Promise<any> {\n    return this.clickButton('sky-tabset-btn-open');\n  }\n\n  /**\n   * Clicks the tab button at the specified index.\n   * @param tabIndex The index of the tab.\n   */\n  public async clickTab(tabIndex: number): Promise<any> {\n    const tabLinkEl = this.getTabLinkEl(tabIndex);\n\n    if (!tabLinkEl) {\n      throw new Error(`There is no tab at index ${tabIndex}.`);\n    }\n\n    tabLinkEl.click();\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  /**\n   * Click's the tab's close button at the specified index.\n   * @param tabIndex The index of the tab.\n   */\n  public async clickTabClose(tabIndex: number): Promise<any> {\n    const tabWrapperEl = this.getTabsetEl().querySelectorAll(\n      `.sky-tabset-tabs .sky-btn-tab-wrapper`\n    )[tabIndex];\n\n    if (!tabWrapperEl) {\n      throw new Error(`There is no tab at index ${tabIndex}.`);\n    }\n\n    const closeBtnEl = tabWrapperEl.querySelector('.sky-btn-tab-close') as HTMLButtonElement;\n\n    if (!closeBtnEl) {\n      throw new Error('The specified tab does not have a close button.');\n    }\n\n    closeBtnEl.click();\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  private async clickButton(buttonCls: string): Promise<any> {\n    const tabsetEl = this.getTabsetEl();\n\n    const newButtonEl =\n      tabsetEl.querySelector(`.sky-tabset-btns .${buttonCls}`) as HTMLButtonElement;\n\n    newButtonEl.click();\n\n    this.fixture.detectChanges();\n    return this.fixture.whenStable();\n  }\n\n  private getTabsetEl(): HTMLDivElement {\n    const tabsetEl = this.debugEl.query(By.css('.sky-tabset')).nativeElement;\n\n    return tabsetEl;\n  }\n\n  private getTabLinkEls(): NodeListOf<HTMLAnchorElement> {\n    return this.getTabsetEl().querySelectorAll(\n      `.sky-tabset-tabs .sky-btn-tab`\n    );\n  }\n\n  private getTabLinkEl(tabIndex: number): HTMLAnchorElement {\n    const tabLinkEl = this.getTabLinkEls().item(tabIndex);\n\n    if (!tabLinkEl) {\n      throw new Error(`There is no tab at index ${tabIndex}.`);\n    }\n\n    return tabLinkEl;\n  }\n\n  private getTextContent(el: Element | Node): string {\n    return (el && el.textContent.trim()) || undefined;\n  }\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm5/skyux-tabs.js

@@ -0,0 +1,2182 @@
+import { __decorate } from 'tslib';
+import { Injectable, EventEmitter, ChangeDetectorRef, Input, Output, ViewChild, Component, ChangeDetectionStrategy, RendererFactory2, HostListener, NgModule, ContentChildren, ViewEncapsulation, ElementRef } from '@angular/core';
+import { CommonModule, Location } from '@angular/common';
+import { trigger, transition, style, animate } from '@angular/animations';
+import { BehaviorSubject, Subject, forkJoin, combineLatest, race } from 'rxjs';
+import { takeUntil, take, distinctUntilChanged } from 'rxjs/operators';
+import { SkyMediaBreakpoints, SkyMediaQueryService, SkyMediaQueryModule } from '@skyux/core';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { SkyChevronModule, SkyIconModule, SkyStatusIndicatorModule } from '@skyux/indicators';
+import { SkyThemeModule } from '@skyux/theme';
+import { getStringForLocale, SKY_LIB_RESOURCES_PROVIDERS, SkyLibResourcesService, SkyI18nModule } from '@skyux/i18n';
+import { SkyCheckboxModule } from '@skyux/forms';
+import { ActivatedRoute, Router, RouterModule } from '@angular/router';
+import { SkyDropdownModule } from '@skyux/popovers';
+
+var VISIBLE_STATE = 'shown';
+var HIDDEN_STATE = 'void';
+/**
+ * @internal
+ */
+var SkyVerticalTabsetService = /** @class */ (function () {
+    function SkyVerticalTabsetService(mediaQueryService) {
+        var _this = this;
+        this.mediaQueryService = mediaQueryService;
+        this.activeIndex = undefined;
+        this.hidingTabs = new BehaviorSubject(false);
+        this.indexChanged = new BehaviorSubject(undefined);
+        this.maintainTabContent = false;
+        this.showingTabs = new BehaviorSubject(false);
+        this.switchingMobile = new Subject();
+        this.tabs = [];
+        this.tabAdded = new Subject();
+        this.tabClicked = new BehaviorSubject(undefined);
+        this._contentAdded = false;
+        this._tabsVisible = false;
+        this._isMobile = false;
+        this.mediaQueryService.subscribe(function (breakpoint) {
+            var nowMobile = breakpoint === SkyMediaBreakpoints.xs;
+            if (nowMobile && !_this._isMobile) {
+                // switching to mobile
+                _this.switchingMobile.next(true);
+                if (!_this._tabsVisible) {
+                    _this.hidingTabs.next(true);
+                }
+            }
+            else if (!nowMobile && _this._isMobile) {
+                // switching to widescreen
+                _this.switchingMobile.next(false);
+                if (!_this._tabsVisible) {
+                    _this.showingTabs.next(true);
+                }
+            }
+            _this._isMobile = nowMobile;
+        });
+    }
+    Object.defineProperty(SkyVerticalTabsetService.prototype, "content", {
+        set: function (value) {
+            this._content = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    SkyVerticalTabsetService.prototype.addTab = function (tab) {
+        var index = this.tabs.length;
+        tab.index = index;
+        this.tabs.push(tab);
+        if (tab.active) {
+            this.activateTab(tab);
+        }
+        this.tabAdded.next(tab);
+    };
+    SkyVerticalTabsetService.prototype.destroyTab = function (tab) {
+        var tabIndex = this.tabs.indexOf(tab);
+        if (tabIndex === -1) {
+            return;
+        }
+        if (this.maintainTabContent && tab.contentRendered && this._content) {
+            if (this._content.nativeElement.contains(tab.tabContent.nativeElement)) {
+                this._content.nativeElement.removeChild(tab.tabContent.nativeElement);
+            }
+        }
+        this.tabs.splice(tabIndex, 1);
+        // update tab indices
+        this.tabs.forEach(function (tabItem, index) { return tabItem.index = index; });
+        if (tab.active) {
+            if (!this.maintainTabContent) {
+                this.destroyContent();
+            }
+            // Try selecting the next tab first, and if there's no next tab then
+            // try selecting the previous one.
+            var newActiveTab = this.tabs[tabIndex] || this.tabs[tabIndex - 1];
+            /*istanbul ignore else */
+            if (newActiveTab) {
+                newActiveTab.activateTab();
+            }
+        }
+    };
+    SkyVerticalTabsetService.prototype.activateTab = function (tab) {
+        var _this = this;
+        // unactivate active tab
+        var activeTab = this.tabs.find(function (t) { return t.index === _this.activeIndex; });
+        if (activeTab && activeTab.index !== tab.index) {
+            activeTab.active = false;
+            activeTab.tabDeactivated();
+        }
+        this.activeIndex = tab.index;
+        this.tabClicked.next(true);
+        this.updateTabClicked();
+    };
+    SkyVerticalTabsetService.prototype.activeTab = function () {
+        var _this = this;
+        return this.tabs.find(function (t) { return t.index === _this.activeIndex; });
+    };
+    SkyVerticalTabsetService.prototype.isMobile = function () {
+        return this._isMobile;
+    };
+    SkyVerticalTabsetService.prototype.updateContent = function () {
+        var _this = this;
+        if (!this.maintainTabContent) {
+            if (!this._contentAdded && this.contentVisible()) {
+                // content needs to be moved
+                this.moveContent();
+            }
+            else if (this._contentAdded && !this.contentVisible()) {
+                // content hidden
+                this._contentAdded = false;
+            }
+        }
+        else {
+            this.tabs.forEach(function (tab) {
+                if (!tab.contentRendered) {
+                    _this._content.nativeElement.appendChild(tab.tabContent.nativeElement);
+                    tab.contentRendered = true;
+                }
+            });
+        }
+    };
+    SkyVerticalTabsetService.prototype.tabsVisible = function () {
+        return !this.isMobile() || this._tabsVisible;
+    };
+    SkyVerticalTabsetService.prototype.contentVisible = function () {
+        return !this.isMobile() || !this._tabsVisible;
+    };
+    SkyVerticalTabsetService.prototype.showTabs = function () {
+        this._tabsVisible = true;
+        this._contentAdded = false;
+        this.animationTabsVisibleState = VISIBLE_STATE;
+        this.animationContentVisibleState = HIDDEN_STATE;
+        this.showingTabs.next(true);
+    };
+    SkyVerticalTabsetService.prototype.destroyContent = function () {
+        if (this._content) {
+            this._content.nativeElement.innerHTML = '';
+        }
+        this.content = undefined;
+    };
+    SkyVerticalTabsetService.prototype.moveContent = function () {
+        if (this._content && !this._contentAdded) {
+            var activeTab = this.activeTab();
+            var activeContent = activeTab ? activeTab.tabContent : undefined;
+            if (activeContent && activeContent.nativeElement) {
+                this._content.nativeElement.appendChild(activeContent.nativeElement);
+                activeTab.contentRendered = true;
+                this._contentAdded = true;
+            }
+        }
+    };
+    SkyVerticalTabsetService.prototype.updateTabClicked = function () {
+        this._contentAdded = false;
+        if (this.isMobile()) {
+            this._tabsVisible = false;
+            this.animationContentVisibleState = VISIBLE_STATE;
+            this.animationTabsVisibleState = HIDDEN_STATE;
+            this.hidingTabs.next(true);
+        }
+        this.indexChanged.next(this.activeIndex);
+    };
+    SkyVerticalTabsetService.ctorParameters = function () { return [
+        { type: SkyMediaQueryService }
+    ]; };
+    SkyVerticalTabsetService = __decorate([
+        Injectable()
+    ], SkyVerticalTabsetService);
+    return SkyVerticalTabsetService;
+}());
+
+/**
+ * Creates a container for the sectioned forms.
+ */
+var SkySectionedFormComponent = /** @class */ (function () {
+    function SkySectionedFormComponent(tabService, changeRef) {
+        this.tabService = tabService;
+        this.changeRef = changeRef;
+        /**
+         * Indicates whether the sectioned form loads section content during initialization so that it
+         * displays content without moving around elements in the content container.
+         * @default false
+         */
+        this.maintainSectionContent = false;
+        /**
+         * Fires when the active tab changes and emits the index of the active
+         * section. The index is based on the section's position when the form loads.
+         */
+        this.indexChanged = new EventEmitter();
+        this.isMobile = false;
+        this._ngUnsubscribe = new Subject();
+    }
+    Object.defineProperty(SkySectionedFormComponent.prototype, "ariaRole", {
+        get: function () {
+            return this.isMobile ? undefined : 'tablist';
+        },
+        enumerable: true,
+        configurable: true
+    });
+    SkySectionedFormComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        this.tabService.maintainTabContent = this.maintainSectionContent;
+        this.tabService.indexChanged
+            .pipe(takeUntil(this._ngUnsubscribe))
+            .subscribe(function (index) {
+            _this.indexChanged.emit(index);
+            _this.changeRef.markForCheck();
+        });
+        this.tabService.switchingMobile
+            .pipe(takeUntil(this._ngUnsubscribe))
+            .subscribe(function (mobile) {
+            _this.isMobile = mobile;
+            _this.changeRef.markForCheck();
+        });
+        if (this.tabService.isMobile()) {
+            this.isMobile = true;
+            this.tabService.animationContentVisibleState = VISIBLE_STATE;
+            this.changeRef.markForCheck();
+        }
+    };
+    SkySectionedFormComponent.prototype.ngAfterViewChecked = function () {
+        this.tabService.content = this.content;
+        this.tabService.updateContent();
+    };
+    SkySectionedFormComponent.prototype.ngOnDestroy = function () {
+        this._ngUnsubscribe.next();
+        this._ngUnsubscribe.complete();
+    };
+    SkySectionedFormComponent.prototype.tabsVisible = function () {
+        this.changeRef.markForCheck();
+        return this.tabService.tabsVisible();
+    };
+    SkySectionedFormComponent.prototype.showTabs = function () {
+        this.tabService.showTabs();
+        this.changeRef.markForCheck();
+    };
+    SkySectionedFormComponent.ctorParameters = function () { return [
+        { type: SkyVerticalTabsetService },
+        { type: ChangeDetectorRef }
+    ]; };
+    __decorate([
+        Input()
+    ], SkySectionedFormComponent.prototype, "maintainSectionContent", void 0);
+    __decorate([
+        Output()
+    ], SkySectionedFormComponent.prototype, "indexChanged", void 0);
+    __decorate([
+        ViewChild('skySectionSideContent')
+    ], SkySectionedFormComponent.prototype, "content", void 0);
+    SkySectionedFormComponent = __decorate([
+        Component({
+            selector: 'sky-sectioned-form',
+            template: "<div\n  aria-orientation=\"vertical\"\n  class=\"sky-sectioned-form\"\n  [attr.role]=\"ariaRole\"\n  (window:resize)=\"tabService.updateContent()\"\n>\n  <div\n    *ngIf=\"maintainSectionContent || tabsVisible()\"\n    class=\"sky-sectioned-form-tabs\"\n    [ngClass]=\"{'sky-sectioned-form-tabs-hidden': !tabsVisible()}\"\n    [@tabEnter]=\"tabService.animationTabsVisibleState\"\n  >\n    <ng-content></ng-content>\n  </div>\n  <div\n    *ngIf=\"maintainSectionContent || tabService.contentVisible()\"\n    class=\"sky-sectioned-form-content sky-padding-even-large\"\n    [ngClass]=\"{'sky-sectioned-form-content-hidden': !tabService.contentVisible()}\"\n    [@contentEnter]=\"tabService.animationContentVisibleState\"\n    #skySectionSideContent\n  >\n  </div>\n</div>\n\n",
+            providers: [SkyVerticalTabsetService],
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            animations: [
+                trigger('tabEnter', [
+                    transition(HIDDEN_STATE + " => " + VISIBLE_STATE, [
+                        style({ transform: 'translate(-100%)' }),
+                        animate('150ms ease-in')
+                    ])
+                ]),
+                trigger('contentEnter', [
+                    transition(HIDDEN_STATE + " => " + VISIBLE_STATE, [
+                        style({ transform: 'translate(100%)' }),
+                        animate('150ms ease-in')
+                    ])
+                ])
+            ],
+            styles: [":host .sky-sectioned-form{display:block;max-height:none}:host .sky-sectioned-form-content{flex-basis:auto;overflow-y:visible}:host .sky-sectioned-form-tabs{flex-basis:auto;overflow-y:visible;border-right:1px solid #e2e3e4}:host-context(.sky-responsive-container-lg) .sky-sectioned-form,:host-context(.sky-responsive-container-md) .sky-sectioned-form,:host-context(.sky-responsive-container-sm) .sky-sectioned-form,:host-context(.sky-responsive-container-xs) .sky-sectioned-form{display:block;max-height:none}:host-context(.sky-responsive-container-lg) .sky-sectioned-form-content,:host-context(.sky-responsive-container-md) .sky-sectioned-form-content,:host-context(.sky-responsive-container-sm) .sky-sectioned-form-content,:host-context(.sky-responsive-container-xs) .sky-sectioned-form-content{flex-basis:auto;overflow-y:visible}:host-context(.sky-responsive-container-lg) .sky-sectioned-form-tabs,:host-context(.sky-responsive-container-md) .sky-sectioned-form-tabs,:host-context(.sky-responsive-container-sm) .sky-sectioned-form-tabs,:host-context(.sky-responsive-container-xs) .sky-sectioned-form-tabs{flex-basis:auto;overflow-y:visible;border-right:1px solid #e2e3e4}@media (min-width:768px){:host .sky-sectioned-form{display:flex;max-height:100%}:host .sky-sectioned-form-content{flex-basis:70%;overflow-y:auto}:host .sky-sectioned-form-tabs{flex-basis:30%;overflow-y:auto}}:host-context(.sky-responsive-container-lg) .sky-sectioned-form,:host-context(.sky-responsive-container-md) .sky-sectioned-form,:host-context(.sky-responsive-container-sm) .sky-sectioned-form{display:flex;max-height:100%}:host-context(.sky-responsive-container-lg) .sky-sectioned-form-content,:host-context(.sky-responsive-container-md) .sky-sectioned-form-content,:host-context(.sky-responsive-container-sm) .sky-sectioned-form-content{flex-basis:70%;overflow-y:auto}:host-context(.sky-responsive-container-lg) .sky-sectioned-form-tabs,:host-context(.sky-responsive-container-md) .sky-sectioned-form-tabs,:host-context(.sky-responsive-container-sm) .sky-sectioned-form-tabs{flex-basis:30%;overflow-y:auto}.sky-sectioned-form-content-hidden,.sky-sectioned-form-tabs-hidden{display:none}"]
+        })
+    ], SkySectionedFormComponent);
+    return SkySectionedFormComponent;
+}());
+
+/**
+ * @internal
+ */
+var SkyVerticalTabMediaQueryService = /** @class */ (function () {
+    function SkyVerticalTabMediaQueryService() {
+        this.currentSubject = new BehaviorSubject(this.current);
+        this._current = SkyMediaBreakpoints.xs;
+        this.currentSubject.next(this._current);
+    }
+    Object.defineProperty(SkyVerticalTabMediaQueryService.prototype, "current", {
+        get: function () {
+            return this._current;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    SkyVerticalTabMediaQueryService.prototype.subscribe = function (listener) {
+        return this.currentSubject.subscribe({
+            next: function (breakpoints) {
+                listener(breakpoints);
+            }
+        });
+    };
+    SkyVerticalTabMediaQueryService.prototype.setBreakpointForWidth = function (width) {
+        var breakpoint;
+        if (this.isWidthWithinBreakpiont(width, SkyMediaBreakpoints.xs)) {
+            breakpoint = SkyMediaBreakpoints.xs;
+        }
+        else if (this.isWidthWithinBreakpiont(width, SkyMediaBreakpoints.sm)) {
+            breakpoint = SkyMediaBreakpoints.sm;
+        }
+        else if (this.isWidthWithinBreakpiont(width, SkyMediaBreakpoints.md)) {
+            breakpoint = SkyMediaBreakpoints.md;
+        }
+        else {
+            breakpoint = SkyMediaBreakpoints.lg;
+        }
+        this._current = breakpoint;
+        this.currentSubject.next(this._current);
+    };
+    SkyVerticalTabMediaQueryService.prototype.isWidthWithinBreakpiont = function (width, breakpoint) {
+        var xsBreakpointMaxPixels = 767;
+        var smBreakpointMinPixels = 768;
+        var smBreakpointMaxPixels = 991;
+        var mdBreakpointMinPixels = 992;
+        var mdBreakpointMaxPixels = 1199;
+        var lgBreakpointMinPixels = 1200;
+        switch (breakpoint) {
+            case SkyMediaBreakpoints.xs: {
+                return (width <= xsBreakpointMaxPixels);
+            }
+            case SkyMediaBreakpoints.sm: {
+                return (width >= smBreakpointMinPixels && width <= smBreakpointMaxPixels);
+            }
+            case SkyMediaBreakpoints.md: {
+                return (width >= mdBreakpointMinPixels && width <= mdBreakpointMaxPixels);
+            }
+            default: {
+                return (width >= lgBreakpointMinPixels);
+            }
+        }
+    };
+    SkyVerticalTabMediaQueryService.prototype.destroy = function () {
+        this.currentSubject.complete();
+    };
+    SkyVerticalTabMediaQueryService = __decorate([
+        Injectable()
+    ], SkyVerticalTabMediaQueryService);
+    return SkyVerticalTabMediaQueryService;
+}());
+
+var SkyVerticalTabsetAdapterService = /** @class */ (function () {
+    function SkyVerticalTabsetAdapterService(rendererFactory) {
+        this.rendererFactory = rendererFactory;
+        this.renderer = this.rendererFactory.createRenderer(undefined, undefined);
+    }
+    SkyVerticalTabsetAdapterService.prototype.getWidth = function (elementRef) {
+        return elementRef.nativeElement.clientWidth;
+    };
+    SkyVerticalTabsetAdapterService.prototype.scrollToContentTop = function (element) {
+        element.nativeElement.scrollTop = 0;
+    };
+    SkyVerticalTabsetAdapterService.prototype.setResponsiveClass = function (element, breakpoint) {
+        var nativeEl = element.nativeElement;
+        this.renderer.removeClass(nativeEl, 'sky-responsive-container-xs');
+        this.renderer.removeClass(nativeEl, 'sky-responsive-container-sm');
+        this.renderer.removeClass(nativeEl, 'sky-responsive-container-md');
+        this.renderer.removeClass(nativeEl, 'sky-responsive-container-lg');
+        var newClass;
+        switch (breakpoint) {
+            case SkyMediaBreakpoints.xs: {
+                newClass = 'sky-responsive-container-xs';
+                break;
+            }
+            case SkyMediaBreakpoints.sm: {
+                newClass = 'sky-responsive-container-sm';
+                break;
+            }
+            case SkyMediaBreakpoints.md: {
+                newClass = 'sky-responsive-container-md';
+                break;
+            }
+            default: {
+                newClass = 'sky-responsive-container-lg';
+                break;
+            }
+        }
+        this.renderer.addClass(nativeEl, newClass);
+    };
+    SkyVerticalTabsetAdapterService.ctorParameters = function () { return [
+        { type: RendererFactory2 }
+    ]; };
+    SkyVerticalTabsetAdapterService = __decorate([
+        Injectable()
+    ], SkyVerticalTabsetAdapterService);
+    return SkyVerticalTabsetAdapterService;
+}());
+
+var SkyVerticalTabComponent = /** @class */ (function () {
+    function SkyVerticalTabComponent(adapterService, changeRef, tabsetService, verticalTabMediaQueryService) {
+        this.adapterService = adapterService;
+        this.changeRef = changeRef;
+        this.tabsetService = tabsetService;
+        this.verticalTabMediaQueryService = verticalTabMediaQueryService;
+        /**
+         * Indicates whether the tab is active when the tabset loads.
+         */
+        this.active = false;
+        /**
+         * Indicates whether to disable the tab.
+         */
+        this.disabled = false;
+        /**
+         * Indicates whether to indicate that the tab has an error.
+         * @internal This is used for sectioned forms and is not currently a supported design for pure vertical tabs.
+         */
+        this.errorIndicator = false;
+        this.isMobile = false;
+        this._contentRendered = false;
+        this._mobileSubscription = new Subject();
+        this._ngUnsubscribe = new Subject();
+        this._showTabRightArrow = false;
+    }
+    Object.defineProperty(SkyVerticalTabComponent.prototype, "ariaControls", {
+        /**
+         * Specifies the HTML element ID (without the leading `#`) of the element that contains
+         * the content that the vertical tab displays, which corresponds to the `tabId`. This property
+         * [supports accessibility rules for disclosures](https://www.w3.org/TR/wai-aria-practices-1.1/#disclosure).
+         */
+        get: function () {
+            return this.isMobile ? undefined : this._ariaControls;
+        },
+        set: function (value) {
+            this._ariaControls = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SkyVerticalTabComponent.prototype, "ariaRole", {
+        /**
+         * Specifies an ARIA role for the vertical tab
+         * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)
+         * by indicating how the tab functions and what it controls. For information about how
+         * an ARIA role indicates what an item represents on a web page, see the
+         * [WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles).
+         * @default "tab"
+         */
+        get: function () {
+            if (this.isMobile) {
+                return undefined;
+            }
+            return this._ariaRole || 'tab';
+        },
+        set: function (value) {
+            this._ariaRole = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SkyVerticalTabComponent.prototype, "showTabRightArrow", {
+        /**
+         * Indicates whether to display a chevron-right icon in the righthand side of the tab.
+         * @internal
+         */
+        get: function () {
+            return this._showTabRightArrow && this.tabsetService.isMobile();
+        },
+        set: function (value) {
+            this._showTabRightArrow = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SkyVerticalTabComponent.prototype, "contentRendered", {
+        get: function () {
+            return this._contentRendered;
+        },
+        set: function (value) {
+            var _this = this;
+            this._contentRendered = value;
+            if (this._contentRendered) {
+                // NOTE: Wrapped in a setTimeout here to ensure that everything has completed rendering.
+                setTimeout(function () {
+                    _this.updateBreakpointAndResponsiveClass(_this.adapterService.getWidth(_this.tabContent));
+                });
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    SkyVerticalTabComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        this.isMobile = this.tabsetService.isMobile();
+        this.changeRef.markForCheck();
+        this.tabsetService.switchingMobile
+            .subscribe(function (mobile) {
+            _this.isMobile = mobile;
+            _this.changeRef.markForCheck();
+        });
+        // Update the breakpoint and responsive class here just as a sanity check since we can not
+        // watch for element resizing.
+        this.tabsetService.indexChanged
+            .pipe(takeUntil(this._ngUnsubscribe))
+            .subscribe(function (index) {
+            if (_this.index === index && _this.contentRendered) {
+                _this.updateBreakpointAndResponsiveClass(_this.adapterService.getWidth(_this.tabContent));
+            }
+        });
+        this.tabsetService.addTab(this);
+    };
+    SkyVerticalTabComponent.prototype.ngOnDestroy = function () {
+        this._mobileSubscription.unsubscribe();
+        this._ngUnsubscribe.next();
+        this._ngUnsubscribe.complete();
+        this.tabsetService.destroyTab(this);
+    };
+    SkyVerticalTabComponent.prototype.tabIndex = function () {
+        if (!this.disabled) {
+            return 0;
+        }
+        else {
+            return -1;
+        }
+    };
+    SkyVerticalTabComponent.prototype.activateTab = function () {
+        if (!this.disabled) {
+            this.active = true;
+            this.tabsetService.activateTab(this);
+            this.changeRef.markForCheck();
+        }
+    };
+    SkyVerticalTabComponent.prototype.onWindowResize = function () {
+        this.updateBreakpointAndResponsiveClass(this.adapterService.getWidth(this.tabContent));
+    };
+    SkyVerticalTabComponent.prototype.tabDeactivated = function () {
+        this.changeRef.markForCheck();
+    };
+    SkyVerticalTabComponent.prototype.updateBreakpointAndResponsiveClass = function (width) {
+        this.verticalTabMediaQueryService.setBreakpointForWidth(width);
+        var newBreakpiont = this.verticalTabMediaQueryService.current;
+        this.adapterService.setResponsiveClass(this.tabContent, newBreakpiont);
+        this.changeRef.markForCheck();
+    };
+    SkyVerticalTabComponent.ctorParameters = function () { return [
+        { type: SkyVerticalTabsetAdapterService },
+        { type: ChangeDetectorRef },
+        { type: SkyVerticalTabsetService },
+        { type: SkyVerticalTabMediaQueryService }
+    ]; };
+    __decorate([
+        Input()
+    ], SkyVerticalTabComponent.prototype, "active", void 0);
+    __decorate([
+        Input()
+    ], SkyVerticalTabComponent.prototype, "ariaControls", null);
+    __decorate([
+        Input()
+    ], SkyVerticalTabComponent.prototype, "ariaInvalid", void 0);
+    __decorate([
+        Input()
+    ], SkyVerticalTabComponent.prototype, "ariaRequired", void 0);
+    __decorate([
+        Input()
+    ], SkyVerticalTabComponent.prototype, "ariaRole", null);
+    __decorate([
+        Input()
+    ], SkyVerticalTabComponent.prototype, "disabled", void 0);
+    __decorate([
+        Input()
+    ], SkyVerticalTabComponent.prototype, "errorIndicator", void 0);
+    __decorate([
+        Input()
+    ], SkyVerticalTabComponent.prototype, "tabHeaderCount", void 0);
+    __decorate([
+        Input()
+    ], SkyVerticalTabComponent.prototype, "tabHeading", void 0);
+    __decorate([
+        Input()
+    ], SkyVerticalTabComponent.prototype, "showTabRightArrow", null);
+    __decorate([
+        Input()
+    ], SkyVerticalTabComponent.prototype, "tabId", void 0);
+    __decorate([
+        ViewChild('tabContentWrapper')
+    ], SkyVerticalTabComponent.prototype, "tabContent", void 0);
+    __decorate([
+        HostListener('window:resize')
+    ], SkyVerticalTabComponent.prototype, "onWindowResize", null);
+    SkyVerticalTabComponent = __decorate([
+        Component({
+            selector: 'sky-vertical-tab',
+            template: "<a\n  class=\"sky-vertical-tab\"\n  [attr.aria-controls]=\"ariaControls\"\n  [attr.aria-invalid]=\"ariaInvalid\"\n  [attr.aria-required]=\"ariaRequired ? ariaRequired : null\"\n  [attr.aria-selected]=\"active\"\n  [attr.id]=\"tabId\"\n  [attr.role]=\"ariaRole\"\n  [ngClass]=\"{\n    'sky-vertical-tab-active': active,\n    'sky-vertical-tab-disabled': disabled,\n    'sky-deemphasized': disabled\n  }\"\n  [tabIndex]=\"tabIndex()\"\n  (click)=\"activateTab()\"\n  (keyup.enter)=\"activateTab()\">\n  <div class=\"sky-vertical-tab-display\">\n    <div class=\"sky-vertical-tab-heading\">\n      <span class=\"sky-vertical-tab-heading-value\">{{ tabHeading }}</span>\n      <span\n        class=\"sky-vertical-tab-count\"\n        *ngIf=\"tabHeaderCount || tabHeaderCount === 0\">\n        ({{ tabHeaderCount }})\n      </span>\n    </div>\n    <sky-status-indicator *ngIf=\"errorIndicator\"\n      class=\"sky-vertical-tab-heading-error\"\n      descriptionType=\"error\"\n      indicatorType=\"danger\"\n    ></sky-status-indicator>\n\n    <sky-icon\n      *ngIf=\"showTabRightArrow\"\n      class=\"sky-vertical-tab-right-arrow\"\n      icon=\"chevron-right\"\n    >\n    </sky-icon>\n  </div>\n</a>\n\n<div\n  #tabContentWrapper\n>\n  <div\n    class=\"sky-vertical-tab-content-pane\"\n    [ngClass]=\"{'sky-vertical-tab-hidden': !active}\"\n  >\n\n    <ng-content></ng-content>\n\n  <div>\n\n</div>\n\n",
+            providers: [
+                SkyVerticalTabMediaQueryService,
+                { provide: SkyMediaQueryService, useExisting: SkyVerticalTabMediaQueryService }
+            ],
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            styles: [".sky-vertical-tab{cursor:pointer;padding:7px 0 7px 10px;margin:5px 0 5px 10px;display:flex;text-decoration:none}.sky-vertical-tab:not(.sky-deemphasized){color:#212327}.sky-vertical-tab:hover{background-color:#eeeeef}.sky-vertical-tab:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px}.sky-vertical-tab:hover .sky-vertical-tab-right-arrow{color:#979ba2}.sky-vertical-tab-active{background-color:#eeeeef;color:#212327;padding-left:6px;border-left:4px solid #00b4f1}.sky-vertical-tab-hidden{display:none}.sky-vertical-tab-display{display:flex;flex-grow:1}.sky-vertical-tab-heading-error{padding-left:5px}.sky-vertical-tab-count{margin-left:5px}.sky-vertical-tab-disabled{cursor:not-allowed;pointer-events:none;font-style:normal}.sky-vertical-tab-right-arrow{padding:3px 10px 0 0;color:#cdcfd2}.sky-theme-modern .sky-vertical-tab,:host-context(.sky-theme-modern) .sky-vertical-tab{cursor:pointer;padding:10px 0 10px 10px;margin:10px 0 20px 10px}.sky-theme-modern .sky-vertical-tab:not(.sky-vertical-tab-active):not(:active):hover,:host-context(.sky-theme-modern) .sky-vertical-tab:not(.sky-vertical-tab-active):not(:active):hover{color:#212327;background-color:transparent;padding-left:9px;border-left:1px solid #00b4f1}.sky-theme-modern .sky-vertical-tab:not(:active):focus,:host-context(.sky-theme-modern) .sky-vertical-tab:not(:active):focus{outline:#1870b8 solid 2px;outline-offset:-2px;box-shadow:0 1px 8px 0 rgba(0,0,0,.3)}.sky-theme-modern .sky-vertical-tab:focus:active:hover,:host-context(.sky-theme-modern) .sky-vertical-tab:focus:active:hover{outline:0;background:0 0}.sky-theme-modern .sky-vertical-tab:active,:host-context(.sky-theme-modern) .sky-vertical-tab:active{border-left:3px solid #00b4f1;padding-left:7px}.sky-theme-modern .sky-vertical-tab .sky-vertical-tab-heading-error,:host-context(.sky-theme-modern) .sky-vertical-tab .sky-vertical-tab-heading-error{padding-left:10px}.sky-theme-modern .sky-vertical-tab-active,:host-context(.sky-theme-modern) .sky-vertical-tab-active{background:0 0;padding-left:7px;border-left:3px solid #1870b8}"]
+        })
+    ], SkyVerticalTabComponent);
+    return SkyVerticalTabComponent;
+}());
+
+var SkySectionedFormService = /** @class */ (function () {
+    function SkySectionedFormService() {
+        /**
+         * @internal
+         */
+        this.invalidChange = new BehaviorSubject(undefined);
+        /**
+         * @internal
+         */
+        this.requiredChange = new BehaviorSubject(undefined);
+    }
+    /**
+     * Sets the current section's invalid state based on the `isInvalid` parameter.
+     * This method is used within a `sky-sectioned-form-section` element.
+     */
+    SkySectionedFormService.prototype.invalidFieldChanged = function (isInvalid) {
+        this.invalidChange.next(isInvalid);
+    };
+    /**
+     * Sets the current section's required state based on the `isRequired` parameter.
+     * This method is used within a `sky-sectioned-form-section` element.
+     */
+    SkySectionedFormService.prototype.requiredFieldChanged = function (isRequired) {
+        this.requiredChange.next(isRequired);
+    };
+    SkySectionedFormService = __decorate([
+        Injectable()
+    ], SkySectionedFormService);
+    return SkySectionedFormService;
+}());
+
+var nextId = 0;
+/**
+ * Creates an individual form to display as a section within the sectioned form.
+ */
+var SkySectionedFormSectionComponent = /** @class */ (function () {
+    function SkySectionedFormSectionComponent(sectionedFormService, tabsetService, changeRef) {
+        this.sectionedFormService = sectionedFormService;
+        this.tabsetService = tabsetService;
+        this.changeRef = changeRef;
+        this.sectionTabId = "sky-sectioned-form-tab-" + ++nextId;
+        this.sectionContentId = "sky-sectioned-form-section-" + ++nextId;
+        this.isMobile = false;
+        this._ngUnsubscribe = new Subject();
+    }
+    Object.defineProperty(SkySectionedFormSectionComponent.prototype, "ariaRole", {
+        get: function () {
+            return this.isMobile ? undefined : 'tabpanel';
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SkySectionedFormSectionComponent.prototype, "ariaLabelledby", {
+        get: function () {
+            return this.isMobile ? undefined : this.sectionTabId;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    SkySectionedFormSectionComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        this.isMobile = this.tabsetService.isMobile();
+        this.changeRef.detectChanges();
+        this.tabsetService.switchingMobile
+            .subscribe(function (mobile) {
+            _this.isMobile = mobile;
+            _this.changeRef.detectChanges();
+        });
+        this.sectionedFormService.requiredChange
+            .pipe(takeUntil(this._ngUnsubscribe))
+            .subscribe(function (required) { return _this.fieldRequired = required; });
+        this.sectionedFormService.invalidChange
+            .pipe(takeUntil(this._ngUnsubscribe))
+            .subscribe(function (invalid) { return _this.fieldInvalid = invalid; });
+    };
+    SkySectionedFormSectionComponent.prototype.ngOnDestroy = function () {
+        this._ngUnsubscribe.next();
+        this._ngUnsubscribe.complete();
+    };
+    SkySectionedFormSectionComponent.ctorParameters = function () { return [
+        { type: SkySectionedFormService },
+        { type: SkyVerticalTabsetService },
+        { type: ChangeDetectorRef }
+    ]; };
+    __decorate([
+        Input()
+    ], SkySectionedFormSectionComponent.prototype, "heading", void 0);
+    __decorate([
+        Input()
+    ], SkySectionedFormSectionComponent.prototype, "itemCount", void 0);
+    __decorate([
+        Input()
+    ], SkySectionedFormSectionComponent.prototype, "active", void 0);
+    __decorate([
+        ViewChild(SkyVerticalTabComponent)
+    ], SkySectionedFormSectionComponent.prototype, "tab", void 0);
+    SkySectionedFormSectionComponent = __decorate([
+        Component({
+            selector: 'sky-sectioned-form-section',
+            template: "<sky-vertical-tab\n  [active]=\"active\"\n  [ariaControls]=\"sectionContentId\"\n  [ariaInvalid]=\"fieldInvalid\"\n  [ariaRequired]=\"fieldRequired\"\n  [errorIndicator]=\"fieldInvalid\"\n  [ngClass]=\"{\n    'sky-tab-field-required': fieldRequired\n  }\"\n  [showTabRightArrow]=\"true\"\n  [tabHeaderCount]=\"itemCount\"\n  [tabHeading]=\"heading\"\n  [tabId]=\"sectionTabId\">\n  <div\n    [attr.aria-labelledby]=\"ariaLabelledby\"\n    [attr.role]=\"ariaRole\"\n    [id]=\"sectionContentId\"\n    #tabContent>\n    <ng-content></ng-content>\n  </div>\n</sky-vertical-tab>\n",
+            providers: [SkySectionedFormService],
+            styles: [":host .sky-tab-field-required ::ng-deep .sky-vertical-tab-heading:after{content:\"*\";color:#ef4044;padding-left:5px}"]
+        })
+    ], SkySectionedFormSectionComponent);
+    return SkySectionedFormSectionComponent;
+}());
+
+var SkyTabsResourcesProvider = /** @class */ (function () {
+    function SkyTabsResourcesProvider() {
+        this.resources = { "EN-US": { "skyux_tab_add": "Add tab", "skyux_tab_close": "Close {0} tab", "skyux_tabs_navigator_next": "Next", "skyux_tabs_navigator_previous": "Previous", "skyux_tab_open": "Open tab", "skyux_vertical_tabs_show_tabs_text": "Tab list" } };
+    }
+    SkyTabsResourcesProvider.prototype.getString = function (localeInfo, name) {
+        return getStringForLocale(this.resources, localeInfo.locale, name);
+    };
+    SkyTabsResourcesProvider = __decorate([
+        Injectable()
+    ], SkyTabsResourcesProvider);
+    return SkyTabsResourcesProvider;
+}());
+
+var SkyTabsResourcesModule = /** @class */ (function () {
+    function SkyTabsResourcesModule() {
+    }
+    SkyTabsResourcesModule = __decorate([
+        NgModule({
+            providers: [{
+                    provide: SKY_LIB_RESOURCES_PROVIDERS,
+                    useClass: SkyTabsResourcesProvider,
+                    multi: true
+                }]
+        })
+    ], SkyTabsResourcesModule);
+    return SkyTabsResourcesModule;
+}());
+
+var SkyVerticalTabsetComponent = /** @class */ (function () {
+    function SkyVerticalTabsetComponent(adapterService, tabService, resources, changeRef) {
+        this.adapterService = adapterService;
+        this.tabService = tabService;
+        this.resources = resources;
+        this.changeRef = changeRef;
+        /**
+         * Indicates whether the vertical tabset loads tab content during initialization so that it
+         * displays content without moving around elements in the content container.
+         * @default 'false'
+         */
+        this.maintainTabContent = false;
+        /**
+         * Fires when the active tab changes. Emits the index of the active tab. The
+         * index is based on the tab's position when it loads.
+         */
+        this.activeChange = new EventEmitter();
+        this.isMobile = false;
+        this._ngUnsubscribe = new Subject();
+    }
+    Object.defineProperty(SkyVerticalTabsetComponent.prototype, "ariaRole", {
+        /**
+         * Specifies an ARIA role for the vertical tabset
+         * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)
+         * by indicating how the tabset functions and what it controls. For information about how
+         * an ARIA role indicates what an item represents on a web page, see the
+         * [WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/roles).
+         * @default "tablist"
+         */
+        get: function () {
+            if (this.isMobile) {
+                return undefined;
+            }
+            return this._ariaRole || 'tablist';
+        },
+        set: function (value) {
+            this._ariaRole = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    SkyVerticalTabsetComponent.prototype.ngOnInit = function () {
+        var _this = this;
+        this.tabService.maintainTabContent = this.maintainTabContent;
+        this.tabService.indexChanged
+            .pipe(takeUntil(this._ngUnsubscribe))
+            .subscribe(function (index) {
+            _this.activeChange.emit(index);
+            if (_this.contentWrapper) {
+                _this.adapterService.scrollToContentTop(_this.contentWrapper);
+            }
+            _this.changeRef.markForCheck();
+        });
+        this.tabService.switchingMobile
+            .pipe(takeUntil(this._ngUnsubscribe))
+            .subscribe(function (mobile) {
+            _this.isMobile = mobile;
+            _this.changeRef.markForCheck();
+        });
+        if (this.tabService.isMobile()) {
+            this.isMobile = true;
+            this.tabService.animationContentVisibleState = VISIBLE_STATE;
+            this.changeRef.markForCheck();
+        }
+        if (!this.showTabsText) {
+            this.resources.getString('skyux_vertical_tabs_show_tabs_text')
+                .pipe(take(1))
+                .subscribe(function (resource) {
+                /* sanity check */
+                if (!_this.showTabsText) {
+                    _this.showTabsText = resource;
+                }
+            });
+        }
+    };
+    SkyVerticalTabsetComponent.prototype.ngAfterViewChecked = function () {
+        this.tabService.content = this.content;
+        this.tabService.updateContent();
+    };
+    SkyVerticalTabsetComponent.prototype.ngOnDestroy = function () {
+        this._ngUnsubscribe.next();
+        this._ngUnsubscribe.complete();
+    };
+    SkyVerticalTabsetComponent.ctorParameters = function () { return [
+        { type: SkyVerticalTabsetAdapterService },
+        { type: SkyVerticalTabsetService },
+        { type: SkyLibResourcesService },
+        { type: ChangeDetectorRef }
+    ]; };
+    __decorate([
+        Input()
+    ], SkyVerticalTabsetComponent.prototype, "showTabsText", void 0);
+    __decorate([
+        Input()
+    ], SkyVerticalTabsetComponent.prototype, "ariaRole", null);
+    __decorate([
+        Input()
+    ], SkyVerticalTabsetComponent.prototype, "maintainTabContent", void 0);
+    __decorate([
+        Output()
+    ], SkyVerticalTabsetComponent.prototype, "activeChange", void 0);
+    __decorate([
+        ViewChild('groupContainerWrapper')
+    ], SkyVerticalTabsetComponent.prototype, "tabGroups", void 0);
+    __decorate([
+        ViewChild('skySideContent')
+    ], SkyVerticalTabsetComponent.prototype, "content", void 0);
+    __decorate([
+        ViewChild('contentContainerWrapper')
+    ], SkyVerticalTabsetComponent.prototype, "contentWrapper", void 0);
+    SkyVerticalTabsetComponent = __decorate([
+        Component({
+            selector: 'sky-vertical-tabset',
+            template: " <div class=\"sky-vertical-tabset\" (window:resize)=\"tabService.updateContent()\">\n  <div\n    *ngIf=\"maintainTabContent || tabService.tabsVisible()\"\n    #groupContainerWrapper\n    class=\"sky-vertical-tabset-group-container\"\n    [ngClass]=\"{'sky-vertical-tabset-hidden': !tabService.tabsVisible()}\"\n    [attr.role]=\"ariaRole\"\n    [@tabGroupEnter]=\"tabService.animationTabsVisibleState\"\n  >\n    <ng-content></ng-content>\n  </div>\n  <div\n    *ngIf=\"maintainTabContent || tabService.contentVisible()\"\n    class=\"sky-vertical-tabset-content\"\n    [ngClass]=\"{'sky-vertical-tabset-content-hidden': !tabService.contentVisible()}\"\n    [@contentEnter]=\"tabService.animationContentVisibleState\"\n    #contentContainerWrapper\n  >\n    <div #skySideContent></div>\n    <button\n      *ngIf=\"!tabService.tabsVisible()\"\n      (click)=\"tabService.showTabs()\"\n      class=\"sky-btn sky-btn-primary sky-vertical-tabset-show-tabs-btn\"\n    >\n      <sky-icon icon=\"chevron-left\"></sky-icon>\n      {{ showTabsText }}\n    </button>\n  </div>\n</div>\n",
+            providers: [SkyVerticalTabsetService],
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            animations: [
+                trigger('tabGroupEnter', [
+                    transition(HIDDEN_STATE + " => " + VISIBLE_STATE, [
+                        style({ transform: 'translate(-100%)' }),
+                        animate('150ms ease-in')
+                    ])
+                ]),
+                trigger('contentEnter', [
+                    transition(HIDDEN_STATE + " => " + VISIBLE_STATE, [
+                        style({ transform: 'translate(100%)' }),
+                        animate('150ms ease-in')
+                    ])
+                ])
+            ],
+            styles: [":host .sky-vertical-tabset{display:block;height:auto}:host .sky-vertical-tabset-group-container{border-right:none}:host-context(.sky-responsive-container-lg) .sky-vertical-tabset,:host-context(.sky-responsive-container-md) .sky-vertical-tabset,:host-context(.sky-responsive-container-sm) .sky-vertical-tabset,:host-context(.sky-responsive-container-xs) .sky-vertical-tabset{display:block;height:auto}:host-context(.sky-responsive-container-lg) .sky-vertical-tabset-group-container,:host-context(.sky-responsive-container-md) .sky-vertical-tabset-group-container,:host-context(.sky-responsive-container-sm) .sky-vertical-tabset-group-container,:host-context(.sky-responsive-container-xs) .sky-vertical-tabset-group-container{border-right:none}@media (min-width:768px){:host .sky-vertical-tabset{display:flex;height:100%}:host .sky-vertical-tabset-group-container{border-right:1px solid #cdcfd2}}:host-context(.sky-responsive-container-lg) .sky-vertical-tabset,:host-context(.sky-responsive-container-md) .sky-vertical-tabset,:host-context(.sky-responsive-container-sm) .sky-vertical-tabset{display:flex;height:100%}:host-context(.sky-responsive-container-lg) .sky-vertical-tabset-group-container,:host-context(.sky-responsive-container-md) .sky-vertical-tabset-group-container,:host-context(.sky-responsive-container-sm) .sky-vertical-tabset-group-container{border-right:1px solid #cdcfd2}.sky-vertical-tabset-hidden{display:none}.sky-vertical-tabset-content{margin:10px 0 0 10px;flex-basis:75%;overflow-y:auto}.sky-vertical-tabset-content-hidden{display:none}.sky-vertical-tabset-show-tabs-btn{margin-top:10px}.sky-vertical-tabset-group-container{flex-basis:25%;overflow-y:auto}:host-context(sky-modal-content>) .sky-vertical-tabset{margin:-15px}"]
+        })
+    ], SkyVerticalTabsetComponent);
+    return SkyVerticalTabsetComponent;
+}());
+
+var SkyVerticalTabsetGroupComponent = /** @class */ (function () {
+    function SkyVerticalTabsetGroupComponent(tabService, changeRef) {
+        var _this = this;
+        this.tabService = tabService;
+        this.changeRef = changeRef;
+        this.ngUnsubscribe = new Subject();
+        this.openBeforeTabsHidden = false;
+        this._open = false;
+        this.tabClicked = function () {
+            _this.changeRef.markForCheck();
+        };
+        this.tabsHidden = function () {
+            // this fixes an animation bug with ngIf when the parent component goes from visible to hidden
+            _this.openBeforeTabsHidden = _this.open;
+            _this.open = false;
+            _this.changeRef.markForCheck();
+        };
+        this.tabsShown = function () {
+            _this.open = _this.openBeforeTabsHidden;
+            _this.changeRef.markForCheck();
+        };
+    }
+    Object.defineProperty(SkyVerticalTabsetGroupComponent.prototype, "open", {
+        get: function () {
+            return !this.disabled && this._open;
+        },
+        /**
+         * Indicates whether the collapsible group is expanded.
+         * @default "false"
+         */
+        set: function (value) {
+            this._open = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    SkyVerticalTabsetGroupComponent.prototype.ngOnInit = function () {
+        this.tabService.hidingTabs
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(this.tabsHidden);
+        this.tabService.showingTabs
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(this.tabsShown);
+        this.tabService.tabClicked
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(this.tabClicked);
+    };
+    SkyVerticalTabsetGroupComponent.prototype.ngOnDestroy = function () {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    };
+    SkyVerticalTabsetGroupComponent.prototype.toggleMenuOpen = function () {
+        if (!this.disabled) {
+            this.open = !this.open;
+        }
+        this.changeRef.markForCheck();
+    };
+    SkyVerticalTabsetGroupComponent.prototype.subMenuOpen = function () {
+        return this.tabs && (this.tabs.find(function (t) { return t.active; }) !== undefined);
+    };
+    SkyVerticalTabsetGroupComponent.ctorParameters = function () { return [
+        { type: SkyVerticalTabsetService },
+        { type: ChangeDetectorRef }
+    ]; };
+    __decorate([
+        Input()
+    ], SkyVerticalTabsetGroupComponent.prototype, "disabled", void 0);
+    __decorate([
+        Input()
+    ], SkyVerticalTabsetGroupComponent.prototype, "groupHeading", void 0);
+    __decorate([
+        Input()
+    ], SkyVerticalTabsetGroupComponent.prototype, "open", null);
+    __decorate([
+        ContentChildren(SkyVerticalTabComponent)
+    ], SkyVerticalTabsetGroupComponent.prototype, "tabs", void 0);
+    SkyVerticalTabsetGroupComponent = __decorate([
+        Component({
+            selector: 'sky-vertical-tabset-group',
+            template: "<div class=\"sky-vertical-tabset-group\">\n  <div\n    class=\"sky-vertical-tabset-group-header sky-padding-even-default\"\n    [ngClass]=\"{\n      'sky-vertical-tabset-group-header-sub-open sky-emphasized': subMenuOpen(),\n      'sky-deemphasized': disabled,\n      'sky-vertical-tabset-disabled': disabled\n    }\"\n    (click)=\"toggleMenuOpen()\"\n    (keyup.enter)=\"toggleMenuOpen()\"\n    [tabIndex]=\"-1\"\n  >\n    {{ groupHeading }}\n    <sky-chevron *skyThemeIf=\"'default'\"\n      class=\"sky-vertical-tabset-group-header-chevron\"\n      [direction]=\"open ? 'up' : 'down'\"\n      [disabled]=\"disabled\"\n      (directionChange)=\"toggleMenuOpen()\"\n      (keyup.enter)=\"$event.stopPropagation()\"\n    >\n    </sky-chevron>\n    <ng-container *skyThemeIf=\"'modern'\">\n    <button *ngIf=\"!open\"\n      class=\"sky-btn sky-btn-icon-borderless sky-vertical-tabset-group-header-chevron\"\n      type=\"button\"\n    >\n      <sky-icon\n        icon=\"chevron-right\"\n        iconType=\"skyux\"\n      >\n      </sky-icon>\n    </button>\n    <button *ngIf=\"open\"\n      class=\"sky-btn sky-btn-icon-borderless sky-vertical-tabset-group-header-chevron\"\n      type=\"button\"\n    >\n      <sky-icon\n        icon=\"chevron-down\"\n        iconType=\"skyux\"\n      >\n      </sky-icon>\n    </button>\n    </ng-container>\n  </div>\n  <div\n    class=\"sky-vertical-tabset-group-content\"\n    *ngIf=\"open\"\n    [@tabSlide]\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n",
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            animations: [
+                trigger('tabSlide', [
+                    transition(':enter', [
+                        style({
+                            height: '0',
+                            visibility: 'hidden'
+                        }),
+                        animate('150ms ease-in', style({
+                            height: '*',
+                            visibility: 'visible'
+                        }))
+                    ]),
+                    transition(':leave', [
+                        style({
+                            height: '*',
+                            visibility: 'visible'
+                        }),
+                        animate('150ms ease-in', style({
+                            height: '0',
+                            visibility: 'hidden'
+                        }))
+                    ])
+                ])
+            ],
+            styles: [".sky-vertical-tabset-group{border-bottom:1px solid #e2e3e4;margin:5px 0 5px 5px}.sky-vertical-tabset-group-header{cursor:pointer;display:flex;justify-content:space-between}.sky-vertical-tabset-group-header:focus{outline:dotted thin;outline:-webkit-focus-ring-color auto 5px}.sky-vertical-tabset-group-content{overflow:hidden;border-top:1px solid #e2e3e4}:host ::ng-deep .sky-vertical-tabset-group-header-chevron>button{font-size:14px!important}.sky-vertical-tabset-disabled{cursor:not-allowed;pointer-events:none;font-style:normal}.sky-theme-modern .sky-vertical-tabset-group,:host-context(.sky-theme-modern) .sky-vertical-tabset-group{border:none}.sky-theme-modern .sky-vertical-tabset-group-content,:host-context(.sky-theme-modern) .sky-vertical-tabset-group-content{border:none;padding-left:25px}.sky-theme-modern .sky-vertical-tabset-group-header,:host-context(.sky-theme-modern) .sky-vertical-tabset-group-header{position:relative}.sky-theme-modern .sky-vertical-tabset-group-header-chevron,:host-context(.sky-theme-modern) .sky-vertical-tabset-group-header-chevron{position:absolute;top:6px;right:5px}"]
+        })
+    ], SkyVerticalTabsetGroupComponent);
+    return SkyVerticalTabsetGroupComponent;
+}());
+
+var SkyVerticalTabsetModule = /** @class */ (function () {
+    function SkyVerticalTabsetModule() {
+    }
+    SkyVerticalTabsetModule = __decorate([
+        NgModule({
+            declarations: [
+                SkyVerticalTabsetComponent,
+                SkyVerticalTabsetGroupComponent,
+                SkyVerticalTabComponent
+            ],
+            imports: [
+                CommonModule,
+                BrowserAnimationsModule,
+                SkyChevronModule,
+                SkyIconModule,
+                SkyMediaQueryModule,
+                SkyStatusIndicatorModule,
+                SkyTabsResourcesModule,
+                SkyThemeModule
+            ],
+            providers: [
+                SkyVerticalTabsetAdapterService
+            ],
+            exports: [
+                SkyVerticalTabsetComponent,
+                SkyVerticalTabsetGroupComponent,
+                SkyVerticalTabComponent
+            ]
+        })
+    ], SkyVerticalTabsetModule);
+    return SkyVerticalTabsetModule;
+}());
+
+var SkySectionedFormModule = /** @class */ (function () {
+    function SkySectionedFormModule() {
+    }
+    SkySectionedFormModule = __decorate([
+        NgModule({
+            declarations: [
+                SkySectionedFormComponent,
+                SkySectionedFormSectionComponent
+            ],
+            imports: [
+                CommonModule,
+                SkyCheckboxModule,
+                SkyVerticalTabsetModule
+            ],
+            exports: [
+                SkySectionedFormComponent,
+                SkySectionedFormSectionComponent
+            ]
+        })
+    ], SkySectionedFormModule);
+    return SkySectionedFormModule;
+}());
+
+/**
+ * @internal
+ */
+var SkyTabButtonComponent = /** @class */ (function () {
+    function SkyTabButtonComponent() {
+        this.buttonClick = new EventEmitter();
+        this.closeClick = new EventEmitter();
+    }
+    SkyTabButtonComponent.prototype.onButtonClick = function (event) {
+        if (!this.disabled) {
+            this.buttonClick.emit();
+            event.preventDefault();
+        }
+    };
+    SkyTabButtonComponent.prototype.onButtonEnterKeyDown = function (event) {
+        this.onButtonClick(event);
+    };
+    SkyTabButtonComponent.prototype.onCloseClick = function (event) {
+        this.closeClick.emit();
+        // Prevent the click event from bubbling up to the anchor tag;
+        // otherwise it will trigger a page refresh.
+        event.stopPropagation();
+        event.preventDefault();
+    };
+    __decorate([
+        Input()
+    ], SkyTabButtonComponent.prototype, "active", void 0);
+    __decorate([
+        Input()
+    ], SkyTabButtonComponent.prototype, "ariaControls", void 0);
+    __decorate([
+        Input()
+    ], SkyTabButtonComponent.prototype, "buttonHref", void 0);
+    __decorate([
+        Input()
+    ], SkyTabButtonComponent.prototype, "buttonId", void 0);
+    __decorate([
+        Input()
+    ], SkyTabButtonComponent.prototype, "buttonText", void 0);
+    __decorate([
+        Input()
+    ], SkyTabButtonComponent.prototype, "buttonTextCount", void 0);
+    __decorate([
+        Input()
+    ], SkyTabButtonComponent.prototype, "closeable", void 0);
+    __decorate([
+        Input()
+    ], SkyTabButtonComponent.prototype, "disabled", void 0);
+    __decorate([
+        Input()
+    ], SkyTabButtonComponent.prototype, "tabStyle", void 0);
+    __decorate([
+        Output()
+    ], SkyTabButtonComponent.prototype, "buttonClick", void 0);
+    __decorate([
+        Output()
+    ], SkyTabButtonComponent.prototype, "closeClick", void 0);
+    SkyTabButtonComponent = __decorate([
+        Component({
+            selector: 'sky-tab-button',
+            template: "<div\n  class=\"sky-btn-tab-wrapper\"\n  [ngClass]=\"{\n    'sky-btn-tab-wrapper-selected': active,\n    'sky-btn-tab-wrapper-disabled': disabled\n  }\"\n>\n  <a\n    class=\"sky-btn-tab\"\n    role=\"tab\"\n    [attr.aria-controls]=\"ariaControls\"\n    [attr.aria-disabled]=\"disabled\"\n    [attr.aria-selected]=\"active\"\n    [attr.href]=\"buttonHref\"\n    [id]=\"buttonId\"\n    [ngClass]=\"{\n      'sky-btn-tab-wizard': tabStyle === 'wizard',\n      'sky-btn-tab-selected': active,\n      'sky-btn-tab-disabled': disabled,\n      'sky-tab-btn-closeable': closeable\n    }\"\n    [tabindex]=\"disabled ? '-1' : '0'\"\n    (click)=\"onButtonClick($event)\"\n    (keydown.enter)=\"onButtonEnterKeyDown($event)\"\n  >\n    <span\n      class=\"sky-tab-heading\"\n    >\n      {{ buttonText }}\n      <span *ngIf=\"buttonTextCount !== undefined\"\n        class=\"sky-tab-header-count\"\n      >\n        {{ buttonTextCount }}\n      </span>\n    </span>\n  </a>\n\n  <button *ngIf=\"closeable\"\n    class=\"sky-btn-tab-close\"\n    type=\"button\"\n    [attr.aria-label]=\"'skyux_tab_close' | skyLibResources:buttonText\"\n    [disabled]=\"disabled\"\n    [ngClass]=\"{\n      'sky-btn-tab-close-disabled': disabled\n    }\"\n    (click)=\"onCloseClick($event)\"\n    >\n    <sky-icon\n      icon=\"remove\"\n    ></sky-icon>\n  </button>\n</div>\n",
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            encapsulation: ViewEncapsulation.None,
+            styles: [".sky-btn-tab-wrapper{display:inline-block;position:relative;margin-right:5px}.sky-btn-tab-wrapper .sky-btn-tab-close{position:absolute;top:10px;right:10px;color:#686c73}.sky-btn-tab-wrapper .sky-btn-tab-close:hover{color:#212327;transition:color 150ms}.sky-btn-tab-wrapper.sky-btn-tab-wrapper-selected:not(.sky-btn-tab-wrapper-disabled) .sky-btn-tab-close{color:#fff}.sky-tab-btn-closeable{padding-right:43px}.sky-theme-modern .sky-btn-tab-wrapper,:host-context(.sky-theme-modern) .sky-btn-tab-wrapper{margin-right:10px}.sky-theme-modern .sky-btn-tab-wrapper .sky-btn-tab-close,:host-context(.sky-theme-modern) .sky-btn-tab-wrapper .sky-btn-tab-close{top:12px;right:10px}.sky-theme-modern .sky-btn-tab-wrapper.sky-btn-tab-wrapper-selected:not(.sky-btn-tab-wrapper-disabled) .sky-btn-tab-close,:host-context(.sky-theme-modern) .sky-btn-tab-wrapper.sky-btn-tab-wrapper-selected:not(.sky-btn-tab-wrapper-disabled) .sky-btn-tab-close{color:#686c73}.sky-theme-modern .sky-tab-btn-closeable,:host-context(.sky-theme-modern) .sky-tab-btn-closeable{padding-right:44px}.sky-theme-modern.sky-theme-mode-dark .sky-btn-tab-wrapper .sky-btn-tab-close,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-btn-tab-wrapper .sky-btn-tab-close{color:#eeeeef}.sky-theme-modern.sky-theme-mode-dark .sky-btn-tab-wrapper.sky-btn-tab-wrapper-selected:not(.sky-btn-tab-wrapper-disabled) .sky-btn-tab-close,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-btn-tab-wrapper.sky-btn-tab-wrapper-selected:not(.sky-btn-tab-wrapper-disabled) .sky-btn-tab-close{color:#eeeeef}"]
+        })
+    ], SkyTabButtonComponent);
+    return SkyTabButtonComponent;
+}());
+
+/**
+ * @internal
+ */
+var SkyTabsetPermalinkService = /** @class */ (function () {
+    function SkyTabsetPermalinkService(activatedRoute, location, router) {
+        this.activatedRoute = activatedRoute;
+        this.location = location;
+        this.router = router;
+        this._popStateChange = new Subject();
+    }
+    Object.defineProperty(SkyTabsetPermalinkService.prototype, "popStateChange", {
+        get: function () {
+            return this._popStateChange.asObservable();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    SkyTabsetPermalinkService.prototype.ngOnDestroy = function () {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+    };
+    SkyTabsetPermalinkService.prototype.init = function () {
+        var _this = this;
+        this.subscription = this.location.subscribe(function () {
+            _this._popStateChange.next();
+        });
+    };
+    /**
+     * Returns the value of a URL query param.
+     */
+    SkyTabsetPermalinkService.prototype.getParam = function (name) {
+        return this.getParams()[name];
+    };
+    /**
+     * Sets the value of a URL query param.
+     */
+    SkyTabsetPermalinkService.prototype.setParam = function (name, value) {
+        var params = this.getParams();
+        if (value === null) {
+            delete params[name];
+        }
+        else {
+            params[name] = value;
+        }
+        // Update the URL without triggering a navigation state change.
+        // See: https://stackoverflow.com/a/46486677
+        var url = this.router.createUrlTree(['.'], {
+            relativeTo: this.activatedRoute,
+            queryParams: params,
+            queryParamsHandling: 'merge'
+        }).toString();
+        // Abort redirect if the current URL is equal to the new URL.
+        if (this.location.isCurrentPathEqualTo(url)) {
+            return;
+        }
+        this.location.go(url);
+    };
+    /**
+     * Removes the provided query param from the URL.
+     */
+    SkyTabsetPermalinkService.prototype.clearParam = function (name) {
+        /*tslint:disable-next-line:no-null-keyword*/
+        this.setParam(name, null);
+    };
+    /**
+     * Returns a relative URL that includes the provided query parameter. The value is inteded to be
+     * used by an HTML anchor element.
+     */
+    SkyTabsetPermalinkService.prototype.getParamHref = function (name, value) {
+        if (!name) {
+            /*tslint:disable-next-line:no-null-keyword*/
+            return null;
+        }
+        var params = this.getParams();
+        params[name] = value;
+        var baseUrl = this.location.path().split('?')[0];
+        var paramString = Object.keys(params).map(function (k) { return k + "=" + params[k]; }).join('&');
+        return this.location.prepareExternalUrl(baseUrl + "?" + paramString);
+    };
+    /**
+     * Converts the provided string into a value that can be safely used in a URL.
+     */
+    SkyTabsetPermalinkService.prototype.urlify = function (value) {
+        if (!value) {
+            return '';
+        }
+        var sanitized = value.toLowerCase()
+            // Remove special characters.
+            .replace(/[\_\~\`\@\!\#\$\%\^\&\*\(\)\[\]\{\}\;\:\'\/\\\<\>\,\.\?\=\+\|"]/g, '')
+            // Replace space characters with a dash.
+            .replace(/\s/g, '-')
+            // Remove any double-dashes.
+            .replace(/--/g, '-');
+        return sanitized;
+    };
+    /**
+     * Returns all query params that exist in the current URL.
+     */
+    SkyTabsetPermalinkService.prototype.getParams = function () {
+        var params = {};
+        var path = this.location.path();
+        if (path.indexOf('?') === -1) {
+            return params;
+        }
+        var existingParamPairs = path.split('?')[1].split('&');
+        existingParamPairs.forEach(function (pair) {
+            var fragments = pair.split('=');
+            params[fragments[0]] = decodeURIComponent(fragments[1]);
+        });
+        return params;
+    };
+    SkyTabsetPermalinkService.ctorParameters = function () { return [
+        { type: ActivatedRoute },
+        { type: Location },
+        { type: Router }
+    ]; };
+    SkyTabsetPermalinkService = __decorate([
+        Injectable()
+    ], SkyTabsetPermalinkService);
+    return SkyTabsetPermalinkService;
+}());
+
+/**
+ * @internal
+ */
+var SkyTabsetService = /** @class */ (function () {
+    function SkyTabsetService() {
+        this.currentActiveTabIndex = 0;
+        this._activeTabIndex = new BehaviorSubject(0);
+        this._activeTabUnregistered = new Subject();
+        this.tabs = [];
+        this.tabCounter = 0;
+    }
+    Object.defineProperty(SkyTabsetService.prototype, "activeTabUnregistered", {
+        get: function () {
+            return this._activeTabUnregistered.asObservable();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SkyTabsetService.prototype, "activeTabIndex", {
+        get: function () {
+            return this._activeTabIndex.asObservable();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * Sets the active tab by its unique `tabIndex` property.
+     */
+    SkyTabsetService.prototype.setActiveTabIndex = function (value, config) {
+        if (config === void 0) { config = {
+            emitChange: true
+        }; }
+        if (value !== undefined &&
+            !this.tabIndexesEqual(value, this.currentActiveTabIndex)) {
+            this.currentActiveTabIndex = value;
+            if (config.emitChange) {
+                this._activeTabIndex.next(value);
+            }
+        }
+    };
+    /**
+     * Registers a tab component.
+     */
+    SkyTabsetService.prototype.registerTab = function (tabIndex) {
+        if (tabIndex === undefined) {
+            tabIndex = this.tabCounter;
+            this.tabCounter++;
+        }
+        this.tabs.push({ tabIndex: tabIndex });
+        return tabIndex;
+    };
+    SkyTabsetService.prototype.updateTabIndex = function (currentTabIndex, newTabIndex) {
+        var _this = this;
+        var found = this.tabs.find(function (tab) { return _this.tabIndexesEqual(tab.tabIndex, currentTabIndex); });
+        found.tabIndex = newTabIndex;
+    };
+    /**
+     * Unregisters a tab component.
+     */
+    SkyTabsetService.prototype.unregisterTab = function (tabIndex) {
+        var _this = this;
+        var index = this.tabs.findIndex(function (tab) { return _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.
+     */
+    SkyTabsetService.prototype.unregisterAll = function () {
+        this.tabs = [];
+    };
+    /**
+     * Compares two tab indexes and returns `true` if they are equal.
+     */
+    SkyTabsetService.prototype.tabIndexesEqual = function (tabIndex1, tabIndex2) {
+        return (tabIndex1 === tabIndex2 ||
+            +tabIndex1 === +tabIndex2);
+    };
+    /**
+     * Verifies if a provided tab index is registered.
+     */
+    SkyTabsetService.prototype.isValidTabIndex = function (tabIndex) {
+        var _this = this;
+        return this.tabs.some(function (tab) { return _this.tabIndexesEqual(tab.tabIndex, tabIndex); });
+    };
+    /**
+     * Activates the first registered tab.
+     */
+    SkyTabsetService.prototype.activateFirstTab = function () {
+        var 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.
+     */
+    SkyTabsetService.prototype.activateNearestTab = function (arrayIndex) {
+        var newActiveTab = this.tabs[arrayIndex] || this.tabs[arrayIndex - 1];
+        if (newActiveTab) {
+            this.currentActiveTabIndex = newActiveTab.tabIndex;
+        }
+    };
+    SkyTabsetService.prototype.isTabIndexActive = function (tabIndex) {
+        return this.tabIndexesEqual(tabIndex, this.currentActiveTabIndex);
+    };
+    SkyTabsetService = __decorate([
+        Injectable()
+    ], SkyTabsetService);
+    return SkyTabsetService;
+}());
+
+var nextId$1 = 0;
+var SkyTabComponent = /** @class */ (function () {
+    function SkyTabComponent(changeDetector, permalinkService, tabsetService) {
+        this.changeDetector = changeDetector;
+        this.permalinkService = permalinkService;
+        this.tabsetService = tabsetService;
+        /**
+         * Fires when users click the button to close the tab.
+         * The close button is added to the tab when you specify a listener for this event.
+         */
+        this.close = new EventEmitter();
+        this.showContent = false;
+        this._activeChange = new BehaviorSubject(undefined);
+        this._stateChange = new BehaviorSubject(undefined);
+        this._tabIndexChange = new BehaviorSubject(undefined);
+        var id = nextId$1++;
+        this.tabPanelId = "sky-tab-" + id;
+        this.tabButtonId = this.tabPanelId + "-nav-btn";
+    }
+    Object.defineProperty(SkyTabComponent.prototype, "active", {
+        get: function () {
+            return this._active || false;
+        },
+        /**
+         * Indicates whether the tab is active when the tabset loads. After initialization, the `active`
+         * property on the tabset component should be used to set the active tab.
+         * @default false
+         */
+        set: function (value) {
+            if (value !== undefined &&
+                value !== this._active) {
+                this._active = value;
+                this._activeChange.next();
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SkyTabComponent.prototype, "activeChange", {
+        get: function () {
+            return this._activeChange.asObservable();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SkyTabComponent.prototype, "permalinkValue", {
+        get: function () {
+            return this._permalinkValue || this.permalinkService.urlify(this.tabHeading);
+        },
+        /**
+         * Specifies a custom query parameter value for the tab.
+         * This works in conjunction with the tabset's `permalinkId` to distinguish
+         * the tab's unique state in the URL by generating a query parameter that is
+         * written as `?<queryParam>-active-tab=<sanitized-tab-heading`.
+         * By default, the query parameter's value is parsed automatically from the tab's heading text.
+         */
+        set: function (value) {
+            this._permalinkValue = this.permalinkService.urlify(value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SkyTabComponent.prototype, "tabIndex", {
+        get: function () {
+            return this._tabIndex;
+        },
+        /**
+         * Specifies a unique identifier for the tab.
+         * If not defined, the identifier is set to the position of the tab on load, starting with `0`.
+         */
+        set: function (value) {
+            if (value !== this._tabIndex &&
+                value !== undefined &&
+                this._tabIndex !== undefined) {
+                this.tabsetService.updateTabIndex(this._tabIndex, value);
+                this._tabIndexChange.next(value);
+            }
+            this._tabIndex = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SkyTabComponent.prototype, "closeable", {
+        get: function () {
+            return this.close.observers.length > 0;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SkyTabComponent.prototype, "stateChange", {
+        /**
+         * Alerts the tabset component when this component has changes that need to be reflected in the UI.
+         */
+        get: function () {
+            return this._stateChange.asObservable();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SkyTabComponent.prototype, "tabIndexChange", {
+        get: function () {
+            return this._tabIndexChange.asObservable();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    SkyTabComponent.prototype.ngOnChanges = function (changes) {
+        if (changes.disabled && !changes.disabled.firstChange ||
+            changes.tabHeading && !changes.tabHeading.firstChange ||
+            changes.tabHeaderCount && !changes.tabHeaderCount.firstChange ||
+            changes.permalinkValue && !changes.permalinkValue.firstChange) {
+            this._stateChange.next();
+        }
+    };
+    SkyTabComponent.prototype.ngOnDestroy = function () {
+        this._stateChange.complete();
+        this.tabsetService.unregisterTab(this.tabIndex);
+    };
+    SkyTabComponent.prototype.init = function () {
+        this._tabIndex = this.tabsetService.registerTab(this.tabIndex);
+    };
+    SkyTabComponent.prototype.activate = function () {
+        this._active = true;
+        this.showContent = true;
+        this.changeDetector.markForCheck();
+    };
+    SkyTabComponent.prototype.deactivate = function () {
+        this._active = false;
+        this.showContent = false;
+        this.changeDetector.markForCheck();
+    };
+    SkyTabComponent.ctorParameters = function () { return [
+        { type: ChangeDetectorRef },
+        { type: SkyTabsetPermalinkService },
+        { type: SkyTabsetService }
+    ]; };
+    __decorate([
+        Input()
+    ], SkyTabComponent.prototype, "active", null);
+    __decorate([
+        Input()
+    ], SkyTabComponent.prototype, "disabled", void 0);
+    __decorate([
+        Input()
+    ], SkyTabComponent.prototype, "permalinkValue", null);
+    __decorate([
+        Input()
+    ], SkyTabComponent.prototype, "tabHeaderCount", void 0);
+    __decorate([
+        Input()
+    ], SkyTabComponent.prototype, "tabHeading", void 0);
+    __decorate([
+        Input()
+    ], SkyTabComponent.prototype, "tabIndex", null);
+    __decorate([
+        Output()
+    ], SkyTabComponent.prototype, "close", void 0);
+    SkyTabComponent = __decorate([
+        Component({
+            selector: 'sky-tab',
+            template: "<div\n  class=\"sky-tab\"\n  role=\"tabpanel\"\n  [attr.aria-labelledby]=\"tabButtonId\"\n  [hidden]=\"!showContent\"\n  [id]=\"tabPanelId\"\n>\n  <ng-content></ng-content>\n</div>\n",
+            changeDetection: ChangeDetectionStrategy.OnPush
+        })
+    ], SkyTabComponent);
+    return SkyTabComponent;
+}());
+
+var buttonTypeNext = 'next';
+var buttonTypePrevious = 'previous';
+/**
+ * @internal
+ */
+var SkyTabsetNavButtonComponent = /** @class */ (function () {
+    function SkyTabsetNavButtonComponent(resourceService, changeDetector) {
+        this.resourceService = resourceService;
+        this.changeDetector = changeDetector;
+    }
+    Object.defineProperty(SkyTabsetNavButtonComponent.prototype, "buttonText", {
+        get: function () {
+            if (this._buttonText) {
+                return this._buttonText;
+            }
+            switch (this.buttonType) {
+                case buttonTypePrevious:
+                    return this.previousButtonText;
+                case buttonTypeNext:
+                    return this.nextButtonText;
+                /* istanbul ignore next */
+                default:
+                    return '';
+            }
+        },
+        set: function (value) {
+            this._buttonText = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SkyTabsetNavButtonComponent.prototype, "disabled", {
+        get: function () {
+            var tabToSelect;
+            switch (this.buttonType) {
+                case buttonTypePrevious:
+                    tabToSelect = this.previousTab;
+                    break;
+                case buttonTypeNext:
+                    tabToSelect = this.nextTab;
+                    break;
+                /* istanbul ignore next */
+                default:
+                    break;
+            }
+            return !tabToSelect || tabToSelect.disabled;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SkyTabsetNavButtonComponent.prototype, "selectedTab", {
+        get: function () {
+            var _this = this;
+            var selectedTab;
+            if (this.tabset && this.tabset.tabs) {
+                selectedTab = this.tabset.tabs.find(function (tab) { return tab.tabIndex === _this.tabset.lastActiveTabIndex; });
+            }
+            return selectedTab;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SkyTabsetNavButtonComponent.prototype, "nextTab", {
+        get: function () {
+            var selectedTab = this.selectedTab;
+            if (selectedTab) {
+                var tabs = this.tabset.tabs.toArray();
+                return tabs[tabs.indexOf(selectedTab) + 1];
+            }
+            return undefined;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SkyTabsetNavButtonComponent.prototype, "previousTab", {
+        get: function () {
+            var selectedTab = this.selectedTab;
+            if (selectedTab) {
+                var tabs = this.tabset.tabs.toArray();
+                return tabs[tabs.indexOf(selectedTab) - 1];
+            }
+            return undefined;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    SkyTabsetNavButtonComponent.prototype.ngAfterViewInit = function () {
+        var _this = this;
+        forkJoin([
+            this.resourceService.getString('skyux_tabs_navigator_previous'),
+            this.resourceService.getString('skyux_tabs_navigator_next')
+        ])
+            .pipe(take(1))
+            .subscribe(function (resources) {
+            _this.previousButtonText = resources[0];
+            _this.nextButtonText = resources[1];
+            _this.changeDetector.detectChanges();
+        });
+    };
+    SkyTabsetNavButtonComponent.prototype.buttonClick = function () {
+        var tabToSelect;
+        switch (this.buttonType) {
+            case buttonTypePrevious:
+                tabToSelect = this.previousTab;
+                break;
+            case buttonTypeNext:
+                tabToSelect = this.nextTab;
+                break;
+            /* istanbul ignore next */
+            default:
+                break;
+        }
+        /* istanbul ignore else */
+        if (tabToSelect && !tabToSelect.disabled) {
+            this.tabset.active = tabToSelect.tabIndex;
+        }
+    };
+    SkyTabsetNavButtonComponent.ctorParameters = function () { return [
+        { type: SkyLibResourcesService },
+        { type: ChangeDetectorRef }
+    ]; };
+    __decorate([
+        Input()
+    ], SkyTabsetNavButtonComponent.prototype, "tabset", void 0);
+    __decorate([
+        Input()
+    ], SkyTabsetNavButtonComponent.prototype, "buttonType", void 0);
+    __decorate([
+        Input()
+    ], SkyTabsetNavButtonComponent.prototype, "buttonText", null);
+    SkyTabsetNavButtonComponent = __decorate([
+        Component({
+            selector: 'sky-tabset-nav-button',
+            template: "<button\n  class=\"sky-btn sky-btn-default\"\n  type=\"button\"\n  [disabled]=\"disabled\"\n  (click)=\"buttonClick()\"\n>\n  {{ buttonText }}\n</button>\n"
+        })
+    ], SkyTabsetNavButtonComponent);
+    return SkyTabsetNavButtonComponent;
+}());
+
+/**
+ * @internal
+ */
+var SkyTabsetAdapterService = /** @class */ (function () {
+    function SkyTabsetAdapterService() {
+        this._overflowChange = new BehaviorSubject(false);
+    }
+    Object.defineProperty(SkyTabsetAdapterService.prototype, "overflowChange", {
+        get: function () {
+            return this._overflowChange.asObservable();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    SkyTabsetAdapterService.prototype.registerTabset = function (tabsetRef) {
+        this.tabsetRef = tabsetRef;
+        this.tabsOffsetLeft = this.getTabsOffsetLeft(tabsetRef.nativeElement);
+    };
+    /**
+     * Detects if the tab buttons are wider than the tabset container.
+     */
+    SkyTabsetAdapterService.prototype.detectOverflow = function () {
+        var nativeElement = this.tabsetRef.nativeElement;
+        var tabsetRect = nativeElement
+            .querySelector('.sky-tabset')
+            .getBoundingClientRect();
+        var tabButtonsRect = nativeElement
+            .querySelector('.sky-tabset-tabs')
+            .getBoundingClientRect();
+        var tabExtraButtonsRect = nativeElement
+            .querySelector('.sky-tabset-btns')
+            .getBoundingClientRect();
+        var tabButtonsWidth = tabButtonsRect.width + tabExtraButtonsRect.width + this.tabsOffsetLeft;
+        var newOverflow = (tabButtonsWidth > tabsetRect.width);
+        if (this.currentOverflow !== newOverflow) {
+            this.currentOverflow = newOverflow;
+            this._overflowChange.next(this.currentOverflow);
+        }
+    };
+    /**
+     * Returns the number of pixels to the left of the first tab.
+     */
+    SkyTabsetAdapterService.prototype.getTabsOffsetLeft = function (tabsetEl) {
+        var tabsetRect = tabsetEl.getBoundingClientRect();
+        // The dropdown element is the first "tab" and always exists in the DOM, even when hidden.
+        var firstTabRect = tabsetEl.querySelector('.sky-tabset-dropdown').getBoundingClientRect();
+        return firstTabRect.left - tabsetRect.left;
+    };
+    SkyTabsetAdapterService = __decorate([
+        Injectable()
+    ], SkyTabsetAdapterService);
+    return SkyTabsetAdapterService;
+}());
+
+var SkyTabsetComponent = /** @class */ (function () {
+    function SkyTabsetComponent(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();
+    }
+    Object.defineProperty(SkyTabsetComponent.prototype, "active", {
+        get: function () {
+            return this._active;
+        },
+        /**
+         * Activates a tab by its `tabIndex` property.
+         */
+        set: function (value) {
+            var _this = this;
+            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(function () {
+                    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();
+                    }
+                });
+            }
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SkyTabsetComponent.prototype, "permalinkId", {
+        get: function () {
+            return this._permalinkId || '';
+        },
+        /**
+         * 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: function (value) {
+            if (!value) {
+                return;
+            }
+            var sanitized = this.permalinkService.urlify(value);
+            this._permalinkId = sanitized + "-active-tab";
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SkyTabsetComponent.prototype, "tabStyle", {
+        get: function () {
+            return this._tabStyle || 'tabs';
+        },
+        /**
+         * 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: function (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;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(SkyTabsetComponent.prototype, "tabDisplayMode", {
+        get: function () {
+            return this._tabDisplayMode || 'tabs';
+        },
+        set: function (value) {
+            this._tabDisplayMode = value;
+            this.changeDetector.markForCheck();
+        },
+        enumerable: true,
+        configurable: true
+    });
+    SkyTabsetComponent.prototype.ngAfterViewInit = function () {
+        var _this = this;
+        this.initTabComponents();
+        this.listenTabComponentsStructuralChange();
+        var 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(function (tab) {
+            // Wait for the new tabs to render before activating.
+            setTimeout(function () {
+                _this.tabsetService.activateNearestTab(tab.arrayIndex);
+            });
+        });
+        // Let the tabset render the initial active index before listening for changes.
+        setTimeout(function () {
+            _this.listenTabComponentsStateChange();
+            _this.listenActiveIndexChange();
+            _this.permalinkService.init();
+        });
+    };
+    SkyTabsetComponent.prototype.ngOnDestroy = function () {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+        this.unsubscribeTabComponentsStateChange();
+        this.permalinkService.clearParam(this.permalinkId);
+    };
+    SkyTabsetComponent.prototype.onWindowResize = function () {
+        this.adapterService.detectOverflow();
+    };
+    SkyTabsetComponent.prototype.onTabCloseClick = function (tabButton) {
+        var _this = this;
+        var tabComponent = this.tabs.find(function (tab) {
+            return _this.tabsetService.tabIndexesEqual(tab.tabIndex, tabButton.tabIndex);
+        });
+        tabComponent.close.emit();
+    };
+    SkyTabsetComponent.prototype.onTabButtonClick = function (tabButton) {
+        this.tabsetService.setActiveTabIndex(tabButton.tabIndex);
+    };
+    SkyTabsetComponent.prototype.onNewTabClick = function () {
+        this.newTab.emit();
+    };
+    SkyTabsetComponent.prototype.onOpenTabClick = function () {
+        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?
+     */
+    SkyTabsetComponent.prototype.getInitialTabIndex = function () {
+        var _a;
+        var 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;
+    };
+    SkyTabsetComponent.prototype.listenActiveIndexChange = function () {
+        var _this = this;
+        this.tabsetService.activeTabIndex
+            .pipe(distinctUntilChanged(), takeUntil(this.ngUnsubscribe))
+            .subscribe(function (activeIndex) {
+            _this.updateTabsetComponent(activeIndex);
+        });
+    };
+    SkyTabsetComponent.prototype.listenTabComponentsStructuralChange = function () {
+        var _this = this;
+        this.tabs.changes
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(function () {
+            _this.resetTabComponents();
+        });
+    };
+    SkyTabsetComponent.prototype.listenTabComponentsStateChange = function () {
+        var _this = this;
+        combineLatest(this.tabs.map(function (tab) { return tab.activeChange; }))
+            .pipe(takeUntil(race(this.tabComponentsStateChangeUnsubscribe, this.ngUnsubscribe)))
+            .subscribe(function () {
+            // Wait for the tab components to render changes before finding the active one.
+            setTimeout(function () {
+                var _a;
+                var tabIndex = (_a = _this.getActiveTabComponent()) === null || _a === void 0 ? void 0 : _a.tabIndex;
+                _this.tabsetService.setActiveTabIndex(tabIndex);
+            });
+        });
+        combineLatest(this.tabs.map(function (tab) { return tab.tabIndexChange; }))
+            .pipe(takeUntil(race(this.tabComponentsStateChangeUnsubscribe, this.ngUnsubscribe)))
+            .subscribe(function () {
+            // Don't emit the first change.
+            if (_this.lastActiveTabIndex !== undefined) {
+                // Wait for the tab components to render changes before updating the view.
+                setTimeout(function () {
+                    _this.updateTabsetComponent(_this.tabsetService.currentActiveTabIndex, true);
+                    _this.emitTabIndexChange();
+                });
+            }
+        });
+        combineLatest(this.tabs.map(function (tab) { return tab.stateChange; }))
+            .pipe(takeUntil(race(this.tabComponentsStateChangeUnsubscribe, this.ngUnsubscribe)))
+            .subscribe(function () {
+            // Wait for the tab components to render changes before finding the active one.
+            setTimeout(function () {
+                _this.updateTabsetComponent(_this.tabsetService.currentActiveTabIndex, true);
+            });
+        });
+    };
+    SkyTabsetComponent.prototype.initTabComponents = function () {
+        this.tabs.forEach(function (tab) { return tab.init(); });
+    };
+    SkyTabsetComponent.prototype.resetTabComponents = function () {
+        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();
+        var activeIndex = (_a = this.getActiveTabComponent()) === null || _a === void 0 ? void 0 : _a.tabIndex;
+        this.tabsetService.setActiveTabIndex(activeIndex, {
+            emitChange: false
+        });
+        this.listenTabComponentsStateChange();
+    };
+    SkyTabsetComponent.prototype.emitTabIndexChange = function () {
+        this.tabIndexesChange.emit({
+            tabs: this.tabs.map(function (tab) { return ({
+                tabHeading: tab.tabHeading,
+                tabIndex: tab.tabIndex
+            }); })
+        });
+    };
+    SkyTabsetComponent.prototype.unsubscribeTabComponentsStateChange = function () {
+        this.tabComponentsStateChangeUnsubscribe.next();
+        this.tabComponentsStateChangeUnsubscribe.complete();
+        this.tabComponentsStateChangeUnsubscribe = new Subject();
+    };
+    SkyTabsetComponent.prototype.listenTabButtonsOverflowChange = function () {
+        var _this = this;
+        this.adapterService.registerTabset(this.elementRef);
+        this.adapterService.overflowChange
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(function (isOverflowing) {
+            _this.tabDisplayMode = (isOverflowing) ? 'dropdown' : 'tabs';
+            _this.changeDetector.markForCheck();
+        });
+    };
+    /**
+     * Listen for back/forward history button presses to detect query param changes in the URL.
+     */
+    SkyTabsetComponent.prototype.listenLocationPopStateChange = function () {
+        var _this = this;
+        this.permalinkService.popStateChange
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(function () {
+            _this.setActiveTabIndexByPermalinkId();
+        });
+    };
+    SkyTabsetComponent.prototype.setActiveTabIndexByPermalinkId = function () {
+        var activeIndex = this.getActiveTabIndexByPermalinkId();
+        this.tabsetService.setActiveTabIndex(activeIndex);
+    };
+    SkyTabsetComponent.prototype.getActiveTabIndexByPermalinkId = function () {
+        var _a;
+        if (this.permalinkId) {
+            var paramValue_1 = this.permalinkService.getParam(this.permalinkId);
+            if (paramValue_1) {
+                return (_a = this.tabs.find(function (tab) { return tab.permalinkValue === paramValue_1; })) === null || _a === void 0 ? void 0 : _a.tabIndex;
+            }
+        }
+    };
+    SkyTabsetComponent.prototype.getActiveTabComponent = function () {
+        return this.tabs.toArray().reverse().find(function (tab) { return tab.active === true; });
+    };
+    SkyTabsetComponent.prototype.createTabButtons = function (activeIndex) {
+        var _this = this;
+        return this.tabs.map(function (tab) { return ({
+            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
+        }); });
+    };
+    SkyTabsetComponent.prototype.updateTabButtons = function (activeIndex) {
+        var _this = this;
+        this.tabButtons.forEach(function (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.
+     */
+    SkyTabsetComponent.prototype.updateTabsetComponent = function (activeIndex, regenerateTabButtons) {
+        var _this = this;
+        if (regenerateTabButtons === void 0) { regenerateTabButtons = false; }
+        var _a;
+        // Activate/deactivate tab components.
+        this.tabs.forEach(function (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(function (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) {
+            var activeTabComponent = this.tabs.find(function (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(function () {
+            _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.ctorParameters = function () { return [
+        { type: ChangeDetectorRef },
+        { type: ElementRef },
+        { type: SkyTabsetAdapterService },
+        { type: SkyTabsetPermalinkService },
+        { type: SkyTabsetService }
+    ]; };
+    __decorate([
+        Input()
+    ], SkyTabsetComponent.prototype, "active", null);
+    __decorate([
+        Input()
+    ], SkyTabsetComponent.prototype, "ariaLabel", void 0);
+    __decorate([
+        Input()
+    ], SkyTabsetComponent.prototype, "ariaLabelledBy", void 0);
+    __decorate([
+        Input()
+    ], SkyTabsetComponent.prototype, "permalinkId", null);
+    __decorate([
+        Input()
+    ], SkyTabsetComponent.prototype, "tabStyle", null);
+    __decorate([
+        Output()
+    ], SkyTabsetComponent.prototype, "activeChange", void 0);
+    __decorate([
+        Output()
+    ], SkyTabsetComponent.prototype, "newTab", void 0);
+    __decorate([
+        Output()
+    ], SkyTabsetComponent.prototype, "openTab", void 0);
+    __decorate([
+        Output()
+    ], SkyTabsetComponent.prototype, "tabIndexesChange", void 0);
+    __decorate([
+        ContentChildren(SkyTabComponent)
+    ], SkyTabsetComponent.prototype, "tabs", void 0);
+    SkyTabsetComponent = __decorate([
+        Component({
+            selector: 'sky-tabset',
+            template: "<div\n  class=\"sky-tabset\"\n  role=\"tablist\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.aria-labelledby]=\"ariaLabelledBy\"\n  [ngClass]=\"'sky-tabset-mode-' + tabDisplayMode + ' sky-tabset-style-' + tabStyle\"\n  (window:resize)=\"onWindowResize()\"\n>\n  <span class=\"sky-tabset-dropdown\">\n    <sky-dropdown *ngIf=\"tabDisplayMode === 'dropdown'\"\n      buttonType=\"tab\"\n    >\n      <sky-dropdown-button>\n        {{ dropdownTriggerButtonText }}\n      </sky-dropdown-button>\n      <sky-dropdown-menu>\n        <sky-dropdown-item *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 *ngTemplateOutlet=\"tabButtonTemplate; context: {\n              $implicit: tabButton\n            }\"></ng-container>\n          </div>\n        </sky-dropdown-item>\n      </sky-dropdown-menu>\n    </sky-dropdown>\n  </span>\n  <span\n    class=\"sky-tabset-tabs\"\n  >\n    <ng-container *ngFor=\"let tabButton of tabButtons\">\n      <ng-container *ngTemplateOutlet=\"tabButtonTemplate; context: {\n        $implicit: tabButton\n      }\"></ng-container>\n    </ng-container>\n  </span>\n  <span\n    class=\"sky-tabset-btns\"\n  >\n    <button *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\n        icon=\"plus-circle\"\n        size=\"lg\"\n      >\n      </sky-icon>\n    </button>\n    <button *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\n        icon=\"folder-open-o\"\n        size=\"lg\"\n      >\n      </sky-icon>\n    </button>\n  </span>\n</div>\n<ng-content></ng-content>\n\n<ng-template\n  let-tabButton\n  #tabButtonTemplate\n>\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",
+            providers: [
+                SkyTabsetAdapterService,
+                SkyTabsetPermalinkService,
+                SkyTabsetService
+            ],
+            changeDetection: ChangeDetectionStrategy.OnPush,
+            encapsulation: ViewEncapsulation.None,
+            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}"]
+        })
+    ], SkyTabsetComponent);
+    return SkyTabsetComponent;
+}());
+
+var SkyTabsModule = /** @class */ (function () {
+    function SkyTabsModule() {
+    }
+    SkyTabsModule = __decorate([
+        NgModule({
+            declarations: [
+                SkyTabButtonComponent,
+                SkyTabComponent,
+                SkyTabsetComponent,
+                SkyTabsetNavButtonComponent
+            ],
+            imports: [
+                CommonModule,
+                RouterModule,
+                SkyDropdownModule,
+                SkyI18nModule,
+                SkyIconModule,
+                SkyTabsResourcesModule,
+                SkyThemeModule
+            ],
+            exports: [
+                SkyTabComponent,
+                SkyTabsetComponent,
+                SkyTabsetNavButtonComponent
+            ]
+        })
+    ], SkyTabsModule);
+    return SkyTabsModule;
+}());
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkySectionedFormComponent, SkySectionedFormModule, SkySectionedFormService, SkyTabsModule, SkyVerticalTabsetModule, VISIBLE_STATE as ɵa, HIDDEN_STATE as ɵb, SkyVerticalTabsetService as ɵc, SkySectionedFormSectionComponent as ɵd, SkyVerticalTabComponent as ɵe, SkyVerticalTabMediaQueryService as ɵf, SkyVerticalTabsetAdapterService as ɵg, SkyVerticalTabsetComponent as ɵh, SkyVerticalTabsetGroupComponent as ɵi, SkyTabsResourcesModule as ɵj, SkyTabsResourcesProvider as ɵk, SkyTabButtonComponent as ɵl, SkyTabComponent as ɵm, SkyTabsetPermalinkService as ɵn, SkyTabsetService as ɵo, SkyTabsetComponent as ɵp, SkyTabsetAdapterService as ɵq, SkyTabsetNavButtonComponent as ɵr };
+//# sourceMappingURL=skyux-tabs.js.map