@skyux/tabs 6.24.0 → 6.25.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/documentation.json +4 -4
- package/package.json +9 -9
package/documentation.json
CHANGED
|
@@ -6157,7 +6157,7 @@
|
|
|
6157
6157
|
{
|
|
6158
6158
|
"fileName": "information-form-demo.component.html",
|
|
6159
6159
|
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/information-form-demo.component.html",
|
|
6160
|
-
"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 #idInput\n />\n
|
|
6160
|
+
"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"
|
|
6161
6161
|
},
|
|
6162
6162
|
{
|
|
6163
6163
|
"fileName": "information-form-demo.component.ts",
|
|
@@ -6187,7 +6187,7 @@
|
|
|
6187
6187
|
{
|
|
6188
6188
|
"fileName": "sectioned-form-demo.module.ts",
|
|
6189
6189
|
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/sectioned-form-demo.module.ts",
|
|
6190
|
-
"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 { 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 ],\n})\nexport class SectionedFormDemoModule {}\n"
|
|
6190
|
+
"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"
|
|
6191
6191
|
},
|
|
6192
6192
|
{
|
|
6193
6193
|
"fileName": "sectioned-form-modal-demo.component.html",
|
|
@@ -6307,7 +6307,7 @@
|
|
|
6307
6307
|
{
|
|
6308
6308
|
"fileName": "wizard-demo-modal.component.html",
|
|
6309
6309
|
"filePath": "/projects/tabs/documentation/code-examples/wizard/basic/wizard-demo-modal.component.html",
|
|
6310
|
-
"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 skyId\n #firstNameInput=\"skyId\"\n />\n <
|
|
6310
|
+
"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) && !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"
|
|
6311
6311
|
},
|
|
6312
6312
|
{
|
|
6313
6313
|
"fileName": "wizard-demo-modal.component.ts",
|
|
@@ -6327,7 +6327,7 @@
|
|
|
6327
6327
|
{
|
|
6328
6328
|
"fileName": "wizard-demo.module.ts",
|
|
6329
6329
|
"filePath": "/projects/tabs/documentation/code-examples/wizard/basic/wizard-demo.module.ts",
|
|
6330
|
-
"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"
|
|
6330
|
+
"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 { SkyStatusIndicatorModule } from '@skyux/indicators';\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 SkyStatusIndicatorModule,\n SkyTabsModule,\n SkyThemeModule,\n ],\n exports: [WizardDemoComponent],\n})\nexport class WizardDemoModule {}\n"
|
|
6331
6331
|
}
|
|
6332
6332
|
]
|
|
6333
6333
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skyux/tabs",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.25.1",
|
|
4
4
|
"author": "Blackbaud, Inc.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"blackbaud",
|
|
@@ -45,14 +45,14 @@
|
|
|
45
45
|
"@angular/core": "^13.3.2",
|
|
46
46
|
"@angular/platform-browser": "^13.3.2",
|
|
47
47
|
"@angular/router": "^13.3.2",
|
|
48
|
-
"@skyux-sdk/testing": "6.
|
|
49
|
-
"@skyux/animations": "6.
|
|
50
|
-
"@skyux/core": "6.
|
|
51
|
-
"@skyux/forms": "6.
|
|
52
|
-
"@skyux/i18n": "6.
|
|
53
|
-
"@skyux/indicators": "6.
|
|
54
|
-
"@skyux/popovers": "6.
|
|
55
|
-
"@skyux/theme": "6.
|
|
48
|
+
"@skyux-sdk/testing": "6.25.1",
|
|
49
|
+
"@skyux/animations": "6.25.1",
|
|
50
|
+
"@skyux/core": "6.25.1",
|
|
51
|
+
"@skyux/forms": "6.25.1",
|
|
52
|
+
"@skyux/i18n": "6.25.1",
|
|
53
|
+
"@skyux/indicators": "6.25.1",
|
|
54
|
+
"@skyux/popovers": "6.25.1",
|
|
55
|
+
"@skyux/theme": "6.25.1"
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
58
58
|
"tslib": "^2.3.1"
|