@skyux/tabs 6.12.0 → 6.15.0

package/documentation.json

@@ -5506,7 +5506,7 @@
     {
       "fileName": "tabs-demo.component.html",
       "filePath": "/projects/tabs/documentation/code-examples/tabs/counts/tabs-demo.component.html",
-      "rawContents": "<sky-tabset ariaLabel=\"Tab demonstration\">\n  <sky-tab [tabHeaderCount]=\"25012\" [tabHeading]=\"'Tab 1'\">\n    A list containing 25012 items\n  </sky-tab>\n  <sky-tab [tabHeaderCount]=\"280\" [tabHeading]=\"'Tab 2'\">\n    A list containing 280 items\n  </sky-tab>\n  <sky-tab [tabHeading]=\"'Tab 3'\">\n    This tab doesn't have a list of items\n  </sky-tab>\n</sky-tabset>\n"
+      "rawContents": "<sky-tabset ariaLabel=\"Tab demonstration\">\n  <sky-tab [tabHeaderCount]=\"'25012'\" [tabHeading]=\"'Tab 1'\">\n    A list containing 25012 items\n  </sky-tab>\n  <sky-tab [tabHeaderCount]=\"'280'\" [tabHeading]=\"'Tab 2'\">\n    A list containing 280 items\n  </sky-tab>\n  <sky-tab [tabHeading]=\"'Tab 3'\">\n    This tab doesn't have a list of items\n  </sky-tab>\n</sky-tabset>\n"
     },
     {
       "fileName": "tabs-demo.component.ts",
@@ -5541,7 +5541,7 @@
     {
       "fileName": "tabs-demo.component.ts",
       "filePath": "/projects/tabs/documentation/code-examples/tabs/dynamic/tabs-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-tabs-demo',\n  templateUrl: './tabs-demo.component.html',\n})\nexport class TabsDemoComponent {\n  public tabArray = [\n    {\n      tabHeading: 'Tab 1',\n      tabContent: 'A list containing 25012 items',\n      tabHeaderCount: 25012,\n    },\n    {\n      tabHeading: 'Tab 2',\n      tabContent: 'A list containing 280 items',\n      tabHeaderCount: 280,\n    },\n    {\n      tabHeading: 'Tab 3',\n      tabContent: \"This tab doesn't have a list of items\",\n    },\n  ];\n}\n"
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-tabs-demo',\n  templateUrl: './tabs-demo.component.html',\n})\nexport class TabsDemoComponent {\n  public tabArray = [\n    {\n      tabHeading: 'Tab 1',\n      tabContent: 'A list containing 25012 items',\n      tabHeaderCount: '25012',\n    },\n    {\n      tabHeading: 'Tab 2',\n      tabContent: 'A list containing 280 items',\n      tabHeaderCount: '280',\n    },\n    {\n      tabHeading: 'Tab 3',\n      tabContent: \"This tab doesn't have a list of items\",\n    },\n  ];\n}\n"
     },
     {
       "fileName": "tabs-demo.module.ts",
@@ -5581,7 +5581,7 @@
     {
       "fileName": "vertical-tabs-demo.component.html",
       "filePath": "/projects/tabs/documentation/code-examples/vertical-tabs/basic/vertical-tabs-demo.component.html",
-      "rawContents": "<sky-vertical-tabset>\n  <sky-vertical-tab tabHeading=\"Tab 1\"> Tab 1 content </sky-vertical-tab>\n  <sky-vertical-tab tabHeading=\"Tab 2\" active=\"true\">\n    Tab 2 content\n  </sky-vertical-tab>\n  <sky-vertical-tab tabHeading=\"Tab 3\"> Tab 3 content </sky-vertical-tab>\n</sky-vertical-tabset>\n"
+      "rawContents": "<sky-vertical-tabset>\n  <sky-vertical-tab tabHeading=\"Tab 1\"> Tab 1 content </sky-vertical-tab>\n  <sky-vertical-tab tabHeading=\"Tab 2\" [active]=\"true\">\n    Tab 2 content\n  </sky-vertical-tab>\n  <sky-vertical-tab tabHeading=\"Tab 3\"> Tab 3 content </sky-vertical-tab>\n</sky-vertical-tabset>\n"
     },
     {
       "fileName": "vertical-tabs-demo.component.ts",
@@ -5616,7 +5616,7 @@
     {
       "fileName": "wizard-demo-modal.component.ts",
       "filePath": "/projects/tabs/documentation/code-examples/wizard/basic/wizard-demo-modal.component.ts",
-      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport {\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  Validators,\n} from '@angular/forms';\nimport { SkyModalInstance } from '@skyux/modals';\n\n@Component({\n  selector: 'app-wizard-demo-modal',\n  templateUrl: './wizard-demo-modal.component.html',\n})\nexport class WizardDemoModalComponent implements OnInit {\n  constructor(\n    public instance: SkyModalInstance,\n    private formBuilder: FormBuilder\n  ) {}\n\n  public newMemberForm: FormGroup;\n  public title = 'New Member Sign-up';\n  public activeIndex = 0;\n  public step2Disabled = true;\n  public step3Disabled = true;\n  public saveDisabled = true;\n\n  public firstName: FormControl;\n  public middleName: FormControl;\n  public lastName: FormControl;\n  public phoneNumber: FormControl;\n  public email: FormControl;\n  public termsAccepted: FormControl;\n  public mailingList: FormControl;\n\n  public ngOnInit(): void {\n    this.firstName = new FormControl('', Validators.required);\n    this.middleName = new FormControl();\n    this.lastName = new FormControl('', Validators.required);\n    this.phoneNumber = new FormControl('', Validators.required);\n    this.email = new FormControl('', Validators.required);\n    this.termsAccepted = new FormControl(false);\n    this.mailingList = new FormControl(false);\n\n    this.newMemberForm = this.formBuilder.group({\n      firstName: this.firstName,\n      middleName: this.middleName,\n      lastName: this.lastName,\n      phoneNumber: this.phoneNumber,\n      email: this.email,\n      termsAccepted: this.termsAccepted,\n      mailingList: this.mailingList,\n    });\n\n    this.newMemberForm.valueChanges.subscribe(() => {\n      this.checkRequirementsMet();\n    });\n  }\n\n  public checkRequirementsMet(): void {\n    this.step2Disabled = !(\n      this.newMemberForm.get('firstName').value &&\n      this.newMemberForm.get('lastName').value\n    );\n    this.step3Disabled = !(\n      this.newMemberForm.get('phoneNumber').value &&\n      this.newMemberForm.get('phoneNumber').valid &&\n      this.newMemberForm.get('email').value\n    );\n    this.saveDisabled = !this.newMemberForm.get('termsAccepted').value;\n  }\n\n  public onCancelClick(): void {\n    this.instance.cancel();\n  }\n\n  public onSave(): void {\n    this.instance.save();\n  }\n}\n"
+      "rawContents": "import { Component, OnInit } from '@angular/core';\nimport {\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  Validators,\n} from '@angular/forms';\nimport { SkyModalInstance } from '@skyux/modals';\nimport { SkyTabIndex } from '@skyux/tabs';\n\n@Component({\n  selector: 'app-wizard-demo-modal',\n  templateUrl: './wizard-demo-modal.component.html',\n})\nexport class WizardDemoModalComponent implements OnInit {\n  constructor(\n    public instance: SkyModalInstance,\n    private formBuilder: FormBuilder\n  ) {}\n\n  public newMemberForm: FormGroup;\n  public title = 'New Member Sign-up';\n  public activeIndex: SkyTabIndex = 0;\n  public step2Disabled = true;\n  public step3Disabled = true;\n  public saveDisabled = true;\n\n  public firstName: FormControl;\n  public middleName: FormControl;\n  public lastName: FormControl;\n  public phoneNumber: FormControl;\n  public email: FormControl;\n  public termsAccepted: FormControl;\n  public mailingList: FormControl;\n\n  public ngOnInit(): void {\n    this.firstName = new FormControl('', Validators.required);\n    this.middleName = new FormControl();\n    this.lastName = new FormControl('', Validators.required);\n    this.phoneNumber = new FormControl('', Validators.required);\n    this.email = new FormControl('', Validators.required);\n    this.termsAccepted = new FormControl(false);\n    this.mailingList = new FormControl(false);\n\n    this.newMemberForm = this.formBuilder.group({\n      firstName: this.firstName,\n      middleName: this.middleName,\n      lastName: this.lastName,\n      phoneNumber: this.phoneNumber,\n      email: this.email,\n      termsAccepted: this.termsAccepted,\n      mailingList: this.mailingList,\n    });\n\n    this.newMemberForm.valueChanges.subscribe(() => {\n      this.checkRequirementsMet();\n    });\n  }\n\n  public checkRequirementsMet(): void {\n    this.step2Disabled = !(\n      this.newMemberForm.get('firstName').value &&\n      this.newMemberForm.get('lastName').value\n    );\n    this.step3Disabled = !(\n      this.newMemberForm.get('phoneNumber').value &&\n      this.newMemberForm.get('phoneNumber').valid &&\n      this.newMemberForm.get('email').value\n    );\n    this.saveDisabled = !this.newMemberForm.get('termsAccepted').value;\n  }\n\n  public onCancelClick(): void {\n    this.instance.cancel();\n  }\n\n  public onSave(): void {\n    this.instance.save();\n  }\n}\n"
     },
     {
       "fileName": "wizard-demo.component.html",
@@ -5631,7 +5631,7 @@
     {
       "fileName": "wizard-demo.module.ts",
       "filePath": "/projects/tabs/documentation/code-examples/wizard/basic/wizard-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyCheckboxModule, SkyInputBoxModule } from '@skyux/forms';\nimport { SkyFluidGridModule } from '@skyux/layout';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkyPhoneFieldModule } from '@skyux/phone-field';\nimport { SkyTabsModule } from '@skyux/tabs';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { WizardDemoModalComponent } from './wizard-demo-modal.component';\nimport { WizardDemoComponent } from './wizard-demo.component';\n\n@NgModule({\n  declarations: [WizardDemoComponent, WizardDemoModalComponent],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyCheckboxModule,\n    SkyFluidGridModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyModalModule,\n    SkyPhoneFieldModule,\n    SkyTabsModule,\n    SkyThemeModule,\n  ],\n})\nexport class WizardDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyIdModule } from '@skyux/core';\nimport { SkyCheckboxModule, SkyInputBoxModule } from '@skyux/forms';\nimport { SkyFluidGridModule } from '@skyux/layout';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkyPhoneFieldModule } from '@skyux/phone-field';\nimport { SkyTabsModule } from '@skyux/tabs';\nimport { SkyThemeModule } from '@skyux/theme';\n\nimport { WizardDemoModalComponent } from './wizard-demo-modal.component';\nimport { WizardDemoComponent } from './wizard-demo.component';\n\n@NgModule({\n  declarations: [WizardDemoComponent, WizardDemoModalComponent],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyCheckboxModule,\n    SkyFluidGridModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyModalModule,\n    SkyPhoneFieldModule,\n    SkyTabsModule,\n    SkyThemeModule,\n  ],\n  exports: [WizardDemoComponent],\n})\nexport class WizardDemoModule {}\n"
     }
   ]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/tabs",
-  "version": "6.12.0",
+  "version": "6.15.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -45,14 +45,14 @@
     "@angular/core": "^13.3.2",
     "@angular/platform-browser": "^13.3.2",
     "@angular/router": "^13.3.2",
-    "@skyux-sdk/testing": "6.12.0",
-    "@skyux/animations": "6.12.0",
-    "@skyux/core": "6.12.0",
-    "@skyux/forms": "6.12.0",
-    "@skyux/i18n": "6.12.0",
-    "@skyux/indicators": "6.12.0",
-    "@skyux/popovers": "6.12.0",
-    "@skyux/theme": "6.12.0"
+    "@skyux-sdk/testing": "6.15.0",
+    "@skyux/animations": "6.15.0",
+    "@skyux/core": "6.15.0",
+    "@skyux/forms": "6.15.0",
+    "@skyux/i18n": "6.15.0",
+    "@skyux/indicators": "6.15.0",
+    "@skyux/popovers": "6.15.0",
+    "@skyux/theme": "6.15.0"
   },
   "dependencies": {
     "tslib": "^2.3.1"