@skyux/tabs 8.6.0 → 9.0.0-alpha.0

package/documentation.json

@@ -16,6 +16,7 @@
     "SkySectionedFormMessage": "interface-skysectionedformmessage",
     "SkyTabsetTabIndexesChange": "interface-skytabsettabindexeschange",
     "SkyTabIndex": "type-alias-skytabindex",
+    "SkyTabLayoutType": "type-alias-skytablayouttype",
     "SkyTabsetButtonsDisplayMode": "type-alias-skytabsetbuttonsdisplaymode",
     "SkyTabsetStyle": "type-alias-skytabsetstyle"
   },
@@ -27,14 +28,14 @@
     "originalName": "",
     "children": [
       {
-        "id": 448,
+        "id": 449,
         "name": "SkySectionedFormMessageType",
         "kind": 8,
         "kindString": "Enumeration",
         "flags": {},
         "children": [
           {
-            "id": 449,
+            "id": 450,
             "name": "ShowTabs",
             "kind": 16,
             "kindString": "Enumeration member",
@@ -54,7 +55,7 @@
             "title": "Enumeration members",
             "kind": 16,
             "children": [
-              449
+              450
             ]
           }
         ],
@@ -67,7 +68,7 @@
         ]
       },
       {
-        "id": 408,
+        "id": 409,
         "name": "SkySectionedFormComponent",
         "kind": 128,
         "kindString": "Class",
@@ -91,7 +92,7 @@
         ],
         "children": [
           {
-            "id": 409,
+            "id": 410,
             "name": "constructor",
             "kind": 512,
             "kindString": "Constructor",
@@ -105,14 +106,14 @@
             ],
             "signatures": [
               {
-                "id": 410,
+                "id": 411,
                 "name": "new SkySectionedFormComponent",
                 "kind": 16384,
                 "kindString": "Constructor signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 411,
+                    "id": 412,
                     "name": "tabService",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -123,7 +124,7 @@
                     }
                   },
                   {
-                    "id": 412,
+                    "id": 413,
                     "name": "changeRef",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -136,7 +137,7 @@
                     }
                   },
                   {
-                    "id": 413,
+                    "id": 414,
                     "name": "tabIdSvc",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -147,7 +148,7 @@
                     }
                   },
                   {
-                    "id": 414,
+                    "id": 415,
                     "name": "logger",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -160,14 +161,14 @@
                 ],
                 "type": {
                   "type": "reference",
-                  "id": 408,
+                  "id": 409,
                   "name": "SkySectionedFormComponent"
                 }
               }
             ]
           },
           {
-            "id": 422,
+            "id": 423,
             "name": "ariaOwns",
             "kind": 1024,
             "kindString": "Property",
@@ -187,7 +188,7 @@
             }
           },
           {
-            "id": 423,
+            "id": 424,
             "name": "ariaRole",
             "kind": 1024,
             "kindString": "Property",
@@ -208,7 +209,7 @@
             "defaultValue": "'tablist'"
           },
           {
-            "id": 424,
+            "id": 425,
             "name": "content",
             "kind": 1024,
             "kindString": "Property",
@@ -250,7 +251,7 @@
             }
           },
           {
-            "id": 420,
+            "id": 421,
             "name": "indexChanged",
             "kind": 1024,
             "kindString": "Property",
@@ -294,7 +295,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 415,
+            "id": 416,
             "name": "maintainSectionContent",
             "kind": 1024,
             "kindString": "Property",
@@ -336,7 +337,7 @@
             "defaultValue": "false"
           },
           {
-            "id": 421,
+            "id": 422,
             "name": "tabsVisibleChanged",
             "kind": 1024,
             "kindString": "Property",
@@ -380,7 +381,7 @@
             "defaultValue": "..."
           },
           {
-            "id": 416,
+            "id": 417,
             "name": "messageStream",
             "kind": 262144,
             "kindString": "Accessor",
@@ -408,7 +409,7 @@
             ],
             "getSignature": [
               {
-                "id": 417,
+                "id": 418,
                 "name": "messageStream",
                 "kind": 524288,
                 "kindString": "Get signature",
@@ -418,7 +419,7 @@
                   "typeArguments": [
                     {
                       "type": "reference",
-                      "id": 446,
+                      "id": 447,
                       "name": "SkySectionedFormMessage"
                     }
                   ],
@@ -430,14 +431,14 @@
             ],
             "setSignature": [
               {
-                "id": 418,
+                "id": 419,
                 "name": "messageStream",
                 "kind": 1048576,
                 "kindString": "Set signature",
                 "flags": {},
                 "parameters": [
                   {
-                    "id": 419,
+                    "id": 420,
                     "name": "value",
                     "kind": 32768,
                     "kindString": "Parameter",
@@ -447,7 +448,7 @@
                       "typeArguments": [
                         {
                           "type": "reference",
-                          "id": 446,
+                          "id": 447,
                           "name": "SkySectionedFormMessage"
                         }
                       ],
@@ -465,7 +466,7 @@
             ]
           },
           {
-            "id": 434,
+            "id": 435,
             "name": "ngAfterViewChecked",
             "kind": 2048,
             "kindString": "Method",
@@ -481,7 +482,7 @@
             ],
             "signatures": [
               {
-                "id": 435,
+                "id": 436,
                 "name": "ngAfterViewChecked",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -502,7 +503,7 @@
             }
           },
           {
-            "id": 436,
+            "id": 437,
             "name": "ngOnDestroy",
             "kind": 2048,
             "kindString": "Method",
@@ -518,7 +519,7 @@
             ],
             "signatures": [
               {
-                "id": 437,
+                "id": 438,
                 "name": "ngOnDestroy",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -539,7 +540,7 @@
             }
           },
           {
-            "id": 432,
+            "id": 433,
             "name": "ngOnInit",
             "kind": 2048,
             "kindString": "Method",
@@ -555,7 +556,7 @@
             ],
             "signatures": [
               {
-                "id": 433,
+                "id": 434,
                 "name": "ngOnInit",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -576,7 +577,7 @@
             }
           },
           {
-            "id": 440,
+            "id": 441,
             "name": "showTabs",
             "kind": 2048,
             "kindString": "Method",
@@ -592,7 +593,7 @@
             ],
             "signatures": [
               {
-                "id": 441,
+                "id": 442,
                 "name": "showTabs",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -613,7 +614,7 @@
             ]
           },
           {
-            "id": 438,
+            "id": 439,
             "name": "tabsVisible",
             "kind": 2048,
             "kindString": "Method",
@@ -629,7 +630,7 @@
             ],
             "signatures": [
               {
-                "id": 439,
+                "id": 440,
                 "name": "tabsVisible",
                 "kind": 4096,
                 "kindString": "Call signature",
@@ -655,38 +656,38 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              409
+              410
             ]
           },
           {
             "title": "Properties",
             "kind": 1024,
             "children": [
-              422,
               423,
               424,
-              420,
-              415,
-              431,
-              421
+              425,
+              421,
+              416,
+              432,
+              422
             ]
           },
           {
             "title": "Accessors",
             "kind": 262144,
             "children": [
-              416
+              417
             ]
           },
           {
             "title": "Methods",
             "kind": 2048,
             "children": [
-              434,
-              436,
-              432,
-              440,
-              438
+              435,
+              437,
+              433,
+              441,
+              439
             ]
           }
         ],
@@ -930,7 +931,7 @@
         ]
       },
       {
-        "id": 405,
+        "id": 406,
         "name": "SkyVerticalTabsetModule",
         "kind": 128,
         "kindString": "Class",
@@ -955,7 +956,7 @@
             "title": "Constructors",
             "kind": 512,
             "children": [
-              406
+              407
             ]
           }
         ],
@@ -1463,6 +1464,7 @@
                 },
                 "type": {
                   "type": "reference",
+                  "id": 405,
                   "name": "SkyTabLayoutType"
                 }
               }
@@ -1492,6 +1494,7 @@
                     "flags": {},
                     "type": {
                       "type": "reference",
+                      "id": 405,
                       "name": "SkyTabLayoutType"
                     }
                   }
@@ -6746,14 +6749,14 @@
         ]
       },
       {
-        "id": 446,
+        "id": 447,
         "name": "SkySectionedFormMessage",
         "kind": 256,
         "kindString": "Interface",
         "flags": {},
         "children": [
           {
-            "id": 447,
+            "id": 448,
             "name": "type",
             "kind": 1024,
             "kindString": "Property",
@@ -6767,7 +6770,7 @@
             ],
             "type": {
               "type": "reference",
-              "id": 449,
+              "id": 450,
               "name": "ShowTabs"
             }
           }
@@ -6777,7 +6780,7 @@
             "title": "Properties",
             "kind": 1024,
             "children": [
-              447
+              448
             ]
           }
         ],
@@ -6923,6 +6926,41 @@
           ]
         }
       },
+      {
+        "id": 405,
+        "name": "SkyTabLayoutType",
+        "kind": 4194304,
+        "kindString": "Type alias",
+        "flags": {},
+        "sources": [
+          {
+            "fileName": "projects/tabs/src/modules/tabs/tab-layout-type.ts",
+            "line": 1,
+            "character": 12
+          }
+        ],
+        "type": {
+          "type": "union",
+          "types": [
+            {
+              "type": "literal",
+              "value": "none"
+            },
+            {
+              "type": "literal",
+              "value": "blocks"
+            },
+            {
+              "type": "literal",
+              "value": "fit"
+            },
+            {
+              "type": "literal",
+              "value": "list"
+            }
+          ]
+        }
+      },
       {
         "id": 395,
         "name": "SkyTabsetButtonsDisplayMode",
@@ -7003,7 +7041,7 @@
     {
       "fileName": "information-form-demo.component.html",
       "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/information-form-demo.component.html",
-      "rawContents": "<form novalidate [formGroup]=\"myForm\">\n  <div style=\"display: flex\">\n    <div class=\"sky-margin-inline-lg\" style=\"flex: 1\">\n      <sky-input-box>\n        <label\n          class=\"sky-control-label sky-control-label-required\"\n          [for]=\"nameInput.id\"\n        >\n          Name\n        </label>\n        <input\n          class=\"sky-form-control\"\n          formControlName=\"name\"\n          skyId\n          type=\"text\"\n          #nameInput\n        />\n      </sky-input-box>\n    </div>\n    <div style=\"flex: 1\">\n      <sky-input-box>\n        <label class=\"sky-control-label\" [for]=\"idInput.id\"> ID </label>\n        <input\n          class=\"sky-form-control\"\n          formControlName=\"id\"\n          type=\"text\"\n          [attr.aria-describedby]=\"inputError.id\"\n          #idInput\n        />\n        <span class=\"sky-error-indicator\" skyId #inputError=\"skyId\">\n          <sky-status-indicator\n            *ngIf=\"myForm.get('id')?.invalid\"\n            indicatorType=\"danger\"\n            descriptionType=\"error\"\n          >\n            Enter a valid value.\n          </sky-status-indicator>\n        </span>\n      </sky-input-box>\n    </div>\n  </div>\n</form>\n"
+      "rawContents": "<form novalidate [formGroup]=\"myForm\">\n  <div style=\"display: flex\">\n    <div class=\"sky-margin-inline-lg\" style=\"flex: 1\">\n      <sky-input-box labelText=\"Name\">\n        <input formControlName=\"name\" type=\"text\" />\n      </sky-input-box>\n    </div>\n    <div style=\"flex: 1\">\n      <sky-input-box labelText=\"ID\">\n        <input formControlName=\"id\" type=\"text\" />\n        <span class=\"sky-error-indicator\">\n          <sky-status-indicator\n            *ngIf=\"myForm.get('id')?.invalid\"\n            indicatorType=\"danger\"\n            descriptionType=\"error\"\n          >\n            Enter a valid value.\n          </sky-status-indicator>\n        </span>\n      </sky-input-box>\n    </div>\n  </div>\n</form>\n"
     },
     {
       "fileName": "information-form-demo.component.ts",
@@ -7033,7 +7071,7 @@
     {
       "fileName": "sectioned-form-demo.module.ts",
       "filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/sectioned-form-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 { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyStatusIndicatorModule } from '@skyux/indicators';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkySectionedFormModule } from '@skyux/tabs';\n\nimport { AddressFormDemoComponent } from './address-form-demo.component';\nimport { InformationFormDemoComponent } from './information-form-demo.component';\nimport { PhoneFormDemoComponent } from './phone-form-demo.component';\nimport { SectionedFormDemoComponent } from './sectioned-form-demo.component';\nimport { SectionedFormModalDemoComponent } from './sectioned-form-modal-demo.component';\n\n@NgModule({\n  declarations: [\n    AddressFormDemoComponent,\n    InformationFormDemoComponent,\n    PhoneFormDemoComponent,\n    SectionedFormModalDemoComponent,\n    SectionedFormDemoComponent,\n  ],\n  exports: [SectionedFormDemoComponent],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIdModule,\n    SkyInputBoxModule,\n    SkyModalModule,\n    SkySectionedFormModule,\n    SkyStatusIndicatorModule,\n  ],\n})\nexport class SectionedFormDemoModule {}\n"
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyStatusIndicatorModule } from '@skyux/indicators';\nimport { SkyModalModule } from '@skyux/modals';\nimport { SkySectionedFormModule } from '@skyux/tabs';\n\nimport { AddressFormDemoComponent } from './address-form-demo.component';\nimport { InformationFormDemoComponent } from './information-form-demo.component';\nimport { PhoneFormDemoComponent } from './phone-form-demo.component';\nimport { SectionedFormDemoComponent } from './sectioned-form-demo.component';\nimport { SectionedFormModalDemoComponent } from './sectioned-form-modal-demo.component';\n\n@NgModule({\n  declarations: [\n    AddressFormDemoComponent,\n    InformationFormDemoComponent,\n    PhoneFormDemoComponent,\n    SectionedFormModalDemoComponent,\n    SectionedFormDemoComponent,\n  ],\n  exports: [SectionedFormDemoComponent],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyInputBoxModule,\n    SkyModalModule,\n    SkySectionedFormModule,\n    SkyStatusIndicatorModule,\n  ],\n})\nexport class SectionedFormDemoModule {}\n"
     },
     {
       "fileName": "sectioned-form-modal-demo.component.html",
@@ -7148,7 +7186,7 @@
     {
       "fileName": "wizard-demo-modal.component.html",
       "filePath": "/projects/tabs/documentation/code-examples/wizard/basic/wizard-demo-modal.component.html",
-      "rawContents": "<form [formGroup]=\"newMemberForm\" (ngSubmit)=\"onSave()\">\n  <sky-modal>\n    <sky-modal-header>\n      {{ title }}\n    </sky-modal-header>\n    <sky-modal-content>\n      <sky-tabset\n        ariaLabel=\"Sign-up steps\"\n        [(active)]=\"activeIndex\"\n        tabStyle=\"wizard\"\n        #wizardDemo\n      >\n        <sky-tab tabHeading=\"1. Biographical Details\">\n          <sky-fluid-grid [disableMargin]=\"true\" gutterSize=\"small\">\n            <sky-row>\n              <sky-column [screenSmall]=\"12\" [screenMedium]=\"4\">\n                <sky-input-box>\n                  <label\n                    class=\"sky-control-label sky-control-label-required\"\n                    [for]=\"firstNameInput.id\"\n                    >First Name</label\n                  >\n                  <input\n                    type=\"text\"\n                    class=\"sky-form-control\"\n                    formControlName=\"firstName\"\n                    [attr.aria-describedby]=\"firstNameError.id\"\n                    skyId\n                    #firstNameInput=\"skyId\"\n                  />\n                  <span\n                    class=\"sky-error-indicator\"\n                    skyId\n                    #firstNameError=\"skyId\"\n                  >\n                    <sky-status-indicator\n                      *ngIf=\"\n                        (firstName?.touched || firstName?.dirty) &&\n                        !firstName?.valid\n                      \"\n                      indicatorType=\"danger\"\n                      descriptionType=\"error\"\n                    >\n                      First name is required.\n                    </sky-status-indicator>\n                  </span>\n                </sky-input-box>\n              </sky-column>\n              <sky-column [screenSmall]=\"12\" [screenMedium]=\"4\">\n                <sky-input-box>\n                  <label class=\"sky-control-label\" [for]=\"middleNameInput.id\"\n                    >Middle Name</label\n                  >\n                  <input\n                    type=\"text\"\n                    class=\"sky-form-control\"\n                    formControlName=\"middleName\"\n                    skyId\n                    #middleNameInput=\"skyId\"\n                  />\n                </sky-input-box>\n              </sky-column>\n              <sky-column [screenSmall]=\"12\" [screenMedium]=\"4\">\n                <sky-input-box>\n                  <label\n                    class=\"sky-control-label sky-control-label-required\"\n                    [for]=\"lastNameInput.id\"\n                    >Last Name</label\n                  >\n                  <input\n                    type=\"text\"\n                    class=\"sky-form-control\"\n                    formControlName=\"lastName\"\n                    [attr.aria-describedby]=\"lastNameError.id\"\n                    skyId\n                    #lastNameInput=\"skyId\"\n                  />\n                  <span\n                    class=\"sky-error-indicator\"\n                    skyId\n                    #lastNameError=\"skyId\"\n                  >\n                    <sky-status-indicator\n                      *ngIf=\"\n                        (lastName?.touched || lastName?.dirty) &&\n                        !lastName?.valid\n                      \"\n                      indicatorType=\"danger\"\n                      descriptionType=\"error\"\n                    >\n                      Last name is required.\n                    </sky-status-indicator>\n                  </span>\n                </sky-input-box>\n              </sky-column>\n            </sky-row>\n          </sky-fluid-grid>\n        </sky-tab>\n        <sky-tab tabHeading=\"2. Contact Information\" [disabled]=\"step2Disabled\">\n          <sky-fluid-grid [disableMargin]=\"true\" gutterSize=\"small\">\n            <sky-row>\n              <sky-column [screenSmall]=\"12\" [screenMedium]=\"6\">\n                <sky-input-box>\n                  <label\n                    class=\"sky-control-label sky-control-label-required\"\n                    [for]=\"phoneNumberInput.id\"\n                    >Phone Number</label\n                  >\n                  <sky-phone-field defaultCountry=\"us\">\n                    <input\n                      formControlName=\"phoneNumber\"\n                      [attr.aria-describedby]=\"phoneNumberError.id\"\n                      skyId\n                      #phoneNumberInput=\"skyId\"\n                      skyPhoneFieldInput\n                    />\n                  </sky-phone-field>\n                  <span\n                    class=\"sky-error-indicator\"\n                    skyId\n                    #phoneNumberError=\"skyId\"\n                  >\n                    <sky-status-indicator\n                      *ngIf=\"\n                        (phoneNumber?.touched || phoneNumber?.dirty) &&\n                        !phoneNumber?.valid\n                      \"\n                      indicatorType=\"danger\"\n                      descriptionType=\"error\"\n                    >\n                      A valid phone number is required.\n                    </sky-status-indicator>\n                  </span>\n                </sky-input-box>\n              </sky-column>\n              <sky-column [screenSmall]=\"12\" [screenMedium]=\"6\">\n                <sky-input-box>\n                  <label\n                    class=\"sky-control-label sky-control-label-required\"\n                    [for]=\"emailInput.id\"\n                    >Email</label\n                  >\n                  <input\n                    type=\"email\"\n                    class=\"sky-form-control\"\n                    formControlName=\"email\"\n                    [attr.aria-describedby]=\"emailError.id\"\n                    skyId\n                    #emailInput=\"skyId\"\n                  />\n                  <span class=\"sky-error-indicator\" skyId #emailError=\"skyId\">\n                    <sky-status-indicator\n                      *ngIf=\"(email?.touched || email?.dirty) && !email?.valid\"\n                      indicatorType=\"danger\"\n                      descriptionType=\"error\"\n                    >\n                      A valid email address is required.\n                    </sky-status-indicator>\n                  </span>\n                </sky-input-box>\n              </sky-column>\n            </sky-row>\n          </sky-fluid-grid>\n        </sky-tab>\n        <sky-tab tabHeading=\"3. More Information\" [disabled]=\"step3Disabled\">\n          <sky-fluid-grid [disableMargin]=\"true\" gutterSize=\"small\">\n            <sky-row>\n              <sky-column [screenSmall]=\"12\">\n                <sky-checkbox formControlName=\"termsAccepted\" [required]=\"true\">\n                  <sky-checkbox-label>\n                    Accept terms and conditions\n                  </sky-checkbox-label>\n                </sky-checkbox>\n              </sky-column>\n              <sky-column [screenSmall]=\"12\">\n                <sky-checkbox formControlName=\"mailingList\">\n                  <sky-checkbox-label>\n                    Sign up for our email newsletter\n                  </sky-checkbox-label>\n                </sky-checkbox>\n              </sky-column>\n            </sky-row>\n          </sky-fluid-grid>\n        </sky-tab>\n      </sky-tabset>\n    </sky-modal-content>\n    <sky-modal-footer>\n      <sky-tabset-nav-button\n        buttonType=\"previous\"\n        [tabset]=\"wizardDemo\"\n      ></sky-tabset-nav-button>\n      <sky-tabset-nav-button\n        buttonType=\"next\"\n        [tabset]=\"wizardDemo\"\n      ></sky-tabset-nav-button>\n      <sky-tabset-nav-button\n        buttonType=\"finish\"\n        [tabset]=\"wizardDemo\"\n        [disabled]=\"saveDisabled\"\n      ></sky-tabset-nav-button>\n      <button\n        class=\"sky-btn sky-btn-link\"\n        type=\"button\"\n        (click)=\"onCancelClick()\"\n      >\n        Cancel\n      </button>\n    </sky-modal-footer>\n  </sky-modal>\n</form>\n"
+      "rawContents": "<form [formGroup]=\"newMemberForm\" (ngSubmit)=\"onSave()\">\n  <sky-modal>\n    <sky-modal-header>\n      {{ title }}\n    </sky-modal-header>\n    <sky-modal-content>\n      <sky-tabset\n        ariaLabel=\"Sign-up steps\"\n        [(active)]=\"activeIndex\"\n        tabStyle=\"wizard\"\n        #wizardDemo\n      >\n        <sky-tab tabHeading=\"1. Biographical Details\">\n          <sky-fluid-grid [disableMargin]=\"true\" gutterSize=\"small\">\n            <sky-row>\n              <sky-column [screenSmall]=\"12\" [screenMedium]=\"4\">\n                <sky-input-box labelText=\"First name\">\n                  <input type=\"text\" formControlName=\"firstName\" />\n                </sky-input-box>\n              </sky-column>\n              <sky-column [screenSmall]=\"12\" [screenMedium]=\"4\">\n                <sky-input-box labelText=\"Middle name\">\n                  <input type=\"text\" formControlName=\"middleName\" />\n                </sky-input-box>\n              </sky-column>\n              <sky-column [screenSmall]=\"12\" [screenMedium]=\"4\">\n                <sky-input-box labelText=\"Last name\">\n                  <input type=\"text\" formControlName=\"lastName\" />\n                </sky-input-box>\n              </sky-column>\n            </sky-row>\n          </sky-fluid-grid>\n        </sky-tab>\n        <sky-tab tabHeading=\"2. Contact Information\" [disabled]=\"step2Disabled\">\n          <sky-fluid-grid [disableMargin]=\"true\" gutterSize=\"small\">\n            <sky-row>\n              <sky-column [screenSmall]=\"12\" [screenMedium]=\"6\">\n                <sky-input-box labelText=\"Phone Number\">\n                  <sky-phone-field defaultCountry=\"us\">\n                    <input formControlName=\"phoneNumber\" skyPhoneFieldInput />\n                  </sky-phone-field>\n                </sky-input-box>\n              </sky-column>\n              <sky-column [screenSmall]=\"12\" [screenMedium]=\"6\">\n                <sky-input-box labelText=\"Email\">\n                  <input type=\"email\" formControlName=\"email\" />\n                </sky-input-box>\n              </sky-column>\n            </sky-row>\n          </sky-fluid-grid>\n        </sky-tab>\n        <sky-tab tabHeading=\"3. More Information\" [disabled]=\"step3Disabled\">\n          <sky-fluid-grid [disableMargin]=\"true\" gutterSize=\"small\">\n            <sky-row>\n              <sky-column [screenSmall]=\"12\">\n                <sky-checkbox formControlName=\"termsAccepted\" [required]=\"true\">\n                  <sky-checkbox-label>\n                    Accept terms and conditions\n                  </sky-checkbox-label>\n                </sky-checkbox>\n              </sky-column>\n              <sky-column [screenSmall]=\"12\">\n                <sky-checkbox formControlName=\"mailingList\">\n                  <sky-checkbox-label>\n                    Sign up for our email newsletter\n                  </sky-checkbox-label>\n                </sky-checkbox>\n              </sky-column>\n            </sky-row>\n          </sky-fluid-grid>\n        </sky-tab>\n      </sky-tabset>\n    </sky-modal-content>\n    <sky-modal-footer>\n      <sky-tabset-nav-button\n        buttonType=\"previous\"\n        [tabset]=\"wizardDemo\"\n      ></sky-tabset-nav-button>\n      <sky-tabset-nav-button\n        buttonType=\"next\"\n        [tabset]=\"wizardDemo\"\n      ></sky-tabset-nav-button>\n      <sky-tabset-nav-button\n        buttonType=\"finish\"\n        [tabset]=\"wizardDemo\"\n        [disabled]=\"saveDisabled\"\n      ></sky-tabset-nav-button>\n      <button\n        class=\"sky-btn sky-btn-link\"\n        type=\"button\"\n        (click)=\"onCancelClick()\"\n      >\n        Cancel\n      </button>\n    </sky-modal-footer>\n  </sky-modal>\n</form>\n"
     },
     {
       "fileName": "wizard-demo-modal.component.ts",

package/esm2022/index.mjs

@@ -0,0 +1,26 @@
+export * from './lib/modules/sectioned-form/sectioned-form.module';
+export * from './lib/modules/sectioned-form/sectioned-form.service';
+export * from './lib/modules/tabs/tab-index';
+export * from './lib/modules/tabs/tabset-buttons-display-mode';
+export * from './lib/modules/tabs/tabset-style';
+export * from './lib/modules/tabs/tabset-tab-indexes-change';
+export * from './lib/modules/tabs/tabs.module';
+export * from './lib/modules/tabs/tab-layout-type';
+export * from './lib/modules/vertical-tabset/vertical-tabset.module';
+// The following export is needed because our docs use it as a prescribed pattern.
+// Ideally, this functionality would live in a standard `Input` or `Output`.
+// https://developer.blackbaud.com/skyux/components/sectioned-form#code
+// TODO: Try to remove in a major release.
+export * from './lib/modules/sectioned-form/sectioned-form.component';
+export * from './lib/modules/sectioned-form/types/sectioned-form-message';
+export * from './lib/modules/sectioned-form/types/sectioned-form-message-type';
+// Components and directives must be exported to support Angular's "partial" Ivy compiler.
+// Obscure names are used to indicate types are not part of public API.
+export { SkyTabComponent as λ1 } from './lib/modules/tabs/tab.component';
+export { SkyTabsetComponent as λ2 } from './lib/modules/tabs/tabset.component';
+export { SkyTabsetNavButtonComponent as λ3 } from './lib/modules/tabs/tabset-nav-button.component';
+export { SkyVerticalTabComponent as λ4 } from './lib/modules/vertical-tabset/vertical-tab.component';
+export { SkySectionedFormSectionComponent as λ5 } from './lib/modules/sectioned-form/sectioned-form-section.component';
+export { SkyVerticalTabsetComponent as λ6 } from './lib/modules/vertical-tabset/vertical-tabset.component';
+export { SkyVerticalTabsetGroupComponent as λ7 } from './lib/modules/vertical-tabset/vertical-tabset-group.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdGFicy9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxvREFBb0QsQ0FBQztBQUNuRSxjQUFjLHFEQUFxRCxDQUFDO0FBRXBFLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyxnREFBZ0QsQ0FBQztBQUMvRCxjQUFjLGlDQUFpQyxDQUFDO0FBQ2hELGNBQWMsOENBQThDLENBQUM7QUFDN0QsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLG9DQUFvQyxDQUFDO0FBRW5ELGNBQWMsc0RBQXNELENBQUM7QUFFckUsa0ZBQWtGO0FBQ2xGLDRFQUE0RTtBQUM1RSx1RUFBdUU7QUFDdkUsMENBQTBDO0FBQzFDLGNBQWMsdURBQXVELENBQUM7QUFFdEUsY0FBYywyREFBMkQsQ0FBQztBQUMxRSxjQUFjLGdFQUFnRSxDQUFDO0FBRS9FLDBGQUEwRjtBQUMxRix1RUFBdUU7QUFDdkUsT0FBTyxFQUFFLGVBQWUsSUFBSSxFQUFFLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsa0JBQWtCLElBQUksRUFBRSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDL0UsT0FBTyxFQUFFLDJCQUEyQixJQUFJLEVBQUUsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ25HLE9BQU8sRUFBRSx1QkFBdUIsSUFBSSxFQUFFLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUNyRyxPQUFPLEVBQUUsZ0NBQWdDLElBQUksRUFBRSxFQUFFLE1BQU0sK0RBQStELENBQUM7QUFDdkgsT0FBTyxFQUFFLDBCQUEwQixJQUFJLEVBQUUsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQzNHLE9BQU8sRUFBRSwrQkFBK0IsSUFBSSxFQUFFLEVBQUUsTUFBTSwrREFBK0QsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvc2VjdGlvbmVkLWZvcm0vc2VjdGlvbmVkLWZvcm0ubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvc2VjdGlvbmVkLWZvcm0vc2VjdGlvbmVkLWZvcm0uc2VydmljZSc7XG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvdGFicy90YWItaW5kZXgnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy90YWJzL3RhYnNldC1idXR0b25zLWRpc3BsYXktbW9kZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL3RhYnMvdGFic2V0LXN0eWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvdGFicy90YWJzZXQtdGFiLWluZGV4ZXMtY2hhbmdlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvdGFicy90YWJzLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9tb2R1bGVzL3RhYnMvdGFiLWxheW91dC10eXBlJztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy92ZXJ0aWNhbC10YWJzZXQvdmVydGljYWwtdGFic2V0Lm1vZHVsZSc7XG5cbi8vIFRoZSBmb2xsb3dpbmcgZXhwb3J0IGlzIG5lZWRlZCBiZWNhdXNlIG91ciBkb2NzIHVzZSBpdCBhcyBhIHByZXNjcmliZWQgcGF0dGVybi5cbi8vIElkZWFsbHksIHRoaXMgZnVuY3Rpb25hbGl0eSB3b3VsZCBsaXZlIGluIGEgc3RhbmRhcmQgYElucHV0YCBvciBgT3V0cHV0YC5cbi8vIGh0dHBzOi8vZGV2ZWxvcGVyLmJsYWNrYmF1ZC5jb20vc2t5dXgvY29tcG9uZW50cy9zZWN0aW9uZWQtZm9ybSNjb2RlXG4vLyBUT0RPOiBUcnkgdG8gcmVtb3ZlIGluIGEgbWFqb3IgcmVsZWFzZS5cbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvc2VjdGlvbmVkLWZvcm0vc2VjdGlvbmVkLWZvcm0uY29tcG9uZW50JztcblxuZXhwb3J0ICogZnJvbSAnLi9saWIvbW9kdWxlcy9zZWN0aW9uZWQtZm9ybS90eXBlcy9zZWN0aW9uZWQtZm9ybS1tZXNzYWdlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL21vZHVsZXMvc2VjdGlvbmVkLWZvcm0vdHlwZXMvc2VjdGlvbmVkLWZvcm0tbWVzc2FnZS10eXBlJztcblxuLy8gQ29tcG9uZW50cyBhbmQgZGlyZWN0aXZlcyBtdXN0IGJlIGV4cG9ydGVkIHRvIHN1cHBvcnQgQW5ndWxhcidzIFwicGFydGlhbFwiIEl2eSBjb21waWxlci5cbi8vIE9ic2N1cmUgbmFtZXMgYXJlIHVzZWQgdG8gaW5kaWNhdGUgdHlwZXMgYXJlIG5vdCBwYXJ0IG9mIHB1YmxpYyBBUEkuXG5leHBvcnQgeyBTa3lUYWJDb21wb25lbnQgYXMgzrsxIH0gZnJvbSAnLi9saWIvbW9kdWxlcy90YWJzL3RhYi5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5VGFic2V0Q29tcG9uZW50IGFzIM67MiB9IGZyb20gJy4vbGliL21vZHVsZXMvdGFicy90YWJzZXQuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVRhYnNldE5hdkJ1dHRvbkNvbXBvbmVudCBhcyDOuzMgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3RhYnMvdGFic2V0LW5hdi1idXR0b24uY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVZlcnRpY2FsVGFiQ29tcG9uZW50IGFzIM67NCB9IGZyb20gJy4vbGliL21vZHVsZXMvdmVydGljYWwtdGFic2V0L3ZlcnRpY2FsLXRhYi5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2t5U2VjdGlvbmVkRm9ybVNlY3Rpb25Db21wb25lbnQgYXMgzrs1IH0gZnJvbSAnLi9saWIvbW9kdWxlcy9zZWN0aW9uZWQtZm9ybS9zZWN0aW9uZWQtZm9ybS1zZWN0aW9uLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTa3lWZXJ0aWNhbFRhYnNldENvbXBvbmVudCBhcyDOuzYgfSBmcm9tICcuL2xpYi9tb2R1bGVzL3ZlcnRpY2FsLXRhYnNldC92ZXJ0aWNhbC10YWJzZXQuY29tcG9uZW50JztcbmV4cG9ydCB7IFNreVZlcnRpY2FsVGFic2V0R3JvdXBDb21wb25lbnQgYXMgzrs3IH0gZnJvbSAnLi9saWIvbW9kdWxlcy92ZXJ0aWNhbC10YWJzZXQvdmVydGljYWwtdGFic2V0LWdyb3VwLmNvbXBvbmVudCc7XG4iXX0=

package/esm2022/lib/modules/sectioned-form/sectioned-form-section.component.mjs

@@ -0,0 +1,65 @@
+import { Component, Input, ViewChild, } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { SkyVerticalTabComponent } from './../vertical-tabset/vertical-tab.component';
+import { SkySectionedFormService } from './sectioned-form.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./sectioned-form.service";
+import * as i2 from "../vertical-tabset/vertical-tabset.service";
+import * as i3 from "@angular/common";
+import * as i4 from "../vertical-tabset/vertical-tab.component";
+let nextId = 0;
+/**
+ * Creates an individual form to display as a section within the sectioned form.
+ */
+export class SkySectionedFormSectionComponent {
+    #ngUnsubscribe;
+    #sectionedFormService;
+    #tabsetService;
+    #changeRef;
+    constructor(sectionedFormService, tabsetService, changeRef) {
+        this.sectionTabId = `sky-sectioned-form-tab-${++nextId}`;
+        this.sectionContentId = `sky-sectioned-form-section-${++nextId}`;
+        /**
+         * Whether the section is active when the form loads.
+         * @default false
+         */
+        this.active = false;
+        this.#ngUnsubscribe = new Subject();
+        this.#sectionedFormService = sectionedFormService;
+        this.#tabsetService = tabsetService;
+        this.#changeRef = changeRef;
+    }
+    ngOnInit() {
+        this.#changeRef.detectChanges();
+        this.#tabsetService.switchingMobile.subscribe((mobile) => {
+            this.#changeRef.detectChanges();
+        });
+        this.#sectionedFormService.requiredChange
+            .pipe(takeUntil(this.#ngUnsubscribe))
+            .subscribe((required) => (this.fieldRequired = required));
+        this.#sectionedFormService.invalidChange
+            .pipe(takeUntil(this.#ngUnsubscribe))
+            .subscribe((invalid) => (this.fieldInvalid = invalid));
+    }
+    ngOnDestroy() {
+        this.#ngUnsubscribe.next();
+        this.#ngUnsubscribe.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkySectionedFormSectionComponent, deps: [{ token: i1.SkySectionedFormService }, { token: i2.SkyVerticalTabsetService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: SkySectionedFormSectionComponent, selector: "sky-sectioned-form-section", inputs: { heading: "heading", itemCount: "itemCount", active: "active" }, providers: [SkySectionedFormService], viewQueries: [{ propertyName: "tab", first: true, predicate: SkyVerticalTabComponent, descendants: true }], ngImport: i0, template: "<sky-vertical-tab\n  [active]=\"active\"\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>\n  <ng-content></ng-content>\n</sky-vertical-tab>\n", styles: [":host .sky-tab-field-required ::ng-deep .sky-vertical-tab-heading:after{content:\"*\";color:var(--sky-highlight-color-danger);padding-left:5px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.SkyVerticalTabComponent, selector: "sky-vertical-tab", inputs: ["active", "ariaControls", "ariaRole", "disabled", "errorIndicator", "tabHeaderCount", "tabHeading", "showTabRightArrow", "tabId"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkySectionedFormSectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-sectioned-form-section', providers: [SkySectionedFormService], template: "<sky-vertical-tab\n  [active]=\"active\"\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>\n  <ng-content></ng-content>\n</sky-vertical-tab>\n", styles: [":host .sky-tab-field-required ::ng-deep .sky-vertical-tab-heading:after{content:\"*\";color:var(--sky-highlight-color-danger);padding-left:5px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.SkySectionedFormService }, { type: i2.SkyVerticalTabsetService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { heading: [{
+                type: Input
+            }], itemCount: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], tab: [{
+                type: ViewChild,
+                args: [SkyVerticalTabComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbmVkLWZvcm0tc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdGFicy9zcmMvbGliL21vZHVsZXMvc2VjdGlvbmVkLWZvcm0vc2VjdGlvbmVkLWZvcm0tc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvdGFicy9zcmMvbGliL21vZHVsZXMvc2VjdGlvbmVkLWZvcm0vc2VjdGlvbmVkLWZvcm0tc2VjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULEtBQUssRUFHTCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUMvQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFJM0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDdEYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMEJBQTBCLENBQUM7Ozs7OztBQUVuRSxJQUFJLE1BQU0sR0FBRyxDQUFDLENBQUM7QUFFZjs7R0FFRztBQU9ILE1BQU0sT0FBTyxnQ0FBZ0M7SUE4QjNDLGNBQWMsQ0FBdUI7SUFFckMscUJBQXFCLENBQTBCO0lBQy9DLGNBQWMsQ0FBMkI7SUFDekMsVUFBVSxDQUFvQjtJQUU5QixZQUNFLG9CQUE2QyxFQUM3QyxhQUF1QyxFQUN2QyxTQUE0QjtRQXRDdkIsaUJBQVksR0FBRywwQkFBMEIsRUFBRSxNQUFNLEVBQUUsQ0FBQztRQUNwRCxxQkFBZ0IsR0FBRyw4QkFBOEIsRUFBRSxNQUFNLEVBQUUsQ0FBQztRQWVuRTs7O1dBR0c7UUFFSSxXQUFNLEdBQXdCLEtBQUssQ0FBQztRQVEzQyxtQkFBYyxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFXbkMsSUFBSSxDQUFDLHFCQUFxQixHQUFHLG9CQUFvQixDQUFDO1FBQ2xELElBQUksQ0FBQyxjQUFjLEdBQUcsYUFBYSxDQUFDO1FBQ3BDLElBQUksQ0FBQyxVQUFVLEdBQUcsU0FBUyxDQUFDO0lBQzlCLENBQUM7SUFFTSxRQUFRO1FBQ2IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUVoQyxJQUFJLENBQUMsY0FBYyxDQUFDLGVBQWUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFlLEVBQUUsRUFBRTtZQUNoRSxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ2xDLENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLHFCQUFxQixDQUFDLGNBQWM7YUFDdEMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7YUFDcEMsU0FBUyxDQUNSLENBQUMsUUFBNkIsRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsYUFBYSxHQUFHLFFBQVEsQ0FBQyxDQUNuRSxDQUFDO1FBRUosSUFBSSxDQUFDLHFCQUFxQixDQUFDLGFBQWE7YUFDckMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7YUFDcEMsU0FBUyxDQUNSLENBQUMsT0FBNEIsRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxHQUFHLE9BQU8sQ0FBQyxDQUNoRSxDQUFDO0lBQ04sQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMzQixJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2pDLENBQUM7OEdBckVVLGdDQUFnQztrR0FBaEMsZ0NBQWdDLCtIQUhoQyxDQUFDLHVCQUF1QixDQUFDLCtEQThCekIsdUJBQXVCLGdEQ3ZEcEMscVVBYUE7OzJGRGVhLGdDQUFnQztrQkFONUMsU0FBUzsrQkFDRSw0QkFBNEIsYUFFM0IsQ0FBQyx1QkFBdUIsQ0FBQztxTEFZN0IsT0FBTztzQkFEYixLQUFLO2dCQU9DLFNBQVM7c0JBRGYsS0FBSztnQkFRQyxNQUFNO3NCQURaLEtBQUs7Z0JBT0MsR0FBRztzQkFEVCxTQUFTO3VCQUFDLHVCQUF1QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdG9yUmVmLFxuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBPbkRlc3Ryb3ksXG4gIE9uSW5pdCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBTa3lWZXJ0aWNhbFRhYnNldFNlcnZpY2UgfSBmcm9tICcuLi92ZXJ0aWNhbC10YWJzZXQvdmVydGljYWwtdGFic2V0LnNlcnZpY2UnO1xuXG5pbXBvcnQgeyBTa3lWZXJ0aWNhbFRhYkNvbXBvbmVudCB9IGZyb20gJy4vLi4vdmVydGljYWwtdGFic2V0L3ZlcnRpY2FsLXRhYi5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2t5U2VjdGlvbmVkRm9ybVNlcnZpY2UgfSBmcm9tICcuL3NlY3Rpb25lZC1mb3JtLnNlcnZpY2UnO1xuXG5sZXQgbmV4dElkID0gMDtcblxuLyoqXG4gKiBDcmVhdGVzIGFuIGluZGl2aWR1YWwgZm9ybSB0byBkaXNwbGF5IGFzIGEgc2VjdGlvbiB3aXRoaW4gdGhlIHNlY3Rpb25lZCBmb3JtLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktc2VjdGlvbmVkLWZvcm0tc2VjdGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWN0aW9uZWQtZm9ybS1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgcHJvdmlkZXJzOiBbU2t5U2VjdGlvbmVkRm9ybVNlcnZpY2VdLFxuICBzdHlsZVVybHM6IFsnLi9zZWN0aW9uZWQtZm9ybS1zZWN0aW9uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNreVNlY3Rpb25lZEZvcm1TZWN0aW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICBwdWJsaWMgc2VjdGlvblRhYklkID0gYHNreS1zZWN0aW9uZWQtZm9ybS10YWItJHsrK25leHRJZH1gO1xuICBwdWJsaWMgc2VjdGlvbkNvbnRlbnRJZCA9IGBza3ktc2VjdGlvbmVkLWZvcm0tc2VjdGlvbi0keysrbmV4dElkfWA7XG5cbiAgLyoqXG4gICAqIFRoZSBzZWN0aW9uIGhlYWRlci5cbiAgICogQHJlcXVpcmVkXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgaGVhZGluZzogc3RyaW5nIHwgdW5kZWZpbmVkO1xuXG4gIC8qKlxuICAgKiBUaGUgbnVtYmVyIG9mIGl0ZW1zIHdpdGhpbiB0aGUgc2VjdGlvbi4gQSBjb3VudGVyIGFwcGVhcnMgYmVzaWRlIHRoZSBzZWN0aW9uIGhlYWRlci5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBpdGVtQ291bnQ6IG51bWJlciB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgc2VjdGlvbiBpcyBhY3RpdmUgd2hlbiB0aGUgZm9ybSBsb2Fkcy5cbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhY3RpdmU6IGJvb2xlYW4gfCB1bmRlZmluZWQgPSBmYWxzZTtcblxuICBwdWJsaWMgZmllbGRSZXF1aXJlZDogYm9vbGVhbiB8IHVuZGVmaW5lZDtcbiAgcHVibGljIGZpZWxkSW52YWxpZDogYm9vbGVhbiB8IHVuZGVmaW5lZDtcblxuICBAVmlld0NoaWxkKFNreVZlcnRpY2FsVGFiQ29tcG9uZW50KVxuICBwdWJsaWMgdGFiOiBTa3lWZXJ0aWNhbFRhYkNvbXBvbmVudCB8IHVuZGVmaW5lZDtcblxuICAjbmdVbnN1YnNjcmliZSA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgI3NlY3Rpb25lZEZvcm1TZXJ2aWNlOiBTa3lTZWN0aW9uZWRGb3JtU2VydmljZTtcbiAgI3RhYnNldFNlcnZpY2U6IFNreVZlcnRpY2FsVGFic2V0U2VydmljZTtcbiAgI2NoYW5nZVJlZjogQ2hhbmdlRGV0ZWN0b3JSZWY7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgc2VjdGlvbmVkRm9ybVNlcnZpY2U6IFNreVNlY3Rpb25lZEZvcm1TZXJ2aWNlLFxuICAgIHRhYnNldFNlcnZpY2U6IFNreVZlcnRpY2FsVGFic2V0U2VydmljZSxcbiAgICBjaGFuZ2VSZWY6IENoYW5nZURldGVjdG9yUmVmXG4gICkge1xuICAgIHRoaXMuI3NlY3Rpb25lZEZvcm1TZXJ2aWNlID0gc2VjdGlvbmVkRm9ybVNlcnZpY2U7XG4gICAgdGhpcy4jdGFic2V0U2VydmljZSA9IHRhYnNldFNlcnZpY2U7XG4gICAgdGhpcy4jY2hhbmdlUmVmID0gY2hhbmdlUmVmO1xuICB9XG5cbiAgcHVibGljIG5nT25Jbml0KCkge1xuICAgIHRoaXMuI2NoYW5nZVJlZi5kZXRlY3RDaGFuZ2VzKCk7XG5cbiAgICB0aGlzLiN0YWJzZXRTZXJ2aWNlLnN3aXRjaGluZ01vYmlsZS5zdWJzY3JpYmUoKG1vYmlsZTogYm9vbGVhbikgPT4ge1xuICAgICAgdGhpcy4jY2hhbmdlUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICB9KTtcblxuICAgIHRoaXMuI3NlY3Rpb25lZEZvcm1TZXJ2aWNlLnJlcXVpcmVkQ2hhbmdlXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy4jbmdVbnN1YnNjcmliZSkpXG4gICAgICAuc3Vic2NyaWJlKFxuICAgICAgICAocmVxdWlyZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQpID0+ICh0aGlzLmZpZWxkUmVxdWlyZWQgPSByZXF1aXJlZClcbiAgICAgICk7XG5cbiAgICB0aGlzLiNzZWN0aW9uZWRGb3JtU2VydmljZS5pbnZhbGlkQ2hhbmdlXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy4jbmdVbnN1YnNjcmliZSkpXG4gICAgICAuc3Vic2NyaWJlKFxuICAgICAgICAoaW52YWxpZDogYm9vbGVhbiB8IHVuZGVmaW5lZCkgPT4gKHRoaXMuZmllbGRJbnZhbGlkID0gaW52YWxpZClcbiAgICAgICk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy4jbmdVbnN1YnNjcmliZS5uZXh0KCk7XG4gICAgdGhpcy4jbmdVbnN1YnNjcmliZS5jb21wbGV0ZSgpO1xuICB9XG59XG4iLCI8c2t5LXZlcnRpY2FsLXRhYlxuICBbYWN0aXZlXT1cImFjdGl2ZVwiXG4gIFtlcnJvckluZGljYXRvcl09XCJmaWVsZEludmFsaWRcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ3NreS10YWItZmllbGQtcmVxdWlyZWQnOiBmaWVsZFJlcXVpcmVkXG4gIH1cIlxuICBbc2hvd1RhYlJpZ2h0QXJyb3ddPVwidHJ1ZVwiXG4gIFt0YWJIZWFkZXJDb3VudF09XCJpdGVtQ291bnRcIlxuICBbdGFiSGVhZGluZ109XCJoZWFkaW5nXCJcbiAgW3RhYklkXT1cInNlY3Rpb25UYWJJZFwiXG4+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvc2t5LXZlcnRpY2FsLXRhYj5cbiJdfQ==