@skyux/tabs 5.0.0-beta.4 → 5.0.3
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/bundles/skyux-tabs-testing.umd.js +3 -3
- package/bundles/skyux-tabs-testing.umd.js.map +1 -1
- package/bundles/skyux-tabs.umd.js +95 -94
- package/bundles/skyux-tabs.umd.js.map +1 -1
- package/documentation.json +29 -77
- package/esm2015/modules/sectioned-form/sectioned-form-section.component.js +4 -4
- package/esm2015/modules/sectioned-form/sectioned-form.component.js +4 -4
- package/esm2015/modules/sectioned-form/sectioned-form.module.js +9 -5
- package/esm2015/modules/sectioned-form/sectioned-form.service.js +4 -4
- package/esm2015/modules/shared/sky-tabs-resources.module.js +5 -5
- package/esm2015/modules/tabs/tab-button.component.js +4 -4
- package/esm2015/modules/tabs/tab.component.js +4 -4
- package/esm2015/modules/tabs/tabs.module.js +5 -5
- package/esm2015/modules/tabs/tabset-adapter.service.js +4 -4
- package/esm2015/modules/tabs/tabset-nav-button.component.js +4 -4
- package/esm2015/modules/tabs/tabset-permalink.service.js +4 -4
- package/esm2015/modules/tabs/tabset.component.js +4 -4
- package/esm2015/modules/tabs/tabset.service.js +4 -4
- package/esm2015/modules/vertical-tabset/vertical-tab-media-query.service.js +4 -4
- package/esm2015/modules/vertical-tabset/vertical-tab.component.js +5 -5
- package/esm2015/modules/vertical-tabset/vertical-tabset-adapter.service.js +4 -4
- package/esm2015/modules/vertical-tabset/vertical-tabset-group.component.js +4 -4
- package/esm2015/modules/vertical-tabset/vertical-tabset.component.js +4 -4
- package/esm2015/modules/vertical-tabset/vertical-tabset.module.js +5 -5
- package/esm2015/modules/vertical-tabset/vertical-tabset.service.js +4 -4
- package/fesm2015/skyux-tabs.js +68 -65
- package/fesm2015/skyux-tabs.js.map +1 -1
- package/modules/sectioned-form/sectioned-form.module.d.ts +3 -2
- package/package.json +12 -12
package/documentation.json
CHANGED
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"typedoc": {
|
|
20
20
|
"id": 0,
|
|
21
21
|
"name": "@skyux/tabs",
|
|
22
|
-
"kind":
|
|
22
|
+
"kind": 1,
|
|
23
23
|
"kindString": "Project",
|
|
24
24
|
"flags": {},
|
|
25
25
|
"originalName": "",
|
|
@@ -501,7 +501,7 @@
|
|
|
501
501
|
"name": "NgModule"
|
|
502
502
|
},
|
|
503
503
|
"arguments": {
|
|
504
|
-
"obj": "{\n declarations: [\n SkySectionedFormComponent,\n SkySectionedFormSectionComponent\n ],\n imports: [\n CommonModule,\n SkyCheckboxModule,\n SkyVerticalTabsetModule\n ],\n exports: [\n SkySectionedFormComponent,\n SkySectionedFormSectionComponent\n ]\n}"
|
|
504
|
+
"obj": "{\n declarations: [\n SkySectionedFormComponent,\n SkySectionedFormSectionComponent\n ],\n imports: [\n CommonModule,\n SkyCheckboxModule,\n SkyThemeModule,\n SkyVerticalTabsetModule\n ],\n exports: [\n SkySectionedFormComponent,\n SkySectionedFormSectionComponent\n ]\n}"
|
|
505
505
|
}
|
|
506
506
|
}
|
|
507
507
|
],
|
|
@@ -540,7 +540,7 @@
|
|
|
540
540
|
"sources": [
|
|
541
541
|
{
|
|
542
542
|
"fileName": "projects/tabs/src/modules/sectioned-form/sectioned-form.module.ts",
|
|
543
|
-
"line":
|
|
543
|
+
"line": 25,
|
|
544
544
|
"character": 13
|
|
545
545
|
}
|
|
546
546
|
]
|
|
@@ -1329,9 +1329,6 @@
|
|
|
1329
1329
|
"flags": {
|
|
1330
1330
|
"isPublic": true
|
|
1331
1331
|
},
|
|
1332
|
-
"comment": {
|
|
1333
|
-
"shortText": "Alerts the tabset component when this component has changes that need to be reflected in the UI."
|
|
1334
|
-
},
|
|
1335
1332
|
"sources": [
|
|
1336
1333
|
{
|
|
1337
1334
|
"fileName": "projects/tabs/src/modules/tabs/tab.component.ts",
|
|
@@ -5301,79 +5298,34 @@
|
|
|
5301
5298
|
},
|
|
5302
5299
|
"codeExamples": [
|
|
5303
5300
|
{
|
|
5304
|
-
"fileName": "
|
|
5305
|
-
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/
|
|
5306
|
-
"rawContents": "<div>Address form</div>\n"
|
|
5307
|
-
},
|
|
5308
|
-
{
|
|
5309
|
-
"fileName": "demo-address-form.component.ts",
|
|
5310
|
-
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/basic/demo-address-form.component.ts",
|
|
5311
|
-
"rawContents": "import {\n Component\n} from '@angular/core';\n\n@Component({\n selector: 'app-demo-address-form',\n templateUrl: './demo-address-form.component.html'\n})\nexport class DemoAddressFormComponent { }\n"
|
|
5312
|
-
},
|
|
5313
|
-
{
|
|
5314
|
-
"fileName": "demo-information-form.component.html",
|
|
5315
|
-
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/basic/demo-information-form.component.html",
|
|
5316
|
-
"rawContents": "<form\n novalidate\n [formGroup]=\"myForm\"\n>\n <div\n style=\"display: flex;\"\n >\n <div\n class=\"sky-margin-inline-default\"\n style=\"flex: 1;\"\n >\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\n style=\"flex: 1;\"\n >\n <sky-input-box>\n <label\n class=\"sky-control-label\"\n [for]=\"idInput.id\"\n >\n ID\n </label>\n <input\n class=\"sky-form-control\"\n formControlName=\"id\"\n type=\"text\"\n #idInput\n />\n </sky-input-box>\n <div *ngIf=\"myForm.get('id').invalid\"\n class=\"alert alert-danger\"\n >\n </div>\n <div *ngIf=\"myForm.get('id').invalid\"\n class=\"alert alert-danger sky-error-label\"\n >\n Enter a valid value.\n </div>\n </div>\n </div>\n</form>\n"
|
|
5317
|
-
},
|
|
5318
|
-
{
|
|
5319
|
-
"fileName": "demo-information-form.component.ts",
|
|
5320
|
-
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/basic/demo-information-form.component.ts",
|
|
5321
|
-
"rawContents": "import {\n Component,\n OnInit\n} from '@angular/core';\n\nimport {\n FormBuilder,\n FormGroup,\n Validators\n} from '@angular/forms';\n\nimport {\n SkySectionedFormService\n} from '@skyux/tabs';\n\n@Component({\n selector: 'app-demo-information-form',\n templateUrl: './demo-information-form.component.html'\n})\nexport class DemoInformationFormComponent implements OnInit {\n public id: string = '5324901';\n public myForm: FormGroup;\n public name: string = '';\n public nameRequired = false;\n\n constructor(\n private formBuilder: FormBuilder,\n private sectionedFormService: SkySectionedFormService\n ) {}\n\n public ngOnInit(): void {\n this.myForm = this.formBuilder.group({\n name: [this.name],\n nameRequired: [this.nameRequired],\n id: [this.id, Validators.pattern('^[0-9]+$')]\n });\n\n this.myForm.valueChanges.subscribe((changes) => {\n console.log(changes);\n this.id = changes.id;\n this.name = changes.name;\n this.nameRequired = changes.nameRequired;\n this.checkValidity();\n });\n }\n\n public checkValidity(): void {\n if (this.nameRequired) {\n this.myForm.get('name').setValidators([Validators.required]);\n this.sectionedFormService.requiredFieldChanged(true);\n } else {\n this.myForm.get('name').setValidators([]);\n this.sectionedFormService.requiredFieldChanged(false);\n }\n\n if (!this.myForm.get('name').value && this.nameRequired) {\n this.sectionedFormService.invalidFieldChanged(true);\n } else {\n this.sectionedFormService.invalidFieldChanged(false);\n }\n }\n}\n"
|
|
5322
|
-
},
|
|
5323
|
-
{
|
|
5324
|
-
"fileName": "demo-phone-form.component.html",
|
|
5325
|
-
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/basic/demo-phone-form.component.html",
|
|
5326
|
-
"rawContents": "<div>Phone form</div>\n"
|
|
5327
|
-
},
|
|
5328
|
-
{
|
|
5329
|
-
"fileName": "demo-phone-form.component.ts",
|
|
5330
|
-
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/basic/demo-phone-form.component.ts",
|
|
5331
|
-
"rawContents": "import {\n Component\n} from '@angular/core';\n\n@Component({\n selector: 'app-demo-phone-form',\n templateUrl: './demo-phone-form.component.html'\n})\nexport class DemoPhoneFormComponent { }\n"
|
|
5332
|
-
},
|
|
5333
|
-
{
|
|
5334
|
-
"fileName": "sectioned-form-demo.component.html",
|
|
5335
|
-
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/basic/sectioned-form-demo.component.html",
|
|
5336
|
-
"rawContents": "<sky-sectioned-form\n (indexChanged)=\"onIndexChanged($event)\"\n>\n <sky-sectioned-form-section\n heading=\"Basic information\"\n >\n <app-demo-information-form></app-demo-information-form>\n </sky-sectioned-form-section>\n <sky-sectioned-form-section\n active=\"true\"\n heading=\"Addresses\"\n itemCount=\"2\"\n >\n <app-demo-address-form></app-demo-address-form>\n </sky-sectioned-form-section>\n <sky-sectioned-form-section\n heading=\"Phone numbers\"\n itemCount=\"3\"\n >\n <app-demo-phone-form></app-demo-phone-form>\n </sky-sectioned-form-section>\n</sky-sectioned-form>\n\n<p>\n Active index: {{ activeIndexDisplay }}\n</p>\n"
|
|
5337
|
-
},
|
|
5338
|
-
{
|
|
5339
|
-
"fileName": "sectioned-form-demo.component.ts",
|
|
5340
|
-
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/basic/sectioned-form-demo.component.ts",
|
|
5341
|
-
"rawContents": "import {\n Component\n} from '@angular/core';\n\n@Component({\n selector: 'app-sectioned-form-demo',\n templateUrl: './sectioned-form-demo.component.html'\n})\nexport class SectionedFormDemoComponent {\n\n public activeIndexDisplay: number;\n\n public onIndexChanged(newIndex: number): void {\n this.activeIndexDisplay = newIndex;\n }\n\n}\n"
|
|
5342
|
-
},
|
|
5343
|
-
{
|
|
5344
|
-
"fileName": "sectioned-form-demo.module.ts",
|
|
5345
|
-
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/basic/sectioned-form-demo.module.ts",
|
|
5346
|
-
"rawContents": "import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n SkyIdModule\n} from '@skyux/core';\n\nimport {\n SkyInputBoxModule\n} from '@skyux/forms';\n\nimport {\n SkySectionedFormModule\n} from '@skyux/tabs';\n\nimport {\n DemoAddressFormComponent\n} from './demo-address-form.component';\n\nimport {\n DemoInformationFormComponent\n} from './demo-information-form.component';\n\nimport {\n DemoPhoneFormComponent\n} from './demo-phone-form.component';\n\nimport {\n SectionedFormDemoComponent\n} from './sectioned-form-demo.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ReactiveFormsModule,\n SkyIdModule,\n SkyInputBoxModule,\n SkySectionedFormModule\n ],\n declarations: [\n DemoAddressFormComponent,\n DemoInformationFormComponent,\n DemoPhoneFormComponent,\n SectionedFormDemoComponent\n ],\n exports: [\n SectionedFormDemoComponent\n ]\n})\n\nexport class SectionedFormDemoModule { }\n"
|
|
5347
|
-
},
|
|
5348
|
-
{
|
|
5349
|
-
"fileName": "demo-address-form.component.html",
|
|
5350
|
-
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/demo-address-form.component.html",
|
|
5301
|
+
"fileName": "address-form-demo.component.html",
|
|
5302
|
+
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/address-form-demo.component.html",
|
|
5351
5303
|
"rawContents": "<div>Address form</div>\n"
|
|
5352
5304
|
},
|
|
5353
5305
|
{
|
|
5354
|
-
"fileName": "
|
|
5355
|
-
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/
|
|
5356
|
-
"rawContents": "import {\n Component\n} from '@angular/core';\n\n@Component({\n selector: 'app-
|
|
5306
|
+
"fileName": "address-form-demo.component.ts",
|
|
5307
|
+
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/address-form-demo.component.ts",
|
|
5308
|
+
"rawContents": "import {\n ChangeDetectionStrategy,\n Component\n} from '@angular/core';\n\n@Component({\n selector: 'app-address-form-demo',\n templateUrl: './address-form-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class AddressFormDemoComponent { }\n"
|
|
5357
5309
|
},
|
|
5358
5310
|
{
|
|
5359
|
-
"fileName": "
|
|
5360
|
-
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/
|
|
5361
|
-
"rawContents": "<form
|
|
5311
|
+
"fileName": "information-form-demo.component.html",
|
|
5312
|
+
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/information-form-demo.component.html",
|
|
5313
|
+
"rawContents": "<form novalidate [formGroup]=\"myForm\">\n <div style=\"display: flex\">\n <div class=\"sky-margin-inline-default\" 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 </sky-input-box>\n <div *ngIf=\"myForm.get('id')?.invalid\" class=\"alert alert-danger\"></div>\n <div\n *ngIf=\"myForm.get('id')?.invalid\"\n class=\"alert alert-danger sky-error-label\"\n >\n Enter a valid value.\n </div>\n </div>\n </div>\n</form>\n"
|
|
5362
5314
|
},
|
|
5363
5315
|
{
|
|
5364
|
-
"fileName": "
|
|
5365
|
-
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/
|
|
5366
|
-
"rawContents": "import {\n Component,\n OnInit
|
|
5316
|
+
"fileName": "information-form-demo.component.ts",
|
|
5317
|
+
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/information-form-demo.component.ts",
|
|
5318
|
+
"rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n OnInit,\n} from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { SkySectionedFormService } from '@skyux/tabs';\n\n@Component({\n selector: 'app-information-form-demo',\n templateUrl: './information-form-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class InformationFormDemoComponent implements OnInit {\n public id: string = '5324901';\n public myForm: FormGroup;\n public name: string = '';\n public nameRequired = false;\n\n constructor(\n private formBuilder: FormBuilder,\n private sectionedFormService: SkySectionedFormService,\n private changeDetector: ChangeDetectorRef\n ) {\n this.myForm = this.formBuilder.group({\n name: [this.name],\n nameRequired: [this.nameRequired],\n id: [this.id, Validators.pattern('^[0-9]+$')],\n });\n }\n\n public ngOnInit(): void {\n this.myForm.valueChanges.subscribe((changes) => {\n console.log(changes);\n this.id = changes.id;\n this.name = changes.name;\n this.nameRequired = changes.nameRequired;\n this.checkValidity();\n });\n this.changeDetector.markForCheck();\n }\n\n public checkValidity(): void {\n if (this.nameRequired) {\n this.myForm.get('name')?.setValidators([Validators.required]);\n this.sectionedFormService.requiredFieldChanged(true);\n } else {\n this.myForm.get('name')?.setValidators([]);\n this.sectionedFormService.requiredFieldChanged(false);\n }\n\n if (!this.myForm.get('name')?.value && this.nameRequired) {\n this.sectionedFormService.invalidFieldChanged(true);\n } else {\n this.sectionedFormService.invalidFieldChanged(false);\n }\n }\n}\n"
|
|
5367
5319
|
},
|
|
5368
5320
|
{
|
|
5369
|
-
"fileName": "
|
|
5370
|
-
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/
|
|
5321
|
+
"fileName": "phone-form-demo.component.html",
|
|
5322
|
+
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/phone-form-demo.component.html",
|
|
5371
5323
|
"rawContents": "<div>Phone form</div>\n"
|
|
5372
5324
|
},
|
|
5373
5325
|
{
|
|
5374
|
-
"fileName": "
|
|
5375
|
-
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/
|
|
5376
|
-
"rawContents": "import {\n Component\n} from '@angular/core';\n\n@Component({\n selector: 'app-
|
|
5326
|
+
"fileName": "phone-form-demo.component.ts",
|
|
5327
|
+
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/phone-form-demo.component.ts",
|
|
5328
|
+
"rawContents": "import {\n ChangeDetectionStrategy,\n Component\n} from '@angular/core';\n\n@Component({\n selector: 'app-phone-form-demo',\n templateUrl: './phone-form-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class PhoneFormDemoComponent { }\n"
|
|
5377
5329
|
},
|
|
5378
5330
|
{
|
|
5379
5331
|
"fileName": "sectioned-form-demo.component.html",
|
|
@@ -5383,22 +5335,22 @@
|
|
|
5383
5335
|
{
|
|
5384
5336
|
"fileName": "sectioned-form-demo.component.ts",
|
|
5385
5337
|
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/sectioned-form-demo.component.ts",
|
|
5386
|
-
"rawContents": "import {\n Component\n} from '@angular/core';\n\nimport {\n SkyModalCloseArgs,\n SkyModalService\n} from '@skyux/modals';\n\nimport {\n
|
|
5338
|
+
"rawContents": "import {\n ChangeDetectionStrategy,\n Component\n} from '@angular/core';\n\nimport {\n SkyModalCloseArgs,\n SkyModalService\n} from '@skyux/modals';\n\nimport {\n SectionedFormModalDemoComponent\n} from './sectioned-form-modal-demo.component';\n\n@Component({\n selector: 'app-sectioned-form-demo',\n templateUrl: './sectioned-form-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class SectionedFormDemoComponent {\n\n constructor(\n private modal: SkyModalService\n ) {}\n\n public openModal(): void {\n let modalInstance = this.modal.open(SectionedFormModalDemoComponent);\n\n modalInstance.closed.subscribe((result: SkyModalCloseArgs) => {\n if (result.reason === 'cancel') {\n console.log(`Modal cancelled`);\n } else if (result.reason === 'save') {\n console.log(`Modal saved`);\n }\n });\n }\n}\n"
|
|
5387
5339
|
},
|
|
5388
5340
|
{
|
|
5389
|
-
"fileName": "sectioned-form-
|
|
5390
|
-
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/sectioned-form-
|
|
5391
|
-
"rawContents": "import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n SkyIdModule\n} from '@skyux/core';\n\nimport {\n SkyInputBoxModule\n} from '@skyux/forms';\n\nimport {\n SkyModalModule\n} from '@skyux/modals';\n\nimport {\n SkySectionedFormModule\n} from '@skyux/tabs';\n\nimport {\n
|
|
5341
|
+
"fileName": "sectioned-form-demo.module.ts",
|
|
5342
|
+
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/sectioned-form-demo.module.ts",
|
|
5343
|
+
"rawContents": "import {\n NgModule\n} from '@angular/core';\n\nimport {\n CommonModule\n} from '@angular/common';\n\nimport {\n ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n SkyIdModule\n} from '@skyux/core';\n\nimport {\n SkyInputBoxModule\n} from '@skyux/forms';\n\nimport {\n SkyModalModule\n} from '@skyux/modals';\n\nimport {\n SkySectionedFormModule\n} from '@skyux/tabs';\n\nimport {\n AddressFormDemoComponent\n} from './address-form-demo.component';\n\nimport {\n InformationFormDemoComponent\n} from './information-form-demo.component';\n\nimport {\n PhoneFormDemoComponent\n} from './phone-form-demo.component';\n\nimport {\n SectionedFormModalDemoComponent\n} from './sectioned-form-modal-demo.component';\n\nimport {\n SectionedFormDemoComponent\n} from './sectioned-form-demo.component';\n\n@NgModule({\n declarations: [\n AddressFormDemoComponent,\n InformationFormDemoComponent,\n PhoneFormDemoComponent,\n SectionedFormModalDemoComponent,\n SectionedFormDemoComponent,\n ],\n entryComponents: [\n SectionedFormModalDemoComponent\n ],\n exports: [\n SectionedFormDemoComponent\n ],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n SkyIdModule,\n SkyInputBoxModule,\n SkyModalModule,\n SkySectionedFormModule\n ],\n})\n\nexport class SectionedFormDemoModule { }\n"
|
|
5392
5344
|
},
|
|
5393
5345
|
{
|
|
5394
|
-
"fileName": "sectioned-modal-
|
|
5395
|
-
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/sectioned-modal-
|
|
5396
|
-
"rawContents": "<sky-modal>\n <sky-modal-header>\n
|
|
5346
|
+
"fileName": "sectioned-form-modal-demo.component.html",
|
|
5347
|
+
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/sectioned-form-modal-demo.component.html",
|
|
5348
|
+
"rawContents": "<sky-modal>\n <sky-modal-header>\n Sectioned form — Index: {{ activeIndexDisplay }}\n </sky-modal-header>\n <sky-modal-content>\n <sky-sectioned-form (indexChanged)=\"onIndexChanged($event)\">\n <sky-sectioned-form-section heading=\"Basic information\">\n <app-information-form-demo></app-information-form-demo>\n </sky-sectioned-form-section>\n <sky-sectioned-form-section\n heading=\"Addresses\"\n [itemCount]=\"2\"\n [active]=\"activeTab\"\n >\n <app-address-form-demo></app-address-form-demo>\n </sky-sectioned-form-section>\n <sky-sectioned-form-section heading=\"Phone numbers\" [itemCount]=\"3\">\n <app-phone-form-demo></app-phone-form-demo>\n </sky-sectioned-form-section>\n </sky-sectioned-form>\n </sky-modal-content>\n <sky-modal-footer>\n <button\n *ngIf=\"tabsHidden()\"\n class=\"sky-btn sky-btn-secondary\"\n type=\"button\"\n (click)=\"showTabs()\"\n >\n Show sections\n </button>\n <button\n class=\"sky-btn sky-btn-primary\"\n type=\"button\"\n (click)=\"modalInstance.save()\"\n >\n Save\n </button>\n <button\n class=\"sky-btn sky-btn-link\"\n type=\"button\"\n (click)=\"modalInstance.cancel()\"\n >\n Cancel\n </button>\n </sky-modal-footer>\n</sky-modal>\n"
|
|
5397
5349
|
},
|
|
5398
5350
|
{
|
|
5399
|
-
"fileName": "sectioned-modal-
|
|
5400
|
-
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/sectioned-modal-
|
|
5401
|
-
"rawContents": "import {\n Component,\n ViewChild
|
|
5351
|
+
"fileName": "sectioned-form-modal-demo.component.ts",
|
|
5352
|
+
"filePath": "/projects/tabs/documentation/code-examples/sectioned-form/modal/sectioned-form-modal-demo.component.ts",
|
|
5353
|
+
"rawContents": "import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ViewChild,\n} from '@angular/core';\nimport { SkyModalInstance } from '@skyux/modals';\nimport { SkySectionedFormComponent } from '@skyux/tabs';\n\n@Component({\n selector: 'app-sectioned-form-modal-demo',\n templateUrl: './sectioned-form-modal-demo.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SectionedFormModalDemoComponent {\n public activeIndexDisplay: number | undefined;\n\n public activeTab = true;\n\n @ViewChild(SkySectionedFormComponent)\n public sectionedFormComponent: SkySectionedFormComponent | undefined;\n\n constructor(\n public modalInstance: SkyModalInstance,\n private changeDetector: ChangeDetectorRef\n ) {}\n\n public onIndexChanged(newIndex: number): void {\n this.activeIndexDisplay = newIndex;\n this.changeDetector.markForCheck();\n }\n\n public tabsHidden(): boolean {\n return !this.sectionedFormComponent?.tabsVisible();\n }\n\n public showTabs(): void {\n this.sectionedFormComponent!.showTabs();\n }\n}\n"
|
|
5402
5354
|
},
|
|
5403
5355
|
{
|
|
5404
5356
|
"fileName": "tabs-demo.component.html",
|
|
@@ -48,9 +48,9 @@ export class SkySectionedFormSectionComponent {
|
|
|
48
48
|
this._ngUnsubscribe.complete();
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
|
-
SkySectionedFormSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
52
|
-
SkySectionedFormSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
53
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
51
|
+
SkySectionedFormSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkySectionedFormSectionComponent, deps: [{ token: i1.SkySectionedFormService }, { token: i2.SkyVerticalTabsetService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
52
|
+
SkySectionedFormSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", 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 [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", styles: [":host .sky-tab-field-required ::ng-deep .sky-vertical-tab-heading:after{content:\"*\";color:#ef4044;padding-left:5px}\n"], components: [{ type: i3.SkyVerticalTabComponent, selector: "sky-vertical-tab", inputs: ["active", "ariaControls", "ariaInvalid", "ariaRequired", "ariaRole", "disabled", "errorIndicator", "tabHeaderCount", "tabHeading", "showTabRightArrow", "tabId"] }], directives: [{ type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
53
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkySectionedFormSectionComponent, decorators: [{
|
|
54
54
|
type: Component,
|
|
55
55
|
args: [{
|
|
56
56
|
selector: 'sky-sectioned-form-section',
|
|
@@ -68,4 +68,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImpor
|
|
|
68
68
|
type: ViewChild,
|
|
69
69
|
args: [SkyVerticalTabComponent]
|
|
70
70
|
}] } });
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbmVkLWZvcm0tc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90YWJzL3NyYy9tb2R1bGVzL3NlY3Rpb25lZC1mb3JtL3NlY3Rpb25lZC1mb3JtLXNlY3Rpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGFicy9zcmMvbW9kdWxlcy9zZWN0aW9uZWQtZm9ybS9zZWN0aW9uZWQtZm9ybS1zZWN0aW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLFNBQVMsRUFJVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wsT0FBTyxFQUNSLE1BQU0sTUFBTSxDQUFDO0FBRWQsT0FBTyxFQUNMLFNBQVMsRUFDVixNQUFNLGdCQUFnQixDQUFDO0FBRXhCLE9BQU8sRUFDTCx1QkFBdUIsRUFDeEIsTUFBTSw2Q0FBNkMsQ0FBQztBQUNyRCxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3hCLE1BQU0sMEJBQTBCLENBQUM7Ozs7OztBQUtsQyxJQUFJLE1BQU0sR0FBRyxDQUFDLENBQUM7QUFFZjs7R0FFRztBQU9ILE1BQU0sT0FBTyxnQ0FBZ0M7SUEwQzNDLFlBQ1Usb0JBQTZDLEVBQzdDLGFBQXVDLEVBQ3ZDLFNBQTRCO1FBRjVCLHlCQUFvQixHQUFwQixvQkFBb0IsQ0FBeUI7UUFDN0Msa0JBQWEsR0FBYixhQUFhLENBQTBCO1FBQ3ZDLGNBQVMsR0FBVCxTQUFTLENBQW1CO1FBNUMvQixpQkFBWSxHQUFHLDBCQUEwQixFQUFFLE1BQU0sRUFBRSxDQUFDO1FBQ3BELHFCQUFnQixHQUFHLDhCQUE4QixFQUFFLE1BQU0sRUFBRSxDQUFDO1FBcUMzRCxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLG1CQUFjLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQztJQU1wQyxDQUFDO0lBckJKLElBQVcsUUFBUTtRQUNqQixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDO0lBQ2hELENBQUM7SUFFRCxJQUFXLGNBQWM7UUFDdkIsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDdkQsQ0FBQztJQWlCTSxRQUFRO1FBQ2IsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQzlDLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxFQUFFLENBQUM7UUFFL0IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxlQUFlO2FBQy9CLFNBQVMsQ0FBQyxDQUFDLE1BQWUsRUFBRSxFQUFFO1lBQzdCLElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDakMsQ0FBQyxDQUFDLENBQUM7UUFFTCxJQUFJLENBQUMsb0JBQW9CLENBQUMsY0FBYzthQUNyQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQzthQUNwQyxTQUFTLENBQUMsQ0FBQyxRQUFpQixFQUFFLEVBQUUsQ0FBQyxJQUFJLENBQUMsYUFBYSxHQUFHLFFBQVEsQ0FBQyxDQUFDO1FBRW5FLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxhQUFhO2FBQ3BDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO2FBQ3BDLFNBQVMsQ0FBQyxDQUFDLE9BQWdCLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxZQUFZLEdBQUcsT0FBTyxDQUFDLENBQUM7SUFDbEUsQ0FBQztJQUVNLFdBQVc7UUFDaEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUMzQixJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2pDLENBQUM7OzhIQXRFVSxnQ0FBZ0M7a0hBQWhDLGdDQUFnQywrSEFIaEMsQ0FBQyx1QkFBdUIsQ0FBQywrREF1Q3pCLHVCQUF1QixnREMxRXBDLGtrQkFxQkE7NEZEaUJhLGdDQUFnQztrQkFONUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNEJBQTRCO29CQUN0QyxXQUFXLEVBQUUseUNBQXlDO29CQUN0RCxTQUFTLEVBQUUsQ0FBQyx1QkFBdUIsQ0FBQztvQkFDcEMsU0FBUyxFQUFFLENBQUMseUNBQXlDLENBQUM7aUJBQ3ZEO3FMQVVRLE9BQU87c0JBRGIsS0FBSztnQkFRQyxTQUFTO3NCQURmLEtBQUs7Z0JBUUMsTUFBTTtzQkFEWixLQUFLO2dCQWVDLEdBQUc7c0JBRFQsU0FBUzt1QkFBQyx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIElucHV0LFxuICBWaWV3Q2hpbGQsXG4gIE9uSW5pdCxcbiAgT25EZXN0cm95LFxuICBDaGFuZ2VEZXRlY3RvclJlZlxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgU3ViamVjdFxufSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHtcbiAgdGFrZVVudGlsXG59IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHtcbiAgU2t5VmVydGljYWxUYWJDb21wb25lbnRcbn0gZnJvbSAnLi8uLi92ZXJ0aWNhbC10YWJzZXQvdmVydGljYWwtdGFiLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBTa3lTZWN0aW9uZWRGb3JtU2VydmljZVxufSBmcm9tICcuL3NlY3Rpb25lZC1mb3JtLnNlcnZpY2UnO1xuaW1wb3J0IHtcbiAgU2t5VmVydGljYWxUYWJzZXRTZXJ2aWNlXG59IGZyb20gJy4uL3ZlcnRpY2FsLXRhYnNldC92ZXJ0aWNhbC10YWJzZXQuc2VydmljZSc7XG5cbmxldCBuZXh0SWQgPSAwO1xuXG4vKipcbiAqIENyZWF0ZXMgYW4gaW5kaXZpZHVhbCBmb3JtIHRvIGRpc3BsYXkgYXMgYSBzZWN0aW9uIHdpdGhpbiB0aGUgc2VjdGlvbmVkIGZvcm0uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1zZWN0aW9uZWQtZm9ybS1zZWN0aW9uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NlY3Rpb25lZC1mb3JtLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBwcm92aWRlcnM6IFtTa3lTZWN0aW9uZWRGb3JtU2VydmljZV0sXG4gIHN0eWxlVXJsczogWycuL3NlY3Rpb25lZC1mb3JtLXNlY3Rpb24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTa3lTZWN0aW9uZWRGb3JtU2VjdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgcHVibGljIHNlY3Rpb25UYWJJZCA9IGBza3ktc2VjdGlvbmVkLWZvcm0tdGFiLSR7KytuZXh0SWR9YDtcbiAgcHVibGljIHNlY3Rpb25Db250ZW50SWQgPSBgc2t5LXNlY3Rpb25lZC1mb3JtLXNlY3Rpb24tJHsrK25leHRJZH1gO1xuXG4vKipcbiAqIFNwZWNpZmllcyB0aGUgc2VjdGlvbiBoZWFkZXIuXG4gKiBAcmVxdWlyZWRcbiAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgaGVhZGluZzogc3RyaW5nO1xuXG4vKipcbiAqIEluZGljYXRlcyB0aGUgbnVtYmVyIG9mIGl0ZW1zIHdpdGhpbiB0aGUgc2VjdGlvbiBhbmQgZGlzcGxheXMgYVxuICogY291bnRlciBhbG9uZ3NpZGUgdGhlIHNlY3Rpb24gaGVhZGVyLlxuICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBpdGVtQ291bnQ6IG51bWJlcjtcblxuLyoqXG4gKiBJbmRpY2F0ZXMgd2hldGhlciB0aGUgc2VjdGlvbiBpcyBhY3RpdmUgd2hlbiB0aGUgZm9ybSBsb2Fkcy5cbiAqIEBkZWZhdWx0IGZhbHNlXG4gKi9cbiAgQElucHV0KClcbiAgcHVibGljIGFjdGl2ZTogYm9vbGVhbjtcblxuICBwdWJsaWMgZ2V0IGFyaWFSb2xlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuaXNNb2JpbGUgPyB1bmRlZmluZWQgOiAndGFicGFuZWwnO1xuICB9XG5cbiAgcHVibGljIGdldCBhcmlhTGFiZWxsZWRieSgpIHtcbiAgICByZXR1cm4gdGhpcy5pc01vYmlsZSA/IHVuZGVmaW5lZCA6IHRoaXMuc2VjdGlvblRhYklkO1xuICB9XG5cbiAgcHVibGljIGZpZWxkUmVxdWlyZWQ6IGJvb2xlYW47XG4gIHB1YmxpYyBmaWVsZEludmFsaWQ6IGJvb2xlYW47XG5cbiAgQFZpZXdDaGlsZChTa3lWZXJ0aWNhbFRhYkNvbXBvbmVudClcbiAgcHVibGljIHRhYjogU2t5VmVydGljYWxUYWJDb21wb25lbnQ7XG5cbiAgcHJpdmF0ZSBpc01vYmlsZSA9IGZhbHNlO1xuICBwcml2YXRlIF9uZ1Vuc3Vic2NyaWJlID0gbmV3IFN1YmplY3QoKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHNlY3Rpb25lZEZvcm1TZXJ2aWNlOiBTa3lTZWN0aW9uZWRGb3JtU2VydmljZSxcbiAgICBwcml2YXRlIHRhYnNldFNlcnZpY2U6IFNreVZlcnRpY2FsVGFic2V0U2VydmljZSxcbiAgICBwcml2YXRlIGNoYW5nZVJlZjogQ2hhbmdlRGV0ZWN0b3JSZWZcbiAgKSB7fVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmlzTW9iaWxlID0gdGhpcy50YWJzZXRTZXJ2aWNlLmlzTW9iaWxlKCk7XG4gICAgdGhpcy5jaGFuZ2VSZWYuZGV0ZWN0Q2hhbmdlcygpO1xuXG4gICAgdGhpcy50YWJzZXRTZXJ2aWNlLnN3aXRjaGluZ01vYmlsZVxuICAgICAgLnN1YnNjcmliZSgobW9iaWxlOiBib29sZWFuKSA9PiB7XG4gICAgICAgIHRoaXMuaXNNb2JpbGUgPSBtb2JpbGU7XG4gICAgICAgIHRoaXMuY2hhbmdlUmVmLmRldGVjdENoYW5nZXMoKTtcbiAgICAgIH0pO1xuXG4gICAgdGhpcy5zZWN0aW9uZWRGb3JtU2VydmljZS5yZXF1aXJlZENoYW5nZVxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuX25nVW5zdWJzY3JpYmUpKVxuICAgICAgLnN1YnNjcmliZSgocmVxdWlyZWQ6IGJvb2xlYW4pID0+IHRoaXMuZmllbGRSZXF1aXJlZCA9IHJlcXVpcmVkKTtcblxuICAgIHRoaXMuc2VjdGlvbmVkRm9ybVNlcnZpY2UuaW52YWxpZENoYW5nZVxuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuX25nVW5zdWJzY3JpYmUpKVxuICAgICAgLnN1YnNjcmliZSgoaW52YWxpZDogYm9vbGVhbikgPT4gdGhpcy5maWVsZEludmFsaWQgPSBpbnZhbGlkKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLl9uZ1Vuc3Vic2NyaWJlLm5leHQoKTtcbiAgICB0aGlzLl9uZ1Vuc3Vic2NyaWJlLmNvbXBsZXRlKCk7XG4gIH1cbn1cbiIsIjxza3ktdmVydGljYWwtdGFiXG4gIFthY3RpdmVdPVwiYWN0aXZlXCJcbiAgW2FyaWFDb250cm9sc109XCJzZWN0aW9uQ29udGVudElkXCJcbiAgW2FyaWFJbnZhbGlkXT1cImZpZWxkSW52YWxpZFwiXG4gIFthcmlhUmVxdWlyZWRdPVwiZmllbGRSZXF1aXJlZFwiXG4gIFtlcnJvckluZGljYXRvcl09XCJmaWVsZEludmFsaWRcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ3NreS10YWItZmllbGQtcmVxdWlyZWQnOiBmaWVsZFJlcXVpcmVkXG4gIH1cIlxuICBbc2hvd1RhYlJpZ2h0QXJyb3ddPVwidHJ1ZVwiXG4gIFt0YWJIZWFkZXJDb3VudF09XCJpdGVtQ291bnRcIlxuICBbdGFiSGVhZGluZ109XCJoZWFkaW5nXCJcbiAgW3RhYklkXT1cInNlY3Rpb25UYWJJZFwiPlxuICA8ZGl2XG4gICAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cImFyaWFMYWJlbGxlZGJ5XCJcbiAgICBbYXR0ci5yb2xlXT1cImFyaWFSb2xlXCJcbiAgICBbaWRdPVwic2VjdGlvbkNvbnRlbnRJZFwiXG4gICAgI3RhYkNvbnRlbnQ+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvc2t5LXZlcnRpY2FsLXRhYj5cbiJdfQ==
|
|
@@ -67,8 +67,8 @@ export class SkySectionedFormComponent {
|
|
|
67
67
|
this.changeRef.markForCheck();
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
|
-
SkySectionedFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
71
|
-
SkySectionedFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
70
|
+
SkySectionedFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkySectionedFormComponent, deps: [{ token: i1.SkyVerticalTabsetService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
71
|
+
SkySectionedFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkySectionedFormComponent, selector: "sky-sectioned-form", inputs: { maintainSectionContent: "maintainSectionContent" }, outputs: { indexChanged: "indexChanged" }, providers: [SkyVerticalTabsetService], viewQueries: [{ propertyName: "content", first: true, predicate: ["skySectionSideContent"], descendants: true }], ngImport: i0, 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\"\n [ngClass]=\"{'sky-sectioned-form-content-hidden': !tabService.contentVisible()}\"\n [@contentEnter]=\"tabService.animationContentVisibleState\"\n #skySectionSideContent\n >\n </div>\n</div>\n\n", 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-xs) .sky-sectioned-form,:host-context(.sky-responsive-container-sm) .sky-sectioned-form,:host-context(.sky-responsive-container-md) .sky-sectioned-form,:host-context(.sky-responsive-container-lg) .sky-sectioned-form{display:block;max-height:none}:host-context(.sky-responsive-container-xs) .sky-sectioned-form-content,:host-context(.sky-responsive-container-sm) .sky-sectioned-form-content,:host-context(.sky-responsive-container-md) .sky-sectioned-form-content,:host-context(.sky-responsive-container-lg) .sky-sectioned-form-content{flex-basis:auto;overflow-y:visible}:host-context(.sky-responsive-container-xs) .sky-sectioned-form-tabs,:host-context(.sky-responsive-container-sm) .sky-sectioned-form-tabs,:host-context(.sky-responsive-container-md) .sky-sectioned-form-tabs,:host-context(.sky-responsive-container-lg) .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%;margin:15px;overflow-y:auto}:host .sky-sectioned-form-tabs{flex-basis:30%;overflow-y:auto}}:host-context(.sky-responsive-container-sm) .sky-sectioned-form,:host-context(.sky-responsive-container-md) .sky-sectioned-form,:host-context(.sky-responsive-container-lg) .sky-sectioned-form{display:flex;max-height:100%}:host-context(.sky-responsive-container-sm) .sky-sectioned-form-content,:host-context(.sky-responsive-container-md) .sky-sectioned-form-content,:host-context(.sky-responsive-container-lg) .sky-sectioned-form-content{flex-basis:70%;margin:15px;overflow-y:auto}:host-context(.sky-responsive-container-sm) .sky-sectioned-form-tabs,:host-context(.sky-responsive-container-md) .sky-sectioned-form-tabs,:host-context(.sky-responsive-container-lg) .sky-sectioned-form-tabs{flex-basis:30%;overflow-y:auto}.sky-sectioned-form-tabs-hidden{display:none}.sky-sectioned-form-content-hidden{display:none}:host-context(.sky-theme-modern) .sky-sectioned-form-content{margin:15px}:host-context(.sky-theme-modern) .sky-sectioned-form-tabs{border-right:1px solid #d2d2d2}@media (min-width: 768px){:host-context(.sky-theme-modern) :host .sky-sectioned-form-content{margin:20px 30px}}:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-sm) .sky-sectioned-form-content,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-md) .sky-sectioned-form-content,:host-context(.sky-theme-modern) :host-context(.sky-responsive-container-lg) .sky-sectioned-form-content{margin:20px 30px}.sky-theme-modern .sky-sectioned-form-content{margin:15px}.sky-theme-modern .sky-sectioned-form-tabs{border-right:1px solid #d2d2d2}@media (min-width: 768px){.sky-theme-modern :host .sky-sectioned-form-content{margin:20px 30px}}.sky-theme-modern :host-context(.sky-responsive-container-sm) .sky-sectioned-form-content,.sky-theme-modern :host-context(.sky-responsive-container-md) .sky-sectioned-form-content,.sky-theme-modern :host-context(.sky-responsive-container-lg) .sky-sectioned-form-content{margin:20px 30px}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [
|
|
72
72
|
trigger('tabEnter', [
|
|
73
73
|
transition(`${HIDDEN_STATE} => ${VISIBLE_STATE}`, [
|
|
74
74
|
style({ transform: 'translate(-100%)' }),
|
|
@@ -82,7 +82,7 @@ SkySectionedFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.
|
|
|
82
82
|
])
|
|
83
83
|
])
|
|
84
84
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
85
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
85
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkySectionedFormComponent, decorators: [{
|
|
86
86
|
type: Component,
|
|
87
87
|
args: [{
|
|
88
88
|
selector: 'sky-sectioned-form',
|
|
@@ -113,4 +113,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImpor
|
|
|
113
113
|
type: ViewChild,
|
|
114
114
|
args: ['skySectionSideContent']
|
|
115
115
|
}] } });
|
|
116
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
116
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbmVkLWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGFicy9zcmMvbW9kdWxlcy9zZWN0aW9uZWQtZm9ybS9zZWN0aW9uZWQtZm9ybS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90YWJzL3NyYy9tb2R1bGVzL3NlY3Rpb25lZC1mb3JtL3NlY3Rpb25lZC1mb3JtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBSVQsU0FBUyxFQUNULFlBQVksRUFDWixNQUFNLEVBRU4sdUJBQXVCLEVBRXZCLEtBQUssRUFDTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wsS0FBSyxFQUNMLE9BQU8sRUFDUCxVQUFVLEVBQ1YsT0FBTyxFQUNSLE1BQU0scUJBQXFCLENBQUM7QUFFN0IsT0FBTyxFQUNMLE9BQU8sRUFDUixNQUFNLE1BQU0sQ0FBQztBQUVkLE9BQU8sRUFDTCxTQUFTLEVBQ1YsTUFBTSxnQkFBZ0IsQ0FBQztBQUV4QixPQUFPLEVBQ0wsd0JBQXdCLEVBQ3hCLFlBQVksRUFDWixhQUFhLEVBQ2QsTUFBTSw4Q0FBOEMsQ0FBQzs7OztBQUV0RDs7R0FFRztBQTBCSCxNQUFNLE9BQU8seUJBQXlCO0lBMkJwQyxZQUNTLFVBQW9DLEVBQ25DLFNBQTRCO1FBRDdCLGVBQVUsR0FBVixVQUFVLENBQTBCO1FBQ25DLGNBQVMsR0FBVCxTQUFTLENBQW1CO1FBM0J0Qzs7OztXQUlHO1FBRUksMkJBQXNCLEdBQVksS0FBSyxDQUFDO1FBRWpEOzs7V0FHRztRQUVNLGlCQUFZLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFTdkQsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixtQkFBYyxHQUFHLElBQUksT0FBTyxFQUFFLENBQUM7SUFJRSxDQUFDO0lBWjFDLElBQVcsUUFBUTtRQUNqQixPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQy9DLENBQUM7SUFZTSxRQUFRO1FBQ2IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxrQkFBa0IsR0FBRyxJQUFJLENBQUMsc0JBQXNCLENBQUM7UUFFakUsSUFBSSxDQUFDLFVBQVUsQ0FBQyxZQUFZO2FBQ3pCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO2FBQ3BDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUNqQixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUM5QixJQUFJLENBQUMsU0FBUyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQ2hDLENBQUMsQ0FBQyxDQUFDO1FBRUwsSUFBSSxDQUFDLFVBQVUsQ0FBQyxlQUFlO2FBQzVCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO2FBQ3BDLFNBQVMsQ0FBQyxDQUFDLE1BQWUsRUFBRSxFQUFFO1lBQzdCLElBQUksQ0FBQyxRQUFRLEdBQUcsTUFBTSxDQUFDO1lBQ3ZCLElBQUksQ0FBQyxTQUFTLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDaEMsQ0FBQyxDQUFDLENBQUM7UUFFTCxJQUFJLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLEVBQUU7WUFDOUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7WUFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyw0QkFBNEIsR0FBRyxhQUFhLENBQUM7WUFDN0QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztTQUMvQjtJQUNILENBQUM7SUFFTSxrQkFBa0I7UUFDdkIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUN2QyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ2xDLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDM0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsU0FBUyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzlCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUN2QyxDQUFDO0lBRU0sUUFBUTtRQUNiLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDM0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUNoQyxDQUFDOzt1SEF6RVUseUJBQXlCOzJHQUF6Qix5QkFBeUIsc0pBckJ6QixDQUFDLHdCQUF3QixDQUFDLDRJQzFDdkMsa3ZCQXdCQSxxOEdEb0JjO1FBQ1YsT0FBTyxDQUNMLFVBQVUsRUFBRTtZQUNWLFVBQVUsQ0FBQyxHQUFHLFlBQVksT0FBTyxhQUFhLEVBQUUsRUFBRTtnQkFDaEQsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGtCQUFrQixFQUFDLENBQUM7Z0JBQ3RDLE9BQU8sQ0FBQyxlQUFlLENBQUM7YUFDekIsQ0FBQztTQUNILENBQ0Y7UUFDRCxPQUFPLENBQ0wsY0FBYyxFQUFFO1lBQ2QsVUFBVSxDQUFDLEdBQUcsWUFBWSxPQUFPLGFBQWEsRUFBRSxFQUFFO2dCQUNoRCxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsQ0FBQztnQkFDckMsT0FBTyxDQUFDLGVBQWUsQ0FBQzthQUN6QixDQUFDO1NBQ0gsQ0FDRjtLQUNGOzRGQUVVLHlCQUF5QjtrQkF6QnJDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsV0FBVyxFQUFFLGlDQUFpQztvQkFDOUMsU0FBUyxFQUFFLENBQUMsaUNBQWlDLENBQUM7b0JBQzlDLFNBQVMsRUFBRSxDQUFDLHdCQUF3QixDQUFDO29CQUNyQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsVUFBVSxFQUFFO3dCQUNWLE9BQU8sQ0FDTCxVQUFVLEVBQUU7NEJBQ1YsVUFBVSxDQUFDLEdBQUcsWUFBWSxPQUFPLGFBQWEsRUFBRSxFQUFFO2dDQUNoRCxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsa0JBQWtCLEVBQUMsQ0FBQztnQ0FDdEMsT0FBTyxDQUFDLGVBQWUsQ0FBQzs2QkFDekIsQ0FBQzt5QkFDSCxDQUNGO3dCQUNELE9BQU8sQ0FDTCxjQUFjLEVBQUU7NEJBQ2QsVUFBVSxDQUFDLEdBQUcsWUFBWSxPQUFPLGFBQWEsRUFBRSxFQUFFO2dDQUNoRCxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsQ0FBQztnQ0FDckMsT0FBTyxDQUFDLGVBQWUsQ0FBQzs2QkFDekIsQ0FBQzt5QkFDSCxDQUNGO3FCQUNGO2lCQUNGOytJQVNRLHNCQUFzQjtzQkFENUIsS0FBSztnQkFRQyxZQUFZO3NCQURsQixNQUFNO2dCQVFBLE9BQU87c0JBRGIsU0FBUzt1QkFBQyx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIE9uSW5pdCxcbiAgT25EZXN0cm95LFxuICBFbGVtZW50UmVmLFxuICBWaWV3Q2hpbGQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT3V0cHV0LFxuICBBZnRlclZpZXdDaGVja2VkLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIElucHV0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBzdHlsZSxcbiAgdHJpZ2dlcixcbiAgdHJhbnNpdGlvbixcbiAgYW5pbWF0ZVxufSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcblxuaW1wb3J0IHtcbiAgU3ViamVjdFxufSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHtcbiAgdGFrZVVudGlsXG59IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHtcbiAgU2t5VmVydGljYWxUYWJzZXRTZXJ2aWNlLFxuICBISURERU5fU1RBVEUsXG4gIFZJU0lCTEVfU1RBVEVcbn0gZnJvbSAnLi8uLi92ZXJ0aWNhbC10YWJzZXQvdmVydGljYWwtdGFic2V0LnNlcnZpY2UnO1xuXG4vKipcbiAqIENyZWF0ZXMgYSBjb250YWluZXIgZm9yIHRoZSBzZWN0aW9uZWQgZm9ybXMuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NreS1zZWN0aW9uZWQtZm9ybScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZWN0aW9uZWQtZm9ybS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NlY3Rpb25lZC1mb3JtLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW1NreVZlcnRpY2FsVGFic2V0U2VydmljZV0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcihcbiAgICAgICd0YWJFbnRlcicsIFtcbiAgICAgICAgdHJhbnNpdGlvbihgJHtISURERU5fU1RBVEV9ID0+ICR7VklTSUJMRV9TVEFURX1gLCBbXG4gICAgICAgICAgc3R5bGUoe3RyYW5zZm9ybTogJ3RyYW5zbGF0ZSgtMTAwJSknfSksXG4gICAgICAgICAgYW5pbWF0ZSgnMTUwbXMgZWFzZS1pbicpXG4gICAgICAgIF0pXG4gICAgICBdXG4gICAgKSxcbiAgICB0cmlnZ2VyKFxuICAgICAgJ2NvbnRlbnRFbnRlcicsIFtcbiAgICAgICAgdHJhbnNpdGlvbihgJHtISURERU5fU1RBVEV9ID0+ICR7VklTSUJMRV9TVEFURX1gLCBbXG4gICAgICAgICAgc3R5bGUoe3RyYW5zZm9ybTogJ3RyYW5zbGF0ZSgxMDAlKSd9KSxcbiAgICAgICAgICBhbmltYXRlKCcxNTBtcyBlYXNlLWluJylcbiAgICAgICAgXSlcbiAgICAgIF1cbiAgICApXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgU2t5U2VjdGlvbmVkRm9ybUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95LCBBZnRlclZpZXdDaGVja2VkIHtcblxuICAvKipcbiAgICogSW5kaWNhdGVzIHdoZXRoZXIgdGhlIHNlY3Rpb25lZCBmb3JtIGxvYWRzIHNlY3Rpb24gY29udGVudCBkdXJpbmcgaW5pdGlhbGl6YXRpb24gc28gdGhhdCBpdFxuICAgKiBkaXNwbGF5cyBjb250ZW50IHdpdGhvdXQgbW92aW5nIGFyb3VuZCBlbGVtZW50cyBpbiB0aGUgY29udGVudCBjb250YWluZXIuXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgbWFpbnRhaW5TZWN0aW9uQ29udGVudDogYm9vbGVhbiA9IGZhbHNlO1xuXG4vKipcbiAqIEZpcmVzIHdoZW4gdGhlIGFjdGl2ZSB0YWIgY2hhbmdlcyBhbmQgZW1pdHMgdGhlIGluZGV4IG9mIHRoZSBhY3RpdmVcbiAqIHNlY3Rpb24uIFRoZSBpbmRleCBpcyBiYXNlZCBvbiB0aGUgc2VjdGlvbidzIHBvc2l0aW9uIHdoZW4gdGhlIGZvcm0gbG9hZHMuXG4gKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBpbmRleENoYW5nZWQ6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHB1YmxpYyBnZXQgYXJpYVJvbGUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5pc01vYmlsZSA/IHVuZGVmaW5lZCA6ICd0YWJsaXN0JztcbiAgfVxuXG4gIEBWaWV3Q2hpbGQoJ3NreVNlY3Rpb25TaWRlQ29udGVudCcpXG4gIHB1YmxpYyBjb250ZW50OiBFbGVtZW50UmVmO1xuXG4gIHByaXZhdGUgaXNNb2JpbGUgPSBmYWxzZTtcbiAgcHJpdmF0ZSBfbmdVbnN1YnNjcmliZSA9IG5ldyBTdWJqZWN0KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHVibGljIHRhYlNlcnZpY2U6IFNreVZlcnRpY2FsVGFic2V0U2VydmljZSxcbiAgICBwcml2YXRlIGNoYW5nZVJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgcHVibGljIG5nT25Jbml0KCkge1xuICAgIHRoaXMudGFiU2VydmljZS5tYWludGFpblRhYkNvbnRlbnQgPSB0aGlzLm1haW50YWluU2VjdGlvbkNvbnRlbnQ7XG5cbiAgICB0aGlzLnRhYlNlcnZpY2UuaW5kZXhDaGFuZ2VkXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5fbmdVbnN1YnNjcmliZSkpXG4gICAgICAuc3Vic2NyaWJlKGluZGV4ID0+IHtcbiAgICAgICAgdGhpcy5pbmRleENoYW5nZWQuZW1pdChpbmRleCk7XG4gICAgICAgIHRoaXMuY2hhbmdlUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgICAgfSk7XG5cbiAgICB0aGlzLnRhYlNlcnZpY2Uuc3dpdGNoaW5nTW9iaWxlXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5fbmdVbnN1YnNjcmliZSkpXG4gICAgICAuc3Vic2NyaWJlKChtb2JpbGU6IGJvb2xlYW4pID0+IHtcbiAgICAgICAgdGhpcy5pc01vYmlsZSA9IG1vYmlsZTtcbiAgICAgICAgdGhpcy5jaGFuZ2VSZWYubWFya0ZvckNoZWNrKCk7XG4gICAgICB9KTtcblxuICAgIGlmICh0aGlzLnRhYlNlcnZpY2UuaXNNb2JpbGUoKSkge1xuICAgICAgdGhpcy5pc01vYmlsZSA9IHRydWU7XG4gICAgICB0aGlzLnRhYlNlcnZpY2UuYW5pbWF0aW9uQ29udGVudFZpc2libGVTdGF0ZSA9IFZJU0lCTEVfU1RBVEU7XG4gICAgICB0aGlzLmNoYW5nZVJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgbmdBZnRlclZpZXdDaGVja2VkKCkge1xuICAgIHRoaXMudGFiU2VydmljZS5jb250ZW50ID0gdGhpcy5jb250ZW50O1xuICAgIHRoaXMudGFiU2VydmljZS51cGRhdGVDb250ZW50KCk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5fbmdVbnN1YnNjcmliZS5uZXh0KCk7XG4gICAgdGhpcy5fbmdVbnN1YnNjcmliZS5jb21wbGV0ZSgpO1xuICB9XG5cbiAgcHVibGljIHRhYnNWaXNpYmxlKCkge1xuICAgIHRoaXMuY2hhbmdlUmVmLm1hcmtGb3JDaGVjaygpO1xuICAgIHJldHVybiB0aGlzLnRhYlNlcnZpY2UudGFic1Zpc2libGUoKTtcbiAgfVxuXG4gIHB1YmxpYyBzaG93VGFicygpIHtcbiAgICB0aGlzLnRhYlNlcnZpY2Uuc2hvd1RhYnMoKTtcbiAgICB0aGlzLmNoYW5nZVJlZi5tYXJrRm9yQ2hlY2soKTtcbiAgfVxufVxuIiwiPGRpdlxuICBhcmlhLW9yaWVudGF0aW9uPVwidmVydGljYWxcIlxuICBjbGFzcz1cInNreS1zZWN0aW9uZWQtZm9ybVwiXG4gIFthdHRyLnJvbGVdPVwiYXJpYVJvbGVcIlxuICAod2luZG93OnJlc2l6ZSk9XCJ0YWJTZXJ2aWNlLnVwZGF0ZUNvbnRlbnQoKVwiXG4+XG4gIDxkaXZcbiAgICAqbmdJZj1cIm1haW50YWluU2VjdGlvbkNvbnRlbnQgfHwgdGFic1Zpc2libGUoKVwiXG4gICAgY2xhc3M9XCJza3ktc2VjdGlvbmVkLWZvcm0tdGFic1wiXG4gICAgW25nQ2xhc3NdPVwieydza3ktc2VjdGlvbmVkLWZvcm0tdGFicy1oaWRkZW4nOiAhdGFic1Zpc2libGUoKX1cIlxuICAgIFtAdGFiRW50ZXJdPVwidGFiU2VydmljZS5hbmltYXRpb25UYWJzVmlzaWJsZVN0YXRlXCJcbiAgPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG4gIDxkaXZcbiAgICAqbmdJZj1cIm1haW50YWluU2VjdGlvbkNvbnRlbnQgfHwgdGFiU2VydmljZS5jb250ZW50VmlzaWJsZSgpXCJcbiAgICBjbGFzcz1cInNreS1zZWN0aW9uZWQtZm9ybS1jb250ZW50XCJcbiAgICBbbmdDbGFzc109XCJ7J3NreS1zZWN0aW9uZWQtZm9ybS1jb250ZW50LWhpZGRlbic6ICF0YWJTZXJ2aWNlLmNvbnRlbnRWaXNpYmxlKCl9XCJcbiAgICBbQGNvbnRlbnRFbnRlcl09XCJ0YWJTZXJ2aWNlLmFuaW1hdGlvbkNvbnRlbnRWaXNpYmxlU3RhdGVcIlxuICAgICNza3lTZWN0aW9uU2lkZUNvbnRlbnRcbiAgPlxuICA8L2Rpdj5cbjwvZGl2PlxuXG4iXX0=
|
|
@@ -2,23 +2,26 @@ import { NgModule } from '@angular/core';
|
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { SkySectionedFormComponent } from './sectioned-form.component';
|
|
4
4
|
import { SkySectionedFormSectionComponent } from './sectioned-form-section.component';
|
|
5
|
+
import { SkyThemeModule } from '@skyux/theme';
|
|
5
6
|
import { SkyVerticalTabsetModule } from '../vertical-tabset/vertical-tabset.module';
|
|
6
7
|
import { SkyCheckboxModule } from '@skyux/forms';
|
|
7
8
|
import * as i0 from "@angular/core";
|
|
8
9
|
export class SkySectionedFormModule {
|
|
9
10
|
}
|
|
10
|
-
SkySectionedFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
11
|
-
SkySectionedFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
11
|
+
SkySectionedFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkySectionedFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
12
|
+
SkySectionedFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkySectionedFormModule, declarations: [SkySectionedFormComponent,
|
|
12
13
|
SkySectionedFormSectionComponent], imports: [CommonModule,
|
|
13
14
|
SkyCheckboxModule,
|
|
15
|
+
SkyThemeModule,
|
|
14
16
|
SkyVerticalTabsetModule], exports: [SkySectionedFormComponent,
|
|
15
17
|
SkySectionedFormSectionComponent] });
|
|
16
|
-
SkySectionedFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
18
|
+
SkySectionedFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkySectionedFormModule, imports: [[
|
|
17
19
|
CommonModule,
|
|
18
20
|
SkyCheckboxModule,
|
|
21
|
+
SkyThemeModule,
|
|
19
22
|
SkyVerticalTabsetModule
|
|
20
23
|
]] });
|
|
21
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkySectionedFormModule, decorators: [{
|
|
22
25
|
type: NgModule,
|
|
23
26
|
args: [{
|
|
24
27
|
declarations: [
|
|
@@ -28,6 +31,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImpor
|
|
|
28
31
|
imports: [
|
|
29
32
|
CommonModule,
|
|
30
33
|
SkyCheckboxModule,
|
|
34
|
+
SkyThemeModule,
|
|
31
35
|
SkyVerticalTabsetModule
|
|
32
36
|
],
|
|
33
37
|
exports: [
|
|
@@ -36,4 +40,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImpor
|
|
|
36
40
|
]
|
|
37
41
|
}]
|
|
38
42
|
}] });
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbmVkLWZvcm0ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGFicy9zcmMvbW9kdWxlcy9zZWN0aW9uZWQtZm9ybS9zZWN0aW9uZWQtZm9ybS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDdkUsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDdEYsT0FBTyxFQUFFLGNBQWMsRUFBQyxNQUFNLGNBQWMsQ0FBQztBQUM3QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNwRixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxjQUFjLENBQUM7O0FBa0JqRCxNQUFNLE9BQU8sc0JBQXNCOztvSEFBdEIsc0JBQXNCO3FIQUF0QixzQkFBc0IsaUJBZC9CLHlCQUF5QjtRQUN6QixnQ0FBZ0MsYUFHaEMsWUFBWTtRQUNaLGlCQUFpQjtRQUNqQixjQUFjO1FBQ2QsdUJBQXVCLGFBR3ZCLHlCQUF5QjtRQUN6QixnQ0FBZ0M7cUhBR3ZCLHNCQUFzQixZQVh4QjtZQUNQLFlBQVk7WUFDWixpQkFBaUI7WUFDakIsY0FBYztZQUNkLHVCQUF1QjtTQUN4Qjs0RkFNVSxzQkFBc0I7a0JBaEJsQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWix5QkFBeUI7d0JBQ3pCLGdDQUFnQztxQkFDakM7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osaUJBQWlCO3dCQUNqQixjQUFjO3dCQUNkLHVCQUF1QjtxQkFDeEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHlCQUF5Qjt3QkFDekIsZ0NBQWdDO3FCQUNqQztpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgU2t5U2VjdGlvbmVkRm9ybUNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbmVkLWZvcm0uY29tcG9uZW50JztcbmltcG9ydCB7IFNreVNlY3Rpb25lZEZvcm1TZWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9zZWN0aW9uZWQtZm9ybS1zZWN0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa3lUaGVtZU1vZHVsZX0gZnJvbSAnQHNreXV4L3RoZW1lJztcbmltcG9ydCB7IFNreVZlcnRpY2FsVGFic2V0TW9kdWxlIH0gZnJvbSAnLi4vdmVydGljYWwtdGFic2V0L3ZlcnRpY2FsLXRhYnNldC5tb2R1bGUnO1xuaW1wb3J0IHsgU2t5Q2hlY2tib3hNb2R1bGUgfSBmcm9tICdAc2t5dXgvZm9ybXMnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTa3lTZWN0aW9uZWRGb3JtQ29tcG9uZW50LFxuICAgIFNreVNlY3Rpb25lZEZvcm1TZWN0aW9uQ29tcG9uZW50XG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgU2t5Q2hlY2tib3hNb2R1bGUsXG4gICAgU2t5VGhlbWVNb2R1bGUsXG4gICAgU2t5VmVydGljYWxUYWJzZXRNb2R1bGVcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFNreVNlY3Rpb25lZEZvcm1Db21wb25lbnQsXG4gICAgU2t5U2VjdGlvbmVkRm9ybVNlY3Rpb25Db21wb25lbnRcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBTa3lTZWN0aW9uZWRGb3JtTW9kdWxlIHsgfVxuIl19
|
|
@@ -27,9 +27,9 @@ export class SkySectionedFormService {
|
|
|
27
27
|
this.requiredChange.next(isRequired);
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
|
-
SkySectionedFormService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
31
|
-
SkySectionedFormService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
30
|
+
SkySectionedFormService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkySectionedFormService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
31
|
+
SkySectionedFormService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkySectionedFormService });
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkySectionedFormService, decorators: [{
|
|
33
33
|
type: Injectable
|
|
34
34
|
}] });
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbmVkLWZvcm0uc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RhYnMvc3JjL21vZHVsZXMvc2VjdGlvbmVkLWZvcm0vc2VjdGlvbmVkLWZvcm0uc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsVUFBVSxFQUNYLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFDTCxlQUFlLEVBQ2hCLE1BQU0sTUFBTSxDQUFDOztBQUdkLE1BQU0sT0FBTyx1QkFBdUI7SUFEcEM7UUFFQTs7V0FFRztRQUNNLGtCQUFhLEdBQTZCLElBQUksZUFBZSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBQ2xGOztXQUVHO1FBQ00sbUJBQWMsR0FBNkIsSUFBSSxlQUFlLENBQUMsU0FBUyxDQUFDLENBQUM7S0FpQmxGO0lBZkM7OztPQUdHO0lBQ0ksbUJBQW1CLENBQUMsU0FBa0I7UUFDM0MsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVEOzs7T0FHRztJQUNJLG9CQUFvQixDQUFDLFVBQW1CO1FBQzdDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7O3FIQXhCVSx1QkFBdUI7eUhBQXZCLHVCQUF1Qjs0RkFBdkIsdUJBQXVCO2tCQURuQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgSW5qZWN0YWJsZVxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgQmVoYXZpb3JTdWJqZWN0XG59IGZyb20gJ3J4anMnO1xuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgU2t5U2VjdGlvbmVkRm9ybVNlcnZpY2Uge1xuLyoqXG4gKiBAaW50ZXJuYWxcbiAqL1xuICBwdWJsaWMgaW52YWxpZENoYW5nZTogQmVoYXZpb3JTdWJqZWN0PGJvb2xlYW4+ID0gbmV3IEJlaGF2aW9yU3ViamVjdCh1bmRlZmluZWQpO1xuLyoqXG4gKiBAaW50ZXJuYWxcbiAqL1xuICBwdWJsaWMgcmVxdWlyZWRDaGFuZ2U6IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPiA9IG5ldyBCZWhhdmlvclN1YmplY3QodW5kZWZpbmVkKTtcblxuICAvKipcbiAgICogU2V0cyB0aGUgY3VycmVudCBzZWN0aW9uJ3MgaW52YWxpZCBzdGF0ZSBiYXNlZCBvbiB0aGUgYGlzSW52YWxpZGAgcGFyYW1ldGVyLlxuICAgKiBUaGlzIG1ldGhvZCBpcyB1c2VkIHdpdGhpbiBhIGBza3ktc2VjdGlvbmVkLWZvcm0tc2VjdGlvbmAgZWxlbWVudC5cbiAgICovXG4gIHB1YmxpYyBpbnZhbGlkRmllbGRDaGFuZ2VkKGlzSW52YWxpZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuaW52YWxpZENoYW5nZS5uZXh0KGlzSW52YWxpZCk7XG4gIH1cblxuICAvKipcbiAgICogU2V0cyB0aGUgY3VycmVudCBzZWN0aW9uJ3MgcmVxdWlyZWQgc3RhdGUgYmFzZWQgb24gdGhlIGBpc1JlcXVpcmVkYCBwYXJhbWV0ZXIuXG4gICAqIFRoaXMgbWV0aG9kIGlzIHVzZWQgd2l0aGluIGEgYHNreS1zZWN0aW9uZWQtZm9ybS1zZWN0aW9uYCBlbGVtZW50LlxuICAgKi9cbiAgcHVibGljIHJlcXVpcmVkRmllbGRDaGFuZ2VkKGlzUmVxdWlyZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLnJlcXVpcmVkQ2hhbmdlLm5leHQoaXNSZXF1aXJlZCk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -20,14 +20,14 @@ export class SkyTabsResourcesProvider {
|
|
|
20
20
|
*/
|
|
21
21
|
export class SkyTabsResourcesModule {
|
|
22
22
|
}
|
|
23
|
-
SkyTabsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
24
|
-
SkyTabsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.
|
|
25
|
-
SkyTabsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.
|
|
23
|
+
SkyTabsResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTabsResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
24
|
+
SkyTabsResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTabsResourcesModule, exports: [SkyI18nModule] });
|
|
25
|
+
SkyTabsResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTabsResourcesModule, providers: [{
|
|
26
26
|
provide: SKY_LIB_RESOURCES_PROVIDERS,
|
|
27
27
|
useClass: SkyTabsResourcesProvider,
|
|
28
28
|
multi: true
|
|
29
29
|
}], imports: [SkyI18nModule] });
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTabsResourcesModule, decorators: [{
|
|
31
31
|
type: NgModule,
|
|
32
32
|
args: [{
|
|
33
33
|
exports: [SkyI18nModule],
|
|
@@ -38,4 +38,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImpor
|
|
|
38
38
|
}]
|
|
39
39
|
}]
|
|
40
40
|
}] });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2t5LXRhYnMtcmVzb3VyY2VzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RhYnMvc3JjL21vZHVsZXMvc2hhcmVkL3NreS10YWJzLXJlc291cmNlcy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7O0dBS0c7QUFFSCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFDTCxxQkFBcUIsRUFFckIsYUFBYSxFQUdiLDJCQUEyQixFQUM1QixNQUFNLGFBQWEsQ0FBQzs7QUFFckIsTUFBTSxTQUFTLEdBQTBDO0lBQ3ZELE9BQU8sRUFBRSxFQUFDLGVBQWUsRUFBQyxFQUFDLFNBQVMsRUFBQyxTQUFTLEVBQUMsRUFBQyxpQkFBaUIsRUFBQyxFQUFDLFNBQVMsRUFBQyxlQUFlLEVBQUMsRUFBQywyQkFBMkIsRUFBQyxFQUFDLFNBQVMsRUFBQyxNQUFNLEVBQUMsRUFBQywrQkFBK0IsRUFBQyxFQUFDLFNBQVMsRUFBQyxVQUFVLEVBQUMsRUFBQyxnQkFBZ0IsRUFBQyxFQUFDLFNBQVMsRUFBQyxVQUFVLEVBQUMsRUFBQyxvQ0FBb0MsRUFBQyxFQUFDLFNBQVMsRUFBQyxVQUFVLEVBQUMsRUFBQztDQUN6UyxDQUFDO0FBRUYsTUFBTSxPQUFPLHdCQUF3QjtJQUM1QixTQUFTLENBQUMsVUFBNEIsRUFBRSxJQUFZO1FBQ3pELE9BQU8scUJBQXFCLENBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDbkUsQ0FBQztDQUNGO0FBRUQ7O0dBRUc7QUFTSCxNQUFNLE9BQU8sc0JBQXNCOztvSEFBdEIsc0JBQXNCO3FIQUF0QixzQkFBc0IsWUFQdkIsYUFBYTtxSEFPWixzQkFBc0IsYUFOdEIsQ0FBQztZQUNWLE9BQU8sRUFBRSwyQkFBMkI7WUFDcEMsUUFBUSxFQUFFLHdCQUF3QjtZQUNsQyxLQUFLLEVBQUUsSUFBSTtTQUNaLENBQUMsWUFMUSxhQUFhOzRGQU9aLHNCQUFzQjtrQkFSbEMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxhQUFhLENBQUM7b0JBQ3hCLFNBQVMsRUFBRSxDQUFDOzRCQUNWLE9BQU8sRUFBRSwyQkFBMkI7NEJBQ3BDLFFBQVEsRUFBRSx3QkFBd0I7NEJBQ2xDLEtBQUssRUFBRSxJQUFJO3lCQUNaLENBQUM7aUJBQ0giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIE5PVElDRTogRE8gTk9UIE1PRElGWSBUSElTIEZJTEUhXG4gKiBUaGUgY29udGVudHMgb2YgdGhpcyBmaWxlIHdlcmUgYXV0b21hdGljYWxseSBnZW5lcmF0ZWQgYnlcbiAqIHRoZSAnbmcgZ2VuZXJhdGUgQHNreXV4L2kxOG46bGliLXJlc291cmNlcy1tb2R1bGUgbW9kdWxlcy9zaGFyZWQvc2t5LXRhYnMnIHNjaGVtYXRpYy5cbiAqIFRvIHVwZGF0ZSB0aGlzIGZpbGUsIHNpbXBseSByZXJ1biB0aGUgY29tbWFuZC5cbiAqL1xuXG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgZ2V0TGliU3RyaW5nRm9yTG9jYWxlLFxuICBTa3lBcHBMb2NhbGVJbmZvLFxuICBTa3lJMThuTW9kdWxlLFxuICBTa3lMaWJSZXNvdXJjZXMsXG4gIFNreUxpYlJlc291cmNlc1Byb3ZpZGVyLFxuICBTS1lfTElCX1JFU09VUkNFU19QUk9WSURFUlNcbn0gZnJvbSAnQHNreXV4L2kxOG4nO1xuXG5jb25zdCBSRVNPVVJDRVM6IHsgW2xvY2FsZTogc3RyaW5nXTogU2t5TGliUmVzb3VyY2VzIH0gPSB7XG4gICdFTi1VUyc6IHtcInNreXV4X3RhYl9hZGRcIjp7XCJtZXNzYWdlXCI6XCJBZGQgdGFiXCJ9LFwic2t5dXhfdGFiX2Nsb3NlXCI6e1wibWVzc2FnZVwiOlwiQ2xvc2UgezB9IHRhYlwifSxcInNreXV4X3RhYnNfbmF2aWdhdG9yX25leHRcIjp7XCJtZXNzYWdlXCI6XCJOZXh0XCJ9LFwic2t5dXhfdGFic19uYXZpZ2F0b3JfcHJldmlvdXNcIjp7XCJtZXNzYWdlXCI6XCJQcmV2aW91c1wifSxcInNreXV4X3RhYl9vcGVuXCI6e1wibWVzc2FnZVwiOlwiT3BlbiB0YWJcIn0sXCJza3l1eF92ZXJ0aWNhbF90YWJzX3Nob3dfdGFic190ZXh0XCI6e1wibWVzc2FnZVwiOlwiVGFiIGxpc3RcIn19LFxufTtcblxuZXhwb3J0IGNsYXNzIFNreVRhYnNSZXNvdXJjZXNQcm92aWRlciBpbXBsZW1lbnRzIFNreUxpYlJlc291cmNlc1Byb3ZpZGVyIHtcbiAgcHVibGljIGdldFN0cmluZyhsb2NhbGVJbmZvOiBTa3lBcHBMb2NhbGVJbmZvLCBuYW1lOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIHJldHVybiBnZXRMaWJTdHJpbmdGb3JMb2NhbGUoUkVTT1VSQ0VTLCBsb2NhbGVJbmZvLmxvY2FsZSwgbmFtZSk7XG4gIH1cbn1cblxuLyoqXG4gKiBJbXBvcnQgaW50byBhbnkgY29tcG9uZW50IGxpYnJhcnkgbW9kdWxlIHRoYXQgbmVlZHMgdG8gdXNlIHJlc291cmNlIHN0cmluZ3MuXG4gKi9cbkBOZ01vZHVsZSh7XG4gIGV4cG9ydHM6IFtTa3lJMThuTW9kdWxlXSxcbiAgcHJvdmlkZXJzOiBbe1xuICAgIHByb3ZpZGU6IFNLWV9MSUJfUkVTT1VSQ0VTX1BST1ZJREVSUyxcbiAgICB1c2VDbGFzczogU2t5VGFic1Jlc291cmNlc1Byb3ZpZGVyLFxuICAgIG11bHRpOiB0cnVlXG4gIH1dXG59KVxuZXhwb3J0IGNsYXNzIFNreVRhYnNSZXNvdXJjZXNNb2R1bGUgeyB9XG4iXX0=
|
|
@@ -28,9 +28,9 @@ export class SkyTabButtonComponent {
|
|
|
28
28
|
event.preventDefault();
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
|
-
SkyTabButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.
|
|
32
|
-
SkyTabButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.
|
|
33
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.
|
|
31
|
+
SkyTabButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTabButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
32
|
+
SkyTabButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SkyTabButtonComponent, selector: "sky-tab-button", inputs: { active: "active", ariaControls: "ariaControls", buttonHref: "buttonHref", buttonId: "buttonId", buttonText: "buttonText", buttonTextCount: "buttonTextCount", closeable: "closeable", disabled: "disabled", tabStyle: "tabStyle" }, outputs: { buttonClick: "buttonClick", closeClick: "closeClick" }, ngImport: i0, 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", 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 .15s}.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}:host-context(.sky-theme-modern) .sky-btn-tab-wrapper{margin-right:10px}:host-context(.sky-theme-modern) .sky-btn-tab-wrapper .sky-btn-tab-close{top:12px;right:10px}: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}:host-context(.sky-theme-modern) .sky-tab-btn-closeable{padding-right:44px}.sky-theme-modern .sky-btn-tab-wrapper{margin-right:10px}.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{color:#686c73}.sky-theme-modern .sky-tab-btn-closeable{padding-right:44px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-btn-tab-wrapper .sky-btn-tab-close{color:#eeeeef}: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}.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{color:#eeeeef}\n"], components: [{ type: i1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyLibResources": i3.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SkyTabButtonComponent, decorators: [{
|
|
34
34
|
type: Component,
|
|
35
35
|
args: [{
|
|
36
36
|
selector: 'sky-tab-button',
|
|
@@ -62,4 +62,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImpor
|
|
|
62
62
|
}], closeClick: [{
|
|
63
63
|
type: Output
|
|
64
64
|
}] } });
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90YWJzL3NyYy9tb2R1bGVzL3RhYnMvdGFiLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90YWJzL3NyYy9tb2R1bGVzL3RhYnMvdGFiLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixpQkFBaUIsRUFDbEIsTUFBTSxlQUFlLENBQUM7Ozs7O0FBTXZCOztHQUVHO0FBUUgsTUFBTSxPQUFPLHFCQUFxQjtJQVBsQztRQXFDUyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFHdkMsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0FxQjlDO0lBbkJRLGFBQWEsQ0FBQyxLQUFpQjtRQUNwQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ3hCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztTQUN4QjtJQUNILENBQUM7SUFFTSxvQkFBb0IsQ0FBQyxLQUFVO1FBQ3BDLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVNLFlBQVksQ0FBQyxLQUFVO1FBQzVCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7UUFFdkIsOERBQThEO1FBQzlELDRDQUE0QztRQUM1QyxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3pCLENBQUM7O21IQXJEVSxxQkFBcUI7dUdBQXJCLHFCQUFxQix1V0N2QmxDLDQwQ0FvREE7NEZEN0JhLHFCQUFxQjtrQkFQakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixXQUFXLEVBQUUsNkJBQTZCO29CQUMxQyxTQUFTLEVBQUUsQ0FBQyw2QkFBNkIsQ0FBQztvQkFDMUMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN0Qzs4QkFJUSxNQUFNO3NCQURaLEtBQUs7Z0JBSUMsWUFBWTtzQkFEbEIsS0FBSztnQkFJQyxVQUFVO3NCQURoQixLQUFLO2dCQUlDLFFBQVE7c0JBRGQsS0FBSztnQkFJQyxVQUFVO3NCQURoQixLQUFLO2dCQUlDLGVBQWU7c0JBRHJCLEtBQUs7Z0JBSUMsU0FBUztzQkFEZixLQUFLO2dCQUlDLFFBQVE7c0JBRGQsS0FBSztnQkFJQyxRQUFRO3NCQURkLEtBQUs7Z0JBSUMsV0FBVztzQkFEakIsTUFBTTtnQkFJQSxVQUFVO3NCQURoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgU2t5VGFic2V0U3R5bGVcbn0gZnJvbSAnLi90YWJzZXQtc3R5bGUnO1xuXG4vKipcbiAqIEBpbnRlcm5hbFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdza3ktdGFiLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWItYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdGFiLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBTa3lUYWJCdXR0b25Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhY3RpdmU6IGJvb2xlYW47XG5cbiAgQElucHV0KClcbiAgcHVibGljIGFyaWFDb250cm9sczogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBidXR0b25IcmVmOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGJ1dHRvbklkOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGJ1dHRvblRleHQ6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBwdWJsaWMgYnV0dG9uVGV4dENvdW50OiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGNsb3NlYWJsZTogYm9vbGVhbjtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgZGlzYWJsZWQ6IGJvb2xlYW47XG5cbiAgQElucHV0KClcbiAgcHVibGljIHRhYlN0eWxlOiBTa3lUYWJzZXRTdHlsZTtcblxuICBAT3V0cHV0KClcbiAgcHVibGljIGJ1dHRvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgY2xvc2VDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBwdWJsaWMgb25CdXR0b25DbGljayhldmVudDogTW91c2VFdmVudCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5kaXNhYmxlZCkge1xuICAgICAgdGhpcy5idXR0b25DbGljay5lbWl0KCk7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBvbkJ1dHRvbkVudGVyS2V5RG93bihldmVudDogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vbkJ1dHRvbkNsaWNrKGV2ZW50KTtcbiAgfVxuXG4gIHB1YmxpYyBvbkNsb3NlQ2xpY2soZXZlbnQ6IGFueSk6IHZvaWQge1xuICAgIHRoaXMuY2xvc2VDbGljay5lbWl0KCk7XG5cbiAgICAvLyBQcmV2ZW50IHRoZSBjbGljayBldmVudCBmcm9tIGJ1YmJsaW5nIHVwIHRvIHRoZSBhbmNob3IgdGFnO1xuICAgIC8vIG90aGVyd2lzZSBpdCB3aWxsIHRyaWdnZXIgYSBwYWdlIHJlZnJlc2guXG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cInNreS1idG4tdGFiLXdyYXBwZXJcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ3NreS1idG4tdGFiLXdyYXBwZXItc2VsZWN0ZWQnOiBhY3RpdmUsXG4gICAgJ3NreS1idG4tdGFiLXdyYXBwZXItZGlzYWJsZWQnOiBkaXNhYmxlZFxuICB9XCJcbj5cbiAgPGFcbiAgICBjbGFzcz1cInNreS1idG4tdGFiXCJcbiAgICByb2xlPVwidGFiXCJcbiAgICBbYXR0ci5hcmlhLWNvbnRyb2xzXT1cImFyaWFDb250cm9sc1wiXG4gICAgW2F0dHIuYXJpYS1kaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgW2F0dHIuYXJpYS1zZWxlY3RlZF09XCJhY3RpdmVcIlxuICAgIFthdHRyLmhyZWZdPVwiYnV0dG9uSHJlZlwiXG4gICAgW2lkXT1cImJ1dHRvbklkXCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnc2t5LWJ0bi10YWItd2l6YXJkJzogdGFiU3R5bGUgPT09ICd3aXphcmQnLFxuICAgICAgJ3NreS1idG4tdGFiLXNlbGVjdGVkJzogYWN0aXZlLFxuICAgICAgJ3NreS1idG4tdGFiLWRpc2FibGVkJzogZGlzYWJsZWQsXG4gICAgICAnc2t5LXRhYi1idG4tY2xvc2VhYmxlJzogY2xvc2VhYmxlXG4gICAgfVwiXG4gICAgW3RhYmluZGV4XT1cImRpc2FibGVkID8gJy0xJyA6ICcwJ1wiXG4gICAgKGNsaWNrKT1cIm9uQnV0dG9uQ2xpY2soJGV2ZW50KVwiXG4gICAgKGtleWRvd24uZW50ZXIpPVwib25CdXR0b25FbnRlcktleURvd24oJGV2ZW50KVwiXG4gID5cbiAgICA8c3BhblxuICAgICAgY2xhc3M9XCJza3ktdGFiLWhlYWRpbmdcIlxuICAgID5cbiAgICAgIHt7IGJ1dHRvblRleHQgfX1cbiAgICAgIDxzcGFuICpuZ0lmPVwiYnV0dG9uVGV4dENvdW50ICE9PSB1bmRlZmluZWRcIlxuICAgICAgICBjbGFzcz1cInNreS10YWItaGVhZGVyLWNvdW50XCJcbiAgICAgID5cbiAgICAgICAge3sgYnV0dG9uVGV4dENvdW50IH19XG4gICAgICA8L3NwYW4+XG4gICAgPC9zcGFuPlxuICA8L2E+XG5cbiAgPGJ1dHRvbiAqbmdJZj1cImNsb3NlYWJsZVwiXG4gICAgY2xhc3M9XCJza3ktYnRuLXRhYi1jbG9zZVwiXG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgW2F0dHIuYXJpYS1sYWJlbF09XCInc2t5dXhfdGFiX2Nsb3NlJyB8IHNreUxpYlJlc291cmNlczpidXR0b25UZXh0XCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICdza3ktYnRuLXRhYi1jbG9zZS1kaXNhYmxlZCc6IGRpc2FibGVkXG4gICAgfVwiXG4gICAgKGNsaWNrKT1cIm9uQ2xvc2VDbGljaygkZXZlbnQpXCJcbiAgICA+XG4gICAgPHNreS1pY29uXG4gICAgICBpY29uPVwicmVtb3ZlXCJcbiAgICA+PC9za3ktaWNvbj5cbiAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==
|